thailife-react 0.0.1 → 0.0.3

package/dist/index.esm.js

@@ -30,6 +30,70 @@ function styleInject(css, ref) {
 var css_248z = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.right-0{right:0}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.mt-1{margin-top:.25rem}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-dark{--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.border-error{--tw-border-opacity:1;border-color:rgb(255 17 0/var(--tw-border-opacity,1))}.border-light{--tw-border-opacity:1;border-color:rgb(102 102 102/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(0 122 194/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.bg-dark{--tw-bg-opacity:1;background-color:rgb(51 51 51/var(--tw-bg-opacity,1))}.bg-error{--tw-bg-opacity:1;background-color:rgb(255 17 0/var(--tw-bg-opacity,1))}.bg-light{--tw-bg-opacity:1;background-color:rgb(102 102 102/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(0 122 194/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pr-3{padding-right:.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-dark{--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity,1))}.text-error{--tw-text-opacity:1;color:rgb(255 17 0/var(--tw-text-opacity,1))}.text-light{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(0 122 194/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-primary\\/60:hover{border-color:rgba(0,122,194,.6)}.hover\\:border-red-400:hover{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.hover\\:bg-dark\\/10:hover{background-color:rgba(51,51,51,.1)}.hover\\:bg-dark\\/80:hover{background-color:rgba(51,51,51,.8)}.hover\\:bg-error\\/10:hover{background-color:rgba(255,17,0,.1)}.hover\\:bg-error\\/80:hover{background-color:rgba(255,17,0,.8)}.hover\\:bg-light\\/10:hover{background-color:hsla(0,0%,40%,.1)}.hover\\:bg-light\\/80:hover{background-color:hsla(0,0%,40%,.8)}.hover\\:bg-primary\\/10:hover{background-color:rgba(0,122,194,.1)}.hover\\:bg-primary\\/80:hover{background-color:rgba(0,122,194,.8)}.focus\\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(0 122 194/var(--tw-border-opacity,1))}.focus\\:border-transparent:focus{border-color:transparent}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 122 194/var(--tw-ring-opacity,1))}.focus\\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}";
 styleInject(css_248z,{"insertAt":"top"});
 
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function ownKeys(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 _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
 var jsxRuntime = {exports: {}};
 
 var reactJsxRuntime_production_min = {};
@@ -1391,21 +1455,26 @@ function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else i
  * Utility function to merge Tailwind CSS classes
  * Uses clsx for conditional classes and basic merging
  */
-function cn(...inputs) {
+function cn() {
+  for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
+    inputs[_key] = arguments[_key];
+  }
   return clsx(inputs);
 }
 
-const Button = /*#__PURE__*/React.forwardRef(({
-  className,
-  color = "primary",
-  variant = "contained",
-  size = "md",
-  fullWidth = false,
-  loading = false,
-  disabled,
-  children,
-  ...props
-}, ref) => {
+const _excluded$6 = ["className", "color", "variant", "size", "fullWidth", "loading", "disabled", "children"];
+const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className,
+      color = "primary",
+      variant = "contained",
+      size = "md",
+      fullWidth = false,
+      loading = false,
+      disabled,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$6);
   const baseClasses = cn(className, "btn transition-all duration-300 flex items-center justify-center");
   const variants = {
     contained: {
@@ -1432,28 +1501,30 @@ const Button = /*#__PURE__*/React.forwardRef(({
     md: "px-4 py-2 text-sm",
     lg: "px-6 py-3 text-base"
   };
-  return jsxRuntimeExports.jsx("button", {
+  return jsxRuntimeExports.jsx("button", _objectSpread2(_objectSpread2({
     className: cn(baseClasses, variants[variant][color], sizes[size], fullWidth && "w-full", (disabled || loading) && "opacity-50 cursor-not-allowed", className),
     ref: ref,
-    disabled: disabled || loading,
-    ...props,
+    disabled: disabled || loading
+  }, props), {}, {
     children: children
-  });
+  }));
 });
 Button.displayName = "Button";
 
-const Input = /*#__PURE__*/React.forwardRef(({
-  className,
-  type = "text",
-  label,
-  error,
-  helperText,
-  size = "md",
-  fullWidth = false,
-  id,
-  ...props
-}, ref) => {
-  const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;
+const _excluded$5 = ["className", "type", "label", "error", "helperText", "size", "fullWidth", "id"];
+const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className,
+      type = "text",
+      label,
+      error,
+      helperText,
+      size = "md",
+      fullWidth = false,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$5);
+  const inputId = id || "input-".concat(Math.random().toString(36).substr(2, 9));
   const sizes = {
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-sm",
@@ -1466,13 +1537,12 @@ const Input = /*#__PURE__*/React.forwardRef(({
       htmlFor: inputId,
       className: "mb-1 text-sm font-medium text-secondary-700",
       children: label
-    }), jsxRuntimeExports.jsx("input", {
+    }), jsxRuntimeExports.jsx("input", _objectSpread2({
       type: type,
       className: baseClasses,
       ref: ref,
-      id: inputId,
-      ...props
-    }), (error || helperText) && jsxRuntimeExports.jsx("p", {
+      id: inputId
+    }, props)), (error || helperText) && jsxRuntimeExports.jsx("p", {
       className: cn("mt-1 text-xs", error ? "text-red-600" : "text-secondary-500"),
       children: error || helperText
     })]
@@ -1480,18 +1550,20 @@ const Input = /*#__PURE__*/React.forwardRef(({
 });
 Input.displayName = "Input";
 
-const Textarea = /*#__PURE__*/React.forwardRef(({
-  className,
-  label,
-  error,
-  helperText,
-  size = "md",
-  fullWidth = false,
-  rows = 3,
-  id,
-  ...props
-}, ref) => {
-  const textareaId = id || `textarea-${Math.random().toString(36).substr(2, 9)}`;
+const _excluded$4 = ["className", "label", "error", "helperText", "size", "fullWidth", "rows", "id"];
+const Textarea = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className,
+      label,
+      error,
+      helperText,
+      size = "md",
+      fullWidth = false,
+      rows = 3,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$4);
+  const textareaId = id || "textarea-".concat(Math.random().toString(36).substr(2, 9));
   const sizes = {
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-sm",
@@ -1504,13 +1576,12 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
       htmlFor: textareaId,
       className: "mb-1 text-sm font-medium text-secondary-700",
       children: label
-    }), jsxRuntimeExports.jsx("textarea", {
+    }), jsxRuntimeExports.jsx("textarea", _objectSpread2({
       className: baseClasses,
       ref: ref,
       id: textareaId,
-      rows: rows,
-      ...props
-    }), (error || helperText) && jsxRuntimeExports.jsx("p", {
+      rows: rows
+    }, props)), (error || helperText) && jsxRuntimeExports.jsx("p", {
       className: cn("mt-1 text-xs", error ? "text-red-600" : "text-secondary-500"),
       children: error || helperText
     })]
@@ -1518,20 +1589,22 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
 });
 Textarea.displayName = "Textarea";
 
-const InputFile = /*#__PURE__*/React.forwardRef(({
-  className,
-  label,
-  error,
-  helperText,
-  size = "md",
-  fullWidth = false,
-  accept,
-  multiple = false,
-  buttonText = "Choose File",
-  id,
-  ...props
-}, ref) => {
-  const inputId = id || `file-input-${Math.random().toString(36).substr(2, 9)}`;
+const _excluded$3 = ["className", "label", "error", "helperText", "size", "fullWidth", "accept", "multiple", "buttonText", "id"];
+const InputFile = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className,
+      label,
+      error,
+      helperText,
+      size = "md",
+      fullWidth = false,
+      accept,
+      multiple = false,
+      buttonText = "Choose File",
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  const inputId = id || "file-input-".concat(Math.random().toString(36).substr(2, 9));
   const sizes = {
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-sm",
@@ -1546,15 +1619,14 @@ const InputFile = /*#__PURE__*/React.forwardRef(({
       children: label
     }), jsxRuntimeExports.jsxs("div", {
       className: "relative",
-      children: [jsxRuntimeExports.jsx("input", {
+      children: [jsxRuntimeExports.jsx("input", _objectSpread2({
         type: "file",
         className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer",
         ref: ref,
         id: inputId,
         accept: accept,
-        multiple: multiple,
-        ...props
-      }), jsxRuntimeExports.jsxs("div", {
+        multiple: multiple
+      }, props)), jsxRuntimeExports.jsxs("div", {
         className: cn(baseClasses, "flex items-center justify-center"),
         children: [jsxRuntimeExports.jsx("span", {
           className: "text-secondary-600",
@@ -1572,18 +1644,20 @@ const InputFile = /*#__PURE__*/React.forwardRef(({
 });
 InputFile.displayName = "InputFile";
 
-const Checkbox = /*#__PURE__*/React.forwardRef(({
-  className,
-  label,
-  error,
-  helperText,
-  size = "md",
-  fullWidth = false,
-  indeterminate = false,
-  id,
-  ...props
-}, ref) => {
-  const checkboxId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
+const _excluded$2 = ["className", "label", "error", "helperText", "size", "fullWidth", "indeterminate", "id"];
+const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className,
+      label,
+      error,
+      helperText,
+      size = "md",
+      fullWidth = false,
+      indeterminate = false,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  const checkboxId = id || "checkbox-".concat(Math.random().toString(36).substr(2, 9));
   const sizes = {
     sm: "w-4 h-4",
     md: "w-5 h-5",
@@ -1604,13 +1678,12 @@ const Checkbox = /*#__PURE__*/React.forwardRef(({
     className: cn("flex items-start", fullWidth && "w-full"),
     children: [jsxRuntimeExports.jsx("div", {
       className: "flex items-center h-5",
-      children: jsxRuntimeExports.jsx("input", {
+      children: jsxRuntimeExports.jsx("input", _objectSpread2({
         type: "checkbox",
         className: baseClasses,
         ref: ref,
-        id: checkboxId,
-        ...props
-      })
+        id: checkboxId
+      }, props))
     }), jsxRuntimeExports.jsxs("div", {
       className: "ml-3",
       children: [label && jsxRuntimeExports.jsx("label", {
@@ -1626,17 +1699,19 @@ const Checkbox = /*#__PURE__*/React.forwardRef(({
 });
 Checkbox.displayName = "Checkbox";
 
-const Radio = /*#__PURE__*/React.forwardRef(({
-  className,
-  label,
-  error,
-  helperText,
-  size = "md",
-  fullWidth = false,
-  id,
-  ...props
-}, ref) => {
-  const radioId = id || `radio-${Math.random().toString(36).substr(2, 9)}`;
+const _excluded$1 = ["className", "label", "error", "helperText", "size", "fullWidth", "id"];
+const Radio = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className,
+      label,
+      error,
+      helperText,
+      size = "md",
+      fullWidth = false,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  const radioId = id || "radio-".concat(Math.random().toString(36).substr(2, 9));
   const sizes = {
     sm: "w-4 h-4",
     md: "w-5 h-5",
@@ -1652,13 +1727,12 @@ const Radio = /*#__PURE__*/React.forwardRef(({
     className: cn("flex items-start", fullWidth && "w-full"),
     children: [jsxRuntimeExports.jsx("div", {
       className: "flex items-center h-5",
-      children: jsxRuntimeExports.jsx("input", {
+      children: jsxRuntimeExports.jsx("input", _objectSpread2({
         type: "radio",
         className: baseClasses,
         ref: ref,
-        id: radioId,
-        ...props
-      })
+        id: radioId
+      }, props))
     }), jsxRuntimeExports.jsxs("div", {
       className: "ml-3",
       children: [label && jsxRuntimeExports.jsx("label", {
@@ -1674,19 +1748,21 @@ const Radio = /*#__PURE__*/React.forwardRef(({
 });
 Radio.displayName = "Radio";
 
-const Select = /*#__PURE__*/React.forwardRef(({
-  className,
-  label,
-  error,
-  helperText,
-  size = "md",
-  fullWidth = false,
-  options,
-  placeholder,
-  id,
-  ...props
-}, ref) => {
-  const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;
+const _excluded = ["className", "label", "error", "helperText", "size", "fullWidth", "options", "placeholder", "id"];
+const Select = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className,
+      label,
+      error,
+      helperText,
+      size = "md",
+      fullWidth = false,
+      options,
+      placeholder,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const selectId = id || "select-".concat(Math.random().toString(36).substr(2, 9));
   const sizes = {
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-sm",
@@ -1701,11 +1777,11 @@ const Select = /*#__PURE__*/React.forwardRef(({
       children: label
     }), jsxRuntimeExports.jsxs("div", {
       className: "relative",
-      children: [jsxRuntimeExports.jsxs("select", {
+      children: [jsxRuntimeExports.jsxs("select", _objectSpread2(_objectSpread2({
         className: baseClasses,
         ref: ref,
-        id: selectId,
-        ...props,
+        id: selectId
+      }, props), {}, {
         children: [placeholder && jsxRuntimeExports.jsx("option", {
           value: "",
           disabled: true,
@@ -1715,7 +1791,7 @@ const Select = /*#__PURE__*/React.forwardRef(({
           disabled: option.disabled,
           children: option.label
         }, option.value))]
-      }), jsxRuntimeExports.jsx("div", {
+      })), jsxRuntimeExports.jsx("div", {
         className: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none",
         children: jsxRuntimeExports.jsx("svg", {
           className: "w-4 h-4 text-secondary-400",