@kimdw-rtk/ui 0.0.9 → 0.0.12

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.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.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.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.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.ts

@@ -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 };

package/dist/ScrollArea.css-CNx8Yliu.d.ts

@@ -0,0 +1,16 @@
+declare const scrollArea: string;
+declare const maskLeft: string;
+declare const maskRight: string;
+declare const maskBoth: string;
+declare const wrapper: string;
+
+declare const ScrollArea_css_maskBoth: typeof maskBoth;
+declare const ScrollArea_css_maskLeft: typeof maskLeft;
+declare const ScrollArea_css_maskRight: typeof maskRight;
+declare const ScrollArea_css_scrollArea: typeof scrollArea;
+declare const ScrollArea_css_wrapper: typeof wrapper;
+declare namespace ScrollArea_css {
+  export { ScrollArea_css_maskBoth as maskBoth, ScrollArea_css_maskLeft as maskLeft, ScrollArea_css_maskRight as maskRight, ScrollArea_css_scrollArea as scrollArea, ScrollArea_css_wrapper as wrapper };
+}
+
+export { ScrollArea_css as S, maskRight as a, maskBoth as b, maskLeft as m, scrollArea as s, wrapper as w };

package/dist/Select.css-BlJORB-N.d.ts

@@ -0,0 +1,22 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const select: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        sm: {
+            fontSize: "0.875em";
+        };
+        md: {
+            fontSize: "1em";
+        };
+        lg: {
+            fontSize: "1.125em";
+        };
+    };
+}>;
+
+declare const Select_css_select: typeof select;
+declare namespace Select_css {
+  export { Select_css_select as select };
+}
+
+export { Select_css as S, select as s };

package/dist/Table.css-5Pm2Q-3j.d.ts

@@ -0,0 +1,10 @@
+declare const table: string;
+declare const striped: string;
+
+declare const Table_css_striped: typeof striped;
+declare const Table_css_table: typeof table;
+declare namespace Table_css {
+  export { Table_css_striped as striped, Table_css_table as table };
+}
+
+export { Table_css as T, striped as s, table as t };

package/dist/TextField.css-DmXBuD66.d.ts

@@ -0,0 +1,57 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const textField: _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: {
+            borderRadius: `var(--${string})`;
+            fontSize: "0.875em";
+        };
+        md: {
+            borderRadius: `var(--${string})`;
+            fontSize: "1em";
+        };
+        lg: {
+            borderRadius: `var(--${string})`;
+            fontSize: "1.125em";
+        };
+    };
+}>;
+
+declare const TextField_css_textField: typeof textField;
+declare namespace TextField_css {
+  export { TextField_css_textField as textField };
+}
+
+export { TextField_css as T, textField as t };

package/dist/Toast.css-Bm98ZkjT.d.ts

@@ -0,0 +1,35 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const progress: _vanilla_extract_recipes.RuntimeFn<{
+    animation: {
+        true: {
+            animationName: string;
+            animationTimingFunction: "linear";
+            animationIterationCount: "1";
+            animationFillMode: "forwards";
+        };
+        false: {
+            display: "none";
+        };
+    };
+}>;
+declare const toast: _vanilla_extract_recipes.RuntimeFn<{
+    color: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+}>;
+
+declare const Toast_css_progress: typeof progress;
+declare const Toast_css_toast: typeof toast;
+declare namespace Toast_css {
+  export { Toast_css_progress as progress, Toast_css_toast as toast };
+}
+
+export { Toast_css as T, progress as p, toast as t };

package/dist/Typography.css-Fgk6uUbK.d.ts

@@ -0,0 +1,18 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const typography: _vanilla_extract_recipes.RuntimeFn<{
+    isEllipsis: {
+        true: {
+            overflow: "hidden";
+            whiteSpace: "nowrap";
+            textOverflow: "ellipsis";
+        };
+    };
+}>;
+
+declare const Typography_css_typography: typeof typography;
+declare namespace Typography_css {
+  export { Typography_css_typography as typography };
+}
+
+export { Typography_css as T, typography as t };

package/dist/components/Accordion/Accordion.css.d.ts

@@ -1,5 +1,7 @@
-export declare const paddingVar: `var(--${string})`;
-export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+
+declare const paddingVar: `var(--${string})`;
+declare const accordion: _vanilla_extract_recipes.RuntimeFn<{
     isPadding: {
         true: {
             vars: {
@@ -13,4 +15,5 @@ export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-//# sourceMappingURL=Accordion.css.d.ts.map
+
+export { accordion, paddingVar };

package/dist/components/Accordion/Accordion.css.js

@@ -1,27 +1,29 @@
-import { createVar } from '../../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
-import { recipeWithLayer } from '../../utils/styleUtils.css.js';
-import { theme } from '../../themes/theme.css.js';
-
+import { createVar } from "@vanilla-extract/css";
+import { recipeWithLayer } from "#styleUtils";
+import { theme } from "#themes";
 const paddingVar = createVar();
 const accordion = recipeWithLayer({
-    base: {
-        width: '100%',
-        borderBottom: `1px solid rgb(${theme.color.border})`,
-    },
-    variants: {
-        isPadding: {
-            true: {
-                vars: {
-                    [paddingVar]: '0.75em',
-                },
-            },
-            false: {
-                vars: {
-                    [paddingVar]: '0.75em 0',
-                },
-            },
-        },
-    },
+  base: {
+    width: "100%",
+    borderBottom: `1px solid rgb(${theme.color.border})`
+  },
+  variants: {
+    isPadding: {
+      true: {
+        vars: {
+          [paddingVar]: "0.75em"
+        }
+      },
+      false: {
+        vars: {
+          [paddingVar]: "0.75em 0"
+        }
+      }
+    }
+  }
 });
-
-export { accordion, paddingVar };
+export {
+  accordion,
+  paddingVar
+};
+//# sourceMappingURL=Accordion.css.js.map

package/dist/components/Accordion/Accordion.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/Accordion.css.ts"],"sourcesContent":["import { createVar } from '@vanilla-extract/css';\n\nimport { recipeWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nexport const paddingVar = createVar();\n\nexport const accordion = recipeWithLayer({\n  base: {\n    width: '100%',\n    borderBottom: `1px solid rgb(${theme.color.border})`,\n  },\n\n  variants: {\n    isPadding: {\n      true: {\n        vars: {\n          [paddingVar]: '0.75em',\n        },\n      },\n\n      false: {\n        vars: {\n          [paddingVar]: '0.75em 0',\n        },\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEf,MAAM,aAAa,UAAU;AAE7B,MAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,cAAc,iBAAiB,MAAM,MAAM,MAAM;AAAA,EACnD;AAAA,EAEA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,UACJ,CAAC,UAAU,GAAG;AAAA,QAChB;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,MAAM;AAAA,UACJ,CAAC,UAAU,GAAG;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,8 +1,13 @@
-import type { UIComponent } from '#types';
-import * as s from './Accordion.css';
-interface AccordionProps extends UIComponent<'div', typeof s.accordion> {
+import * as react from 'react';
+import { UIComponent } from '../../types/ui.types.js';
+import { accordion } from './Accordion.css.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.js';
+
+interface AccordionProps extends UIComponent<'div', typeof accordion> {
     isExpanded?: boolean;
 }
-export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Accordion.d.ts.map
+declare const Accordion: react.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { Accordion };