@magiclabs/ui-components 1.52.0 → 2.0.0

package/dist/types/recipes/card.d.ts

@@ -1,103 +1,15 @@
-import { type RecipeVariantProps } from '@styled/css';
-export declare const card: import("../../styled-system/types").RecipeRuntimeFn<{
-    asButton: {
-        false: {
-            cursor: "default";
-        };
-        true: {
-            alignItems: "center";
-            cursor: "pointer";
-            h: "10.75rem";
-            justifyContent: "center";
-            p: number;
-            transition: "all 0.1s ease";
-            w: "10.75rem";
-            _active: {
-                transform: "scale(0.95)";
-            };
-        };
-    };
-    alignment: {
-        center: {
-            alignItems: "center";
-        };
-        left: {
-            alignItems: "flex-start";
-        };
-        right: {
-            alignItems: "flex-end";
-        };
-    };
-    alt: {
-        true: {};
-    };
-    expand: {
-        false: {
-            overflow: "hidden";
-        };
-        true: {
-            overflow: "visible";
-            w: "full";
-        };
-    };
-    gapType: {
-        none: {
-            gap: number;
-        };
-        sm: {
-            gap: number;
-        };
-        md: {
-            gap: number;
-        };
-        lg: {
-            gap: number;
-        };
-    };
-    heavyShadow: {
-        false: {
-            boxShadow: "0px 1px 2px rgba(189, 189, 189, 0.3)";
-        };
-        true: {
-            boxShadow: "8px 8px 48px rgba(16, 15, 17, 0.14)";
-        };
-    };
-    paddingType: {
-        none: {
-            p: number;
-        };
-        sm: {
-            px: number;
-            py: number;
-        };
-        md: {
-            px: number;
-            py: number;
-        };
-        lg: {
-            p: number;
-        };
-    };
-    widthMax: {
-        true: {
-            flex: number;
-            maxW: "29.125rem";
-            mdDown: {
-                maxW: "full";
-            };
-        };
-    };
-    disabled: {
-        true: {
-            opacity: number;
-            pointerEvents: "none";
-        };
-    };
-    validating: {
-        true: {
-            pointerEvents: "none";
-        };
-    };
-}>;
-export type CardVariants = RecipeVariantProps<typeof card>;
+import { type VariantProps } from 'class-variance-authority';
+export declare const card: (props?: ({
+    asButton?: boolean | null | undefined;
+    alignment?: "center" | "left" | "right" | null | undefined;
+    alt?: boolean | null | undefined;
+    expand?: boolean | null | undefined;
+    gapType?: "none" | "sm" | "md" | "lg" | null | undefined;
+    heavyShadow?: boolean | null | undefined;
+    paddingType?: "none" | "sm" | "md" | "lg" | null | undefined;
+    widthMax?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    validating?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CardVariants = VariantProps<typeof card>;
 //# sourceMappingURL=card.d.ts.map

package/dist/types/recipes/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/recipes/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0Hf,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,IAAI,CAAC,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/recipes/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,IAAI;;;;;;;;;;;8EA2Df,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC"}

package/dist/types/recipes/modal.d.ts

@@ -1,90 +1,3 @@
-import { type RecipeVariantProps } from '@styled/css';
-export declare const modal: import("../../styled-system/types").SlotRecipeRuntimeFn<"content" | "wrapper", {
-    fullscreen: {
-        true: {
-            wrapper: {
-                height: "100vh";
-                width: "100vw";
-            };
-        };
-        false: {
-            wrapper: {
-                '@media (min-width: 48rem)': {
-                    top: number;
-                    mx: "auto";
-                    width: "25rem";
-                    height: "fit-content";
-                    boxShadow: "0px 12px 56px {colors.ink.70/15}";
-                    borderRadius: "container";
-                    _dark: {
-                        boxShadow: "none";
-                    };
-                };
-            };
-        };
-    };
-    animate: {
-        false: {
-            wrapper: {
-                animationName: "none";
-                scale: number;
-            };
-        };
-    };
-    isOpen: {
-        true: {};
-    };
-    paddingType: {
-        none: {
-            wrapper: {
-                p: number;
-            };
-        };
-        sm: {
-            wrapper: {
-                p: number;
-                pb: number;
-            };
-        };
-        md: {
-            wrapper: {
-                p: number;
-                pb: number;
-            };
-        };
-        lg: {
-            wrapper: {
-                p: number;
-                pb: number;
-            };
-        };
-    };
-    showBorder: {
-        true: {
-            wrapper: {
-                '@media (min-width: 48rem)': {
-                    _dark: {
-                        borderWidth: number;
-                        borderBlock: "solid";
-                        borderColor: "neutral.secondary";
-                    };
-                };
-            };
-        };
-    };
-    isMobileBrowser: {
-        true: {};
-    };
-    isWidget: {
-        true: {
-            wrapper: {
-                height: "auto";
-                '@media (min-width: 48rem)': {
-                    top: number;
-                };
-            };
-        };
-    };
-}>;
-export type ModalVariants = RecipeVariantProps<typeof modal>;
+export declare const modal: (props?: Record<string, unknown> | undefined) => Record<"content" | "wrapper", string>;
+export type ModalVariants = Parameters<typeof modal>[0];
 //# sourceMappingURL=modal.d.ts.map

package/dist/types/recipes/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/recipes/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8JhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/recipes/modal.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,wFAiFhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/types/recipes/overlay.d.ts

@@ -1,37 +1,3 @@
-import { type RecipeVariantProps } from '@styled/css';
-export declare const overlay: import("../../styled-system/types").SlotRecipeRuntimeFn<"bg" | "container", {
-    fullscreen: {
-        true: {
-            container: {
-                maxWidth: "none";
-            };
-        };
-    };
-    animate: {
-        false: {
-            bg: {
-                animationName: "none";
-            };
-        };
-    };
-    backgroundType: {
-        blurred: {
-            bg: {
-                backdropBlur: "0.375rem";
-                backdropFilter: "auto";
-            };
-        };
-        solid: {
-            bg: {
-                backgroundColor: "surface.tertiary";
-            };
-        };
-        transparent: {};
-        none: {};
-    };
-    hide: {
-        false: {};
-    };
-}>;
-export type OverlayVariants = RecipeVariantProps<typeof overlay>;
+export declare const overlay: (props?: Record<string, unknown> | undefined) => Record<"bg" | "container", string>;
+export type OverlayVariants = Parameters<typeof overlay>[0];
 //# sourceMappingURL=overlay.d.ts.map

package/dist/types/recipes/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/recipes/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoFlB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,OAAO,CAAC,CAAC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/recipes/overlay.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,qFAkDlB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/types/recipes/text-input.d.ts

@@ -1,93 +1,2 @@
-export declare const textInput: import("../../styled-system/types").SlotRecipeRuntimeFn<"container" | "label" | "inputContainer" | "input" | "description" | "typeIcon" | "actionIcon" | "actionButton", {
-    size: {
-        sm: {
-            input: {
-                fontSize: "sm";
-                textAlign: "left";
-            };
-            inputContainer: {
-                height: number;
-                p: number;
-            };
-        };
-        md: {
-            input: {
-                fontSize: "md";
-                textAlign: "left";
-            };
-            inputContainer: {
-                height: number;
-                p: number;
-            };
-        };
-        lg: {
-            input: {
-                fontSize: "lg";
-                textAlign: "left";
-            };
-            inputContainer: {
-                height: number;
-                padding: number;
-            };
-        };
-    };
-    alignText: {
-        left: {
-            input: {
-                textAlign: "left";
-            };
-            container: {
-                alignItems: "flex-start";
-            };
-        };
-        center: {
-            input: {
-                textAlign: "center";
-            };
-            container: {
-                alignItems: "center";
-            };
-        };
-        right: {
-            input: {
-                textAlign: "right";
-            };
-            container: {
-                alignItems: "flex-end";
-            };
-        };
-    };
-    isError: {
-        true: {
-            inputContainer: {
-                borderColor: "negative.base";
-            };
-        };
-    };
-    char: {
-        true: {
-            input: {
-                fontSize: "xl";
-                textAlign: "center";
-            };
-            inputContainer: {
-                height: number;
-                py: number;
-            };
-        };
-    };
-    disabled: {
-        true: {
-            container: {
-                opacity: number;
-                pointerEvents: "none";
-            };
-            inputContainer: {
-                _hover: {
-                    borderColor: "neutral.secondary";
-                };
-            };
-        };
-    };
-}>;
+export declare const textInput: (props?: Record<string, unknown> | undefined) => Record<"container" | "label" | "inputContainer" | "input" | "description" | "typeIcon" | "actionIcon" | "actionButton", string>;
 //# sourceMappingURL=text-input.d.ts.map

package/dist/types/recipes/text-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/recipes/text-input.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkKpB,CAAC"}
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/recipes/text-input.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,kLAgFpB,CAAC"}

package/dist/types/recipes/text.d.ts

@@ -1,44 +1,9 @@
-import { type RecipeVariantProps } from '@styled/css';
-export declare const text: import("../../styled-system/types").RecipeRuntimeFn<{
-    mono: {
-        false: {};
-        true: {};
-    };
-    scale: {
-        false: {};
-        true: {};
-    };
-    variant: {
-        text: {
-            color: "text.primary";
-        };
-        error: {
-            color: "negative.darker";
-        };
-        info: {
-            color: "brand.base";
-        };
-        success: {
-            color: "positive.base";
-        };
-        warning: {
-            color: "warning.base";
-        };
-    };
-    size: {
-        xs: {
-            textStyle: "body-xs";
-        };
-        sm: {
-            textStyle: "body-sm";
-        };
-        md: {
-            textStyle: "body-md";
-        };
-        lg: {
-            textStyle: "body-lg";
-        };
-    };
-}>;
-export type TextVariants = RecipeVariantProps<typeof text>;
+import { type VariantProps } from 'class-variance-authority';
+export declare const text: (props?: ({
+    mono?: boolean | null | undefined;
+    scale?: boolean | null | undefined;
+    variant?: "text" | "error" | "info" | "success" | "warning" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TextVariants = VariantProps<typeof text>;
 //# sourceMappingURL=text.d.ts.map

package/dist/types/recipes/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/recipes/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8Ff,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,IAAI,CAAC,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/recipes/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,IAAI;;;;;8EAqCf,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC"}

package/dist/types/recipes/toast.d.ts

@@ -1,73 +1,3 @@
-import { type RecipeVariantProps } from '@styled/css';
-export declare const toast: import("../../styled-system/types").SlotRecipeRuntimeFn<"container" | "portal" | "toast" | "icon" | "dismiss", {
-    variant: {
-        branded: {
-            toast: {
-                backgroundColor: "brand.base";
-            };
-        };
-        success: {
-            toast: {
-                backgroundColor: "positive.darker";
-            };
-        };
-        warning: {
-            toast: {
-                backgroundColor: "warning.darker";
-            };
-        };
-        error: {
-            toast: {
-                backgroundColor: "negative.darker";
-            };
-        };
-        neutral: {
-            toast: {
-                backgroundColor: "text.tertiary";
-                _dark: {
-                    backgroundColor: "text.secondary";
-                };
-            };
-        };
-    };
-    position: {
-        top: {
-            container: {
-                alignItems: "center";
-                justifyContent: "flex-start";
-            };
-        };
-        'top-left': {
-            container: {
-                alignItems: "flex-start";
-                justifyContent: "flex-start";
-            };
-        };
-        'top-right': {
-            container: {
-                alignItems: "flex-end";
-                justifyContent: "flex-start";
-            };
-        };
-        bottom: {
-            container: {
-                alignItems: "center";
-                justifyContent: "flex-end";
-            };
-        };
-        'bottom-left': {
-            container: {
-                alignItems: "flex-start";
-                justifyContent: "flex-end";
-            };
-        };
-        'bottom-right': {
-            container: {
-                alignItems: "flex-end";
-                justifyContent: "flex-end";
-            };
-        };
-    };
-}>;
-export type ToastVariants = RecipeVariantProps<typeof toast>;
+export declare const toast: (props?: Record<string, unknown> | undefined) => Record<"container" | "portal" | "toast" | "icon" | "dismiss", string>;
+export type ToastVariants = Parameters<typeof toast>[0];
 //# sourceMappingURL=toast.d.ts.map

package/dist/types/recipes/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/recipes/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/recipes/toast.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,wHAoDhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/types/recipes/tooltip.d.ts

@@ -1,141 +1,2 @@
-export declare const tooltip: import("../../styled-system/types").SlotRecipeRuntimeFn<"trigger" | "content" | "spacer", {
-    expand: {
-        true: {
-            trigger: {
-                w: "full";
-            };
-        };
-    };
-    isOpen: {
-        true: {
-            content: {
-                display: "block";
-            };
-        };
-    };
-    placement: {
-        top: {
-            content: {
-                top: "0%";
-                left: "50%";
-                transform: "translateX(-50%) translateY(calc(-100% - 0.75rem))";
-            };
-        };
-        'top left': {
-            content: {
-                top: "0%";
-                right: "100%";
-                transform: "translateX(10%) translateY(calc(-100% - 0.75rem))";
-            };
-        };
-        'top right': {
-            content: {
-                top: "0%";
-                left: "100%";
-                transform: "translateX(-10%) translateY(calc(-100% - 0.75rem))";
-            };
-        };
-        left: {
-            content: {
-                top: "50%";
-                left: "0%";
-                transform: "translateX(calc(-100% - 0.75rem)) translateY(-50%)";
-            };
-        };
-        'left top': {
-            content: {
-                top: "50%";
-                left: "0%";
-                transform: "translateX(calc(-100% - 0.75rem)) translateY(-75%)";
-            };
-        };
-        'left bottom': {
-            content: {
-                top: "50%";
-                left: "0%";
-                transform: "translateX(calc(-100% - 0.75rem)) translateY(-25%)";
-            };
-        };
-        right: {
-            content: {
-                top: "50%";
-                right: "0%";
-                transform: "translateX(calc(100% + 0.75rem)) translateY(-50%)";
-            };
-        };
-        'right top': {
-            content: {
-                top: "50%";
-                right: "0%";
-                transform: "translateX(calc(100% + 0.75rem)) translateY(-75%)";
-            };
-        };
-        'right bottom': {
-            content: {
-                top: "50%";
-                right: "0%";
-                transform: "translateX(calc(100% + 0.75rem)) translateY(-25%)";
-            };
-        };
-        bottom: {
-            content: {
-                bottom: "0%";
-                left: "50%";
-                transform: "translateX(-50%) translateY(calc(100% + 0.75rem))";
-            };
-        };
-        'bottom left': {
-            content: {
-                bottom: "0%";
-                right: "100%";
-                transform: "translateX(10%) translateY(calc(100% + 0.75rem))";
-            };
-        };
-        'bottom right': {
-            content: {
-                bottom: "0%";
-                left: "100%";
-                transform: "translateX(-10%) translateY(calc(100% + 0.75rem))";
-            };
-        };
-    };
-    position: {
-        top: {
-            spacer: {
-                width: number;
-                height: number;
-                bottom: number;
-                left: "50%";
-                transform: "translateX(-50%) translateY(0.75rem)";
-            };
-        };
-        bottom: {
-            spacer: {
-                width: number;
-                height: number;
-                top: number;
-                left: "50%";
-                transform: "translateX(-50%) translateY(-0.75rem)";
-            };
-        };
-        left: {
-            spacer: {
-                width: number;
-                height: number;
-                top: "50%";
-                right: number;
-                transform: "translateX(-0.75rem) translateY(-50%)";
-            };
-        };
-        right: {
-            spacer: {
-                width: number;
-                height: number;
-                top: "50%";
-                left: number;
-                transform: "translateX(0.75rem) translateY(-50%)";
-            };
-        };
-    };
-}>;
+export declare const tooltip: (props?: Record<string, unknown> | undefined) => Record<"trigger" | "content" | "spacer", string>;
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/types/recipes/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/recipes/tooltip.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuKlB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/recipes/tooltip.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,mGA8ElB,CAAC"}