@kimdw-rtk/ui 0.0.30 → 0.1.1

package/dist/components/Dialog/Dialog.js

@@ -6,7 +6,7 @@ import { Box } from '../Box/index.js';
 import { sx } from '../../styles/sx.js';
 
 const Dialog = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsx(Box, { ref: ref, flex: true, flexDirection: "row", gap: "lg", boxShadow: "border-sm", className: clsx(container, className, sx(propSx)), ...props, children: children }));
+    return (jsx(Box, { ref: ref, boxShadow: "border-sm", className: clsx(container, className, sx(propSx)), flexDirection: "row", gap: "lg", flex: true, ...props, children: children }));
 });
 Dialog.displayName = 'Dialog';
 

package/dist/components/Dialog/DialogContent.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 type DialogContentProps = Omit<UIComponent<'div'>, 'color'>;
 export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/Dialog/DialogContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,kBAAkB,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,aAAa,4HAYzB,CAAC"}
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAI1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAE5D,eAAO,MAAM,aAAa,4HAYzB,CAAC"}

package/dist/components/Dialog/DialogFooter.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 type DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;
 export declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/Dialog/DialogFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogFooter.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAE3D,eAAO,MAAM,YAAY,2HAcxB,CAAC"}
+{"version":3,"file":"DialogFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogFooter.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAE3D,eAAO,MAAM,YAAY,2HAcxB,CAAC"}

package/dist/components/Dialog/DialogFooter.js

@@ -5,7 +5,7 @@ import { Box } from '../Box/index.js';
 import { sx } from '../../styles/sx.js';
 
 const DialogFooter = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsx(Box, { ref: ref, flex: true, justifyContent: "flex-end", className: clsx(className, sx(propSx)), ...props, children: children }));
+    return (jsx(Box, { ref: ref, className: clsx(className, sx(propSx)), justifyContent: "flex-end", flex: true, ...props, children: children }));
 });
 DialogFooter.displayName = 'DialogFooter';
 

package/dist/components/Dialog/DialogHeader.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 interface DialogHeaderProps extends Omit<UIComponent<'div'>, 'color'> {
     onCloseClick?: () => void;
 }

package/dist/components/Dialog/DialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,UAAU,iBAAkB,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACnE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,2HAoBxB,CAAC"}
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/DialogHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAI1C,UAAU,iBAAkB,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACnE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,2HAoBxB,CAAC"}

package/dist/components/Dialog/DialogHeader.js

@@ -7,7 +7,7 @@ import { Box } from '../Box/index.js';
 import { sx } from '../../styles/sx.js';
 
 const DialogHeader = forwardRef(({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {
-    return (jsxs(Box, { ref: ref, flex: true, justifyContent: "space-between", alignItems: "center", fontSize: "lg", fontWeight: "normal", className: clsx(container, className, sx(propSx)), ...props, children: [jsx("span", { children: children }), jsx("button", { className: close, onClick: onCloseClick, "aria-label": "\uB2EB\uAE30", children: jsx(X, {}) })] }));
+    return (jsxs(Box, { ref: ref, alignItems: "center", className: clsx(container, className, sx(propSx)), fontSize: "lg", fontWeight: "normal", justifyContent: "space-between", flex: true, ...props, children: [jsx("span", { children: children }), jsx("button", { "aria-label": "\uB2EB\uAE30", className: close, onClick: onCloseClick, children: jsx(X, {}) })] }));
 });
 DialogHeader.displayName = 'DialogHeader';
 

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

@@ -0,0 +1,2 @@
+export declare const flex: string;
+//# sourceMappingURL=Flex.css.d.ts.map

package/dist/components/Flex/Flex.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.css.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAEf,CAAC"}

package/dist/components/Flex/Flex.css.js

@@ -0,0 +1,8 @@
+import './../../styles/layers.css.ts.vanilla.css';
+import './../../styles/sprinkles.css.ts.vanilla.css';
+import './../../styles/globalStyle.css.ts.vanilla.css';
+import './Flex.css.ts.vanilla.css';
+
+var flex = 'Flex_styleWithLayer__jkg3sh0';
+
+export { flex };

package/dist/components/Flex/Flex.css.ts.vanilla.css

@@ -0,0 +1,6 @@
+@layer components;
+@layer components {
+  .Flex_styleWithLayer__jkg3sh0 {
+    display: flex;
+  }
+}

package/dist/components/Flex/index.d.ts

@@ -0,0 +1,6 @@
+import { type SprinklesProps } from '#styles';
+import type { UIComponent } from '#types';
+type FlexProps = UIComponent<'div'> & SprinklesProps;
+export declare const Flex: import("react").ForwardRefExoticComponent<Omit<FlexProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAK1C,KAAK,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC;AAErD,eAAO,MAAM,IAAI,mHAiBhB,CAAC"}

package/dist/components/Flex/index.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { flex } from './Flex.css.js';
+import { omitSprinkles, filterSprinkles } from '../../utils/sprinklesUtils.js';
+import { sprinkles } from '../../styles/sprinkles.css.js';
+import { sx } from '../../styles/sx.js';
+
+const Flex = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
+    return (jsx("div", { ref: ref, className: clsx(className, flex, sx(propSx), sprinkles(filterSprinkles(props))), ...omitSprinkles(props), children: children }));
+});
+Flex.displayName = 'Flex';
+
+export { Flex };

package/dist/components/Navigation/NavigationAside.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 type NavigationAsideProps = UIComponent<'aside'>;
 export declare const NavigationAside: import("react").ForwardRefExoticComponent<Omit<NavigationAsideProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export {};

package/dist/components/Navigation/NavigationAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationAside.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationAside.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,oBAAoB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AAEjD,eAAO,MAAM,eAAe,2HAQ3B,CAAC"}
+{"version":3,"file":"NavigationAside.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationAside.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAI1C,KAAK,oBAAoB,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AAEjD,eAAO,MAAM,eAAe,2HAQ3B,CAAC"}

package/dist/components/Navigation/NavigationBar.css.d.ts

@@ -11,5 +11,13 @@ export declare const navigationBar: import("@vanilla-extract/recipes").RuntimeFn
             height: "6em";
         };
     };
+    isStuck: {
+        true: {
+            borderBottomColor: `rgb(var(--${string}))`;
+        };
+        false: {
+            borderBottomColor: "transparent";
+        };
+    };
 }>;
 //# sourceMappingURL=NavigationBar.css.d.ts.map

package/dist/components/Navigation/NavigationBar.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationBar.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AAExD,eAAO,MAAM,aAAa;;;;;;;;;;;;EAkCxB,CAAC"}
+{"version":3,"file":"NavigationBar.css.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationBar.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,QAAoB,CAAC;AAExD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;EA0CxB,CAAC"}

package/dist/components/Navigation/NavigationBar.css.js

@@ -4,7 +4,7 @@ import './../../styles/globalStyle.css.ts.vanilla.css';
 import './NavigationBar.css.ts.vanilla.css';
 import { c as createRuntimeFn } from '../../node_modules/.pnpm/@vanilla-extract_recipes@0.5.7_@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0_/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
 
-var navigationBar = createRuntimeFn({defaultClassName:'NavigationBar__x4q5x95 NavigationBar_layeredBase__x4q5x91',variantClassNames:{size:{sm:'NavigationBar_styleWithLayer__x4q5x92',md:'NavigationBar_styleWithLayer__x4q5x93',lg:'NavigationBar_styleWithLayer__x4q5x94'}},defaultVariants:{},compoundVariants:[]});
+var navigationBar = createRuntimeFn({defaultClassName:'NavigationBar__x4q5x97 NavigationBar_layeredBase__x4q5x91',variantClassNames:{size:{sm:'NavigationBar_styleWithLayer__x4q5x92',md:'NavigationBar_styleWithLayer__x4q5x93',lg:'NavigationBar_styleWithLayer__x4q5x94'},isStuck:{true:'NavigationBar_styleWithLayer__x4q5x95',false:'NavigationBar_styleWithLayer__x4q5x96'}},defaultVariants:{},compoundVariants:[]});
 var navigationBarContainer = 'NavigationBar_navigationBarContainer__x4q5x90';
 
 export { navigationBar, navigationBarContainer };

package/dist/components/Navigation/NavigationBar.css.ts.vanilla.css

@@ -5,7 +5,7 @@
     position: sticky;
     top: 0;
     width: 100%;
-    border-bottom: 1px solid rgb(var(--color-border\.weak__n6e2fs4));
+    border-bottom: 1px solid;
     background-color: rgba(var(--color-background__n6e2fs1), 0.75);
     backdrop-filter: blur(2rem) saturate(150%);
     color: rgb(var(--color-border__n6e2fs3));
@@ -22,4 +22,10 @@
   .NavigationBar_styleWithLayer__x4q5x94 {
     height: 6em;
   }
+  .NavigationBar_styleWithLayer__x4q5x95 {
+    border-bottom-color: rgb(var(--color-border__n6e2fs3));
+  }
+  .NavigationBar_styleWithLayer__x4q5x96 {
+    border-bottom-color: transparent;
+  }
 }

package/dist/components/Navigation/NavigationBar.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 import * as s from './NavigationBar.css';
 type NavigationBarProps = UIComponent<'nav', typeof s.navigationBar>;
 export declare const NavigationBar: import("react").ForwardRefExoticComponent<Omit<NavigationBarProps, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Navigation/NavigationBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AAEzC,KAAK,kBAAkB,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa,yHAUzB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationBar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AAEzC,KAAK,kBAAkB,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa,yHAgBzB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,gBAAgB,EAAE,CAAC"}

package/dist/components/Navigation/NavigationBar.js

@@ -1,5 +1,7 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { useIsScrolled } from '@kimdw-rtk/utils';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { navigationBar } from './NavigationBar.css.js';
 import * as NavigationBar_css from './NavigationBar.css.js';
@@ -7,7 +9,8 @@ export { NavigationBar_css as navigationBarCss };
 import { sx } from '../../styles/sx.js';
 
 const NavigationBar = forwardRef(({ className, size = 'md', sx: propSx, ...props }, ref) => {
-    return (jsx("nav", { ref: ref, className: clsx(navigationBar({ size }), className, sx(propSx)), ...props }));
+    const isScrolled = useIsScrolled(window);
+    return (jsx("nav", { ref: ref, className: clsx(navigationBar({ size, isStuck: isScrolled }), className, sx(propSx)), ...props }));
 });
 NavigationBar.displayName = 'NavigationBar';
 

package/dist/components/Navigation/NavigationContainer.d.ts

@@ -1,5 +1,150 @@
-import type { UIComponent } from '../../types';
-type NavigationContainerProps = UIComponent<'div'>;
-export declare const NavigationContainer: import("react").ForwardRefExoticComponent<Omit<NavigationContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+export declare const NavigationContainer: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "size"> & {
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    sx?: import("#styles").SprinklesProps;
+} & {
+    display?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | {
+        mobile?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
+        desktop?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
+    } | undefined;
+    flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | {
+        mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        desktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    } | undefined;
+    flexWrap?: "revert" | "revert-layer" | "nowrap" | "wrap" | "wrap-reverse" | {
+        mobile?: "revert" | "revert-layer" | "nowrap" | "wrap" | "wrap-reverse" | undefined;
+        desktop?: "revert" | "revert-layer" | "nowrap" | "wrap" | "wrap-reverse" | undefined;
+    } | undefined;
+    flexShrink?: "0" | "1" | {
+        mobile?: "0" | "1" | undefined;
+        desktop?: "0" | "1" | undefined;
+    } | undefined;
+    flexGrow?: "0" | "1" | {
+        mobile?: "0" | "1" | undefined;
+        desktop?: "0" | "1" | undefined;
+    } | undefined;
+    flexBasis?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | {
+        mobile?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | undefined;
+        desktop?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | undefined;
+    } | undefined;
+    justifyContent?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | {
+        mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    alignItems?: "stretch" | "center" | "flex-end" | "flex-start" | {
+        mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+        desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
+    } | undefined;
+    gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    paddingTop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    paddingBottom?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    paddingLeft?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    paddingRight?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    marginTop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    marginBottom?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    marginLeft?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    marginRight?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    boxShadow?: "border-sm" | "border-md" | "border-lg" | "accent-sm" | "accent-md" | "accent-lg" | {
+        mobile?: "border-sm" | "border-md" | "border-lg" | "accent-sm" | "accent-md" | "accent-lg" | undefined;
+        desktop?: "border-sm" | "border-md" | "border-lg" | "accent-sm" | "accent-md" | "accent-lg" | undefined;
+    } | undefined;
+    borderRadius?: "none" | "sm" | "md" | "lg" | {
+        mobile?: "none" | "sm" | "md" | "lg" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | undefined;
+    } | undefined;
+    width?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | {
+        mobile?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | undefined;
+        desktop?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | undefined;
+    } | undefined;
+    height?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | {
+        mobile?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | undefined;
+        desktop?: "0" | "auto" | "100%" | "5em" | "10em" | "15em" | "20em" | "25em" | undefined;
+    } | undefined;
+    padding?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    paddingX?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    paddingY?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    margin?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    marginX?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+    marginY?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | {
+        mobile?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+        desktop?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    } | undefined;
+} & {
+    color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "primary" | "secondary" | "muted" | "accent" | "card" | "danger" | "warning" | "success" | "primary-foreground" | "secondary-foreground" | "muted-foreground" | "accent-foreground" | "card-foreground" | "danger-foreground" | "warning-foreground" | "success-foreground" | "background" | "foreground" | "border" | "border.weak" | "card.gradient" | "shadow" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-950" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-950" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "amber-950" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-950" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "lime-950" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-950" | "emerald-50" | "emerald-100" | "emerald-200" | "emerald-300" | "emerald-400" | "emerald-500" | "emerald-600" | "emerald-700" | "emerald-800" | "emerald-900" | "emerald-950" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "teal-950" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-950" | "sky-50" | "sky-100" | "sky-200" | "sky-300" | "sky-400" | "sky-500" | "sky-600" | "sky-700" | "sky-800" | "sky-900" | "sky-950" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-950" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-950" | "violet-50" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "violet-900" | "violet-950" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-950" | "fuchsia-50" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-950" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-950" | "rose-50" | "rose-100" | "rose-200" | "rose-300" | "rose-400" | "rose-500" | "rose-600" | "rose-700" | "rose-800" | "rose-900" | "rose-950" | "slate-50" | "slate-100" | "slate-200" | "slate-300" | "slate-400" | "slate-500" | "slate-600" | "slate-700" | "slate-800" | "slate-900" | "slate-950" | "gray-50" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-950" | "zinc-50" | "zinc-100" | "zinc-200" | "zinc-300" | "zinc-400" | "zinc-500" | "zinc-600" | "zinc-700" | "zinc-800" | "zinc-900" | "zinc-950" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "stone-50" | "stone-100" | "stone-200" | "stone-300" | "stone-400" | "stone-500" | "stone-600" | "stone-700" | "stone-800" | "stone-900" | "stone-950" | undefined;
+    borderColor?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "primary" | "secondary" | "muted" | "accent" | "card" | "danger" | "warning" | "success" | "primary-foreground" | "secondary-foreground" | "muted-foreground" | "accent-foreground" | "card-foreground" | "danger-foreground" | "warning-foreground" | "success-foreground" | "background" | "foreground" | "border" | "border.weak" | "card.gradient" | "shadow" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-950" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-950" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "amber-950" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-950" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "lime-950" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-950" | "emerald-50" | "emerald-100" | "emerald-200" | "emerald-300" | "emerald-400" | "emerald-500" | "emerald-600" | "emerald-700" | "emerald-800" | "emerald-900" | "emerald-950" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "teal-950" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-950" | "sky-50" | "sky-100" | "sky-200" | "sky-300" | "sky-400" | "sky-500" | "sky-600" | "sky-700" | "sky-800" | "sky-900" | "sky-950" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-950" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-950" | "violet-50" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "violet-900" | "violet-950" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-950" | "fuchsia-50" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-950" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-950" | "rose-50" | "rose-100" | "rose-200" | "rose-300" | "rose-400" | "rose-500" | "rose-600" | "rose-700" | "rose-800" | "rose-900" | "rose-950" | "slate-50" | "slate-100" | "slate-200" | "slate-300" | "slate-400" | "slate-500" | "slate-600" | "slate-700" | "slate-800" | "slate-900" | "slate-950" | "gray-50" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-950" | "zinc-50" | "zinc-100" | "zinc-200" | "zinc-300" | "zinc-400" | "zinc-500" | "zinc-600" | "zinc-700" | "zinc-800" | "zinc-900" | "zinc-950" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "stone-50" | "stone-100" | "stone-200" | "stone-300" | "stone-400" | "stone-500" | "stone-600" | "stone-700" | "stone-800" | "stone-900" | "stone-950" | undefined;
+    backgroundColor?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "primary" | "secondary" | "muted" | "accent" | "card" | "danger" | "warning" | "success" | "primary-foreground" | "secondary-foreground" | "muted-foreground" | "accent-foreground" | "card-foreground" | "danger-foreground" | "warning-foreground" | "success-foreground" | "background" | "foreground" | "border" | "border.weak" | "card.gradient" | "shadow" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-950" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-950" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "amber-950" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-950" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "lime-950" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-950" | "emerald-50" | "emerald-100" | "emerald-200" | "emerald-300" | "emerald-400" | "emerald-500" | "emerald-600" | "emerald-700" | "emerald-800" | "emerald-900" | "emerald-950" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "teal-950" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-950" | "sky-50" | "sky-100" | "sky-200" | "sky-300" | "sky-400" | "sky-500" | "sky-600" | "sky-700" | "sky-800" | "sky-900" | "sky-950" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-950" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-950" | "violet-50" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "violet-900" | "violet-950" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-950" | "fuchsia-50" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-950" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-950" | "rose-50" | "rose-100" | "rose-200" | "rose-300" | "rose-400" | "rose-500" | "rose-600" | "rose-700" | "rose-800" | "rose-900" | "rose-950" | "slate-50" | "slate-100" | "slate-200" | "slate-300" | "slate-400" | "slate-500" | "slate-600" | "slate-700" | "slate-800" | "slate-900" | "slate-950" | "gray-50" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-950" | "zinc-50" | "zinc-100" | "zinc-200" | "zinc-300" | "zinc-400" | "zinc-500" | "zinc-600" | "zinc-700" | "zinc-800" | "zinc-900" | "zinc-950" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "stone-50" | "stone-100" | "stone-200" | "stone-300" | "stone-400" | "stone-500" | "stone-600" | "stone-700" | "stone-800" | "stone-900" | "stone-950" | undefined;
+    gradientFrom?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "primary" | "secondary" | "muted" | "accent" | "card" | "danger" | "warning" | "success" | "primary-foreground" | "secondary-foreground" | "muted-foreground" | "accent-foreground" | "card-foreground" | "danger-foreground" | "warning-foreground" | "success-foreground" | "background" | "foreground" | "border" | "border.weak" | "card.gradient" | "shadow" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-950" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-950" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "amber-950" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-950" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "lime-950" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-950" | "emerald-50" | "emerald-100" | "emerald-200" | "emerald-300" | "emerald-400" | "emerald-500" | "emerald-600" | "emerald-700" | "emerald-800" | "emerald-900" | "emerald-950" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "teal-950" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-950" | "sky-50" | "sky-100" | "sky-200" | "sky-300" | "sky-400" | "sky-500" | "sky-600" | "sky-700" | "sky-800" | "sky-900" | "sky-950" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-950" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-950" | "violet-50" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "violet-900" | "violet-950" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-950" | "fuchsia-50" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-950" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-950" | "rose-50" | "rose-100" | "rose-200" | "rose-300" | "rose-400" | "rose-500" | "rose-600" | "rose-700" | "rose-800" | "rose-900" | "rose-950" | "slate-50" | "slate-100" | "slate-200" | "slate-300" | "slate-400" | "slate-500" | "slate-600" | "slate-700" | "slate-800" | "slate-900" | "slate-950" | "gray-50" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-950" | "zinc-50" | "zinc-100" | "zinc-200" | "zinc-300" | "zinc-400" | "zinc-500" | "zinc-600" | "zinc-700" | "zinc-800" | "zinc-900" | "zinc-950" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "stone-50" | "stone-100" | "stone-200" | "stone-300" | "stone-400" | "stone-500" | "stone-600" | "stone-700" | "stone-800" | "stone-900" | "stone-950" | undefined;
+    gradientTo?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "primary" | "secondary" | "muted" | "accent" | "card" | "danger" | "warning" | "success" | "primary-foreground" | "secondary-foreground" | "muted-foreground" | "accent-foreground" | "card-foreground" | "danger-foreground" | "warning-foreground" | "success-foreground" | "background" | "foreground" | "border" | "border.weak" | "card.gradient" | "shadow" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-950" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-950" | "amber-50" | "amber-100" | "amber-200" | "amber-300" | "amber-400" | "amber-500" | "amber-600" | "amber-700" | "amber-800" | "amber-900" | "amber-950" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-950" | "lime-50" | "lime-100" | "lime-200" | "lime-300" | "lime-400" | "lime-500" | "lime-600" | "lime-700" | "lime-800" | "lime-900" | "lime-950" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-950" | "emerald-50" | "emerald-100" | "emerald-200" | "emerald-300" | "emerald-400" | "emerald-500" | "emerald-600" | "emerald-700" | "emerald-800" | "emerald-900" | "emerald-950" | "teal-50" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "teal-900" | "teal-950" | "cyan-50" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "cyan-900" | "cyan-950" | "sky-50" | "sky-100" | "sky-200" | "sky-300" | "sky-400" | "sky-500" | "sky-600" | "sky-700" | "sky-800" | "sky-900" | "sky-950" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-950" | "indigo-50" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "indigo-950" | "violet-50" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "violet-900" | "violet-950" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-950" | "fuchsia-50" | "fuchsia-100" | "fuchsia-200" | "fuchsia-300" | "fuchsia-400" | "fuchsia-500" | "fuchsia-600" | "fuchsia-700" | "fuchsia-800" | "fuchsia-900" | "fuchsia-950" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "pink-950" | "rose-50" | "rose-100" | "rose-200" | "rose-300" | "rose-400" | "rose-500" | "rose-600" | "rose-700" | "rose-800" | "rose-900" | "rose-950" | "slate-50" | "slate-100" | "slate-200" | "slate-300" | "slate-400" | "slate-500" | "slate-600" | "slate-700" | "slate-800" | "slate-900" | "slate-950" | "gray-50" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-950" | "zinc-50" | "zinc-100" | "zinc-200" | "zinc-300" | "zinc-400" | "zinc-500" | "zinc-600" | "zinc-700" | "zinc-800" | "zinc-900" | "zinc-950" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "stone-50" | "stone-100" | "stone-200" | "stone-300" | "stone-400" | "stone-500" | "stone-600" | "stone-700" | "stone-800" | "stone-900" | "stone-950" | undefined;
+} & {
+    lineHeight?: "sm" | "md" | "lg" | "xl" | "xs" | {
+        mobile?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        desktop?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    } | undefined;
+    fontSize?: "1rem" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "xs" | {
+        mobile?: "1rem" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "xs" | undefined;
+        desktop?: "1rem" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "xs" | undefined;
+    } | undefined;
+    fontWeight?: "normal" | "black" | "medium" | "thin" | "light" | "bold" | "extraLight" | "semiBold" | "extraBold" | {
+        mobile?: "normal" | "black" | "medium" | "thin" | "light" | "bold" | "extraLight" | "semiBold" | "extraBold" | undefined;
+        desktop?: "normal" | "black" | "medium" | "thin" | "light" | "bold" | "extraLight" | "semiBold" | "extraBold" | undefined;
+    } | undefined;
+    letterSpacing?: "1px" | {
+        mobile?: "1px" | undefined;
+        desktop?: "1px" | undefined;
+    } | undefined;
+    wordBreak?: "break-word" | "break-all" | "keep-all" | {
+        mobile?: "break-word" | "break-all" | "keep-all" | undefined;
+        desktop?: "break-word" | "break-all" | "keep-all" | undefined;
+    } | undefined;
+    textAlign?: "inherit" | "left" | "right" | "center" | {
+        mobile?: "inherit" | "left" | "right" | "center" | undefined;
+        desktop?: "inherit" | "left" | "right" | "center" | undefined;
+    } | undefined;
+} & {
+    cursor?: "default" | "not-allowed" | "pointer" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=NavigationContainer.d.ts.map

package/dist/components/Navigation/NavigationContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,wBAAwB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAEnD,eAAO,MAAM,mBAAmB,kIAa9B,CAAC"}
+{"version":3,"file":"NavigationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationContainer.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kHAa9B,CAAC"}

package/dist/components/Navigation/NavigationContainer.js

@@ -2,10 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { container } from './NavigationContainer.css.js';
+import { Container } from '../Container/index.js';
 import { sx } from '../../styles/sx.js';
 
 const NavigationContainer = forwardRef(({ children, className, sx: propSx, ...props }, ref) => {
-    return (jsx("div", { ref: ref, className: clsx(className, container, sx(propSx)), ...props, children: children }));
+    return (jsx(Container, { ref: ref, className: clsx(className, container, sx(propSx)), ...props, children: children }));
 });
 NavigationContainer.displayName = 'NavigationContainer';
 

package/dist/components/Navigation/NavigationDrawer.js

@@ -22,7 +22,7 @@ const NavigationDrawer = ({ menu, aside }) => {
             }
         };
     }, [isExpanded]);
-    return (jsxs(Fragment, { children: [jsxs("div", { className: wide, children: [menu, aside] }), jsxs("div", { className: narrow, children: [jsx(Button, { size: "icon-md", color: "secondary", variant: "ghost", onClick: handleClick, children: isExpanded ? jsx(X, {}) : jsx(AlignJustify, {}) }), jsx("div", { className: popup({ isVisible: isExpanded }), children: jsxs(Box, { flex: true, gap: "xl", flexDirection: "column-reverse", alignItems: "flex-end", paddingY: "lg", children: [jsx(Box, { width: "100%", onClick: () => setIsExpanded(false), children: menu }), aside] }) })] })] }));
+    return (jsxs(Fragment, { children: [jsxs("div", { className: wide, children: [menu, aside] }), jsxs("div", { className: narrow, children: [jsx(Button, { color: "secondary", size: "icon-md", variant: "ghost", onClick: handleClick, children: isExpanded ? jsx(X, {}) : jsx(AlignJustify, {}) }), jsx("div", { className: popup({ isVisible: isExpanded }), children: jsxs(Box, { alignItems: "flex-end", flexDirection: "column-reverse", gap: "xl", paddingY: "lg", flex: true, children: [jsx(Box, { width: "100%", onClick: () => setIsExpanded(false), children: menu }), aside] }) })] })] }));
 };
 
 export { NavigationDrawer };

package/dist/components/Navigation/NavigationItem.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 import * as s from './NavigationItem.css';
 type NavigationItemProps = UIComponent<'div', typeof s.container>;
 export declare const NavigationItem: import("react").ForwardRefExoticComponent<Omit<NavigationItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Navigation/NavigationItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,sBAAsB,CAAC;AAE1C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,6HAW1B,CAAC"}
+{"version":3,"file":"NavigationItem.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,CAAC,MAAM,sBAAsB,CAAC;AAE1C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,6HAW1B,CAAC"}

package/dist/components/Navigation/NavigationItem.js

@@ -5,7 +5,7 @@ import { container } from './NavigationItem.css.js';
 import { sx } from '../../styles/sx.js';
 
 const NavigationItem = forwardRef(({ style, className, sx: propSx, isSelected = false, ...props }, ref) => {
-    return (jsx("div", { ref: ref, style: { ...style }, className: clsx(container({ isSelected }), className, sx(propSx)), ...props }));
+    return (jsx("div", { ref: ref, className: clsx(container({ isSelected }), className, sx(propSx)), style: { ...style }, ...props }));
 });
 NavigationItem.displayName = 'NavigationItem';
 

package/dist/components/Navigation/NavigationLogo.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 type NavigationLogoProps = UIComponent<'div'>;
 export declare const NavigationLogo: import("react").ForwardRefExoticComponent<Omit<NavigationLogoProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/Navigation/NavigationLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationLogo.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationLogo.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,cAAc,6HAe1B,CAAC"}
+{"version":3,"file":"NavigationLogo.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationLogo.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAI1C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,cAAc,6HAe1B,CAAC"}

package/dist/components/Navigation/NavigationMenu.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 import * as s from './NavigationMenu.css';
 type NavigationMenuProps = UIComponent<'div'>;
 export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<NavigationMenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Navigation/NavigationMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,sBAAsB,CAAC;AAE1C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,cAAc,6HAU1B,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,CAAC,MAAM,sBAAsB,CAAC;AAE1C,KAAK,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAE9C,eAAO,MAAM,cAAc,6HAU1B,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,iBAAiB,EAAE,CAAC"}

package/dist/components/Range/Range.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 import * as s from './Range.css';
 interface RangeProps extends Omit<UIComponent<'div', typeof s.range>, 'children' | 'onChange'> {
     min: number;

package/dist/components/Range/Range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,KAAK,CAAC,MAAM,aAAa,CAAC;AAEjC,UAAU,UACR,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACzE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,KAAK,oHAiEjB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG1C,OAAO,KAAK,CAAC,MAAM,aAAa,CAAC;AAEjC,UAAU,UACR,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACzE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,KAAK,oHAiEjB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC"}

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -1,4 +1,4 @@
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 import * as s from './ScrollArea.css';
 type ScrollAreaProps = UIComponent<'div'>;
 export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ScrollArea/ScrollArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AAEtC,KAAK,eAAe,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAE1C,eAAO,MAAM,UAAU,yHAiDtB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AAEtC,KAAK,eAAe,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAE1C,eAAO,MAAM,UAAU,yHAiDtB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,aAAa,EAAE,CAAC"}

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentProps, type CSSProperties, type RefObject } from 'react';
-import type { UIComponent } from '../../types';
+import type { UIComponent } from '#types';
 import * as s from './Select.css';
 import SelectTrigger from './SelectTrigger';
 interface SelectProps extends Omit<UIComponent<'div', typeof s.select>, 'ref' | 'onChange'> {

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,UAAU,WACR,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IACrE,GAAG,CAAC,EAAE,SAAS,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,MAAM,qHA0ElB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,UAAU,WACR,SAAQ,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IACrE,GAAG,CAAC,EAAE,SAAS,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,MAAM,qHA0ElB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC"}