@dreamtree-org/twreact-ui 1.1.61 → 1.1.63

package/dist/index.js

@@ -3160,9 +3160,9 @@ function cn$1() {
   return twMerge(clsx(inputs));
 }
 
-var _excluded$o = ["id", "className", "type", "label", "placeholder", "error", "success", "disabled", "required", "clearable", "icon", "iconPosition", "onClear", "showCount", "maxLength", "readOnly", "onChange", "value", "defaultValue"];
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$A = ["id", "className", "type", "label", "placeholder", "error", "success", "disabled", "required", "clearable", "icon", "iconPosition", "onClear", "showCount", "maxLength", "readOnly", "onChange", "value", "defaultValue"];
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   var _ref$current$value2, _ref$current;
   var id = props.id,
@@ -3191,7 +3191,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
     onChange = props.onChange,
     value = props.value,
     defaultValue = props.defaultValue,
-    rest = _objectWithoutProperties$1(props, _excluded$o);
+    rest = _objectWithoutProperties$1(props, _excluded$A);
   var internalId = React.useId();
   var inputId = id || "input-".concat(internalId);
   var isSearch = type === "search";
@@ -3277,7 +3277,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
           className: "text-primary-400",
           children: icon
         })
-      }), jsxRuntime.jsx("input", _objectSpread$w({
+      }), jsxRuntime.jsx("input", _objectSpread$E({
         id: inputId,
         ref: ref,
         type: inputType,
@@ -3337,9 +3337,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   });
 });
 
-var _excluded$n = ["className", "variant", "size", "disabled", "loading", "children", "leftIcon", "rightIcon", "fullWidth"];
-function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$z = ["className", "variant", "size", "disabled", "loading", "children", "leftIcon", "rightIcon", "fullWidth"];
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$variant = _ref.variant,
@@ -3352,7 +3352,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     leftIcon = _ref.leftIcon,
     rightIcon = _ref.rightIcon,
     fullWidth = _ref.fullWidth,
-    props = _objectWithoutProperties$1(_ref, _excluded$n);
+    props = _objectWithoutProperties$1(_ref, _excluded$z);
   var baseClasses = cn$1('inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none', {
     // Variants
     'bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500': variant === 'primary',
@@ -3369,7 +3369,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     // Full width
     'w-full': fullWidth
   }, className);
-  return jsxRuntime.jsxs("button", _objectSpread$v(_objectSpread$v({
+  return jsxRuntime.jsxs("button", _objectSpread$D(_objectSpread$D({
     ref: ref,
     className: baseClasses,
     disabled: disabled || loading
@@ -3403,9 +3403,9 @@ function _toConsumableArray$1(r) {
   return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1();
 }
 
-var _excluded$m = ["options", "value", "onChange", "placeholder", "label", "error", "disabled", "required", "multiSelect", "searchable", "grouped", "onMenuItemRender", "className", "allowClear", "creatable", "onCreateOption", "onSearch", "loading", "selectAllOption", "closeOnSelect", "maxTagCount", "renderGroupLabel", "name"];
-function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$y = ["options", "value", "onChange", "placeholder", "label", "error", "disabled", "required", "multiSelect", "searchable", "grouped", "onMenuItemRender", "className", "allowClear", "creatable", "onCreateOption", "onSearch", "loading", "selectAllOption", "closeOnSelect", "maxTagCount", "renderGroupLabel", "name"];
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Enhanced Select component (debounce removed)
  * - Supports single and multi select
@@ -3426,7 +3426,7 @@ var flattenGroups = function flattenGroups() {
   return groups.reduce(function (acc, g) {
     var groupLabel = g.label;
     g.options.forEach(function (opt) {
-      return acc.push(_objectSpread$u(_objectSpread$u({}, opt), {}, {
+      return acc.push(_objectSpread$C(_objectSpread$C({}, opt), {}, {
         _group: groupLabel
       }));
     });
@@ -3481,7 +3481,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     maxTagCount = _ref$maxTagCount === void 0 ? 3 : _ref$maxTagCount,
     renderGroupLabel = _ref.renderGroupLabel,
     name = _ref.name,
-    props = _objectWithoutProperties$1(_ref, _excluded$m);
+    props = _objectWithoutProperties$1(_ref, _excluded$y);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -3517,7 +3517,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var flatOptions = React.useMemo(function () {
     if (grouped) return flattenGroups(options);
     return options.map(function (opt) {
-      return _objectSpread$u({}, opt);
+      return _objectSpread$C({}, opt);
     });
   }, [options, grouped]);
   var selectedValues = multiSelect ? Array.isArray(value) ? value : [] : value;
@@ -3542,7 +3542,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     }
     if (grouped) {
       return options.map(function (g) {
-        return _objectSpread$u(_objectSpread$u({}, g), {}, {
+        return _objectSpread$C(_objectSpread$C({}, g), {}, {
           options: g.options.filter(function (o) {
             return o.label.toLowerCase().includes(searchTerm.toLowerCase());
           })
@@ -3769,7 +3769,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
               className: "text-xs border border-slate-200 p-0.5 rounded-md cursor-pointer hover:bg-gray-100",
               onClick: function onClick() {
                 return setCollapsedGroups(function (prev) {
-                  return _objectSpread$u(_objectSpread$u({}, prev), {}, _defineProperty$4({}, group.label, !prev[group.label]));
+                  return _objectSpread$C(_objectSpread$C({}, prev), {}, _defineProperty$4({}, group.label, !prev[group.label]));
                 });
               },
               children: jsxRuntime.jsx(ChevronDown, {
@@ -3863,7 +3863,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     }), jsxRuntime.jsxs("div", {
       ref: selectRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$u(_objectSpread$u({
+      children: [jsxRuntime.jsxs("button", _objectSpread$C(_objectSpread$C({
         type: "button",
         "aria-haspopup": "listbox",
         "aria-expanded": isOpen,
@@ -4761,9 +4761,9 @@ function MobileCard(_ref) {
   }, key);
 }
 
-var _excluded$l = ["data", "columns", "sortable", "filterable", "selectable", "pagination", "pageSize", "onSort", "onFilter", "onFetch", "onFilterChange", "onSelectionChange", "onRowClick", "hasDetails", "DetailsComponent", "className", "withAction", "onAction", "actions", "showSerial", "cellClass", "rowClass", "globalSearch", "limitOptions", "showLimitSelector", "onLimitChange", "showReloadButton", "renderReloadButton", "onReload", "stripedRows", "theme", "responsiveBreakpoint", "serverSide", "totalRecords", "pageNumber", "TheadComponent", "TfootComponent"];
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$x = ["data", "columns", "sortable", "filterable", "selectable", "pagination", "pageSize", "onSort", "onFilter", "onFetch", "onFilterChange", "onSelectionChange", "onRowClick", "hasDetails", "DetailsComponent", "className", "withAction", "onAction", "actions", "showSerial", "cellClass", "rowClass", "globalSearch", "limitOptions", "showLimitSelector", "onLimitChange", "showReloadButton", "renderReloadButton", "onReload", "stripedRows", "theme", "responsiveBreakpoint", "serverSide", "totalRecords", "pageNumber", "TheadComponent", "TfootComponent"];
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DEFAULT_DATA = [];
 var DEFAULT_COLUMNS = [];
 var DEFAULT_THEME = {
@@ -4833,8 +4833,8 @@ var Table = function Table(_ref) {
     TheadComponent = _ref$TheadComponent === void 0 ? null : _ref$TheadComponent,
     _ref$TfootComponent = _ref.TfootComponent,
     TfootComponent = _ref$TfootComponent === void 0 ? null : _ref$TfootComponent,
-    props = _objectWithoutProperties$1(_ref, _excluded$l);
-  theme = _objectSpread$t(_objectSpread$t({}, DEFAULT_THEME), theme);
+    props = _objectWithoutProperties$1(_ref, _excluded$x);
+  theme = _objectSpread$B(_objectSpread$B({}, DEFAULT_THEME), theme);
   // State
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -4862,7 +4862,7 @@ var Table = function Table(_ref) {
     setCurrentPage = _useState0[1];
   var _useState1 = React.useState(function () {
       return Array.isArray(initialColumns) ? initialColumns.map(function (c) {
-        return _objectSpread$t({}, c);
+        return _objectSpread$B({}, c);
       }) : [];
     }),
     _useState10 = _slicedToArray(_useState1, 2),
@@ -4936,7 +4936,7 @@ var Table = function Table(_ref) {
   React.useEffect(function () {
     if (initialColumns !== initialColumnsRef.current) {
       setColumnsState(Array.isArray(initialColumns) ? initialColumns.map(function (c) {
-        return _objectSpread$t({}, c);
+        return _objectSpread$B({}, c);
       }) : []);
       initialColumnsRef.current = initialColumns;
     }
@@ -5045,7 +5045,7 @@ var Table = function Table(_ref) {
   var toggleColumnVisibility = React.useCallback(function (key) {
     setColumnsState(function (prev) {
       return prev.map(function (c) {
-        return c.key === key ? _objectSpread$t(_objectSpread$t({}, c), {}, {
+        return c.key === key ? _objectSpread$B(_objectSpread$B({}, c), {}, {
           isVisible: !(c.isVisible !== false)
         }) : c;
       });
@@ -5064,7 +5064,7 @@ var Table = function Table(_ref) {
   }, [sortable, onSort]);
   var handleFilter = React.useCallback(function (key, value) {
     setFilters(function (prev) {
-      var newFilters = _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty$4({}, key, value));
+      var newFilters = _objectSpread$B(_objectSpread$B({}, prev), {}, _defineProperty$4({}, key, value));
       onFilter === null || onFilter === void 0 || onFilter(newFilters);
       onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
       return newFilters;
@@ -5332,7 +5332,7 @@ var Table = function Table(_ref) {
       theme: safeTheme
     }), !isMobileView && jsxRuntime.jsx("div", {
       className: "overflow-x-auto overflow-y-visible",
-      children: jsxRuntime.jsxs("table", _objectSpread$t(_objectSpread$t({
+      children: jsxRuntime.jsxs("table", _objectSpread$B(_objectSpread$B({
         className: cn$1("min-w-full divide-y divide-gray-200", className)
       }, props), {}, {
         children: [jsxRuntime.jsxs("thead", {
@@ -5457,7 +5457,7 @@ var Table = function Table(_ref) {
               })
             })
           }) : paginatedData.map(function (row, rowIndexInPage) {
-            return jsxRuntime.jsx(TableRow, _objectSpread$t({
+            return jsxRuntime.jsx(TableRow, _objectSpread$B({
               row: row,
               rowIndexInPage: rowIndexInPage,
               startIndex: startIndex,
@@ -5494,7 +5494,7 @@ var Table = function Table(_ref) {
           })]
         })
       }) : paginatedData.map(function (row, rowIndexInPage) {
-        return jsxRuntime.jsx(MobileCard, _objectSpread$t({
+        return jsxRuntime.jsx(MobileCard, _objectSpread$B({
           row: row,
           rowIndexInPage: rowIndexInPage,
           startIndex: startIndex
@@ -10882,9 +10882,9 @@ function subMonths(dirtyDate, dirtyAmount) {
   return addMonths(dirtyDate, -amount);
 }
 
-var _excluded$k = ["value", "onChange", "placeholder", "label", "error", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect"];
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$w = ["value", "onChange", "placeholder", "label", "error", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect"];
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -10909,7 +10909,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     showClear = _ref$showClear === void 0 ? true : _ref$showClear,
     _ref$closeOnSelect = _ref.closeOnSelect,
     closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
-    props = _objectWithoutProperties$1(_ref, _excluded$k);
+    props = _objectWithoutProperties$1(_ref, _excluded$w);
   // Normalize incoming value (accept Date or ISO string)
   var selected = React.useMemo(function () {
     if (!value) return null;
@@ -11239,7 +11239,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     }), jsxRuntime.jsxs("div", {
       ref: datePickerRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$s(_objectSpread$s({
+      children: [jsxRuntime.jsxs("button", _objectSpread$A(_objectSpread$A({
         type: "button",
         className: cn$1("flex w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", {
           "border-error-500 focus:ring-error-500": error,
@@ -11280,6 +11280,9 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   });
 });
 
+var _excluded$v = ["id", "name", "checked", "defaultChecked", "onChange", "disabled", "size", "trackClass", "thumbClass", "className", "topLabel", "bottomLabel", "rightLabel", "leftLabel", "ariaLabel"];
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Switch.jsx
  * - Plain JSX (no TypeScript)
@@ -11309,7 +11312,7 @@ var SIZE_MAP$2 = {
     knobTranslate: "translate-x-6"
   }
 };
-function Switch(props) {
+var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
   var id = props.id,
     name = props.name,
     checked = props.checked,
@@ -11328,7 +11331,8 @@ function Switch(props) {
     bottomLabel = props.bottomLabel,
     rightLabel = props.rightLabel,
     leftLabel = props.leftLabel,
-    ariaLabel = props.ariaLabel;
+    ariaLabel = props.ariaLabel,
+    rest = _objectWithoutProperties$1(props, _excluded$v);
   var isControlled = typeof checked === "boolean";
   var _useState = React.useState(defaultChecked),
     _useState2 = _slicedToArray(_useState, 2),
@@ -11355,11 +11359,11 @@ function Switch(props) {
   };
   var sizeStuff = SIZE_MAP$2[size] || SIZE_MAP$2.md;
   // Classes for the track (we use inline style for arbitrary trackClass when ON)
-  var trackClasses = ["relative inline-flex items-center rounded-full transition-colors duration-200 ease-in-out", sizeStuff.track, isOn ? "" : "bg-gray-100", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", trackClass ? trackClass : "" // Accepting trackClass as a class name
-  ].filter(Boolean).join(" ");
+  var trackClasses = cn$1("relative inline-flex items-center rounded-full transition-colors duration-200 ease-in-out", sizeStuff.track, isOn ? "" : "bg-gray-100", disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", trackClass // Accepting trackClass as a class name
+  );
   // Knob classes (thumb)
-  var knobBase = ["inline-block rounded-full bg-white shadow transform ring-0 transition-transform duration-200 ease-in-out", sizeStuff.knob, thumbClass ? thumbClass : "" // Accepting thumbClass as a class name
-  ].join(" ");
+  var knobBase = cn$1("inline-block rounded-full bg-white shadow transform ring-0 transition-transform duration-200 ease-in-out", sizeStuff.knob, thumbClass // Accepting thumbClass as a class name
+  );
   var knobTransform = isOn ? sizeStuff.knobTranslate : "translate-x-1";
   var focusClasses = disabled ? "" : "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-sky-300";
   var trackStyle = isOn && !trackClass ? {
@@ -11367,7 +11371,7 @@ function Switch(props) {
   } : undefined; // Fallback to default trackClass if trackClass is not a class
   var accessibleLabel = ariaLabel || rightLabel || leftLabel || topLabel || bottomLabel || "Toggle";
   var containerIsColumn = Boolean(topLabel || bottomLabel);
-  var containerClass = [containerIsColumn ? "flex flex-col " : "inline-flex items-center", "gap-2", className].filter(Boolean).join(" ");
+  var containerClass = cn$1(containerIsColumn ? "flex flex-col" : "inline-flex items-center", "gap-2", className);
   var labelOpacityClass = disabled ? "opacity-50" : "";
   return jsxRuntime.jsxs("div", {
     className: containerClass,
@@ -11381,7 +11385,8 @@ function Switch(props) {
         htmlFor: idRef.current,
         className: labelOpacityClass,
         children: leftLabel
-      }) : null, jsxRuntime.jsxs("button", {
+      }) : null, jsxRuntime.jsxs("button", _objectSpread$z(_objectSpread$z({
+        ref: ref,
         id: idRef.current,
         type: "button",
         role: "switch",
@@ -11390,18 +11395,19 @@ function Switch(props) {
         "aria-disabled": disabled || undefined,
         disabled: disabled,
         tabIndex: disabled ? -1 : 0,
-        className: "".concat(trackClasses, " ").concat(focusClasses),
+        className: cn$1(trackClasses, focusClasses),
         onClick: toggle,
         onKeyDown: handleKeyDown,
-        style: trackStyle,
+        style: trackStyle
+      }, rest), {}, {
         children: [jsxRuntime.jsx("span", {
           className: "sr-only",
           children: accessibleLabel
         }), jsxRuntime.jsx("span", {
           "aria-hidden": "true",
-          className: "".concat(knobBase, " ").concat(knobTransform)
+          className: cn$1(knobBase, knobTransform)
         })]
-      }), rightLabel ? jsxRuntime.jsx("label", {
+      })), rightLabel ? jsxRuntime.jsx("label", {
         htmlFor: idRef.current,
         className: labelOpacityClass,
         children: rightLabel
@@ -11422,14 +11428,15 @@ function Switch(props) {
       className: "hidden"
     }) : null]
   });
-}
+});
+Switch.displayName = "Switch";
 
-var _excluded$j = ["fields", "onSubmit", "defaultValues", "validationSchema", "className", "submitText", "resetText", "submitButtonClass", "resetButtonClass", "showReset", "submitDisabled"],
+var _excluded$u = ["fields", "onSubmit", "defaultValues", "validationSchema", "className", "submitText", "resetText", "submitButtonClass", "resetButtonClass", "showReset", "submitDisabled"],
   _excluded2$3 = ["type", "name", "label", "required", "options", "placeholder"],
   _excluded3$2 = ["onChange", "ref", "value"];
-function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Form = function Form(_ref) {
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
   var _ref$fields = _ref.fields,
     fields = _ref$fields === void 0 ? [] : _ref$fields,
     onSubmit = _ref.onSubmit,
@@ -11447,7 +11454,7 @@ var Form = function Form(_ref) {
     showReset = _ref$showReset === void 0 ? true : _ref$showReset,
     _ref$submitDisabled = _ref.submitDisabled,
     submitDisabled = _ref$submitDisabled === void 0 ? false : _ref$submitDisabled,
-    props = _objectWithoutProperties$1(_ref, _excluded$j);
+    props = _objectWithoutProperties$1(_ref, _excluded$u);
   var methods = useForm({
     defaultValues: defaultValues,
     resolver: validationSchema
@@ -11484,7 +11491,7 @@ var Form = function Form(_ref) {
       placeholder = field.placeholder,
       fieldProps = _objectWithoutProperties$1(field, _excluded2$3);
     var error = (_errors$name = errors[name]) === null || _errors$name === void 0 ? void 0 : _errors$name.message;
-    var commonProps = _objectSpread$r(_objectSpread$r({
+    var commonProps = _objectSpread$y(_objectSpread$y({
       name: name,
       label: label,
       required: required,
@@ -11506,7 +11513,7 @@ var Form = function Form(_ref) {
               onChange = _ref2$field.onChange,
               value = _ref2$field.value,
               ref = _ref2$field.ref;
-            return jsxRuntime.jsx(Input, _objectSpread$r({
+            return jsxRuntime.jsx(Input, _objectSpread$y({
               type: type,
               value: value || "",
               onChange: onChange,
@@ -11523,7 +11530,7 @@ var Form = function Form(_ref) {
               onChange = _ref3$field.onChange,
               value = _ref3$field.value,
               ref = _ref3$field.ref;
-            return jsxRuntime.jsx(Select, _objectSpread$r({
+            return jsxRuntime.jsx(Select, _objectSpread$y({
               value: value,
               onChange: onChange,
               ref: ref,
@@ -11540,7 +11547,7 @@ var Form = function Form(_ref) {
               onChange = _ref4$field.onChange,
               value = _ref4$field.value,
               ref = _ref4$field.ref;
-            return jsxRuntime.jsx(DatePicker, _objectSpread$r({
+            return jsxRuntime.jsx(DatePicker, _objectSpread$y({
               value: value,
               onChange: onChange,
               ref: ref
@@ -11695,7 +11702,7 @@ var Form = function Form(_ref) {
                       d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
                     })
                   }), "Choose File"]
-                }), jsxRuntime.jsx("input", _objectSpread$r(_objectSpread$r({}, field), {}, {
+                }), jsxRuntime.jsx("input", _objectSpread$y(_objectSpread$y({}, field), {}, {
                   id: name,
                   ref: ref,
                   type: "file",
@@ -11709,13 +11716,13 @@ var Form = function Form(_ref) {
                       var reader = new FileReader();
                       reader.onloadend = function () {
                         setFilePreviews(function (prev) {
-                          return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty$4({}, name, reader.result));
+                          return _objectSpread$y(_objectSpread$y({}, prev), {}, _defineProperty$4({}, name, reader.result));
                         });
                       };
                       reader.readAsDataURL(file);
                     } else {
                       setFilePreviews(function (prev) {
-                        return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty$4({}, name, null));
+                        return _objectSpread$y(_objectSpread$y({}, prev), {}, _defineProperty$4({}, name, null));
                       });
                     }
                   },
@@ -11729,7 +11736,7 @@ var Form = function Form(_ref) {
                   onClick: function onClick() {
                     _onChange3(null);
                     setFilePreviews(function (prev) {
-                      return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty$4({}, name, null));
+                      return _objectSpread$y(_objectSpread$y({}, prev), {}, _defineProperty$4({}, name, null));
                     });
                   },
                   className: "ml-3 text-sm text-error-600 hover:text-error-800",
@@ -11761,7 +11768,7 @@ var Form = function Form(_ref) {
               onChange = _ref9$field.onChange,
               value = _ref9$field.value,
               ref = _ref9$field.ref;
-            return jsxRuntime.jsx(Switch, _objectSpread$r({
+            return jsxRuntime.jsx(Switch, _objectSpread$y({
               checked: !!value,
               onChange: onChange,
               ref: ref,
@@ -11801,8 +11808,9 @@ var Form = function Form(_ref) {
     }
     return renderField(group);
   };
-  return jsxRuntime.jsx(FormProvider, _objectSpread$r(_objectSpread$r({}, methods), {}, {
-    children: jsxRuntime.jsxs("form", _objectSpread$r(_objectSpread$r({
+  return jsxRuntime.jsx(FormProvider, _objectSpread$y(_objectSpread$y({}, methods), {}, {
+    children: jsxRuntime.jsxs("form", _objectSpread$y(_objectSpread$y({
+      ref: ref,
       className: cn$1("space-y-6", className),
       onSubmit: handleSubmit(handleFormSubmit)
     }, props), {}, {
@@ -11825,14 +11833,18 @@ var Form = function Form(_ref) {
       })]
     }))
   }));
-};
+});
+Form.displayName = "Form";
 
+var _excluded$t = ["items", "allowMultiple", "defaultOpenIndexes", "onChange", "className", "headerClassName", "contentClassName", "chevronPosition", "chevronIcon", "bordered", "rounded", "size", "transitionDuration"];
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * item.leftIcon may be:
  * - ReactNode (e.g. <svg/>)
  * - (index: number, item: any) => ReactNode
  */
-function Accordion(_ref) {
+var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, ref) {
   var _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
     _ref$allowMultiple = _ref.allowMultiple,
@@ -11857,7 +11869,8 @@ function Accordion(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
     _ref$transitionDurati = _ref.transitionDuration,
-    transitionDuration = _ref$transitionDurati === void 0 ? 220 : _ref$transitionDurati;
+    transitionDuration = _ref$transitionDurati === void 0 ? 220 : _ref$transitionDurati,
+    rest = _objectWithoutProperties$1(_ref, _excluded$t);
   var saneDefault = Array.isArray(defaultOpenIndexes) ? defaultOpenIndexes.filter(function (i) {
     return Number.isFinite(i) && i >= 0 && i < items.length;
   }) : [];
@@ -11953,7 +11966,7 @@ function Accordion(_ref) {
     lg: "rounded-lg",
     xl: "rounded-xl"
   };
-  var wrapperClasses = [bordered ? "bg-white" : "bg-transparent", bordered ? "divide-y divide-gray-200" : "", roundedMap[rounded] || roundedMap.md, className, "shadow-sm"].filter(Boolean).join(" ");
+  var wrapperClasses = cn$1(bordered ? "bg-white" : "bg-transparent", bordered ? "divide-y divide-gray-200" : "", roundedMap[rounded] || roundedMap.md, "shadow-sm", className);
   var renderLeftIcon = function renderLeftIcon(item, index) {
     var left = item === null || item === void 0 ? void 0 : item.leftIcon;
     if (!left) return null;
@@ -11968,9 +11981,11 @@ function Accordion(_ref) {
     }
     return left; // assume ReactNode
   };
-  return jsxRuntime.jsx("div", {
+  return jsxRuntime.jsx("div", _objectSpread$x(_objectSpread$x({
+    ref: ref,
     className: wrapperClasses,
-    role: "presentation",
+    role: "presentation"
+  }, rest), {}, {
     children: items.map(function (item, index) {
       var _item$id, _panelRefs$current$in, _panelRefs$current$in2;
       var id = (_item$id = item.id) !== null && _item$id !== void 0 ? _item$id : index;
@@ -12063,12 +12078,13 @@ function Accordion(_ref) {
         })]
       }, id);
     })
-  });
-}
+  }));
+});
+Accordion.displayName = "Accordion";
 
-var _excluded$i = ["id", "name", "label", "checked", "defaultChecked", "onChange", "disabled", "required", "className", "size", "labelPosition", "value", "ariaLabel", "variant", "indeterminate", "borderColor", "iconClass", "checkedClass"];
-function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$s = ["id", "name", "label", "checked", "defaultChecked", "onChange", "disabled", "required", "className", "size", "labelPosition", "value", "ariaLabel", "variant", "indeterminate", "borderColor", "iconClass", "checkedClass"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SIZE_CLASSES = {
   sm: {
     box: "h-4 w-4",
@@ -12113,7 +12129,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     borderColor = _ref$borderColor === void 0 ? "#ccc" : _ref$borderColor,
     iconClass = _ref.iconClass,
     checkedClass = _ref.checkedClass,
-    props = _objectWithoutProperties$1(_ref, _excluded$i);
+    props = _objectWithoutProperties$1(_ref, _excluded$s);
   var autoId = React.useId();
   var inputId = id || "".concat(autoId, "-checkbox");
   var inputRef = React.useRef(null);
@@ -12144,7 +12160,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var iconBase = "pointer-events-none transform transition-all duration-150 ease-out";
   var iconShown = "opacity-100 scale-100";
   var iconHidden = "opacity-0 scale-75";
-  return jsxRuntime.jsxs("div", _objectSpread$q(_objectSpread$q({
+  return jsxRuntime.jsxs("div", _objectSpread$w(_objectSpread$w({
     className: wrapperCls
   }, (_props$wrapperProps = props === null || props === void 0 ? void 0 : props.wrapperProps) !== null && _props$wrapperProps !== void 0 ? _props$wrapperProps : {}), {}, {
     children: [label && labelPosition === "left" && jsxRuntime.jsx("label", {
@@ -12157,7 +12173,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         borderColor: borderColor
       },
       "aria-disabled": disabled,
-      children: [jsxRuntime.jsx("input", _objectSpread$q({
+      children: [jsxRuntime.jsx("input", _objectSpread$w({
         id: inputId,
         ref: inputRef,
         name: name,
@@ -12193,8 +12209,9 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$r = ["value", "defaultValue", "onChange", "swatches", "showAlpha", "size", "disabled", "className", "label", "id"];
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * ColorPicker.jsx
  * A reusable, accessible, and Tailwind-friendly color picker component (plain JavaScript)
@@ -12276,10 +12293,12 @@ function rgbaToHex(_ref) {
     g = _ref.g,
     b = _ref.b,
     a = _ref.a;
+  var showAlpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var toHex = function toHex(v) {
     return v.toString(16).padStart(2, "0");
   };
-  var aa = typeof a === "number" ? Math.round(clamp(a, 0, 1) * 255) : undefined;
+  var includeAlpha = showAlpha && typeof a === "number" && a !== 1;
+  var aa = includeAlpha ? Math.round(clamp(a, 0, 1) * 255) : undefined;
   return "#".concat(toHex(r)).concat(toHex(g)).concat(toHex(b)).concat(aa !== undefined ? toHex(aa) : "");
 }
 function parseColor(input) {
@@ -12353,7 +12372,7 @@ function rgbToHsl(_ref3) {
   };
 }
 // ---------- Component ----------
-function ColorPicker(props) {
+var ColorPicker = /*#__PURE__*/React.forwardRef(function ColorPicker(props, ref) {
   var _internal$a, _internal$a2;
   var value = props.value,
     defaultValue = props.defaultValue,
@@ -12370,7 +12389,8 @@ function ColorPicker(props) {
     className = _props$className === void 0 ? "" : _props$className,
     _props$label = props.label,
     label = _props$label === void 0 ? "Pick a color" : _props$label,
-    id = props.id;
+    id = props.id,
+    rest = _objectWithoutProperties$1(props, _excluded$r);
   var parsedControlled = React.useMemo(function () {
     return parseColor(value !== null && value !== void 0 ? value : null);
   }, [value]);
@@ -12422,8 +12442,10 @@ function ColorPicker(props) {
       gap: "gap-4"
     }
   }[size];
-  return jsxRuntime.jsxs("div", {
-    className: "inline-block ".concat(className),
+  return jsxRuntime.jsxs("div", _objectSpread$v(_objectSpread$v({
+    ref: ref,
+    className: cn$1("inline-block", className)
+  }, rest), {}, {
     children: [jsxRuntime.jsx("label", {
       className: "block mb-2 ".concat(sizeMap.font),
       htmlFor: id,
@@ -12472,16 +12494,16 @@ function ColorPicker(props) {
                 children: "Current"
               }), jsxRuntime.jsx("div", {
                 className: "font-mono text-sm",
-                children: rgbaToHex(internal)
+                children: rgbaToHex(internal, showAlpha)
               })]
             })]
           }), jsxRuntime.jsx("input", {
             type: "color",
             disabled: disabled,
-            value: rgbaToHex(internal).slice(0, 7),
+            value: rgbaToHex(internal, false).slice(0, 7),
             onChange: function onChange(e) {
               var parsed = hexToRgba(e.target.value);
-              if (parsed) pushChange(_objectSpread$p(_objectSpread$p({}, parsed), {}, {
+              if (parsed) pushChange(_objectSpread$v(_objectSpread$v({}, parsed), {}, {
                 a: internal.a
               }));
             },
@@ -12492,14 +12514,14 @@ function ColorPicker(props) {
             children: jsxRuntime.jsx("input", {
               type: "text",
               disabled: disabled,
-              value: showAlpha ? rgbaToString(internal) : rgbaToHex(internal),
+              value: showAlpha ? rgbaToString(internal) : rgbaToHex(internal, showAlpha),
               onChange: function onChange(e) {
                 var v = e.target.value;
                 var p = parseColor(v);
                 if (p) pushChange(p);else {
                   var maybe = v.startsWith("#") ? v : "#".concat(v);
                   var ph = hexToRgba(maybe);
-                  if (ph) pushChange(_objectSpread$p(_objectSpread$p({}, ph), {}, {
+                  if (ph) pushChange(_objectSpread$v(_objectSpread$v({}, ph), {}, {
                     a: internal.a
                   }));
                 }
@@ -12516,7 +12538,7 @@ function ColorPicker(props) {
             max: 100,
             value: Math.round(((_internal$a2 = internal.a) !== null && _internal$a2 !== void 0 ? _internal$a2 : 1) * 100),
             onChange: function onChange(v) {
-              pushChange(_objectSpread$p(_objectSpread$p({}, internal), {}, {
+              pushChange(_objectSpread$v(_objectSpread$v({}, internal), {}, {
                 a: clamp(v / 100, 0, 1)
               }));
             },
@@ -12525,8 +12547,9 @@ function ColorPicker(props) {
         })]
       })]
     })]
-  });
-}
+  }));
+});
+ColorPicker.displayName = "ColorPicker";
 function Slider(_ref6) {
   var label = _ref6.label,
     min = _ref6.min,
@@ -12557,9 +12580,9 @@ function Slider(_ref6) {
   });
 }
 
-var _excluded$h = ["value", "onChange", "placeholder", "label", "error", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect"];
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$q = ["value", "onChange", "placeholder", "label", "error", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect"];
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
   Single-calendar DateRangePicker with hover-preview and space-aware popup positioning
   - Enforces mandatory range selection until both start and end are chosen.
@@ -12577,7 +12600,7 @@ var normalizeDate = function normalizeDate(d) {
   }
   return d instanceof Date ? d : null;
 };
-var DateRangePicker = function DateRangePicker(_ref) {
+var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(_ref, ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     _ref$placeholder = _ref.placeholder,
@@ -12601,7 +12624,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
     showClear = _ref$showClear === void 0 ? true : _ref$showClear,
     _ref$closeOnSelect = _ref.closeOnSelect,
     closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
-    props = _objectWithoutProperties$1(_ref, _excluded$h);
+    props = _objectWithoutProperties$1(_ref, _excluded$q);
   var start = React.useMemo(function () {
     return normalizeDate(value === null || value === void 0 ? void 0 : value.start);
   }, [value]);
@@ -12952,6 +12975,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
     })]
   });
   return jsxRuntime.jsxs("div", {
+    ref: ref,
     className: "w-full",
     children: [label && jsxRuntime.jsxs("label", {
       className: "block text-sm font-medium mb-1",
@@ -12962,7 +12986,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
     }), jsxRuntime.jsxs("div", {
       ref: datePickerRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$o(_objectSpread$o({
+      children: [jsxRuntime.jsxs("button", _objectSpread$u(_objectSpread$u({
         type: "button",
         className: cn$1("flex w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", {
           "border-error-500 focus:ring-error-500": error,
@@ -13005,8 +13029,12 @@ var DateRangePicker = function DateRangePicker(_ref) {
       children: error
     })]
   });
-};
+});
+DateRangePicker.displayName = "DateRangePicker";
 
+var _excluded$p = ["size", "speed", "thickness", "color", "secondaryColor", "variant", "className", "inline", "ariaLabel", "text", "reverse", "style"];
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var sizeToPx = function sizeToPx(size) {
   if (!size) return 24;
   if (typeof size === "number") return size;
@@ -13043,19 +13071,21 @@ var Loader = /*#__PURE__*/React.forwardRef(function Loader(_ref, ref) {
     text = _ref.text,
     _ref$reverse = _ref.reverse,
     reverse = _ref$reverse === void 0 ? false : _ref$reverse,
-    style = _ref.style;
+    style = _ref.style,
+    rest = _objectWithoutProperties$1(_ref, _excluded$p);
   var px = sizeToPx(size);
-  var wrapperClass = "".concat(inline ? "inline-flex" : "flex", " items-center gap-2 ").concat(className);
+  var wrapperClass = cn$1(inline ? "inline-flex" : "flex", "items-center gap-2", className);
   // animation attributes for SVG rotate
   var animDur = "".concat(speed, "s");
   var rotateFrom = reverse ? "360 12 12" : "0 12 12";
   var rotateTo = reverse ? "0 12 12" : "360 12 12";
-  return jsxRuntime.jsxs("div", {
+  return jsxRuntime.jsxs("div", _objectSpread$t(_objectSpread$t({
     ref: ref,
     role: "progressbar",
     "aria-label": ariaLabel,
     className: wrapperClass,
-    style: style,
+    style: style
+  }, rest), {}, {
     children: [jsxRuntime.jsx("style", {
       children: "\n        @keyframes loader-bounce {\n          0%, 80%, 100% { transform: translateY(0); opacity: 0.9 }\n          40% { transform: translateY(-6px); opacity: 1 }\n        }\n        @keyframes loader-bar {\n          0% { transform: translateX(-35%); }\n          100% { transform: translateX(135%); }\n        }\n      "
     }), variant === "spinner" && jsxRuntime.jsxs("svg", {
@@ -13135,9 +13165,12 @@ var Loader = /*#__PURE__*/React.forwardRef(function Loader(_ref, ref) {
       className: "text-sm text-primary-500",
       children: text
     })]
-  });
+  }));
 });
 
+var _excluded$o = ["min", "max", "step", "minGap", "value", "defaultValue", "onChange", "onFinalChange", "showInputs", "showTooltips", "disabled", "presets", "formatValue", "className", "size", "colorClass", "ariaLabel"];
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * PriceRangeSlider - UI library component (Tailwind)
  *
@@ -13167,7 +13200,7 @@ var Loader = /*#__PURE__*/React.forwardRef(function Loader(_ref, ref) {
  * Accessibility
  * - Inputs are labelled and thumbs are keyboard-focusable
  */
-function PriceRangePicker(_ref) {
+var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_ref, ref) {
   var _ref$min = _ref.min,
     min = _ref$min === void 0 ? 0 : _ref$min,
     _ref$max = _ref.max,
@@ -13206,7 +13239,8 @@ function PriceRangePicker(_ref) {
     _ref$colorClass = _ref.colorClass,
     colorClass = _ref$colorClass === void 0 ? "bg-pink-500" : _ref$colorClass,
     _ref$ariaLabel = _ref.ariaLabel,
-    ariaLabel = _ref$ariaLabel === void 0 ? "Price range" : _ref$ariaLabel;
+    ariaLabel = _ref$ariaLabel === void 0 ? "Price range" : _ref$ariaLabel,
+    rest = _objectWithoutProperties$1(_ref, _excluded$o);
   var isControlled = value && _typeof$4(value) === "object";
   var _useState = React.useState(isControlled ? value.min : defaultValue.min),
     _useState2 = _slicedToArray(_useState, 2),
@@ -13382,8 +13416,10 @@ function PriceRangePicker(_ref) {
       max: pmax
     });
   };
-  return jsxRuntime.jsxs("div", {
-    className: "bg-white rounded-lg p-4 w-full max-w-lg ".concat(className),
+  return jsxRuntime.jsxs("div", _objectSpread$s(_objectSpread$s({
+    ref: ref,
+    className: cn$1("bg-white rounded-lg p-4 w-full max-w-lg", className)
+  }, rest), {}, {
     children: [jsxRuntime.jsxs("div", {
       className: "flex items-center justify-between",
       children: [showInputs ? jsxRuntime.jsxs("div", {
@@ -13499,11 +13535,13 @@ function PriceRangePicker(_ref) {
     }), jsxRuntime.jsx("style", {
       children: "\n        input[type=range] { -webkit-appearance: none; appearance: none; background: transparent; }\n        input[type=range]::-webkit-slider-runnable-track { height: 6px; background: transparent; }\n        input[type=range]::-moz-range-track { height: 6px; background: transparent; }\n\n        input[type=range]::-webkit-slider-thumb {\n          -webkit-appearance: none;\n          appearance: none;\n          height: ".concat(thumbSize, "px;\n          width: ").concat(thumbSize, "px;\n          border-radius: 9999px;\n          border: 3px solid #ffffff;\n          background: #ff6b6b;\n          box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n          cursor: pointer;\n          margin-top: -").concat(Math.round(thumbSize / 2 - 6), "px; /* vertical centering tweak */\n          position: relative;\n        }\n\n        input[type=range]::-moz-range-thumb {\n          height: ").concat(thumbSize, "px;\n          width: ").concat(thumbSize, "px;\n          border-radius: 9999px;\n          border: 3px solid #ffffff;\n          background: #ff6b6b;\n          box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n          cursor: pointer;\n          position: relative;\n        }\n\n        /* Make the track invisible so our styled track shows through */\n        input[type=range]::-webkit-slider-runnable-track { background: transparent; }\n        input[type=range]::-moz-range-track { background: transparent; }\n\n      ")
     })]
-  });
-}
+  }));
+});
+PriceRangePicker.displayName = "PriceRangePicker";
 
-function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$n = ["value", "max", "size", "showValue", "rounded", "color", "bgColor", "valueColor", "striped", "animated", "label", "ariaLabel", "className", "style"];
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // ProgressBar component that enforces HEX colors only for color, bgColor, and valueColor
 var SIZE_MAP$1 = {
   xs: "h-1",
@@ -13544,7 +13582,7 @@ function readableTextColor(bgHex, preferred) {
   // WCAG suggests threshold around 0.179 for black/white contrast — we'll use 0.179
   return L > 0.179 ? '#000000' : '#ffffff';
 }
-function ProgressBar(_ref) {
+var ProgressBar = /*#__PURE__*/React.forwardRef(function ProgressBar(_ref, ref) {
   var _SIZE_MAP$size;
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? 0 : _ref$value,
@@ -13573,7 +13611,8 @@ function ProgressBar(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style;
+    style = _ref$style === void 0 ? {} : _ref$style,
+    rest = _objectWithoutProperties$1(_ref, _excluded$n);
   var safeMax = typeof max === 'number' && max > 0 ? max : 100;
   var safeValue = typeof value === 'number' ? value : 0;
   var clamped = Math.max(0, Math.min(safeValue, safeMax));
@@ -13598,16 +13637,18 @@ function ProgressBar(_ref) {
   var animatedStyle = animated ? {
     animation: 'stripeShift 1s linear infinite'
   } : {};
-  var finalFillStyle = _objectSpread$n(_objectSpread$n(_objectSpread$n({
+  var finalFillStyle = _objectSpread$r(_objectSpread$r(_objectSpread$r({
     width: "".concat(percent, "%"),
     backgroundColor: fillHex,
     color: textHex
   }, stripeStyle), animatedStyle), {}, {
     transition: 'width 300ms ease-out'
   });
-  return jsxRuntime.jsxs("div", {
-    className: "w-full ".concat(className),
-    style: style,
+  return jsxRuntime.jsxs("div", _objectSpread$r(_objectSpread$r({
+    ref: ref,
+    className: cn$1("w-full", className),
+    style: style
+  }, rest), {}, {
     children: [jsxRuntime.jsx("style", {
       children: "@keyframes stripeShift { 0% { background-position: 0 0; } 100% { background-position: 40px 0; } }"
     }), label ? jsxRuntime.jsx("div", {
@@ -13615,7 +13656,7 @@ function ProgressBar(_ref) {
       children: label
     }) : null, jsxRuntime.jsx("div", {
       className: "w-full relative overflow-hidden ".concat(trackRadiusClass),
-      style: _objectSpread$n({
+      style: _objectSpread$r({
         backgroundColor: trackHex
       }, heightStyle),
       role: "progressbar",
@@ -13635,8 +13676,9 @@ function ProgressBar(_ref) {
         }) : null
       })
     })]
-  });
-}
+  }));
+});
+ProgressBar.displayName = "ProgressBar";
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -14825,9 +14867,9 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-var _excluded$g = ["id", "name", "value", "checked", "defaultChecked", "onChange", "disabled", "required", "label", "size", "labelPosition", "radioColor", "className", "ariaLabel"];
-function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$m = ["id", "name", "value", "checked", "defaultChecked", "onChange", "disabled", "required", "label", "size", "labelPosition", "radioColor", "className", "ariaLabel"];
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var cn = function cn() {
   for (var _len = arguments.length, vals = new Array(_len), _key = 0; _key < _len; _key++) {
     vals[_key] = arguments[_key];
@@ -14871,7 +14913,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(_ref, ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     ariaLabel = _ref.ariaLabel,
-    props = _objectWithoutProperties$1(_ref, _excluded$g);
+    props = _objectWithoutProperties$1(_ref, _excluded$m);
   var autoId = React.useId();
   var inputId = id || "".concat(autoId, "-radio");
   var accentColor = radioColor || "blue";
@@ -14899,7 +14941,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(_ref, ref) {
         "aria-hidden": "true",
         children: " *"
       }) : null]
-    }), jsxRuntime.jsx("input", _objectSpread$m({
+    }), jsxRuntime.jsx("input", _objectSpread$q({
       ref: ref,
       id: inputId,
       type: "radio",
@@ -14963,6 +15005,9 @@ Radio.defaultProps = {
   required: false
 };
 
+var _excluded$l = ["count", "value", "defaultValue", "readOnly", "icon", "toggledIcon", "activeColor", "inactiveColor", "size", "onChange", "onClick", "text", "className", "id", "name"];
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function StarFilled(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 20 : _ref$size;
@@ -14997,7 +15042,7 @@ function StarOutline(_ref2) {
     })
   });
 }
-function Rate(_ref3) {
+var Rate = /*#__PURE__*/React.forwardRef(function Rate(_ref3, ref) {
   var _ref3$count = _ref3.count,
     count = _ref3$count === void 0 ? 5 : _ref3$count,
     value = _ref3.value,
@@ -15019,7 +15064,8 @@ function Rate(_ref3) {
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className,
     id = _ref3.id,
-    name = _ref3.name;
+    name = _ref3.name,
+    rest = _objectWithoutProperties$1(_ref3, _excluded$l);
   var _useState = React.useState(Math.max(0, Math.min(count, Math.floor(defaultValue || 0)))),
     _useState2 = _slicedToArray(_useState, 2),
     internalValue = _useState2[0],
@@ -15091,10 +15137,12 @@ function Rate(_ref3) {
       return;
     }
   };
-  return jsxRuntime.jsxs("div", {
+  return jsxRuntime.jsxs("div", _objectSpread$p(_objectSpread$p({
+    ref: ref,
     id: id,
-    className: "inline-flex items-center gap-2 ".concat(className),
-    "aria-live": "polite",
+    className: cn$1("inline-flex items-center gap-2", className),
+    "aria-live": "polite"
+  }, rest), {}, {
     children: [jsxRuntime.jsx("div", {
       role: "radiogroup",
       "aria-label": name || "Rating",
@@ -15145,10 +15193,14 @@ function Rate(_ref3) {
       },
       children: text
     }) : null]
-  });
-}
+  }));
+});
+Rate.displayName = "Rate";
 
-function RoundedTag(_ref) {
+var _excluded$k = ["label", "avatarSrc", "avatarAlt", "initials", "size", "onRemove", "onClick", "className", "closeClass", "ariaLabel", "avatarPosition", "avatarClassname", "initialClassname"];
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RoundedTag = /*#__PURE__*/React.forwardRef(function RoundedTag(_ref, ref) {
   var label = _ref.label,
     _ref$avatarSrc = _ref.avatarSrc,
     avatarSrc = _ref$avatarSrc === void 0 ? null : _ref$avatarSrc,
@@ -15173,8 +15225,8 @@ function RoundedTag(_ref) {
     _ref$avatarClassname = _ref.avatarClassname,
     avatarClassname = _ref$avatarClassname === void 0 ? "" : _ref$avatarClassname,
     _ref$initialClassname = _ref.initialClassname,
-    initialClassname = _ref$initialClassname === void 0 ? "" : _ref$initialClassname;
-  var wrapperRef = React.useRef(null);
+    initialClassname = _ref$initialClassname === void 0 ? "" : _ref$initialClassname,
+    rest = _objectWithoutProperties$1(_ref, _excluded$k);
   var showAvatar = Boolean(avatarSrc || initials);
   var sizes = {
     sm: {
@@ -15224,14 +15276,15 @@ function RoundedTag(_ref) {
       children: initials
     })
   });
-  return jsxRuntime.jsxs("div", {
-    ref: wrapperRef,
-    className: "inline-flex items-center ".concat(paddingClass, " ").concat(gapClass, " rounded-full bg-gray-100 text-primary-800 ").concat(s.text, " ").concat(className),
+  return jsxRuntime.jsxs("div", _objectSpread$o(_objectSpread$o({
+    ref: ref,
+    className: cn$1("inline-flex items-center rounded-full bg-gray-100 text-primary-800", paddingClass, gapClass, s.text, className),
     role: "group",
     "aria-label": ariaLabel,
     onClick: function onClick(e) {
       return _onClick && _onClick(e);
-    },
+    }
+  }, rest), {}, {
     children: [avatarPosition === "left" && AvatarNode, jsxRuntime.jsx("div", {
       className: "truncate max-w-[10rem]",
       children: label
@@ -15253,11 +15306,13 @@ function RoundedTag(_ref) {
         })
       })
     })]
-  });
-}
+  }));
+});
+RoundedTag.displayName = "RoundedTag";
 
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$j = ["count", "circle", "height", "width", "rounded", "animated", "active", "gap", "inline", "className", "children", "style"];
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Skeleton Component (React)
  *
@@ -15279,7 +15334,7 @@ function toPxOrUnit(value) {
   if (typeof value === "string") return value;
   return undefined;
 }
-function Skeleton(_ref) {
+var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(_ref, ref) {
   var _ref$count = _ref.count,
     count = _ref$count === void 0 ? 1 : _ref$count,
     _ref$circle = _ref.circle,
@@ -15302,7 +15357,8 @@ function Skeleton(_ref) {
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
     _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style;
+    style = _ref$style === void 0 ? {} : _ref$style,
+    rest = _objectWithoutProperties$1(_ref, _excluded$j);
   if (!active) return jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: children
   });
@@ -15315,17 +15371,19 @@ function Skeleton(_ref) {
   });
   var shimmerOverlay = animated ? "linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%)" : "none";
   var baseBg = "#e9eef7";
-  return jsxRuntime.jsxs("div", {
-    className: "skeleton-wrapper ".concat(className),
+  return jsxRuntime.jsxs("div", _objectSpread$n(_objectSpread$n({
+    ref: ref,
+    className: cn$1("skeleton-wrapper", className),
     role: "status",
     "aria-busy": active,
     "aria-live": "polite",
-    style: _objectSpread$l({
+    style: _objectSpread$n({
       display: "flex",
       flexDirection: containerDirection,
       gap: gap,
       alignItems: "center"
-    }, style),
+    }, style)
+  }, rest), {}, {
     children: [jsxRuntime.jsx("style", {
       children: "\n        @keyframes skeleton-shimmer {\n          0% { background-position: -150% 0; }\n          100% { background-position: 150% 0; }\n        }\n        .skeleton-wrapper .skeleton-item {\n          display: inline-block;\n          position: relative;\n          overflow: hidden;\n        }\n      "
     }), items.map(function (_, i) {
@@ -15344,9 +15402,13 @@ function Skeleton(_ref) {
         }
       }, i);
     })]
-  });
-}
+  }));
+});
+Skeleton.displayName = "Skeleton";
 
+var _excluded$i = ["children", "defaultIndex", "index", "onChange", "orientation", "size", "variant", "animated", "className"];
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
   Tabs.jsx
   - Default export: Tabs (provider wrapper)
@@ -15381,7 +15443,7 @@ function useTabsContext(componentName) {
   if (!ctx) throw new Error("".concat(componentName, " must be used inside <Tabs>"));
   return ctx;
 }
-function Tabs(_ref) {
+var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
   var children = _ref.children,
     _ref$defaultIndex = _ref.defaultIndex,
     defaultIndex = _ref$defaultIndex === void 0 ? 0 : _ref$defaultIndex,
@@ -15396,7 +15458,8 @@ function Tabs(_ref) {
     _ref$animated = _ref.animated,
     animated = _ref$animated === void 0 ? true : _ref$animated,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
+    className = _ref$className === void 0 ? "" : _ref$className,
+    rest = _objectWithoutProperties$1(_ref, _excluded$i);
   var isControlled = controlledIndex != null;
   var _useState = React.useState(defaultIndex),
     _useState2 = _slicedToArray(_useState, 2),
@@ -15425,12 +15488,15 @@ function Tabs(_ref) {
   };
   return jsxRuntime.jsx(TabsContext.Provider, {
     value: value,
-    children: jsxRuntime.jsx("div", {
-      className: "tabs-root ".concat(className),
+    children: jsxRuntime.jsx("div", _objectSpread$m(_objectSpread$m({
+      ref: ref,
+      className: cn$1("tabs-root", className)
+    }, rest), {}, {
       children: children
-    })
+    }))
   });
-}
+});
+Tabs.displayName = "Tabs";
 /* ------------------------- TabList ------------------------- */
 function TabList(_ref2) {
   var children = _ref2.children,
@@ -15453,7 +15519,6 @@ function TabList(_ref2) {
 }
 /* ------------------------- Tab ------------------------- */
 function Tab(_ref3) {
-  var _sizeClasses$size, _variantClasses$varia;
   var children = _ref3.children,
     index = _ref3.index,
     _ref3$className = _ref3.className,
@@ -15500,7 +15565,7 @@ function Tab(_ref3) {
     pills: selected ? "bg-primary-600 text-white rounded-full shadow-sm" : "bg-transparent rounded-full hover:bg-gray-100",
     unstyled: ""
   };
-  var computedClass = "".concat(base, " ").concat((_sizeClasses$size = sizeClasses[size]) !== null && _sizeClasses$size !== void 0 ? _sizeClasses$size : "", " ").concat((_variantClasses$varia = variantClasses[variant]) !== null && _variantClasses$varia !== void 0 ? _variantClasses$varia : "", " ").concat(tabClassName, " ").concat(className);
+  var computedClass = cn$1(base, sizeClasses[size], variantClasses[variant], tabClassName, className);
   var focusNext = function focusNext(dir) {
     if (!tabsRef.current || tabsRef.current.length === 0) return;
     var next = idx + dir;
@@ -15619,6 +15684,9 @@ Tabs.Tab = Tab;
 Tabs.Panels = Panels;
 Tabs.Panel = Panel;
 
+var _excluded$h = ["items", "trigger", "className", "menuClass", "menuItemClass", "closeOnSelect", "ariaLabel", "wrapperClassName"];
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * ThreeDotPopover (Simple)
  *
@@ -15646,7 +15714,7 @@ Tabs.Panel = Panel;
  * ];
  * <ThreeDotPopoverSimple items={items} />
  */
-function ThreeDotPopoverSimple(_ref) {
+var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopoverSimple(_ref, ref) {
   var _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
     _ref$trigger = _ref.trigger,
@@ -15660,7 +15728,10 @@ function ThreeDotPopoverSimple(_ref) {
     _ref$closeOnSelect = _ref.closeOnSelect,
     closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
     _ref$ariaLabel = _ref.ariaLabel,
-    ariaLabel = _ref$ariaLabel === void 0 ? "More options" : _ref$ariaLabel;
+    ariaLabel = _ref$ariaLabel === void 0 ? "More options" : _ref$ariaLabel,
+    _ref$wrapperClassName = _ref.wrapperClassName,
+    wrapperClassName = _ref$wrapperClassName === void 0 ? "" : _ref$wrapperClassName,
+    rest = _objectWithoutProperties$1(_ref, _excluded$h);
   var triggerRef = React.useRef(null);
   var menuRef = React.useRef(null);
   var _useState = React.useState(false),
@@ -15704,7 +15775,7 @@ function ThreeDotPopoverSimple(_ref) {
     "aria-expanded": open,
     ref: triggerRef,
     onClick: toggleOpen,
-    className: "inline-flex items-center justify-center rounded-md focus:outline-none   ".concat(className),
+    className: cn$1("inline-flex items-center justify-center rounded-md focus:outline-none", className),
     children: jsxRuntime.jsx(MoreVertical, {})
   });
   var triggerNode = trigger ? /*#__PURE__*/React.cloneElement(trigger, {
@@ -15716,11 +15787,13 @@ function ThreeDotPopoverSimple(_ref) {
     "aria-expanded": open,
     "aria-haspopup": "menu"
   }) : DefaultTrigger;
-  return jsxRuntime.jsxs("div", {
-    className: "inline-block relative",
+  return jsxRuntime.jsxs("div", _objectSpread$l(_objectSpread$l({
+    ref: ref,
+    className: cn$1("inline-block relative", wrapperClassName)
+  }, rest), {}, {
     children: [triggerNode, jsxRuntime.jsx("div", {
       ref: menuRef,
-      className: "absolute left-0 mt-2 min-w-[160px] rounded-lg bg-white border shadow-sm ".concat(menuClass),
+      className: cn$1("absolute left-0 mt-2 min-w-[160px] rounded-lg bg-white border shadow-sm", menuClass),
       style: {
         display: open ? "block" : "none"
       },
@@ -15753,10 +15826,11 @@ function ThreeDotPopoverSimple(_ref) {
         })
       })
     })]
-  });
-}
+  }));
+});
+ThreeDotPopoverSimple.displayName = "ThreeDotPopover";
 
-var _excluded$f = ["position", "trigger", "content", "customTrigger", "children", "open", "defaultOpen", "onChange", "delay", "offset", "textClass", "bgClass", "className", "portal", "id"];
+var _excluded$g = ["position", "trigger", "content", "customTrigger", "children", "open", "defaultOpen", "onChange", "delay", "offset", "textClass", "bgClass", "className", "portal", "id"];
 function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -15779,7 +15853,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
  * - className: extra classes for tooltip box
  * - portal: boolean (default true) -> render to document.body
  */
-function Tooltip(_ref) {
+var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(_ref, forwardedRef) {
   var _customTrigger$props$, _customTrigger$props;
   var _ref$position = _ref.position,
     position = _ref$position === void 0 ? "auto" : _ref$position,
@@ -15805,7 +15879,7 @@ function Tooltip(_ref) {
     _ref$portal = _ref.portal,
     portal = _ref$portal === void 0 ? true : _ref$portal,
     propsId = _ref.id,
-    rest = _objectWithoutProperties$1(_ref, _excluded$f);
+    rest = _objectWithoutProperties$1(_ref, _excluded$g);
   var triggerRef = React.useRef(null);
   var tooltipRef = React.useRef(null);
   var delayRef = React.useRef(null);
@@ -15829,6 +15903,10 @@ function Tooltip(_ref) {
     mounted = _useState8[0],
     setMounted = _useState8[1];
   var id = propsId !== null && propsId !== void 0 ? propsId : "tooltip-".concat(Math.random().toString(36).slice(2, 9));
+  var setTriggerRef = React.useCallback(function (node) {
+    triggerRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);else if (forwardedRef) forwardedRef.current = node;
+  }, [forwardedRef]);
   // sync controlled
   React.useEffect(function () {
     if (typeof controlledOpen === "boolean") setOpen(controlledOpen);
@@ -16046,11 +16124,11 @@ function Tooltip(_ref) {
   };
   // trigger element (attach ref)
   var triggerElement = customTrigger ? (/*#__PURE__*/React.cloneElement(customTrigger, {
-    ref: triggerRef,
+    ref: setTriggerRef,
     "aria-describedby": id,
     tabIndex: (_customTrigger$props$ = (_customTrigger$props = customTrigger.props) === null || _customTrigger$props === void 0 ? void 0 : _customTrigger$props.tabIndex) !== null && _customTrigger$props$ !== void 0 ? _customTrigger$props$ : 0
   })) : jsxRuntime.jsx("span", {
-    ref: triggerRef,
+    ref: setTriggerRef,
     className: "inline-flex",
     tabIndex: 0,
     "aria-describedby": id,
@@ -16062,14 +16140,14 @@ function Tooltip(_ref) {
     id: id,
     role: "tooltip"
   }, rest), {}, {
-    className: "absolute z-50 transform-gpu transition-opacity duration-150 ".concat(className),
+    className: cn$1("absolute z-50 transform-gpu transition-opacity duration-150", className),
     style: {
       left: coords.left,
       top: coords.top,
       position: "absolute"
     },
     children: jsxRuntime.jsx("div", {
-      className: "max-w-xs rounded-md border border-gray-200 px-3 py-2 text-sm shadow-lg shadow-black/5 ".concat(bgClass, " ").concat(textClass),
+      className: cn$1("max-w-xs rounded-md border border-gray-200 px-3 py-2 text-sm shadow-lg shadow-black/5", bgClass, textClass),
       children: renderContent()
     })
   })) : null;
@@ -16077,11 +16155,13 @@ function Tooltip(_ref) {
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [triggerElement, mounted && portal ? /*#__PURE__*/ReactDOM.createPortal(tooltipNode, document.body) : tooltipNode]
   });
-}
+});
+Tooltip.displayName = "Tooltip";
 
+var _excluded$f = ["value", "onChange", "inputProps", "icon", "iconProps", "iconPosition", "placeholder", "className"];
 function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function LocationPicker(_ref) {
+var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_ref, ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
     onChange = _ref.onChange,
@@ -16094,7 +16174,9 @@ function LocationPicker(_ref) {
     _ref$iconPosition = _ref.iconPosition,
     iconPosition = _ref$iconPosition === void 0 ? "right" : _ref$iconPosition,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? "lat, lng" : _ref$placeholder;
+    placeholder = _ref$placeholder === void 0 ? "lat, lng" : _ref$placeholder,
+    className = _ref.className,
+    rest = _objectWithoutProperties$1(_ref, _excluded$f);
   var _useState = React.useState(function () {
       return value ? formatCoords(value) : "";
     }),
@@ -16197,24 +16279,27 @@ function LocationPicker(_ref) {
     children: icon ? /*#__PURE__*/React.isValidElement(icon) ? /*#__PURE__*/React.cloneElement(icon) : icon : DefaultIcon
   }));
   var inputPaddingClass = iconPosition === "right" ? "pr-10" : "pl-10";
-  return jsxRuntime.jsx("div", {
-    className: "inline-flex items-center",
+  return jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j({
+    className: cn$1("inline-flex items-center", className)
+  }, rest), {}, {
     children: jsxRuntime.jsxs("div", {
       className: "relative",
       children: [jsxRuntime.jsx("input", _objectSpread$j(_objectSpread$j({
+        ref: ref,
         type: "text",
-        value: text,
-        onChange: handleInputChange,
         placeholder: placeholder
       }, inputProps), {}, {
-        className: "min-w-[200px] rounded-md border border-gray-300 bg-white py-2 px-3 text-sm placeholder-gray-400 shadow-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 ".concat(inputProps.className || "", " ").concat(inputPaddingClass)
+        value: text,
+        onChange: handleInputChange,
+        className: cn$1("min-w-[200px] rounded-md border border-gray-300 bg-white py-2 px-3 text-sm placeholder-gray-400 shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-primary-500", inputProps.className, inputPaddingClass)
       })), jsxRuntime.jsx("div", {
-        className: "absolute inset-y-0 flex items-center ".concat(iconPosition === "right" ? "right-2" : "left-2"),
+        className: cn$1("absolute inset-y-0 flex items-center", iconPosition === "right" ? "right-2" : "left-2"),
         children: iconButton
       })]
     })
-  });
-}
+  }));
+});
+LocationPicker.displayName = "LocationPicker";
 
 var _excluded$e = ["lang", "continuous", "interimResults", "onSpeechComplete", "onSpeaking", "onError", "onStart", "onStop", "renderButton", "autoStart", "disabled", "resetOnStart", "className"];
 function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -19046,6 +19131,9 @@ var EmitterClass = /*#__PURE__*/function () {
           });
         }
         if (!this.events[event]) {
+          if (typeof config.resolve === "function") {
+            config.resolve(undefined);
+          }
           return;
         }
         this.events[event].forEach(function (payload) {