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

package/dist/index76.js

@@ -0,0 +1,159 @@
+import { cx } from "./index3.js";
+import empty_state_page_module_default from "./index75.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/empty-state-page/EmptyStatePage.tsx
+/** Inline SVG icon for the "no data" variant */
+function NoDataIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 48 48",
+		fill: "none",
+		className: empty_state_page_module_default.iconSvg,
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "8",
+				y: "10",
+				width: "32",
+				height: "28",
+				rx: "4",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "8",
+				y1: "18",
+				x2: "40",
+				y2: "18",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "16",
+				y1: "24",
+				x2: "28",
+				y2: "24",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "16",
+				y1: "30",
+				x2: "32",
+				y2: "30",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round"
+			})
+		]
+	});
+}
+/** Inline SVG icon for the "no connection" variant */
+function NoConnectionIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 48 48",
+		fill: "none",
+		className: empty_state_page_module_default.iconSvg,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "24",
+			cy: "24",
+			r: "14",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M18 18l12 12M30 18L18 30",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})]
+	});
+}
+/** Inline SVG icon for the "no permissions" variant */
+function NoPermissionsIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 48 48",
+		fill: "none",
+		className: empty_state_page_module_default.iconSvg,
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "12",
+				y: "20",
+				width: "24",
+				height: "18",
+				rx: "3",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M20 20v-6a4 4 0 018 0v6",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "24",
+				cy: "30",
+				r: "2",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+var variantMap = {
+	noData: {
+		icon: NoDataIcon,
+		title: "No data yet",
+		description: "When you add data, it will appear here."
+	},
+	noConnection: {
+		icon: NoConnectionIcon,
+		title: "No connection",
+		description: "Check your network settings and try again."
+	},
+	noPermissions: {
+		icon: NoPermissionsIcon,
+		title: "Access denied",
+		description: "You don't have permission to view this content."
+	}
+};
+/**
+* EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.
+*
+* Layout:
+*   Card → Icon → Title → Description → Actions
+*/
+function EmptyStatePage({ variant = "noData", title, description, primaryAction, secondaryAction, icon, className }) {
+	const { icon: VariantIcon, title: defaultTitle, description: defaultDescription } = variantMap[variant];
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(empty_state_page_module_default.wrapper, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: empty_state_page_module_default.card,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: empty_state_page_module_default.iconArea,
+					children: icon ?? /* @__PURE__ */ jsx(VariantIcon, {})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: empty_state_page_module_default.content,
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: empty_state_page_module_default.title,
+						children: title ?? defaultTitle
+					}), /* @__PURE__ */ jsx("p", {
+						className: empty_state_page_module_default.description,
+						children: description ?? defaultDescription
+					})]
+				}),
+				(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", {
+					className: empty_state_page_module_default.actions,
+					children: [primaryAction, secondaryAction]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { EmptyStatePage };
+
+//# sourceMappingURL=index76.js.map

package/dist/index76.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index76.js","names":[],"sources":["../src/components/empty-state-page/EmptyStatePage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state-page.module.css\";\n\nexport type EmptyStatePageVariant = \"noData\" | \"noConnection\" | \"noPermissions\";\n\nexport interface EmptyStatePageProps {\n  /** Page variant driving icon, title, description defaults */\n  variant?: EmptyStatePageVariant;\n  /** Optional title override */\n  title?: string;\n  /** Optional description override */\n  description?: string;\n  /** Primary action button */\n  primaryAction?: React.ReactNode;\n  /** Secondary action button */\n  secondaryAction?: React.ReactNode;\n  /** Optional custom SVG icon (overrides variant icon) */\n  icon?: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/** Inline SVG icon for the \"no data\" variant */\nfunction NoDataIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <rect x=\"8\" y=\"10\" width=\"32\" height=\"28\" rx=\"4\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"8\" y1=\"18\" x2=\"40\" y2=\"18\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"16\" y1=\"24\" x2=\"28\" y2=\"24\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n      <line x1=\"16\" y1=\"30\" x2=\"32\" y2=\"30\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Inline SVG icon for the \"no connection\" variant */\nfunction NoConnectionIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <circle cx=\"24\" cy=\"24\" r=\"14\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M18 18l12 12M30 18L18 30\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Inline SVG icon for the \"no permissions\" variant */\nfunction NoPermissionsIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <rect x=\"12\" y=\"20\" width=\"24\" height=\"18\" rx=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M20 20v-6a4 4 0 018 0v6\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <circle cx=\"24\" cy=\"30\" r=\"2\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nconst variantMap: Record<\n  EmptyStatePageVariant,\n  { icon: React.FC; title: string; description: string }\n> = {\n  noData: {\n    icon: NoDataIcon,\n    title: \"No data yet\",\n    description: \"When you add data, it will appear here.\",\n  },\n  noConnection: {\n    icon: NoConnectionIcon,\n    title: \"No connection\",\n    description: \"Check your network settings and try again.\",\n  },\n  noPermissions: {\n    icon: NoPermissionsIcon,\n    title: \"Access denied\",\n    description: \"You don't have permission to view this content.\",\n  },\n};\n\n/**\n * EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.\n *\n * Layout:\n *   Card → Icon → Title → Description → Actions\n */\nexport function EmptyStatePage({\n  variant = \"noData\",\n  title,\n  description,\n  primaryAction,\n  secondaryAction,\n  icon,\n  className,\n}: EmptyStatePageProps) {\n  const { icon: VariantIcon, title: defaultTitle, description: defaultDescription } = variantMap[variant];\n\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <div className={styles.card}>\n        <div className={styles.iconArea}>\n          {icon ?? <VariantIcon />}\n        </div>\n        <div className={styles.content}>\n          <h2 className={styles.title}>{title ?? defaultTitle}</h2>\n          <p className={styles.description}>{description ?? defaultDescription}</p>\n        </div>\n        {(primaryAction || secondaryAction) && (\n          <div className={styles.actions}>\n            {primaryAction}\n            {secondaryAction}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAwBA,SAAS,aAAa;CACpB,OACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,gCAAO;EAAS,eAAY;YAA5E;GACE,oBAAC,QAAD;IAAM,GAAE;IAAI,GAAE;IAAK,OAAM;IAAK,QAAO;IAAK,IAAG;IAAI,QAAO;IAAe,aAAY;GAAK,CAAA;GACxF,oBAAC,QAAD;IAAM,IAAG;IAAI,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,QAAO;IAAe,aAAY;GAAK,CAAA;GAC5E,oBAAC,QAAD;IAAM,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,QAAO;IAAe,aAAY;IAAI,eAAc;GAAS,CAAA;GACnG,oBAAC,QAAD;IAAM,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,QAAO;IAAe,aAAY;IAAI,eAAc;GAAS,CAAA;EAChG;;AAET;;AAGA,SAAS,mBAAmB;CAC1B,OACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,gCAAO;EAAS,eAAY;YAA5E,CACE,oBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAK,QAAO;GAAe,aAAY;EAAK,CAAA,GACtE,oBAAC,QAAD;GAAM,GAAE;GAA2B,QAAO;GAAe,aAAY;GAAI,eAAc;EAAS,CAAA,CAC7F;;AAET;;AAGA,SAAS,oBAAoB;CAC3B,OACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,gCAAO;EAAS,eAAY;YAA5E;GACE,oBAAC,QAAD;IAAM,GAAE;IAAK,GAAE;IAAK,OAAM;IAAK,QAAO;IAAK,IAAG;IAAI,QAAO;IAAe,aAAY;GAAK,CAAA;GACzF,oBAAC,QAAD;IAAM,GAAE;IAA0B,QAAO;IAAe,aAAY;GAAK,CAAA;GACzE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAI,MAAK;GAAgB,CAAA;EAChD;;AAET;AAEA,IAAM,aAGF;CACF,QAAQ;EACN,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,cAAc;EACZ,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,eAAe;EACb,MAAM;EACN,OAAO;EACP,aAAa;CACf;AACF;;;;;;;AAQA,SAAgB,eAAe,EAC7B,UAAU,UACV,OACA,aACA,eACA,iBACA,MACA,aACsB;CACtB,MAAM,EAAE,MAAM,aAAa,OAAO,cAAc,aAAa,uBAAuB,WAAW;CAE/F,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,gCAAO,SAAS,SAAS;YAC1C,qBAAC,OAAD;GAAK,WAAW,gCAAO;aAAvB;IACE,oBAAC,OAAD;KAAK,WAAW,gCAAO;eACpB,QAAQ,oBAAC,aAAD,CAAc,CAAA;IACpB,CAAA;IACL,qBAAC,OAAD;KAAK,WAAW,gCAAO;eAAvB,CACE,oBAAC,MAAD;MAAI,WAAW,gCAAO;gBAAQ,SAAS;KAAiB,CAAA,GACxD,oBAAC,KAAD;MAAG,WAAW,gCAAO;gBAAc,eAAe;KAAsB,CAAA,CACrE;;KACH,iBAAiB,oBACjB,qBAAC,OAAD;KAAK,WAAW,gCAAO;eAAvB,CACG,eACA,eACE;;GAEJ;;CACF,CAAA;AAET"}

package/dist/index77.cjs

@@ -0,0 +1,161 @@
+const require_runtime = require("./index2.cjs");
+const require_cx = require("./index4.cjs");
+const require_empty_state_page_module = require("./index76.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/empty-state-page/EmptyStatePage.tsx
+/** Inline SVG icon for the "no data" variant */
+function NoDataIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 48 48",
+		fill: "none",
+		className: require_empty_state_page_module.default.iconSvg,
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "8",
+				y: "10",
+				width: "32",
+				height: "28",
+				rx: "4",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+				x1: "8",
+				y1: "18",
+				x2: "40",
+				y2: "18",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+				x1: "16",
+				y1: "24",
+				x2: "28",
+				y2: "24",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+				x1: "16",
+				y1: "30",
+				x2: "32",
+				y2: "30",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round"
+			})
+		]
+	});
+}
+/** Inline SVG icon for the "no connection" variant */
+function NoConnectionIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 48 48",
+		fill: "none",
+		className: require_empty_state_page_module.default.iconSvg,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "24",
+			cy: "24",
+			r: "14",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M18 18l12 12M30 18L18 30",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})]
+	});
+}
+/** Inline SVG icon for the "no permissions" variant */
+function NoPermissionsIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 48 48",
+		fill: "none",
+		className: require_empty_state_page_module.default.iconSvg,
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "12",
+				y: "20",
+				width: "24",
+				height: "18",
+				rx: "3",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M20 20v-6a4 4 0 018 0v6",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "24",
+				cy: "30",
+				r: "2",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+var variantMap = {
+	noData: {
+		icon: NoDataIcon,
+		title: "No data yet",
+		description: "When you add data, it will appear here."
+	},
+	noConnection: {
+		icon: NoConnectionIcon,
+		title: "No connection",
+		description: "Check your network settings and try again."
+	},
+	noPermissions: {
+		icon: NoPermissionsIcon,
+		title: "Access denied",
+		description: "You don't have permission to view this content."
+	}
+};
+/**
+* EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.
+*
+* Layout:
+*   Card → Icon → Title → Description → Actions
+*/
+function EmptyStatePage({ variant = "noData", title, description, primaryAction, secondaryAction, icon, className }) {
+	const { icon: VariantIcon, title: defaultTitle, description: defaultDescription } = variantMap[variant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_empty_state_page_module.default.wrapper, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_empty_state_page_module.default.card,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_empty_state_page_module.default.iconArea,
+					children: icon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VariantIcon, {})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_empty_state_page_module.default.content,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: require_empty_state_page_module.default.title,
+						children: title ?? defaultTitle
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_empty_state_page_module.default.description,
+						children: description ?? defaultDescription
+					})]
+				}),
+				(primaryAction || secondaryAction) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_empty_state_page_module.default.actions,
+					children: [primaryAction, secondaryAction]
+				})
+			]
+		})
+	});
+}
+//#endregion
+exports.EmptyStatePage = EmptyStatePage;
+
+//# sourceMappingURL=index77.cjs.map

package/dist/index77.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index77.cjs","names":[],"sources":["../src/components/empty-state-page/EmptyStatePage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state-page.module.css\";\n\nexport type EmptyStatePageVariant = \"noData\" | \"noConnection\" | \"noPermissions\";\n\nexport interface EmptyStatePageProps {\n  /** Page variant driving icon, title, description defaults */\n  variant?: EmptyStatePageVariant;\n  /** Optional title override */\n  title?: string;\n  /** Optional description override */\n  description?: string;\n  /** Primary action button */\n  primaryAction?: React.ReactNode;\n  /** Secondary action button */\n  secondaryAction?: React.ReactNode;\n  /** Optional custom SVG icon (overrides variant icon) */\n  icon?: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/** Inline SVG icon for the \"no data\" variant */\nfunction NoDataIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <rect x=\"8\" y=\"10\" width=\"32\" height=\"28\" rx=\"4\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"8\" y1=\"18\" x2=\"40\" y2=\"18\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"16\" y1=\"24\" x2=\"28\" y2=\"24\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n      <line x1=\"16\" y1=\"30\" x2=\"32\" y2=\"30\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Inline SVG icon for the \"no connection\" variant */\nfunction NoConnectionIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <circle cx=\"24\" cy=\"24\" r=\"14\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M18 18l12 12M30 18L18 30\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Inline SVG icon for the \"no permissions\" variant */\nfunction NoPermissionsIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <rect x=\"12\" y=\"20\" width=\"24\" height=\"18\" rx=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M20 20v-6a4 4 0 018 0v6\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <circle cx=\"24\" cy=\"30\" r=\"2\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nconst variantMap: Record<\n  EmptyStatePageVariant,\n  { icon: React.FC; title: string; description: string }\n> = {\n  noData: {\n    icon: NoDataIcon,\n    title: \"No data yet\",\n    description: \"When you add data, it will appear here.\",\n  },\n  noConnection: {\n    icon: NoConnectionIcon,\n    title: \"No connection\",\n    description: \"Check your network settings and try again.\",\n  },\n  noPermissions: {\n    icon: NoPermissionsIcon,\n    title: \"Access denied\",\n    description: \"You don't have permission to view this content.\",\n  },\n};\n\n/**\n * EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.\n *\n * Layout:\n *   Card → Icon → Title → Description → Actions\n */\nexport function EmptyStatePage({\n  variant = \"noData\",\n  title,\n  description,\n  primaryAction,\n  secondaryAction,\n  icon,\n  className,\n}: EmptyStatePageProps) {\n  const { icon: VariantIcon, title: defaultTitle, description: defaultDescription } = variantMap[variant];\n\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <div className={styles.card}>\n        <div className={styles.iconArea}>\n          {icon ?? <VariantIcon />}\n        </div>\n        <div className={styles.content}>\n          <h2 className={styles.title}>{title ?? defaultTitle}</h2>\n          <p className={styles.description}>{description ?? defaultDescription}</p>\n        </div>\n        {(primaryAction || secondaryAction) && (\n          <div className={styles.actions}>\n            {primaryAction}\n            {secondaryAction}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/style.css

@@ -1089,6 +1089,14 @@ body {
   color: var(--muted-foreground);
 }
 
+.uzi-multi-select-module__summary__tu-Me {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 500;
+}
+
 .uzi-multi-select-module__chip__46Ms- {
   display: inline-flex;
   align-items: center;
@@ -1145,6 +1153,37 @@ body {
   animation: uzi-multi-select-module__menuFadeIn__Plo7- 140ms ease;
 }
 
+.uzi-multi-select-module__bulkAction__CTqPY {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  border: none;
+  border-radius: var(--uzi-menu-item-radius);
+  background: transparent;
+  color: inherit;
+  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);
+  font: inherit;
+  font-weight: 600;
+  cursor: pointer;
+  outline: none;
+}
+
+.uzi-multi-select-module__bulkAction__CTqPY[data-highlighted] {
+  background: var(--ts-menu-hover-bg, var(--accent));
+  color: var(--ts-menu-hover-fg, var(--accent-foreground));
+}
+
+.uzi-multi-select-module__bulkAction__CTqPY[data-disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.uzi-multi-select-module__separator__UOVk4 {
+  height: 1px;
+  margin: var(--uzi-menu-padding) 0;
+  background: var(--ts-menu-border, var(--border));
+}
+
 .uzi-multi-select-module__option__-Ioqk {
   width: 100%;
   display: flex;
@@ -1206,6 +1245,23 @@ body {
 .uzi-multi-select-module__optionLabel__cVoN7 {
   min-width: 0;
   flex: 1;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--uzi-menu-item-gap);
+}
+
+.uzi-multi-select-module__optionIcon__TQddK {
+  width: 1rem;
+  height: 1rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.uzi-multi-select-module__optionIcon__TQddK > * {
+  max-width: 100%;
+  max-height: 100%;
 }
 
 @keyframes uzi-multi-select-module__menuFadeIn__Plo7- {
@@ -2242,6 +2298,100 @@ button.uzi-sidebar-nav-module__item__uMHkJ {
 .uzi-layout-primitives-module__gap-md__tHIwH { gap: var(--uzi-space-4, 1rem); }
 .uzi-layout-primitives-module__gap-lg__iUm9X { gap: var(--uzi-space-5, 1.5rem); }
 .uzi-layout-primitives-module__gap-xl__O-6Na { gap: var(--uzi-space-6, 2rem); }
+.uzi-conversation-module__root__0Sor6 {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  height: 100%;
+  overflow: hidden;
+  background: var(--uzi-surface-base, var(--background));
+  color: var(--uzi-text-primary, var(--foreground));
+}
+
+.uzi-conversation-module__header__Qsxrb,
+.uzi-conversation-module__attachments__bOZvJ,
+.uzi-conversation-module__composer__DsGDz {
+  flex-shrink: 0;
+  background: var(--uzi-surface-subtle, var(--muted));
+}
+
+.uzi-conversation-module__header__Qsxrb {
+  border-bottom: 1px solid var(--uzi-border-default, var(--border));
+}
+
+.uzi-conversation-module__attachments__bOZvJ,
+.uzi-conversation-module__composer__DsGDz {
+  border-top: 1px solid var(--uzi-border-default, var(--border));
+}
+
+.uzi-conversation-module__messages__onvAy {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: var(--uzi-space-4, 1rem);
+}
+
+.uzi-conversation-module__message__y1o-R {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  max-width: 100%;
+  margin-bottom: var(--uzi-space-4, 1rem);
+}
+
+.uzi-conversation-module__assistant__ZpASb,
+.uzi-conversation-module__system__Ub04L {
+  align-items: flex-start;
+}
+
+.uzi-conversation-module__user__wonj7 {
+  align-items: flex-end;
+}
+
+.uzi-conversation-module__label__139uJ {
+  margin-bottom: var(--uzi-space-1, 0.25rem);
+  color: var(--uzi-text-secondary, var(--muted-foreground));
+  font-size: var(--uzi-font-xs, 0.6875rem);
+  font-weight: 600;
+}
+
+.uzi-conversation-module__bubble__kBvwU {
+  min-width: 0;
+  max-width: min(100%, 52rem);
+  border-radius: var(--uzi-radius-lg, 0.875rem);
+  padding: var(--uzi-space-3, 0.75rem) var(--uzi-space-3, 0.75rem);
+  font-size: var(--uzi-font-body, 0.875rem);
+  line-height: 1.55;
+  overflow-wrap: anywhere;
+}
+
+.uzi-conversation-module__assistant__ZpASb .uzi-conversation-module__bubble__kBvwU,
+.uzi-conversation-module__system__Ub04L .uzi-conversation-module__bubble__kBvwU {
+  border: 1px solid var(--uzi-border-default, var(--border));
+  background: var(--uzi-surface-subtle, var(--muted));
+}
+
+.uzi-conversation-module__user__wonj7 .uzi-conversation-module__bubble__kBvwU {
+  max-width: min(82%, 44rem);
+  background: var(--uzi-accent-primary, var(--primary));
+  color: var(--uzi-text-on-accent, var(--primary-foreground));
+}
+
+.uzi-conversation-module__status__GSYd0 {
+  color: var(--uzi-text-secondary, var(--muted-foreground));
+  font-size: var(--uzi-font-small, 0.75rem);
+}
+
+@media (max-width: 720px) {
+  .uzi-conversation-module__messages__onvAy {
+    padding: var(--uzi-space-3, 0.75rem);
+  }
+
+  .uzi-conversation-module__user__wonj7 .uzi-conversation-module__bubble__kBvwU {
+    max-width: 92%;
+  }
+}
 .uzi-stat-module__stat__R4Ke6 {
   min-width: 0;
   display: grid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomny-dev/uzi",
-  "version": "0.6.3",
+  "version": "0.7.0-pr.78.214.1.87d1ede",
   "description": "Rapid-fire React UI components. Ship faster, build more.",
   "type": "module",
   "repository": {