thailife-react 0.0.3 → 0.0.4

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var require$$0 = require('react');
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -115,7 +115,7 @@ var hasRequiredReactJsxRuntime_production_min;
 function requireReactJsxRuntime_production_min () {
 	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
 	hasRequiredReactJsxRuntime_production_min = 1;
-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};
+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};
 	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 +141,7 @@ function requireReactJsxRuntime_development () {
 	if (process.env.NODE_ENV !== "production") {
 	  (function() {
 
-	var React$1 = React;
+	var React = require$$0;
 
 	// ATTENTION
 	// When adding new symbols to this file,
@@ -176,7 +176,7 @@ function requireReactJsxRuntime_development () {
 	  return null;
 	}
 
-	var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+	var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 	function error(format) {
 	  {
@@ -1464,8 +1464,8 @@ function cn() {
   return clsx(inputs);
 }
 
-const _excluded$6 = ["className", "color", "variant", "size", "fullWidth", "loading", "disabled", "children"];
-const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const _excluded = ["className", "color", "variant", "size", "fullWidth", "loading", "disabled", "children"];
+const Button = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
   let {
       className,
       color = "primary",
@@ -1476,7 +1476,7 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       disabled,
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$6);
+    props = _objectWithoutProperties(_ref, _excluded);
   const baseClasses = cn(className, "btn transition-all duration-300 flex items-center justify-center");
   const variants = {
     contained: {
@@ -1513,315 +1513,6 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 Button.displayName = "Button";
 
-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",
-    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", _objectSpread2({
-      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"];
-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", _objectSpread2({
-      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"];
-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", _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", {
-        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"];
-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", _objectSpread2({
-        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"];
-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", _objectSpread2({
-        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"];
-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", _objectSpread2(_objectSpread2({
-        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.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