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

package/dist/index28.cjs

@@ -8,9 +8,14 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 _radix_ui_react_dropdown_menu = require_runtime.__toESM(_radix_ui_react_dropdown_menu, 1);
 //#region src/components/multi-select/MultiSelect.tsx
-var MultiSelect = react.forwardRef(({ options, value, onChange, placeholder = "Select options", fullWidth = true, maxVisibleValues = 2, className, disabled = false, name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, ref) => {
+var MultiSelect = react.forwardRef(({ options, value, onChange, placeholder = "Select options", fullWidth = true, maxVisibleValues = 2, formatValue, bulkActions = false, selectAllLabel = "Select all", clearAllLabel, className, disabled = false, name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, ref) => {
 	const selectedSet = react.useMemo(() => new Set(value), [value]);
 	const selectedOptions = react.useMemo(() => options.filter((opt) => selectedSet.has(opt.value)), [options, selectedSet]);
+	const enabledValues = react.useMemo(() => options.filter((option) => !option.disabled).map((option) => option.value), [options]);
+	const allEnabledSelected = enabledValues.length > 0 && enabledValues.every((entry) => selectedSet.has(entry));
+	const hasDisabledOptions = options.some((option) => option.disabled);
+	const resolvedClearAllLabel = clearAllLabel ?? (hasDisabledOptions ? "Clear enabled" : "Clear all");
+	const formattedValue = react.useMemo(() => formatValue?.(selectedOptions), [formatValue, selectedOptions]);
 	const toggleValue = react.useCallback((nextValue) => {
 		if (selectedSet.has(nextValue)) {
 			onChange(value.filter((entry) => entry !== nextValue));
@@ -41,12 +46,19 @@ var MultiSelect = react.forwardRef(({ options, value, onChange, placeholder = "S
 						disabled,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: require_multi_select_module.default.value,
-							children: selectedOptions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							children: formatValue ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: require_multi_select_module.default.summary,
+								children: formattedValue
+							}) : selectedOptions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: require_multi_select_module.default.placeholder,
 								children: placeholder
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [visibleOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [visibleOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: require_multi_select_module.default.chip,
-								children: option.label
+								children: [option.icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: require_multi_select_module.default.optionIcon,
+									"aria-hidden": "true",
+									children: option.icon
+								}) : null, option.label]
 							}, option.value)), overflowCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: require_cx.cx(require_multi_select_module.default.chip, require_multi_select_module.default.chipSummary),
 								children: ["+", overflowCount]
@@ -76,44 +88,69 @@ var MultiSelect = react.forwardRef(({ options, value, onChange, placeholder = "S
 					name,
 					value: entry
 				}, entry)) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.Content, {
 					className: require_multi_select_module.default.menu,
 					sideOffset: 4,
 					align: "start",
-					children: options.map((option) => {
-						const selected = selectedSet.has(option.value);
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.CheckboxItem, {
-							className: require_cx.cx(require_multi_select_module.default.option, selected && require_multi_select_module.default.optionSelected, option.disabled && require_multi_select_module.default.optionDisabled),
-							checked: selected,
-							disabled: option.disabled,
-							onCheckedChange: () => toggleValue(option.value),
-							onSelect: (event) => event.preventDefault(),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: require_cx.cx(require_multi_select_module.default.indicator, selected && require_multi_select_module.default.indicatorSelected, option.disabled && require_multi_select_module.default.indicatorDisabled),
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, {
-									forceMount: true,
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-										viewBox: "0 0 16 16",
-										width: "16",
-										height: "16",
-										fill: "none",
-										xmlns: "http://www.w3.org/2000/svg",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-											d: "M3.5 8.5 6.5 11.5 12.5 4.5",
-											stroke: "currentColor",
-											strokeWidth: "1.8",
-											strokeLinecap: "round",
-											strokeLinejoin: "round"
+					children: [
+						bulkActions && enabledValues.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
+							className: require_multi_select_module.default.bulkAction,
+							disabled: allEnabledSelected,
+							onSelect: (event) => {
+								event.preventDefault();
+								onChange([...value, ...enabledValues.filter((entry) => !selectedSet.has(entry))]);
+							},
+							children: selectAllLabel
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
+							className: require_multi_select_module.default.bulkAction,
+							disabled: !enabledValues.some((entry) => selectedSet.has(entry)),
+							onSelect: (event) => {
+								event.preventDefault();
+								const enabledSet = new Set(enabledValues);
+								onChange(value.filter((entry) => !enabledSet.has(entry)));
+							},
+							children: resolvedClearAllLabel
+						})] }) : null,
+						bulkActions && enabledValues.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Separator, { className: require_multi_select_module.default.separator }) : null,
+						options.map((option) => {
+							const selected = selectedSet.has(option.value);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.CheckboxItem, {
+								className: require_cx.cx(require_multi_select_module.default.option, selected && require_multi_select_module.default.optionSelected, option.disabled && require_multi_select_module.default.optionDisabled),
+								checked: selected,
+								disabled: option.disabled,
+								onCheckedChange: () => toggleValue(option.value),
+								onSelect: (event) => event.preventDefault(),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: require_cx.cx(require_multi_select_module.default.indicator, selected && require_multi_select_module.default.indicatorSelected, option.disabled && require_multi_select_module.default.indicatorDisabled),
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, {
+										forceMount: true,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+											viewBox: "0 0 16 16",
+											width: "16",
+											height: "16",
+											fill: "none",
+											xmlns: "http://www.w3.org/2000/svg",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+												d: "M3.5 8.5 6.5 11.5 12.5 4.5",
+												stroke: "currentColor",
+												strokeWidth: "1.8",
+												strokeLinecap: "round",
+												strokeLinejoin: "round"
+											})
 										})
 									})
-								})
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: require_multi_select_module.default.optionLabel,
-								children: option.label
-							})]
-						}, option.value);
-					})
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: require_multi_select_module.default.optionLabel,
+									children: [option.icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: require_multi_select_module.default.optionIcon,
+										"aria-hidden": "true",
+										children: option.icon
+									}) : null, option.label]
+								})]
+							}, option.value);
+						})
+					]
 				}) })
 			]
 		})

package/dist/index28.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index28.cjs","names":[],"sources":["../src/components/multi-select/MultiSelect.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./multi-select.module.css\";\n\nexport type MultiSelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type MultiSelectProps = {\n  options: MultiSelectOption[];\n  value: string[];\n  onChange: (value: string[]) => void;\n  placeholder?: string;\n  fullWidth?: boolean;\n  maxVisibleValues?: number;\n  className?: string;\n  disabled?: boolean;\n  name?: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n};\n\nexport const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\n  (\n    {\n      options,\n      value,\n      onChange,\n      placeholder = \"Select options\",\n      fullWidth = true,\n      maxVisibleValues = 2,\n      className,\n      disabled = false,\n      name,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n    },\n    ref,\n  ) => {\n    const selectedSet = React.useMemo(() => new Set(value), [value]);\n    const selectedOptions = React.useMemo(\n      () => options.filter((opt) => selectedSet.has(opt.value)),\n      [options, selectedSet],\n    );\n\n    const toggleValue = React.useCallback(\n      (nextValue: string) => {\n        if (selectedSet.has(nextValue)) {\n          onChange(value.filter((entry) => entry !== nextValue));\n          return;\n        }\n\n        onChange([...value, nextValue]);\n      },\n      [onChange, selectedSet, value],\n    );\n\n    const visibleCount = Math.max(1, maxVisibleValues);\n    const visibleOptions = selectedOptions.slice(0, visibleCount);\n    const overflowCount = Math.max(\n      0,\n      selectedOptions.length - visibleOptions.length,\n    );\n\n    return (\n      <DropdownMenuPrimitive.Root modal={false}>\n        <div\n          className={cx(\n            styles.wrapper,\n            fullWidth && styles.wrapperFullWidth,\n            className,\n          )}\n        >\n          <DropdownMenuPrimitive.Trigger asChild>\n            <button\n              ref={ref}\n              type=\"button\"\n              className={styles.trigger}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              disabled={disabled}\n            >\n              <span className={styles.value}>\n                {selectedOptions.length === 0 ? (\n                  <span className={styles.placeholder}>{placeholder}</span>\n                ) : (\n                  <>\n                    {visibleOptions.map((option) => (\n                      <span key={option.value} className={styles.chip}>\n                        {option.label}\n                      </span>\n                    ))}\n                    {overflowCount > 0 ? (\n                      <span\n                        className={cx(\n                          styles.chip,\n                          styles.chipSummary,\n                        )}\n                      >\n                        +{overflowCount}\n                      </span>\n                    ) : null}\n                  </>\n                )}\n              </span>\n              <span className={styles.chevron} aria-hidden=\"true\">\n                <svg\n                  viewBox=\"0 0 10 10\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"10\"\n                  height=\"10\"\n                >\n                  <path\n                    d=\"M2 3.5L5 6.5L8 3.5\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.5\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              </span>\n            </button>\n          </DropdownMenuPrimitive.Trigger>\n\n          {name\n            ? value.map((entry) => (\n                <input key={entry} type=\"hidden\" name={name} value={entry} />\n              ))\n            : null}\n\n          <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n              className={styles.menu}\n              sideOffset={4}\n              align=\"start\"\n            >\n              {options.map((option) => {\n                const selected = selectedSet.has(option.value);\n\n                return (\n                  <DropdownMenuPrimitive.CheckboxItem\n                    key={option.value}\n                    className={cx(\n                      styles.option,\n                      selected && styles.optionSelected,\n                      option.disabled && styles.optionDisabled,\n                    )}\n                    checked={selected}\n                    disabled={option.disabled}\n                    onCheckedChange={() => toggleValue(option.value)}\n                    onSelect={(event) => event.preventDefault()}\n                  >\n                    <span\n                      className={cx(\n                        styles.indicator,\n                        selected && styles.indicatorSelected,\n                        option.disabled && styles.indicatorDisabled,\n                      )}\n                      aria-hidden=\"true\"\n                    >\n                      <DropdownMenuPrimitive.ItemIndicator forceMount>\n                        <svg\n                          viewBox=\"0 0 16 16\"\n                          width=\"16\"\n                          height=\"16\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"1.8\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      </DropdownMenuPrimitive.ItemIndicator>\n                    </span>\n                    <span className={styles.optionLabel}>{option.label}</span>\n                  </DropdownMenuPrimitive.CheckboxItem>\n                );\n              })}\n            </DropdownMenuPrimitive.Content>\n          </DropdownMenuPrimitive.Portal>\n        </div>\n      </DropdownMenuPrimitive.Root>\n    );\n  },\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n"],"mappings":"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"}
+{"version":3,"file":"index28.cjs","names":[],"sources":["../src/components/multi-select/MultiSelect.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./multi-select.module.css\";\n\nexport type MultiSelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  /** Optional decorative leading visual. The label remains the accessible option name. */\n  icon?: React.ReactElement;\n};\n\nexport type MultiSelectProps = {\n  options: MultiSelectOption[];\n  value: string[];\n  onChange: (value: string[]) => void;\n  placeholder?: string;\n  fullWidth?: boolean;\n  maxVisibleValues?: number;\n  /** Formats the closed trigger text from the selected options, including an empty selection. */\n  formatValue?: (selected: MultiSelectOption[]) => string;\n  /** Shows Select all and Clear all actions. Bulk actions modify enabled options only. */\n  bulkActions?: boolean;\n  selectAllLabel?: string;\n  /** Label for clearing all enabled selections. Disabled selected options remain selected. */\n  clearAllLabel?: string;\n  className?: string;\n  disabled?: boolean;\n  name?: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n};\n\nexport const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\n  (\n    {\n      options,\n      value,\n      onChange,\n      placeholder = \"Select options\",\n      fullWidth = true,\n      maxVisibleValues = 2,\n      formatValue,\n      bulkActions = false,\n      selectAllLabel = \"Select all\",\n      clearAllLabel,\n      className,\n      disabled = false,\n      name,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n    },\n    ref,\n  ) => {\n    const selectedSet = React.useMemo(() => new Set(value), [value]);\n    const selectedOptions = React.useMemo(\n      () => options.filter((opt) => selectedSet.has(opt.value)),\n      [options, selectedSet],\n    );\n\n    const enabledValues = React.useMemo(\n      () => options.filter((option) => !option.disabled).map((option) => option.value),\n      [options],\n    );\n    const allEnabledSelected =\n      enabledValues.length > 0 && enabledValues.every((entry) => selectedSet.has(entry));\n    const hasDisabledOptions = options.some((option) => option.disabled);\n    const resolvedClearAllLabel =\n      clearAllLabel ?? (hasDisabledOptions ? \"Clear enabled\" : \"Clear all\");\n\n    const formattedValue = React.useMemo(\n      () => formatValue?.(selectedOptions),\n      [formatValue, selectedOptions],\n    );\n\n    const toggleValue = React.useCallback(\n      (nextValue: string) => {\n        if (selectedSet.has(nextValue)) {\n          onChange(value.filter((entry) => entry !== nextValue));\n          return;\n        }\n\n        onChange([...value, nextValue]);\n      },\n      [onChange, selectedSet, value],\n    );\n\n    const visibleCount = Math.max(1, maxVisibleValues);\n    const visibleOptions = selectedOptions.slice(0, visibleCount);\n    const overflowCount = Math.max(\n      0,\n      selectedOptions.length - visibleOptions.length,\n    );\n\n    return (\n      <DropdownMenuPrimitive.Root modal={false}>\n        <div\n          className={cx(\n            styles.wrapper,\n            fullWidth && styles.wrapperFullWidth,\n            className,\n          )}\n        >\n          <DropdownMenuPrimitive.Trigger asChild>\n            <button\n              ref={ref}\n              type=\"button\"\n              className={styles.trigger}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              disabled={disabled}\n            >\n              <span className={styles.value}>\n                {formatValue ? (\n                  <span className={styles.summary}>{formattedValue}</span>\n                ) : selectedOptions.length === 0 ? (\n                  <span className={styles.placeholder}>{placeholder}</span>\n                ) : (\n                  <>\n                    {visibleOptions.map((option) => (\n                      <span key={option.value} className={styles.chip}>\n                        {option.icon ? <span className={styles.optionIcon} aria-hidden=\"true\">{option.icon}</span> : null}\n                        {option.label}\n                      </span>\n                    ))}\n                    {overflowCount > 0 ? (\n                      <span className={cx(styles.chip, styles.chipSummary)}>\n                        +{overflowCount}\n                      </span>\n                    ) : null}\n                  </>\n                )}\n              </span>\n              <span className={styles.chevron} aria-hidden=\"true\">\n                <svg\n                  viewBox=\"0 0 10 10\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"10\"\n                  height=\"10\"\n                >\n                  <path\n                    d=\"M2 3.5L5 6.5L8 3.5\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.5\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              </span>\n            </button>\n          </DropdownMenuPrimitive.Trigger>\n\n          {name\n            ? value.map((entry) => (\n                <input key={entry} type=\"hidden\" name={name} value={entry} />\n              ))\n            : null}\n\n          <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n              className={styles.menu}\n              sideOffset={4}\n              align=\"start\"\n            >\n              {bulkActions && enabledValues.length > 0 ? (\n                <>\n                  <DropdownMenuPrimitive.Item\n                    className={styles.bulkAction}\n                    disabled={allEnabledSelected}\n                    onSelect={(event) => {\n                      event.preventDefault();\n                      onChange([...value, ...enabledValues.filter((entry) => !selectedSet.has(entry))]);\n                    }}\n                  >\n                    {selectAllLabel}\n                  </DropdownMenuPrimitive.Item>\n                  <DropdownMenuPrimitive.Item\n                    className={styles.bulkAction}\n                    disabled={!enabledValues.some((entry) => selectedSet.has(entry))}\n                    onSelect={(event) => {\n                      event.preventDefault();\n                      const enabledSet = new Set(enabledValues);\n                      onChange(value.filter((entry) => !enabledSet.has(entry)));\n                    }}\n                  >\n                    {resolvedClearAllLabel}\n                  </DropdownMenuPrimitive.Item>\n                </>\n              ) : null}\n              {bulkActions && enabledValues.length > 0 ? (\n                <DropdownMenuPrimitive.Separator className={styles.separator} />\n              ) : null}\n              {options.map((option) => {\n                const selected = selectedSet.has(option.value);\n\n                return (\n                  <DropdownMenuPrimitive.CheckboxItem\n                    key={option.value}\n                    className={cx(\n                      styles.option,\n                      selected && styles.optionSelected,\n                      option.disabled && styles.optionDisabled,\n                    )}\n                    checked={selected}\n                    disabled={option.disabled}\n                    onCheckedChange={() => toggleValue(option.value)}\n                    onSelect={(event) => event.preventDefault()}\n                  >\n                    <span\n                      className={cx(\n                        styles.indicator,\n                        selected && styles.indicatorSelected,\n                        option.disabled && styles.indicatorDisabled,\n                      )}\n                      aria-hidden=\"true\"\n                    >\n                      <DropdownMenuPrimitive.ItemIndicator forceMount>\n                        <svg\n                          viewBox=\"0 0 16 16\"\n                          width=\"16\"\n                          height=\"16\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"1.8\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      </DropdownMenuPrimitive.ItemIndicator>\n                    </span>\n                    <span className={styles.optionLabel}>\n                          {option.icon ? <span className={styles.optionIcon} aria-hidden=\"true\">{option.icon}</span> : null}\n                          {option.label}\n                        </span>\n                  </DropdownMenuPrimitive.CheckboxItem>\n                );\n              })}\n            </DropdownMenuPrimitive.Content>\n          </DropdownMenuPrimitive.Portal>\n        </div>\n      </DropdownMenuPrimitive.Root>\n    );\n  },\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n"],"mappings":"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"}

package/dist/index53.js

@@ -1,21 +1,31 @@
-//#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,
+//#region src/components/conversation/conversation.module.css
+var root = "uzi-conversation-module__root__0Sor6";
+var header = "uzi-conversation-module__header__Qsxrb";
+var attachments = "uzi-conversation-module__attachments__bOZvJ";
+var composer = "uzi-conversation-module__composer__DsGDz";
+var messages = "uzi-conversation-module__messages__onvAy";
+var message = "uzi-conversation-module__message__y1o-R";
+var assistant = "uzi-conversation-module__assistant__ZpASb";
+var system = "uzi-conversation-module__system__Ub04L";
+var user = "uzi-conversation-module__user__wonj7";
+var label = "uzi-conversation-module__label__139uJ";
+var bubble = "uzi-conversation-module__bubble__kBvwU";
+var status = "uzi-conversation-module__status__GSYd0";
+var conversation_module_default = {
+	root,
+	header,
+	attachments,
+	composer,
+	messages,
+	message,
+	assistant,
+	system,
+	user,
 	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"
+	bubble,
+	status
 };
 //#endregion
-export { stat_module_default as default, detail, group, label, stat, value };
+export { assistant, attachments, bubble, composer, conversation_module_default as default, header, label, message, messages, root, status, system, user };
 
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"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":""}
+{"version":3,"file":"index53.js","names":[],"sources":["../src/components/conversation/conversation.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n  background: var(--uzi-surface-base, var(--background));\n  color: var(--uzi-text-primary, var(--foreground));\n}\n\n.header,\n.attachments,\n.composer {\n  flex-shrink: 0;\n  background: var(--uzi-surface-subtle, var(--muted));\n}\n\n.header {\n  border-bottom: 1px solid var(--uzi-border-default, var(--border));\n}\n\n.attachments,\n.composer {\n  border-top: 1px solid var(--uzi-border-default, var(--border));\n}\n\n.messages {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: var(--uzi-space-4, 1rem);\n}\n\n.message {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  max-width: 100%;\n  margin-bottom: var(--uzi-space-4, 1rem);\n}\n\n.assistant,\n.system {\n  align-items: flex-start;\n}\n\n.user {\n  align-items: flex-end;\n}\n\n.label {\n  margin-bottom: var(--uzi-space-1, 0.25rem);\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-xs, 0.6875rem);\n  font-weight: 600;\n}\n\n.bubble {\n  min-width: 0;\n  max-width: min(100%, 52rem);\n  border-radius: var(--uzi-radius-lg, 0.875rem);\n  padding: var(--uzi-space-3, 0.75rem) var(--uzi-space-3, 0.75rem);\n  font-size: var(--uzi-font-body, 0.875rem);\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n}\n\n.assistant .bubble,\n.system .bubble {\n  border: 1px solid var(--uzi-border-default, var(--border));\n  background: var(--uzi-surface-subtle, var(--muted));\n}\n\n.user .bubble {\n  max-width: min(82%, 44rem);\n  background: var(--uzi-accent-primary, var(--primary));\n  color: var(--uzi-text-on-accent, var(--primary-foreground));\n}\n\n.status {\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.75rem);\n}\n\n@media (max-width: 720px) {\n  .messages {\n    padding: var(--uzi-space-3, 0.75rem);\n  }\n\n  .user .bubble {\n    max-width: 92%;\n  }\n}\n"],"mappings":""}

package/dist/index54.cjs

@@ -1,26 +1,43 @@
-//#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,
+//#region src/components/conversation/conversation.module.css
+var root = "uzi-conversation-module__root__0Sor6";
+var header = "uzi-conversation-module__header__Qsxrb";
+var attachments = "uzi-conversation-module__attachments__bOZvJ";
+var composer = "uzi-conversation-module__composer__DsGDz";
+var messages = "uzi-conversation-module__messages__onvAy";
+var message = "uzi-conversation-module__message__y1o-R";
+var assistant = "uzi-conversation-module__assistant__ZpASb";
+var system = "uzi-conversation-module__system__Ub04L";
+var user = "uzi-conversation-module__user__wonj7";
+var label = "uzi-conversation-module__label__139uJ";
+var bubble = "uzi-conversation-module__bubble__kBvwU";
+var status = "uzi-conversation-module__status__GSYd0";
+var conversation_module_default = {
+	root,
+	header,
+	attachments,
+	composer,
+	messages,
+	message,
+	assistant,
+	system,
+	user,
 	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"
+	bubble,
+	status
 };
 //#endregion
-exports.default = stat_module_default;
-exports.detail = detail;
-exports.group = group;
+exports.assistant = assistant;
+exports.attachments = attachments;
+exports.bubble = bubble;
+exports.composer = composer;
+exports.default = conversation_module_default;
+exports.header = header;
 exports.label = label;
-exports.stat = stat;
-exports.value = value;
+exports.message = message;
+exports.messages = messages;
+exports.root = root;
+exports.status = status;
+exports.system = system;
+exports.user = user;
 
 //# sourceMappingURL=index54.cjs.map

package/dist/index54.cjs.map

@@ -1 +1 @@
-{"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":""}
+{"version":3,"file":"index54.cjs","names":[],"sources":["../src/components/conversation/conversation.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n  background: var(--uzi-surface-base, var(--background));\n  color: var(--uzi-text-primary, var(--foreground));\n}\n\n.header,\n.attachments,\n.composer {\n  flex-shrink: 0;\n  background: var(--uzi-surface-subtle, var(--muted));\n}\n\n.header {\n  border-bottom: 1px solid var(--uzi-border-default, var(--border));\n}\n\n.attachments,\n.composer {\n  border-top: 1px solid var(--uzi-border-default, var(--border));\n}\n\n.messages {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: var(--uzi-space-4, 1rem);\n}\n\n.message {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  max-width: 100%;\n  margin-bottom: var(--uzi-space-4, 1rem);\n}\n\n.assistant,\n.system {\n  align-items: flex-start;\n}\n\n.user {\n  align-items: flex-end;\n}\n\n.label {\n  margin-bottom: var(--uzi-space-1, 0.25rem);\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-xs, 0.6875rem);\n  font-weight: 600;\n}\n\n.bubble {\n  min-width: 0;\n  max-width: min(100%, 52rem);\n  border-radius: var(--uzi-radius-lg, 0.875rem);\n  padding: var(--uzi-space-3, 0.75rem) var(--uzi-space-3, 0.75rem);\n  font-size: var(--uzi-font-body, 0.875rem);\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n}\n\n.assistant .bubble,\n.system .bubble {\n  border: 1px solid var(--uzi-border-default, var(--border));\n  background: var(--uzi-surface-subtle, var(--muted));\n}\n\n.user .bubble {\n  max-width: min(82%, 44rem);\n  background: var(--uzi-accent-primary, var(--primary));\n  color: var(--uzi-text-on-accent, var(--primary-foreground));\n}\n\n.status {\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.75rem);\n}\n\n@media (max-width: 720px) {\n  .messages {\n    padding: var(--uzi-space-3, 0.75rem);\n  }\n\n  .user .bubble {\n    max-width: 92%;\n  }\n}\n"],"mappings":""}

package/dist/index54.js

@@ -1,35 +1,69 @@
+"use client";
 import { cx } from "./index3.js";
-import stat_module_default from "./index53.js";
+import conversation_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 }) {
+//#region src/components/conversation/Conversation.tsx
+function Conversation({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(conversation_module_default.root, className),
+		...props,
+		children
+	});
+}
+function ConversationHeader({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("header", {
+		className: cx(conversation_module_default.header, className),
+		...props,
+		children
+	});
+}
+function ConversationMessages({ children, className, role = "log", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(conversation_module_default.messages, className),
+		role,
+		"aria-live": "polite",
+		...props,
+		children
+	});
+}
+function ConversationMessage({ children, role, label, className, ...props }) {
 	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
-			})
-		]
+		className: cx(conversation_module_default.message, conversation_module_default[role], className),
+		"data-role": role,
+		...props,
+		children: [label && /* @__PURE__ */ jsx("div", {
+			className: conversation_module_default.label,
+			children: label
+		}), /* @__PURE__ */ jsx("div", {
+			className: conversation_module_default.bubble,
+			children
+		})]
+	});
+}
+function ConversationStatus({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(conversation_module_default.status, className),
+		role: "status",
+		"aria-live": "polite",
+		...props,
+		children
+	});
+}
+function ConversationAttachments({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(conversation_module_default.attachments, className),
+		...props,
+		children
 	});
 }
-function StatGroup({ columns = 3, className, children, ...rest }) {
+function ConversationComposer({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(stat_module_default.group, stat_module_default[`columns-${columns}`], className),
-		...rest,
+		className: cx(conversation_module_default.composer, className),
+		...props,
 		children
 	});
 }
 //#endregion
-export { Stat, StatGroup };
+export { Conversation, ConversationAttachments, ConversationComposer, ConversationHeader, ConversationMessage, ConversationMessages, ConversationStatus };
 
 //# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index54.js","names":[],"sources":["../src/components/conversation/Conversation.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./conversation.module.css\";\n\nexport type ConversationRole = \"assistant\" | \"user\" | \"system\";\n\nexport interface ConversationProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport function Conversation({ children, className, ...props }: ConversationProps) {\n  return <div className={cx(styles.root, className)} {...props}>{children}</div>;\n}\n\nexport function ConversationHeader({ children, className, ...props }: ConversationProps) {\n  return <header className={cx(styles.header, className)} {...props}>{children}</header>;\n}\n\nexport function ConversationMessages({ children, className, role = \"log\", ...props }: ConversationProps) {\n  return <div className={cx(styles.messages, className)} role={role} aria-live=\"polite\" {...props}>{children}</div>;\n}\n\nexport interface ConversationMessageProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  role: ConversationRole;\n  label?: ReactNode;\n}\n\nexport function ConversationMessage({ children, role, label, className, ...props }: ConversationMessageProps) {\n  return (\n    <div className={cx(styles.message, styles[role], className)} data-role={role} {...props}>\n      {label && <div className={styles.label}>{label}</div>}\n      <div className={styles.bubble}>{children}</div>\n    </div>\n  );\n}\n\nexport function ConversationStatus({ children, className, ...props }: ConversationProps) {\n  return <div className={cx(styles.status, className)} role=\"status\" aria-live=\"polite\" {...props}>{children}</div>;\n}\n\nexport function ConversationAttachments({ children, className, ...props }: ConversationProps) {\n  return <div className={cx(styles.attachments, className)} {...props}>{children}</div>;\n}\n\nexport function ConversationComposer({ children, className, ...props }: ConversationProps) {\n  return <div className={cx(styles.composer, className)} {...props}>{children}</div>;\n}\n"],"mappings":";;;;;AAYA,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;CACjF,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,4BAAO,MAAM,SAAS;EAAG,GAAI;EAAQ;CAAc,CAAA;AAC/E;AAEA,SAAgB,mBAAmB,EAAE,UAAU,WAAW,GAAG,SAA4B;CACvF,OAAO,oBAAC,UAAD;EAAQ,WAAW,GAAG,4BAAO,QAAQ,SAAS;EAAG,GAAI;EAAQ;CAAiB,CAAA;AACvF;AAEA,SAAgB,qBAAqB,EAAE,UAAU,WAAW,OAAO,OAAO,GAAG,SAA4B;CACvG,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,4BAAO,UAAU,SAAS;EAAS;EAAM,aAAU;EAAS,GAAI;EAAQ;CAAc,CAAA;AAClH;AAQA,SAAgB,oBAAoB,EAAE,UAAU,MAAM,OAAO,WAAW,GAAG,SAAmC;CAC5G,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,4BAAO,SAAS,4BAAO,OAAO,SAAS;EAAG,aAAW;EAAM,GAAI;YAAlF,CACG,SAAS,oBAAC,OAAD;GAAK,WAAW,4BAAO;aAAQ;EAAW,CAAA,GACpD,oBAAC,OAAD;GAAK,WAAW,4BAAO;GAAS;EAAc,CAAA,CAC3C;;AAET;AAEA,SAAgB,mBAAmB,EAAE,UAAU,WAAW,GAAG,SAA4B;CACvF,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,4BAAO,QAAQ,SAAS;EAAG,MAAK;EAAS,aAAU;EAAS,GAAI;EAAQ;CAAc,CAAA;AAClH;AAEA,SAAgB,wBAAwB,EAAE,UAAU,WAAW,GAAG,SAA4B;CAC5F,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,4BAAO,aAAa,SAAS;EAAG,GAAI;EAAQ;CAAc,CAAA;AACtF;AAEA,SAAgB,qBAAqB,EAAE,UAAU,WAAW,GAAG,SAA4B;CACzF,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,4BAAO,UAAU,SAAS;EAAG,GAAI;EAAQ;CAAc,CAAA;AACnF"}

package/dist/index55.cjs

@@ -1,36 +1,75 @@
+"use client";
 const require_cx = require("./index4.cjs");
-const require_stat_module = require("./index54.cjs");
+const require_conversation_module = require("./index54.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/stat/Stat.tsx
-function Stat({ label, value, detail, className, ...rest }) {
+//#region src/components/conversation/Conversation.tsx
+function Conversation({ children, className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_conversation_module.default.root, className),
+		...props,
+		children
+	});
+}
+function ConversationHeader({ children, className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+		className: require_cx.cx(require_conversation_module.default.header, className),
+		...props,
+		children
+	});
+}
+function ConversationMessages({ children, className, role = "log", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_conversation_module.default.messages, className),
+		role,
+		"aria-live": "polite",
+		...props,
+		children
+	});
+}
+function ConversationMessage({ children, role, label, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_cx.cx(require_stat_module.default.stat, 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
-			})
-		]
+		className: require_cx.cx(require_conversation_module.default.message, require_conversation_module.default[role], className),
+		"data-role": role,
+		...props,
+		children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_conversation_module.default.label,
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_conversation_module.default.bubble,
+			children
+		})]
+	});
+}
+function ConversationStatus({ children, className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_conversation_module.default.status, className),
+		role: "status",
+		"aria-live": "polite",
+		...props,
+		children
+	});
+}
+function ConversationAttachments({ children, className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_conversation_module.default.attachments, className),
+		...props,
+		children
 	});
 }
-function StatGroup({ columns = 3, className, children, ...rest }) {
+function ConversationComposer({ children, className, ...props }) {
 	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,
+		className: require_cx.cx(require_conversation_module.default.composer, className),
+		...props,
 		children
 	});
 }
 //#endregion
-exports.Stat = Stat;
-exports.StatGroup = StatGroup;
+exports.Conversation = Conversation;
+exports.ConversationAttachments = ConversationAttachments;
+exports.ConversationComposer = ConversationComposer;
+exports.ConversationHeader = ConversationHeader;
+exports.ConversationMessage = ConversationMessage;
+exports.ConversationMessages = ConversationMessages;
+exports.ConversationStatus = ConversationStatus;
 
 //# sourceMappingURL=index55.cjs.map

package/dist/index55.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index55.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":"index55.cjs","names":[],"sources":["../src/components/conversation/Conversation.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./conversation.module.css\";\n\nexport type ConversationRole = \"assistant\" | \"user\" | \"system\";\n\nexport interface ConversationProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport function Conversation({ children, className, ...props }: ConversationProps) {\n  return <div className={cx(styles.root, className)} {...props}>{children}</div>;\n}\n\nexport function ConversationHeader({ children, className, ...props }: ConversationProps) {\n  return <header className={cx(styles.header, className)} {...props}>{children}</header>;\n}\n\nexport function ConversationMessages({ children, className, role = \"log\", ...props }: ConversationProps) {\n  return <div className={cx(styles.messages, className)} role={role} aria-live=\"polite\" {...props}>{children}</div>;\n}\n\nexport interface ConversationMessageProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  role: ConversationRole;\n  label?: ReactNode;\n}\n\nexport function ConversationMessage({ children, role, label, className, ...props }: ConversationMessageProps) {\n  return (\n    <div className={cx(styles.message, styles[role], className)} data-role={role} {...props}>\n      {label && <div className={styles.label}>{label}</div>}\n      <div className={styles.bubble}>{children}</div>\n    </div>\n  );\n}\n\nexport function ConversationStatus({ children, className, ...props }: ConversationProps) {\n  return <div className={cx(styles.status, className)} role=\"status\" aria-live=\"polite\" {...props}>{children}</div>;\n}\n\nexport function ConversationAttachments({ children, className, ...props }: ConversationProps) {\n  return <div className={cx(styles.attachments, className)} {...props}>{children}</div>;\n}\n\nexport function ConversationComposer({ children, className, ...props }: ConversationProps) {\n  return <div className={cx(styles.composer, className)} {...props}>{children}</div>;\n}\n"],"mappings":";;;;;AAYA,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;CACjF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,4BAAA,QAAO,MAAM,SAAS;EAAG,GAAI;EAAQ;CAAc,CAAA;AAC/E;AAEA,SAAgB,mBAAmB,EAAE,UAAU,WAAW,GAAG,SAA4B;CACvF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,WAAW,WAAA,GAAG,4BAAA,QAAO,QAAQ,SAAS;EAAG,GAAI;EAAQ;CAAiB,CAAA;AACvF;AAEA,SAAgB,qBAAqB,EAAE,UAAU,WAAW,OAAO,OAAO,GAAG,SAA4B;CACvG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,4BAAA,QAAO,UAAU,SAAS;EAAS;EAAM,aAAU;EAAS,GAAI;EAAQ;CAAc,CAAA;AAClH;AAQA,SAAgB,oBAAoB,EAAE,UAAU,MAAM,OAAO,WAAW,GAAG,SAAmC;CAC5G,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,4BAAA,QAAO,SAAS,4BAAA,QAAO,OAAO,SAAS;EAAG,aAAW;EAAM,GAAI;YAAlF,CACG,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAW,4BAAA,QAAO;aAAQ;EAAW,CAAA,GACpD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAW,4BAAA,QAAO;GAAS;EAAc,CAAA,CAC3C;;AAET;AAEA,SAAgB,mBAAmB,EAAE,UAAU,WAAW,GAAG,SAA4B;CACvF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,4BAAA,QAAO,QAAQ,SAAS;EAAG,MAAK;EAAS,aAAU;EAAS,GAAI;EAAQ;CAAc,CAAA;AAClH;AAEA,SAAgB,wBAAwB,EAAE,UAAU,WAAW,GAAG,SAA4B;CAC5F,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,4BAAA,QAAO,aAAa,SAAS;EAAG,GAAI;EAAQ;CAAc,CAAA;AACtF;AAEA,SAAgB,qBAAqB,EAAE,UAAU,WAAW,GAAG,SAA4B;CACzF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,4BAAA,QAAO,UAAU,SAAS;EAAG,GAAI;EAAQ;CAAc,CAAA;AACnF"}

package/dist/index55.js

@@ -1,21 +1,21 @@
-//#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
-export { controls, toolbar_module_default as default, group, grow, label, sticky, toolbar };
+export { stat_module_default as default, detail, group, label, stat, value };
 
 //# sourceMappingURL=index55.js.map