magic-components - npm Package Compare versions

Comparing version 0.0.1-beta.10 to 0.0.1-beta.11

babel/babel-plugin-magic.js

@@ -117,2 +117,10 @@ const elements = [
   "webview",
+
+
+
+  "stack",
+  "flex",
+  "row",
+  "column",
+  "grid"
 ];
@@ -119,0 +127,0 @@

dist/index.d.ts

@@ -1,822 +0,1 @@
-import React from "react";
-import "./types";
-export declare const cssParser: {
-    (props: {
-        [x: string]: any;
-    }, theme: {
-        disableStyledSystemCache: any;
-    }): any;
-    config: {
-        [x: string]: any;
-    };
-    propNames: string[];
-    cache: any;
-};
-export declare const deepParser: {
-    (props: {
-        [x: string]: any;
-    }, theme: {
-        disableStyledSystemCache: any;
-    }): any;
-    config: {
-        [x: string]: any;
-    };
-    propNames: string[];
-    cache: any;
-};
-export declare const motionParser: {
-    (props: {
-        [x: string]: any;
-    }, theme: {
-        disableStyledSystemCache: any;
-    }): any;
-    config: {
-        [x: string]: any;
-    };
-    propNames: string[];
-    cache: any;
-};
-export declare const Global: ({ style, }: {
-    style: {
-        [k: string]: {
-            alignContent?: string;
-            alignItems?: string;
-            alignSelf?: string;
-            animationDelay?: string;
-            animationDirection?: string;
-            animationDuration?: string;
-            animationFillMode?: string;
-            animationIterationCount?: string | number;
-            animationName?: string;
-            animationPlayState?: string;
-            animationTimingFunction?: string;
-            appearance?: import("csstype").AppearanceProperty;
-            aspectRatio?: string;
-            backdropFilter?: string;
-            backfaceVisibility?: import("csstype").BackfaceVisibilityProperty;
-            backgroundAttachment?: string;
-            backgroundBlendMode?: string;
-            backgroundClip?: string;
-            backgroundColor?: string;
-            backgroundImage?: string;
-            backgroundOrigin?: string;
-            backgroundPosition?: string | number;
-            backgroundPositionX?: string | number;
-            backgroundPositionY?: string | number;
-            backgroundRepeat?: string;
-            backgroundSize?: string | number;
-            blockOverflow?: string;
-            blockSize?: string | number;
-            borderBlockColor?: string;
-            borderBlockEndColor?: string;
-            borderBlockEndStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderBlockEndWidth?: string | number;
-            borderBlockStartColor?: string;
-            borderBlockStartStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderBlockStartWidth?: string | number;
-            borderBlockStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderBlockWidth?: string | number;
-            borderBottomColor?: string;
-            borderBottomLeftRadius?: string | number;
-            borderBottomRightRadius?: string | number;
-            borderBottomStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderBottomWidth?: string | number;
-            borderCollapse?: import("csstype").BorderCollapseProperty;
-            borderEndEndRadius?: string | number;
-            borderEndStartRadius?: string | number;
-            borderImageOutset?: string | number;
-            borderImageRepeat?: string;
-            borderImageSlice?: string | number;
-            borderImageSource?: string;
-            borderImageWidth?: string | number;
-            borderInlineColor?: string;
-            borderInlineEndColor?: string;
-            borderInlineEndStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderInlineEndWidth?: string | number;
-            borderInlineStartColor?: string;
-            borderInlineStartStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderInlineStartWidth?: string | number;
-            borderInlineStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderInlineWidth?: string | number;
-            borderLeftColor?: string;
-            borderLeftStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderLeftWidth?: string | number;
-            borderRightColor?: string;
-            borderRightStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderRightWidth?: string | number;
-            borderSpacing?: string | number;
-            borderStartEndRadius?: string | number;
-            borderStartStartRadius?: string | number;
-            borderTopColor?: string;
-            borderTopLeftRadius?: string | number;
-            borderTopRightRadius?: string | number;
-            borderTopStyle?: import("csstype").BorderBlockEndStyleProperty;
-            borderTopWidth?: string | number;
-            bottom?: string | number;
-            boxDecorationBreak?: import("csstype").BoxDecorationBreakProperty;
-            boxShadow?: string;
-            boxSizing?: import("csstype").BoxSizingProperty;
-            breakAfter?: import("csstype").BreakAfterProperty;
-            breakBefore?: import("csstype").BreakAfterProperty;
-            breakInside?: import("csstype").BreakInsideProperty;
-            captionSide?: import("csstype").CaptionSideProperty;
-            caretColor?: string;
-            clear?: import("csstype").ClearProperty;
-            clipPath?: string;
-            color?: string;
-            colorAdjust?: import("csstype").ColorAdjustProperty;
-            columnCount?: import("csstype").ColumnCountProperty;
-            columnFill?: import("csstype").ColumnFillProperty;
-            columnGap?: string | number;
-            columnRuleColor?: string;
-            columnRuleStyle?: string;
-            columnRuleWidth?: string | number;
-            columnSpan?: import("csstype").ColumnSpanProperty;
-            columnWidth?: string | number;
-            contain?: string;
-            content?: string;
-            counterIncrement?: string;
-            counterReset?: string;
-            counterSet?: string;
-            cursor?: string;
-            direction?: import("csstype").DirectionProperty;
-            display?: string;
-            emptyCells?: import("csstype").EmptyCellsProperty;
-            filter?: string;
-            flexBasis?: string | number;
-            flexDirection?: import("csstype").FlexDirectionProperty;
-            flexGrow?: import("csstype").GlobalsNumber;
-            flexShrink?: import("csstype").GlobalsNumber;
-            flexWrap?: import("csstype").FlexWrapProperty;
-            float?: import("csstype").FloatProperty;
-            fontFamily?: string;
-            fontFeatureSettings?: string;
-            fontKerning?: import("csstype").FontKerningProperty;
-            fontLanguageOverride?: string;
-            fontOpticalSizing?: import("csstype").FontOpticalSizingProperty;
-            fontSize?: string | number;
-            fontSizeAdjust?: import("csstype").FontSizeAdjustProperty;
-            fontStretch?: string;
-            fontStyle?: string;
-            fontSynthesis?: string;
-            fontVariant?: string;
-            fontVariantCaps?: import("csstype").FontVariantCapsProperty;
-            fontVariantEastAsian?: string;
-            fontVariantLigatures?: string;
-            fontVariantNumeric?: string;
-            fontVariantPosition?: import("csstype").FontVariantPositionProperty;
-            fontVariationSettings?: string;
-            fontWeight?: import("csstype").FontWeightProperty;
-            gridAutoColumns?: string | number;
-            gridAutoFlow?: string;
-            gridAutoRows?: string | number;
-            gridColumnEnd?: string | number;
-            gridColumnStart?: string | number;
-            gridRowEnd?: string | number;
-            gridRowStart?: string | number;
-            gridTemplateAreas?: string;
-            gridTemplateColumns?: string | number;
-            gridTemplateRows?: string | number;
-            hangingPunctuation?: string;
-            height?: string | number;
-            hyphens?: import("csstype").HyphensProperty;
-            imageOrientation?: string;
-            imageRendering?: import("csstype").ImageRenderingProperty;
-            imageResolution?: string;
-            initialLetter?: string | number;
-            inlineSize?: string | number;
-            inset?: string | number;
-            insetBlock?: string | number;
-            insetBlockEnd?: string | number;
-            insetBlockStart?: string | number;
-            insetInline?: string | number;
-            insetInlineEnd?: string | number;
-            insetInlineStart?: string | number;
-            isolation?: import("csstype").IsolationProperty;
-            justifyContent?: string;
-            justifyItems?: string;
-            justifySelf?: string;
-            left?: string | number;
-            letterSpacing?: string | number;
-            lineBreak?: import("csstype").LineBreakProperty;
-            lineHeight?: string | number;
-            lineHeightStep?: string | number;
-            listStyleImage?: string;
-            listStylePosition?: import("csstype").ListStylePositionProperty;
-            listStyleType?: string;
-            marginBlock?: string | number;
-            marginBlockEnd?: string | number;
-            marginBlockStart?: string | number;
-            marginBottom?: string | number;
-            marginInline?: string | number;
-            marginInlineEnd?: string | number;
-            marginInlineStart?: string | number;
-            marginLeft?: string | number;
-            marginRight?: string | number;
-            marginTop?: string | number;
-            maskBorderMode?: import("csstype").MaskBorderModeProperty;
-            maskBorderOutset?: string | number;
-            maskBorderRepeat?: string;
-            maskBorderSlice?: string | number;
-            maskBorderSource?: string;
-            maskBorderWidth?: string | number;
-            maskClip?: string;
-            maskComposite?: string;
-            maskImage?: string;
-            maskMode?: string;
-            maskOrigin?: string;
-            maskPosition?: string | number;
-            maskRepeat?: string;
-            maskSize?: string | number;
-            maskType?: import("csstype").MaskBorderModeProperty;
-            maxBlockSize?: string | number;
-            maxHeight?: string | number;
-            maxInlineSize?: string | number;
-            maxLines?: import("csstype").FontSizeAdjustProperty;
-            maxWidth?: string | number;
-            minBlockSize?: string | number;
-            minHeight?: string | number;
-            minInlineSize?: string | number;
-            minWidth?: string | number;
-            mixBlendMode?: import("csstype").MixBlendModeProperty;
-            motionDistance?: string | number;
-            motionPath?: string;
-            motionRotation?: string;
-            objectFit?: import("csstype").ObjectFitProperty;
-            objectPosition?: string | number;
-            offsetAnchor?: string | number;
-            offsetDistance?: string | number;
-            offsetPath?: string;
-            offsetRotate?: string;
-            offsetRotation?: string;
-            opacity?: string | number;
-            order?: import("csstype").GlobalsNumber;
-            orphans?: import("csstype").GlobalsNumber;
-            outlineColor?: string;
-            outlineOffset?: string | number;
-            outlineStyle?: string;
-            outlineWidth?: string | number;
-            overflowAnchor?: import("csstype").FontOpticalSizingProperty;
-            overflowBlock?: import("csstype").OverflowBlockProperty;
-            overflowClipBox?: import("csstype").OverflowClipBoxProperty;
-            overflowInline?: import("csstype").OverflowBlockProperty;
-            overflowWrap?: import("csstype").OverflowWrapProperty;
-            overflowX?: import("csstype").OverflowXProperty;
-            overflowY?: import("csstype").OverflowXProperty;
-            overscrollBehavior?: string;
-            overscrollBehaviorBlock?: import("csstype").OverscrollBehaviorBlockProperty;
-            overscrollBehaviorInline?: import("csstype").OverscrollBehaviorBlockProperty;
-            overscrollBehaviorX?: import("csstype").OverscrollBehaviorBlockProperty;
-            overscrollBehaviorY?: import("csstype").OverscrollBehaviorBlockProperty;
-            paddingBlock?: string | number;
-            paddingBlockEnd?: string | number;
-            paddingBlockStart?: string | number;
-            paddingBottom?: string | number;
-            paddingInline?: string | number;
-            paddingInlineEnd?: string | number;
-            paddingInlineStart?: string | number;
-            paddingLeft?: string | number;
-            paddingRight?: string | number;
-            paddingTop?: string | number;
-            pageBreakAfter?: import("csstype").PageBreakAfterProperty;
-            pageBreakBefore?: import("csstype").PageBreakAfterProperty;
-            pageBreakInside?: import("csstype").PageBreakInsideProperty;
-            paintOrder?: string;
-            perspective?: string | number;
-            perspectiveOrigin?: string | number;
-            placeContent?: string;
-            pointerEvents?: import("csstype").PointerEventsProperty;
-            position?: import("csstype").PositionProperty;
-            quotes?: string;
-            resize?: import("csstype").ResizeProperty;
-            right?: string | number;
-            rotate?: string;
-            rowGap?: string | number;
-            rubyAlign?: import("csstype").RubyAlignProperty;
-            rubyMerge?: import("csstype").RubyMergeProperty;
-            rubyPosition?: import("csstype").RubyPositionProperty;
-            scale?: string | number;
-            scrollBehavior?: import("csstype").ScrollBehaviorProperty;
-            scrollMargin?: string | number;
-            scrollMarginBlock?: string | number;
-            scrollMarginBlockEnd?: string | number;
-            scrollMarginBlockStart?: string | number;
-            scrollMarginBottom?: string | number;
-            scrollMarginInline?: string | number;
-            scrollMarginInlineEnd?: string | number;
-            scrollMarginInlineStart?: string | number;
-            scrollMarginLeft?: string | number;
-            scrollMarginRight?: string | number;
-            scrollMarginTop?: string | number;
-            scrollPadding?: string | number;
-            scrollPaddingBlock?: string | number;
-            scrollPaddingBlockEnd?: string | number;
-            scrollPaddingBlockStart?: string | number;
-            scrollPaddingBottom?: string | number;
-            scrollPaddingInline?: string | number;
-            scrollPaddingInlineEnd?: string | number;
-            scrollPaddingInlineStart?: string | number;
-            scrollPaddingLeft?: string | number;
-            scrollPaddingRight?: string | number;
-            scrollPaddingTop?: string | number;
-            scrollSnapAlign?: string;
-            scrollSnapMargin?: string | number;
-            scrollSnapMarginBottom?: string | number;
-            scrollSnapMarginLeft?: string | number;
-            scrollSnapMarginRight?: string | number;
-            scrollSnapMarginTop?: string | number;
-            scrollSnapStop?: import("csstype").ScrollSnapStopProperty;
-            scrollSnapType?: string;
-            scrollbarColor?: string;
-            scrollbarWidth?: import("csstype").ScrollbarWidthProperty;
-            shapeImageThreshold?: string | number;
-            shapeMargin?: string | number;
-            shapeOutside?: string;
-            tabSize?: string | number;
-            tableLayout?: import("csstype").TableLayoutProperty;
-            textAlign?: import("csstype").TextAlignProperty;
-            textAlignLast?: import("csstype").TextAlignLastProperty;
-            textCombineUpright?: string;
-            textDecorationColor?: string;
-            textDecorationLine?: string;
-            textDecorationSkip?: string;
-            textDecorationSkipInk?: import("csstype").TextDecorationSkipInkProperty;
-            textDecorationStyle?: import("csstype").TextDecorationStyleProperty;
-            textDecorationThickness?: string | number;
-            textDecorationWidth?: string | number;
-            textEmphasisColor?: string;
-            textEmphasisPosition?: string;
-            textEmphasisStyle?: string;
-            textIndent?: string | number;
-            textJustify?: import("csstype").TextJustifyProperty;
-            textOrientation?: import("csstype").TextOrientationProperty;
-            textOverflow?: string;
-            textRendering?: import("csstype").TextRenderingProperty;
-            textShadow?: string;
-            textSizeAdjust?: string;
-            textTransform?: import("csstype").TextTransformProperty;
-            textUnderlineOffset?: string | number;
-            textUnderlinePosition?: string;
-            top?: string | number;
-            touchAction?: string;
-            transform?: string;
-            transformBox?: import("csstype").TransformBoxProperty;
-            transformOrigin?: string | number;
-            transformStyle?: import("csstype").TransformStyleProperty;
-            transitionDelay?: string;
-            transitionDuration?: string;
-            transitionProperty?: string;
-            transitionTimingFunction?: string;
-            translate?: string | number;
-            unicodeBidi?: import("csstype").UnicodeBidiProperty;
-            userSelect?: import("csstype").UserSelectProperty;
-            verticalAlign?: string | number;
-            visibility?: import("csstype").VisibilityProperty;
-            whiteSpace?: import("csstype").WhiteSpaceProperty;
-            widows?: import("csstype").GlobalsNumber;
-            width?: string | number;
-            willChange?: string;
-            wordBreak?: import("csstype").WordBreakProperty;
-            wordSpacing?: string | number;
-            wordWrap?: import("csstype").WordWrapProperty;
-            writingMode?: import("csstype").WritingModeProperty;
-            zIndex?: import("csstype").ColumnCountProperty;
-            zoom?: string | number;
-            all?: import("csstype").Globals;
-            animation?: string | number;
-            background?: string | number;
-            border?: string | number;
-            borderBlock?: string | number;
-            borderBlockEnd?: string | number;
-            borderBlockStart?: string | number;
-            borderBottom?: string | number;
-            borderColor?: string;
-            borderImage?: string | number;
-            borderInline?: string | number;
-            borderInlineEnd?: string | number;
-            borderInlineStart?: string | number;
-            borderLeft?: string | number;
-            borderRadius?: string | number;
-            borderRight?: string | number;
-            borderStyle?: string;
-            borderTop?: string | number;
-            borderWidth?: string | number;
-            columnRule?: string | number;
-            columns?: string | number;
-            flex?: string | number;
-            flexFlow?: string;
-            font?: string;
-            gap?: string | number;
-            grid?: string;
-            gridArea?: string | number;
-            gridColumn?: string | number;
-            gridRow?: string | number;
-            gridTemplate?: string;
-            lineClamp?: import("csstype").FontSizeAdjustProperty;
-            listStyle?: string;
-            margin?: string | number;
-            mask?: string | number;
-            maskBorder?: string | number;
-            motion?: string | number;
-            offset?: string | number;
-            outline?: string | number;
-            overflow?: string;
-            padding?: string | number;
-            placeItems?: string;
-            placeSelf?: string;
-            textDecoration?: string | number;
-            textEmphasis?: string;
-            transition?: string;
-            MozAnimationDelay?: string;
-            MozAnimationDirection?: string;
-            MozAnimationDuration?: string;
-            MozAnimationFillMode?: string;
-            MozAnimationIterationCount?: string | number;
-            MozAnimationName?: string;
-            MozAnimationPlayState?: string;
-            MozAnimationTimingFunction?: string;
-            MozAppearance?: import("csstype").MozAppearanceProperty;
-            MozBackfaceVisibility?: import("csstype").BackfaceVisibilityProperty;
-            MozBorderEndColor?: string;
-            MozBorderEndStyle?: import("csstype").BorderBlockEndStyleProperty;
-            MozBorderEndWidth?: string | number;
-            MozBorderStartColor?: string;
-            MozBorderStartStyle?: import("csstype").BorderBlockEndStyleProperty;
-            MozBoxSizing?: import("csstype").BoxSizingProperty;
-            MozColumnCount?: import("csstype").ColumnCountProperty;
-            MozColumnFill?: import("csstype").ColumnFillProperty;
-            MozColumnGap?: string | number;
-            MozColumnRuleColor?: string;
-            MozColumnRuleStyle?: string;
-            MozColumnRuleWidth?: string | number;
-            MozColumnWidth?: string | number;
-            MozContextProperties?: string;
-            MozFloatEdge?: import("csstype").MozFloatEdgeProperty;
-            MozFontFeatureSettings?: string;
-            MozFontLanguageOverride?: string;
-            MozForceBrokenImageIcon?: import("csstype").GlobalsNumber;
-            MozHyphens?: import("csstype").HyphensProperty;
-            MozImageRegion?: string;
-            MozMarginEnd?: string | number;
-            MozMarginStart?: string | number;
-            MozOrient?: import("csstype").MozOrientProperty;
-            MozOutlineRadiusBottomleft?: string | number;
-            MozOutlineRadiusBottomright?: string | number;
-            MozOutlineRadiusTopleft?: string | number;
-            MozOutlineRadiusTopright?: string | number;
-            MozPaddingEnd?: string | number;
-            MozPaddingStart?: string | number;
-            MozPerspective?: string | number;
-            MozPerspectiveOrigin?: string | number;
-            MozStackSizing?: import("csstype").MozStackSizingProperty;
-            MozTabSize?: string | number;
-            MozTextSizeAdjust?: string;
-            MozTransformOrigin?: string | number;
-            MozTransformStyle?: import("csstype").TransformStyleProperty;
-            MozTransitionDelay?: string;
-            MozTransitionDuration?: string;
-            MozTransitionProperty?: string;
-            MozTransitionTimingFunction?: string;
-            MozUserFocus?: import("csstype").MozUserFocusProperty;
-            MozUserModify?: import("csstype").MozUserModifyProperty;
-            MozUserSelect?: import("csstype").UserSelectProperty;
-            MozWindowDragging?: import("csstype").MozWindowDraggingProperty;
-            msAccelerator?: import("csstype").MsAcceleratorProperty;
-            msAlignSelf?: string;
-            msBlockProgression?: import("csstype").MsBlockProgressionProperty;
-            msContentZoomChaining?: import("csstype").MsContentZoomChainingProperty;
-            msContentZoomLimitMax?: string;
-            msContentZoomLimitMin?: string;
-            msContentZoomSnapPoints?: string;
-            msContentZoomSnapType?: import("csstype").MsContentZoomSnapTypeProperty;
-            msContentZooming?: import("csstype").MsContentZoomingProperty;
-            msFilter?: string;
-            msFlexDirection?: import("csstype").FlexDirectionProperty;
-            msFlexPositive?: import("csstype").GlobalsNumber;
-            msFlowFrom?: string;
-            msFlowInto?: string;
-            msGridColumns?: string | number;
-            msGridRows?: string | number;
-            msHighContrastAdjust?: import("csstype").FontOpticalSizingProperty;
-            msHyphenateLimitChars?: string | number;
-            msHyphenateLimitLines?: import("csstype").MsHyphenateLimitLinesProperty;
-            msHyphenateLimitZone?: string | number;
-            msHyphens?: import("csstype").HyphensProperty;
-            msImeAlign?: import("csstype").MsImeAlignProperty;
-            msLineBreak?: import("csstype").LineBreakProperty;
-            msOrder?: import("csstype").GlobalsNumber;
-            msOverflowStyle?: import("csstype").MsOverflowStyleProperty;
-            msOverflowX?: import("csstype").OverflowXProperty;
-            msOverflowY?: import("csstype").OverflowXProperty;
-            msScrollChaining?: import("csstype").MsContentZoomChainingProperty;
-            msScrollLimitXMax?: string | number;
-            msScrollLimitXMin?: string | number;
-            msScrollLimitYMax?: string | number;
-            msScrollLimitYMin?: string | number;
-            msScrollRails?: import("csstype").MsScrollRailsProperty;
-            msScrollSnapPointsX?: string;
-            msScrollSnapPointsY?: string;
-            msScrollSnapType?: import("csstype").MsContentZoomSnapTypeProperty;
-            msScrollTranslation?: import("csstype").MsScrollTranslationProperty;
-            msScrollbar3dlightColor?: string;
-            msScrollbarArrowColor?: string;
-            msScrollbarBaseColor?: string;
-            msScrollbarDarkshadowColor?: string;
-            msScrollbarFaceColor?: string;
-            msScrollbarHighlightColor?: string;
-            msScrollbarShadowColor?: string;
-            msTextAutospace?: import("csstype").MsTextAutospaceProperty;
-            msTextCombineHorizontal?: string;
-            msTextOverflow?: string;
-            msTouchAction?: string;
-            msTouchSelect?: import("csstype").MsTouchSelectProperty;
-            msTransform?: string;
-            msTransformOrigin?: string | number;
-            msTransitionDelay?: string;
-            msTransitionDuration?: string;
-            msTransitionProperty?: string;
-            msTransitionTimingFunction?: string;
-            msUserSelect?: import("csstype").MsUserSelectProperty;
-            msWordBreak?: import("csstype").WordBreakProperty;
-            msWrapFlow?: import("csstype").MsWrapFlowProperty;
-            msWrapMargin?: string | number;
-            msWrapThrough?: import("csstype").MsWrapThroughProperty;
-            msWritingMode?: import("csstype").WritingModeProperty;
-            OObjectFit?: import("csstype").ObjectFitProperty;
-            OObjectPosition?: string | number;
-            OTabSize?: string | number;
-            OTextOverflow?: string;
-            OTransformOrigin?: string | number;
-            WebkitAlignContent?: string;
-            WebkitAlignItems?: string;
-            WebkitAlignSelf?: string;
-            WebkitAnimationDelay?: string;
-            WebkitAnimationDirection?: string;
-            WebkitAnimationDuration?: string;
-            WebkitAnimationFillMode?: string;
-            WebkitAnimationIterationCount?: string | number;
-            WebkitAnimationName?: string;
-            WebkitAnimationPlayState?: string;
-            WebkitAnimationTimingFunction?: string;
-            WebkitAppearance?: import("csstype").WebkitAppearanceProperty;
-            WebkitBackdropFilter?: string;
-            WebkitBackfaceVisibility?: import("csstype").BackfaceVisibilityProperty;
-            WebkitBackgroundClip?: string;
-            WebkitBackgroundOrigin?: string;
-            WebkitBackgroundSize?: string | number;
-            WebkitBorderBeforeColor?: string;
-            WebkitBorderBeforeStyle?: string;
-            WebkitBorderBeforeWidth?: string | number;
-            WebkitBorderBottomLeftRadius?: string | number;
-            WebkitBorderBottomRightRadius?: string | number;
-            WebkitBorderImageSlice?: string | number;
-            WebkitBorderTopLeftRadius?: string | number;
-            WebkitBorderTopRightRadius?: string | number;
-            WebkitBoxDecorationBreak?: import("csstype").BoxDecorationBreakProperty;
-            WebkitBoxReflect?: string | number;
-            WebkitBoxShadow?: string;
-            WebkitBoxSizing?: import("csstype").BoxSizingProperty;
-            WebkitClipPath?: string;
-            WebkitColorAdjust?: import("csstype").ColorAdjustProperty;
-            WebkitColumnCount?: import("csstype").ColumnCountProperty;
-            WebkitColumnFill?: import("csstype").ColumnFillProperty;
-            WebkitColumnGap?: string | number;
-            WebkitColumnRuleColor?: string;
-            WebkitColumnRuleStyle?: string;
-            WebkitColumnRuleWidth?: string | number;
-            WebkitColumnSpan?: import("csstype").ColumnSpanProperty;
-            WebkitColumnWidth?: string | number;
-            WebkitFilter?: string;
-            WebkitFlexBasis?: string | number;
-            WebkitFlexDirection?: import("csstype").FlexDirectionProperty;
-            WebkitFlexGrow?: import("csstype").GlobalsNumber;
-            WebkitFlexShrink?: import("csstype").GlobalsNumber;
-            WebkitFlexWrap?: import("csstype").FlexWrapProperty;
-            WebkitFontFeatureSettings?: string;
-            WebkitFontKerning?: import("csstype").FontKerningProperty;
-            WebkitFontVariantLigatures?: string;
-            WebkitHyphens?: import("csstype").HyphensProperty;
-            WebkitJustifyContent?: string;
-            WebkitLineBreak?: import("csstype").LineBreakProperty;
-            WebkitLineClamp?: import("csstype").FontSizeAdjustProperty;
-            WebkitMarginEnd?: string | number;
-            WebkitMarginStart?: string | number;
-            WebkitMaskAttachment?: string;
-            WebkitMaskClip?: string;
-            WebkitMaskComposite?: string;
-            WebkitMaskImage?: string;
-            WebkitMaskOrigin?: string;
-            WebkitMaskPosition?: string | number;
-            WebkitMaskPositionX?: string | number;
-            WebkitMaskPositionY?: string | number;
-            WebkitMaskRepeat?: string;
-            WebkitMaskRepeatX?: import("csstype").WebkitMaskRepeatXProperty;
-            WebkitMaskRepeatY?: import("csstype").WebkitMaskRepeatXProperty;
-            WebkitMaskSize?: string | number;
-            WebkitMaxInlineSize?: string | number;
-            WebkitOrder?: import("csstype").GlobalsNumber;
-            WebkitOverflowScrolling?: import("csstype").WebkitOverflowScrollingProperty;
-            WebkitPaddingEnd?: string | number;
-            WebkitPaddingStart?: string | number;
-            WebkitPerspective?: string | number;
-            WebkitPerspectiveOrigin?: string | number;
-            WebkitScrollSnapType?: string;
-            WebkitShapeMargin?: string | number;
-            WebkitTapHighlightColor?: string;
-            WebkitTextCombine?: string;
-            WebkitTextDecorationColor?: string;
-            WebkitTextDecorationLine?: string;
-            WebkitTextDecorationSkip?: string;
-            WebkitTextDecorationStyle?: import("csstype").TextDecorationStyleProperty;
-            WebkitTextEmphasisColor?: string;
-            WebkitTextEmphasisPosition?: string;
-            WebkitTextEmphasisStyle?: string;
-            WebkitTextFillColor?: string;
-            WebkitTextOrientation?: import("csstype").TextOrientationProperty;
-            WebkitTextSizeAdjust?: string;
-            WebkitTextStrokeColor?: string;
-            WebkitTextStrokeWidth?: string | number;
-            WebkitTouchCallout?: import("csstype").WebkitTouchCalloutProperty;
-            WebkitTransform?: string;
-            WebkitTransformOrigin?: string | number;
-            WebkitTransformStyle?: import("csstype").TransformStyleProperty;
-            WebkitTransitionDelay?: string;
-            WebkitTransitionDuration?: string;
-            WebkitTransitionProperty?: string;
-            WebkitTransitionTimingFunction?: string;
-            WebkitUserModify?: import("csstype").WebkitUserModifyProperty;
-            WebkitUserSelect?: import("csstype").UserSelectProperty;
-            WebkitWritingMode?: import("csstype").WritingModeProperty;
-            WebkittextUnderlinePosition?: string;
-            MozAnimation?: string | number;
-            MozBorderImage?: string | number;
-            MozColumnRule?: string | number;
-            MozColumns?: string | number;
-            MozTransition?: string;
-            msContentZoomLimit?: string;
-            msContentZoomSnap?: string;
-            msFlex?: string | number;
-            msScrollLimit?: string;
-            msScrollSnapX?: string;
-            msScrollSnapY?: string;
-            msTransition?: string;
-            WebkitAnimation?: string | number;
-            WebkitBorderBefore?: string | number;
-            WebkitBorderImage?: string | number;
-            WebkitBorderRadius?: string | number;
-            WebkitColumnRule?: string | number;
-            WebkitColumns?: string | number;
-            WebkitFlex?: string | number;
-            WebkitFlexFlow?: string;
-            WebkitMask?: string | number;
-            WebkitTextEmphasis?: string;
-            WebkitTextStroke?: string | number;
-            WebkitTransition?: string;
-            boxAlign?: import("csstype").BoxAlignProperty;
-            boxDirection?: import("csstype").BoxDirectionProperty;
-            boxFlex?: import("csstype").GlobalsNumber;
-            boxFlexGroup?: import("csstype").GlobalsNumber;
-            boxLines?: import("csstype").BoxLinesProperty;
-            boxOrdinalGroup?: import("csstype").GlobalsNumber;
-            boxOrient?: import("csstype").BoxOrientProperty;
-            boxPack?: import("csstype").BoxPackProperty;
-            clip?: string;
-            fontVariantAlternates?: string;
-            gridColumnGap?: string | number;
-            gridGap?: string | number;
-            gridRowGap?: string | number;
-            imeMode?: import("csstype").ImeModeProperty;
-            offsetBlock?: string | number;
-            offsetBlockEnd?: string | number;
-            offsetBlockStart?: string | number;
-            offsetInline?: string | number;
-            offsetInlineEnd?: string | number;
-            offsetInlineStart?: string | number;
-            scrollSnapCoordinate?: string | number;
-            scrollSnapDestination?: string | number;
-            scrollSnapPointsX?: string;
-            scrollSnapPointsY?: string;
-            scrollSnapTypeX?: import("csstype").MsContentZoomSnapTypeProperty;
-            scrollSnapTypeY?: import("csstype").MsContentZoomSnapTypeProperty;
-            scrollbarTrackColor?: string;
-            textCombineHorizontal?: string;
-            KhtmlBoxAlign?: import("csstype").BoxAlignProperty;
-            KhtmlBoxDirection?: import("csstype").BoxDirectionProperty;
-            KhtmlBoxFlex?: import("csstype").GlobalsNumber;
-            KhtmlBoxFlexGroup?: import("csstype").GlobalsNumber;
-            KhtmlBoxLines?: import("csstype").BoxLinesProperty;
-            KhtmlBoxOrdinalGroup?: import("csstype").GlobalsNumber;
-            KhtmlBoxOrient?: import("csstype").BoxOrientProperty;
-            KhtmlBoxPack?: import("csstype").BoxPackProperty;
-            KhtmlLineBreak?: import("csstype").LineBreakProperty;
-            KhtmlOpacity?: string | number;
-            KhtmlUserSelect?: import("csstype").UserSelectProperty;
-            MozBackgroundClip?: string;
-            MozBackgroundInlinePolicy?: import("csstype").BoxDecorationBreakProperty;
-            MozBackgroundOrigin?: string;
-            MozBackgroundSize?: string | number;
-            MozBinding?: string;
-            MozBorderBottomColors?: string;
-            MozBorderLeftColors?: string;
-            MozBorderRadius?: string | number;
-            MozBorderRadiusBottomleft?: string | number;
-            MozBorderRadiusBottomright?: string | number;
-            MozBorderRadiusTopleft?: string | number;
-            MozBorderRadiusTopright?: string | number;
-            MozBorderRightColors?: string;
-            MozBorderTopColors?: string;
-            MozBoxAlign?: import("csstype").BoxAlignProperty;
-            MozBoxDirection?: import("csstype").BoxDirectionProperty;
-            MozBoxFlex?: import("csstype").GlobalsNumber;
-            MozBoxOrdinalGroup?: import("csstype").GlobalsNumber;
-            MozBoxOrient?: import("csstype").BoxOrientProperty;
-            MozBoxPack?: import("csstype").BoxPackProperty;
-            MozBoxShadow?: string;
-            MozOpacity?: string | number;
-            MozOutline?: string | number;
-            MozOutlineColor?: string;
-            MozOutlineRadius?: string | number;
-            MozOutlineStyle?: string;
-            MozOutlineWidth?: string | number;
-            MozTextAlignLast?: import("csstype").TextAlignLastProperty;
-            MozTextBlink?: import("csstype").MozTextBlinkProperty;
-            MozTextDecorationColor?: string;
-            MozTextDecorationLine?: string;
-            MozTextDecorationStyle?: import("csstype").TextDecorationStyleProperty;
-            MozUserInput?: import("csstype").MozUserInputProperty;
-            MozWindowShadow?: import("csstype").MozWindowShadowProperty;
-            msImeMode?: import("csstype").ImeModeProperty;
-            msScrollbarTrackColor?: string;
-            OAnimation?: string | number;
-            OAnimationDelay?: string;
-            OAnimationDirection?: string;
-            OAnimationDuration?: string;
-            OAnimationFillMode?: string;
-            OAnimationIterationCount?: string | number;
-            OAnimationName?: string;
-            OAnimationPlayState?: string;
-            OAnimationTimingFunction?: string;
-            OBackgroundSize?: string | number;
-            OBorderImage?: string | number;
-            OTransform?: string;
-            OTransition?: string;
-            OTransitionDelay?: string;
-            OTransitionDuration?: string;
-            OTransitionProperty?: string;
-            OTransitionTimingFunction?: string;
-            WebkitBoxAlign?: import("csstype").BoxAlignProperty;
-            WebkitBoxDirection?: import("csstype").BoxDirectionProperty;
-            WebkitBoxFlex?: import("csstype").GlobalsNumber;
-            WebkitBoxFlexGroup?: import("csstype").GlobalsNumber;
-            WebkitBoxLines?: import("csstype").BoxLinesProperty;
-            WebkitBoxOrdinalGroup?: import("csstype").GlobalsNumber;
-            WebkitBoxOrient?: import("csstype").BoxOrientProperty;
-            WebkitBoxPack?: import("csstype").BoxPackProperty;
-            WebkitScrollSnapPointsX?: string;
-            WebkitScrollSnapPointsY?: string;
-            alignmentBaseline?: import("csstype").AlignmentBaselineProperty;
-            baselineShift?: string | number;
-            clipRule?: import("csstype").ClipRuleProperty;
-            colorInterpolation?: import("csstype").ColorInterpolationProperty;
-            colorRendering?: import("csstype").ColorRenderingProperty;
-            dominantBaseline?: import("csstype").DominantBaselineProperty;
-            fill?: string;
-            fillOpacity?: import("csstype").GlobalsNumber;
-            fillRule?: import("csstype").ClipRuleProperty;
-            floodColor?: string;
-            floodOpacity?: import("csstype").GlobalsNumber;
-            glyphOrientationVertical?: string | number;
-            lightingColor?: string;
-            marker?: string;
-            markerEnd?: string;
-            markerMid?: string;
-            markerStart?: string;
-            shapeRendering?: import("csstype").ShapeRenderingProperty;
-            stopColor?: string;
-            stopOpacity?: import("csstype").GlobalsNumber;
-            stroke?: string;
-            strokeDasharray?: string | number;
-            strokeDashoffset?: string | number;
-            strokeLinecap?: import("csstype").StrokeLinecapProperty;
-            strokeLinejoin?: import("csstype").StrokeLinejoinProperty;
-            strokeMiterlimit?: import("csstype").GlobalsNumber;
-            strokeOpacity?: import("csstype").GlobalsNumber;
-            strokeWidth?: string | number;
-            textAnchor?: import("csstype").TextAnchorProperty;
-            vectorEffect?: import("csstype").VectorEffectProperty;
-        };
-    };
-}) => JSX.Element;
-export declare const createMagic: (component: string | React.FunctionComponent<{
-    ref: React.MutableRefObject<unknown> | ((instance: unknown) => void);
-    children: any;
-    style: any;
-    className: string;
-}>) => React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-export declare const magic: (component: string | React.FunctionComponent<{
-    ref: React.MutableRefObject<unknown> | ((instance: unknown) => void);
-    children: any;
-    style: any;
-    className: string;
-}>) => React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
 export * from "./theme";
@@ -828,1 +7,5 @@ export * from "framer-motion";
 export * from "./types";
+export * from "./magic";
+export * from "./global";
+export * from "./stack";
+export * from "./reset";

dist/magic-components.cjs.js

@@ -1,2 +0,2 @@
-var r,e=(r=require("react"))&&"object"==typeof r&&"default"in r?r.default:r,t=require("framer-motion"),o=require("@nksaraf/colors");function a(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const s=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:o.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:a(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:s,sizes:s},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),p=e.createContext(i),n=()=>e.useContext(p)||{},l=(r,e,t)=>{let o="",a="",s="";for(let i in r){const p=r[i];if("object"==typeof p){let r=e+" "+i;/&/g.test(i)&&(r=i.replace(/&/g,e)),"@"==i[0]&&(r=e,"f"==i[1]&&(r=i)),/@k/.test(i)?a+=i+"{"+l(p,"","")+"}":a+=l(p,r,r==e?i:t||"")}else/^@i/.test(i)?o=i+" "+p+";":s+=l.p?l.p(i.replace(/[A-Z]/g,"-$&").toLowerCase(),p):i.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+p+";"}if(s[0]){const r=e+"{"+s+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},c=/\s*✨[0-9]+/g,d={data:""},m=r=>{try{let e=r?r.querySelector("#✨📃"):null;return e||(e=(r||document.head).appendChild(document.createElement("style")),e.innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return d},b=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let f={};const g=(r,e,t,o)=>{const a=JSON.stringify(r),s=f[a]||(f[a]=".✨"+a.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),i=f[s]||(f[s]=l(r,t?"":s));return b(i,e,o),s.slice(1)},y=(r,e)=>{let t=Object.assign({},r,e);for(const o in r)r[o]&&"object"==typeof e[o]&&Object.assign(t,{[o]:Object.assign(r[o],e[o])});return t},u={breakpoints:[40,52,64].map(r=>r+"em")},h=r=>"@media screen and (min-width: "+r+")",x=(r,e)=>S(e,r,r),S=(r,e,t,o,a)=>{let s=e&&e.split?e.split("."):[e];for(o=0;o<s.length;o++)r=r?r[s[o]]:a;return r===a?t:r},j=(r,e="ignore",t=!0)=>{const o={},a=(a,s)=>{let i={},p={},n=!1;const l=s&&s.disableStyledSystemCache;for(const c in a){if(!r[c]){"separate"===e?p[c]=a[c]:"merge"===e&&(i[c]=a[c]);continue}const d=r[c],m=a[c],b=S(s,d.scale,d.defaults);if("object"!=typeof m)Object.assign(i,d(m,b,a,s));else{if(!t&&Array.isArray(m)){i[c]=m.map(r=>d(r,b,a,s)[c]);continue}if(d.allowComplex||!t){Object.assign(i,d(m,b,a,s));continue}if(o.breakpoints=!l&&o.breakpoints||S(s,"breakpoints",u.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(h)],i=y(i,O(o.media,d,b,m,a,s));continue}null!==m&&(i=y(i,R(o.breakpoints,d,b,m,a,s)),n=!0)}}return n&&(i=(r=>{const e={};return Object.keys(r).sort((r,e)=>r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{e[t]=r[t]}),e})(i)),"separate"===e?[i,p]:i};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},O=(r,e,t,o,a,s)=>{let i={};return o.slice(0,r.length).forEach((o,p)=>{const n=r[p],l=e(o,t,a,s);Object.assign(i,n?{[n]:Object.assign({},i[n],l)}:l)}),i},R=(r,e,t,o,a,s)=>{let i={};for(let p in o){const n=r[p],l=e(o[p],t,a,s);if(n){const r=h(n);Object.assign(i,{[r]:Object.assign({},i[r],l)})}else Object.assign(i,l)}return i},w=({properties:r,property:e,scale:t,transform:o=x,fallbackScale:a,allowComplex:s=!1})=>{r=r||[e];const i=(e,t,a,i)=>{const p={};let n=o(e,t,a,i);if(null!==n)return s||"object"!=typeof n||(n=e),r.forEach(r=>{p[r]=n}),p};return i.scale=t,i.allowComplex=s,i.defaults=a,i},k=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?w(t):t:w({property:e,scale:e})}),j(o,e,t)};function C(r,e){if("number"!=typeof r||r>=0){const t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=S(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function T(r,e){const t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const B={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},L={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:T},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:T},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:T},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:T},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:T},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:T},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:T},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:T},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:T},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:T},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:T},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:T},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:T},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:T}},v={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:B.fontSizes,transform:T},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:T},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},W={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:T},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},z={gridGap:{property:"gridGap",scale:"space",fallbackScale:B.space,transform:T},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:B.space,transform:T},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:B.space,transform:T},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function A(r,e){return S(e,r,"number"!=typeof r||r>1?r:100*r+"%")}const H={width:{property:"width",scale:"sizes",transform:A},w:{property:"width",scale:"sizes",transform:A},height:{property:"height",scale:"sizes",transform:T},h:{property:"height",scale:"sizes",transform:T},minWidth:{property:"minWidth",scale:"sizes",transform:T},minW:{property:"minWidth",scale:"sizes",transform:T},minHeight:{property:"minHeight",scale:"sizes",transform:T},minH:{property:"minHeight",scale:"sizes",transform:T},maxWidth:{property:"maxWidth",scale:"sizes",transform:T},maxW:{property:"maxWidth",scale:"sizes",transform:T},maxHeight:{property:"maxHeight",scale:"sizes",transform:T},maxH:{property:"maxHeight",scale:"sizes",transform:T},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},I={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:B.space,transform:C},right:{property:"right",scale:"space",fallbackScale:B.space,transform:C},bottom:{property:"bottom",scale:"space",fallbackScale:B.space,transform:C},left:{property:"left",scale:"space",fallbackScale:B.space,transform:C}},P={scale:"space",fallbackScale:B.space},D={margin:Object.assign({property:"margin",transform:C},P),m:Object.assign({property:"margin",transform:C},P),marginTop:Object.assign({property:"marginTop",transform:C},P),mt:Object.assign({property:"marginTop",transform:C},P),marginRight:Object.assign({property:"marginRight",transform:C},P),mr:Object.assign({property:"marginRight",transform:C},P),marginBottom:Object.assign({property:"marginBottom",transform:C},P),mb:Object.assign({property:"marginBottom",transform:C},P),marginLeft:Object.assign({property:"marginLeft",transform:C},P),ml:Object.assign({property:"marginLeft",transform:C},P),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:C},P),mx:Object.assign({properties:["marginLeft","marginRight"],transform:C},P),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:C},P),my:Object.assign({properties:["marginTop","marginBottom"],transform:C},P),padding:Object.assign({property:"padding",transform:T},P),p:Object.assign({property:"padding",transform:T},P),paddingTop:Object.assign({property:"paddingTop",transform:T},P),pt:Object.assign({property:"paddingTop",transform:T},P),paddingRight:Object.assign({property:"paddingRight",transform:T},P),pr:Object.assign({property:"paddingRight",transform:T},P),paddingBottom:Object.assign({property:"paddingBottom",transform:T},P),pb:Object.assign({property:"paddingBottom",transform:T},P),paddingLeft:Object.assign({property:"paddingLeft",transform:T},P),pl:Object.assign({property:"paddingLeft",transform:T},P),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:T},P),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:T},P),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:T},P),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:T},P)},M=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},L,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},v,{},W,{},z,{},H,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},I,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},D),G=k(M,"separate"),E=k(Object.assign({},M,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),F=(r,e,t,o)=>"object"!=typeof r||Array.isArray(F)?r:E(r,o),q=k({animate:{property:"animate",transform:F,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var s in r)a[s]="function"==typeof r[s]?r[s]:E(r[s],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:F,allowComplex:!0},exit:{property:"exit",transform:F,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:F,allowComplex:!0},whileHover:{property:"whileHover",transform:F,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");let N;N="undefined"!=typeof window?m(document&&document.head):m();const U=r=>{const o=e.forwardRef((o,a)=>{let{children:s,className:i,as:p}=o,l=function(r,e){if(null==r)return{};var t,o,a={},s=Object.keys(r);for(o=0;o<s.length;o++)e.indexOf(t=s[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),d=c.test(l.className);const m=n(),[b,f]=q(l,m);let y={},u=void 0;if(0===Object.keys(f).length)u=i;else{const[r,e]=G(f,m);y=e,u=Object.keys(r).length>0?g(r,N,!1,d)+(i?" "+i:""):i}return e.createElement(p||Object.keys(b).length>0?"string"==typeof r?t.motion[r]:t.motion.custom(r):r,Object.assign({},b,y,{ref:a,children:s,className:u}))});return o.displayName="Magic("+("string"==typeof r?r:r.displayName||r.name||"Component")+")",o},X=U;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{X[r]=U(r)}),Object.keys(t).forEach((function(r){"default"!==r&&Object.defineProperty(exports,r,{enumerable:!0,get:function(){return t[r]}})})),exports.GOOBER_ID="✨📃",exports.GOOBER_PREFIX=".✨",exports.GOOBER_REGEX=c,exports.Global=({style:r})=>{const t=n();return e.useEffect(()=>{const e={};for(var o in r){const[a,s]=G(r[o],t);e[o]=a}g(e,N,!0,!1)},[]),e.createElement(e.Fragment,null)},exports.ThemeContext=p,exports.ThemeProvider=({theme:r={},children:t})=>e.createElement(p.Provider,{value:r||i},t),exports.baseTheme=i,exports.compose=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),j(e)},exports.createMagic=U,exports.createParser=j,exports.createStyleFunction=w,exports.cssParser=G,exports.deepParser=E,exports.extractCss=r=>{const e=m(r),t=e.data;return e.data="",t},exports.get=S,exports.getSheet=m,exports.hash=g,exports.magic=X,exports.merge=y,exports.motionParser=q,exports.parse=l,exports.ssr=d,exports.system=k,exports.update=b,exports.useTheme=n;
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=e(require("react")),t=require("@nksaraf/colors"),o=require("framer-motion"),i=e(require("deepmerge"));function a(e){return e.map(e=>e.includes(" ")?'"'+e+'"':e).join(", ")}const n=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],s=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:t.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:a(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:n,sizes:n},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),p=r.createContext(s),l=()=>r.useContext(p)||{},c=(e,r,t)=>{let o="",i="",a="";for(let n in e){const s=e[n];if("object"==typeof s){let e=r+" "+n;/&/g.test(n)&&(e=n.replace(/&/g,r)),"@"==n[0]&&(e=r,"f"==n[1]&&(e=n)),/@k/.test(n)?i+=n+"{"+c(s,"","")+"}":i+=c(s,e,e==r?n:t||"")}else/^@i/.test(n)?o=n+" "+s+";":a+=c.p?c.p(n.replace(/[A-Z]/g,"-$&").toLowerCase(),s):n.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){const e=r+"{"+a+"}";return t?i+t+"{"+e+"}":o+e+i}return o+i},d=/\s*✨[0-9]+/g,b={data:""},m=e=>{try{let r=e?e.querySelector("#✨📃"):null;return r||(r=(e||document.head).appendChild(document.createElement("style")),r.innerHTML=" ",r.id="✨📃"),r.firstChild}catch(e){}return b},g=(e,r,t)=>{r.data.indexOf(e)<0&&(r.data=t?e+r.data:r.data+e)};let f={};const u=(e,r,t,o)=>{const i=JSON.stringify(e),a=f[i]||(f[i]=".✨"+i.split("").reduce((e,r)=>101*e+r.charCodeAt(0)>>>0,11)),n=f[a]||(f[a]=c(e,t?"":a));return g(n,r,o),a.slice(1)};"undefined"!=typeof window?exports.sheet=m(document&&document.head):exports.sheet=m();const y=(e,r)=>{let t=Object.assign({},e,r);for(const o in e)e[o]&&"object"==typeof r[o]&&Object.assign(t,{[o]:Object.assign(e[o],r[o])});return t},h={breakpoints:[40,52,64].map(e=>e+"em")},x=e=>"@media screen and (min-width: "+e+")",S=(e,r)=>j(r,e,e),j=(e,r,t,o,i)=>{let a=r&&r.split?r.split("."):[r];for(o=0;o<a.length;o++)e=e?e[a[o]]:i;return e===i?t:e},k=(e,r="ignore",t=!0)=>{const o={},i=(i,a)=>{let n={},s={},p=!1;const l=a&&a.disableStyledSystemCache;for(const c in i){if(!e[c]){"separate"===r?s[c]=i[c]:"merge"===r&&(n[c]=i[c]);continue}const d=e[c],b=i[c],m=j(a,d.scale,d.defaults);if("object"!=typeof b)Object.assign(n,d(b,m,i,a));else{if(!t&&Array.isArray(b)){n[c]=b.map(e=>d(e,m,i,a)[c]);continue}if(d.allowComplex||!t){Object.assign(n,d(b,m,i,a));continue}if(o.breakpoints=!l&&o.breakpoints||j(a,"breakpoints",h.breakpoints),Array.isArray(b)){o.media=!l&&o.media||[null,...o.breakpoints.map(x)],n=y(n,R(o.media,d,m,b,i,a));continue}null!==b&&(n=y(n,O(o.breakpoints,d,m,b,i,a)),p=!0)}}return p&&(n=(e=>{const r={};return Object.keys(e).sort((e,r)=>e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{r[t]=e[t]}),r})(n)),"separate"===r?[n,s]:n};return i.config=e,i.propNames=Object.keys(e),i.cache=o,i},R=(e,r,t,o,i,a)=>{let n={};return o.slice(0,e.length).forEach((o,s)=>{const p=e[s],l=r(o,t,i,a);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},O=(e,r,t,o,i,a)=>{let n={};for(let s in o){const p=e[s],l=r(o[s],t,i,a);if(p){const e=x(p);Object.assign(n,{[e]:Object.assign({},n[e],l)})}else Object.assign(n,l)}return n},w=({properties:e,property:r,scale:t,transform:o=S,fallbackScale:i,allowComplex:a=!1})=>{e=e||[r];const n=(r,t,i,n)=>{const s={};let p=o(r,t,i,n);if(null!==p)return a||"object"!=typeof p||(p=r),e.forEach(e=>{s[e]=p}),s};return n.scale=t,n.allowComplex=a,n.defaults=i,n},v=(e={},r="ignore",t=!0)=>{const o={};return Object.keys(e).forEach(r=>{const t=e[r];o[r]=!0!==t?"function"!=typeof t?w(t):t:w({property:r,scale:r})}),k(o,r,t)};function T(e,r){if(null==e)return{};var t,o,i={},a=Object.keys(e);for(o=0;o<a.length;o++)r.indexOf(t=a[o])>=0||(i[t]=e[t]);return i}function z(e,r){if("number"!=typeof e||e>=0){const t=j(r,String(e),String(e));return"string"==typeof t?t:t+"px"}const t=Math.abs(e),o=j(r,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function C(e,r){const t=j(r,String(e),String(e));return"string"==typeof t?t:t+"px"}const W={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},B={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:C},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:C},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:C},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:C},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:C},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:C},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:C},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:C},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:C},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:C},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:C},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:C},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:C},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:C}},A={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:W.fontSizes,transform:C},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:C},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},L={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:C},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},H={gridGap:{property:"gridGap",scale:"space",fallbackScale:W.space,transform:C},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:W.space,transform:C},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:W.space,transform:C},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function I(e,r){return j(r,e,"number"!=typeof e||e>1?e:100*e+"%")}const D={width:{property:"width",scale:"sizes",transform:I},w:{property:"width",scale:"sizes",transform:I},height:{property:"height",scale:"sizes",transform:C},h:{property:"height",scale:"sizes",transform:C},minWidth:{property:"minWidth",scale:"sizes",transform:C},minW:{property:"minWidth",scale:"sizes",transform:C},minHeight:{property:"minHeight",scale:"sizes",transform:C},minH:{property:"minHeight",scale:"sizes",transform:C},maxWidth:{property:"maxWidth",scale:"sizes",transform:C},maxW:{property:"maxWidth",scale:"sizes",transform:C},maxHeight:{property:"maxHeight",scale:"sizes",transform:C},maxH:{property:"maxHeight",scale:"sizes",transform:C},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},P={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:W.space,transform:z},right:{property:"right",scale:"space",fallbackScale:W.space,transform:z},bottom:{property:"bottom",scale:"space",fallbackScale:W.space,transform:z},left:{property:"left",scale:"space",fallbackScale:W.space,transform:z}},M={scale:"space",fallbackScale:W.space},F={margin:Object.assign({property:"margin",transform:z},M),m:Object.assign({property:"margin",transform:z},M),marginTop:Object.assign({property:"marginTop",transform:z},M),mt:Object.assign({property:"marginTop",transform:z},M),marginRight:Object.assign({property:"marginRight",transform:z},M),mr:Object.assign({property:"marginRight",transform:z},M),marginBottom:Object.assign({property:"marginBottom",transform:z},M),mb:Object.assign({property:"marginBottom",transform:z},M),marginLeft:Object.assign({property:"marginLeft",transform:z},M),ml:Object.assign({property:"marginLeft",transform:z},M),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:z},M),mx:Object.assign({properties:["marginLeft","marginRight"],transform:z},M),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:z},M),my:Object.assign({properties:["marginTop","marginBottom"],transform:z},M),padding:Object.assign({property:"padding",transform:C},M),p:Object.assign({property:"padding",transform:C},M),paddingTop:Object.assign({property:"paddingTop",transform:C},M),pt:Object.assign({property:"paddingTop",transform:C},M),paddingRight:Object.assign({property:"paddingRight",transform:C},M),pr:Object.assign({property:"paddingRight",transform:C},M),paddingBottom:Object.assign({property:"paddingBottom",transform:C},M),pb:Object.assign({property:"paddingBottom",transform:C},M),paddingLeft:Object.assign({property:"paddingLeft",transform:C},M),pl:Object.assign({property:"paddingLeft",transform:C},M),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M)},q=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},B,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},A,{},L,{},H,{},D,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},P,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},F),G=v(q,"merge",!1),E=(e,r,t,o)=>"object"!=typeof e||Array.isArray(E)?e:G(e,o),N=v({animate:{property:"animate",transform:E,allowComplex:!0},variants:{property:"variants",transform:(e,r,t,o)=>{const i={};for(var a in e)i[a]="function"==typeof e[a]?e[a]:G(e[a],o);return i},allowComplex:!0},transition:!0,initial:{property:"initial",transform:E,allowComplex:!0},exit:{property:"exit",transform:E,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:E,allowComplex:!0},whileHover:{property:"whileHover",transform:E,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate"),U=v(q,"separate"),X=e=>(t={},i=("string"==typeof e?e:e.displayName||e.name||"Component"))=>{const a=r.forwardRef((i,a)=>{let{children:n,className:s,as:p,css:c}=i,b=T(i,["children","className","as","css"]),m=d.test(b.className);c=Object.assign({},t,c);const g=l(),[f,y]=N(b,g);let h={},x=void 0;if(0===Object.keys(y).length&&0===Object.keys(c).length)x=s;else{const[e,r]=U(y,g);if(h=r,c&&Object.keys(c).length>0){const[r,t]=U(c,g),o={};for(var S in t)o[S]="object"!=typeof t[S]?t[S]:G(t[S],g);Object.assign(e,r,o)}x=Object.keys(e).length>0?u(e,exports.sheet,!1,m)+(s?" "+s:""):s}return r.createElement(p||Object.keys(f).length>0?"string"==typeof e?o.motion[e]:o.motion.custom(e):e,Object.assign({},f,h,{ref:a,children:n,className:x}))});return a.displayName="Magic("+i+")",a},Y=X;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(e=>{Y[e]=X(e)()});const Z=({style:e})=>{const r=l();return React.useMemo(()=>{const t={};for(var o in e){const[i,a]=U(e[o],r);t[o]=i}return u(t,exports.sheet,!0,!0)},[]),React.createElement(React.Fragment,null)},$=(...e)=>e.reduce((function(e,r){return((e={},r={})=>(Object.keys(e).forEach(r=>null==e[r]&&delete e[r]),Object.keys(r).forEach(e=>null==r[e]&&delete r[e]),i(e,r)))(e,r)}),{}),J=e=>{let{inline:t,justify:o,align:i,direction:a,gap:n,css:s}=e,p=T(e,["inline","justify","align","direction","gap","css"]);const l={display:t?"inline-flex":"flex",justifyContent:o,alignItems:i};return Array.isArray(a)?(l.flexDirection=a.map(e=>"vertical"===e?"column":"row"),l["> *:not(:last-child)"]=a.map(e=>({["vertical"===e?"marginBottom":"marginRight"]:n,["vertical"===e?"marginRight":"marginBottom"]:0}))):(l.flexDirection="vertical"===a?"column":"row",l["> *:not(:last-child)"]={["vertical"===a?"marginBottom":"marginRight"]:n}),r.createElement(Y.div,Object.assign({},p,{css:$(l,s)}))};J.displayName="Magic(stack)",Y.stack=J,Y.flex=X("div")({display:"flex"},"flex"),Y.row=X("div")({display:"flex",flexDirection:"row"},"row"),Y.column=X("div")({display:"flex",flexDirection:"column"},"column"),Y.grid=X("div")({display:"grid"},"grid");const V={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}};Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return o[e]}})})),exports.CSSReset=()=>React.createElement(Z,{style:V}),exports.GOOBER_ID="✨📃",exports.GOOBER_PREFIX=".✨",exports.GOOBER_REGEX=d,exports.Global=Z,exports.ThemeContext=p,exports.ThemeProvider=({theme:e={},children:t})=>r.createElement(p.Provider,{value:e||s},t),exports.baseTheme=s,exports.compose=(...e)=>{let r={};return e.forEach(e=>{e&&e.config&&Object.assign(r,e.config)}),k(r)},exports.createMagic=X,exports.createParser=k,exports.createStyleFunction=w,exports.cssParser=U,exports.extractCss=e=>{const r=m(e),t=r.data;return r.data="",t},exports.get=j,exports.getSheet=m,exports.hash=u,exports.magic=Y,exports.merge=y,exports.parse=c,exports.ssr=b,exports.system=v,exports.update=g,exports.useTheme=l;
 //# sourceMappingURL=magic-components.cjs.js.map

dist/magic-components.js

@@ -1,2 +0,2 @@
-import r from"react";import{motion as e}from"framer-motion";export*from"framer-motion";import{colors as t}from"@nksaraf/colors";function o(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const a=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:t,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:o(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:o(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:a,sizes:a},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),n=r.createContext(i),s=({theme:e={},children:t})=>r.createElement(n.Provider,{value:e||i},t),p=()=>r.useContext(n)||{},l=(r,e,t)=>{let o="",a="",i="";for(let n in r){const s=r[n];if("object"==typeof s){let r=e+" "+n;/&/g.test(n)&&(r=n.replace(/&/g,e)),"@"==n[0]&&(r=e,"f"==n[1]&&(r=n)),/@k/.test(n)?a+=n+"{"+l(s,"","")+"}":a+=l(s,r,r==e?n:t||"")}else/^@i/.test(n)?o=n+" "+s+";":i+=l.p?l.p(n.replace(/[A-Z]/g,"-$&").toLowerCase(),s):n.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(i[0]){const r=e+"{"+i+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},c="✨📃",d=".✨",m=/\s*✨[0-9]+/g,b={data:""},f=r=>{try{let e=r?r.querySelector("#✨📃"):null;return e||(e=(r||document.head).appendChild(document.createElement("style")),e.innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return b},g=r=>{const e=f(r),t=e.data;return e.data="",t},y=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let u={};const h=(r,e,t,o)=>{const a=JSON.stringify(r),i=u[a]||(u[a]=".✨"+a.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),n=u[i]||(u[i]=l(r,t?"":i));return y(n,e,o),i.slice(1)},x=(r,e)=>{let t=Object.assign({},r,e);for(const o in r)r[o]&&"object"==typeof e[o]&&Object.assign(t,{[o]:Object.assign(r[o],e[o])});return t},S={breakpoints:[40,52,64].map(r=>r+"em")},j=r=>"@media screen and (min-width: "+r+")",R=(r,e)=>O(e,r,r),O=(r,e,t,o,a)=>{let i=e&&e.split?e.split("."):[e];for(o=0;o<i.length;o++)r=r?r[i[o]]:a;return r===a?t:r},w=(r,e="ignore",t=!0)=>{const o={},a=(a,i)=>{let n={},s={},p=!1;const l=i&&i.disableStyledSystemCache;for(const c in a){if(!r[c]){"separate"===e?s[c]=a[c]:"merge"===e&&(n[c]=a[c]);continue}const d=r[c],m=a[c],b=O(i,d.scale,d.defaults);if("object"!=typeof m)Object.assign(n,d(m,b,a,i));else{if(!t&&Array.isArray(m)){n[c]=m.map(r=>d(r,b,a,i)[c]);continue}if(d.allowComplex||!t){Object.assign(n,d(m,b,a,i));continue}if(o.breakpoints=!l&&o.breakpoints||O(i,"breakpoints",S.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(j)],n=x(n,k(o.media,d,b,m,a,i));continue}null!==m&&(n=x(n,C(o.breakpoints,d,b,m,a,i)),p=!0)}}return p&&(n=(r=>{const e={};return Object.keys(r).sort((r,e)=>r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{e[t]=r[t]}),e})(n)),"separate"===e?[n,s]:n};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},k=(r,e,t,o,a,i)=>{let n={};return o.slice(0,r.length).forEach((o,s)=>{const p=r[s],l=e(o,t,a,i);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},C=(r,e,t,o,a,i)=>{let n={};for(let s in o){const p=r[s],l=e(o[s],t,a,i);if(p){const r=j(p);Object.assign(n,{[r]:Object.assign({},n[r],l)})}else Object.assign(n,l)}return n},T=({properties:r,property:e,scale:t,transform:o=R,fallbackScale:a,allowComplex:i=!1})=>{r=r||[e];const n=(e,t,a,n)=>{const s={};let p=o(e,t,a,n);if(null!==p)return i||"object"!=typeof p||(p=e),r.forEach(r=>{s[r]=p}),s};return n.scale=t,n.allowComplex=i,n.defaults=a,n},B=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?T(t):t:T({property:e,scale:e})}),w(o,e,t)},L=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),w(e)};function W(r,e){if("number"!=typeof r||r>=0){const t=O(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=O(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function v(r,e){const t=O(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const z={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},A={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:v},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:v},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:v},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:v},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:v},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:v},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:v},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:v},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:v},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:v},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:v},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:v},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:v},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:v}},H={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:z.fontSizes,transform:v},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:v},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},I={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:v},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},P={gridGap:{property:"gridGap",scale:"space",fallbackScale:z.space,transform:v},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:z.space,transform:v},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:z.space,transform:v},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function D(r,e){return O(e,r,"number"!=typeof r||r>1?r:100*r+"%")}const M={width:{property:"width",scale:"sizes",transform:D},w:{property:"width",scale:"sizes",transform:D},height:{property:"height",scale:"sizes",transform:v},h:{property:"height",scale:"sizes",transform:v},minWidth:{property:"minWidth",scale:"sizes",transform:v},minW:{property:"minWidth",scale:"sizes",transform:v},minHeight:{property:"minHeight",scale:"sizes",transform:v},minH:{property:"minHeight",scale:"sizes",transform:v},maxWidth:{property:"maxWidth",scale:"sizes",transform:v},maxW:{property:"maxWidth",scale:"sizes",transform:v},maxHeight:{property:"maxHeight",scale:"sizes",transform:v},maxH:{property:"maxHeight",scale:"sizes",transform:v},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},G={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:z.space,transform:W},right:{property:"right",scale:"space",fallbackScale:z.space,transform:W},bottom:{property:"bottom",scale:"space",fallbackScale:z.space,transform:W},left:{property:"left",scale:"space",fallbackScale:z.space,transform:W}},E={scale:"space",fallbackScale:z.space},F={margin:Object.assign({property:"margin",transform:W},E),m:Object.assign({property:"margin",transform:W},E),marginTop:Object.assign({property:"marginTop",transform:W},E),mt:Object.assign({property:"marginTop",transform:W},E),marginRight:Object.assign({property:"marginRight",transform:W},E),mr:Object.assign({property:"marginRight",transform:W},E),marginBottom:Object.assign({property:"marginBottom",transform:W},E),mb:Object.assign({property:"marginBottom",transform:W},E),marginLeft:Object.assign({property:"marginLeft",transform:W},E),ml:Object.assign({property:"marginLeft",transform:W},E),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:W},E),mx:Object.assign({properties:["marginLeft","marginRight"],transform:W},E),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:W},E),my:Object.assign({properties:["marginTop","marginBottom"],transform:W},E),padding:Object.assign({property:"padding",transform:v},E),p:Object.assign({property:"padding",transform:v},E),paddingTop:Object.assign({property:"paddingTop",transform:v},E),pt:Object.assign({property:"paddingTop",transform:v},E),paddingRight:Object.assign({property:"paddingRight",transform:v},E),pr:Object.assign({property:"paddingRight",transform:v},E),paddingBottom:Object.assign({property:"paddingBottom",transform:v},E),pb:Object.assign({property:"paddingBottom",transform:v},E),paddingLeft:Object.assign({property:"paddingLeft",transform:v},E),pl:Object.assign({property:"paddingLeft",transform:v},E),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:v},E),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:v},E),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:v},E),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:v},E)},N=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},A,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},H,{},I,{},P,{},M,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},G,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},F),U=B(N,"separate"),X=B(Object.assign({},N,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),Y=(r,e,t,o)=>"object"!=typeof r||Array.isArray(Y)?r:X(r,o),q=B({animate:{property:"animate",transform:Y,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var i in r)a[i]="function"==typeof r[i]?r[i]:X(r[i],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:Y,allowComplex:!0},exit:{property:"exit",transform:Y,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:Y,allowComplex:!0},whileHover:{property:"whileHover",transform:Y,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");let Z;Z="undefined"!=typeof window?f(document&&document.head):f();const $=({style:e})=>{const t=p();return r.useEffect(()=>{const r={};for(var o in e){const[a,i]=U(e[o],t);r[o]=a}h(r,Z,!0,!1)},[]),r.createElement(r.Fragment,null)},J=t=>{const o=r.forwardRef((o,a)=>{let{children:i,className:n,as:s}=o,l=function(r,e){if(null==r)return{};var t,o,a={},i=Object.keys(r);for(o=0;o<i.length;o++)e.indexOf(t=i[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),c=m.test(l.className);const d=p(),[b,f]=q(l,d);let g={},y=void 0;if(0===Object.keys(f).length)y=n;else{const[r,e]=U(f,d);g=e,y=Object.keys(r).length>0?h(r,Z,!1,c)+(n?" "+n:""):n}return r.createElement(s||Object.keys(b).length>0?"string"==typeof t?e[t]:e.custom(t):t,Object.assign({},b,g,{ref:a,children:i,className:y}))});return o.displayName="Magic("+("string"==typeof t?t:t.displayName||t.name||"Component")+")",o},V=J;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{V[r]=J(r)});export{c as GOOBER_ID,d as GOOBER_PREFIX,m as GOOBER_REGEX,$ as Global,n as ThemeContext,s as ThemeProvider,i as baseTheme,L as compose,J as createMagic,w as createParser,T as createStyleFunction,U as cssParser,X as deepParser,g as extractCss,O as get,f as getSheet,h as hash,V as magic,x as merge,q as motionParser,l as parse,b as ssr,B as system,y as update,p as useTheme};
+import e from"react";import{colors as r}from"@nksaraf/colors";import{motion as t}from"framer-motion";export*from"framer-motion";import o from"deepmerge";function i(e){return e.map(e=>e.includes(" ")?'"'+e+'"':e).join(", ")}const a=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],n=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:r,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:i(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:i(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:a,sizes:a},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),s=e.createContext(n),p=({theme:r={},children:t})=>e.createElement(s.Provider,{value:r||n},t),l=()=>e.useContext(s)||{},d=(e,r,t)=>{let o="",i="",a="";for(let n in e){const s=e[n];if("object"==typeof s){let e=r+" "+n;/&/g.test(n)&&(e=n.replace(/&/g,r)),"@"==n[0]&&(e=r,"f"==n[1]&&(e=n)),/@k/.test(n)?i+=n+"{"+d(s,"","")+"}":i+=d(s,e,e==r?n:t||"")}else/^@i/.test(n)?o=n+" "+s+";":a+=d.p?d.p(n.replace(/[A-Z]/g,"-$&").toLowerCase(),s):n.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){const e=r+"{"+a+"}";return t?i+t+"{"+e+"}":o+e+i}return o+i},c="✨📃",m=".✨",b=/\s*✨[0-9]+/g,g={data:""},f=e=>{try{let r=e?e.querySelector("#✨📃"):null;return r||(r=(e||document.head).appendChild(document.createElement("style")),r.innerHTML=" ",r.id="✨📃"),r.firstChild}catch(e){}return g},u=e=>{const r=f(e),t=r.data;return r.data="",t},y=(e,r,t)=>{r.data.indexOf(e)<0&&(r.data=t?e+r.data:r.data+e)};let h={};const x=(e,r,t,o)=>{const i=JSON.stringify(e),a=h[i]||(h[i]=".✨"+i.split("").reduce((e,r)=>101*e+r.charCodeAt(0)>>>0,11)),n=h[a]||(h[a]=d(e,t?"":a));return y(n,r,o),a.slice(1)};let S;S="undefined"!=typeof window?f(document&&document.head):f();const j=(e,r)=>{let t=Object.assign({},e,r);for(const o in e)e[o]&&"object"==typeof r[o]&&Object.assign(t,{[o]:Object.assign(e[o],r[o])});return t},k={breakpoints:[40,52,64].map(e=>e+"em")},R=e=>"@media screen and (min-width: "+e+")",O=(e,r)=>w(r,e,e),w=(e,r,t,o,i)=>{let a=r&&r.split?r.split("."):[r];for(o=0;o<a.length;o++)e=e?e[a[o]]:i;return e===i?t:e},v=(e,r="ignore",t=!0)=>{const o={},i=(i,a)=>{let n={},s={},p=!1;const l=a&&a.disableStyledSystemCache;for(const d in i){if(!e[d]){"separate"===r?s[d]=i[d]:"merge"===r&&(n[d]=i[d]);continue}const c=e[d],m=i[d],b=w(a,c.scale,c.defaults);if("object"!=typeof m)Object.assign(n,c(m,b,i,a));else{if(!t&&Array.isArray(m)){n[d]=m.map(e=>c(e,b,i,a)[d]);continue}if(c.allowComplex||!t){Object.assign(n,c(m,b,i,a));continue}if(o.breakpoints=!l&&o.breakpoints||w(a,"breakpoints",k.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(R)],n=j(n,T(o.media,c,b,m,i,a));continue}null!==m&&(n=j(n,z(o.breakpoints,c,b,m,i,a)),p=!0)}}return p&&(n=(e=>{const r={};return Object.keys(e).sort((e,r)=>e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{r[t]=e[t]}),r})(n)),"separate"===r?[n,s]:n};return i.config=e,i.propNames=Object.keys(e),i.cache=o,i},T=(e,r,t,o,i,a)=>{let n={};return o.slice(0,e.length).forEach((o,s)=>{const p=e[s],l=r(o,t,i,a);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},z=(e,r,t,o,i,a)=>{let n={};for(let s in o){const p=e[s],l=r(o[s],t,i,a);if(p){const e=R(p);Object.assign(n,{[e]:Object.assign({},n[e],l)})}else Object.assign(n,l)}return n},C=({properties:e,property:r,scale:t,transform:o=O,fallbackScale:i,allowComplex:a=!1})=>{e=e||[r];const n=(r,t,i,n)=>{const s={};let p=o(r,t,i,n);if(null!==p)return a||"object"!=typeof p||(p=r),e.forEach(e=>{s[e]=p}),s};return n.scale=t,n.allowComplex=a,n.defaults=i,n},W=(e={},r="ignore",t=!0)=>{const o={};return Object.keys(e).forEach(r=>{const t=e[r];o[r]=!0!==t?"function"!=typeof t?C(t):t:C({property:r,scale:r})}),v(o,r,t)},B=(...e)=>{let r={};return e.forEach(e=>{e&&e.config&&Object.assign(r,e.config)}),v(r)};function A(e,r){if(null==e)return{};var t,o,i={},a=Object.keys(e);for(o=0;o<a.length;o++)r.indexOf(t=a[o])>=0||(i[t]=e[t]);return i}function L(e,r){if("number"!=typeof e||e>=0){const t=w(r,String(e),String(e));return"string"==typeof t?t:t+"px"}const t=Math.abs(e),o=w(r,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function H(e,r){const t=w(r,String(e),String(e));return"string"==typeof t?t:t+"px"}const I={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},D={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:H},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:H},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:H},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:H},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:H},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:H},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:H},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:H},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:H},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:H},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:H},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:H},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:H},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:H}},P={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:I.fontSizes,transform:H},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:H},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},M={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:H},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},F={gridGap:{property:"gridGap",scale:"space",fallbackScale:I.space,transform:H},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:I.space,transform:H},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:I.space,transform:H},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function G(e,r){return w(r,e,"number"!=typeof e||e>1?e:100*e+"%")}const E={width:{property:"width",scale:"sizes",transform:G},w:{property:"width",scale:"sizes",transform:G},height:{property:"height",scale:"sizes",transform:H},h:{property:"height",scale:"sizes",transform:H},minWidth:{property:"minWidth",scale:"sizes",transform:H},minW:{property:"minWidth",scale:"sizes",transform:H},minHeight:{property:"minHeight",scale:"sizes",transform:H},minH:{property:"minHeight",scale:"sizes",transform:H},maxWidth:{property:"maxWidth",scale:"sizes",transform:H},maxW:{property:"maxWidth",scale:"sizes",transform:H},maxHeight:{property:"maxHeight",scale:"sizes",transform:H},maxH:{property:"maxHeight",scale:"sizes",transform:H},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},N={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:I.space,transform:L},right:{property:"right",scale:"space",fallbackScale:I.space,transform:L},bottom:{property:"bottom",scale:"space",fallbackScale:I.space,transform:L},left:{property:"left",scale:"space",fallbackScale:I.space,transform:L}},U={scale:"space",fallbackScale:I.space},X={margin:Object.assign({property:"margin",transform:L},U),m:Object.assign({property:"margin",transform:L},U),marginTop:Object.assign({property:"marginTop",transform:L},U),mt:Object.assign({property:"marginTop",transform:L},U),marginRight:Object.assign({property:"marginRight",transform:L},U),mr:Object.assign({property:"marginRight",transform:L},U),marginBottom:Object.assign({property:"marginBottom",transform:L},U),mb:Object.assign({property:"marginBottom",transform:L},U),marginLeft:Object.assign({property:"marginLeft",transform:L},U),ml:Object.assign({property:"marginLeft",transform:L},U),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:L},U),mx:Object.assign({properties:["marginLeft","marginRight"],transform:L},U),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:L},U),my:Object.assign({properties:["marginTop","marginBottom"],transform:L},U),padding:Object.assign({property:"padding",transform:H},U),p:Object.assign({property:"padding",transform:H},U),paddingTop:Object.assign({property:"paddingTop",transform:H},U),pt:Object.assign({property:"paddingTop",transform:H},U),paddingRight:Object.assign({property:"paddingRight",transform:H},U),pr:Object.assign({property:"paddingRight",transform:H},U),paddingBottom:Object.assign({property:"paddingBottom",transform:H},U),pb:Object.assign({property:"paddingBottom",transform:H},U),paddingLeft:Object.assign({property:"paddingLeft",transform:H},U),pl:Object.assign({property:"paddingLeft",transform:H},U),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:H},U),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:H},U),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:H},U),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:H},U)},Y=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},D,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},P,{},M,{},F,{},E,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},N,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},X),q=W(Y,"merge",!1),Z=(e,r,t,o)=>"object"!=typeof e||Array.isArray(Z)?e:q(e,o),$=W({animate:{property:"animate",transform:Z,allowComplex:!0},variants:{property:"variants",transform:(e,r,t,o)=>{const i={};for(var a in e)i[a]="function"==typeof e[a]?e[a]:q(e[a],o);return i},allowComplex:!0},transition:!0,initial:{property:"initial",transform:Z,allowComplex:!0},exit:{property:"exit",transform:Z,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:Z,allowComplex:!0},whileHover:{property:"whileHover",transform:Z,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate"),J=W(Y,"separate"),V=r=>(o={},i=("string"==typeof r?r:r.displayName||r.name||"Component"))=>{const a=e.forwardRef((i,a)=>{let{children:n,className:s,as:p,css:d}=i,c=A(i,["children","className","as","css"]),m=b.test(c.className);d=Object.assign({},o,d);const g=l(),[f,u]=$(c,g);let y={},h=void 0;if(0===Object.keys(u).length&&0===Object.keys(d).length)h=s;else{const[e,r]=J(u,g);if(y=r,d&&Object.keys(d).length>0){const[r,t]=J(d,g),o={};for(var j in t)o[j]="object"!=typeof t[j]?t[j]:q(t[j],g);Object.assign(e,r,o)}h=Object.keys(e).length>0?x(e,S,!1,m)+(s?" "+s:""):s}return e.createElement(p||Object.keys(f).length>0?"string"==typeof r?t[r]:t.custom(r):r,Object.assign({},f,y,{ref:a,children:n,className:h}))});return a.displayName="Magic("+i+")",a},K=V;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(e=>{K[e]=V(e)()});const Q=({style:e})=>{const r=l();return React.useMemo(()=>{const t={};for(var o in e){const[i,a]=J(e[o],r);t[o]=i}return x(t,S,!0,!0)},[]),React.createElement(React.Fragment,null)},_=(...e)=>e.reduce((function(e,r){return((e={},r={})=>(Object.keys(e).forEach(r=>null==e[r]&&delete e[r]),Object.keys(r).forEach(e=>null==r[e]&&delete r[e]),o(e,r)))(e,r)}),{}),ee=r=>{let{inline:t,justify:o,align:i,direction:a,gap:n,css:s}=r,p=A(r,["inline","justify","align","direction","gap","css"]);const l={display:t?"inline-flex":"flex",justifyContent:o,alignItems:i};return Array.isArray(a)?(l.flexDirection=a.map(e=>"vertical"===e?"column":"row"),l["> *:not(:last-child)"]=a.map(e=>({["vertical"===e?"marginBottom":"marginRight"]:n,["vertical"===e?"marginRight":"marginBottom"]:0}))):(l.flexDirection="vertical"===a?"column":"row",l["> *:not(:last-child)"]={["vertical"===a?"marginBottom":"marginRight"]:n}),e.createElement(K.div,Object.assign({},p,{css:_(l,s)}))};ee.displayName="Magic(stack)",K.stack=ee,K.flex=V("div")({display:"flex"},"flex"),K.row=V("div")({display:"flex",flexDirection:"row"},"row"),K.column=V("div")({display:"flex",flexDirection:"column"},"column"),K.grid=V("div")({display:"grid"},"grid");const re={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}},te=()=>React.createElement(Q,{style:re});export{te as CSSReset,c as GOOBER_ID,m as GOOBER_PREFIX,b as GOOBER_REGEX,Q as Global,s as ThemeContext,p as ThemeProvider,n as baseTheme,B as compose,V as createMagic,v as createParser,C as createStyleFunction,J as cssParser,u as extractCss,w as get,f as getSheet,x as hash,K as magic,j as merge,d as parse,S as sheet,g as ssr,W as system,y as update,l as useTheme};
 //# sourceMappingURL=magic-components.js.map

dist/magic-components.umd.js

@@ -1,2 +0,2 @@
-var r,e;r=this,e=function(r,e,t,o){function a(r){return r.map((function(r){return r.includes(" ")?'"'+r+'"':r})).join(", ")}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e;var n=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:o.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:a(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:n,sizes:n},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),p=e.createContext(i),s=function(){return e.useContext(p)||{}},l=function r(e,t,o){var a="",n="",i="";for(var p in e){var s=e[p];if("object"==typeof s){var l=t+" "+p;/&/g.test(p)&&(l=p.replace(/&/g,t)),"@"==p[0]&&(l=t,"f"==p[1]&&(l=p)),/@k/.test(p)?n+=p+"{"+r(s,"","")+"}":n+=r(s,l,l==t?p:o||"")}else/^@i/.test(p)?a=p+" "+s+";":i+=r.p?r.p(p.replace(/[A-Z]/g,"-$&").toLowerCase(),s):p.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(i[0]){var d=t+"{"+i+"}";return o?n+o+"{"+d+"}":a+d+n}return a+n},d=/\s*✨[0-9]+/g,c={data:""},f=function(r){try{var e=r?r.querySelector("#✨📃"):null;return e||((e=(r||document.head).appendChild(document.createElement("style"))).innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return c},m=function(r,e,t){e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)},b={},g=function(r,e,t,o){var a=JSON.stringify(r),n=b[a]||(b[a]=".✨"+a.split("").reduce((function(r,e){return 101*r+e.charCodeAt(0)>>>0}),11)),i=b[n]||(b[n]=l(r,t?"":n));return m(i,e,o),n.slice(1)},u=function(r,e){var t=Object.assign({},r,e);for(var o in r){var a;r[o]&&"object"==typeof e[o]&&Object.assign(t,((a={})[o]=Object.assign(r[o],e[o]),a))}return t},y={breakpoints:[40,52,64].map((function(r){return r+"em"}))},h=function(r){return"@media screen and (min-width: "+r+")"},v=function(r,e){return x(e,r,r)},x=function(r,e,t,o,a){var n=e&&e.split?e.split("."):[e];for(o=0;o<n.length;o++)r=r?r[n[o]]:a;return r===a?t:r},S=function(r,e,t){void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={},a=function(a,n){var i,p,s={},l={},d=!1,c=n&&n.disableStyledSystemCache,f=function(i){if(!r[i])return"separate"===e?l[i]=a[i]:"merge"===e&&(s[i]=a[i]),"continue";var p=r[i],f=a[i],m=x(n,p.scale,p.defaults);if("object"==typeof f)return!t&&Array.isArray(f)?(s[i]=f.map((function(r){return p(r,m,a,n)[i]})),"continue"):p.allowComplex||!t?(Object.assign(s,p(f,m,a,n)),"continue"):(o.breakpoints=!c&&o.breakpoints||x(n,"breakpoints",y.breakpoints),Array.isArray(f)?(o.media=!c&&o.media||[null].concat(o.breakpoints.map(h)),s=u(s,j(o.media,p,m,f,a,n)),"continue"):(null!==f&&(s=u(s,O(o.breakpoints,p,m,f,a,n)),d=!0),"continue"));Object.assign(s,p(f,m,a,n))};for(var m in a)f(m);return d&&(i=s,p={},Object.keys(i).sort((function(r,e){return r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})})).forEach((function(r){p[r]=i[r]})),s=p),"separate"===e?[s,l]:s};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},j=function(r,e,t,o,a,n){var i={};return o.slice(0,r.length).forEach((function(o,p){var s,l=r[p],d=e(o,t,a,n);Object.assign(i,l?((s={})[l]=Object.assign({},i[l],d),s):d)})),i},O=function(r,e,t,o,a,n){var i={};for(var p in o){var s=r[p],l=e(o[p],t,a,n);if(s){var d,c=h(s);Object.assign(i,((d={})[c]=Object.assign({},i[c],l),d))}else Object.assign(i,l)}return i},R=function(r){var e=r.properties,t=r.transform,o=void 0===t?v:t,a=r.fallbackScale,n=r.allowComplex,i=void 0!==n&&n;e=e||[r.property];var p=function(r,t,a,n){var p={},s=o(r,t,a,n);if(null!==s)return i||"object"!=typeof s||(s=r),e.forEach((function(r){p[r]=s})),p};return p.scale=r.scale,p.allowComplex=i,p.defaults=a,p},w=function(r,e,t){void 0===r&&(r={}),void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={};return Object.keys(r).forEach((function(e){var t=r[e];o[e]=!0!==t?"function"!=typeof t?R(t):t:R({property:e,scale:e})})),S(o,e,t)};function k(r,e){if("number"!=typeof r||r>=0){var t=x(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var o=Math.abs(r),a=x(e,String(o),String(o));return"string"==typeof a?"-"+a:-1*a+"px"}function T(r,e){var t=x(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var C={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},B={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:T},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:T},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:T},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:T},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:T},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:T},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:T},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:T},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:T},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:T},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:T},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:T},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:T},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:T}},L={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:C.fontSizes,transform:T},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:T},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},W={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:T},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},z={gridGap:{property:"gridGap",scale:"space",fallbackScale:C.space,transform:T},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:C.space,transform:T},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:C.space,transform:T},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function A(r,e){return x(e,r,"number"!=typeof r||r>1?r:100*r+"%")}var H,I={width:{property:"width",scale:"sizes",transform:A},w:{property:"width",scale:"sizes",transform:A},height:{property:"height",scale:"sizes",transform:T},h:{property:"height",scale:"sizes",transform:T},minWidth:{property:"minWidth",scale:"sizes",transform:T},minW:{property:"minWidth",scale:"sizes",transform:T},minHeight:{property:"minHeight",scale:"sizes",transform:T},minH:{property:"minHeight",scale:"sizes",transform:T},maxWidth:{property:"maxWidth",scale:"sizes",transform:T},maxW:{property:"maxWidth",scale:"sizes",transform:T},maxHeight:{property:"maxHeight",scale:"sizes",transform:T},maxH:{property:"maxHeight",scale:"sizes",transform:T},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},P={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:C.space,transform:k},right:{property:"right",scale:"space",fallbackScale:C.space,transform:k},bottom:{property:"bottom",scale:"space",fallbackScale:C.space,transform:k},left:{property:"left",scale:"space",fallbackScale:C.space,transform:k}},D={scale:"space",fallbackScale:C.space},M={margin:Object.assign({property:"margin",transform:k},D),m:Object.assign({property:"margin",transform:k},D),marginTop:Object.assign({property:"marginTop",transform:k},D),mt:Object.assign({property:"marginTop",transform:k},D),marginRight:Object.assign({property:"marginRight",transform:k},D),mr:Object.assign({property:"marginRight",transform:k},D),marginBottom:Object.assign({property:"marginBottom",transform:k},D),mb:Object.assign({property:"marginBottom",transform:k},D),marginLeft:Object.assign({property:"marginLeft",transform:k},D),ml:Object.assign({property:"marginLeft",transform:k},D),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:k},D),mx:Object.assign({properties:["marginLeft","marginRight"],transform:k},D),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:k},D),my:Object.assign({properties:["marginTop","marginBottom"],transform:k},D),padding:Object.assign({property:"padding",transform:T},D),p:Object.assign({property:"padding",transform:T},D),paddingTop:Object.assign({property:"paddingTop",transform:T},D),pt:Object.assign({property:"paddingTop",transform:T},D),paddingRight:Object.assign({property:"paddingRight",transform:T},D),pr:Object.assign({property:"paddingRight",transform:T},D),paddingBottom:Object.assign({property:"paddingBottom",transform:T},D),pb:Object.assign({property:"paddingBottom",transform:T},D),paddingLeft:Object.assign({property:"paddingLeft",transform:T},D),pl:Object.assign({property:"paddingLeft",transform:T},D),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:T},D),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:T},D),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:T},D),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:T},D)},G=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},B,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},L,{},W,{},z,{},I,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},P,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},M),E=w(G,"separate"),F=w(Object.assign({},G,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),q=function r(e,t,o,a){return"object"!=typeof e||Array.isArray(r)?e:F(e,a)},U=w({animate:{property:"animate",transform:q,allowComplex:!0},variants:{property:"variants",transform:function(r,e,t,o){var a={};for(var n in r)a[n]="function"==typeof r[n]?r[n]:F(r[n],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:q,allowComplex:!0},exit:{property:"exit",transform:q,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:q,allowComplex:!0},whileHover:{property:"whileHover",transform:q,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");H="undefined"!=typeof window?f(document&&document.head):f();var X=function(r){var o=e.forwardRef((function(o,a){var n=o.children,i=o.className,p=o.as,l=function(r,e){if(null==r)return{};var t,o,a={},n=Object.keys(r);for(o=0;o<n.length;o++)e.indexOf(t=n[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),c=d.test(l.className),f=s(),m=U(l,f),b=m[0],u=m[1],y={},h=void 0;if(0===Object.keys(u).length)h=i;else{var v=E(u,f),x=v[0];y=v[1],h=Object.keys(x).length>0?g(x,H,!1,c)+(i?" "+i:""):i}return e.createElement(p||Object.keys(b).length>0?"string"==typeof r?t.motion[r]:t.motion.custom(r):r,Object.assign({},b,y,{ref:a,children:n,className:h}))}));return o.displayName="Magic("+("string"==typeof r?r:r.displayName||r.name||"Component")+")",o},Y=X;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach((function(r){Y[r]=X(r)})),Object.keys(t).forEach((function(e){"default"!==e&&Object.defineProperty(r,e,{enumerable:!0,get:function(){return t[e]}})})),r.GOOBER_ID="✨📃",r.GOOBER_PREFIX=".✨",r.GOOBER_REGEX=d,r.Global=function(r){var t=r.style,o=s();return e.useEffect((function(){var r={};for(var e in t){var a=E(t[e],o);r[e]=a[0]}g(r,H,!0,!1)}),[]),e.createElement(e.Fragment,null)},r.ThemeContext=p,r.ThemeProvider=function(r){var t=r.theme;return e.createElement(p.Provider,{value:(void 0===t?{}:t)||i},r.children)},r.baseTheme=i,r.compose=function(){for(var r={},e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];t.forEach((function(e){e&&e.config&&Object.assign(r,e.config)}));var a=S(r);return a},r.createMagic=X,r.createParser=S,r.createStyleFunction=R,r.cssParser=E,r.deepParser=F,r.extractCss=function(r){var e=f(r),t=e.data;return e.data="",t},r.get=x,r.getSheet=f,r.hash=g,r.magic=Y,r.merge=u,r.motionParser=U,r.parse=l,r.ssr=c,r.system=w,r.update=m,r.useTheme=s},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("framer-motion"),require("@nksaraf/colors")):"function"==typeof define&&define.amd?define(["exports","react","framer-motion","@nksaraf/colors"],e):e((r=r||self).Magic={},r.React,r.Motion,r.Colors);
+var r,e;r=this,e=function(r,e,t,o,n){function i(r){return r.map((function(r){return r.includes(" ")?'"'+r+'"':r})).join(", ")}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;var a=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],p=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:t.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:i(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:i(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:a,sizes:a},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),s=e.createContext(p),l=function(){return e.useContext(s)||{}},d=function r(e,t,o){var n="",i="",a="";for(var p in e){var s=e[p];if("object"==typeof s){var l=t+" "+p;/&/g.test(p)&&(l=p.replace(/&/g,t)),"@"==p[0]&&(l=t,"f"==p[1]&&(l=p)),/@k/.test(p)?i+=p+"{"+r(s,"","")+"}":i+=r(s,l,l==t?p:o||"")}else/^@i/.test(p)?n=p+" "+s+";":a+=r.p?r.p(p.replace(/[A-Z]/g,"-$&").toLowerCase(),s):p.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){var d=t+"{"+a+"}";return o?i+o+"{"+d+"}":n+d+i}return n+i},c=/\s*✨[0-9]+/g,f={data:""},b=function(r){try{var e=r?r.querySelector("#✨📃"):null;return e||((e=(r||document.head).appendChild(document.createElement("style"))).innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return f},m=function(r,e,t){e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)},u={},g=function(r,e,t,o){var n=JSON.stringify(r),i=u[n]||(u[n]=".✨"+n.split("").reduce((function(r,e){return 101*r+e.charCodeAt(0)>>>0}),11)),a=u[i]||(u[i]=d(r,t?"":i));return m(a,e,o),i.slice(1)};r.sheet="undefined"!=typeof window?b(document&&document.head):b();var y=function(r,e){var t=Object.assign({},r,e);for(var o in r){var n;r[o]&&"object"==typeof e[o]&&Object.assign(t,((n={})[o]=Object.assign(r[o],e[o]),n))}return t},h={breakpoints:[40,52,64].map((function(r){return r+"em"}))},v=function(r){return"@media screen and (min-width: "+r+")"},x=function(r,e){return S(e,r,r)},S=function(r,e,t,o,n){var i=e&&e.split?e.split("."):[e];for(o=0;o<i.length;o++)r=r?r[i[o]]:n;return r===n?t:r},j=function(r,e,t){void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={},n=function(n,i){var a,p,s={},l={},d=!1,c=i&&i.disableStyledSystemCache,f=function(a){if(!r[a])return"separate"===e?l[a]=n[a]:"merge"===e&&(s[a]=n[a]),"continue";var p=r[a],f=n[a],b=S(i,p.scale,p.defaults);if("object"==typeof f)return!t&&Array.isArray(f)?(s[a]=f.map((function(r){return p(r,b,n,i)[a]})),"continue"):p.allowComplex||!t?(Object.assign(s,p(f,b,n,i)),"continue"):(o.breakpoints=!c&&o.breakpoints||S(i,"breakpoints",h.breakpoints),Array.isArray(f)?(o.media=!c&&o.media||[null].concat(o.breakpoints.map(v)),s=y(s,O(o.media,p,b,f,n,i)),"continue"):(null!==f&&(s=y(s,k(o.breakpoints,p,b,f,n,i)),d=!0),"continue"));Object.assign(s,p(f,b,n,i))};for(var b in n)f(b);return d&&(a=s,p={},Object.keys(a).sort((function(r,e){return r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})})).forEach((function(r){p[r]=a[r]})),s=p),"separate"===e?[s,l]:s};return n.config=r,n.propNames=Object.keys(r),n.cache=o,n},O=function(r,e,t,o,n,i){var a={};return o.slice(0,r.length).forEach((function(o,p){var s,l=r[p],d=e(o,t,n,i);Object.assign(a,l?((s={})[l]=Object.assign({},a[l],d),s):d)})),a},k=function(r,e,t,o,n,i){var a={};for(var p in o){var s=r[p],l=e(o[p],t,n,i);if(s){var d,c=v(s);Object.assign(a,((d={})[c]=Object.assign({},a[c],l),d))}else Object.assign(a,l)}return a},R=function(r){var e=r.properties,t=r.transform,o=void 0===t?x:t,n=r.fallbackScale,i=r.allowComplex,a=void 0!==i&&i;e=e||[r.property];var p=function(r,t,n,i){var p={},s=o(r,t,n,i);if(null!==s)return a||"object"!=typeof s||(s=r),e.forEach((function(r){p[r]=s})),p};return p.scale=r.scale,p.allowComplex=a,p.defaults=n,p},w=function(r,e,t){void 0===r&&(r={}),void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={};return Object.keys(r).forEach((function(e){var t=r[e];o[e]=!0!==t?"function"!=typeof t?R(t):t:R({property:e,scale:e})})),j(o,e,t)};function T(r,e){if(null==r)return{};var t,o,n={},i=Object.keys(r);for(o=0;o<i.length;o++)e.indexOf(t=i[o])>=0||(n[t]=r[t]);return n}function z(r,e){if("number"!=typeof r||r>=0){var t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var o=Math.abs(r),n=S(e,String(o),String(o));return"string"==typeof n?"-"+n:-1*n+"px"}function C(r,e){var t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var W={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},A={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:C},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:C},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:C},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:C},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:C},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:C},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:C},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:C},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:C},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:C},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:C},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:C},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:C},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:C}},B={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:W.fontSizes,transform:C},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:C},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},L={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:C},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},H={gridGap:{property:"gridGap",scale:"space",fallbackScale:W.space,transform:C},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:W.space,transform:C},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:W.space,transform:C},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function I(r,e){return S(e,r,"number"!=typeof r||r>1?r:100*r+"%")}var D={width:{property:"width",scale:"sizes",transform:I},w:{property:"width",scale:"sizes",transform:I},height:{property:"height",scale:"sizes",transform:C},h:{property:"height",scale:"sizes",transform:C},minWidth:{property:"minWidth",scale:"sizes",transform:C},minW:{property:"minWidth",scale:"sizes",transform:C},minHeight:{property:"minHeight",scale:"sizes",transform:C},minH:{property:"minHeight",scale:"sizes",transform:C},maxWidth:{property:"maxWidth",scale:"sizes",transform:C},maxW:{property:"maxWidth",scale:"sizes",transform:C},maxHeight:{property:"maxHeight",scale:"sizes",transform:C},maxH:{property:"maxHeight",scale:"sizes",transform:C},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},P={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:W.space,transform:z},right:{property:"right",scale:"space",fallbackScale:W.space,transform:z},bottom:{property:"bottom",scale:"space",fallbackScale:W.space,transform:z},left:{property:"left",scale:"space",fallbackScale:W.space,transform:z}},M={scale:"space",fallbackScale:W.space},F={margin:Object.assign({property:"margin",transform:z},M),m:Object.assign({property:"margin",transform:z},M),marginTop:Object.assign({property:"marginTop",transform:z},M),mt:Object.assign({property:"marginTop",transform:z},M),marginRight:Object.assign({property:"marginRight",transform:z},M),mr:Object.assign({property:"marginRight",transform:z},M),marginBottom:Object.assign({property:"marginBottom",transform:z},M),mb:Object.assign({property:"marginBottom",transform:z},M),marginLeft:Object.assign({property:"marginLeft",transform:z},M),ml:Object.assign({property:"marginLeft",transform:z},M),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:z},M),mx:Object.assign({properties:["marginLeft","marginRight"],transform:z},M),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:z},M),my:Object.assign({properties:["marginTop","marginBottom"],transform:z},M),padding:Object.assign({property:"padding",transform:C},M),p:Object.assign({property:"padding",transform:C},M),paddingTop:Object.assign({property:"paddingTop",transform:C},M),pt:Object.assign({property:"paddingTop",transform:C},M),paddingRight:Object.assign({property:"paddingRight",transform:C},M),pr:Object.assign({property:"paddingRight",transform:C},M),paddingBottom:Object.assign({property:"paddingBottom",transform:C},M),pb:Object.assign({property:"paddingBottom",transform:C},M),paddingLeft:Object.assign({property:"paddingLeft",transform:C},M),pl:Object.assign({property:"paddingLeft",transform:C},M),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M)},q=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},A,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},B,{},L,{},H,{},D,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},P,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},F),G=w(q,"merge",!1),E=function r(e,t,o,n){return"object"!=typeof e||Array.isArray(r)?e:G(e,n)},U=w({animate:{property:"animate",transform:E,allowComplex:!0},variants:{property:"variants",transform:function(r,e,t,o){var n={};for(var i in r)n[i]="function"==typeof r[i]?r[i]:G(r[i],o);return n},allowComplex:!0},transition:!0,initial:{property:"initial",transform:E,allowComplex:!0},exit:{property:"exit",transform:E,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:E,allowComplex:!0},whileHover:{property:"whileHover",transform:E,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate"),X=w(q,"separate"),Y=function(t){return function(n,i){void 0===n&&(n={}),void 0===i&&(i="string"==typeof t?t:t.displayName||t.name||"Component");var a=e.forwardRef((function(i,a){var p=i.children,s=i.className,d=i.as,f=i.css,b=T(i,["children","className","as","css"]),m=c.test(b.className);f=Object.assign({},n,f);var u=l(),y=U(b,u),h=y[0],v=y[1],x={},S=void 0;if(0===Object.keys(v).length&&0===Object.keys(f).length)S=s;else{var j=X(v,u),O=j[0];if(x=j[1],f&&Object.keys(f).length>0){var k=X(f,u),R=k[0],w=k[1],z={};for(var C in w)z[C]="object"!=typeof w[C]?w[C]:G(w[C],u);Object.assign(O,R,z)}S=Object.keys(O).length>0?g(O,r.sheet,!1,m)+(s?" "+s:""):s}return e.createElement(d||Object.keys(h).length>0?"string"==typeof t?o.motion[t]:o.motion.custom(t):t,Object.assign({},h,x,{ref:a,children:p,className:S}))}));return a.displayName="Magic("+i+")",a}},N=Y;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach((function(r){N[r]=Y(r)()}));var Z=function(e){var t=e.style,o=l();return React.useMemo((function(){var e={};for(var n in t){var i=X(t[n],o);e[n]=i[0]}return g(e,r.sheet,!0,!0)}),[]),React.createElement(React.Fragment,null)},$=function(r,e){return void 0===r&&(r={}),void 0===e&&(e={}),Object.keys(r).forEach((function(e){return null==r[e]&&delete r[e]})),Object.keys(e).forEach((function(r){return null==e[r]&&delete e[r]})),n(r,e)},J=function(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.reduce((function(r,e){return $(r,e)}),{})},V=function(r){var t,o=r.inline,n=r.justify,i=r.align,a=r.direction,p=r.gap,s=r.css,l=T(r,["inline","justify","align","direction","gap","css"]),d={display:o?"inline-flex":"flex",justifyContent:n,alignItems:i};return Array.isArray(a)?(d.flexDirection=a.map((function(r){return"vertical"===r?"column":"row"})),d["> *:not(:last-child)"]=a.map((function(r){var e;return(e={})["vertical"===r?"marginBottom":"marginRight"]=p,e["vertical"===r?"marginRight":"marginBottom"]=0,e}))):(d.flexDirection="vertical"===a?"column":"row",d["> *:not(:last-child)"]=((t={})["vertical"===a?"marginBottom":"marginRight"]=p,t)),e.createElement(N.div,Object.assign({},l,{css:J(d,s)}))};V.displayName="Magic(stack)",N.stack=V,N.flex=Y("div")({display:"flex"},"flex"),N.row=Y("div")({display:"flex",flexDirection:"row"},"row"),N.column=Y("div")({display:"flex",flexDirection:"column"},"column"),N.grid=Y("div")({display:"grid"},"grid");var K={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}};Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(r,e,{enumerable:!0,get:function(){return o[e]}})})),r.CSSReset=function(){return React.createElement(Z,{style:K})},r.GOOBER_ID="✨📃",r.GOOBER_PREFIX=".✨",r.GOOBER_REGEX=c,r.Global=Z,r.ThemeContext=s,r.ThemeProvider=function(r){var t=r.theme;return e.createElement(s.Provider,{value:(void 0===t?{}:t)||p},r.children)},r.baseTheme=p,r.compose=function(){for(var r={},e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];t.forEach((function(e){e&&e.config&&Object.assign(r,e.config)}));var n=j(r);return n},r.createMagic=Y,r.createParser=j,r.createStyleFunction=R,r.cssParser=X,r.extractCss=function(r){var e=b(r),t=e.data;return e.data="",t},r.get=S,r.getSheet=b,r.hash=g,r.magic=N,r.merge=y,r.parse=d,r.ssr=f,r.system=w,r.update=m,r.useTheme=l},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@nksaraf/colors"),require("framer-motion"),require("deepmerge")):"function"==typeof define&&define.amd?define(["exports","react","@nksaraf/colors","framer-motion","deepmerge"],e):e((r=r||self).Magic={},r.React,r.Colors,r.Motion,r.deepmerge);
 //# sourceMappingURL=magic-components.umd.js.map

dist/stylesheet.d.ts

@@ -20,1 +20,3 @@ export interface Parse {
 export declare const hash: (compiled: object, sheet: any, global: boolean, append: boolean) => string;
+declare let sheet: any;
+export { sheet };

dist/types.d.ts

@@ -5,6 +5,9 @@ import * as CSS from "csstype";
 import { StyleProps } from "./style-config";
+export declare type AdvancedPseudos = "&:-moz-any()" | "&:-moz-dir" | "&:-webkit-any()" | "&::cue" | "&::cue-region" | "&::part" | "&::slotted" | "&:dir" | "&:has" | "&:host" | "&:host-context" | "&:is" | "&:lang" | "&:matches()" | "&:not" | "&:nth-child" | "&:nth-last-child" | "&:nth-last-of-type" | "&:nth-of-type" | "&:where";
+export declare type SimplePseudos = "&:-khtml-any-link" | "&:-moz-any-link" | "&:-moz-focusring" | "&:-moz-full-screen" | "&:-moz-placeholder" | "&:-moz-read-only" | "&:-moz-read-write" | "&:-ms-fullscreen" | "&:-ms-input-placeholder" | "&:-webkit-any-link" | "&:-webkit-full-screen" | "&::-moz-placeholder" | "&::-moz-progress-bar" | "&::-moz-range-progress" | "&::-moz-range-thumb" | "&::-moz-range-track" | "&::-moz-selection" | "&::-ms-backdrop" | "&::-ms-browse" | "&::-ms-check" | "&::-ms-clear" | "&::-ms-fill" | "&::-ms-fill-lower" | "&::-ms-fill-upper" | "&::-ms-input-placeholder" | "&::-ms-reveal" | "&::-ms-thumb" | "&::-ms-ticks-after" | "&::-ms-ticks-before" | "&::-ms-tooltip" | "&::-ms-track" | "&::-ms-value" | "&::-webkit-backdrop" | "&::-webkit-input-placeholder" | "&::-webkit-progress-bar" | "&::-webkit-progress-inner-value" | "&::-webkit-progress-value" | "&::-webkit-slider-runnable-track" | "&::-webkit-slider-thumb" | "&::after" | "&::backdrop" | "&::before" | "&::cue" | "&::cue-region" | "&::first-letter" | "&::first-line" | "&::grammar-error" | "&::marker" | "&::placeholder" | "&::selection" | "&::spelling-error" | "&:active" | "&:after" | "&:any-link" | "&:before" | "&:blank" | "&:checked" | "&:default" | "&:defined" | "&:disabled" | "&:empty" | "&:enabled" | "&:first" | "&:first-child" | "&:first-letter" | "&:first-line" | "&:first-of-type" | "&:focus" | "&:focus-visible" | "&:focus-within" | "&:fullscreen" | "&:hover" | "&:in-range" | "&:indeterminate" | "&:invalid" | "&:last-child" | "&:last-of-type" | "&:left" | "&:link" | "&:only-child" | "&:only-of-type" | "&:optional" | "&:out-of-range" | "&:placeholder-shown" | "&:read-only" | "&:read-write" | "&:required" | "&:right" | "&:root" | "&:scope" | "&:target" | "&:valid" | "&:visited";
 declare global {
     type ResponsiveValue<T> = T | T[];
+    type CSSMutliValue<K extends keyof CSS.Properties> = ResponsiveValue<CSS.Properties<number | string | 0>[K]>;
     type CSSPropertiesWithMultiValues = {
-        [K in keyof CSS.Properties<number | string | 0>]: CSS.Properties<number | string | 0>[K] | Array<CSS.Properties<number | string | 0>[K]>;
+        [K in keyof CSS.Properties<number | string | 0>]: CSSMutliValue<K>;
     };
@@ -15,2 +18,5 @@ namespace React {
         };
+        type CSSProps = {
+            [K in keyof CSS.Properties<any>]?: CSS.Properties<any>[K];
+        };
         type HTMLStyleProps = {
@@ -20,4 +26,24 @@ [K in Exclude<StyleProps, keyof CSS.Properties<any>>]?: string | number | string[] | number[];
         interface HTMLAttributes<T> extends CSSPropertiesWithMultiValues, Motion<T>, HTMLStyleProps {
+            css?: CSSProps & {
+                [key in SimplePseudos | AdvancedPseudos]?: CSSProps;
+            };
         }
     }
+    interface MoreJSX {
+        stack?: Omit<Other.DetailedHTMLProps<Other.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "gap"> & {
+            inline?: boolean;
+            justify?: CSSMutliValue<"justifyContent">;
+            align?: CSSMutliValue<"alignItems">;
+            direction?: "horizontal" | "vertical";
+            gap?: CSSMutliValue<"marginRight"> | ResponsiveValue<number>;
+        };
+        flex?: Other.DetailedHTMLProps<Other.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+        column?: Other.DetailedHTMLProps<Other.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+        row?: Other.DetailedHTMLProps<Other.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+        grid?: Other.DetailedHTMLProps<Other.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    }
+    namespace JSX {
+        interface IntrinsicElements extends MoreJSX {
+        }
+    }
 }

package.json

 {
   "name": "magic-components",
-  "version": "0.0.1-beta.10",
+  "version": "0.0.1-beta.11",
   "description": "",
@@ -22,3 +22,3 @@ "repository": "Nikhil Saraf/magic-components",
     "postbuild": "tsc -p tsconfig.klap.json",
-    "dev": "browser-sync start --server --files ./**/*.{html,js,ts,tsx} --no-open --no-notify --directory",
+    "dev": "next",
     "prepublishOnly": "yarn build",
@@ -32,2 +32,3 @@ "start": "klap start",
     "color": "^3.1.2",
+    "deepmerge": "^4.2.2",
     "framer-motion": "^2.0.0-beta.42"
@@ -42,4 +43,6 @@ },
     "next": "^9.3.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "preact": "^10.4.0",
+    "preact-render-to-string": "^5.1.6",
+    "react": "preact-compat/react#1.x",
+    "react-dom": "preact-compat/react-dom#1.x",
     "typescript": "3.8.3"
@@ -56,5 +59,6 @@ },
       "@nksaraf/colors": "Colors",
-      "react": "React"
+      "react": "React",
+      "deepmerge": "deepmerge"
     }
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

336880

increased by16.86%

Number of package files

25

increased by25%

Lines of code

2619

increased by3.97%

Worsened metrics

Dependency count

6

increased by20%

Dev dependency count

11

increased by22.22%

Dependency changes

• + Addeddeepmerge@^4.2.2

• + Addeddeepmerge@4.3.1(transitive)