@tomny-dev/uzi 0.2.5 → 0.2.6-pr.22.67.1.9e9e57c

package/dist/index22.js

@@ -0,0 +1,7 @@
+//#region src/components/checkbox/checkbox.module.css
+var checkbox = "uzi-checkbox-module__checkbox__zAB1y";
+var checkbox_module_default = { checkbox };
+//#endregion
+export { checkbox, checkbox_module_default as default };
+
+//# sourceMappingURL=index22.js.map

package/dist/index22.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index22.js","names":[],"sources":["../src/components/checkbox/checkbox.module.css"],"sourcesContent":[".checkbox {\n  width: 1rem;\n  height: 1rem;\n  margin: 0;\n  border-radius: 0.25rem;\n  border: 1px solid var(--ts-checkbox-border, var(--border));\n  background: var(--ts-checkbox-bg, var(--background));\n  accent-color: var(--ts-checkbox-accent, var(--primary));\n  cursor: pointer;\n}\n\n.checkbox:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.checkbox:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n"],"mappings":""}

package/dist/index23.cjs

@@ -0,0 +1,8 @@
+//#region src/components/checkbox/checkbox.module.css
+var checkbox = "uzi-checkbox-module__checkbox__zAB1y";
+var checkbox_module_default = { checkbox };
+//#endregion
+exports.checkbox = checkbox;
+exports.default = checkbox_module_default;
+
+//# sourceMappingURL=index23.cjs.map

package/dist/index23.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index23.cjs","names":[],"sources":["../src/components/checkbox/checkbox.module.css"],"sourcesContent":[".checkbox {\n  width: 1rem;\n  height: 1rem;\n  margin: 0;\n  border-radius: 0.25rem;\n  border: 1px solid var(--ts-checkbox-border, var(--border));\n  background: var(--ts-checkbox-bg, var(--background));\n  accent-color: var(--ts-checkbox-accent, var(--primary));\n  cursor: pointer;\n}\n\n.checkbox:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.checkbox:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n"],"mappings":""}

package/dist/index23.js

@@ -0,0 +1,18 @@
+import { cx } from "./index3.js";
+import checkbox_module_default from "./index22.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/checkbox/Checkbox.tsx
+var Checkbox = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("input", {
+		ref,
+		type: "checkbox",
+		className: cx(checkbox_module_default.checkbox, className),
+		...props
+	});
+});
+Checkbox.displayName = "Checkbox";
+//#endregion
+export { Checkbox };
+
+//# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index23.js","names":[],"sources":["../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./checkbox.module.css\";\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={cx(styles.checkbox, className)}\n        {...props}\n      />\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;;;AAMA,IAAa,WAAW,MAAM,YAC3B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAChC,OACE,oBAAC,SAAD;EACO;EACL,MAAK;EACL,WAAW,GAAG,wBAAO,UAAU,SAAS;EACxC,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAS,cAAc"}

package/dist/index24.cjs

@@ -0,0 +1,20 @@
+const require_runtime = require("./index2.cjs");
+const require_cx = require("./index4.cjs");
+const require_checkbox_module = require("./index23.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/checkbox/Checkbox.tsx
+var Checkbox = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		ref,
+		type: "checkbox",
+		className: require_cx.cx(require_checkbox_module.default.checkbox, className),
+		...props
+	});
+});
+Checkbox.displayName = "Checkbox";
+//#endregion
+exports.Checkbox = Checkbox;
+
+//# sourceMappingURL=index24.cjs.map

package/dist/index24.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index24.cjs","names":[],"sources":["../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./checkbox.module.css\";\n\nexport type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={cx(styles.checkbox, className)}\n        {...props}\n      />\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;;;;;AAMA,IAAa,WAAW,MAAM,YAC3B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAChC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACO;EACL,MAAK;EACL,WAAW,WAAA,GAAG,wBAAA,QAAO,UAAU,SAAS;EACxC,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAS,cAAc"}

package/dist/index24.js

@@ -0,0 +1,41 @@
+//#region src/components/multi-select/multi-select.module.css
+var wrapper = "uzi-multi-select-module__wrapper__Izj2x";
+var wrapperFullWidth = "uzi-multi-select-module__wrapperFullWidth__eH8pf";
+var trigger = "uzi-multi-select-module__trigger__r3816";
+var value = "uzi-multi-select-module__value__PuUmG";
+var placeholder = "uzi-multi-select-module__placeholder__dJIU-";
+var chip = "uzi-multi-select-module__chip__46Ms-";
+var chipSummary = "uzi-multi-select-module__chipSummary__zLwi8";
+var chevron = "uzi-multi-select-module__chevron__SWK5l";
+var menu = "uzi-multi-select-module__menu__q8auA";
+var menuFadeIn = "uzi-multi-select-module__menuFadeIn__Plo7-";
+var option = "uzi-multi-select-module__option__-Ioqk";
+var optionDisabled = "uzi-multi-select-module__optionDisabled__qtCi8";
+var optionSelected = "uzi-multi-select-module__optionSelected__74IO8";
+var optionLabel = "uzi-multi-select-module__optionLabel__cVoN7";
+var indicator = "uzi-multi-select-module__indicator__NO-WE";
+var indicatorSelected = "uzi-multi-select-module__indicatorSelected__9sEAy";
+var indicatorDisabled = "uzi-multi-select-module__indicatorDisabled__vqdiH";
+var multi_select_module_default = {
+	wrapper,
+	wrapperFullWidth,
+	trigger,
+	value,
+	placeholder,
+	chip,
+	chipSummary,
+	chevron,
+	menu,
+	menuFadeIn,
+	option,
+	optionDisabled,
+	optionSelected,
+	optionLabel,
+	indicator,
+	indicatorSelected,
+	indicatorDisabled
+};
+//#endregion
+export { chevron, chip, chipSummary, multi_select_module_default as default, indicator, indicatorDisabled, indicatorSelected, menu, menuFadeIn, option, optionDisabled, optionLabel, optionSelected, placeholder, trigger, value, wrapper, wrapperFullWidth };
+
+//# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index24.js","names":[],"sources":["../src/components/multi-select/multi-select.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.wrapperFullWidth {\n  width: 100%;\n}\n\n.trigger {\n  width: 100%;\n  min-width: 0;\n  min-height: var(--uzi-control-min-height);\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.625rem;\n  border-radius: var(--uzi-control-radius);\n  border: 1px solid var(--ts-dropdown-border, var(--border));\n  background: var(--ts-dropdown-bg, var(--panel));\n  color: var(--ts-dropdown-text, var(--foreground));\n  padding:\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x-compact)\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x);\n  font-size: var(--uzi-control-font-size);\n  line-height: var(--uzi-control-line-height);\n  font-family: inherit;\n  box-shadow: var(--uzi-control-shadow);\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    color 0.15s ease,\n    box-shadow 0.15s ease;\n  cursor: pointer;\n  text-align: left;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--ts-dropdown-accent, var(--accent));\n  box-shadow: var(--uzi-control-shadow-hover);\n}\n\n.trigger:focus-visible,\n.trigger[data-state=\"open\"] {\n  border-color: var(--ts-dropdown-accent, var(--primary));\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  box-shadow: none;\n}\n\n.value {\n  min-width: 0;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: 0.375rem;\n  align-items: center;\n}\n\n.placeholder {\n  color: var(--muted-foreground);\n}\n\n.chip {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid color-mix(in srgb, var(--primary) 32%, transparent);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n  color: var(--ts-dropdown-text, var(--foreground));\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.chipSummary {\n  color: var(--primary);\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted-foreground);\n  flex-shrink: 0;\n  transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.trigger:hover:not(:disabled) .chevron,\n.trigger[data-state=\"open\"] .chevron {\n  color: var(--ts-dropdown-text, var(--foreground));\n}\n\n.trigger[data-state=\"open\"] .chevron {\n  transform: rotate(180deg);\n}\n\n.menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: 50;\n  min-width: 100%;\n  max-height: 16rem;\n  overflow-y: auto;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  animation: menuFadeIn 140ms ease;\n}\n\n.option {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border: none;\n  border-radius: var(--uzi-menu-item-radius);\n  background: transparent;\n  color: inherit;\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.12s ease, color 0.12s ease;\n}\n\n.option:hover:not(:disabled),\n.option:focus-visible,\n.option[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n  outline: none;\n}\n\n.optionDisabled,\n.option[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.optionSelected .optionLabel {\n  color: var(--primary);\n}\n\n.indicator {\n  width: 1rem;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 0.3125rem;\n  border: 1px solid var(--border);\n  color: transparent;\n  background: transparent;\n  transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;\n}\n\n.indicatorSelected {\n  border-color: color-mix(in srgb, var(--primary) 55%, transparent);\n  background: color-mix(in srgb, var(--primary) 12%, transparent);\n  color: var(--primary);\n}\n\n.indicatorDisabled {\n  opacity: 0.65;\n}\n\n.optionLabel {\n  min-width: 0;\n  flex: 1;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}

package/dist/index25.cjs

@@ -0,0 +1,58 @@
+//#region src/components/multi-select/multi-select.module.css
+var wrapper = "uzi-multi-select-module__wrapper__Izj2x";
+var wrapperFullWidth = "uzi-multi-select-module__wrapperFullWidth__eH8pf";
+var trigger = "uzi-multi-select-module__trigger__r3816";
+var value = "uzi-multi-select-module__value__PuUmG";
+var placeholder = "uzi-multi-select-module__placeholder__dJIU-";
+var chip = "uzi-multi-select-module__chip__46Ms-";
+var chipSummary = "uzi-multi-select-module__chipSummary__zLwi8";
+var chevron = "uzi-multi-select-module__chevron__SWK5l";
+var menu = "uzi-multi-select-module__menu__q8auA";
+var menuFadeIn = "uzi-multi-select-module__menuFadeIn__Plo7-";
+var option = "uzi-multi-select-module__option__-Ioqk";
+var optionDisabled = "uzi-multi-select-module__optionDisabled__qtCi8";
+var optionSelected = "uzi-multi-select-module__optionSelected__74IO8";
+var optionLabel = "uzi-multi-select-module__optionLabel__cVoN7";
+var indicator = "uzi-multi-select-module__indicator__NO-WE";
+var indicatorSelected = "uzi-multi-select-module__indicatorSelected__9sEAy";
+var indicatorDisabled = "uzi-multi-select-module__indicatorDisabled__vqdiH";
+var multi_select_module_default = {
+	wrapper,
+	wrapperFullWidth,
+	trigger,
+	value,
+	placeholder,
+	chip,
+	chipSummary,
+	chevron,
+	menu,
+	menuFadeIn,
+	option,
+	optionDisabled,
+	optionSelected,
+	optionLabel,
+	indicator,
+	indicatorSelected,
+	indicatorDisabled
+};
+//#endregion
+exports.chevron = chevron;
+exports.chip = chip;
+exports.chipSummary = chipSummary;
+exports.default = multi_select_module_default;
+exports.indicator = indicator;
+exports.indicatorDisabled = indicatorDisabled;
+exports.indicatorSelected = indicatorSelected;
+exports.menu = menu;
+exports.menuFadeIn = menuFadeIn;
+exports.option = option;
+exports.optionDisabled = optionDisabled;
+exports.optionLabel = optionLabel;
+exports.optionSelected = optionSelected;
+exports.placeholder = placeholder;
+exports.trigger = trigger;
+exports.value = value;
+exports.wrapper = wrapper;
+exports.wrapperFullWidth = wrapperFullWidth;
+
+//# sourceMappingURL=index25.cjs.map

package/dist/index25.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index25.cjs","names":[],"sources":["../src/components/multi-select/multi-select.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.wrapperFullWidth {\n  width: 100%;\n}\n\n.trigger {\n  width: 100%;\n  min-width: 0;\n  min-height: var(--uzi-control-min-height);\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.625rem;\n  border-radius: var(--uzi-control-radius);\n  border: 1px solid var(--ts-dropdown-border, var(--border));\n  background: var(--ts-dropdown-bg, var(--panel));\n  color: var(--ts-dropdown-text, var(--foreground));\n  padding:\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x-compact)\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x);\n  font-size: var(--uzi-control-font-size);\n  line-height: var(--uzi-control-line-height);\n  font-family: inherit;\n  box-shadow: var(--uzi-control-shadow);\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    color 0.15s ease,\n    box-shadow 0.15s ease;\n  cursor: pointer;\n  text-align: left;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--ts-dropdown-accent, var(--accent));\n  box-shadow: var(--uzi-control-shadow-hover);\n}\n\n.trigger:focus-visible,\n.trigger[data-state=\"open\"] {\n  border-color: var(--ts-dropdown-accent, var(--primary));\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  box-shadow: none;\n}\n\n.value {\n  min-width: 0;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: 0.375rem;\n  align-items: center;\n}\n\n.placeholder {\n  color: var(--muted-foreground);\n}\n\n.chip {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid color-mix(in srgb, var(--primary) 32%, transparent);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n  color: var(--ts-dropdown-text, var(--foreground));\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.chipSummary {\n  color: var(--primary);\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted-foreground);\n  flex-shrink: 0;\n  transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.trigger:hover:not(:disabled) .chevron,\n.trigger[data-state=\"open\"] .chevron {\n  color: var(--ts-dropdown-text, var(--foreground));\n}\n\n.trigger[data-state=\"open\"] .chevron {\n  transform: rotate(180deg);\n}\n\n.menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: 50;\n  min-width: 100%;\n  max-height: 16rem;\n  overflow-y: auto;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  animation: menuFadeIn 140ms ease;\n}\n\n.option {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border: none;\n  border-radius: var(--uzi-menu-item-radius);\n  background: transparent;\n  color: inherit;\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.12s ease, color 0.12s ease;\n}\n\n.option:hover:not(:disabled),\n.option:focus-visible,\n.option[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n  outline: none;\n}\n\n.optionDisabled,\n.option[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.optionSelected .optionLabel {\n  color: var(--primary);\n}\n\n.indicator {\n  width: 1rem;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 0.3125rem;\n  border: 1px solid var(--border);\n  color: transparent;\n  background: transparent;\n  transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;\n}\n\n.indicatorSelected {\n  border-color: color-mix(in srgb, var(--primary) 55%, transparent);\n  background: color-mix(in srgb, var(--primary) 12%, transparent);\n  color: var(--primary);\n}\n\n.indicatorDisabled {\n  opacity: 0.65;\n}\n\n.optionLabel {\n  min-width: 0;\n  flex: 1;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}

package/dist/index25.js

@@ -0,0 +1,123 @@
+"use client";
+import { cx } from "./index3.js";
+import multi_select_module_default from "./index24.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+//#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) => {
+	const selectedSet = React.useMemo(() => new Set(value), [value]);
+	const selectedOptions = React.useMemo(() => options.filter((opt) => selectedSet.has(opt.value)), [options, selectedSet]);
+	const toggleValue = React.useCallback((nextValue) => {
+		if (selectedSet.has(nextValue)) {
+			onChange(value.filter((entry) => entry !== nextValue));
+			return;
+		}
+		onChange([...value, nextValue]);
+	}, [
+		onChange,
+		selectedSet,
+		value
+	]);
+	const visibleCount = Math.max(1, maxVisibleValues);
+	const visibleOptions = selectedOptions.slice(0, visibleCount);
+	const overflowCount = Math.max(0, selectedOptions.length - visibleOptions.length);
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+		modal: false,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cx(multi_select_module_default.wrapper, fullWidth && multi_select_module_default.wrapperFullWidth, className),
+			children: [
+				/* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsxs("button", {
+						ref,
+						type: "button",
+						className: multi_select_module_default.trigger,
+						"aria-label": ariaLabel,
+						"aria-labelledby": ariaLabelledBy,
+						disabled,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: multi_select_module_default.value,
+							children: selectedOptions.length === 0 ? /* @__PURE__ */ jsx("span", {
+								className: multi_select_module_default.placeholder,
+								children: placeholder
+							}) : /* @__PURE__ */ jsxs(Fragment, { children: [visibleOptions.map((option) => /* @__PURE__ */ jsx("span", {
+								className: multi_select_module_default.chip,
+								children: option.label
+							}, option.value)), overflowCount > 0 ? /* @__PURE__ */ jsxs("span", {
+								className: cx(multi_select_module_default.chip, multi_select_module_default.chipSummary),
+								children: ["+", overflowCount]
+							}) : null] })
+						}), /* @__PURE__ */ jsx("span", {
+							className: multi_select_module_default.chevron,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ jsx("svg", {
+								viewBox: "0 0 10 10",
+								fill: "none",
+								xmlns: "http://www.w3.org/2000/svg",
+								width: "10",
+								height: "10",
+								children: /* @__PURE__ */ jsx("path", {
+									d: "M2 3.5L5 6.5L8 3.5",
+									stroke: "currentColor",
+									strokeWidth: "1.5",
+									strokeLinecap: "round",
+									strokeLinejoin: "round"
+								})
+							})
+						})]
+					})
+				}),
+				name ? value.map((entry) => /* @__PURE__ */ jsx("input", {
+					type: "hidden",
+					name,
+					value: entry
+				}, entry)) : null,
+				/* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+					className: multi_select_module_default.menu,
+					sideOffset: 4,
+					align: "start",
+					children: options.map((option) => {
+						const selected = selectedSet.has(option.value);
+						return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+							className: cx(multi_select_module_default.option, selected && multi_select_module_default.optionSelected, option.disabled && multi_select_module_default.optionDisabled),
+							checked: selected,
+							disabled: option.disabled,
+							onCheckedChange: () => toggleValue(option.value),
+							onSelect: (event) => event.preventDefault(),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: cx(multi_select_module_default.indicator, selected && multi_select_module_default.indicatorSelected, option.disabled && multi_select_module_default.indicatorDisabled),
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, {
+									forceMount: true,
+									children: /* @__PURE__ */ jsx("svg", {
+										viewBox: "0 0 16 16",
+										width: "16",
+										height: "16",
+										fill: "none",
+										xmlns: "http://www.w3.org/2000/svg",
+										children: /* @__PURE__ */ 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__ */ jsx("span", {
+								className: multi_select_module_default.optionLabel,
+								children: option.label
+							})]
+						}, option.value);
+					})
+				}) })
+			]
+		})
+	});
+});
+MultiSelect.displayName = "MultiSelect";
+//#endregion
+export { MultiSelect };
+
+//# sourceMappingURL=index25.js.map

package/dist/index25.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index25.js","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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"}

package/dist/index26.cjs

@@ -0,0 +1,126 @@
+"use client";
+const require_runtime = require("./index2.cjs");
+const require_cx = require("./index4.cjs");
+const require_multi_select_module = require("./index25.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+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) => {
+	const selectedSet = react.useMemo(() => new Set(value), [value]);
+	const selectedOptions = react.useMemo(() => options.filter((opt) => selectedSet.has(opt.value)), [options, selectedSet]);
+	const toggleValue = react.useCallback((nextValue) => {
+		if (selectedSet.has(nextValue)) {
+			onChange(value.filter((entry) => entry !== nextValue));
+			return;
+		}
+		onChange([...value, nextValue]);
+	}, [
+		onChange,
+		selectedSet,
+		value
+	]);
+	const visibleCount = Math.max(1, maxVisibleValues);
+	const visibleOptions = selectedOptions.slice(0, visibleCount);
+	const overflowCount = Math.max(0, selectedOptions.length - visibleOptions.length);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Root, {
+		modal: false,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_cx.cx(require_multi_select_module.default.wrapper, fullWidth && require_multi_select_module.default.wrapperFullWidth, className),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						ref,
+						type: "button",
+						className: require_multi_select_module.default.trigger,
+						"aria-label": ariaLabel,
+						"aria-labelledby": ariaLabelledBy,
+						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", {
+								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", {
+								className: require_multi_select_module.default.chip,
+								children: 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]
+							}) : null] })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: require_multi_select_module.default.chevron,
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								viewBox: "0 0 10 10",
+								fill: "none",
+								xmlns: "http://www.w3.org/2000/svg",
+								width: "10",
+								height: "10",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+									d: "M2 3.5L5 6.5L8 3.5",
+									stroke: "currentColor",
+									strokeWidth: "1.5",
+									strokeLinecap: "round",
+									strokeLinejoin: "round"
+								})
+							})
+						})]
+					})
+				}),
+				name ? value.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "hidden",
+					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, {
+					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"
+										})
+									})
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: require_multi_select_module.default.optionLabel,
+								children: option.label
+							})]
+						}, option.value);
+					})
+				}) })
+			]
+		})
+	});
+});
+MultiSelect.displayName = "MultiSelect";
+//#endregion
+exports.MultiSelect = MultiSelect;
+
+//# sourceMappingURL=index26.cjs.map

package/dist/index26.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index26.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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"}

package/dist/index26.js

@@ -0,0 +1,29 @@
+//#region src/components/select/select.module.css
+var wrapper = "uzi-select-module__wrapper__7szq0";
+var wrapperFullWidth = "uzi-select-module__wrapperFullWidth__IyOIG";
+var trigger = "uzi-select-module__trigger__ldh8w";
+var value = "uzi-select-module__value__FTUJh";
+var chevron = "uzi-select-module__chevron__U6HXS";
+var content = "uzi-select-module__content__pOWWy";
+var selectFadeIn = "uzi-select-module__selectFadeIn__Z-yKX";
+var viewport = "uzi-select-module__viewport__VGZM6";
+var item = "uzi-select-module__item__6uM6-";
+var indicator = "uzi-select-module__indicator__ZHcg5";
+var indicatorIcon = "uzi-select-module__indicatorIcon__kOV2G";
+var select_module_default = {
+	wrapper,
+	wrapperFullWidth,
+	trigger,
+	value,
+	chevron,
+	content,
+	selectFadeIn,
+	viewport,
+	item,
+	indicator,
+	indicatorIcon
+};
+//#endregion
+export { chevron, content, select_module_default as default, indicator, indicatorIcon, item, selectFadeIn, trigger, value, viewport, wrapper, wrapperFullWidth };
+
+//# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index26.js","names":[],"sources":["../src/components/select/select.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.wrapperFullWidth {\n  width: 100%;\n}\n\n.wrapper:not(.wrapperFullWidth) .trigger {\n  width: auto;\n}\n\n.trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.625rem;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--uzi-control-min-height);\n  border-radius: var(--uzi-control-radius);\n  border: 1px solid var(--ts-dropdown-border, var(--border));\n  background: var(--ts-dropdown-bg, var(--panel));\n  color: var(--ts-dropdown-text, var(--foreground));\n  padding:\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x-compact)\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x);\n  font-size: var(--uzi-control-font-size);\n  line-height: var(--uzi-control-line-height);\n  font-family: inherit;\n  font-weight: 500;\n  box-shadow: var(--uzi-control-shadow);\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    color 0.15s ease,\n    box-shadow 0.15s ease;\n  cursor: pointer;\n  text-align: left;\n}\n\n.value {\n  min-width: 0;\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--ts-dropdown-accent, var(--accent));\n  box-shadow: var(--uzi-control-shadow-hover);\n}\n\n.trigger:focus-visible {\n  border-color: var(--ts-dropdown-accent, var(--primary));\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);\n}\n\n.trigger[data-placeholder] {\n  color: var(--muted-foreground);\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  box-shadow: none;\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted-foreground);\n  flex-shrink: 0;\n  position: relative;\n  top: -1px;\n  transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.chevron svg {\n  display: block;\n}\n\n.trigger:hover:not(:disabled) .chevron,\n.trigger[data-state=\"open\"] .chevron {\n  color: var(--ts-dropdown-text, var(--foreground));\n}\n\n.trigger[data-state=\"open\"] .chevron {\n  transform: rotate(180deg);\n}\n\n.content {\n  z-index: 50;\n  min-width: var(--radix-select-trigger-width);\n  max-height: min(18rem, var(--radix-select-content-available-height));\n  overflow: hidden;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  animation: selectFadeIn 140ms ease;\n}\n\n.viewport {\n  max-height: inherit;\n  overflow-y: auto;\n}\n\n.item {\n  position: relative;\n  display: flex;\n  width: 100%;\n  cursor: default;\n  user-select: none;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border-radius: var(--uzi-menu-item-radius);\n  padding:\n    var(--uzi-menu-item-padding-y)\n    var(--uzi-menu-item-padding-x)\n    var(--uzi-menu-item-padding-y)\n    2rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  outline: none;\n}\n\n.item[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n}\n\n.item[data-disabled] {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.item[data-state=\"checked\"] {\n  color: var(--primary);\n}\n\n.indicator {\n  position: absolute;\n  left: 0.625rem;\n  display: inline-flex;\n  width: 1rem;\n  height: 1rem;\n  align-items: center;\n  justify-content: center;\n  color: currentColor;\n}\n\n.indicatorIcon {\n  display: block;\n}\n\n@keyframes selectFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}

package/dist/index27.cjs

@@ -0,0 +1,40 @@
+//#region src/components/select/select.module.css
+var wrapper = "uzi-select-module__wrapper__7szq0";
+var wrapperFullWidth = "uzi-select-module__wrapperFullWidth__IyOIG";
+var trigger = "uzi-select-module__trigger__ldh8w";
+var value = "uzi-select-module__value__FTUJh";
+var chevron = "uzi-select-module__chevron__U6HXS";
+var content = "uzi-select-module__content__pOWWy";
+var selectFadeIn = "uzi-select-module__selectFadeIn__Z-yKX";
+var viewport = "uzi-select-module__viewport__VGZM6";
+var item = "uzi-select-module__item__6uM6-";
+var indicator = "uzi-select-module__indicator__ZHcg5";
+var indicatorIcon = "uzi-select-module__indicatorIcon__kOV2G";
+var select_module_default = {
+	wrapper,
+	wrapperFullWidth,
+	trigger,
+	value,
+	chevron,
+	content,
+	selectFadeIn,
+	viewport,
+	item,
+	indicator,
+	indicatorIcon
+};
+//#endregion
+exports.chevron = chevron;
+exports.content = content;
+exports.default = select_module_default;
+exports.indicator = indicator;
+exports.indicatorIcon = indicatorIcon;
+exports.item = item;
+exports.selectFadeIn = selectFadeIn;
+exports.trigger = trigger;
+exports.value = value;
+exports.viewport = viewport;
+exports.wrapper = wrapper;
+exports.wrapperFullWidth = wrapperFullWidth;
+
+//# sourceMappingURL=index27.cjs.map

package/dist/index27.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index27.cjs","names":[],"sources":["../src/components/select/select.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.wrapperFullWidth {\n  width: 100%;\n}\n\n.wrapper:not(.wrapperFullWidth) .trigger {\n  width: auto;\n}\n\n.trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.625rem;\n  width: 100%;\n  min-width: 0;\n  min-height: var(--uzi-control-min-height);\n  border-radius: var(--uzi-control-radius);\n  border: 1px solid var(--ts-dropdown-border, var(--border));\n  background: var(--ts-dropdown-bg, var(--panel));\n  color: var(--ts-dropdown-text, var(--foreground));\n  padding:\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x-compact)\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x);\n  font-size: var(--uzi-control-font-size);\n  line-height: var(--uzi-control-line-height);\n  font-family: inherit;\n  font-weight: 500;\n  box-shadow: var(--uzi-control-shadow);\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    color 0.15s ease,\n    box-shadow 0.15s ease;\n  cursor: pointer;\n  text-align: left;\n}\n\n.value {\n  min-width: 0;\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--ts-dropdown-accent, var(--accent));\n  box-shadow: var(--uzi-control-shadow-hover);\n}\n\n.trigger:focus-visible {\n  border-color: var(--ts-dropdown-accent, var(--primary));\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);\n}\n\n.trigger[data-placeholder] {\n  color: var(--muted-foreground);\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  box-shadow: none;\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted-foreground);\n  flex-shrink: 0;\n  position: relative;\n  top: -1px;\n  transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.chevron svg {\n  display: block;\n}\n\n.trigger:hover:not(:disabled) .chevron,\n.trigger[data-state=\"open\"] .chevron {\n  color: var(--ts-dropdown-text, var(--foreground));\n}\n\n.trigger[data-state=\"open\"] .chevron {\n  transform: rotate(180deg);\n}\n\n.content {\n  z-index: 50;\n  min-width: var(--radix-select-trigger-width);\n  max-height: min(18rem, var(--radix-select-content-available-height));\n  overflow: hidden;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  animation: selectFadeIn 140ms ease;\n}\n\n.viewport {\n  max-height: inherit;\n  overflow-y: auto;\n}\n\n.item {\n  position: relative;\n  display: flex;\n  width: 100%;\n  cursor: default;\n  user-select: none;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border-radius: var(--uzi-menu-item-radius);\n  padding:\n    var(--uzi-menu-item-padding-y)\n    var(--uzi-menu-item-padding-x)\n    var(--uzi-menu-item-padding-y)\n    2rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  outline: none;\n}\n\n.item[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n}\n\n.item[data-disabled] {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.item[data-state=\"checked\"] {\n  color: var(--primary);\n}\n\n.indicator {\n  position: absolute;\n  left: 0.625rem;\n  display: inline-flex;\n  width: 1rem;\n  height: 1rem;\n  align-items: center;\n  justify-content: center;\n  color: currentColor;\n}\n\n.indicatorIcon {\n  display: block;\n}\n\n@keyframes selectFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}