thread-ui 0.8.1 → 0.10.0

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

@@ -21,7 +21,7 @@ export const buttonRecipe = defineRecipe({
                 backgroundColor: 'primary.main',
                 borderColor: 'primary.main',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'primary.main',
                     borderColor: 'primary.main',
                 },
@@ -30,7 +30,7 @@ export const buttonRecipe = defineRecipe({
                 backgroundColor: 'secondary.main',
                 borderColor: 'secondary.main',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'secondary.main',
                     borderColor: 'secondary.main',
                 },
@@ -39,7 +39,7 @@ export const buttonRecipe = defineRecipe({
                 backgroundColor: 'tertiary.main',
                 borderColor: 'tertiary.main',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'tertiary.main',
                     borderColor: 'tertiary.main',
                 },
@@ -57,7 +57,7 @@ export const buttonRecipe = defineRecipe({
                 backgroundColor: 'gray.main',
                 borderColor: 'gray.main',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'gray.main',
                     borderColor: 'gray.main',
                 },
@@ -66,7 +66,7 @@ export const buttonRecipe = defineRecipe({
                 backgroundColor: 'success.main',
                 borderColor: 'success.main',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'success.main',
                     borderColor: 'success.main',
                 },
@@ -75,7 +75,7 @@ export const buttonRecipe = defineRecipe({
                 backgroundColor: 'warning.main',
                 borderColor: 'warning.main',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'warning.main',
                     borderColor: 'warning.main',
                 },
@@ -84,7 +84,7 @@ export const buttonRecipe = defineRecipe({
                 backgroundColor: 'error.main',
                 borderColor: 'error.main',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'error.main',
                     borderColor: 'error.main',
                 },
@@ -93,7 +93,7 @@ export const buttonRecipe = defineRecipe({
                 backgroundColor: 'info.main',
                 borderColor: 'info.main',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'info.main',
                     borderColor: 'info.main',
                 },
@@ -103,20 +103,19 @@ export const buttonRecipe = defineRecipe({
                 color: 'text.inverted',
                 borderColor: 'text.standard',
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'text.standard',
                     borderColor: 'text.standard',
                 },
             },
             neutral: {
-                backgroundColor: 'background',
+                backgroundColor: 'transparent',
                 borderColor: 'text.standard',
                 color: 'text.standard',
                 _hover: {
-                    backgroundColor: 'background',
-                    color: 'text.standard',
+                    backgroundColor: 'hover',
+                    color: 'text.secondary',
                     borderColor: 'text.standard',
-                    borderWidth: 'lg',
                 },
             },
         },
@@ -154,9 +153,8 @@ export const buttonRecipe = defineRecipe({
         },
         textVariant: {
             true: {
-                backgroundColor: 'background',
+                backgroundColor: 'transparent',
                 borderColor: 'transparent',
-                border: 'none',
                 _hover: {
                     textDecoration: 'underline',
                 },
@@ -175,7 +173,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'primary.main',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'primary.main',
                 },
             },
@@ -186,7 +184,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'secondary.main',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'secondary.main',
                 },
             },
@@ -197,7 +195,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'tertiary.main',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'tertiary.main',
                 },
             },
@@ -208,7 +206,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'gray.main',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'gray.main',
                 },
             },
@@ -219,7 +217,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'success.main',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'success.main',
                 },
             },
@@ -230,7 +228,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'warning.main',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'warning.main',
                 },
             },
@@ -241,7 +239,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'error.main',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'error.main',
                 },
             },
@@ -252,7 +250,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'info.main',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'info.main',
                 },
             },
@@ -263,7 +261,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'text.standard',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'text.standard',
                 },
             },
@@ -273,10 +271,9 @@ export const buttonRecipe = defineRecipe({
             disabled: true,
             css: {
                 _hover: {
-                    backgroundColor: 'background',
+                    backgroundColor: 'transparent',
                     color: 'text.standard',
                     borderColor: 'text.standard',
-                    borderWidth: 'md',
                 },
             },
         },
@@ -287,7 +284,7 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'black',
-                    color: 'background',
+                    color: 'text.inverted',
                     borderColor: 'white',
                 },
             },
@@ -346,7 +343,10 @@ export const buttonRecipe = defineRecipe({
         {
             textVariant: true,
             color: 'neutral',
-            css: { color: 'text.standard', _hover: { color: 'text.standard' } },
+            css: {
+                color: 'text.standard',
+                _hover: { color: 'text.standard', backgroundColor: 'transparent' },
+            },
         },
         {
             textVariant: true,

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

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

@@ -1,10 +1,16 @@
 import { CardProps } from './card.types';
 /**
- * General-purpose content card container with optional title, divider, shadow, and surface color variants.
+ * General-purpose content card container with optional title, divider, and surface level control.
  *
  * @example
- * <Card title={{ text: 'Details', divider: true }} size="md" shadow>
- *   <div>Card content here</div>
+ * // Use level shorthand
+ * <Card layer="surface" interactive>
+ *   <div>Clickable card</div>
+ * </Card>
+ *
+ * // Or granular overrides
+ * <Card bg="elevated" shadow="md" structure="none">
+ *   <div>Custom card</div>
  * </Card>
  */
-export declare const Card: ({ surfaceColor, children, size, shadow, title, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ layer, bg, shadow, structure, children, size, fullWidth, title, }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/card/card.js

@@ -2,26 +2,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from '../../../styled-system/css';
 import { H3 } from '../../../components/typography';
 import { Divider } from '../divider';
+import { getResolvedLayerValues } from '../../../utils';
 const styles = {
     cardContainer: cva({
         base: {
-            borderWidth: 'sm',
-            borderColor: 'structure',
+            borderStyle: 'solid',
             padding: {
                 base: '5',
             },
             marginX: 'auto',
-            maxWidth: '850px',
-            width: {
-                base: '100%',
-                md: '75%',
-            },
+            transition: 'background-color 0.15s ease, box-shadow 0.15s ease',
         },
         variants: {
             size: {
                 sm: {
                     borderRadius: 'sm',
-                    maxWidth: '600px',
+                    maxWidth: '150',
                 },
                 md: {
                     borderRadius: 'md',
@@ -30,30 +26,55 @@ const styles = {
                     borderRadius: 'lg',
                 },
             },
-            surfaceColor: {
-                background: {
-                    backgroundColor: 'background',
-                },
-                surface: {
-                    backgroundColor: 'surface',
-                },
-                elevated: {
-                    backgroundColor: 'elevated',
-                },
-            },
-            shadow: {
+            fullWidth: {
                 true: {
-                    boxShadow: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+                    width: '100%',
+                    maxWidth: 'none',
                 },
                 false: {
-                    boxShadow: 'none',
+                    maxWidth: '213',
+                    width: {
+                        base: '100%',
+                        md: '75%',
+                    },
                 },
             },
+            bg: {
+                none: {},
+                canvas: { backgroundColor: 'canvas' },
+                inset: { backgroundColor: 'inset' },
+                surface: { backgroundColor: 'surface' },
+                elevated: { backgroundColor: 'elevated' },
+                overlay: { backgroundColor: 'overlay' },
+            },
+            shadow: {
+                none: { boxShadow: 'none' },
+                sm: { boxShadow: 'sm' },
+                md: { boxShadow: 'md' },
+                lg: { boxShadow: 'lg' },
+            },
+            structure: {
+                none: { borderWidth: '0' },
+                subtle: { borderWidth: 'md', borderColor: 'structure.subtle' },
+                default: { borderWidth: 'md', borderColor: 'structure.default' },
+                strong: { borderWidth: 'md', borderColor: 'structure.strong' },
+            },
         },
+        compoundVariants: [
+            {
+                size: 'sm',
+                fullWidth: false,
+                css: {
+                    maxWidth: '150',
+                },
+            },
+        ],
         defaultVariants: {
             size: 'md',
-            surfaceColor: 'background',
-            shadow: true,
+            fullWidth: false,
+            bg: 'surface',
+            shadow: 'none',
+            structure: 'subtle',
         },
     }),
     title: cva({
@@ -76,14 +97,28 @@ const styles = {
     }),
 };
 /**
- * General-purpose content card container with optional title, divider, shadow, and surface color variants.
+ * General-purpose content card container with optional title, divider, and surface level control.
  *
  * @example
- * <Card title={{ text: 'Details', divider: true }} size="md" shadow>
- *   <div>Card content here</div>
+ * // Use level shorthand
+ * <Card layer="surface" interactive>
+ *   <div>Clickable card</div>
+ * </Card>
+ *
+ * // Or granular overrides
+ * <Card bg="elevated" shadow="md" structure="none">
+ *   <div>Custom card</div>
  * </Card>
  */
-export const Card = ({ surfaceColor = 'background', children, size = 'md', shadow = true, title, }) => {
-    return (_jsxs("div", { className: styles.cardContainer({ size, surfaceColor, shadow }), children: [title && (_jsxs("div", { className: styles.title({ size }), children: [_jsx(H3, { align: title.align, inline: true, children: title.text }), title?.divider && _jsx(Divider, {})] })), _jsx("div", { children: children })] }));
+export const Card = ({ layer = 'surface', bg, shadow, structure, children, size = 'md', fullWidth = false, title, }) => {
+    // Resolve from level, allow individual overrides
+    const layerValues = getResolvedLayerValues({ layer, bg, shadow, structure });
+    return (_jsxs("div", { className: styles.cardContainer({
+            size,
+            fullWidth,
+            bg: layerValues.bg,
+            shadow: layerValues.shadow,
+            structure: layerValues.structure,
+        }), children: [title && (_jsxs("div", { className: styles.title({ size }), children: [_jsx(H3, { align: title.align, inline: true, children: title.text }), title?.divider && _jsx(Divider, {})] })), _jsx("div", { children: children })] }));
 };
 //# sourceMappingURL=card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,MAAM,GAAG;IACd,aAAa,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE;YACL,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,WAAW;YACxB,OAAO,EAAE;gBACR,IAAI,EAAE,GAAG;aACT;YACD,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,KAAK;aACT;SACD;QACD,QAAQ,EAAE;YACT,IAAI,EAAE;gBACL,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE,OAAO;iBACjB;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;iBAClB;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;iBAClB;aACD;YACD,YAAY,EAAE;gBACb,UAAU,EAAE;oBACX,eAAe,EAAE,YAAY;iBAC7B;gBACD,OAAO,EAAE;oBACR,eAAe,EAAE,SAAS;iBAC1B;gBACD,QAAQ,EAAE;oBACT,eAAe,EAAE,UAAU;iBAC3B;aACD;YACD,MAAM,EAAE;gBACP,IAAI,EAAE;oBACL,SAAS,EAAE,+BAA+B;iBAC1C;gBACD,KAAK,EAAE;oBACN,SAAS,EAAE,MAAM;iBACjB;aACD;SACD;QACD,eAAe,EAAE;YAChB,IAAI,EAAE,IAAI;YACV,YAAY,EAAE,YAAY;YAC1B,MAAM,EAAE,IAAI;SACZ;KACD,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,QAAQ,EAAE;YACT,IAAI,EAAE;gBACL,EAAE,EAAE;oBACH,YAAY,EAAE,GAAG;iBACjB;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,GAAG;iBACjB;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,GAAG;iBACjB;aACD;SACD;QACD,eAAe,EAAE;YAChB,IAAI,EAAE,IAAI;SACV;KACD,CAAC;CACF,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,YAAY,GAAG,YAAY,EAC3B,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GACM,EAAE,EAAE;IACf,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,aAClE,KAAK,IAAI,CACT,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAC,EAAE,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,kBAC5B,KAAK,CAAC,IAAI,GACP,EACJ,KAAK,EAAE,OAAO,IAAI,KAAC,OAAO,KAAG,IACzB,CACN,EACD,wBAAM,QAAQ,GAAO,IAChB,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,GAAG;IACd,aAAa,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,OAAO,EAAE;gBACR,IAAI,EAAE,GAAG;aACT;YACD,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,oDAAoD;SAChE;QACD,QAAQ,EAAE;YACT,IAAI,EAAE;gBACL,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE,KAAK;iBACf;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;iBAClB;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;iBAClB;aACD;YACD,SAAS,EAAE;gBACV,IAAI,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,MAAM;iBAChB;gBACD,KAAK,EAAE;oBACN,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE;wBACN,IAAI,EAAE,MAAM;wBACZ,EAAE,EAAE,KAAK;qBACT;iBACD;aACD;YACD,EAAE,EAAE;gBACH,IAAI,EAAE,EAAE;gBACR,MAAM,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;gBACrC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE;gBACnC,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;gBACvC,QAAQ,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;gBACzC,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;aACvC;YACD,MAAM,EAAE;gBACP,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC3B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;gBACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;gBACvB,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;aACvB;YACD,SAAS,EAAE;gBACV,IAAI,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE;gBAC1B,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE;gBAC9D,OAAO,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,mBAAmB,EAAE;gBAChE,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE;aAC9D;SACD;QACD,gBAAgB,EAAE;YACjB;gBACC,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,KAAK;gBAChB,GAAG,EAAE;oBACJ,QAAQ,EAAE,KAAK;iBACf;aACD;SACD;QACD,eAAe,EAAE;YAChB,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,KAAK;YAChB,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,QAAQ;SACnB;KACD,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,QAAQ,EAAE;YACT,IAAI,EAAE;gBACL,EAAE,EAAE;oBACH,YAAY,EAAE,GAAG;iBACjB;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,GAAG;iBACjB;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,GAAG;iBACjB;aACD;SACD;QACD,eAAe,EAAE;YAChB,IAAI,EAAE,IAAI;SACV;KACD,CAAC;CACF,CAAC;AACF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,KAAK,GAAG,SAAS,EACjB,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,KAAK,EACjB,KAAK,GACM,EAAE,EAAE;IACf,iDAAiD;IACjD,MAAM,WAAW,GAAG,sBAAsB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAC7E,OAAO,CACN,eACC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;YAC/B,IAAI;YACJ,SAAS;YACT,EAAE,EAAE,WAAW,CAAC,EAAE;YAClB,MAAM,EAAE,WAAW,CAAC,MAAM;YAC1B,SAAS,EAAE,WAAW,CAAC,SAAS;SAChC,CAAC,aAED,KAAK,IAAI,CACT,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAC,EAAE,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,kBAC5B,KAAK,CAAC,IAAI,GACP,EACJ,KAAK,EAAE,OAAO,IAAI,KAAC,OAAO,KAAG,IACzB,CACN,EACD,wBAAM,QAAQ,GAAO,IAChB,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/ui/card/card.types.d.ts

@@ -1,13 +1,19 @@
 import { ReactNode } from 'react';
-import { SurfaceColorOptions, UtilitySizeOptions } from '../../../types';
+import { SurfaceLayerOptions, BgColorOptions, ShadowOptions, StructureColorOptions, UtilitySizeOptions } from '../../../types';
 export type CardProps = {
     children: ReactNode;
+    /** Layer shorthand — resolves bg, shadow, and structure from SurfaceLayerMap @default `'surface'` */
+    layer?: SurfaceLayerOptions;
+    /** Override background color @default resolved from layer: `'surface'` */
+    bg?: BgColorOptions;
+    /** Override shadow @default resolved from layer: `'sm'` */
+    shadow?: ShadowOptions;
+    /** Override border structure color @default resolved from layer: `'subtle'` */
+    structure?: StructureColorOptions | 'none';
     /** Size variant controlling border radius and max width @default `'md'` */
     size?: UtilitySizeOptions;
-    /** Renders a subtle drop shadow @default `true` */
-    shadow?: boolean;
-    /** Background color token @default `'background'` */
-    surfaceColor?: SurfaceColorOptions;
+    /** Allow card to fill available width @default false */
+    fullWidth?: boolean;
     /** Optional title rendered above the card content */
     title?: {
         /** Title text */

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

@@ -4,11 +4,11 @@ const styles = {
     core: {
         base: css({
             marginX: 'auto',
-            backgroundColor: 'structure',
+            backgroundColor: 'structure.default',
             borderRadius: '9999px',
         }),
         marginY: css({
-            marginY: '16px',
+            marginY: '4',
         }),
         width: css({
             width: '75%',
@@ -17,9 +17,9 @@ const styles = {
     dividerWeight: cva({
         variants: {
             weight: {
-                light: { height: '0.5px' },
-                standard: { height: '1px' },
-                heavy: { height: '2px' },
+                light: { height: '0.125' },
+                standard: { height: '0.25' },
+                heavy: { height: '0.5' },
             },
         },
         defaultVariants: {

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":";AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,MAAM,GAAG;IACd,IAAI,EAAE;QACL,IAAI,EAAE,GAAG,CAAC;YACT,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,WAAW;YAC5B,YAAY,EAAE,QAAQ;SACtB,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,MAAM;SACf,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,KAAK;SACZ,CAAC;KACF;IACD,aAAa,EAAE,GAAG,CAAC;QAClB,QAAQ,EAAE;YACT,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;gBAC1B,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;gBAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;aACxB;SACD;QACD,eAAe,EAAE;YAChB,MAAM,EAAE,UAAU;SAClB;KACD,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,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,CACnB,MAAM,CAAC,IAAI,CAAC,IAAI,EAChB,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAChC,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,EAC/B,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAC3B,CAAC;IAEF,OAAO,cAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC3D,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,MAAM,GAAG;IACd,IAAI,EAAE;QACL,IAAI,EAAE,GAAG,CAAC;YACT,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,mBAAmB;YACpC,YAAY,EAAE,QAAQ;SACtB,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,GAAG;SACZ,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,KAAK;SACZ,CAAC;KACF;IACD,aAAa,EAAE,GAAG,CAAC;QAClB,QAAQ,EAAE;YACT,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;gBAC1B,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;gBAC5B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;aACxB;SACD;QACD,eAAe,EAAE;YAChB,MAAM,EAAE,UAAU;SAClB;KACD,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,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,CACnB,MAAM,CAAC,IAAI,CAAC,IAAI,EAChB,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAChC,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,EAC/B,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAC3B,CAAC;IAEF,OAAO,cAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC3D,CAAC,CAAC"}

package/dist/components/ui/loaders/skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export type { SkeletonProps } from './skeleton.types';
-export { Skeleton } from './skeleton';
+export type { SkeletonLoaderProps } from './skeleton.types';
+export { SkeletonLoader } from './skeleton';

package/dist/components/ui/loaders/skeleton/index.js

@@ -1,2 +1,2 @@
-export { Skeleton } from './skeleton';
+export { SkeletonLoader } from './skeleton';
 //# sourceMappingURL=index.js.map

package/dist/components/ui/loaders/skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/ui/loaders/skeleton/skeleton.d.ts

@@ -1,10 +1,10 @@
-import type { SkeletonProps } from './skeleton.types';
+import type { SkeletonLoaderProps } from './skeleton.types';
 /**
- * Low-level skeleton primitive for building content placeholder layouts.
+ * Low-level skeleton primitive for building content placeholders.
  * Compose multiple instances to mirror the shape of loading content.
  *
  * @example
- * <Skeleton w="100%" h="4" />
- * <Skeleton w="10" h="10" round />
+ * <SkeletonLoader w="100%" h="4" />
+ * <SkeletonLoader w="10" h="10" round />
  */
-export declare const Skeleton: ({ w, h, round }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonLoader: ({ w, h, round }: SkeletonLoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/loaders/skeleton/skeleton.js

@@ -3,7 +3,7 @@ import { cva } from '../../../../styled-system/css';
 const styles = cva({
     base: {
         display: 'block',
-        backgroundImage: `linear-gradient(90deg, var(--thread-elevated) 25%, var(--thread-structure) 50%, var(--thread-elevated) 75%)`,
+        backgroundImage: `linear-gradient(90deg, var(--thread-structure-subtle) 25%, var(--thread-hover) 50%, var(--thread-structure-subtle) 75%)`,
         backgroundSize: '200% 100%',
         animation: 'shimmer 1.5s linear infinite',
     },
@@ -18,14 +18,14 @@ const styles = cva({
     },
 });
 /**
- * Low-level skeleton primitive for building content placeholder layouts.
+ * Low-level skeleton primitive for building content placeholders.
  * Compose multiple instances to mirror the shape of loading content.
  *
  * @example
- * <Skeleton w="100%" h="4" />
- * <Skeleton w="10" h="10" round />
+ * <SkeletonLoader w="100%" h="4" />
+ * <SkeletonLoader w="10" h="10" round />
  */
-export const Skeleton = ({ w = '100%', h = '3rem', round = false }) => {
+export const SkeletonLoader = ({ w = '100%', h = '3rem', round = false }) => {
     return _jsx("span", { role: "status", className: styles({ round }), style: { width: w, height: h } });
 };
 //# sourceMappingURL=skeleton.js.map

package/dist/components/ui/loaders/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,eAAe,EAAE,6GAA6G;QAC9H,cAAc,EAAE,WAAW;QAC3B,SAAS,EAAE,8BAA8B;KACzC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;YAC9B,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;SAC7B;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,KAAK;KACZ;CACD,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,KAAK,GAAG,KAAK,EAAiB,EAAE,EAAE;IACpF,OAAO,eAAM,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CAAC;AAC7F,CAAC,CAAC"}
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,eAAe,EAAE,yHAAyH;QAC1I,cAAc,EAAE,WAAW;QAC3B,SAAS,EAAE,8BAA8B;KACzC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;YAC9B,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;SAC7B;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,KAAK;KACZ;CACD,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,KAAK,GAAG,KAAK,EAAuB,EAAE,EAAE;IAChG,OAAO,eAAM,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CAAC;AAC7F,CAAC,CAAC"}

package/dist/components/ui/loaders/skeleton/skeleton.types.d.ts

@@ -1,4 +1,4 @@
-export type SkeletonProps = {
+export type SkeletonLoaderProps = {
     /** Width of the skeleton block @default '100%' */
     w?: string;
     /** Height of the skeleton block @default '1rem' */

package/dist/components/ui/loaders/skeleton-layout/index.d.ts

@@ -1,2 +1,2 @@
-export type { SkeletonLayoutProps } from './skeleton-layout.types';
-export { SkeletonLayout } from './skeleton-layout';
+export type { SkeletonLayoutLoaderProps } from './skeleton-layout.types';
+export { SkeletonLayoutLoader } from './skeleton-layout';

package/dist/components/ui/loaders/skeleton-layout/index.js

@@ -1,2 +1,2 @@
-export { SkeletonLayout } from './skeleton-layout';
+export { SkeletonLayoutLoader } from './skeleton-layout';
 //# sourceMappingURL=index.js.map

package/dist/components/ui/loaders/skeleton-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton-layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton-layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.d.ts

@@ -1,14 +1,14 @@
-import type { SkeletonLayoutProps } from './skeleton-layout.types';
+import type { SkeletonLayoutLoaderProps } from './skeleton-layout.types';
 /**
- * Renders a grid of Skeleton placeholders using ColumnLayout.
+ * Renders a grid of SkeletonLoader placeholders using ColumnLayout.
  * Total items rendered = `lgcol * rows`.
  *
  * @example
- * <SkeletonLayout
+ * <SkeletonLayoutLoader
  *   lgcol={3}
  *   mdcol={2}
  *   rows={4}
  *   itemConfig={{ w: '100%', h: '120px' }}
  * />
  */
-export declare const SkeletonLayout: ({ itemConfig, mdcol, lgcol, rows, }: SkeletonLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SkeletonLayoutLoader: ({ itemConfig, mdcol, lgcol, rows, }: SkeletonLayoutLoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js

@@ -1,22 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Skeleton } from '../skeleton/skeleton';
+import { SkeletonLoader } from '../skeleton/skeleton';
 import { ColumnLayout } from '../../../../components/layouts';
 /**
- * Renders a grid of Skeleton placeholders using ColumnLayout.
+ * Renders a grid of SkeletonLoader placeholders using ColumnLayout.
  * Total items rendered = `lgcol * rows`.
  *
  * @example
- * <SkeletonLayout
+ * <SkeletonLayoutLoader
  *   lgcol={3}
  *   mdcol={2}
  *   rows={4}
  *   itemConfig={{ w: '100%', h: '120px' }}
  * />
  */
-export const SkeletonLayout = ({ itemConfig, mdcol, lgcol = mdcol, rows = 3, }) => {
+export const SkeletonLayoutLoader = ({ itemConfig, mdcol, lgcol = mdcol, rows = 3, }) => {
     const itemCount = lgcol * rows;
     const items = [...Array(itemCount)].map((_, i) => ({
-        content: _jsx(Skeleton, { ...itemConfig }, i),
+        content: _jsx(SkeletonLoader, { ...itemConfig }, i),
     }));
     return _jsx(ColumnLayout, { mdcol: mdcol, lgcol: lgcol, items: items });
 };