thailife-react 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1,17 +1,5 @@
 import "./styles/globals.css";
 export { Button } from "./components/Button/Button";
 export type { ButtonProps } from "./components/Button/Button";
-export { Input } from "./components/Input/Input";
-export type { InputProps } from "./components/Input/Input";
-export { Textarea } from "./components/Textarea/Textarea";
-export type { TextareaProps } from "./components/Textarea/Textarea";
-export { InputFile } from "./components/InputFile/InputFile";
-export type { InputFileProps } from "./components/InputFile/InputFile";
-export { Checkbox } from "./components/Checkbox/Checkbox";
-export type { CheckboxProps } from "./components/Checkbox/Checkbox";
-export { Radio } from "./components/Radio/Radio";
-export type { RadioProps } from "./components/Radio/Radio";
-export { Select } from "./components/Select/Select";
-export type { SelectProps, SelectOption } from "./components/Select/Select";
 export { cn } from "./utils/cn";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAkB5E,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAqB9D,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import require$$0 from 'react';
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -113,7 +113,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;
 }
@@ -139,7 +139,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,
@@ -174,7 +174,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) {
 	  {
@@ -1462,8 +1462,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",
@@ -1474,7 +1474,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: {
@@ -1511,308 +1511,5 @@ 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";
-
-export { Button, Checkbox, Input, InputFile, Radio, Select, Textarea, cn };
+export { Button, cn };
 //# sourceMappingURL=index.esm.js.map