@kimdw-rtk/ui 0.0.9 → 0.0.11

package/dist/Button.css-CzeAAfQg.d.cts

@@ -0,0 +1,156 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const span: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        sm: {
+            fontSize: "0.875em";
+        };
+        md: {
+            fontSize: "1em";
+        };
+        lg: {
+            fontSize: "1.125em";
+        };
+        'icon-sm': {
+            fontSize: "1em";
+        };
+        'icon-md': {
+            fontSize: "1.25em";
+        };
+        'icon-lg': {
+            fontSize: "1.5em";
+        };
+    };
+}>;
+declare const button: _vanilla_extract_recipes.RuntimeFn<{
+    hasIcon: {
+        true: {
+            gap: "0.5em";
+        };
+    };
+    color: {
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        slate: string;
+        gray: string;
+        zinc: string;
+        neutral: string;
+        stone: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+    size: {
+        sm: {
+            height: "2.25em";
+            padding: "0 0.75em";
+        };
+        md: {
+            height: "2.5em";
+            padding: "0 0.875em";
+        };
+        lg: {
+            height: "2.75em";
+            padding: "0 1em";
+        };
+        'icon-sm': {
+            width: "2em";
+            height: "2em";
+        };
+        'icon-md': {
+            width: "2.5em";
+            height: "2.5em";
+        };
+        'icon-lg': {
+            width: "2.75em";
+            height: "2.75em";
+        };
+    };
+    variant: {
+        contained: {
+            boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.08)";
+            backgroundColor: `rgb(var(--${string}))`;
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        outlined: {
+            boxShadow: `inset 0 0 0 1px rgb(var(--${string}))`;
+            backgroundColor: `rgb(var(--${string}))`;
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        ghost: {
+            background: "transparent";
+            color: `rgb(var(--${string}))`;
+            ':hover': {
+                backgroundColor: `rgba(var(--${string}), 0.8)`;
+                color: `rgb(var(--${string}))`;
+            };
+            ':disabled': {
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        glass: {
+            boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.08)";
+            backgroundColor: `rgba(var(--${string}), 0.75)`;
+            backdropFilter: "blur(1rem)";
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+    };
+    pulse: {
+        true: {
+            '::after': {
+                content: "";
+                position: "absolute";
+                inset: "0";
+                background: "linear-gradient(90deg, transparent 30%, #ffffff33 65%, transparent 100%)";
+                backgroundSize: "300% 100%";
+                animation: `${string} 5s linear 0s infinite`;
+            };
+        };
+    };
+}>;
+declare const icon: string;
+
+declare const Button_css_button: typeof button;
+declare const Button_css_icon: typeof icon;
+declare const Button_css_span: typeof span;
+declare namespace Button_css {
+  export { Button_css_button as button, Button_css_icon as icon, Button_css_span as span };
+}
+
+export { Button_css as B, button as b, icon as i, span as s };

package/dist/Button.css-CzeAAfQg.d.ts

@@ -0,0 +1,156 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const span: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        sm: {
+            fontSize: "0.875em";
+        };
+        md: {
+            fontSize: "1em";
+        };
+        lg: {
+            fontSize: "1.125em";
+        };
+        'icon-sm': {
+            fontSize: "1em";
+        };
+        'icon-md': {
+            fontSize: "1.25em";
+        };
+        'icon-lg': {
+            fontSize: "1.5em";
+        };
+    };
+}>;
+declare const button: _vanilla_extract_recipes.RuntimeFn<{
+    hasIcon: {
+        true: {
+            gap: "0.5em";
+        };
+    };
+    color: {
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        slate: string;
+        gray: string;
+        zinc: string;
+        neutral: string;
+        stone: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+    size: {
+        sm: {
+            height: "2.25em";
+            padding: "0 0.75em";
+        };
+        md: {
+            height: "2.5em";
+            padding: "0 0.875em";
+        };
+        lg: {
+            height: "2.75em";
+            padding: "0 1em";
+        };
+        'icon-sm': {
+            width: "2em";
+            height: "2em";
+        };
+        'icon-md': {
+            width: "2.5em";
+            height: "2.5em";
+        };
+        'icon-lg': {
+            width: "2.75em";
+            height: "2.75em";
+        };
+    };
+    variant: {
+        contained: {
+            boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.08)";
+            backgroundColor: `rgb(var(--${string}))`;
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        outlined: {
+            boxShadow: `inset 0 0 0 1px rgb(var(--${string}))`;
+            backgroundColor: `rgb(var(--${string}))`;
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        ghost: {
+            background: "transparent";
+            color: `rgb(var(--${string}))`;
+            ':hover': {
+                backgroundColor: `rgba(var(--${string}), 0.8)`;
+                color: `rgb(var(--${string}))`;
+            };
+            ':disabled': {
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+        glass: {
+            boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.08)";
+            backgroundColor: `rgba(var(--${string}), 0.75)`;
+            backdropFilter: "blur(1rem)";
+            color: `rgb(var(--${string}))`;
+            ':disabled': {
+                backgroundColor: `rgb(var(--${string}))`;
+                color: `rgb(var(--${string}))`;
+                cursor: "default";
+            };
+        };
+    };
+    pulse: {
+        true: {
+            '::after': {
+                content: "";
+                position: "absolute";
+                inset: "0";
+                background: "linear-gradient(90deg, transparent 30%, #ffffff33 65%, transparent 100%)";
+                backgroundSize: "300% 100%";
+                animation: `${string} 5s linear 0s infinite`;
+            };
+        };
+    };
+}>;
+declare const icon: string;
+
+declare const Button_css_button: typeof button;
+declare const Button_css_icon: typeof icon;
+declare const Button_css_span: typeof span;
+declare namespace Button_css {
+  export { Button_css_button as button, Button_css_icon as icon, Button_css_span as span };
+}
+
+export { Button_css as B, button as b, icon as i, span as s };

package/dist/Card.css-CotPlKu4.d.cts

@@ -0,0 +1,69 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const card: _vanilla_extract_recipes.RuntimeFn<{
+    variant: {
+        contained: {};
+        outlined: {
+            border: "1px solid";
+            borderColor: `rgb(var(--${string}))`;
+        };
+        glass: {
+            border: `1px solid rgb(var(--${string}))`;
+            borderRadius: "0.75rem";
+            background: `linear-gradient(rgba(var(--${string}), 0.06) 0%, rgba(var(--${string}), 0.02) 100%)`;
+            backdropFilter: "blur(1rem)";
+            '::before': {
+                position: "absolute";
+                inset: "0";
+                background: "linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%)";
+                opacity: "0";
+                transition: "opacity 0.3s ease";
+                content: "";
+            };
+            selectors: {
+                '&:hover::before': {
+                    opacity: "1";
+                };
+            };
+        };
+    };
+    color: {
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        slate: string;
+        gray: string;
+        zinc: string;
+        neutral: string;
+        stone: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+}>;
+
+declare const Card_css_card: typeof card;
+declare namespace Card_css {
+  export { Card_css_card as card };
+}
+
+export { Card_css as C, card as c };

package/dist/Card.css-CotPlKu4.d.ts

@@ -0,0 +1,69 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const card: _vanilla_extract_recipes.RuntimeFn<{
+    variant: {
+        contained: {};
+        outlined: {
+            border: "1px solid";
+            borderColor: `rgb(var(--${string}))`;
+        };
+        glass: {
+            border: `1px solid rgb(var(--${string}))`;
+            borderRadius: "0.75rem";
+            background: `linear-gradient(rgba(var(--${string}), 0.06) 0%, rgba(var(--${string}), 0.02) 100%)`;
+            backdropFilter: "blur(1rem)";
+            '::before': {
+                position: "absolute";
+                inset: "0";
+                background: "linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%)";
+                opacity: "0";
+                transition: "opacity 0.3s ease";
+                content: "";
+            };
+            selectors: {
+                '&:hover::before': {
+                    opacity: "1";
+                };
+            };
+        };
+    };
+    color: {
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        slate: string;
+        gray: string;
+        zinc: string;
+        neutral: string;
+        stone: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+}>;
+
+declare const Card_css_card: typeof card;
+declare namespace Card_css {
+  export { Card_css_card as card };
+}
+
+export { Card_css as C, card as c };

package/dist/Chip.css-lxhSCCWQ.d.cts

@@ -0,0 +1,54 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const chip: _vanilla_extract_recipes.RuntimeFn<{
+    color: {
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        slate: string;
+        gray: string;
+        zinc: string;
+        neutral: string;
+        stone: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+    size: {
+        sm: {
+            fontSize: "0.75em";
+        };
+        md: {
+            fontSize: "0.875em";
+        };
+        lg: {
+            fontSize: "1em";
+        };
+    };
+}>;
+
+declare const Chip_css_chip: typeof chip;
+declare namespace Chip_css {
+  export { Chip_css_chip as chip };
+}
+
+export { Chip_css as C, chip as c };

package/dist/Chip.css-lxhSCCWQ.d.ts

@@ -0,0 +1,54 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const chip: _vanilla_extract_recipes.RuntimeFn<{
+    color: {
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        slate: string;
+        gray: string;
+        zinc: string;
+        neutral: string;
+        stone: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+    size: {
+        sm: {
+            fontSize: "0.75em";
+        };
+        md: {
+            fontSize: "0.875em";
+        };
+        lg: {
+            fontSize: "1em";
+        };
+    };
+}>;
+
+declare const Chip_css_chip: typeof chip;
+declare namespace Chip_css {
+  export { Chip_css_chip as chip };
+}
+
+export { Chip_css as C, chip as c };

package/dist/NavigationBar.css-Dryo_NT0.d.cts

@@ -0,0 +1,24 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const navigationBarContainer: string;
+declare const navigationBar: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        sm: {
+            height: "4em";
+        };
+        md: {
+            height: "5em";
+        };
+        lg: {
+            height: "6em";
+        };
+    };
+}>;
+
+declare const NavigationBar_css_navigationBar: typeof navigationBar;
+declare const NavigationBar_css_navigationBarContainer: typeof navigationBarContainer;
+declare namespace NavigationBar_css {
+  export { NavigationBar_css_navigationBar as navigationBar, NavigationBar_css_navigationBarContainer as navigationBarContainer };
+}
+
+export { NavigationBar_css as N, navigationBarContainer as a, navigationBar as n };

package/dist/NavigationBar.css-Dryo_NT0.d.ts

@@ -0,0 +1,24 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const navigationBarContainer: string;
+declare const navigationBar: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        sm: {
+            height: "4em";
+        };
+        md: {
+            height: "5em";
+        };
+        lg: {
+            height: "6em";
+        };
+    };
+}>;
+
+declare const NavigationBar_css_navigationBar: typeof navigationBar;
+declare const NavigationBar_css_navigationBarContainer: typeof navigationBarContainer;
+declare namespace NavigationBar_css {
+  export { NavigationBar_css_navigationBar as navigationBar, NavigationBar_css_navigationBarContainer as navigationBarContainer };
+}
+
+export { NavigationBar_css as N, navigationBarContainer as a, navigationBar as n };

package/dist/NavigationMenu.css-B_dOkuGn.d.cts

@@ -0,0 +1,8 @@
+declare const navigationMenu: string;
+
+declare const NavigationMenu_css_navigationMenu: typeof navigationMenu;
+declare namespace NavigationMenu_css {
+  export { NavigationMenu_css_navigationMenu as navigationMenu };
+}
+
+export { NavigationMenu_css as N, navigationMenu as n };

package/dist/NavigationMenu.css-B_dOkuGn.d.ts

@@ -0,0 +1,8 @@
+declare const navigationMenu: string;
+
+declare const NavigationMenu_css_navigationMenu: typeof navigationMenu;
+declare namespace NavigationMenu_css {
+  export { NavigationMenu_css_navigationMenu as navigationMenu };
+}
+
+export { NavigationMenu_css as N, navigationMenu as n };

package/dist/Range.css-DcxHoAAm.d.cts

@@ -0,0 +1,60 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const range: _vanilla_extract_recipes.RuntimeFn<{
+    color: {
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        slate: string;
+        gray: string;
+        zinc: string;
+        neutral: string;
+        stone: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+    size: {
+        sm: {
+            fontSize: "0.75em";
+        };
+        md: {
+            fontSize: "1em";
+        };
+        lg: {
+            fontSize: "1.25em";
+        };
+    };
+}>;
+declare const thumb: string;
+declare const fill: string;
+declare const bar: string;
+
+declare const Range_css_bar: typeof bar;
+declare const Range_css_fill: typeof fill;
+declare const Range_css_range: typeof range;
+declare const Range_css_thumb: typeof thumb;
+declare namespace Range_css {
+  export { Range_css_bar as bar, Range_css_fill as fill, Range_css_range as range, Range_css_thumb as thumb };
+}
+
+export { Range_css as R, bar as b, fill as f, range as r, thumb as t };