thailife-react 0.0.5 → 0.0.7

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var require$$0 = require('react');
+var React = require('react');
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -32,35 +32,51 @@ 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 _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+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 + "";
+}
+
 function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+  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);
+
+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 _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,
@@ -72,29 +88,6 @@ function _objectWithoutProperties(e, t) {
   }
   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: {}};
 
@@ -115,7 +108,7 @@ var hasRequiredReactJsxRuntime_production_min;
 function requireReactJsxRuntime_production_min () {
 	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
 	hasRequiredReactJsxRuntime_production_min = 1;
-var f=require$$0,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
+var f=React,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
 	function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
 	return reactJsxRuntime_production_min;
 }
@@ -141,7 +134,7 @@ function requireReactJsxRuntime_development () {
 	if (process.env.NODE_ENV !== "production") {
 	  (function() {
 
-	var React = require$$0;
+	var React$1 = React;
 
 	// ATTENTION
 	// When adding new symbols to this file,
@@ -176,7 +169,7 @@ function requireReactJsxRuntime_development () {
 	  return null;
 	}
 
-	var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+	var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 	function error(format) {
 	  {
@@ -1464,8 +1457,10 @@ function cn() {
   return clsx(inputs);
 }
 
-const _excluded = ["className", "color", "variant", "size", "fullWidth", "loading", "disabled", "children"];
-const Button = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+const _excluded$6 = ["className", "color", "variant", "size", "fullWidth", "loading", "disabled", "children"];
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       className,
       color = "primary",
@@ -1476,7 +1471,7 @@ const Button = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
       disabled,
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   const baseClasses = cn(className, "btn transition-all duration-300 flex items-center justify-center");
   const variants = {
     contained: {
@@ -1503,7 +1498,7 @@ const Button = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
     md: "px-4 py-2 text-sm",
     lg: "px-6 py-3 text-base"
   };
-  return jsxRuntimeExports.jsx("button", _objectSpread2(_objectSpread2({
+  return jsxRuntimeExports.jsx("button", _objectSpread$6(_objectSpread$6({
     className: cn(baseClasses, variants[variant][color], sizes[size], fullWidth && "w-full", (disabled || loading) && "opacity-50 cursor-not-allowed", className),
     ref: ref,
     disabled: disabled || loading
@@ -1513,6 +1508,328 @@ const Button = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
 });
 Button.displayName = "Button";
 
+const _excluded$5 = ["className", "type", "label", "error", "helperText", "size", "fullWidth", "id"];
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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",
+    lg: "px-4 py-3 text-base"
+  };
+  const baseClasses = cn("border transition-colors focus:outline-none focus:border-transparent", error ? "border-red-500 focus:ring-red-500" : "border-secondary focus:border-primary", "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-secondary-50", sizes[size], fullWidth && "w-full", className);
+  return jsxRuntimeExports.jsxs("div", {
+    className: cn("flex flex-col", fullWidth && "w-full"),
+    children: [label && jsxRuntimeExports.jsx("label", {
+      htmlFor: inputId,
+      className: "mb-1 text-sm font-medium text-secondary-700",
+      children: label
+    }), jsxRuntimeExports.jsx("input", _objectSpread$5({
+      type: type,
+      className: baseClasses,
+      ref: ref,
+      id: inputId
+    }, props)), (error || helperText) && jsxRuntimeExports.jsx("p", {
+      className: cn("mt-1 text-xs", error ? "text-red-600" : "text-secondary-500"),
+      children: error || helperText
+    })]
+  });
+});
+Input.displayName = "Input";
+
+const _excluded$4 = ["className", "label", "error", "helperText", "size", "fullWidth", "rows", "id"];
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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",
+    lg: "px-4 py-3 text-base"
+  };
+  const baseClasses = cn("border transition-colors focus:outline-none focus:border-transparent resize-vertical", error ? "border-red-500 focus:ring-red-500" : "border-secondary focus:border-primary", "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-secondary-50", sizes[size], fullWidth && "w-full", className);
+  return jsxRuntimeExports.jsxs("div", {
+    className: cn("flex flex-col", fullWidth && "w-full"),
+    children: [label && jsxRuntimeExports.jsx("label", {
+      htmlFor: textareaId,
+      className: "mb-1 text-sm font-medium text-secondary-700",
+      children: label
+    }), jsxRuntimeExports.jsx("textarea", _objectSpread$4({
+      className: baseClasses,
+      ref: ref,
+      id: textareaId,
+      rows: rows
+    }, props)), (error || helperText) && jsxRuntimeExports.jsx("p", {
+      className: cn("mt-1 text-xs", error ? "text-red-600" : "text-secondary-500"),
+      children: error || helperText
+    })]
+  });
+});
+Textarea.displayName = "Textarea";
+
+const _excluded$3 = ["className", "label", "error", "helperText", "size", "fullWidth", "accept", "multiple", "buttonText", "id"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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",
+    lg: "px-4 py-3 text-base"
+  };
+  const baseClasses = cn("border-2 border-dashed transition-colors focus:outline-none focus:border-transparent cursor-pointer", error ? "border-red-500 focus:ring-red-500 hover:border-red-400" : "border-secondary focus:border-primary hover:border-primary/60", "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-secondary-50", sizes[size], fullWidth && "w-full", className);
+  return jsxRuntimeExports.jsxs("div", {
+    className: cn("flex flex-col", fullWidth && "w-full"),
+    children: [label && jsxRuntimeExports.jsx("label", {
+      htmlFor: inputId,
+      className: "mb-1 text-sm font-medium text-secondary-700",
+      children: label
+    }), jsxRuntimeExports.jsxs("div", {
+      className: "relative",
+      children: [jsxRuntimeExports.jsx("input", _objectSpread$3({
+        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", {
+        className: cn(baseClasses, "flex items-center justify-center"),
+        children: [jsxRuntimeExports.jsx("span", {
+          className: "text-secondary-600",
+          children: buttonText
+        }), multiple && jsxRuntimeExports.jsx("span", {
+          className: "ml-1 text-xs text-secondary-500",
+          children: "(Multiple)"
+        })]
+      })]
+    }), (error || helperText) && jsxRuntimeExports.jsx("p", {
+      className: cn("mt-1 text-xs", error ? "text-red-600" : "text-secondary-500"),
+      children: error || helperText
+    })]
+  });
+});
+InputFile.displayName = "InputFile";
+
+const _excluded$2 = ["className", "label", "error", "helperText", "size", "fullWidth", "indeterminate", "id"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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",
+    lg: "w-6 h-6"
+  };
+  const labelSizes = {
+    sm: "text-sm",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  const baseClasses = cn("rounded border transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", error ? "border-red-500 focus:ring-red-500" : "border-secondary focus:ring-primary", "disabled:opacity-50 disabled:cursor-not-allowed", sizes[size], className);
+  React.useEffect(() => {
+    if (ref && typeof ref === "object" && ref.current) {
+      ref.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate, ref]);
+  return jsxRuntimeExports.jsxs("div", {
+    className: cn("flex items-start", fullWidth && "w-full"),
+    children: [jsxRuntimeExports.jsx("div", {
+      className: "flex items-center h-5",
+      children: jsxRuntimeExports.jsx("input", _objectSpread$2({
+        type: "checkbox",
+        className: baseClasses,
+        ref: ref,
+        id: checkboxId
+      }, props))
+    }), jsxRuntimeExports.jsxs("div", {
+      className: "ml-3",
+      children: [label && jsxRuntimeExports.jsx("label", {
+        htmlFor: checkboxId,
+        className: cn("font-medium text-secondary-700 cursor-pointer", labelSizes[size]),
+        children: label
+      }), (error || helperText) && jsxRuntimeExports.jsx("p", {
+        className: cn("mt-1 text-xs", error ? "text-red-600" : "text-secondary-500"),
+        children: error || helperText
+      })]
+    })]
+  });
+});
+Checkbox.displayName = "Checkbox";
+
+const _excluded$1 = ["className", "label", "error", "helperText", "size", "fullWidth", "id"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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",
+    lg: "w-6 h-6"
+  };
+  const labelSizes = {
+    sm: "text-sm",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  const baseClasses = cn("border-2 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", error ? "border-red-500 focus:ring-red-500" : "border-secondary focus:ring-primary", "disabled:opacity-50 disabled:cursor-not-allowed", sizes[size], className);
+  return jsxRuntimeExports.jsxs("div", {
+    className: cn("flex items-start", fullWidth && "w-full"),
+    children: [jsxRuntimeExports.jsx("div", {
+      className: "flex items-center h-5",
+      children: jsxRuntimeExports.jsx("input", _objectSpread$1({
+        type: "radio",
+        className: baseClasses,
+        ref: ref,
+        id: radioId
+      }, props))
+    }), jsxRuntimeExports.jsxs("div", {
+      className: "ml-3",
+      children: [label && jsxRuntimeExports.jsx("label", {
+        htmlFor: radioId,
+        className: cn("font-medium text-secondary-700 cursor-pointer", labelSizes[size]),
+        children: label
+      }), (error || helperText) && jsxRuntimeExports.jsx("p", {
+        className: cn("mt-1 text-xs", error ? "text-red-600" : "text-secondary-500"),
+        children: error || helperText
+      })]
+    })]
+  });
+});
+Radio.displayName = "Radio";
+
+const _excluded = ["className", "label", "error", "helperText", "size", "fullWidth", "options", "placeholder", "id"];
+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 _objectSpread(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; }
+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",
+    lg: "px-4 py-3 text-base"
+  };
+  const baseClasses = cn("border transition-colors focus:outline-none focus:border-transparent appearance-none bg-white", error ? "border-red-500 focus:ring-red-500" : "border-secondary focus:border-primary", "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-secondary-50", sizes[size], fullWidth && "w-full", className);
+  return jsxRuntimeExports.jsxs("div", {
+    className: cn("flex flex-col", fullWidth && "w-full"),
+    children: [label && jsxRuntimeExports.jsx("label", {
+      htmlFor: selectId,
+      className: "mb-1 text-sm font-medium text-secondary-700",
+      children: label
+    }), jsxRuntimeExports.jsxs("div", {
+      className: "relative",
+      children: [jsxRuntimeExports.jsxs("select", _objectSpread(_objectSpread({
+        className: baseClasses,
+        ref: ref,
+        id: selectId
+      }, props), {}, {
+        children: [placeholder && jsxRuntimeExports.jsx("option", {
+          value: "",
+          disabled: true,
+          children: placeholder
+        }), options.map(option => jsxRuntimeExports.jsx("option", {
+          value: option.value,
+          disabled: option.disabled,
+          children: option.label
+        }, option.value))]
+      })), 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",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: jsxRuntimeExports.jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M19 9l-7 7-7-7"
+          })
+        })
+      })]
+    }), (error || helperText) && jsxRuntimeExports.jsx("p", {
+      className: cn("mt-1 text-xs", error ? "text-red-600" : "text-secondary-500"),
+      children: error || helperText
+    })]
+  });
+});
+Select.displayName = "Select";
+
+exports.React = React;
 exports.Button = Button;
+exports.Checkbox = Checkbox;
+exports.Input = Input;
+exports.InputFile = InputFile;
+exports.Radio = Radio;
+exports.Select = Select;
+exports.Textarea = Textarea;
 exports.cn = cn;
 //# sourceMappingURL=index.js.map