thread-ui 0.1.5 → 0.1.7

package/dist/components/navigation/nav-menu/nav-menu.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { NavIconItem, NavItem, NavDropdownItem } from './items';
-import { ThreadTheme, useThreadStyleObjects } from '../../../functions';
+import { css, cx } from '../../../styled-system/css';
 export const NavMenu = ({ logo, items }) => {
     // Navmenu Controls
     const [navIsOpened, setNavIsOpened] = useState(false);
@@ -37,20 +37,20 @@ export const NavMenu = ({ logo, items }) => {
             document.removeEventListener('click', handleOutsideClick);
         };
     }, []);
-    const style = useThreadStyleObjects({
-        header: {
+    const style = {
+        header: css({
             position: 'sticky',
             top: '0px',
             width: '100%',
             display: 'flex',
             alignItems: 'center',
             height: '80px',
-            backgroundColor: ThreadTheme.background,
+            backgroundColor: 'background',
             borderBottomWidth: '1px',
-            borderBottomColor: ThreadTheme.structure,
+            borderBottomColor: 'structure',
             zIndex: '40',
-        },
-        nav: {
+        }),
+        nav: css({
             width: '100%',
             marginRight: 'auto',
             marginLeft: 'auto',
@@ -59,88 +59,88 @@ export const NavMenu = ({ logo, items }) => {
             position: 'relative',
             display: 'flex',
             columnGap: '20px',
-            justifyContent: { sm: 'space-between ', lg: 'flex-start' },
+            justifyContent: { base: 'space-between ', lg: 'flex-start' },
             alignItems: 'center',
-        },
-        menuItemBlock: {
+        }),
+        menuItemBlock: css({
             animationDuration: '300ms',
             animationTimingFunction: 'linear',
-            position: { sm: 'absolute', lg: 'relative' },
-            top: { sm: '100%', lg: '0px' },
+            position: { base: 'absolute', lg: 'relative' },
+            top: { base: '100%', lg: '0px' },
             left: '0px',
             borderBottomWidth: '1px',
-            backgroundColor: { sm: ThreadTheme.background, lg: 'transparent' },
-            borderColor: ThreadTheme.structure,
-            paddingTop: { sm: '32px', lg: '0px' },
-            paddingBottom: { sm: '32px', lg: '0px' },
-            paddingLeft: { sm: '20px', md: '48px', lg: '0px' },
-            paddingRight: { sm: '20px', md: '48px', lg: '0px' },
-            borderStyle: { sm: 'solid', lg: 'none' },
-            width: { sm: '100%', lg: 'max-content' },
-            display: { sm: 'block', lg: 'flex' },
+            backgroundColor: { base: 'background', lg: 'transparent' },
+            borderColor: 'structure',
+            paddingTop: { base: '32px', lg: '0px' },
+            paddingBottom: { base: '32px', lg: '0px' },
+            paddingLeft: { base: '20px', md: '48px', lg: '0px' },
+            paddingRight: { base: '20px', md: '48px', lg: '0px' },
+            borderStyle: { base: 'solid', lg: 'none' },
+            width: { base: '100%', lg: 'max-content' },
+            display: { base: 'block', lg: 'flex' },
             columnGap: '24px',
-            transitionProperty: { sm: '', md: 'none' },
-        },
-        menuOpenItemBlock: {
+            transitionProperty: { base: '', md: 'none' },
+        }),
+        menuOpenItemBlock: css({
             transitionDuration: '300ms',
             transitionTimingFunction: 'linear',
             visibility: 'visible',
             opacity: 1,
             transform: 'translateY(0)',
-        },
-        menuCloseItemBlock: {
+        }),
+        menuCloseItemBlock: css({
             transitionDuration: '300ms',
             transitionTimingFunction: 'linear',
             transform: {
-                sm: 'translateY(2.5rem)',
+                base: 'translateY(2.5rem)',
                 lg: 'translateY(0)',
             },
-            opacity: { sm: '0', lg: '1' },
-            visibility: { sm: 'hidden', lg: 'visible' },
-        },
-        itemList: {
+            opacity: { base: '0', lg: '1' },
+            visibility: { base: 'hidden', lg: 'visible' },
+        }),
+        itemList: css({
             display: 'flex',
-            flexDirection: { sm: 'column', lg: 'row' },
+            flexDirection: { base: 'column', lg: 'row' },
             gap: '24px',
-            alignItems: { sm: 'stretch', lg: 'center' },
-            width: { sm: 'auto', lg: '100%' },
-            justifyContent: { sm: 'flex-center', lg: 'center' },
-        },
-        menuControl: {
-            display: { sm: 'flex', lg: 'none' },
+            alignItems: { base: 'stretch', lg: 'center' },
+            width: { base: 'auto', lg: '100%' },
+            justifyContent: { base: 'flex-center', lg: 'center' },
+        }),
+        menuControl: css({
+            display: { base: 'flex', lg: 'none' },
             alignItems: 'center',
-        },
-        menuControlButton: {
+        }),
+        menuControlButton: css({
             outline: '2px solid transparent',
             outlineOffset: '2px',
             borderLeftWidth: '1px',
-            borderLeftColor: ThreadTheme.gray.main,
+            borderLeftColor: 'gray.main',
             paddingLeft: '12px',
             position: 'relative',
             paddingTop: '12px',
             paddingBottom: '12px',
-        },
-        menuCross: {
+        }),
+        menuCross: css({
             animationDuration: '300ms',
             display: 'flex',
             height: '2px',
             width: '24px',
-            borderRadius: ThreadTheme.borderRadius.sm,
-            backgroundColor: ThreadTheme.gray.dark,
+            borderRadius: 'sm',
+            backgroundColor: 'gray.dark',
             transitionProperty: 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
             transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
             transitionDuration: '300ms',
-        },
-        menuCrossBottom: {
+        }),
+        menuCrossBottom: css({
             marginTop: '8px',
-        },
-        menuCrossTopOpen: {
+        }),
+        menuCrossTopOpen: css({
             transform: 'translate(0, 0.324rem) rotate(45deg)',
-        },
-        menuCrossBottomOpen: {
+        }),
+        menuCrossBottomOpen: css({
             transform: 'translate(0, -0.324rem) rotate(-45deg)',
-        },
-    });
+        }),
+    };
     const _renderNavItem = ({ href, title }) => {
         return _jsx(NavItem, { href: href, title: title }, title);
     };
@@ -157,8 +157,8 @@ export const NavMenu = ({ logo, items }) => {
             return _renderNavDropdown(item);
         }
     };
-    return (_jsx(_Fragment, { children: _jsx("header", { id: "site-menu", className: style.header, children: _jsxs("nav", { className: style.nav, children: [logo && _jsx(NavIconItem, { href: logo.href, logo: logo.logo }), _jsx("div", { className: `${style.menuItemBlock} ${navIsOpened ? style.menuOpenItemBlock : style.menuCloseItemBlock}`, children: _jsx("ul", { className: style.itemList, children: items.map((item) => _renderItem(item)) }) }), _jsx("div", { className: style.menuControl, children: _jsxs("button", { onClick: () => {
+    return (_jsx(_Fragment, { children: _jsx("header", { id: "site-menu", className: style.header, children: _jsxs("nav", { className: style.nav, children: [logo && _jsx(NavIconItem, { href: logo.href, logo: logo.logo }), _jsx("div", { className: cx(style.menuItemBlock, navIsOpened ? style.menuOpenItemBlock : style.menuCloseItemBlock), children: _jsx("ul", { className: style.itemList, children: items.map((item) => _renderItem(item)) }) }), _jsx("div", { className: style.menuControl, children: _jsxs("button", { onClick: () => {
                                 toggleNavbar();
-                            }, "aria-label": "toggle navbar", children: [_jsx("span", { "aria-hidden": true, className: `${style.menuCross} ${navIsOpened ? style.menuCrossTopOpen : ''}` }), _jsx("span", { "aria-hidden": true, className: `${style.menuCross} ${style.menuCrossBottom} ${navIsOpened ? style.menuCrossBottomOpen : ''}` })] }) })] }) }) }));
+                            }, "aria-label": "toggle navbar", children: [_jsx("span", { "aria-hidden": true, className: cx(style.menuCross, navIsOpened && style.menuCrossTopOpen) }), _jsx("span", { "aria-hidden": true, className: cx(style.menuCross, style.menuCrossBottom, navIsOpened && style.menuCrossBottomOpen) })] }) })] }) }) }));
 };
 //# sourceMappingURL=nav-menu.js.map

package/dist/components/navigation/nav-menu/nav-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-menu.js","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"nav-menu.js","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,eAAO,MAAM,KAAK,uCAAsE,UAAU,4CAUjG,CAAC;AAEF,eAAO,MAAM,EAAE,+BAAsD,eAAe,4CAUnF,CAAC;AAEF,eAAO,MAAM,EAAE,+BAAsD,eAAe,4CAUnF,CAAC;AAEF,eAAO,MAAM,EAAE,+BAAsD,eAAe,4CAUnF,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,IAAI,uCAAsE,SAAS,4CAU/F,CAAC;AAEF,eAAO,MAAM,QAAQ,+BAA4D,eAAe,4CAS/F,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,oCAAkE,UAAU,4CAUjG,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,4BAAkD,eAAe,4CAUnF,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,4BAAkD,eAAe,4CAUnF,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,4BAAkD,eAAe,4CAUnF,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,oCAAkE,SAAS,4CAU/F,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,4BAAwD,eAAe,4CAS/F,CAAC"}

package/dist/components/typography/typography.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getColoredTextColor } from '../../utils';
 export const Title = ({ children, align = 'left', inline = false, color = 'standard' }) => {

package/dist/components/typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/button/button-recipe.d.ts

@@ -0,0 +1,2 @@
+export declare const buttonRecipe: import("@pandacss/dev").RecipeConfig<import("@pandacss/dev").RecipeVariantRecord>;
+//# sourceMappingURL=button-recipe.d.ts.map

package/dist/components/ui/button/button-recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-recipe.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,mFA6OvB,CAAC"}

package/dist/components/ui/button/button-recipe.js

@@ -0,0 +1,240 @@
+import { defineRecipe } from '@pandacss/dev';
+export const buttonRecipe = defineRecipe({
+    className: 'button',
+    base: {
+        borderRadius: 'md',
+        borderStyle: 'solid',
+        borderWidth: 'md',
+        transition: 'background-color 0.2s ease',
+        color: 'white',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        cursor: 'pointer',
+        userSelect: 'none',
+    },
+    variants: {
+        color: {
+            primary: {
+                backgroundColor: 'primary.main',
+                borderColor: 'primary.main',
+                _hover: {
+                    backgroundColor: 'background',
+                    color: 'primary.main',
+                    borderColor: 'primary.main',
+                },
+            },
+            secondary: {
+                backgroundColor: 'secondary.main',
+                borderColor: 'secondary.main',
+                _hover: {
+                    backgroundColor: 'background',
+                    color: 'secondary.main',
+                    borderColor: 'secondary.main',
+                },
+            },
+            tertiary: {
+                backgroundColor: 'tertiary.main',
+                borderColor: 'tertiary.main',
+                _hover: {
+                    backgroundColor: 'background',
+                    color: 'tertiary.main',
+                    borderColor: 'tertiary.main',
+                },
+            },
+            black: {
+                backgroundColor: 'black',
+                borderColor: 'white',
+                _hover: {
+                    backgroundColor: 'white',
+                    color: 'black',
+                    borderColor: 'black',
+                },
+            },
+            gray: {
+                backgroundColor: 'gray.main',
+                borderColor: 'gray.main',
+                _hover: {
+                    backgroundColor: 'background',
+                    color: 'gray.main',
+                    borderColor: 'gray.main',
+                },
+            },
+            success: {
+                backgroundColor: 'success.main',
+                borderColor: 'success.main',
+                _hover: {
+                    backgroundColor: 'background',
+                    color: 'success.main',
+                    borderColor: 'success.main',
+                },
+            },
+            error: {
+                backgroundColor: 'error.main',
+                borderColor: 'error.main',
+                _hover: {
+                    backgroundColor: 'background',
+                    color: 'error.main',
+                    borderColor: 'error.main',
+                },
+            },
+            info: {
+                backgroundColor: 'info.main',
+                borderColor: 'info.main',
+                _hover: {
+                    backgroundColor: 'background',
+                    color: 'info.main',
+                    borderColor: 'info.main',
+                },
+            },
+            text: {
+                backgroundColor: 'text.standard',
+                borderColor: 'text.standard',
+                _hover: {
+                    backgroundColor: 'background',
+                    color: 'text.standard',
+                    borderColor: 'text.standard',
+                },
+            },
+        },
+        size: {
+            sm: {
+                fontSize: '0.75rem',
+                padding: '4px',
+            },
+            md: {
+                fontSize: '1rem',
+                padding: '8px',
+            },
+            lg: {
+                fontSize: '1.25rem',
+                padding: '12px',
+            },
+        },
+        fullWidth: {
+            true: {
+                width: '100%',
+            },
+            false: {
+                width: 'fit-content',
+            },
+        },
+        disabled: {
+            true: {
+                opacity: 0.6,
+                cursor: 'not-allowed',
+            },
+            false: {},
+        },
+    },
+    compoundVariants: [
+        // Disabled state overrides for all colors except black
+        {
+            color: 'primary',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'primary.main',
+                    color: 'background',
+                    borderColor: 'primary.main',
+                },
+            },
+        },
+        {
+            color: 'secondary',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'secondary.main',
+                    color: 'background',
+                    borderColor: 'secondary.main',
+                },
+            },
+        },
+        {
+            color: 'tertiary',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'tertiary.main',
+                    color: 'background',
+                    borderColor: 'tertiary.main',
+                },
+            },
+        },
+        {
+            color: 'gray',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'gray.main',
+                    color: 'background',
+                    borderColor: 'gray.main',
+                },
+            },
+        },
+        {
+            color: 'success',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'success.main',
+                    color: 'background',
+                    borderColor: 'success.main',
+                },
+            },
+        },
+        {
+            color: 'error',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'error.main',
+                    color: 'background',
+                    borderColor: 'error.main',
+                },
+            },
+        },
+        {
+            color: 'info',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'info.main',
+                    color: 'background',
+                    borderColor: 'info.main',
+                },
+            },
+        },
+        {
+            color: 'text',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'text.standard',
+                    color: 'background',
+                    borderColor: 'text.standard',
+                },
+            },
+        },
+        // Special case for black when disabled
+        {
+            color: 'black',
+            disabled: true,
+            css: {
+                _hover: {
+                    backgroundColor: 'black',
+                    color: 'background',
+                    borderColor: 'white',
+                },
+            },
+        },
+    ],
+    defaultVariants: {
+        color: 'primary',
+        size: 'md',
+        fullWidth: false,
+        disabled: false,
+    },
+});
+//# sourceMappingURL=button-recipe.js.map

package/dist/components/ui/button/button-recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-recipe.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"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"}

package/dist/components/ui/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,MAAM,2EAShB,WAAW,4CA+Bb,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,GAAI,wEASpB,WAAW,4CAab,CAAC"}

package/dist/components/ui/button/button.js

@@ -1,31 +1,12 @@
-'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getUtilityColorValue, getUtilityFontSize, getUtilitySizeValue } from '../../../utils';
-import { ThreadTheme, useThreadStyles } from '../../../functions';
-export const Button = ({ children, fullWidth, color = 'primary', size = 'md', onClick, type = 'button', margin, disabled = false, }) => {
-    const colorValue = getUtilityColorValue(color);
-    const buttonClasses = useThreadStyles({
-        padding: `${getUtilitySizeValue(size)}px`,
-        fontSize: getUtilityFontSize(size),
-        width: fullWidth ? '100%' : 'fit-content',
-        transition: 'background-color 0.2s ease',
-        border: `${ThreadTheme.borderSize.md} ${color == 'black' ? ThreadTheme.white : colorValue} solid`,
-        borderRadius: ThreadTheme.borderRadius.md,
-        color: ThreadTheme.white,
-        backgroundColor: colorValue,
-        margin: margin ?? 'auto',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        cursor: 'pointer',
-        userSelect: 'none',
-        opacity: disabled ? 0.6 : 1,
-        hover: {
-            backgroundColor: disabled ? colorValue : color == 'black' ? ThreadTheme.white : ThreadTheme.background,
-            color: disabled ? ThreadTheme.background : colorValue,
-            borderColor: color == 'black' ? ThreadTheme.black : colorValue,
-        },
+import { button } from '../../../styled-system/recipes';
+export const Button = ({ children, fullWidth = false, color = 'primary', size = 'md', onClick, type = 'button', margin, disabled = false, }) => {
+    const buttonClasses = button({
+        color,
+        size,
+        fullWidth,
+        disabled,
     });
-    return (_jsx("button", { type: type, className: buttonClasses, onClick: disabled ? undefined : onClick, children: children }));
+    return (_jsx("button", { type: type, className: buttonClasses, onClick: disabled ? undefined : onClick, style: margin ? { margin } : undefined, children: children }));
 };
 //# sourceMappingURL=button.js.map

package/dist/components/ui/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,eAAe,CAAC;QACrC,OAAO,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI;QACzC,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAClC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;QACzC,UAAU,EAAE,4BAA4B;QACxC,MAAM,EAAE,GAAG,WAAW,CAAC,UAAU,CAAC,EAAE,IAAI,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,QAAQ;QACjG,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EAAE;QACzC,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,eAAe,EAAE,UAAU;QAC3B,MAAM,EAAE,MAAM,IAAI,MAAM;QACxB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,KAAK,EAAE;YACN,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU;YACtG,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;YACrD,WAAW,EAAE,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU;SAC9D;KACD,CAAC,CAAC;IAEH,OAAO,CACN,iBAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,YACnF,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC;QAC5B,KAAK;QACL,IAAI;QACJ,SAAS;QACT,QAAQ;KACR,CAAC,CAAC;IAEH,OAAO,CACN,iBAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAC3H,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/ui/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,+BAAgC,YAAY,4CA2B/D,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiB/C,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,4CAuB/D,CAAC"}

package/dist/components/ui/divider/divider.js

@@ -1,30 +1,36 @@
-'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ThreadTheme, useThreadStyles } from '../../../functions';
+import { css, cva, cx } from '../../../styled-system/css';
+const dividerWeight = cva({
+    variants: {
+        weight: {
+            light: { height: '0.5px' },
+            standard: { height: '1px' },
+            heavy: { height: '2px' },
+        },
+    },
+    defaultVariants: {
+        weight: 'standard',
+    },
+});
 export const Divider = ({ width, marginY, weight }) => {
-    let dividerWeight;
-    switch (weight) {
-        case 'light':
-            dividerWeight = 0.5;
-            break;
-        case 'standard':
-            dividerWeight = 1;
-            break;
-        case 'bold':
-            dividerWeight = 2;
-            break;
-        default:
-            dividerWeight = 1;
-    }
-    const styles = useThreadStyles({
-        width: width || '75%',
-        marginTop: marginY || '16px',
-        marginBottom: marginY || '16px',
-        marginLeft: 'auto',
-        marginRight: 'auto',
-        height: `${dividerWeight}px`,
-        backgroundColor: ThreadTheme.structure,
-    });
-    return _jsx("div", { className: styles });
+    const styles = {
+        base: css({
+            marginLeft: 'auto',
+            marginRight: 'auto',
+            backgroundColor: 'structure',
+        }),
+        marginY: css({
+            marginY: '16px',
+        }),
+        width: css({
+            width: '75%',
+        }),
+    };
+    const staticStyles = {
+        ...(width && { width }),
+        ...(marginY && { marginTop: marginY, marginBottom: marginY }),
+    };
+    const className = cx(styles.base, dividerWeight({ weight }), !marginY && styles.marginY, !width && styles.width);
+    return _jsx("div", { style: staticStyles, className: className });
 };
 //# sourceMappingURL=divider.js.map

package/dist/components/ui/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG3D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,IAAI,aAAqB,CAAC;IAC1B,QAAQ,MAAM,EAAE,CAAC;QAChB,KAAK,OAAO;YACX,aAAa,GAAG,GAAG,CAAC;YACpB,MAAM;QACP,KAAK,UAAU;YACd,aAAa,GAAG,CAAC,CAAC;YAClB,MAAM;QACP,KAAK,MAAM;YACV,aAAa,GAAG,CAAC,CAAC;YAClB,MAAM;QACP;YACC,aAAa,GAAG,CAAC,CAAC;IACpB,CAAC;IAED,MAAM,MAAM,GAAG,eAAe,CAAC;QAC9B,KAAK,EAAE,KAAK,IAAI,KAAK;QACrB,SAAS,EAAE,OAAO,IAAI,MAAM;QAC5B,YAAY,EAAE,OAAO,IAAI,MAAM;QAC/B,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;QACnB,MAAM,EAAE,GAAG,aAAa,IAAI;QAC5B,eAAe,EAAE,WAAW,CAAC,SAAS;KACtC,CAAC,CAAC;IAEH,OAAO,cAAK,SAAS,EAAE,MAAM,GAAQ,CAAC;AACvC,CAAC,CAAC"}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,aAAa,GAAG,GAAG,CAAC;IACzB,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC1B,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;SACxB;KACD;IACD,eAAe,EAAE;QAChB,MAAM,EAAE,UAAU;KAClB;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;YACnB,eAAe,EAAE,WAAW;SAC5B,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,MAAM;SACf,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,KAAK;SACZ,CAAC;KACF,CAAC;IAEF,MAAM,YAAY,GAAkB;QACnC,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;QACvB,GAAG,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;KAC7D,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjH,OAAO,cAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC3D,CAAC,CAAC"}