@tomny-dev/uzi 0.5.0 → 0.6.0

package/dist/index29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index29.js","names":[],"sources":["../src/components/dropdown-menu/dropdown-menu.module.css"],"sourcesContent":[".content {\n  z-index: var(--uzi-popover-z-index, 1100);\n  min-width: 8rem;\n  max-height: var(--radix-dropdown-menu-content-available-height);\n  overflow-x: hidden;\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  transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n  animation: menuFadeIn 140ms ease;\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: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  outline: none;\n}\n\n.item[data-inset=\"true\"] {\n  padding-left: 2rem;\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.itemDestructive {\n  color: var(--ts-menu-danger, var(--destructive));\n}\n\n.itemDestructive[data-highlighted] {\n  background: color-mix(in srgb, var(--destructive) 15%, transparent);\n  color: var(--ts-menu-danger-fg, var(--destructive));\n}\n\n.insetItem {\n  padding-left: 2rem;\n}\n\n.indicator {\n  position: absolute;\n  left: 0.5rem;\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.radioDot {\n  display: block;\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: 999px;\n  background: currentColor;\n}\n\n.label {\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.25rem;\n}\n\n.label[data-inset=\"true\"] {\n  padding-left: 2rem;\n}\n\n.separator {\n  height: 1px;\n  margin: 0.25rem -0.25rem;\n  background: var(--ts-menu-separator, var(--border));\n}\n\n.chevron {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index29.js","names":[],"sources":["../src/components/select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./select.module.css\";\n\nexport type SelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type SelectProps = {\n  options: SelectOption[];\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  allowEmptyOption?: boolean;\n  fullWidth?: boolean;\n  className?: string;\n  id?: string;\n  name?: string;\n  disabled?: boolean;\n  required?: boolean;\n  autoComplete?: string;\n  form?: string;\n  title?: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n};\n\nconst EMPTY_OPTION_VALUE = \"__uzi_select_empty__\";\n\nexport const Select = React.forwardRef<HTMLButtonElement, SelectProps>(\n  (\n    {\n      options,\n      value,\n      onChange,\n      placeholder,\n      allowEmptyOption = false,\n      fullWidth = true,\n      className,\n      id,\n      name,\n      disabled,\n      required,\n      autoComplete,\n      form,\n      title,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      onBlur,\n      onFocus,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        className={cx(\n          styles.wrapper,\n          fullWidth && styles.wrapperFullWidth,\n          className,\n        )}\n      >\n        <SelectPrimitive.Root\n          value={value}\n          onValueChange={(nextValue: string) =>\n            onChange(nextValue === EMPTY_OPTION_VALUE ? \"\" : nextValue)\n          }\n          name={name}\n          disabled={disabled}\n          required={required}\n          autoComplete={autoComplete}\n          form={form}\n        >\n          <SelectPrimitive.Trigger\n            ref={ref}\n            id={id}\n            className={styles.trigger}\n            title={title}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            onBlur={onBlur}\n            onFocus={onFocus}\n          >\n            <SelectPrimitive.Value\n              className={styles.value}\n              placeholder={placeholder}\n            />\n            <SelectPrimitive.Icon\n              className={styles.chevron}\n              aria-hidden=\"true\"\n            >\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            </SelectPrimitive.Icon>\n          </SelectPrimitive.Trigger>\n\n          <SelectPrimitive.Portal>\n            <SelectPrimitive.Content\n              className={styles.content}\n              position=\"popper\"\n              sideOffset={4}\n              align=\"start\"\n            >\n              <SelectPrimitive.Viewport className={styles.viewport}>\n                {placeholder && allowEmptyOption ? (\n                  <SelectPrimitive.Item\n                    value={EMPTY_OPTION_VALUE}\n                    className={styles.item}\n                  >\n                    <span className={styles.indicator}>\n                      <SelectPrimitive.ItemIndicator>\n                        <svg\n                          viewBox=\"0 0 16 16\"\n                          width=\"16\"\n                          height=\"16\"\n                          aria-hidden=\"true\"\n                          className={styles.indicatorIcon}\n                        >\n                          <path\n                            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"1.8\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      </SelectPrimitive.ItemIndicator>\n                    </span>\n                    <SelectPrimitive.ItemText>{placeholder}</SelectPrimitive.ItemText>\n                  </SelectPrimitive.Item>\n                ) : null}\n\n                {options.map((opt) => (\n                  <SelectPrimitive.Item\n                    key={opt.value}\n                    value={opt.value}\n                    disabled={opt.disabled}\n                    className={styles.item}\n                  >\n                    <span className={styles.indicator}>\n                      <SelectPrimitive.ItemIndicator>\n                        <svg\n                          viewBox=\"0 0 16 16\"\n                          width=\"16\"\n                          height=\"16\"\n                          aria-hidden=\"true\"\n                          className={styles.indicatorIcon}\n                        >\n                          <path\n                            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"1.8\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      </SelectPrimitive.ItemIndicator>\n                    </span>\n                    <SelectPrimitive.ItemText>{opt.label}</SelectPrimitive.ItemText>\n                  </SelectPrimitive.Item>\n                ))}\n              </SelectPrimitive.Viewport>\n            </SelectPrimitive.Content>\n          </SelectPrimitive.Portal>\n        </SelectPrimitive.Root>\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;AAkCA,IAAM,qBAAqB;AAE3B,IAAa,SAAS,MAAM,YAExB,EACE,SACA,OACA,UACA,aACA,mBAAmB,OACnB,YAAY,MACZ,WACA,IACA,MACA,UACA,UACA,cACA,MACA,OACA,cAAc,WACd,mBAAmB,gBACnB,QACA,WAEF,QACG;CACH,OACE,oBAAC,OAAD;EACE,WAAW,GACT,sBAAO,SACP,aAAa,sBAAO,kBACpB,SACF;YAEA,qBAAC,gBAAgB,MAAjB;GACS;GACP,gBAAgB,cACd,SAAS,cAAc,qBAAqB,KAAK,SAAS;GAEtD;GACI;GACA;GACI;GACR;aATR,CAWE,qBAAC,gBAAgB,SAAjB;IACO;IACD;IACJ,WAAW,sBAAO;IACX;IACP,cAAY;IACZ,mBAAiB;IACT;IACC;cARX,CAUE,oBAAC,gBAAgB,OAAjB;KACE,WAAW,sBAAO;KACL;IACd,CAAA,GACD,oBAAC,gBAAgB,MAAjB;KACE,WAAW,sBAAO;KAClB,eAAY;eAEZ,oBAAC,OAAD;MACE,SAAQ;MACR,MAAK;MACL,OAAM;MACN,OAAM;MACN,QAAO;gBAEP,oBAAC,QAAD;OACE,GAAE;OACF,QAAO;OACP,aAAY;OACZ,eAAc;OACd,gBAAe;MAChB,CAAA;KACE,CAAA;IACe,CAAA,CACC;OAEzB,oBAAC,gBAAgB,QAAjB,EAAA,UACE,oBAAC,gBAAgB,SAAjB;IACE,WAAW,sBAAO;IAClB,UAAS;IACT,YAAY;IACZ,OAAM;cAEN,qBAAC,gBAAgB,UAAjB;KAA0B,WAAW,sBAAO;eAA5C,CACG,eAAe,mBACd,qBAAC,gBAAgB,MAAjB;MACE,OAAO;MACP,WAAW,sBAAO;gBAFpB,CAIE,oBAAC,QAAD;OAAM,WAAW,sBAAO;iBACtB,oBAAC,gBAAgB,eAAjB,EAAA,UACE,oBAAC,OAAD;QACE,SAAQ;QACR,OAAM;QACN,QAAO;QACP,eAAY;QACZ,WAAW,sBAAO;kBAElB,oBAAC,QAAD;SACE,GAAE;SACF,MAAK;SACL,QAAO;SACP,aAAY;SACZ,eAAc;SACd,gBAAe;QAChB,CAAA;OACE,CAAA,EACwB,CAAA;MAC3B,CAAA,GACN,oBAAC,gBAAgB,UAAjB,EAAA,UAA2B,YAAsC,CAAA,CAC7C;UACpB,MAEH,QAAQ,KAAK,QACZ,qBAAC,gBAAgB,MAAjB;MAEE,OAAO,IAAI;MACX,UAAU,IAAI;MACd,WAAW,sBAAO;gBAJpB,CAME,oBAAC,QAAD;OAAM,WAAW,sBAAO;iBACtB,oBAAC,gBAAgB,eAAjB,EAAA,UACE,oBAAC,OAAD;QACE,SAAQ;QACR,OAAM;QACN,QAAO;QACP,eAAY;QACZ,WAAW,sBAAO;kBAElB,oBAAC,QAAD;SACE,GAAE;SACF,MAAK;SACL,QAAO;SACP,aAAY;SACZ,eAAc;SACd,gBAAe;QAChB,CAAA;OACE,CAAA,EACwB,CAAA;MAC3B,CAAA,GACN,oBAAC,gBAAgB,UAAjB,EAAA,UAA2B,IAAI,MAAgC,CAAA,CAC3C;QA1Bf,IAAI,KA0BW,CACvB,CACuB;;GACH,CAAA,EACH,CAAA,CACJ;;CACnB,CAAA;AAET,CACF;AAEA,OAAO,cAAc"}

package/dist/index30.cjs

@@ -1,40 +1,113 @@
-//#region src/components/dropdown-menu/dropdown-menu.module.css
-var content = "uzi-dropdown-menu-module__content__n-ElH";
-var menuFadeIn = "uzi-dropdown-menu-module__menuFadeIn__ITxMo";
-var item = "uzi-dropdown-menu-module__item__tBNtW";
-var itemDestructive = "uzi-dropdown-menu-module__itemDestructive__oWmKd";
-var insetItem = "uzi-dropdown-menu-module__insetItem__g7ONJ";
-var indicator = "uzi-dropdown-menu-module__indicator__5qwFh";
-var indicatorIcon = "uzi-dropdown-menu-module__indicatorIcon__nhJMw";
-var radioDot = "uzi-dropdown-menu-module__radioDot__GWUVT";
-var label = "uzi-dropdown-menu-module__label__sFnNR";
-var separator = "uzi-dropdown-menu-module__separator__PgUob";
-var chevron = "uzi-dropdown-menu-module__chevron__kxfiF";
-var dropdown_menu_module_default = {
-	content,
-	menuFadeIn,
-	item,
-	itemDestructive,
-	insetItem,
-	indicator,
-	indicatorIcon,
-	radioDot,
-	label,
-	separator,
-	chevron
-};
+"use client";
+const require_runtime = require("./index2.cjs");
+const require_cx = require("./index4.cjs");
+const require_select_module = require("./index29.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_select = require("@radix-ui/react-select");
+_radix_ui_react_select = require_runtime.__toESM(_radix_ui_react_select, 1);
+//#region src/components/select/Select.tsx
+var EMPTY_OPTION_VALUE = "__uzi_select_empty__";
+var Select = react.forwardRef(({ options, value, onChange, placeholder, allowEmptyOption = false, fullWidth = true, className, id, name, disabled, required, autoComplete, form, title, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onBlur, onFocus }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_select_module.default.wrapper, fullWidth && require_select_module.default.wrapperFullWidth, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Root, {
+			value,
+			onValueChange: (nextValue) => onChange(nextValue === EMPTY_OPTION_VALUE ? "" : nextValue),
+			name,
+			disabled,
+			required,
+			autoComplete,
+			form,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Trigger, {
+				ref,
+				id,
+				className: require_select_module.default.trigger,
+				title,
+				"aria-label": ariaLabel,
+				"aria-labelledby": ariaLabelledBy,
+				onBlur,
+				onFocus,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Value, {
+					className: require_select_module.default.value,
+					placeholder
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Icon, {
+					className: require_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"
+						})
+					})
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Content, {
+				className: require_select_module.default.content,
+				position: "popper",
+				sideOffset: 4,
+				align: "start",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Viewport, {
+					className: require_select_module.default.viewport,
+					children: [placeholder && allowEmptyOption ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Item, {
+						value: EMPTY_OPTION_VALUE,
+						className: require_select_module.default.item,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: require_select_module.default.indicator,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								viewBox: "0 0 16 16",
+								width: "16",
+								height: "16",
+								"aria-hidden": "true",
+								className: require_select_module.default.indicatorIcon,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+									d: "M3.5 8.5 6.5 11.5 12.5 4.5",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "1.8",
+									strokeLinecap: "round",
+									strokeLinejoin: "round"
+								})
+							}) })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemText, { children: placeholder })]
+					}) : null, options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Item, {
+						value: opt.value,
+						disabled: opt.disabled,
+						className: require_select_module.default.item,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: require_select_module.default.indicator,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+								viewBox: "0 0 16 16",
+								width: "16",
+								height: "16",
+								"aria-hidden": "true",
+								className: require_select_module.default.indicatorIcon,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+									d: "M3.5 8.5 6.5 11.5 12.5 4.5",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "1.8",
+									strokeLinecap: "round",
+									strokeLinejoin: "round"
+								})
+							}) })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemText, { children: opt.label })]
+					}, opt.value))]
+				})
+			}) })]
+		})
+	});
+});
+Select.displayName = "Select";
 //#endregion
-exports.chevron = chevron;
-exports.content = content;
-exports.default = dropdown_menu_module_default;
-exports.indicator = indicator;
-exports.indicatorIcon = indicatorIcon;
-exports.insetItem = insetItem;
-exports.item = item;
-exports.itemDestructive = itemDestructive;
-exports.label = label;
-exports.menuFadeIn = menuFadeIn;
-exports.radioDot = radioDot;
-exports.separator = separator;
+exports.Select = Select;
 
 //# sourceMappingURL=index30.cjs.map

package/dist/index30.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index30.cjs","names":[],"sources":["../src/components/dropdown-menu/dropdown-menu.module.css"],"sourcesContent":[".content {\n  z-index: var(--uzi-popover-z-index, 1100);\n  min-width: 8rem;\n  max-height: var(--radix-dropdown-menu-content-available-height);\n  overflow-x: hidden;\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  transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n  animation: menuFadeIn 140ms ease;\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: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  outline: none;\n}\n\n.item[data-inset=\"true\"] {\n  padding-left: 2rem;\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.itemDestructive {\n  color: var(--ts-menu-danger, var(--destructive));\n}\n\n.itemDestructive[data-highlighted] {\n  background: color-mix(in srgb, var(--destructive) 15%, transparent);\n  color: var(--ts-menu-danger-fg, var(--destructive));\n}\n\n.insetItem {\n  padding-left: 2rem;\n}\n\n.indicator {\n  position: absolute;\n  left: 0.5rem;\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.radioDot {\n  display: block;\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: 999px;\n  background: currentColor;\n}\n\n.label {\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.25rem;\n}\n\n.label[data-inset=\"true\"] {\n  padding-left: 2rem;\n}\n\n.separator {\n  height: 1px;\n  margin: 0.25rem -0.25rem;\n  background: var(--ts-menu-separator, var(--border));\n}\n\n.chevron {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index30.cjs","names":[],"sources":["../src/components/select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./select.module.css\";\n\nexport type SelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type SelectProps = {\n  options: SelectOption[];\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  allowEmptyOption?: boolean;\n  fullWidth?: boolean;\n  className?: string;\n  id?: string;\n  name?: string;\n  disabled?: boolean;\n  required?: boolean;\n  autoComplete?: string;\n  form?: string;\n  title?: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n};\n\nconst EMPTY_OPTION_VALUE = \"__uzi_select_empty__\";\n\nexport const Select = React.forwardRef<HTMLButtonElement, SelectProps>(\n  (\n    {\n      options,\n      value,\n      onChange,\n      placeholder,\n      allowEmptyOption = false,\n      fullWidth = true,\n      className,\n      id,\n      name,\n      disabled,\n      required,\n      autoComplete,\n      form,\n      title,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      onBlur,\n      onFocus,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        className={cx(\n          styles.wrapper,\n          fullWidth && styles.wrapperFullWidth,\n          className,\n        )}\n      >\n        <SelectPrimitive.Root\n          value={value}\n          onValueChange={(nextValue: string) =>\n            onChange(nextValue === EMPTY_OPTION_VALUE ? \"\" : nextValue)\n          }\n          name={name}\n          disabled={disabled}\n          required={required}\n          autoComplete={autoComplete}\n          form={form}\n        >\n          <SelectPrimitive.Trigger\n            ref={ref}\n            id={id}\n            className={styles.trigger}\n            title={title}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            onBlur={onBlur}\n            onFocus={onFocus}\n          >\n            <SelectPrimitive.Value\n              className={styles.value}\n              placeholder={placeholder}\n            />\n            <SelectPrimitive.Icon\n              className={styles.chevron}\n              aria-hidden=\"true\"\n            >\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            </SelectPrimitive.Icon>\n          </SelectPrimitive.Trigger>\n\n          <SelectPrimitive.Portal>\n            <SelectPrimitive.Content\n              className={styles.content}\n              position=\"popper\"\n              sideOffset={4}\n              align=\"start\"\n            >\n              <SelectPrimitive.Viewport className={styles.viewport}>\n                {placeholder && allowEmptyOption ? (\n                  <SelectPrimitive.Item\n                    value={EMPTY_OPTION_VALUE}\n                    className={styles.item}\n                  >\n                    <span className={styles.indicator}>\n                      <SelectPrimitive.ItemIndicator>\n                        <svg\n                          viewBox=\"0 0 16 16\"\n                          width=\"16\"\n                          height=\"16\"\n                          aria-hidden=\"true\"\n                          className={styles.indicatorIcon}\n                        >\n                          <path\n                            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"1.8\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      </SelectPrimitive.ItemIndicator>\n                    </span>\n                    <SelectPrimitive.ItemText>{placeholder}</SelectPrimitive.ItemText>\n                  </SelectPrimitive.Item>\n                ) : null}\n\n                {options.map((opt) => (\n                  <SelectPrimitive.Item\n                    key={opt.value}\n                    value={opt.value}\n                    disabled={opt.disabled}\n                    className={styles.item}\n                  >\n                    <span className={styles.indicator}>\n                      <SelectPrimitive.ItemIndicator>\n                        <svg\n                          viewBox=\"0 0 16 16\"\n                          width=\"16\"\n                          height=\"16\"\n                          aria-hidden=\"true\"\n                          className={styles.indicatorIcon}\n                        >\n                          <path\n                            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"1.8\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      </SelectPrimitive.ItemIndicator>\n                    </span>\n                    <SelectPrimitive.ItemText>{opt.label}</SelectPrimitive.ItemText>\n                  </SelectPrimitive.Item>\n                ))}\n              </SelectPrimitive.Viewport>\n            </SelectPrimitive.Content>\n          </SelectPrimitive.Portal>\n        </SelectPrimitive.Root>\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/index30.js

@@ -1,118 +1,26 @@
 "use client";
-import { cx } from "./index3.js";
-import dropdown_menu_module_default from "./index29.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-//#region src/components/dropdown-menu/DropdownMenu.tsx
-function DropdownMenu(props) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...props });
-}
-function DropdownMenuTrigger(props) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { ...props });
-}
-function DropdownMenuGroup(props) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { ...props });
-}
-function DropdownMenuPortal(props) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { ...props });
-}
-function DropdownMenuSub(props) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { ...props });
-}
-function DropdownMenuRadioGroup(props) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { ...props });
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
-		sideOffset,
-		className: cx(dropdown_menu_module_default.content, className),
-		...props
-	}) });
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
-		"data-inset": inset ? "true" : void 0,
-		className: cx(dropdown_menu_module_default.item, variant === "destructive" && dropdown_menu_module_default.itemDestructive, className),
-		...props
+import { Select } from "./index29.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/dropdown/Dropdown.tsx
+/**
+* @deprecated Use Select for value selection and DropdownMenu for action menus.
+* Dropdown remains as a compatibility alias during migration.
+*/
+var Dropdown = React.forwardRef(({ options, value, onChange, placeholder = "All", allowClear = true, ...rest }, ref) => {
+	return /* @__PURE__ */ jsx(Select, {
+		ref,
+		options,
+		value,
+		onChange,
+		placeholder,
+		allowEmptyOption: allowClear,
+		fullWidth: false,
+		...rest
 	});
-}
-function DropdownMenuCheckboxItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
-		className: cx(dropdown_menu_module_default.item, dropdown_menu_module_default.insetItem, className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: dropdown_menu_module_default.indicator,
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx("svg", {
-				viewBox: "0 0 16 16",
-				width: "16",
-				height: "16",
-				"aria-hidden": "true",
-				className: dropdown_menu_module_default.indicatorIcon,
-				children: /* @__PURE__ */ jsx("path", {
-					d: "M3.5 8.5 6.5 11.5 12.5 4.5",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.8",
-					strokeLinecap: "round",
-					strokeLinejoin: "round"
-				})
-			}) })
-		}), children]
-	});
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
-		className: cx(dropdown_menu_module_default.item, dropdown_menu_module_default.insetItem, className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: dropdown_menu_module_default.indicator,
-			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: dropdown_menu_module_default.radioDot }) })
-		}), children]
-	});
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
-		"data-inset": inset ? "true" : void 0,
-		className: cx(dropdown_menu_module_default.label, className),
-		...props
-	});
-}
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
-		className: cx(dropdown_menu_module_default.separator, className),
-		...props
-	});
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
-		"data-inset": inset ? "true" : void 0,
-		className: cx(dropdown_menu_module_default.item, className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx("svg", {
-			viewBox: "0 0 16 16",
-			width: "16",
-			height: "16",
-			"aria-hidden": "true",
-			className: dropdown_menu_module_default.chevron,
-			children: /* @__PURE__ */ jsx("path", {
-				d: "M6 3.5 10.5 8 6 12.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.6",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		})]
-	});
-}
-function DropdownMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
-		className: cx(dropdown_menu_module_default.content, className),
-		...props
-	});
-}
+});
+Dropdown.displayName = "Dropdown";
 //#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { Dropdown };
 
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index30.js","names":[],"sources":["../src/components/dropdown-menu/DropdownMenu.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 \"./dropdown-menu.module.css\";\n\nexport function DropdownMenu(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>,\n) {\n  return <DropdownMenuPrimitive.Root {...props} />;\n}\n\nexport function DropdownMenuTrigger(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>,\n) {\n  return <DropdownMenuPrimitive.Trigger {...props} />;\n}\n\nexport function DropdownMenuGroup(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>,\n) {\n  return <DropdownMenuPrimitive.Group {...props} />;\n}\n\nexport function DropdownMenuPortal(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>,\n) {\n  return <DropdownMenuPrimitive.Portal {...props} />;\n}\n\nexport function DropdownMenuSub(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>,\n) {\n  return <DropdownMenuPrimitive.Sub {...props} />;\n}\n\nexport function DropdownMenuRadioGroup(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>,\n) {\n  return <DropdownMenuPrimitive.RadioGroup {...props} />;\n}\n\nexport function DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        sideOffset={sideOffset}\n        className={cx(styles.content, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(\n        styles.item,\n        variant === \"destructive\" && styles.itemDestructive,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      className={cx(\n        styles.item,\n        styles.insetItem,\n        className,\n      )}\n      {...props}\n    >\n      <span className={styles.indicator}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <svg\n            viewBox=\"0 0 16 16\"\n            width=\"16\"\n            height=\"16\"\n            aria-hidden=\"true\"\n            className={styles.indicatorIcon}\n          >\n            <path\n              d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.8\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      className={cx(\n        styles.item,\n        styles.insetItem,\n        className,\n      )}\n      {...props}\n    >\n      <span className={styles.indicator}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <span className={styles.radioDot} />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(styles.item, className)}\n      {...props}\n    >\n      {children}\n      <svg\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        height=\"16\"\n        aria-hidden=\"true\"\n        className={styles.chevron}\n      >\n        <path\n          d=\"M6 3.5 10.5 8 6 12.5\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.6\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      className={cx(styles.content, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index30.js","names":[],"sources":["../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Select, type SelectOption, type SelectProps } from \"../select/Select\";\n\nexport interface DropdownOption extends SelectOption {}\n\nexport interface DropdownProps\n  extends Omit<\n    SelectProps,\n    \"allowEmptyOption\" | \"fullWidth\" | \"placeholder\" | \"options\"\n  > {\n  /** List of options to display in the menu. */\n  options: DropdownOption[];\n  /** Label shown when no option is selected. Defaults to \"All\". */\n  placeholder?: string;\n  /** Whether to show the placeholder as a clearable option. Defaults to true. */\n  allowClear?: boolean;\n}\n\n/**\n * @deprecated Use Select for value selection and DropdownMenu for action menus.\n * Dropdown remains as a compatibility alias during migration.\n */\nexport const Dropdown = React.forwardRef<HTMLButtonElement, DropdownProps>(\n  (\n    {\n      options,\n      value,\n      onChange,\n      placeholder = \"All\",\n      allowClear = true,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Select\n        ref={ref}\n        options={options}\n        value={value}\n        onChange={onChange}\n        placeholder={placeholder}\n        allowEmptyOption={allowClear}\n        fullWidth={false}\n        {...rest}\n      />\n    );\n  },\n);\n\nDropdown.displayName = \"Dropdown\";\n"],"mappings":";;;;;;;;;AAwBA,IAAa,WAAW,MAAM,YAE1B,EACE,SACA,OACA,UACA,cAAc,OACd,aAAa,MACb,GAAG,QAEL,QACG;CACH,OACE,oBAAC,QAAD;EACO;EACI;EACF;EACG;EACG;EACb,kBAAkB;EAClB,WAAW;EACX,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAS,cAAc"}

package/dist/index31.cjs

@@ -1,134 +1,28 @@
 "use client";
 const require_runtime = require("./index2.cjs");
-const require_cx = require("./index4.cjs");
-const require_dropdown_menu_module = require("./index30.cjs");
+const require_Select = require("./index30.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/dropdown-menu/DropdownMenu.tsx
-function DropdownMenu(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Root, { ...props });
-}
-function DropdownMenuTrigger(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, { ...props });
-}
-function DropdownMenuGroup(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Group, { ...props });
-}
-function DropdownMenuPortal(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { ...props });
-}
-function DropdownMenuSub(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Sub, { ...props });
-}
-function DropdownMenuRadioGroup(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.RadioGroup, { ...props });
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-	return /* @__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, {
-		sideOffset,
-		className: require_cx.cx(require_dropdown_menu_module.default.content, className),
-		...props
-	}) });
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
-		"data-inset": inset ? "true" : void 0,
-		className: require_cx.cx(require_dropdown_menu_module.default.item, variant === "destructive" && require_dropdown_menu_module.default.itemDestructive, className),
-		...props
+//#region src/components/dropdown/Dropdown.tsx
+/**
+* @deprecated Use Select for value selection and DropdownMenu for action menus.
+* Dropdown remains as a compatibility alias during migration.
+*/
+var Dropdown = react.forwardRef(({ options, value, onChange, placeholder = "All", allowClear = true, ...rest }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.Select, {
+		ref,
+		options,
+		value,
+		onChange,
+		placeholder,
+		allowEmptyOption: allowClear,
+		fullWidth: false,
+		...rest
 	});
-}
-function DropdownMenuCheckboxItem({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.CheckboxItem, {
-		className: require_cx.cx(require_dropdown_menu_module.default.item, require_dropdown_menu_module.default.insetItem, className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: require_dropdown_menu_module.default.indicator,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				viewBox: "0 0 16 16",
-				width: "16",
-				height: "16",
-				"aria-hidden": "true",
-				className: require_dropdown_menu_module.default.indicatorIcon,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M3.5 8.5 6.5 11.5 12.5 4.5",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.8",
-					strokeLinecap: "round",
-					strokeLinejoin: "round"
-				})
-			}) })
-		}), children]
-	});
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.RadioItem, {
-		className: require_cx.cx(require_dropdown_menu_module.default.item, require_dropdown_menu_module.default.insetItem, className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: require_dropdown_menu_module.default.indicator,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_dropdown_menu_module.default.radioDot }) })
-		}), children]
-	});
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Label, {
-		"data-inset": inset ? "true" : void 0,
-		className: require_cx.cx(require_dropdown_menu_module.default.label, className),
-		...props
-	});
-}
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Separator, {
-		className: require_cx.cx(require_dropdown_menu_module.default.separator, className),
-		...props
-	});
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.SubTrigger, {
-		"data-inset": inset ? "true" : void 0,
-		className: require_cx.cx(require_dropdown_menu_module.default.item, className),
-		...props,
-		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			viewBox: "0 0 16 16",
-			width: "16",
-			height: "16",
-			"aria-hidden": "true",
-			className: require_dropdown_menu_module.default.chevron,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M6 3.5 10.5 8 6 12.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.6",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		})]
-	});
-}
-function DropdownMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.SubContent, {
-		className: require_cx.cx(require_dropdown_menu_module.default.content, className),
-		...props
-	});
-}
+});
+Dropdown.displayName = "Dropdown";
 //#endregion
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.Dropdown = Dropdown;
 
 //# sourceMappingURL=index31.cjs.map

package/dist/index31.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index31.cjs","names":[],"sources":["../src/components/dropdown-menu/DropdownMenu.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 \"./dropdown-menu.module.css\";\n\nexport function DropdownMenu(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>,\n) {\n  return <DropdownMenuPrimitive.Root {...props} />;\n}\n\nexport function DropdownMenuTrigger(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>,\n) {\n  return <DropdownMenuPrimitive.Trigger {...props} />;\n}\n\nexport function DropdownMenuGroup(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>,\n) {\n  return <DropdownMenuPrimitive.Group {...props} />;\n}\n\nexport function DropdownMenuPortal(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>,\n) {\n  return <DropdownMenuPrimitive.Portal {...props} />;\n}\n\nexport function DropdownMenuSub(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>,\n) {\n  return <DropdownMenuPrimitive.Sub {...props} />;\n}\n\nexport function DropdownMenuRadioGroup(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>,\n) {\n  return <DropdownMenuPrimitive.RadioGroup {...props} />;\n}\n\nexport function DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        sideOffset={sideOffset}\n        className={cx(styles.content, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(\n        styles.item,\n        variant === \"destructive\" && styles.itemDestructive,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      className={cx(\n        styles.item,\n        styles.insetItem,\n        className,\n      )}\n      {...props}\n    >\n      <span className={styles.indicator}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <svg\n            viewBox=\"0 0 16 16\"\n            width=\"16\"\n            height=\"16\"\n            aria-hidden=\"true\"\n            className={styles.indicatorIcon}\n          >\n            <path\n              d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.8\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      className={cx(\n        styles.item,\n        styles.insetItem,\n        className,\n      )}\n      {...props}\n    >\n      <span className={styles.indicator}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <span className={styles.radioDot} />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(styles.item, className)}\n      {...props}\n    >\n      {children}\n      <svg\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        height=\"16\"\n        aria-hidden=\"true\"\n        className={styles.chevron}\n      >\n        <path\n          d=\"M6 3.5 10.5 8 6 12.5\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.6\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      className={cx(styles.content, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index31.cjs","names":[],"sources":["../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Select, type SelectOption, type SelectProps } from \"../select/Select\";\n\nexport interface DropdownOption extends SelectOption {}\n\nexport interface DropdownProps\n  extends Omit<\n    SelectProps,\n    \"allowEmptyOption\" | \"fullWidth\" | \"placeholder\" | \"options\"\n  > {\n  /** List of options to display in the menu. */\n  options: DropdownOption[];\n  /** Label shown when no option is selected. Defaults to \"All\". */\n  placeholder?: string;\n  /** Whether to show the placeholder as a clearable option. Defaults to true. */\n  allowClear?: boolean;\n}\n\n/**\n * @deprecated Use Select for value selection and DropdownMenu for action menus.\n * Dropdown remains as a compatibility alias during migration.\n */\nexport const Dropdown = React.forwardRef<HTMLButtonElement, DropdownProps>(\n  (\n    {\n      options,\n      value,\n      onChange,\n      placeholder = \"All\",\n      allowClear = true,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Select\n        ref={ref}\n        options={options}\n        value={value}\n        onChange={onChange}\n        placeholder={placeholder}\n        allowEmptyOption={allowClear}\n        fullWidth={false}\n        {...rest}\n      />\n    );\n  },\n);\n\nDropdown.displayName = \"Dropdown\";\n"],"mappings":";;;;;;;;;;;AAwBA,IAAa,WAAW,MAAM,YAE1B,EACE,SACA,OACA,UACA,cAAc,OACd,aAAa,MACb,GAAG,QAEL,QACG;CACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;EACO;EACI;EACF;EACG;EACG;EACb,kBAAkB;EAClB,WAAW;EACX,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAS,cAAc"}