@tomny-dev/uzi 0.5.0 → 0.6.0

package/dist/index50.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index50.cjs","names":[],"sources":["../src/components/layout-primitives/layout-primitives.module.css"],"sourcesContent":[".stack {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n\n.inline {\n  display: flex;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.nowrap {\n  flex-wrap: nowrap;\n}\n\n.gap-xs { gap: 0.25rem; }\n.gap-sm { gap: 0.5rem; }\n.gap-md { gap: 1rem; }\n.gap-lg { gap: 1.5rem; }\n.gap-xl { gap: 2rem; }\n"],"mappings":""}
+{"version":3,"file":"index50.cjs","names":[],"sources":["../src/components/empty-state/empty-state.module.css"],"sourcesContent":[".root {\n  display: grid;\n  place-items: center;\n  gap: 1rem;\n  padding: clamp(2rem, 6vw, 4rem) 1.5rem;\n  text-align: center;\n}\n\n.compact {\n  padding-block: 1.5rem;\n}\n\n.visual {\n  display: grid;\n  place-items: center;\n  color: var(--muted-foreground);\n  font-size: 2rem;\n}\n\n.content {\n  display: grid;\n  gap: 0.5rem;\n  max-width: 34rem;\n}\n\n.title {\n  margin: 0;\n  color: var(--foreground);\n  font-size: 1.25rem;\n  line-height: 1.25;\n}\n\n.description {\n  color: var(--muted-foreground);\n  font-size: 0.9rem;\n  line-height: 1.65;\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n}\n"],"mappings":""}

package/dist/index50.js

@@ -1,35 +1,35 @@
 import { cx } from "./index3.js";
-import layout_primitives_module_default from "./index49.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/layout-primitives/LayoutPrimitives.tsx
-var GAP_CLASS = {
-	xs: "gap-xs",
-	sm: "gap-sm",
-	md: "gap-md",
-	lg: "gap-lg",
-	xl: "gap-xl"
-};
-function Stack({ gap = "md", className, children, ...rest }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(layout_primitives_module_default.stack, layout_primitives_module_default[GAP_CLASS[gap]], className),
+import empty_state_module_default from "./index49.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/empty-state/EmptyState.tsx
+function EmptyState({ title, description, visual, primaryAction, secondaryAction, size = "default", headingLevel = 2, className, ...rest }) {
+	const Heading = `h${headingLevel}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(empty_state_module_default.root, size === "compact" && empty_state_module_default.compact, className),
 		...rest,
-		children
-	});
-}
-function Inline({ gap = "md", align = "center", justify = "start", wrap = true, className, children, style, ...rest }) {
-	const inlineStyle = {
-		...style,
-		alignItems: align === "start" ? "flex-start" : align === "end" ? "flex-end" : align,
-		justifyContent: justify === "between" ? "space-between" : justify === "start" ? "flex-start" : justify === "end" ? "flex-end" : justify
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(layout_primitives_module_default.inline, layout_primitives_module_default[GAP_CLASS[gap]], !wrap && layout_primitives_module_default.nowrap, className),
-		style: inlineStyle,
-		...rest,
-		children
+		children: [
+			visual != null && /* @__PURE__ */ jsx("div", {
+				className: empty_state_module_default.visual,
+				children: visual
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: empty_state_module_default.content,
+				children: [/* @__PURE__ */ jsx(Heading, {
+					className: empty_state_module_default.title,
+					children: title
+				}), description != null && /* @__PURE__ */ jsx("div", {
+					className: empty_state_module_default.description,
+					children: description
+				})]
+			}),
+			(primaryAction != null || secondaryAction != null) && /* @__PURE__ */ jsxs("div", {
+				className: empty_state_module_default.actions,
+				children: [primaryAction, secondaryAction]
+			})
+		]
 	});
 }
 //#endregion
-export { Inline, Stack };
+export { EmptyState };
 
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","names":[],"sources":["../src/components/layout-primitives/LayoutPrimitives.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./layout-primitives.module.css\";\n\nexport type LayoutGap = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type InlineAlign = \"start\" | \"center\" | \"end\" | \"baseline\";\nexport type InlineJustify = \"start\" | \"center\" | \"end\" | \"between\";\n\nconst GAP_CLASS: Record<LayoutGap, string> = {\n  xs: \"gap-xs\",\n  sm: \"gap-sm\",\n  md: \"gap-md\",\n  lg: \"gap-lg\",\n  xl: \"gap-xl\",\n};\n\nexport type StackProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n};\n\nexport function Stack({ gap = \"md\", className, children, ...rest }: StackProps) {\n  return (\n    <div className={cx(styles.stack, styles[GAP_CLASS[gap]], className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport type InlineProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n  align?: InlineAlign;\n  justify?: InlineJustify;\n  wrap?: boolean;\n};\n\nexport function Inline({\n  gap = \"md\",\n  align = \"center\",\n  justify = \"start\",\n  wrap = true,\n  className,\n  children,\n  style,\n  ...rest\n}: InlineProps) {\n  const inlineStyle: CSSProperties = {\n    ...style,\n    alignItems: align === \"start\" ? \"flex-start\" : align === \"end\" ? \"flex-end\" : align,\n    justifyContent:\n      justify === \"between\" ? \"space-between\" : justify === \"start\" ? \"flex-start\" : justify === \"end\" ? \"flex-end\" : justify,\n  };\n\n  return (\n    <div\n      className={cx(styles.inline, styles[GAP_CLASS[gap]], !wrap && styles.nowrap, className)}\n      style={inlineStyle}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,IAAM,YAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAMA,SAAgB,MAAM,EAAE,MAAM,MAAM,WAAW,UAAU,GAAG,QAAoB;CAC9E,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,iCAAO,OAAO,iCAAO,UAAU,OAAO,SAAS;EAAG,GAAI;EACtE;CACE,CAAA;AAET;AASA,SAAgB,OAAO,EACrB,MAAM,MACN,QAAQ,UACR,UAAU,SACV,OAAO,MACP,WACA,UACA,OACA,GAAG,QACW;CACd,MAAM,cAA6B;EACjC,GAAG;EACH,YAAY,UAAU,UAAU,eAAe,UAAU,QAAQ,aAAa;EAC9E,gBACE,YAAY,YAAY,kBAAkB,YAAY,UAAU,eAAe,YAAY,QAAQ,aAAa;CACpH;CAEA,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,iCAAO,QAAQ,iCAAO,UAAU,OAAO,CAAC,QAAQ,iCAAO,QAAQ,SAAS;EACtF,OAAO;EACP,GAAI;EAEH;CACE,CAAA;AAET"}
+{"version":3,"file":"index50.js","names":[],"sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state.module.css\";\n\nexport type EmptyStateSize = \"compact\" | \"default\";\nexport type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  visual?: ReactNode;\n  primaryAction?: ReactNode;\n  secondaryAction?: ReactNode;\n  size?: EmptyStateSize;\n  headingLevel?: EmptyStateHeadingLevel;\n};\n\nexport function EmptyState({\n  title,\n  description,\n  visual,\n  primaryAction,\n  secondaryAction,\n  size = \"default\",\n  headingLevel = 2,\n  className,\n  ...rest\n}: EmptyStateProps) {\n  const Heading = `h${headingLevel}` as `h${EmptyStateHeadingLevel}`;\n\n  return (\n    <div\n      className={cx(styles.root, size === \"compact\" && styles.compact, className)}\n      {...rest}\n    >\n      {visual != null && <div className={styles.visual}>{visual}</div>}\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {(primaryAction != null || secondaryAction != null) && (\n        <div className={styles.actions}>\n          {primaryAction}\n          {secondaryAction}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,WAAW,EACzB,OACA,aACA,QACA,eACA,iBACA,OAAO,WACP,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,2BAAO,MAAM,SAAS,aAAa,2BAAO,SAAS,SAAS;EAC1E,GAAI;YAFN;GAIG,UAAU,QAAQ,oBAAC,OAAD;IAAK,WAAW,2BAAO;cAAS;GAAY,CAAA;GAC/D,qBAAC,OAAD;IAAK,WAAW,2BAAO;cAAvB,CACE,oBAAC,SAAD;KAAS,WAAW,2BAAO;eAAQ;IAAe,CAAA,GACjD,eAAe,QAAQ,oBAAC,OAAD;KAAK,WAAW,2BAAO;eAAc;IAAiB,CAAA,CAC3E;;IACH,iBAAiB,QAAQ,mBAAmB,SAC5C,qBAAC,OAAD;IAAK,WAAW,2BAAO;cAAvB,CACG,eACA,eACE;;EAEJ;;AAET"}

package/dist/index51.cjs

@@ -1,36 +1,35 @@
 const require_cx = require("./index4.cjs");
-const require_layout_primitives_module = require("./index50.cjs");
+const require_empty_state_module = require("./index50.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/layout-primitives/LayoutPrimitives.tsx
-var GAP_CLASS = {
-	xs: "gap-xs",
-	sm: "gap-sm",
-	md: "gap-md",
-	lg: "gap-lg",
-	xl: "gap-xl"
-};
-function Stack({ gap = "md", className, children, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_layout_primitives_module.default.stack, require_layout_primitives_module.default[GAP_CLASS[gap]], className),
+//#region src/components/empty-state/EmptyState.tsx
+function EmptyState({ title, description, visual, primaryAction, secondaryAction, size = "default", headingLevel = 2, className, ...rest }) {
+	const Heading = `h${headingLevel}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_cx.cx(require_empty_state_module.default.root, size === "compact" && require_empty_state_module.default.compact, className),
 		...rest,
-		children
-	});
-}
-function Inline({ gap = "md", align = "center", justify = "start", wrap = true, className, children, style, ...rest }) {
-	const inlineStyle = {
-		...style,
-		alignItems: align === "start" ? "flex-start" : align === "end" ? "flex-end" : align,
-		justifyContent: justify === "between" ? "space-between" : justify === "start" ? "flex-start" : justify === "end" ? "flex-end" : justify
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_layout_primitives_module.default.inline, require_layout_primitives_module.default[GAP_CLASS[gap]], !wrap && require_layout_primitives_module.default.nowrap, className),
-		style: inlineStyle,
-		...rest,
-		children
+		children: [
+			visual != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_empty_state_module.default.visual,
+				children: visual
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_empty_state_module.default.content,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading, {
+					className: require_empty_state_module.default.title,
+					children: title
+				}), description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_empty_state_module.default.description,
+					children: description
+				})]
+			}),
+			(primaryAction != null || secondaryAction != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_empty_state_module.default.actions,
+				children: [primaryAction, secondaryAction]
+			})
+		]
 	});
 }
 //#endregion
-exports.Inline = Inline;
-exports.Stack = Stack;
+exports.EmptyState = EmptyState;
 
 //# sourceMappingURL=index51.cjs.map

package/dist/index51.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index51.cjs","names":[],"sources":["../src/components/layout-primitives/LayoutPrimitives.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./layout-primitives.module.css\";\n\nexport type LayoutGap = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type InlineAlign = \"start\" | \"center\" | \"end\" | \"baseline\";\nexport type InlineJustify = \"start\" | \"center\" | \"end\" | \"between\";\n\nconst GAP_CLASS: Record<LayoutGap, string> = {\n  xs: \"gap-xs\",\n  sm: \"gap-sm\",\n  md: \"gap-md\",\n  lg: \"gap-lg\",\n  xl: \"gap-xl\",\n};\n\nexport type StackProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n};\n\nexport function Stack({ gap = \"md\", className, children, ...rest }: StackProps) {\n  return (\n    <div className={cx(styles.stack, styles[GAP_CLASS[gap]], className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport type InlineProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n  align?: InlineAlign;\n  justify?: InlineJustify;\n  wrap?: boolean;\n};\n\nexport function Inline({\n  gap = \"md\",\n  align = \"center\",\n  justify = \"start\",\n  wrap = true,\n  className,\n  children,\n  style,\n  ...rest\n}: InlineProps) {\n  const inlineStyle: CSSProperties = {\n    ...style,\n    alignItems: align === \"start\" ? \"flex-start\" : align === \"end\" ? \"flex-end\" : align,\n    justifyContent:\n      justify === \"between\" ? \"space-between\" : justify === \"start\" ? \"flex-start\" : justify === \"end\" ? \"flex-end\" : justify,\n  };\n\n  return (\n    <div\n      className={cx(styles.inline, styles[GAP_CLASS[gap]], !wrap && styles.nowrap, className)}\n      style={inlineStyle}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,IAAM,YAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAMA,SAAgB,MAAM,EAAE,MAAM,MAAM,WAAW,UAAU,GAAG,QAAoB;CAC9E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,iCAAA,QAAO,OAAO,iCAAA,QAAO,UAAU,OAAO,SAAS;EAAG,GAAI;EACtE;CACE,CAAA;AAET;AASA,SAAgB,OAAO,EACrB,MAAM,MACN,QAAQ,UACR,UAAU,SACV,OAAO,MACP,WACA,UACA,OACA,GAAG,QACW;CACd,MAAM,cAA6B;EACjC,GAAG;EACH,YAAY,UAAU,UAAU,eAAe,UAAU,QAAQ,aAAa;EAC9E,gBACE,YAAY,YAAY,kBAAkB,YAAY,UAAU,eAAe,YAAY,QAAQ,aAAa;CACpH;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,iCAAA,QAAO,QAAQ,iCAAA,QAAO,UAAU,OAAO,CAAC,QAAQ,iCAAA,QAAO,QAAQ,SAAS;EACtF,OAAO;EACP,GAAI;EAEH;CACE,CAAA;AAET"}
+{"version":3,"file":"index51.cjs","names":[],"sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state.module.css\";\n\nexport type EmptyStateSize = \"compact\" | \"default\";\nexport type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  visual?: ReactNode;\n  primaryAction?: ReactNode;\n  secondaryAction?: ReactNode;\n  size?: EmptyStateSize;\n  headingLevel?: EmptyStateHeadingLevel;\n};\n\nexport function EmptyState({\n  title,\n  description,\n  visual,\n  primaryAction,\n  secondaryAction,\n  size = \"default\",\n  headingLevel = 2,\n  className,\n  ...rest\n}: EmptyStateProps) {\n  const Heading = `h${headingLevel}` as `h${EmptyStateHeadingLevel}`;\n\n  return (\n    <div\n      className={cx(styles.root, size === \"compact\" && styles.compact, className)}\n      {...rest}\n    >\n      {visual != null && <div className={styles.visual}>{visual}</div>}\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {(primaryAction != null || secondaryAction != null) && (\n        <div className={styles.actions}>\n          {primaryAction}\n          {secondaryAction}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,WAAW,EACzB,OACA,aACA,QACA,eACA,iBACA,OAAO,WACP,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,2BAAA,QAAO,MAAM,SAAS,aAAa,2BAAA,QAAO,SAAS,SAAS;EAC1E,GAAI;YAFN;GAIG,UAAU,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAS;GAAY,CAAA;GAC/D,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KAAS,WAAW,2BAAA,QAAO;eAAQ;IAAe,CAAA,GACjD,eAAe,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,2BAAA,QAAO;eAAc;IAAiB,CAAA,CAC3E;;IACH,iBAAiB,QAAQ,mBAAmB,SAC5C,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAvB,CACG,eACA,eACE;;EAEJ;;AAET"}

package/dist/index51.js

@@ -1,21 +1,18 @@
-//#region src/components/stat/stat.module.css
-var stat = "uzi-stat-module__stat__R4Ke6";
-var label = "uzi-stat-module__label__MSJ0Q";
-var value = "uzi-stat-module__value__nSd-e";
-var detail = "uzi-stat-module__detail__eB2As";
-var group = "uzi-stat-module__group__Hb6Bh";
-var stat_module_default = {
-	stat,
-	label,
-	value,
-	detail,
-	group,
-	"columns-1": "uzi-stat-module__columns-1__HYln2",
-	"columns-2": "uzi-stat-module__columns-2__SMKHs",
-	"columns-3": "uzi-stat-module__columns-3__97hX7",
-	"columns-4": "uzi-stat-module__columns-4__0eN97"
+//#region src/components/layout-primitives/layout-primitives.module.css
+var stack = "uzi-layout-primitives-module__stack__1hBwu";
+var inline = "uzi-layout-primitives-module__inline__ACaEQ";
+var nowrap = "uzi-layout-primitives-module__nowrap__VuAAL";
+var layout_primitives_module_default = {
+	stack,
+	inline,
+	nowrap,
+	"gap-xs": "uzi-layout-primitives-module__gap-xs__e3Tkz",
+	"gap-sm": "uzi-layout-primitives-module__gap-sm__9ng--",
+	"gap-md": "uzi-layout-primitives-module__gap-md__tHIwH",
+	"gap-lg": "uzi-layout-primitives-module__gap-lg__iUm9X",
+	"gap-xl": "uzi-layout-primitives-module__gap-xl__O-6Na"
 };
 //#endregion
-export { stat_module_default as default, detail, group, label, stat, value };
+export { layout_primitives_module_default as default, inline, nowrap, stack };
 
 //# sourceMappingURL=index51.js.map

package/dist/index51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index51.js","names":[],"sources":["../src/components/stat/stat.module.css"],"sourcesContent":[".stat {\n  min-width: 0;\n  display: grid;\n  gap: 0.25rem;\n}\n\n.label {\n  color: var(--muted-foreground);\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n  text-transform: uppercase;\n}\n\n.value {\n  color: var(--foreground);\n  font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n.detail {\n  color: var(--muted-foreground);\n  font-size: 0.8125rem;\n  line-height: 1.5;\n}\n\n.group {\n  display: grid;\n  gap: 1rem;\n}\n\n.columns-1 { grid-template-columns: 1fr; }\n.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n@media (max-width: 48rem) {\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 32rem) {\n  .columns-2,\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: 1fr;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index51.js","names":[],"sources":["../src/components/layout-primitives/layout-primitives.module.css"],"sourcesContent":[".stack {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n\n.inline {\n  display: flex;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.nowrap {\n  flex-wrap: nowrap;\n}\n\n.gap-xs { gap: var(--uzi-space-1, 0.25rem); }\n.gap-sm { gap: var(--uzi-space-2, 0.5rem); }\n.gap-md { gap: var(--uzi-space-4, 1rem); }\n.gap-lg { gap: var(--uzi-space-5, 1.5rem); }\n.gap-xl { gap: var(--uzi-space-6, 2rem); }\n"],"mappings":""}

package/dist/index52.cjs

@@ -1,26 +1,21 @@
-//#region src/components/stat/stat.module.css
-var stat = "uzi-stat-module__stat__R4Ke6";
-var label = "uzi-stat-module__label__MSJ0Q";
-var value = "uzi-stat-module__value__nSd-e";
-var detail = "uzi-stat-module__detail__eB2As";
-var group = "uzi-stat-module__group__Hb6Bh";
-var stat_module_default = {
-	stat,
-	label,
-	value,
-	detail,
-	group,
-	"columns-1": "uzi-stat-module__columns-1__HYln2",
-	"columns-2": "uzi-stat-module__columns-2__SMKHs",
-	"columns-3": "uzi-stat-module__columns-3__97hX7",
-	"columns-4": "uzi-stat-module__columns-4__0eN97"
+//#region src/components/layout-primitives/layout-primitives.module.css
+var stack = "uzi-layout-primitives-module__stack__1hBwu";
+var inline = "uzi-layout-primitives-module__inline__ACaEQ";
+var nowrap = "uzi-layout-primitives-module__nowrap__VuAAL";
+var layout_primitives_module_default = {
+	stack,
+	inline,
+	nowrap,
+	"gap-xs": "uzi-layout-primitives-module__gap-xs__e3Tkz",
+	"gap-sm": "uzi-layout-primitives-module__gap-sm__9ng--",
+	"gap-md": "uzi-layout-primitives-module__gap-md__tHIwH",
+	"gap-lg": "uzi-layout-primitives-module__gap-lg__iUm9X",
+	"gap-xl": "uzi-layout-primitives-module__gap-xl__O-6Na"
 };
 //#endregion
-exports.default = stat_module_default;
-exports.detail = detail;
-exports.group = group;
-exports.label = label;
-exports.stat = stat;
-exports.value = value;
+exports.default = layout_primitives_module_default;
+exports.inline = inline;
+exports.nowrap = nowrap;
+exports.stack = stack;
 
 //# sourceMappingURL=index52.cjs.map

package/dist/index52.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index52.cjs","names":[],"sources":["../src/components/stat/stat.module.css"],"sourcesContent":[".stat {\n  min-width: 0;\n  display: grid;\n  gap: 0.25rem;\n}\n\n.label {\n  color: var(--muted-foreground);\n  font-size: 0.75rem;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n  text-transform: uppercase;\n}\n\n.value {\n  color: var(--foreground);\n  font-size: clamp(1.25rem, 2.5vw, 1.75rem);\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n.detail {\n  color: var(--muted-foreground);\n  font-size: 0.8125rem;\n  line-height: 1.5;\n}\n\n.group {\n  display: grid;\n  gap: 1rem;\n}\n\n.columns-1 { grid-template-columns: 1fr; }\n.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n@media (max-width: 48rem) {\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 32rem) {\n  .columns-2,\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: 1fr;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index52.cjs","names":[],"sources":["../src/components/layout-primitives/layout-primitives.module.css"],"sourcesContent":[".stack {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n\n.inline {\n  display: flex;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.nowrap {\n  flex-wrap: nowrap;\n}\n\n.gap-xs { gap: var(--uzi-space-1, 0.25rem); }\n.gap-sm { gap: var(--uzi-space-2, 0.5rem); }\n.gap-md { gap: var(--uzi-space-4, 1rem); }\n.gap-lg { gap: var(--uzi-space-5, 1.5rem); }\n.gap-xl { gap: var(--uzi-space-6, 2rem); }\n"],"mappings":""}

package/dist/index52.js

@@ -1,35 +1,35 @@
 import { cx } from "./index3.js";
-import stat_module_default from "./index51.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/stat/Stat.tsx
-function Stat({ label, value, detail, className, ...rest }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(stat_module_default.stat, className),
+import layout_primitives_module_default from "./index51.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/layout-primitives/LayoutPrimitives.tsx
+var GAP_CLASS = {
+	xs: "gap-xs",
+	sm: "gap-sm",
+	md: "gap-md",
+	lg: "gap-lg",
+	xl: "gap-xl"
+};
+function Stack({ gap = "md", className, children, ...rest }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(layout_primitives_module_default.stack, layout_primitives_module_default[GAP_CLASS[gap]], className),
 		...rest,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: stat_module_default.label,
-				children: label
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: stat_module_default.value,
-				children: value
-			}),
-			detail && /* @__PURE__ */ jsx("div", {
-				className: stat_module_default.detail,
-				children: detail
-			})
-		]
+		children
 	});
 }
-function StatGroup({ columns = 3, className, children, ...rest }) {
+function Inline({ gap = "md", align = "center", justify = "start", wrap = true, className, children, style, ...rest }) {
+	const inlineStyle = {
+		...style,
+		alignItems: align === "start" ? "flex-start" : align === "end" ? "flex-end" : align,
+		justifyContent: justify === "between" ? "space-between" : justify === "start" ? "flex-start" : justify === "end" ? "flex-end" : justify
+	};
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(stat_module_default.group, stat_module_default[`columns-${columns}`], className),
+		className: cx(layout_primitives_module_default.inline, layout_primitives_module_default[GAP_CLASS[gap]], !wrap && layout_primitives_module_default.nowrap, className),
+		style: inlineStyle,
 		...rest,
 		children
 	});
 }
 //#endregion
-export { Stat, StatGroup };
+export { Inline, Stack };
 
 //# sourceMappingURL=index52.js.map

package/dist/index52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index52.js","names":[],"sources":["../src/components/stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./stat.module.css\";\n\nexport type StatProps = HTMLAttributes<HTMLDivElement> & {\n  label: ReactNode;\n  value: ReactNode;\n  detail?: ReactNode;\n};\n\nexport function Stat({ label, value, detail, className, ...rest }: StatProps) {\n  return (\n    <div className={cx(styles.stat, className)} {...rest}>\n      <div className={styles.label}>{label}</div>\n      <div className={styles.value}>{value}</div>\n      {detail && <div className={styles.detail}>{detail}</div>}\n    </div>\n  );\n}\n\nexport type StatGroupProps = HTMLAttributes<HTMLDivElement> & {\n  columns?: 1 | 2 | 3 | 4;\n};\n\nexport function StatGroup({ columns = 3, className, children, ...rest }: StatGroupProps) {\n  return (\n    <div\n      className={cx(styles.group, styles[`columns-${columns}`], className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,KAAK,EAAE,OAAO,OAAO,QAAQ,WAAW,GAAG,QAAmB;CAC5E,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,oBAAO,MAAM,SAAS;EAAG,GAAI;YAAhD;GACE,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAQ;GAAW,CAAA;GAC1C,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAQ;GAAW,CAAA;GACzC,UAAU,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAS;GAAY,CAAA;EACpD;;AAET;AAMA,SAAgB,UAAU,EAAE,UAAU,GAAG,WAAW,UAAU,GAAG,QAAwB;CACvF,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,oBAAO,OAAO,oBAAO,WAAW,YAAY,SAAS;EACnE,GAAI;EAEH;CACE,CAAA;AAET"}
+{"version":3,"file":"index52.js","names":[],"sources":["../src/components/layout-primitives/LayoutPrimitives.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./layout-primitives.module.css\";\n\nexport type LayoutGap = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type InlineAlign = \"start\" | \"center\" | \"end\" | \"baseline\";\nexport type InlineJustify = \"start\" | \"center\" | \"end\" | \"between\";\n\nconst GAP_CLASS: Record<LayoutGap, string> = {\n  xs: \"gap-xs\",\n  sm: \"gap-sm\",\n  md: \"gap-md\",\n  lg: \"gap-lg\",\n  xl: \"gap-xl\",\n};\n\nexport type StackProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n};\n\nexport function Stack({ gap = \"md\", className, children, ...rest }: StackProps) {\n  return (\n    <div className={cx(styles.stack, styles[GAP_CLASS[gap]], className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport type InlineProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n  align?: InlineAlign;\n  justify?: InlineJustify;\n  wrap?: boolean;\n};\n\nexport function Inline({\n  gap = \"md\",\n  align = \"center\",\n  justify = \"start\",\n  wrap = true,\n  className,\n  children,\n  style,\n  ...rest\n}: InlineProps) {\n  const inlineStyle: CSSProperties = {\n    ...style,\n    alignItems: align === \"start\" ? \"flex-start\" : align === \"end\" ? \"flex-end\" : align,\n    justifyContent:\n      justify === \"between\" ? \"space-between\" : justify === \"start\" ? \"flex-start\" : justify === \"end\" ? \"flex-end\" : justify,\n  };\n\n  return (\n    <div\n      className={cx(styles.inline, styles[GAP_CLASS[gap]], !wrap && styles.nowrap, className)}\n      style={inlineStyle}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,IAAM,YAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAMA,SAAgB,MAAM,EAAE,MAAM,MAAM,WAAW,UAAU,GAAG,QAAoB;CAC9E,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,iCAAO,OAAO,iCAAO,UAAU,OAAO,SAAS;EAAG,GAAI;EACtE;CACE,CAAA;AAET;AASA,SAAgB,OAAO,EACrB,MAAM,MACN,QAAQ,UACR,UAAU,SACV,OAAO,MACP,WACA,UACA,OACA,GAAG,QACW;CACd,MAAM,cAA6B;EACjC,GAAG;EACH,YAAY,UAAU,UAAU,eAAe,UAAU,QAAQ,aAAa;EAC9E,gBACE,YAAY,YAAY,kBAAkB,YAAY,UAAU,eAAe,YAAY,QAAQ,aAAa;CACpH;CAEA,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,iCAAO,QAAQ,iCAAO,UAAU,OAAO,CAAC,QAAQ,iCAAO,QAAQ,SAAS;EACtF,OAAO;EACP,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/index53.cjs

@@ -1,36 +1,36 @@
 const require_cx = require("./index4.cjs");
-const require_stat_module = require("./index52.cjs");
+const require_layout_primitives_module = require("./index52.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/stat/Stat.tsx
-function Stat({ label, value, detail, className, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_cx.cx(require_stat_module.default.stat, className),
+//#region src/components/layout-primitives/LayoutPrimitives.tsx
+var GAP_CLASS = {
+	xs: "gap-xs",
+	sm: "gap-sm",
+	md: "gap-md",
+	lg: "gap-lg",
+	xl: "gap-xl"
+};
+function Stack({ gap = "md", className, children, ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_layout_primitives_module.default.stack, require_layout_primitives_module.default[GAP_CLASS[gap]], className),
 		...rest,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_stat_module.default.label,
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_stat_module.default.value,
-				children: value
-			}),
-			detail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_stat_module.default.detail,
-				children: detail
-			})
-		]
+		children
 	});
 }
-function StatGroup({ columns = 3, className, children, ...rest }) {
+function Inline({ gap = "md", align = "center", justify = "start", wrap = true, className, children, style, ...rest }) {
+	const inlineStyle = {
+		...style,
+		alignItems: align === "start" ? "flex-start" : align === "end" ? "flex-end" : align,
+		justifyContent: justify === "between" ? "space-between" : justify === "start" ? "flex-start" : justify === "end" ? "flex-end" : justify
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_stat_module.default.group, require_stat_module.default[`columns-${columns}`], className),
+		className: require_cx.cx(require_layout_primitives_module.default.inline, require_layout_primitives_module.default[GAP_CLASS[gap]], !wrap && require_layout_primitives_module.default.nowrap, className),
+		style: inlineStyle,
 		...rest,
 		children
 	});
 }
 //#endregion
-exports.Stat = Stat;
-exports.StatGroup = StatGroup;
+exports.Inline = Inline;
+exports.Stack = Stack;
 
 //# sourceMappingURL=index53.cjs.map

package/dist/index53.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index53.cjs","names":[],"sources":["../src/components/stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./stat.module.css\";\n\nexport type StatProps = HTMLAttributes<HTMLDivElement> & {\n  label: ReactNode;\n  value: ReactNode;\n  detail?: ReactNode;\n};\n\nexport function Stat({ label, value, detail, className, ...rest }: StatProps) {\n  return (\n    <div className={cx(styles.stat, className)} {...rest}>\n      <div className={styles.label}>{label}</div>\n      <div className={styles.value}>{value}</div>\n      {detail && <div className={styles.detail}>{detail}</div>}\n    </div>\n  );\n}\n\nexport type StatGroupProps = HTMLAttributes<HTMLDivElement> & {\n  columns?: 1 | 2 | 3 | 4;\n};\n\nexport function StatGroup({ columns = 3, className, children, ...rest }: StatGroupProps) {\n  return (\n    <div\n      className={cx(styles.group, styles[`columns-${columns}`], className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,KAAK,EAAE,OAAO,OAAO,QAAQ,WAAW,GAAG,QAAmB;CAC5E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,oBAAA,QAAO,MAAM,SAAS;EAAG,GAAI;YAAhD;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,oBAAA,QAAO;cAAQ;GAAW,CAAA;GAC1C,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,oBAAA,QAAO;cAAQ;GAAW,CAAA;GACzC,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,oBAAA,QAAO;cAAS;GAAY,CAAA;EACpD;;AAET;AAMA,SAAgB,UAAU,EAAE,UAAU,GAAG,WAAW,UAAU,GAAG,QAAwB;CACvF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,oBAAA,QAAO,OAAO,oBAAA,QAAO,WAAW,YAAY,SAAS;EACnE,GAAI;EAEH;CACE,CAAA;AAET"}
+{"version":3,"file":"index53.cjs","names":[],"sources":["../src/components/layout-primitives/LayoutPrimitives.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./layout-primitives.module.css\";\n\nexport type LayoutGap = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type InlineAlign = \"start\" | \"center\" | \"end\" | \"baseline\";\nexport type InlineJustify = \"start\" | \"center\" | \"end\" | \"between\";\n\nconst GAP_CLASS: Record<LayoutGap, string> = {\n  xs: \"gap-xs\",\n  sm: \"gap-sm\",\n  md: \"gap-md\",\n  lg: \"gap-lg\",\n  xl: \"gap-xl\",\n};\n\nexport type StackProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n};\n\nexport function Stack({ gap = \"md\", className, children, ...rest }: StackProps) {\n  return (\n    <div className={cx(styles.stack, styles[GAP_CLASS[gap]], className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport type InlineProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: LayoutGap;\n  align?: InlineAlign;\n  justify?: InlineJustify;\n  wrap?: boolean;\n};\n\nexport function Inline({\n  gap = \"md\",\n  align = \"center\",\n  justify = \"start\",\n  wrap = true,\n  className,\n  children,\n  style,\n  ...rest\n}: InlineProps) {\n  const inlineStyle: CSSProperties = {\n    ...style,\n    alignItems: align === \"start\" ? \"flex-start\" : align === \"end\" ? \"flex-end\" : align,\n    justifyContent:\n      justify === \"between\" ? \"space-between\" : justify === \"start\" ? \"flex-start\" : justify === \"end\" ? \"flex-end\" : justify,\n  };\n\n  return (\n    <div\n      className={cx(styles.inline, styles[GAP_CLASS[gap]], !wrap && styles.nowrap, className)}\n      style={inlineStyle}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,IAAM,YAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAMA,SAAgB,MAAM,EAAE,MAAM,MAAM,WAAW,UAAU,GAAG,QAAoB;CAC9E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,iCAAA,QAAO,OAAO,iCAAA,QAAO,UAAU,OAAO,SAAS;EAAG,GAAI;EACtE;CACE,CAAA;AAET;AASA,SAAgB,OAAO,EACrB,MAAM,MACN,QAAQ,UACR,UAAU,SACV,OAAO,MACP,WACA,UACA,OACA,GAAG,QACW;CACd,MAAM,cAA6B;EACjC,GAAG;EACH,YAAY,UAAU,UAAU,eAAe,UAAU,QAAQ,aAAa;EAC9E,gBACE,YAAY,YAAY,kBAAkB,YAAY,UAAU,eAAe,YAAY,QAAQ,aAAa;CACpH;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,iCAAA,QAAO,QAAQ,iCAAA,QAAO,UAAU,OAAO,CAAC,QAAQ,iCAAA,QAAO,QAAQ,SAAS;EACtF,OAAO;EACP,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/index53.js

@@ -1,14 +1,21 @@
-//#region src/components/skeleton/skeleton.module.css
-var skeleton = "uzi-skeleton-module__skeleton__fula5";
-var skeleton_module_default = {
-	skeleton,
-	"skeleton-pulse": "uzi-skeleton-module__skeleton-pulse__Yp45W",
-	"radius-sm": "uzi-skeleton-module__radius-sm__FdccD",
-	"radius-md": "uzi-skeleton-module__radius-md__zH3RE",
-	"radius-lg": "uzi-skeleton-module__radius-lg__YVrHw",
-	"radius-full": "uzi-skeleton-module__radius-full__5o2m0"
+//#region src/components/stat/stat.module.css
+var stat = "uzi-stat-module__stat__R4Ke6";
+var label = "uzi-stat-module__label__MSJ0Q";
+var value = "uzi-stat-module__value__nSd-e";
+var detail = "uzi-stat-module__detail__eB2As";
+var group = "uzi-stat-module__group__Hb6Bh";
+var stat_module_default = {
+	stat,
+	label,
+	value,
+	detail,
+	group,
+	"columns-1": "uzi-stat-module__columns-1__HYln2",
+	"columns-2": "uzi-stat-module__columns-2__SMKHs",
+	"columns-3": "uzi-stat-module__columns-3__97hX7",
+	"columns-4": "uzi-stat-module__columns-4__0eN97"
 };
 //#endregion
-export { skeleton_module_default as default, skeleton };
+export { stat_module_default as default, detail, group, label, stat, value };
 
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","names":[],"sources":["../src/components/skeleton/skeleton.module.css"],"sourcesContent":[".skeleton {\n  background: color-mix(in srgb, var(--muted-foreground) 14%, var(--background));\n  animation: skeleton-pulse 1.6s ease-in-out infinite;\n}\n\n@keyframes skeleton-pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.45; }\n}\n\n.radius-sm  { border-radius: 4px; }\n.radius-md  { border-radius: 8px; }\n.radius-lg  { border-radius: 12px; }\n.radius-full { border-radius: 9999px; }\n"],"mappings":""}
+{"version":3,"file":"index53.js","names":[],"sources":["../src/components/stat/stat.module.css"],"sourcesContent":[".stat {\n  min-width: 0;\n  display: grid;\n  gap: 0.25rem;\n}\n\n.label {\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  font-weight: 600;\n}\n\n.value {\n  color: var(--uzi-text-primary, var(--foreground));\n  font-size: var(--uzi-font-title, clamp(1.375rem, 2.5vw, 1.875rem));\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n.detail {\n  color: var(--uzi-text-muted, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  line-height: 1.5;\n}\n\n.group {\n  display: grid;\n  gap: var(--uzi-space-4, 1rem);\n}\n\n.columns-1 { grid-template-columns: 1fr; }\n.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n@media (max-width: 48rem) {\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 32rem) {\n  .columns-2,\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: 1fr;\n  }\n}\n"],"mappings":""}

package/dist/index54.cjs

@@ -1,15 +1,26 @@
-//#region src/components/skeleton/skeleton.module.css
-var skeleton = "uzi-skeleton-module__skeleton__fula5";
-var skeleton_module_default = {
-	skeleton,
-	"skeleton-pulse": "uzi-skeleton-module__skeleton-pulse__Yp45W",
-	"radius-sm": "uzi-skeleton-module__radius-sm__FdccD",
-	"radius-md": "uzi-skeleton-module__radius-md__zH3RE",
-	"radius-lg": "uzi-skeleton-module__radius-lg__YVrHw",
-	"radius-full": "uzi-skeleton-module__radius-full__5o2m0"
+//#region src/components/stat/stat.module.css
+var stat = "uzi-stat-module__stat__R4Ke6";
+var label = "uzi-stat-module__label__MSJ0Q";
+var value = "uzi-stat-module__value__nSd-e";
+var detail = "uzi-stat-module__detail__eB2As";
+var group = "uzi-stat-module__group__Hb6Bh";
+var stat_module_default = {
+	stat,
+	label,
+	value,
+	detail,
+	group,
+	"columns-1": "uzi-stat-module__columns-1__HYln2",
+	"columns-2": "uzi-stat-module__columns-2__SMKHs",
+	"columns-3": "uzi-stat-module__columns-3__97hX7",
+	"columns-4": "uzi-stat-module__columns-4__0eN97"
 };
 //#endregion
-exports.default = skeleton_module_default;
-exports.skeleton = skeleton;
+exports.default = stat_module_default;
+exports.detail = detail;
+exports.group = group;
+exports.label = label;
+exports.stat = stat;
+exports.value = value;
 
 //# sourceMappingURL=index54.cjs.map

package/dist/index54.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index54.cjs","names":[],"sources":["../src/components/skeleton/skeleton.module.css"],"sourcesContent":[".skeleton {\n  background: color-mix(in srgb, var(--muted-foreground) 14%, var(--background));\n  animation: skeleton-pulse 1.6s ease-in-out infinite;\n}\n\n@keyframes skeleton-pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.45; }\n}\n\n.radius-sm  { border-radius: 4px; }\n.radius-md  { border-radius: 8px; }\n.radius-lg  { border-radius: 12px; }\n.radius-full { border-radius: 9999px; }\n"],"mappings":""}
+{"version":3,"file":"index54.cjs","names":[],"sources":["../src/components/stat/stat.module.css"],"sourcesContent":[".stat {\n  min-width: 0;\n  display: grid;\n  gap: 0.25rem;\n}\n\n.label {\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  font-weight: 600;\n}\n\n.value {\n  color: var(--uzi-text-primary, var(--foreground));\n  font-size: var(--uzi-font-title, clamp(1.375rem, 2.5vw, 1.875rem));\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n.detail {\n  color: var(--uzi-text-muted, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  line-height: 1.5;\n}\n\n.group {\n  display: grid;\n  gap: var(--uzi-space-4, 1rem);\n}\n\n.columns-1 { grid-template-columns: 1fr; }\n.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n@media (max-width: 48rem) {\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 32rem) {\n  .columns-2,\n  .columns-3,\n  .columns-4 {\n    grid-template-columns: 1fr;\n  }\n}\n"],"mappings":""}

package/dist/index54.js

@@ -1,21 +1,35 @@
-"use client";
 import { cx } from "./index3.js";
-import skeleton_module_default from "./index53.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/skeleton/Skeleton.tsx
-function Skeleton({ width, height, radius = "md", className, style, ...rest }) {
+import stat_module_default from "./index53.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/stat/Stat.tsx
+function Stat({ label, value, detail, className, ...rest }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(stat_module_default.stat, className),
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: stat_module_default.label,
+				children: label
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: stat_module_default.value,
+				children: value
+			}),
+			detail && /* @__PURE__ */ jsx("div", {
+				className: stat_module_default.detail,
+				children: detail
+			})
+		]
+	});
+}
+function StatGroup({ columns = 3, className, children, ...rest }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(skeleton_module_default.skeleton, skeleton_module_default[`radius-${radius}`], className),
-		style: {
-			width,
-			height,
-			...style
-		},
-		"aria-hidden": "true",
-		...rest
+		className: cx(stat_module_default.group, stat_module_default[`columns-${columns}`], className),
+		...rest,
+		children
 	});
 }
 //#endregion
-export { Skeleton };
+export { Stat, StatGroup };
 
 //# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index54.js","names":[],"sources":["../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./skeleton.module.css\";\n\nexport type SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  /** Width as a CSS value. */\n  width?: string;\n  /** Height as a CSS value. */\n  height?: string;\n  /** Border radius preset. Defaults to \"md\". */\n  radius?: \"sm\" | \"md\" | \"lg\" | \"full\";\n};\n\nexport function Skeleton({\n  width,\n  height,\n  radius = \"md\",\n  className,\n  style,\n  ...rest\n}: SkeletonProps) {\n  return (\n    <div\n      className={cx(styles.skeleton, styles[`radius-${radius}`], className)}\n      style={{ width, height, ...style }}\n      aria-hidden=\"true\"\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAeA,SAAgB,SAAS,EACvB,OACA,QACA,SAAS,MACT,WACA,OACA,GAAG,QACa;CAChB,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,wBAAO,UAAU,wBAAO,UAAU,WAAW,SAAS;EACpE,OAAO;GAAE;GAAO;GAAQ,GAAG;EAAM;EACjC,eAAY;EACZ,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index54.js","names":[],"sources":["../src/components/stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./stat.module.css\";\n\nexport type StatProps = HTMLAttributes<HTMLDivElement> & {\n  label: ReactNode;\n  value: ReactNode;\n  detail?: ReactNode;\n};\n\nexport function Stat({ label, value, detail, className, ...rest }: StatProps) {\n  return (\n    <div className={cx(styles.stat, className)} {...rest}>\n      <div className={styles.label}>{label}</div>\n      <div className={styles.value}>{value}</div>\n      {detail && <div className={styles.detail}>{detail}</div>}\n    </div>\n  );\n}\n\nexport type StatGroupProps = HTMLAttributes<HTMLDivElement> & {\n  columns?: 1 | 2 | 3 | 4;\n};\n\nexport function StatGroup({ columns = 3, className, children, ...rest }: StatGroupProps) {\n  return (\n    <div\n      className={cx(styles.group, styles[`columns-${columns}`], className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,KAAK,EAAE,OAAO,OAAO,QAAQ,WAAW,GAAG,QAAmB;CAC5E,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,oBAAO,MAAM,SAAS;EAAG,GAAI;YAAhD;GACE,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAQ;GAAW,CAAA;GAC1C,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAQ;GAAW,CAAA;GACzC,UAAU,oBAAC,OAAD;IAAK,WAAW,oBAAO;cAAS;GAAY,CAAA;EACpD;;AAET;AAMA,SAAgB,UAAU,EAAE,UAAU,GAAG,WAAW,UAAU,GAAG,QAAwB;CACvF,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,oBAAO,OAAO,oBAAO,WAAW,YAAY,SAAS;EACnE,GAAI;EAEH;CACE,CAAA;AAET"}