@tomny-dev/uzi 0.6.3 → 0.7.0-pr.78.214.1.87d1ede

package/dist/index55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index55.js","names":[],"sources":["../src/components/toolbar/toolbar.module.css"],"sourcesContent":[".toolbar {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--uzi-space-2, 0.5rem);\n  border: 1px solid var(--uzi-border-subtle, var(--border));\n  border-radius: var(--uzi-radius-md, 0.625rem);\n  background: var(--uzi-surface-1, var(--panel));\n}\n\n.density-compact { padding: var(--uzi-space-2, 0.5rem); }\n\n.density-default {\n  padding: var(--uzi-space-3, 0.75rem);\n  gap: var(--uzi-space-3, 0.75rem);\n}\n\n.sticky {\n  position: sticky;\n  top: var(--uzi-toolbar-sticky-offset, 0);\n  z-index: 20;\n  background: color-mix(in srgb, var(--uzi-surface-1, var(--panel)) 90%, transparent);\n  -webkit-backdrop-filter: blur(12px);\n  backdrop-filter: blur(12px);\n}\n\n.group {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n.group + .group {\n  margin-left: var(--uzi-space-1, 0.25rem);\n  padding-left: var(--uzi-space-3, 0.75rem);\n  border-left: 1px solid var(--uzi-border-subtle, var(--border));\n}\n\n.grow { flex: 1 1 16rem; }\n\n.label {\n  flex: 0 0 auto;\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.controls {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n@media (max-width: 40rem) {\n  .toolbar { align-items: stretch; }\n\n  .group,\n  .grow { flex: 1 1 100%; }\n\n  .group + .group {\n    margin-left: 0;\n    padding-top: var(--uzi-space-2, 0.5rem);\n    padding-left: 0;\n    border-top: 1px solid var(--uzi-border-subtle, var(--border));\n    border-left: 0;\n  }\n\n  .controls { flex: 1 1 auto; }\n}\n"],"mappings":""}
+{"version":3,"file":"index55.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/index56.cjs

@@ -1,27 +1,26 @@
-//#region src/components/toolbar/toolbar.module.css
-var toolbar = "uzi-toolbar-module__toolbar__IXW3o";
-var sticky = "uzi-toolbar-module__sticky__PxGot";
-var group = "uzi-toolbar-module__group__Cw0lk";
-var grow = "uzi-toolbar-module__grow__8oFpY";
-var label = "uzi-toolbar-module__label__H1fT1";
-var controls = "uzi-toolbar-module__controls__EOiOk";
-var toolbar_module_default = {
-	toolbar,
-	"density-compact": "uzi-toolbar-module__density-compact__qqXRT",
-	"density-default": "uzi-toolbar-module__density-default__rGiHv",
-	sticky,
-	group,
-	grow,
+//#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,
-	controls
+	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.controls = controls;
-exports.default = toolbar_module_default;
+exports.default = stat_module_default;
+exports.detail = detail;
 exports.group = group;
-exports.grow = grow;
 exports.label = label;
-exports.sticky = sticky;
-exports.toolbar = toolbar;
+exports.stat = stat;
+exports.value = value;
 
 //# sourceMappingURL=index56.cjs.map

package/dist/index56.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index56.cjs","names":[],"sources":["../src/components/toolbar/toolbar.module.css"],"sourcesContent":[".toolbar {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--uzi-space-2, 0.5rem);\n  border: 1px solid var(--uzi-border-subtle, var(--border));\n  border-radius: var(--uzi-radius-md, 0.625rem);\n  background: var(--uzi-surface-1, var(--panel));\n}\n\n.density-compact { padding: var(--uzi-space-2, 0.5rem); }\n\n.density-default {\n  padding: var(--uzi-space-3, 0.75rem);\n  gap: var(--uzi-space-3, 0.75rem);\n}\n\n.sticky {\n  position: sticky;\n  top: var(--uzi-toolbar-sticky-offset, 0);\n  z-index: 20;\n  background: color-mix(in srgb, var(--uzi-surface-1, var(--panel)) 90%, transparent);\n  -webkit-backdrop-filter: blur(12px);\n  backdrop-filter: blur(12px);\n}\n\n.group {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n.group + .group {\n  margin-left: var(--uzi-space-1, 0.25rem);\n  padding-left: var(--uzi-space-3, 0.75rem);\n  border-left: 1px solid var(--uzi-border-subtle, var(--border));\n}\n\n.grow { flex: 1 1 16rem; }\n\n.label {\n  flex: 0 0 auto;\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.controls {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n@media (max-width: 40rem) {\n  .toolbar { align-items: stretch; }\n\n  .group,\n  .grow { flex: 1 1 100%; }\n\n  .group + .group {\n    margin-left: 0;\n    padding-top: var(--uzi-space-2, 0.5rem);\n    padding-left: 0;\n    border-top: 1px solid var(--uzi-border-subtle, var(--border));\n    border-left: 0;\n  }\n\n  .controls { flex: 1 1 auto; }\n}\n"],"mappings":""}
+{"version":3,"file":"index56.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/index56.js

@@ -1,32 +1,35 @@
 import { cx } from "./index3.js";
-import toolbar_module_default from "./index55.js";
+import stat_module_default from "./index55.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/toolbar/Toolbar.tsx
-function Toolbar({ density = "compact", sticky = false, role, className, children, ...rest }) {
-	return /* @__PURE__ */ jsx("div", {
-		role,
-		className: cx(toolbar_module_default.toolbar, toolbar_module_default[`density-${density}`], sticky && toolbar_module_default.sticky, className),
+//#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
+		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 ToolbarGroup({ label, grow = false, role, "aria-label": ariaLabel, className, children, ...rest }) {
-	const groupLabel = ariaLabel ?? (typeof label === "string" ? label : void 0);
-	return /* @__PURE__ */ jsxs("div", {
-		role: role ?? (label != null || groupLabel != null ? "group" : void 0),
-		"aria-label": groupLabel,
-		className: cx(toolbar_module_default.group, grow && toolbar_module_default.grow, className),
+function StatGroup({ columns = 3, className, children, ...rest }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(stat_module_default.group, stat_module_default[`columns-${columns}`], className),
 		...rest,
-		children: [label != null && /* @__PURE__ */ jsx("span", {
-			className: toolbar_module_default.label,
-			children: label
-		}), /* @__PURE__ */ jsx("div", {
-			className: toolbar_module_default.controls,
-			children
-		})]
+		children
 	});
 }
 //#endregion
-export { Toolbar, ToolbarGroup };
+export { Stat, StatGroup };
 
 //# sourceMappingURL=index56.js.map

package/dist/index56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index56.js","names":[],"sources":["../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./toolbar.module.css\";\n\nexport type ToolbarDensity = \"compact\" | \"default\";\n\nexport type ToolbarProps = HTMLAttributes<HTMLDivElement> & {\n  density?: ToolbarDensity;\n  sticky?: boolean;\n};\n\nexport function Toolbar({\n  density = \"compact\",\n  sticky = false,\n  role,\n  className,\n  children,\n  ...rest\n}: ToolbarProps) {\n  return (\n    <div\n      role={role}\n      className={cx(styles.toolbar, styles[`density-${density}`], sticky && styles.sticky, className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type ToolbarGroupProps = HTMLAttributes<HTMLDivElement> & {\n  label?: ReactNode;\n  grow?: boolean;\n};\n\nexport function ToolbarGroup({\n  label,\n  grow = false,\n  role,\n  \"aria-label\": ariaLabel,\n  className,\n  children,\n  ...rest\n}: ToolbarGroupProps) {\n  const groupLabel = ariaLabel ?? (typeof label === \"string\" ? label : undefined);\n  const groupRole = role ?? (label != null || groupLabel != null ? \"group\" : undefined);\n\n  return (\n    <div\n      role={groupRole}\n      aria-label={groupLabel}\n      className={cx(styles.group, grow && styles.grow, className)}\n      {...rest}\n    >\n      {label != null && <span className={styles.label}>{label}</span>}\n      <div className={styles.controls}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAWA,SAAgB,QAAQ,EACtB,UAAU,WACV,SAAS,OACT,MACA,WACA,UACA,GAAG,QACY;CACf,OACE,oBAAC,OAAD;EACQ;EACN,WAAW,GAAG,uBAAO,SAAS,uBAAO,WAAW,YAAY,UAAU,uBAAO,QAAQ,SAAS;EAC9F,GAAI;EAEH;CACE,CAAA;AAET;AAOA,SAAgB,aAAa,EAC3B,OACA,OAAO,OACP,MACA,cAAc,WACd,WACA,UACA,GAAG,QACiB;CACpB,MAAM,aAAa,cAAc,OAAO,UAAU,WAAW,QAAQ,KAAA;CAGrE,OACE,qBAAC,OAAD;EACE,MAJc,SAAS,SAAS,QAAQ,cAAc,OAAO,UAAU,KAAA;EAKvE,cAAY;EACZ,WAAW,GAAG,uBAAO,OAAO,QAAQ,uBAAO,MAAM,SAAS;EAC1D,GAAI;YAJN,CAMG,SAAS,QAAQ,oBAAC,QAAD;GAAM,WAAW,uBAAO;aAAQ;EAAY,CAAA,GAC9D,oBAAC,OAAD;GAAK,WAAW,uBAAO;GAAW;EAAc,CAAA,CAC7C;;AAET"}
+{"version":3,"file":"index56.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"}

package/dist/index57.cjs

@@ -1,33 +1,36 @@
 const require_cx = require("./index4.cjs");
-const require_toolbar_module = require("./index56.cjs");
+const require_stat_module = require("./index56.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/toolbar/Toolbar.tsx
-function Toolbar({ density = "compact", sticky = false, role, className, children, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		role,
-		className: require_cx.cx(require_toolbar_module.default.toolbar, require_toolbar_module.default[`density-${density}`], sticky && require_toolbar_module.default.sticky, className),
+//#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),
 		...rest,
-		children
+		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
+			})
+		]
 	});
 }
-function ToolbarGroup({ label, grow = false, role, "aria-label": ariaLabel, className, children, ...rest }) {
-	const groupLabel = ariaLabel ?? (typeof label === "string" ? label : void 0);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		role: role ?? (label != null || groupLabel != null ? "group" : void 0),
-		"aria-label": groupLabel,
-		className: require_cx.cx(require_toolbar_module.default.group, grow && require_toolbar_module.default.grow, className),
+function StatGroup({ columns = 3, className, children, ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_stat_module.default.group, require_stat_module.default[`columns-${columns}`], className),
 		...rest,
-		children: [label != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: require_toolbar_module.default.label,
-			children: label
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_toolbar_module.default.controls,
-			children
-		})]
+		children
 	});
 }
 //#endregion
-exports.Toolbar = Toolbar;
-exports.ToolbarGroup = ToolbarGroup;
+exports.Stat = Stat;
+exports.StatGroup = StatGroup;
 
 //# sourceMappingURL=index57.cjs.map

package/dist/index57.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index57.cjs","names":[],"sources":["../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./toolbar.module.css\";\n\nexport type ToolbarDensity = \"compact\" | \"default\";\n\nexport type ToolbarProps = HTMLAttributes<HTMLDivElement> & {\n  density?: ToolbarDensity;\n  sticky?: boolean;\n};\n\nexport function Toolbar({\n  density = \"compact\",\n  sticky = false,\n  role,\n  className,\n  children,\n  ...rest\n}: ToolbarProps) {\n  return (\n    <div\n      role={role}\n      className={cx(styles.toolbar, styles[`density-${density}`], sticky && styles.sticky, className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type ToolbarGroupProps = HTMLAttributes<HTMLDivElement> & {\n  label?: ReactNode;\n  grow?: boolean;\n};\n\nexport function ToolbarGroup({\n  label,\n  grow = false,\n  role,\n  \"aria-label\": ariaLabel,\n  className,\n  children,\n  ...rest\n}: ToolbarGroupProps) {\n  const groupLabel = ariaLabel ?? (typeof label === \"string\" ? label : undefined);\n  const groupRole = role ?? (label != null || groupLabel != null ? \"group\" : undefined);\n\n  return (\n    <div\n      role={groupRole}\n      aria-label={groupLabel}\n      className={cx(styles.group, grow && styles.grow, className)}\n      {...rest}\n    >\n      {label != null && <span className={styles.label}>{label}</span>}\n      <div className={styles.controls}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAWA,SAAgB,QAAQ,EACtB,UAAU,WACV,SAAS,OACT,MACA,WACA,UACA,GAAG,QACY;CACf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACQ;EACN,WAAW,WAAA,GAAG,uBAAA,QAAO,SAAS,uBAAA,QAAO,WAAW,YAAY,UAAU,uBAAA,QAAO,QAAQ,SAAS;EAC9F,GAAI;EAEH;CACE,CAAA;AAET;AAOA,SAAgB,aAAa,EAC3B,OACA,OAAO,OACP,MACA,cAAc,WACd,WACA,UACA,GAAG,QACiB;CACpB,MAAM,aAAa,cAAc,OAAO,UAAU,WAAW,QAAQ,KAAA;CAGrE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,MAJc,SAAS,SAAS,QAAQ,cAAc,OAAO,UAAU,KAAA;EAKvE,cAAY;EACZ,WAAW,WAAA,GAAG,uBAAA,QAAO,OAAO,QAAQ,uBAAA,QAAO,MAAM,SAAS;EAC1D,GAAI;YAJN,CAMG,SAAS,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAW,uBAAA,QAAO;aAAQ;EAAY,CAAA,GAC9D,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAW,uBAAA,QAAO;GAAW;EAAc,CAAA,CAC7C;;AAET"}
+{"version":3,"file":"index57.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"}

package/dist/index57.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/toolbar/toolbar.module.css
+var toolbar = "uzi-toolbar-module__toolbar__IXW3o";
+var sticky = "uzi-toolbar-module__sticky__PxGot";
+var group = "uzi-toolbar-module__group__Cw0lk";
+var grow = "uzi-toolbar-module__grow__8oFpY";
+var label = "uzi-toolbar-module__label__H1fT1";
+var controls = "uzi-toolbar-module__controls__EOiOk";
+var toolbar_module_default = {
+	toolbar,
+	"density-compact": "uzi-toolbar-module__density-compact__qqXRT",
+	"density-default": "uzi-toolbar-module__density-default__rGiHv",
+	sticky,
+	group,
+	grow,
+	label,
+	controls
 };
 //#endregion
-export { skeleton_module_default as default, skeleton };
+export { controls, toolbar_module_default as default, group, grow, label, sticky, toolbar };
 
 //# sourceMappingURL=index57.js.map

package/dist/index57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index57.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":"index57.js","names":[],"sources":["../src/components/toolbar/toolbar.module.css"],"sourcesContent":[".toolbar {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--uzi-space-2, 0.5rem);\n  border: 1px solid var(--uzi-border-subtle, var(--border));\n  border-radius: var(--uzi-radius-md, 0.625rem);\n  background: var(--uzi-surface-1, var(--panel));\n}\n\n.density-compact { padding: var(--uzi-space-2, 0.5rem); }\n\n.density-default {\n  padding: var(--uzi-space-3, 0.75rem);\n  gap: var(--uzi-space-3, 0.75rem);\n}\n\n.sticky {\n  position: sticky;\n  top: var(--uzi-toolbar-sticky-offset, 0);\n  z-index: 20;\n  background: color-mix(in srgb, var(--uzi-surface-1, var(--panel)) 90%, transparent);\n  -webkit-backdrop-filter: blur(12px);\n  backdrop-filter: blur(12px);\n}\n\n.group {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n.group + .group {\n  margin-left: var(--uzi-space-1, 0.25rem);\n  padding-left: var(--uzi-space-3, 0.75rem);\n  border-left: 1px solid var(--uzi-border-subtle, var(--border));\n}\n\n.grow { flex: 1 1 16rem; }\n\n.label {\n  flex: 0 0 auto;\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.controls {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n@media (max-width: 40rem) {\n  .toolbar { align-items: stretch; }\n\n  .group,\n  .grow { flex: 1 1 100%; }\n\n  .group + .group {\n    margin-left: 0;\n    padding-top: var(--uzi-space-2, 0.5rem);\n    padding-left: 0;\n    border-top: 1px solid var(--uzi-border-subtle, var(--border));\n    border-left: 0;\n  }\n\n  .controls { flex: 1 1 auto; }\n}\n"],"mappings":""}

package/dist/index58.cjs

@@ -1,15 +1,27 @@
-//#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/toolbar/toolbar.module.css
+var toolbar = "uzi-toolbar-module__toolbar__IXW3o";
+var sticky = "uzi-toolbar-module__sticky__PxGot";
+var group = "uzi-toolbar-module__group__Cw0lk";
+var grow = "uzi-toolbar-module__grow__8oFpY";
+var label = "uzi-toolbar-module__label__H1fT1";
+var controls = "uzi-toolbar-module__controls__EOiOk";
+var toolbar_module_default = {
+	toolbar,
+	"density-compact": "uzi-toolbar-module__density-compact__qqXRT",
+	"density-default": "uzi-toolbar-module__density-default__rGiHv",
+	sticky,
+	group,
+	grow,
+	label,
+	controls
 };
 //#endregion
-exports.default = skeleton_module_default;
-exports.skeleton = skeleton;
+exports.controls = controls;
+exports.default = toolbar_module_default;
+exports.group = group;
+exports.grow = grow;
+exports.label = label;
+exports.sticky = sticky;
+exports.toolbar = toolbar;
 
 //# sourceMappingURL=index58.cjs.map

package/dist/index58.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index58.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":"index58.cjs","names":[],"sources":["../src/components/toolbar/toolbar.module.css"],"sourcesContent":[".toolbar {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--uzi-space-2, 0.5rem);\n  border: 1px solid var(--uzi-border-subtle, var(--border));\n  border-radius: var(--uzi-radius-md, 0.625rem);\n  background: var(--uzi-surface-1, var(--panel));\n}\n\n.density-compact { padding: var(--uzi-space-2, 0.5rem); }\n\n.density-default {\n  padding: var(--uzi-space-3, 0.75rem);\n  gap: var(--uzi-space-3, 0.75rem);\n}\n\n.sticky {\n  position: sticky;\n  top: var(--uzi-toolbar-sticky-offset, 0);\n  z-index: 20;\n  background: color-mix(in srgb, var(--uzi-surface-1, var(--panel)) 90%, transparent);\n  -webkit-backdrop-filter: blur(12px);\n  backdrop-filter: blur(12px);\n}\n\n.group {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n.group + .group {\n  margin-left: var(--uzi-space-1, 0.25rem);\n  padding-left: var(--uzi-space-3, 0.75rem);\n  border-left: 1px solid var(--uzi-border-subtle, var(--border));\n}\n\n.grow { flex: 1 1 16rem; }\n\n.label {\n  flex: 0 0 auto;\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.controls {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n@media (max-width: 40rem) {\n  .toolbar { align-items: stretch; }\n\n  .group,\n  .grow { flex: 1 1 100%; }\n\n  .group + .group {\n    margin-left: 0;\n    padding-top: var(--uzi-space-2, 0.5rem);\n    padding-left: 0;\n    border-top: 1px solid var(--uzi-border-subtle, var(--border));\n    border-left: 0;\n  }\n\n  .controls { flex: 1 1 auto; }\n}\n"],"mappings":""}

package/dist/index58.js

@@ -1,21 +1,32 @@
-"use client";
 import { cx } from "./index3.js";
-import skeleton_module_default from "./index57.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/skeleton/Skeleton.tsx
-function Skeleton({ width, height, radius = "md", className, style, ...rest }) {
+import toolbar_module_default from "./index57.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/toolbar/Toolbar.tsx
+function Toolbar({ density = "compact", sticky = false, role, 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
+		role,
+		className: cx(toolbar_module_default.toolbar, toolbar_module_default[`density-${density}`], sticky && toolbar_module_default.sticky, className),
+		...rest,
+		children
+	});
+}
+function ToolbarGroup({ label, grow = false, role, "aria-label": ariaLabel, className, children, ...rest }) {
+	const groupLabel = ariaLabel ?? (typeof label === "string" ? label : void 0);
+	return /* @__PURE__ */ jsxs("div", {
+		role: role ?? (label != null || groupLabel != null ? "group" : void 0),
+		"aria-label": groupLabel,
+		className: cx(toolbar_module_default.group, grow && toolbar_module_default.grow, className),
+		...rest,
+		children: [label != null && /* @__PURE__ */ jsx("span", {
+			className: toolbar_module_default.label,
+			children: label
+		}), /* @__PURE__ */ jsx("div", {
+			className: toolbar_module_default.controls,
+			children
+		})]
 	});
 }
 //#endregion
-export { Skeleton };
+export { Toolbar, ToolbarGroup };
 
 //# sourceMappingURL=index58.js.map

package/dist/index58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index58.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":"index58.js","names":[],"sources":["../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./toolbar.module.css\";\n\nexport type ToolbarDensity = \"compact\" | \"default\";\n\nexport type ToolbarProps = HTMLAttributes<HTMLDivElement> & {\n  density?: ToolbarDensity;\n  sticky?: boolean;\n};\n\nexport function Toolbar({\n  density = \"compact\",\n  sticky = false,\n  role,\n  className,\n  children,\n  ...rest\n}: ToolbarProps) {\n  return (\n    <div\n      role={role}\n      className={cx(styles.toolbar, styles[`density-${density}`], sticky && styles.sticky, className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type ToolbarGroupProps = HTMLAttributes<HTMLDivElement> & {\n  label?: ReactNode;\n  grow?: boolean;\n};\n\nexport function ToolbarGroup({\n  label,\n  grow = false,\n  role,\n  \"aria-label\": ariaLabel,\n  className,\n  children,\n  ...rest\n}: ToolbarGroupProps) {\n  const groupLabel = ariaLabel ?? (typeof label === \"string\" ? label : undefined);\n  const groupRole = role ?? (label != null || groupLabel != null ? \"group\" : undefined);\n\n  return (\n    <div\n      role={groupRole}\n      aria-label={groupLabel}\n      className={cx(styles.group, grow && styles.grow, className)}\n      {...rest}\n    >\n      {label != null && <span className={styles.label}>{label}</span>}\n      <div className={styles.controls}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAWA,SAAgB,QAAQ,EACtB,UAAU,WACV,SAAS,OACT,MACA,WACA,UACA,GAAG,QACY;CACf,OACE,oBAAC,OAAD;EACQ;EACN,WAAW,GAAG,uBAAO,SAAS,uBAAO,WAAW,YAAY,UAAU,uBAAO,QAAQ,SAAS;EAC9F,GAAI;EAEH;CACE,CAAA;AAET;AAOA,SAAgB,aAAa,EAC3B,OACA,OAAO,OACP,MACA,cAAc,WACd,WACA,UACA,GAAG,QACiB;CACpB,MAAM,aAAa,cAAc,OAAO,UAAU,WAAW,QAAQ,KAAA;CAGrE,OACE,qBAAC,OAAD;EACE,MAJc,SAAS,SAAS,QAAQ,cAAc,OAAO,UAAU,KAAA;EAKvE,cAAY;EACZ,WAAW,GAAG,uBAAO,OAAO,QAAQ,uBAAO,MAAM,SAAS;EAC1D,GAAI;YAJN,CAMG,SAAS,QAAQ,oBAAC,QAAD;GAAM,WAAW,uBAAO;aAAQ;EAAY,CAAA,GAC9D,oBAAC,OAAD;GAAK,WAAW,uBAAO;GAAW;EAAc,CAAA,CAC7C;;AAET"}

package/dist/index59.cjs

@@ -1,21 +1,33 @@
-"use client";
 const require_cx = require("./index4.cjs");
-const require_skeleton_module = require("./index58.cjs");
+const require_toolbar_module = require("./index58.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/skeleton/Skeleton.tsx
-function Skeleton({ width, height, radius = "md", className, style, ...rest }) {
+//#region src/components/toolbar/Toolbar.tsx
+function Toolbar({ density = "compact", sticky = false, role, className, children, ...rest }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_skeleton_module.default.skeleton, require_skeleton_module.default[`radius-${radius}`], className),
-		style: {
-			width,
-			height,
-			...style
-		},
-		"aria-hidden": "true",
-		...rest
+		role,
+		className: require_cx.cx(require_toolbar_module.default.toolbar, require_toolbar_module.default[`density-${density}`], sticky && require_toolbar_module.default.sticky, className),
+		...rest,
+		children
+	});
+}
+function ToolbarGroup({ label, grow = false, role, "aria-label": ariaLabel, className, children, ...rest }) {
+	const groupLabel = ariaLabel ?? (typeof label === "string" ? label : void 0);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		role: role ?? (label != null || groupLabel != null ? "group" : void 0),
+		"aria-label": groupLabel,
+		className: require_cx.cx(require_toolbar_module.default.group, grow && require_toolbar_module.default.grow, className),
+		...rest,
+		children: [label != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_toolbar_module.default.label,
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_toolbar_module.default.controls,
+			children
+		})]
 	});
 }
 //#endregion
-exports.Skeleton = Skeleton;
+exports.Toolbar = Toolbar;
+exports.ToolbarGroup = ToolbarGroup;
 
 //# sourceMappingURL=index59.cjs.map

package/dist/index59.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index59.cjs","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,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,wBAAA,QAAO,UAAU,wBAAA,QAAO,UAAU,WAAW,SAAS;EACpE,OAAO;GAAE;GAAO;GAAQ,GAAG;EAAM;EACjC,eAAY;EACZ,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index59.cjs","names":[],"sources":["../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./toolbar.module.css\";\n\nexport type ToolbarDensity = \"compact\" | \"default\";\n\nexport type ToolbarProps = HTMLAttributes<HTMLDivElement> & {\n  density?: ToolbarDensity;\n  sticky?: boolean;\n};\n\nexport function Toolbar({\n  density = \"compact\",\n  sticky = false,\n  role,\n  className,\n  children,\n  ...rest\n}: ToolbarProps) {\n  return (\n    <div\n      role={role}\n      className={cx(styles.toolbar, styles[`density-${density}`], sticky && styles.sticky, className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type ToolbarGroupProps = HTMLAttributes<HTMLDivElement> & {\n  label?: ReactNode;\n  grow?: boolean;\n};\n\nexport function ToolbarGroup({\n  label,\n  grow = false,\n  role,\n  \"aria-label\": ariaLabel,\n  className,\n  children,\n  ...rest\n}: ToolbarGroupProps) {\n  const groupLabel = ariaLabel ?? (typeof label === \"string\" ? label : undefined);\n  const groupRole = role ?? (label != null || groupLabel != null ? \"group\" : undefined);\n\n  return (\n    <div\n      role={groupRole}\n      aria-label={groupLabel}\n      className={cx(styles.group, grow && styles.grow, className)}\n      {...rest}\n    >\n      {label != null && <span className={styles.label}>{label}</span>}\n      <div className={styles.controls}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAWA,SAAgB,QAAQ,EACtB,UAAU,WACV,SAAS,OACT,MACA,WACA,UACA,GAAG,QACY;CACf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACQ;EACN,WAAW,WAAA,GAAG,uBAAA,QAAO,SAAS,uBAAA,QAAO,WAAW,YAAY,UAAU,uBAAA,QAAO,QAAQ,SAAS;EAC9F,GAAI;EAEH;CACE,CAAA;AAET;AAOA,SAAgB,aAAa,EAC3B,OACA,OAAO,OACP,MACA,cAAc,WACd,WACA,UACA,GAAG,QACiB;CACpB,MAAM,aAAa,cAAc,OAAO,UAAU,WAAW,QAAQ,KAAA;CAGrE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,MAJc,SAAS,SAAS,QAAQ,cAAc,OAAO,UAAU,KAAA;EAKvE,cAAY;EACZ,WAAW,WAAA,GAAG,uBAAA,QAAO,OAAO,QAAQ,uBAAA,QAAO,MAAM,SAAS;EAC1D,GAAI;YAJN,CAMG,SAAS,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAW,uBAAA,QAAO;aAAQ;EAAY,CAAA,GAC9D,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAW,uBAAA,QAAO;GAAW;EAAc,CAAA,CAC7C;;AAET"}

package/dist/index59.js

@@ -1,15 +1,14 @@
-//#region src/components/progress/progress.module.css
-var track = "uzi-progress-module__track__gM0oV";
-var fill = "uzi-progress-module__fill__aLAbp";
-var progress_module_default = {
-	track,
-	fill,
-	"tone-default": "uzi-progress-module__tone-default__fhf7o",
-	"tone-success": "uzi-progress-module__tone-success__FsGHD",
-	"tone-warning": "uzi-progress-module__tone-warning__UAttL",
-	"tone-danger": "uzi-progress-module__tone-danger__-L-Ee"
+//#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"
 };
 //#endregion
-export { progress_module_default as default, fill, track };
+export { skeleton_module_default as default, skeleton };
 
 //# sourceMappingURL=index59.js.map

package/dist/index59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index59.js","names":[],"sources":["../src/components/progress/progress.module.css"],"sourcesContent":[".track {\n  height: 8px;\n  border-radius: 9999px;\n  overflow: hidden;\n  background: color-mix(in srgb, var(--border) 60%, transparent);\n}\n\n.fill {\n  height: 100%;\n  border-radius: 9999px;\n  transition: width 0.4s ease;\n}\n\n.tone-default { background: var(--foreground); }\n.tone-success { background: var(--success); }\n.tone-warning { background: var(--warning); }\n.tone-danger  { background: var(--destructive); }\n"],"mappings":""}
+{"version":3,"file":"index59.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":""}

package/dist/index60.cjs

@@ -1,17 +1,15 @@
-//#region src/components/progress/progress.module.css
-var track = "uzi-progress-module__track__gM0oV";
-var fill = "uzi-progress-module__fill__aLAbp";
-var progress_module_default = {
-	track,
-	fill,
-	"tone-default": "uzi-progress-module__tone-default__fhf7o",
-	"tone-success": "uzi-progress-module__tone-success__FsGHD",
-	"tone-warning": "uzi-progress-module__tone-warning__UAttL",
-	"tone-danger": "uzi-progress-module__tone-danger__-L-Ee"
+//#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"
 };
 //#endregion
-exports.default = progress_module_default;
-exports.fill = fill;
-exports.track = track;
+exports.default = skeleton_module_default;
+exports.skeleton = skeleton;
 
 //# sourceMappingURL=index60.cjs.map

package/dist/index60.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index60.cjs","names":[],"sources":["../src/components/progress/progress.module.css"],"sourcesContent":[".track {\n  height: 8px;\n  border-radius: 9999px;\n  overflow: hidden;\n  background: color-mix(in srgb, var(--border) 60%, transparent);\n}\n\n.fill {\n  height: 100%;\n  border-radius: 9999px;\n  transition: width 0.4s ease;\n}\n\n.tone-default { background: var(--foreground); }\n.tone-success { background: var(--success); }\n.tone-warning { background: var(--warning); }\n.tone-danger  { background: var(--destructive); }\n"],"mappings":""}
+{"version":3,"file":"index60.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":""}

package/dist/index60.js

@@ -1,24 +1,21 @@
+"use client";
 import { cx } from "./index3.js";
-import progress_module_default from "./index59.js";
+import skeleton_module_default from "./index59.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/progress/Progress.tsx
-function Progress({ value, tone = "default", className, "aria-label": ariaLabel, ...rest }) {
-	const clamped = Math.max(0, Math.min(100, value));
+//#region src/components/skeleton/Skeleton.tsx
+function Skeleton({ width, height, radius = "md", className, style, ...rest }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(progress_module_default.track, className),
-		role: "progressbar",
-		"aria-valuenow": clamped,
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-label": ariaLabel,
-		...rest,
-		children: /* @__PURE__ */ jsx("div", {
-			className: cx(progress_module_default.fill, progress_module_default[`tone-${tone}`]),
-			style: { width: `${clamped}%` }
-		})
+		className: cx(skeleton_module_default.skeleton, skeleton_module_default[`radius-${radius}`], className),
+		style: {
+			width,
+			height,
+			...style
+		},
+		"aria-hidden": "true",
+		...rest
 	});
 }
 //#endregion
-export { Progress };
+export { Skeleton };
 
 //# sourceMappingURL=index60.js.map

package/dist/index60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index60.js","names":[],"sources":["../src/components/progress/Progress.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./progress.module.css\";\n\nexport type ProgressTone = \"default\" | \"success\" | \"warning\" | \"danger\";\n\nexport type ProgressProps = HTMLAttributes<HTMLDivElement> & {\n  /** Value 0–100. */\n  value: number;\n  /** Visual tone. Defaults to \"default\". */\n  tone?: ProgressTone;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n};\n\nexport function Progress({\n  value,\n  tone = \"default\",\n  className,\n  \"aria-label\": ariaLabel,\n  ...rest\n}: ProgressProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cx(styles.track, className)}\n      role=\"progressbar\"\n      aria-valuenow={clamped}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-label={ariaLabel}\n      {...rest}\n    >\n      <div\n        className={cx(styles.fill, styles[`tone-${tone}`])}\n        style={{ width: `${clamped}%` }}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAeA,SAAgB,SAAS,EACvB,OACA,OAAO,WACP,WACA,cAAc,WACd,GAAG,QACa;CAChB,MAAM,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC;CAChD,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,wBAAO,OAAO,SAAS;EACrC,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,cAAY;EACZ,GAAI;YAEJ,oBAAC,OAAD;GACE,WAAW,GAAG,wBAAO,MAAM,wBAAO,QAAQ,OAAO;GACjD,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG;EAC/B,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"index60.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"}