@dreamtree-org/twreact-ui 1.1.51 → 1.1.52

package/dist/index.js

@@ -496,6 +496,37 @@ const Menu = createLucideIcon$1("Menu", [
  */
 
 
+const MicOff = createLucideIcon$1("MicOff", [
+  ["line", { x1: "2", x2: "22", y1: "2", y2: "22", key: "a6p6uj" }],
+  ["path", { d: "M18.89 13.23A7.12 7.12 0 0 0 19 12v-2", key: "80xlxr" }],
+  ["path", { d: "M5 10v2a7 7 0 0 0 12 5", key: "p2k8kg" }],
+  ["path", { d: "M15 9.34V5a3 3 0 0 0-5.68-1.33", key: "1gzdoj" }],
+  ["path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12", key: "r2i35w" }],
+  ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }]
+]);
+
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+
+const Mic = createLucideIcon$1("Mic", [
+  [
+    "path",
+    {
+      d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z",
+      key: "131961"
+    }
+  ],
+  ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
+  ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }]
+]);
+
+/**
+ * lucide-react v0.0.1 - ISC
+ */
+
+
 const MoreVertical = createLucideIcon$1("MoreVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
@@ -3129,9 +3160,9 @@ function cn$1() {
   return twMerge(clsx(inputs));
 }
 
-var _excluded$n = ["id", "className", "type", "label", "placeholder", "error", "success", "disabled", "required", "clearable", "icon", "iconPosition", "onClear", "showCount", "maxLength", "readOnly", "onChange", "value", "defaultValue"];
-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$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 Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   var _ref$current$value2, _ref$current;
   var id = props.id,
@@ -3160,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$n);
+    rest = _objectWithoutProperties$1(props, _excluded$o);
   var internalId = React.useId();
   var inputId = id || "input-".concat(internalId);
   var isSearch = type === "search";
@@ -3246,7 +3277,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
           className: "text-primary-400",
           children: icon
         })
-      }), jsxRuntime.jsx("input", _objectSpread$v({
+      }), jsxRuntime.jsx("input", _objectSpread$w({
         id: inputId,
         ref: ref,
         type: inputType,
@@ -3306,9 +3337,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   });
 });
 
-var _excluded$m = ["className", "variant", "size", "disabled", "loading", "children", "leftIcon", "rightIcon", "fullWidth"];
-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$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 Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$variant = _ref.variant,
@@ -3321,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$m);
+    props = _objectWithoutProperties$1(_ref, _excluded$n);
   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',
@@ -3338,7 +3369,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     // Full width
     'w-full': fullWidth
   }, className);
-  return jsxRuntime.jsxs("button", _objectSpread$u(_objectSpread$u({
+  return jsxRuntime.jsxs("button", _objectSpread$v(_objectSpread$v({
     ref: ref,
     className: baseClasses,
     disabled: disabled || loading
@@ -3372,9 +3403,9 @@ function _toConsumableArray$1(r) {
   return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1();
 }
 
-var _excluded$l = ["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$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$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; }
 /**
  * Enhanced Select component (debounce removed)
  * - Supports single and multi select
@@ -3395,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$t(_objectSpread$t({}, opt), {}, {
+      return acc.push(_objectSpread$u(_objectSpread$u({}, opt), {}, {
         _group: groupLabel
       }));
     });
@@ -3450,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$l);
+    props = _objectWithoutProperties$1(_ref, _excluded$m);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -3486,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$t({}, opt);
+      return _objectSpread$u({}, opt);
     });
   }, [options, grouped]);
   var selectedValues = multiSelect ? Array.isArray(value) ? value : [] : value;
@@ -3511,7 +3542,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     }
     if (grouped) {
       return options.map(function (g) {
-        return _objectSpread$t(_objectSpread$t({}, g), {}, {
+        return _objectSpread$u(_objectSpread$u({}, g), {}, {
           options: g.options.filter(function (o) {
             return o.label.toLowerCase().includes(searchTerm.toLowerCase());
           })
@@ -3738,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$t(_objectSpread$t({}, prev), {}, _defineProperty$4({}, group.label, !prev[group.label]));
+                  return _objectSpread$u(_objectSpread$u({}, prev), {}, _defineProperty$4({}, group.label, !prev[group.label]));
                 });
               },
               children: jsxRuntime.jsx(ChevronDown, {
@@ -3832,7 +3863,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     }), jsxRuntime.jsxs("div", {
       ref: selectRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$t(_objectSpread$t({
+      children: [jsxRuntime.jsxs("button", _objectSpread$u(_objectSpread$u({
         type: "button",
         "aria-haspopup": "listbox",
         "aria-expanded": isOpen,
@@ -4730,9 +4761,9 @@ function MobileCard(_ref) {
   }, key);
 }
 
-var _excluded$k = ["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$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$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 DEFAULT_DATA = [];
 var DEFAULT_COLUMNS = [];
 var DEFAULT_THEME = {
@@ -4802,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$k);
-  theme = _objectSpread$s(_objectSpread$s({}, DEFAULT_THEME), theme);
+    props = _objectWithoutProperties$1(_ref, _excluded$l);
+  theme = _objectSpread$t(_objectSpread$t({}, DEFAULT_THEME), theme);
   // State
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -4831,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$s({}, c);
+        return _objectSpread$t({}, c);
       }) : [];
     }),
     _useState10 = _slicedToArray(_useState1, 2),
@@ -4905,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$s({}, c);
+        return _objectSpread$t({}, c);
       }) : []);
       initialColumnsRef.current = initialColumns;
     }
@@ -5014,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$s(_objectSpread$s({}, c), {}, {
+        return c.key === key ? _objectSpread$t(_objectSpread$t({}, c), {}, {
           isVisible: !(c.isVisible !== false)
         }) : c;
       });
@@ -5033,7 +5064,7 @@ var Table = function Table(_ref) {
   }, [sortable, onSort]);
   var handleFilter = React.useCallback(function (key, value) {
     setFilters(function (prev) {
-      var newFilters = _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty$4({}, key, value));
+      var newFilters = _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty$4({}, key, value));
       onFilter === null || onFilter === void 0 || onFilter(newFilters);
       onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
       return newFilters;
@@ -5301,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$s(_objectSpread$s({
+      children: jsxRuntime.jsxs("table", _objectSpread$t(_objectSpread$t({
         className: cn$1("min-w-full divide-y divide-gray-200", className)
       }, props), {}, {
         children: [jsxRuntime.jsxs("thead", {
@@ -5426,7 +5457,7 @@ var Table = function Table(_ref) {
               })
             })
           }) : paginatedData.map(function (row, rowIndexInPage) {
-            return jsxRuntime.jsx(TableRow, _objectSpread$s({
+            return jsxRuntime.jsx(TableRow, _objectSpread$t({
               row: row,
               rowIndexInPage: rowIndexInPage,
               startIndex: startIndex,
@@ -5463,7 +5494,7 @@ var Table = function Table(_ref) {
           })]
         })
       }) : paginatedData.map(function (row, rowIndexInPage) {
-        return jsxRuntime.jsx(MobileCard, _objectSpread$s({
+        return jsxRuntime.jsx(MobileCard, _objectSpread$t({
           row: row,
           rowIndexInPage: rowIndexInPage,
           startIndex: startIndex
@@ -10851,9 +10882,9 @@ function subMonths(dirtyDate, dirtyAmount) {
   return addMonths(dirtyDate, -amount);
 }
 
-var _excluded$j = ["value", "onChange", "placeholder", "label", "error", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect"];
-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 _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 DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -10878,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$j);
+    props = _objectWithoutProperties$1(_ref, _excluded$k);
   // Normalize incoming value (accept Date or ISO string)
   var selected = React.useMemo(function () {
     if (!value) return null;
@@ -11208,7 +11239,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     }), jsxRuntime.jsxs("div", {
       ref: datePickerRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$r(_objectSpread$r({
+      children: [jsxRuntime.jsxs("button", _objectSpread$s(_objectSpread$s({
         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,
@@ -11393,11 +11424,11 @@ function Switch(props) {
   });
 }
 
-var _excluded$i = ["fields", "onSubmit", "defaultValues", "validationSchema", "className", "submitText", "resetText", "submitButtonClass", "resetButtonClass", "showReset", "submitDisabled"],
+var _excluded$j = ["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$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; }
+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) {
   var _ref$fields = _ref.fields,
     fields = _ref$fields === void 0 ? [] : _ref$fields,
@@ -11416,7 +11447,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$i);
+    props = _objectWithoutProperties$1(_ref, _excluded$j);
   var methods = useForm({
     defaultValues: defaultValues,
     resolver: validationSchema
@@ -11453,7 +11484,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$q(_objectSpread$q({
+    var commonProps = _objectSpread$r(_objectSpread$r({
       name: name,
       label: label,
       required: required,
@@ -11475,7 +11506,7 @@ var Form = function Form(_ref) {
               onChange = _ref2$field.onChange,
               value = _ref2$field.value,
               ref = _ref2$field.ref;
-            return jsxRuntime.jsx(Input, _objectSpread$q({
+            return jsxRuntime.jsx(Input, _objectSpread$r({
               type: type,
               value: value || "",
               onChange: onChange,
@@ -11492,7 +11523,7 @@ var Form = function Form(_ref) {
               onChange = _ref3$field.onChange,
               value = _ref3$field.value,
               ref = _ref3$field.ref;
-            return jsxRuntime.jsx(Select, _objectSpread$q({
+            return jsxRuntime.jsx(Select, _objectSpread$r({
               value: value,
               onChange: onChange,
               ref: ref,
@@ -11509,7 +11540,7 @@ var Form = function Form(_ref) {
               onChange = _ref4$field.onChange,
               value = _ref4$field.value,
               ref = _ref4$field.ref;
-            return jsxRuntime.jsx(DatePicker, _objectSpread$q({
+            return jsxRuntime.jsx(DatePicker, _objectSpread$r({
               value: value,
               onChange: onChange,
               ref: ref
@@ -11664,7 +11695,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$q(_objectSpread$q({}, field), {}, {
+                }), jsxRuntime.jsx("input", _objectSpread$r(_objectSpread$r({}, field), {}, {
                   id: name,
                   ref: ref,
                   type: "file",
@@ -11678,13 +11709,13 @@ var Form = function Form(_ref) {
                       var reader = new FileReader();
                       reader.onloadend = function () {
                         setFilePreviews(function (prev) {
-                          return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty$4({}, name, reader.result));
+                          return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty$4({}, name, reader.result));
                         });
                       };
                       reader.readAsDataURL(file);
                     } else {
                       setFilePreviews(function (prev) {
-                        return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty$4({}, name, null));
+                        return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty$4({}, name, null));
                       });
                     }
                   },
@@ -11698,7 +11729,7 @@ var Form = function Form(_ref) {
                   onClick: function onClick() {
                     _onChange3(null);
                     setFilePreviews(function (prev) {
-                      return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty$4({}, name, null));
+                      return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty$4({}, name, null));
                     });
                   },
                   className: "ml-3 text-sm text-error-600 hover:text-error-800",
@@ -11730,7 +11761,7 @@ var Form = function Form(_ref) {
               onChange = _ref9$field.onChange,
               value = _ref9$field.value,
               ref = _ref9$field.ref;
-            return jsxRuntime.jsx(Switch, _objectSpread$q({
+            return jsxRuntime.jsx(Switch, _objectSpread$r({
               checked: !!value,
               onChange: onChange,
               ref: ref,
@@ -11770,8 +11801,8 @@ var Form = function Form(_ref) {
     }
     return renderField(group);
   };
-  return jsxRuntime.jsx(FormProvider, _objectSpread$q(_objectSpread$q({}, methods), {}, {
-    children: jsxRuntime.jsxs("form", _objectSpread$q(_objectSpread$q({
+  return jsxRuntime.jsx(FormProvider, _objectSpread$r(_objectSpread$r({}, methods), {}, {
+    children: jsxRuntime.jsxs("form", _objectSpread$r(_objectSpread$r({
       className: cn$1("space-y-6", className),
       onSubmit: handleSubmit(handleFormSubmit)
     }, props), {}, {
@@ -12035,9 +12066,9 @@ function Accordion(_ref) {
   });
 }
 
-var _excluded$h = ["id", "name", "label", "checked", "defaultChecked", "onChange", "disabled", "required", "className", "size", "labelPosition", "value", "ariaLabel", "variant", "indeterminate", "borderColor", "iconClass", "checkedClass"];
-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$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 SIZE_CLASSES = {
   sm: {
     box: "h-4 w-4",
@@ -12082,7 +12113,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$h);
+    props = _objectWithoutProperties$1(_ref, _excluded$i);
   var autoId = React.useId();
   var inputId = id || "".concat(autoId, "-checkbox");
   var inputRef = React.useRef(null);
@@ -12113,7 +12144,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$p(_objectSpread$p({
+  return jsxRuntime.jsxs("div", _objectSpread$q(_objectSpread$q({
     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", {
@@ -12126,7 +12157,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         borderColor: borderColor
       },
       "aria-disabled": disabled,
-      children: [jsxRuntime.jsx("input", _objectSpread$p({
+      children: [jsxRuntime.jsx("input", _objectSpread$q({
         id: inputId,
         ref: inputRef,
         name: name,
@@ -12162,8 +12193,8 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 
-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; }
+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; }
 /**
  * ColorPicker.jsx
  * A reusable, accessible, and Tailwind-friendly color picker component (plain JavaScript)
@@ -12450,7 +12481,7 @@ function ColorPicker(props) {
             value: rgbaToHex(internal).slice(0, 7),
             onChange: function onChange(e) {
               var parsed = hexToRgba(e.target.value);
-              if (parsed) pushChange(_objectSpread$o(_objectSpread$o({}, parsed), {}, {
+              if (parsed) pushChange(_objectSpread$p(_objectSpread$p({}, parsed), {}, {
                 a: internal.a
               }));
             },
@@ -12468,7 +12499,7 @@ function ColorPicker(props) {
                 if (p) pushChange(p);else {
                   var maybe = v.startsWith("#") ? v : "#".concat(v);
                   var ph = hexToRgba(maybe);
-                  if (ph) pushChange(_objectSpread$o(_objectSpread$o({}, ph), {}, {
+                  if (ph) pushChange(_objectSpread$p(_objectSpread$p({}, ph), {}, {
                     a: internal.a
                   }));
                 }
@@ -12485,7 +12516,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$o(_objectSpread$o({}, internal), {}, {
+              pushChange(_objectSpread$p(_objectSpread$p({}, internal), {}, {
                 a: clamp(v / 100, 0, 1)
               }));
             },
@@ -12526,9 +12557,9 @@ function Slider(_ref6) {
   });
 }
 
-var _excluded$g = ["value", "onChange", "placeholder", "label", "error", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect"];
-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$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; }
 /*
   Single-calendar DateRangePicker with hover-preview and space-aware popup positioning
   - Enforces mandatory range selection until both start and end are chosen.
@@ -12570,7 +12601,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$g);
+    props = _objectWithoutProperties$1(_ref, _excluded$h);
   var start = React.useMemo(function () {
     return normalizeDate(value === null || value === void 0 ? void 0 : value.start);
   }, [value]);
@@ -12931,7 +12962,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
     }), jsxRuntime.jsxs("div", {
       ref: datePickerRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$n(_objectSpread$n({
+      children: [jsxRuntime.jsxs("button", _objectSpread$o(_objectSpread$o({
         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,
@@ -13471,8 +13502,8 @@ function PriceRangePicker(_ref) {
   });
 }
 
-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; }
+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; }
 // ProgressBar component that enforces HEX colors only for color, bgColor, and valueColor
 var SIZE_MAP$1 = {
   xs: "h-1",
@@ -13567,7 +13598,7 @@ function ProgressBar(_ref) {
   var animatedStyle = animated ? {
     animation: 'stripeShift 1s linear infinite'
   } : {};
-  var finalFillStyle = _objectSpread$m(_objectSpread$m(_objectSpread$m({
+  var finalFillStyle = _objectSpread$n(_objectSpread$n(_objectSpread$n({
     width: "".concat(percent, "%"),
     backgroundColor: fillHex,
     color: textHex
@@ -13584,7 +13615,7 @@ function ProgressBar(_ref) {
       children: label
     }) : null, jsxRuntime.jsx("div", {
       className: "w-full relative overflow-hidden ".concat(trackRadiusClass),
-      style: _objectSpread$m({
+      style: _objectSpread$n({
         backgroundColor: trackHex
       }, heightStyle),
       role: "progressbar",
@@ -14794,9 +14825,9 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-var _excluded$f = ["id", "name", "value", "checked", "defaultChecked", "onChange", "disabled", "required", "label", "size", "labelPosition", "radioColor", "className", "ariaLabel"];
-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$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 cn = function cn() {
   for (var _len = arguments.length, vals = new Array(_len), _key = 0; _key < _len; _key++) {
     vals[_key] = arguments[_key];
@@ -14840,7 +14871,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$f);
+    props = _objectWithoutProperties$1(_ref, _excluded$g);
   var autoId = React.useId();
   var inputId = id || "".concat(autoId, "-radio");
   var accentColor = radioColor || "blue";
@@ -14868,7 +14899,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(_ref, ref) {
         "aria-hidden": "true",
         children: " *"
       }) : null]
-    }), jsxRuntime.jsx("input", _objectSpread$l({
+    }), jsxRuntime.jsx("input", _objectSpread$m({
       ref: ref,
       id: inputId,
       type: "radio",
@@ -15225,8 +15256,8 @@ function RoundedTag(_ref) {
   });
 }
 
-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 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; }
 /**
  * Skeleton Component (React)
  *
@@ -15289,7 +15320,7 @@ function Skeleton(_ref) {
     role: "status",
     "aria-busy": active,
     "aria-live": "polite",
-    style: _objectSpread$k({
+    style: _objectSpread$l({
       display: "flex",
       flexDirection: containerDirection,
       gap: gap,
@@ -15719,9 +15750,9 @@ function ThreeDotPopoverSimple(_ref) {
   });
 }
 
-var _excluded$e = ["position", "trigger", "content", "customTrigger", "children", "open", "defaultOpen", "onChange", "delay", "offset", "textClass", "bgClass", "className", "portal", "id"];
-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; }
+var _excluded$f = ["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; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -15768,7 +15799,7 @@ function Tooltip(_ref) {
     _ref$portal = _ref.portal,
     portal = _ref$portal === void 0 ? true : _ref$portal,
     propsId = _ref.id,
-    rest = _objectWithoutProperties$1(_ref, _excluded$e);
+    rest = _objectWithoutProperties$1(_ref, _excluded$f);
   var triggerRef = React.useRef(null);
   var tooltipRef = React.useRef(null);
   var delayRef = React.useRef(null);
@@ -16020,7 +16051,7 @@ function Tooltip(_ref) {
     children: children
   });
   // Tooltip box element
-  var tooltipNode = open ? jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j({
+  var tooltipNode = open ? jsxRuntime.jsx("div", _objectSpread$k(_objectSpread$k({
     ref: tooltipRef,
     id: id,
     role: "tooltip"
@@ -16042,8 +16073,8 @@ function Tooltip(_ref) {
   });
 }
 
-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; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
@@ -16151,7 +16182,7 @@ function LocationPicker(_ref) {
       strokeWidth: "1.2"
     })]
   });
-  var iconButton = jsxRuntime.jsx("button", _objectSpread$i(_objectSpread$i({
+  var iconButton = jsxRuntime.jsx("button", _objectSpread$j(_objectSpread$j({
     type: "button",
     onClick: handleIconClick
   }, iconProps), {}, {
@@ -16164,7 +16195,7 @@ function LocationPicker(_ref) {
     className: "inline-flex items-center",
     children: jsxRuntime.jsxs("div", {
       className: "relative",
-      children: [jsxRuntime.jsx("input", _objectSpread$i(_objectSpread$i({
+      children: [jsxRuntime.jsx("input", _objectSpread$j(_objectSpread$j({
         type: "text",
         value: text,
         onChange: handleInputChange,
@@ -16179,10 +16210,17 @@ function LocationPicker(_ref) {
   });
 }
 
+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; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var isProbablyMobile = function isProbablyMobile() {
   if (typeof navigator === "undefined") return false;
   return /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
 };
+// Routine, non-fatal recognition events. The browser fires these during normal
+// operation (e.g. a pause in speech, or a programmatic stop) and follows them
+// with `onend`, so surfacing them as errors only creates noise for consumers.
+var NON_FATAL_ERRORS = new Set(["no-speech", "aborted"]);
 var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$lang = _ref.lang,
     lang = _ref$lang === void 0 ? "en-US" : _ref$lang,
@@ -16206,11 +16244,13 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$resetOnStart = _ref.resetOnStart,
-    resetOnStart = _ref$resetOnStart === void 0 ? false : _ref$resetOnStart;
+    resetOnStart = _ref$resetOnStart === void 0 ? false : _ref$resetOnStart,
+    className = _ref.className,
+    rest = _objectWithoutProperties$1(_ref, _excluded$e);
   var recognitionRef = React.useRef(null);
   var isMountedRef = React.useRef(true);
+  var autoStartedRef = React.useRef(false);
   var finalTranscriptRef = React.useRef("");
-  var lastEmittedFinalRef = React.useRef("");
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     _isListening = _useState2[0],
@@ -16224,29 +16264,12 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     error = _useState6[0],
     setError = _useState6[1];
   React.useEffect(function () {
-    return function () {
-      // isMountedRef.current = true;
-      if (recognitionRef.current) {
-        try {
-          recognitionRef.current.stop();
-        } catch (_unused) {}
-      }
-    };
-  }, []);
-  React.useEffect(function () {
-    var isNotSupported = typeof window === "undefined";
-    var hasSpeechRecognition = "SpeechRecognition" in window || "webkitSpeechRecognition" in window;
-    var supported = !isNotSupported && hasSpeechRecognition;
-    setIsSupported(supported);
+    var hasSpeechRecognition = typeof window !== "undefined" && ("SpeechRecognition" in window || "webkitSpeechRecognition" in window);
+    setIsSupported(hasSpeechRecognition);
   }, []);
-  React.useEffect(function () {
-    if (autoStart && _isSupported && !disabled) {
-      startListening();
-    }
-  }, [autoStart, _isSupported, disabled]);
-  var buildFinalTranscript = function buildFinalTranscript() {
+  var buildFinalTranscript = React.useCallback(function () {
     return finalTranscriptRef.current.trim();
-  };
+  }, []);
   var initializeRecognition = React.useCallback(function () {
     if (recognitionRef.current) return recognitionRef.current;
     var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
@@ -16261,11 +16284,9 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     recognition.interimResults = interimResults;
     recognition.lang = lang;
     recognition.onstart = function () {
-      console.log("recognition.onstart");
       if (!isMountedRef.current) return;
       setIsListening(true);
       setError(null);
-      console.log("debuggin is oned");
       onStart();
     };
     recognition.onresult = function (event) {
@@ -16287,6 +16308,9 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       if (finalChunk) onSpeechComplete(finalChunk.trim());
     };
     recognition.onerror = function (event) {
+      if (!isMountedRef.current) return;
+      // Ignore routine events — `onend` handles the listening-state reset.
+      if (NON_FATAL_ERRORS.has(event === null || event === void 0 ? void 0 : event.error)) return;
       var err = new Error((event === null || event === void 0 ? void 0 : event.error) || "Speech recognition error");
       setError(err);
       setIsListening(false);
@@ -16295,14 +16319,6 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     recognition.onend = function () {
       if (!isMountedRef.current) return;
       setIsListening(false);
-      buildFinalTranscript();
-      // if (
-      //   finalTranscript &&
-      //   finalTranscript !== lastEmittedFinalRef.current
-      // ) {
-      //   lastEmittedFinalRef.current = finalTranscript;
-      //   onSpeechComplete(finalTranscript);
-      // }
       onStop();
     };
     recognitionRef.current = recognition;
@@ -16315,7 +16331,6 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       if (!rec) return;
       if (resetOnStart) {
         finalTranscriptRef.current = "";
-        lastEmittedFinalRef.current = "";
       }
       rec.start();
     } catch (err) {
@@ -16327,12 +16342,33 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (!recognitionRef.current) return;
     try {
       recognitionRef.current.stop();
-    } catch (_unused2) {}
+    } catch (_unused) {}
   }, []);
   var toggleListening = React.useCallback(function () {
     if (disabled) return;
     _isListening ? stopListening() : startListening();
   }, [_isListening, disabled, startListening, stopListening]);
+  // Auto-start once, after support has been resolved. The ref guard keeps a
+  // later stop from being immediately undone by a re-running effect.
+  React.useEffect(function () {
+    if (autoStart && _isSupported && !disabled && !autoStartedRef.current) {
+      autoStartedRef.current = true;
+      startListening();
+    }
+  }, [autoStart, _isSupported, disabled, startListening]);
+  // Mark unmounted so async recognition handlers don't touch state after
+  // teardown, then stop the engine.
+  React.useEffect(function () {
+    isMountedRef.current = true;
+    return function () {
+      isMountedRef.current = false;
+      if (recognitionRef.current) {
+        try {
+          recognitionRef.current.stop();
+        } catch (_unused2) {}
+      }
+    };
+  }, []);
   React.useImperativeHandle(ref, function () {
     return {
       start: startListening,
@@ -16347,13 +16383,12 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       getTranscript: buildFinalTranscript,
       clearTranscript: function clearTranscript() {
         finalTranscriptRef.current = "";
-        lastEmittedFinalRef.current = "";
       },
       getError: function getError() {
         return error;
       }
     };
-  }, [_isListening, _isSupported, error, startListening, stopListening, toggleListening]);
+  }, [_isListening, _isSupported, error, startListening, stopListening, toggleListening, buildFinalTranscript]);
   if (typeof renderButton === "function") {
     return renderButton({
       isListening: _isListening,
@@ -16365,17 +16400,26 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       disabled: disabled || !_isSupported
     });
   }
-  return jsxRuntime.jsx("button", {
+  var isDisabled = disabled || !_isSupported;
+  return jsxRuntime.jsxs("button", _objectSpread$i(_objectSpread$i({
     type: "button",
     "aria-pressed": _isListening,
     "aria-label": _isListening ? "Stop listening" : "Start listening",
     onClick: toggleListening,
-    disabled: disabled || !_isSupported,
-    style: {
-      cursor: disabled || !_isSupported ? "not-allowed" : "pointer"
-    },
-    children: _isListening ? "🎤 Stop" : "🎤 Start"
-  });
+    disabled: isDisabled,
+    className: cn$1("inline-flex items-center gap-2 rounded-md px-4 h-10 text-sm font-medium", "border border-gray-300 bg-transparent transition-colors", "hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", "disabled:opacity-50 disabled:pointer-events-none", {
+      "text-error-600 border-error-600": _isListening,
+      "text-gray-900": !_isListening
+    }, className)
+  }, rest), {}, {
+    children: [_isListening ? jsxRuntime.jsx(MicOff, {
+      className: "h-4 w-4",
+      "aria-hidden": "true"
+    }) : jsxRuntime.jsx(Mic, {
+      className: "h-4 w-4",
+      "aria-hidden": "true"
+    }), _isListening ? "Stop" : "Start"]
+  }));
 });
 SpeechToText.displayName = "SpeechToText";