thread-ui 0.1.5 → 0.1.7

package/dist/components/media/image-panel/image-panel.js

@@ -1,68 +1,81 @@
-'use client';
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { renderImage } from '../../../internal-components';
 import { Subtitle, Text, Title } from '../../../components';
-import { useThreadStyleObjects } from '../../../functions';
+import { css, cva, cx } from '../../../styled-system/css';
 const renderPanelImage = (image, smImage) => {
-    const classes = useThreadStyleObjects({
-        smImage: {
-            position: 'relative',
-            display: { sm: 'block', lg: 'none' },
+    const classes = {
+        image: css({
+            marginX: { base: '0', md: 'auto' },
             borderRadius: '0.25rem',
-        },
-        standardImg: {
+        }),
+        smImage: css({
+            position: 'relative',
+            display: { base: 'block !important', md: 'none !important' },
+            hideFrom: 'md',
+        }),
+        standardImg: css({
             width: '100%',
             height: '100%',
-            borderRadius: '0.25rem',
-        },
-        image: {
-            display: { sm: 'none', lg: 'block' },
-            marginLeft: { sm: '0', md: 'auto' },
-            marginRight: { sm: '0', md: 'auto' },
-        },
-    });
+        }),
+        standardImageWSmall: css({
+            display: { base: 'none !important', md: 'block !important' },
+            hideBelow: 'md',
+        }),
+    };
     if (smImage) {
-        return (_jsxs(_Fragment, { children: [renderImage(smImage, undefined, `${classes.smImage} ${classes.standardImg}`), renderImage(image, undefined, `${classes.image} ${classes.standardImg}`)] }));
+        return (_jsxs(_Fragment, { children: [renderImage(smImage, undefined, cx(classes.image, classes.smImage)), renderImage(image, undefined, cx(classes.image, classes.standardImg, classes.standardImageWSmall))] }));
     }
     else {
-        return renderImage(image);
+        return renderImage(image, undefined, cx(classes.image, classes.standardImg));
     }
 };
 export const ImagePanel = ({ title, subtitle, contents, image, smImage, contentBelow = false, contentLeft = false, titleColor = 'standard', }) => {
-    const styles = useThreadStyleObjects({
-        container: {
+    const panelStyles = cva({
+        base: {
             display: 'flex',
-            flexDirection: {
-                sm: contentBelow ? 'column' : 'column-reverse',
-                lg: contentLeft ? 'row-reverse' : 'row',
-            },
-            gap: { sm: '12px', lg: '20px' },
+            gap: { base: '12px', lg: '20px' },
             justifyContent: 'center',
             alignItems: 'stretch',
             width: '100%',
             marginRight: 'auto',
-            maxWidth: { sm: 'none', md: '800px', lg: '1400px' },
+            maxWidth: { base: 'none', md: '800px', lg: '1400px' },
             marginLeft: 'auto',
             paddingRight: '2rem',
             paddingLeft: '2rem',
         },
-        imageBlock: {
-            width: { sm: '', lg: '66.666667%' },
+        variants: {
+            contentBelow: {
+                true: { flexDirection: { base: 'column' } },
+                false: { flexDirection: { base: 'column-reverse' } },
+            },
+            contentLeft: {
+                true: { flexDirection: { lg: 'row-reverse' } },
+                false: { flexDirection: { lg: 'row' } },
+            },
         },
-        images: {
+        defaultVariants: {
+            contentBelow: false,
+            contentLeft: false,
+        },
+    });
+    const styles = {
+        imageBlock: css({
+            width: { base: '100%', lg: '66.666667%' },
+        }),
+        images: css({
             position: 'relative',
             width: '100%',
             height: '100%',
-        },
-        textBlock: {
+        }),
+        textBlock: css({
             display: 'flex',
             justifyContent: 'center',
             alignItems: 'center',
             marginLeft: 'auto',
             marginRight: 'auto',
-            width: { sm: '100%', lg: '41.666667%' },
-        },
-    });
-    return (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.imageBlock, children: renderPanelImage(image, smImage) }), _jsx("div", { className: styles.textBlock, children: _jsxs("div", { children: [_jsxs(Title, { color: titleColor, children: [title, subtitle && _jsx(Subtitle, { children: subtitle })] }), contents?.map((txt, _) => _jsx(Text, { children: txt }, _))] }) })] }));
+            width: { base: '100%', lg: '41.666667%' },
+        }),
+    };
+    return (_jsxs("div", { className: panelStyles({ contentBelow, contentLeft }), children: [_jsx("div", { className: styles.imageBlock, children: _jsx("div", { className: styles.images, children: renderPanelImage(image, smImage) }) }), _jsx("div", { className: styles.textBlock, children: _jsxs("div", { children: [_jsxs(Title, { color: titleColor, children: [title, subtitle && _jsx(Subtitle, { children: subtitle })] }), contents?.map((txt, _) => (_jsx(Text, { children: txt }, _)))] }) })] }));
 };
 //# sourceMappingURL=image-panel.js.map

package/dist/components/media/image-panel/image-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-panel.js","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,OAAoB,EAAE,EAAE;IACpE,MAAM,OAAO,GAAG,qBAAqB,CAAC;QACrC,OAAO,EAAE;YACR,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE;YACpC,YAAY,EAAE,SAAS;SACvB;QACD,WAAW,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,SAAS;SACvB;QACD,KAAK,EAAE;YACN,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACpC,UAAU,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE;YACnC,WAAW,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE;SACpC;KACD,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,CACN,8BACE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC,EAC5E,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC,IACvE,CACH,CAAC;IACH,CAAC;SAAM,CAAC;QACP,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,UAAU,GACN,EAAE,EAAE;IACrB,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,SAAS,EAAE;YACV,OAAO,EAAE,MAAM;YACf,aAAa,EAAE;gBACd,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB;gBAC9C,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;aACvC;YACD,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;YAC/B,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,MAAM;YACnB,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;YACnD,UAAU,EAAE,MAAM;YAClB,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,MAAM;SACnB;QACD,UAAU,EAAE;YACX,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE;SACnC;QACD,MAAM,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACd;QACD,SAAS,EAAE;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE;SACvC;KACD,CAAC,CAAC;IAEH,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,GAAO,EAC3E,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC/B,0BACC,MAAC,KAAK,IAAC,KAAK,EAAE,UAAU,aACtB,KAAK,EACL,QAAQ,IAAI,KAAC,QAAQ,cAAE,QAAQ,GAAY,IACrC,EACP,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,IAAI,cAAU,GAAG,IAAP,CAAC,CAAc,CAAC,IACjD,GACD,IACD,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"image-panel.js","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"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"}

package/dist/components/media/info-card/info-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,eAAO,MAAM,QAAQ,8BAA+B,aAAa,4CAyEhE,CAAC"}
+{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,2BAA2B,aAAa,4CA0EhE,CAAC"}

package/dist/components/media/info-card/info-card.js

@@ -1,58 +1,57 @@
-'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ThreadTheme, useThreadStyleObjects } from '../../../functions';
+import { css } from '../../../styled-system/css';
 export const InfoCard = ({ title, url, icon, img }) => {
-    const styles = useThreadStyleObjects({
-        container: {
+    const styles = {
+        card: css({
             margin: 'auto',
-            borderRadius: ThreadTheme.borderRadius.lg,
-            border: `${ThreadTheme.borderSize.md} ${ThreadTheme.structure} solid`,
+            border: 'solid',
+            borderRadius: 'md',
+            borderWidth: 'md',
+            borderColor: 'structure',
+            borderStyle: 'solid',
             marginTop: '0.75rem',
             marginBottom: '0.75rem',
             maxHeight: '15rem',
             overflow: 'hidden',
             width: '391px',
             height: '241px',
-            backgroundColor: ThreadTheme.background,
-            hover: {
-                backgroundColor: ThreadTheme.surface,
-            },
-        },
-        link: {
+            backgroundColor: { base: 'background', _hover: 'surface' },
+        }),
+        link: css({
             cursor: 'pointer',
-        },
-        imageWrapper: {
+        }),
+        imageWrapper: css({
             overflow: 'hidden',
             width: '100%',
             height: '83.333333%',
-        },
-        image: {
+        }),
+        image: css({
             height: 'auto',
             minHeight: '100%',
             width: 'auto',
             minWidth: '100%',
-        },
-        captionBlock: {
+        }),
+        captionBlock: css({
             padding: '0.5rem',
             height: '16.666667%',
-        },
-        caption: {
+        }),
+        caption: css({
             display: 'flex',
             justifyContent: 'flex-start',
             alignItems: 'center',
-        },
-        captionIcon: {
+        }),
+        captionIcon: css({
             paddingRight: '0.25rem',
-        },
-        captionText: {
+        }),
+        captionText: css({
             overflow: 'hidden',
             textOverflow: 'ellipsis',
             whiteSpace: 'nowrap',
             fontSize: '0.875rem',
             lineHeight: '1.25rem',
-            color: ThreadTheme.text.standard,
-        },
-    });
-    return (_jsx("div", { className: styles.container, children: _jsxs("a", { href: url, className: styles.link, children: [_jsx("div", { className: styles.imageWrapper, children: _jsx("img", { className: styles.image, src: img, alt: "Article Cover Image" }) }), _jsx("div", { className: styles.captionBlock, children: _jsxs("span", { className: styles.caption, children: [icon.type === 'emoji' ? (_jsx("span", { className: styles.captionIcon, role: "img", children: JSON.parse(`"${icon.content}"`) })) : (_jsx("img", { className: styles.captionIcon, height: 23, width: 23, src: icon.content, alt: "Article Icon" })), _jsx("p", { className: styles.captionText, children: title })] }) })] }) }));
+            color: 'text.standard',
+        }),
+    };
+    return (_jsx("div", { className: styles.card, children: _jsxs("a", { href: url, className: styles.link, children: [_jsx("div", { className: styles.imageWrapper, children: _jsx("img", { className: styles.image, src: img, alt: "Article Cover Image" }) }), _jsx("div", { className: styles.captionBlock, children: _jsxs("span", { className: styles.caption, children: [icon.type === 'emoji' ? (_jsx("span", { className: styles.captionIcon, role: "img", children: JSON.parse(`"${icon.content}"`) })) : (_jsx("img", { className: styles.captionIcon, height: 23, width: 23, src: icon.content, alt: "Article Icon" })), _jsx("p", { className: styles.captionText, children: title })] }) })] }) }));
 };
 //# sourceMappingURL=info-card.js.map

package/dist/components/media/info-card/info-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGjE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAiB,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,SAAS,EAAE;YACV,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EAAE;YACzC,MAAM,EAAE,GAAG,WAAW,CAAC,UAAU,CAAC,EAAE,IAAI,WAAW,CAAC,SAAS,QAAQ;YACrE,SAAS,EAAE,SAAS;YACpB,YAAY,EAAE,SAAS;YACvB,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,eAAe,EAAE,WAAW,CAAC,UAAU;YACvC,KAAK,EAAE;gBACN,eAAe,EAAE,WAAW,CAAC,OAAO;aACpC;SACD;QACD,IAAI,EAAE;YACL,MAAM,EAAE,SAAS;SACjB;QACD,YAAY,EAAE;YACb,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,YAAY;SACpB;QACD,KAAK,EAAE;YACN,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,MAAM;SAChB;QACD,YAAY,EAAE;YACb,OAAO,EAAE,QAAQ;YACjB,MAAM,EAAE,YAAY;SACpB;QACD,OAAO,EAAE;YACR,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,YAAY;YAC5B,UAAU,EAAE,QAAQ;SACpB;QACD,WAAW,EAAE;YACZ,YAAY,EAAE,SAAS;SACvB;QACD,WAAW,EAAE;YACZ,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,QAAQ;SAChC;KACD,CAAC,CAAC;IACH,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC/B,aAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,aACnC,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAClC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,qBAAqB,GAAG,GAC/D,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAClC,gBAAM,SAAS,EAAE,MAAM,CAAC,OAAO,aAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,EAAC,KAAK,YAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,GAC1B,CACP,CAAC,CAAC,CAAC,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAC,cAAc,GAAG,CACnG,EACD,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,KAAK,GAAK,IACvC,GACF,IACH,GACC,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAiB,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,OAAO;YACf,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,WAAW;YACxB,WAAW,EAAE,OAAO;YACpB,SAAS,EAAE,SAAS;YACpB,YAAY,EAAE,SAAS;YACvB,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,eAAe,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE;SAC1D,CAAC;QACF,IAAI,EAAE,GAAG,CAAC;YACT,MAAM,EAAE,SAAS;SACjB,CAAC;QACF,YAAY,EAAE,GAAG,CAAC;YACjB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,YAAY;SACpB,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,MAAM;SAChB,CAAC;QACF,YAAY,EAAE,GAAG,CAAC;YACjB,OAAO,EAAE,QAAQ;YACjB,MAAM,EAAE,YAAY;SACpB,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,YAAY;YAC5B,UAAU,EAAE,QAAQ;SACpB,CAAC;QACF,WAAW,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,SAAS;SACvB,CAAC;QACF,WAAW,EAAE,GAAG,CAAC;YAChB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,eAAe;SACtB,CAAC;KACF,CAAC;IAEF,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAC1B,aAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,aACnC,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAClC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,qBAAqB,GAAG,GAC/D,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAClC,gBAAM,SAAS,EAAE,MAAM,CAAC,OAAO,aAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,EAAC,KAAK,YAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,GAC1B,CACP,CAAC,CAAC,CAAC,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAC,cAAc,GAAG,CACnG,EACD,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,KAAK,GAAK,IACvC,GACF,IACH,GACC,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts

@@ -1,3 +1,3 @@
 import { BaseItemProps } from './base-item.types';
-export declare const BaseItem: ({ children, href, padding, onMouseEnter, onMouseLeave, isDropdownItem }: BaseItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseItem: ({ children, href, halfPadding, onMouseEnter, onMouseLeave, isDropdownItem }: BaseItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=base-item.d.ts.map

package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/base-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKlD,eAAO,MAAM,QAAQ,4EAA6E,aAAa,4CAsC9G,CAAC"}
+{"version":3,"file":"base-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/base-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,eAAO,MAAM,QAAQ,GAAI,6EAAqF,aAAa,4CAoD1H,CAAC"}

package/dist/components/navigation/nav-menu/items/base-item/base-item.js

@@ -1,37 +1,49 @@
-'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LinkWrapper } from '../../../../../internal-components';
-import { NavMenuStyles } from '../../nav-menu-styles';
-import { ThreadTheme, useThreadStyleObjects } from '../../../../../functions';
-export const BaseItem = ({ children, href, padding, onMouseEnter, onMouseLeave, isDropdownItem }) => {
-    const styles = useThreadStyleObjects({
-        li: {
+import { css, cva } from '../../../../../styled-system/css';
+export const BaseItem = ({ children, href, halfPadding = false, onMouseEnter, onMouseLeave, isDropdownItem }) => {
+    const styles = {
+        li: css({
             display: 'flex',
             alignItems: 'center',
             listStyleType: 'none',
-        },
-        link: {
-            position: { sm: 'static', lg: 'relative' },
-            display: 'inline-flex',
-            flexDirection: 'column',
-            height: { sm: 'auto', lg: '2.5rem' },
-            alignItems: 'center',
-            justifyContent: 'center',
-            borderRadius: '0.375rem',
-            color: ThreadTheme.text.standard,
-            fontSize: '0.875rem',
-            fontWeight: 500,
-            padding: padding ?? `${NavMenuStyles.paddingY / 2}px ${NavMenuStyles.paddingX}px`,
-            width: isDropdownItem ? { sm: 'fit-content', lg: '100%' } : { sm: '100%', lg: 'fit-content' },
-            textDecoration: 'none',
-            transition: 'all 150ms ease-in-out',
-            margin: 'auto',
-            hover: {
-                backgroundColor: ThreadTheme.elevated,
+        }),
+        link: cva({
+            base: {
+                position: { sm: 'static', lg: 'relative' },
+                display: 'inline-flex',
+                flexDirection: 'column',
+                height: { sm: 'auto', lg: '2.5rem' },
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderRadius: '0.375rem',
+                color: 'text.standard',
+                fontSize: '0.875rem',
+                fontWeight: 500,
+                textDecoration: 'none',
+                transition: 'all 150ms ease-in-out',
+                margin: 'auto',
+                _hover: {
+                    backgroundColor: 'elevated',
+                },
+            },
+            variants: {
+                halfPadding: {
+                    true: { padding: '4px 8px' },
+                    false: { padding: '8px 16px' },
+                },
+                isDropdownItem: {
+                    true: { width: { base: 'fit-content', lg: '100%' } },
+                    false: { width: { base: '100%', lg: 'fit-content' } },
+                },
+            },
+            defaultVariants: {
+                halfPadding: false,
+                isDropdownItem: false,
             },
-        },
-    });
+        }),
+    };
     // Handle hover state
-    return (_jsx("li", { className: styles.li, children: _jsx(LinkWrapper, { link: href, className: styles.link, children: children }) }));
+    return (_jsx("li", { className: styles.li, children: _jsx(LinkWrapper, { link: href, className: styles.link({ halfPadding, isDropdownItem }), children: children }) }));
 };
 //# sourceMappingURL=base-item.js.map

package/dist/components/navigation/nav-menu/items/base-item/base-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/base-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAiB,EAAE,EAAE;IAClH,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,EAAE,EAAE;YACH,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,MAAM;SACrB;QACD,IAAI,EAAE;YACL,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE;YAC1C,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;YACpC,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,YAAY,EAAE,UAAU;YACxB,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,QAAQ;YAChC,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,GAAG;YACf,OAAO,EAAE,OAAO,IAAI,GAAG,aAAa,CAAC,QAAQ,GAAG,CAAC,MAAM,aAAa,CAAC,QAAQ,IAAI;YACjF,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE;YAC7F,cAAc,EAAE,MAAM;YACtB,UAAU,EAAE,uBAAuB;YACnC,MAAM,EAAE,MAAM;YACd,KAAK,EAAE;gBACN,eAAe,EAAE,WAAW,CAAC,QAAQ;aACrC;SACD;KACD,CAAC,CAAC;IAEH,qBAAqB;IAErB,OAAO,CACN,aAAI,SAAS,EAAE,MAAM,CAAC,EAAE,YACvB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,YAC7C,QAAQ,GACI,GACV,CACL,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"base-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/base-item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAiB,EAAE,EAAE;IAC9H,MAAM,MAAM,GAAG;QACd,EAAE,EAAE,GAAG,CAAC;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,MAAM;SACrB,CAAC;QACF,IAAI,EAAE,GAAG,CAAC;YACT,IAAI,EAAE;gBACL,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE;gBAC1C,OAAO,EAAE,aAAa;gBACtB,aAAa,EAAE,QAAQ;gBACvB,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;gBACpC,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,YAAY,EAAE,UAAU;gBACxB,KAAK,EAAE,eAAe;gBACtB,QAAQ,EAAE,UAAU;gBACpB,UAAU,EAAE,GAAG;gBACf,cAAc,EAAE,MAAM;gBACtB,UAAU,EAAE,uBAAuB;gBACnC,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE;oBACP,eAAe,EAAE,UAAU;iBAC3B;aACD;YACD,QAAQ,EAAE;gBACT,WAAW,EAAE;oBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;oBAC5B,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;iBAC9B;gBACD,cAAc,EAAE;oBACf,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;oBACpD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE;iBACrD;aACD;YACD,eAAe,EAAE;gBAChB,WAAW,EAAE,KAAK;gBAClB,cAAc,EAAE,KAAK;aACrB;SACD,CAAC;KACF,CAAC;IAEF,qBAAqB;IAErB,OAAO,CACN,aAAI,SAAS,EAAE,MAAM,CAAC,EAAE,YACvB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,YAC9E,QAAQ,GACI,GACV,CACL,CAAC;AACH,CAAC,CAAC"}

package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts

@@ -2,9 +2,9 @@ import { ReactNode } from 'react';
 export type BaseItemProps = {
     children: ReactNode;
     href: string;
-    padding?: string;
     onMouseEnter?: (event: React.MouseEvent<HTMLLIElement>) => void;
     onMouseLeave?: (event: React.MouseEvent<HTMLLIElement>) => void;
+    halfPadding?: boolean;
     isDropdownItem?: boolean;
 };
 //# sourceMappingURL=base-item.types.d.ts.map

package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-item.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/base-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC"}
+{"version":3,"file":"base-item.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/base-item/base-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC"}

package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drop-down-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAIlE,eAAO,MAAM,eAAe,qBAAsB,oBAAoB,4CAmHrE,CAAC"}
+{"version":3,"file":"nav-drop-down-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,eAAe,GAAI,kBAAkB,oBAAoB,4CA6HrE,CAAC"}

package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js

@@ -2,64 +2,67 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { BaseItem } from '../base-item';
-import { NavMenuStyles } from '../../nav-menu-styles';
-import { ThreadTheme, useThreadStyleObjects } from '../../../../../functions';
+import { css, cx } from '../../../../../styled-system/css';
 export const NavDropdownItem = ({ title, items }) => {
     const [isHovered, setIsHovered] = useState(false);
-    const styles = useThreadStyleObjects({
-        parentBlock: {
-            position: { sm: 'static', lg: 'relative' },
-        },
-        textBlock: {
+    const styles = {
+        parentBlock: css({
+            position: { base: 'static', lg: 'relative' },
+        }),
+        textBlock: css({
             display: 'flex',
             flexDirection: 'row',
             gap: '4px',
             justifyContent: 'center',
             alignItems: 'center',
-        },
-        targetArea: {
+        }),
+        targetArea: css({
             position: 'absolute',
-            width: `calc(100% + ${NavMenuStyles.paddingX * 2}px)`,
-            height: { sm: '0px', lg: '30px' },
+            width: `calc(100% + 32px)`,
+            height: { base: '0px', lg: '30px' },
             left: '50%',
             transform: 'translateX(-50%)',
-            bottom: { sm: '-0px', lg: '-30px' },
-        },
-        dropdownContent: {
+            bottom: { base: '-0px', lg: '-30px' },
+        }),
+        dropdownContent: css({
             display: 'none',
             borderWidth: '1px',
-            boxShadow: `0 4px 8px ${ThreadTheme.gray.light}`,
+            boxShadow: '0 4px 8px',
+            boxShadowColor: 'gray.200',
             position: 'absolute',
             width: 'fit-content',
-            borderRadius: ThreadTheme.borderRadius.md,
-            padding: `${NavMenuStyles.paddingY}px ${NavMenuStyles.paddingX}px`,
+            borderRadius: 'md',
+            padding: '16px',
             zIndex: 10,
-            top: { sm: '', lg: 'calc(100% + 30px)' },
+            top: { base: '', lg: 'calc(100% + 30px)' },
             left: '50%',
             transform: 'translateX(-50%)',
-            dark: {
-                border: ThreadTheme.background,
-                backgroundColor: ThreadTheme.surface,
-                boxShadow: `0 4px 8px ${ThreadTheme.black}`,
+            background: 'background',
+            _dark: {
+                backgroundColor: 'surface',
+                boxShadow: '0 4px 8px',
+                boxShadowColor: 'black',
             },
-        },
-        dropdownContentShow: {
-            display: { sm: 'none', lg: 'block' },
-        },
-        collapsedDropdownContent: {
-            display: 'none',
+        }),
+        dropdownContentShow: css({
+            display: { base: 'none', lg: 'block' },
+        }),
+        collapsedDropdownContent: css({
             justifyContent: 'center',
             columnGap: '24px',
             alignItems: 'center',
-            backgroundColor: ThreadTheme.background,
+            backgroundColor: 'background',
             width: '100%',
-            borderRadius: ThreadTheme.borderRadius.md,
+            borderRadius: 'md',
             zIndex: 10,
-        },
-        collapsedDropdownContentShow: {
-            display: { sm: 'flex', lg: 'none' },
-        },
-    });
+        }),
+        dropdownContentNoShow: css({
+            display: 'none',
+        }),
+        collapsedDropdownContentShow: css({
+            display: { base: 'flex', lg: 'none' },
+        }),
+    };
     const arrow = {
         marginTop: '1px',
         height: '12px',
@@ -67,6 +70,6 @@ export const NavDropdownItem = ({ title, items }) => {
         transition: 'all 200ms',
         transform: isHovered ? 'rotate(180deg)' : 'rotate(0deg)',
     };
-    return (_jsxs("div", { className: styles.parentBlock, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: () => setIsHovered(false), children: [_jsx(BaseItem, { href: "#", children: _jsxs("div", { className: styles.textBlock, children: [_jsx("span", { children: title }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: arrow, children: _jsx("path", { d: "m6 9 6 6 6-6" }) })] }) }), isHovered && _jsx("div", { className: styles.targetArea }), _jsx("div", { className: `${styles.collapsedDropdownContent} ${isHovered && styles.collapsedDropdownContentShow}`, children: items.map((item) => (_jsx(BaseItem, { href: item.href, isDropdownItem: true, children: item.title }, item.title))) }), _jsx("div", { className: `${styles.dropdownContent} ${isHovered && styles.dropdownContentShow}`, children: items.map((item) => (_jsx(BaseItem, { href: item.href, isDropdownItem: true, children: item.title }, item.title))) })] }));
+    return (_jsxs("div", { className: styles.parentBlock, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: () => setIsHovered(false), children: [_jsx(BaseItem, { href: "#", children: _jsxs("div", { className: styles.textBlock, children: [_jsx("span", { children: title }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: arrow, children: _jsx("path", { d: "m6 9 6 6 6-6" }) })] }) }), isHovered && _jsx("div", { className: styles.targetArea }), _jsx("div", { className: cx(styles.collapsedDropdownContent, isHovered ? styles.collapsedDropdownContentShow : styles.dropdownContentNoShow), children: items.map((item) => (_jsx(BaseItem, { href: item.href, isDropdownItem: true, children: item.title }, item.title))) }), _jsx("div", { className: cx(styles.dropdownContent, isHovered ? styles.dropdownContentShow : styles.dropdownContentNoShow), children: items.map((item) => (_jsx(BaseItem, { href: item.href, isDropdownItem: true, children: item.title }, item.title))) })] }));
 };
 //# sourceMappingURL=nav-drop-down-item.js.map

package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map

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

package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-icon-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,WAAW,mBAAoB,gBAAgB,4CAQ3D,CAAC"}
+{"version":3,"file":"nav-icon-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,WAAW,GAAI,gBAAgB,gBAAgB,4CAQ3D,CAAC"}

package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { BaseItem } from '../base-item';
 export const NavIconItem = ({ href, logo }) => {
-    return (_jsx(_Fragment, { children: _jsx(BaseItem, { href: href, padding: "4px", children: logo }) }));
+    return (_jsx(_Fragment, { children: _jsx(BaseItem, { href: href, halfPadding: true, children: logo }) }));
 };
 //# sourceMappingURL=nav-icon-item.js.map

package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-icon-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAoB,EAAE,EAAE;IAC/D,OAAO,CACN,4BACC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,KAAK,YACjC,IAAI,GACK,GACT,CACH,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"nav-icon-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAoB,EAAE,EAAE;IAC/D,OAAO,CACN,4BACC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,kBAC/B,IAAI,GACK,GACT,CACH,CAAC;AACH,CAAC,CAAC"}

package/dist/components/navigation/nav-menu/items/nav-item/nav-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-item/nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,eAAO,MAAM,OAAO,oBAAqB,YAAY,4CAcpD,CAAC"}
+{"version":3,"file":"nav-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-item/nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,eAAO,MAAM,OAAO,GAAI,iBAAiB,YAAY,4CAEpD,CAAC"}

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

@@ -1,14 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseItem } from '../base-item';
 export const NavItem = ({ href, title }) => {
-    const style = {
-        block: {
-            width: '100%',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-    };
-    return (_jsx(_Fragment, { children: _jsx(BaseItem, { href: href, children: title }) }));
+    return _jsx(BaseItem, { href: href, children: title });
 };
 //# sourceMappingURL=nav-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-item/nav-item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG;QACb,KAAK,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACxB;KACD,CAAC;IACF,OAAO,CACN,4BACC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,YAAG,KAAK,GAAY,GACtC,CACH,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-item/nav-item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,EAAE,EAAE;IACxD,OAAO,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,YAAG,KAAK,GAAY,CAAC;AACjD,CAAC,CAAC"}

package/dist/components/navigation/nav-menu/nav-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,eAAO,MAAM,OAAO,oBAAqB,YAAY,4CAyMpD,CAAC"}
+{"version":3,"file":"nav-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,eAAO,MAAM,OAAO,GAAI,iBAAiB,YAAY,4CAyMpD,CAAC"}