anysystem-design 0.0.12 → 0.0.14

package/dist/{combobox-CRHFa4aF.js → combobox-CbwTCd-z.js}

@@ -1,8 +1,10 @@
-import { s as $e, o as g, n as q, f as Ke, x as Ue, M as Re, W as re, K as qe, a as Ge, l as Je, T as Ye, u as Qe, e as te, z as Xe, j as Ze, b as le, d as et, y as de, m as tt, I as be, G as nt, $ as De, c as Fe, D as ge, q as ye, g as F, r as ot, _ as it } from "./index-DsW4uhBe.js";
+import { s as $e, o as g, n as q, f as Ke, M as Re, W as re, K as Ue, a as qe, l as Ge, T as Je, e as te, z as Ye, j as Qe, H as le, u as Xe, y as de, p as Ze, I as be, G as et, $ as De, b as Fe, D as ge, g as ye, c as F, r as tt } from "./label-M2WV1DNi.js";
 import * as ie from "react";
-import $, { useEffect as xe, useRef as N, createContext as Se, useReducer as st, createRef as rt, useCallback as Ce, useMemo as G, useId as pe, useContext as Ie, useState as lt, Fragment as ke } from "react";
+import $, { useEffect as xe, useRef as N, createContext as Se, useReducer as nt, createRef as ot, useCallback as Ce, useMemo as G, useId as pe, useContext as Ie, useState as it, Fragment as ke } from "react";
 import { r as Z } from "./index-DsprzSCj.js";
-import { F as at, v as ut, f as ct, i as ce, y as dt, n as Ae, w as pt, T as ft, x as ht, R as mt, o as vt, h as bt, V as gt, m as xt, j as St, k as It, p as we, A as Ot, l as Me, t as Et, z as Tt, q as Rt, r as _, B as yt, s as _e } from "./transition-B0bHCOYe.js";
+import { w as st, T as rt } from "./use-resolve-button-type-WMDXx_9F.js";
+import { f as lt, u as at, _ as ut } from "./index-CsJbhhQY.js";
+import { F as ct, v as dt, f as pt, i as ce, y as ft, n as Ae, x as ht, R as mt, o as vt, h as bt, V as gt, m as xt, j as St, k as It, p as we, A as Ot, l as Me, t as Et, w as Tt, q as Rt, r as _, z as yt, s as _e } from "./transition-DgjncSwT.js";
 function oe(e, s, t) {
   let n = t.initialDeps ?? [], o;
   return () => {
@@ -535,13 +537,13 @@ jt(() => {
   function e(s) {
     if (!(s.target instanceof HTMLElement) || s.target === document.body || X[0] === s.target) return;
     let t = s.target;
-    t = t.closest(Ue), X.unshift(t ?? s.target), X = X.filter((n) => n != null && n.isConnected), X.splice(10);
+    t = t.closest(lt), X.unshift(t ?? s.target), X = X.filter((n) => n != null && n.isConnected), X.splice(10);
   }
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
 var Oe = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(Oe || {}), Ht = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Ht || {}), Kt = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(Kt || {}), Ut = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(Ut || {}), qt = ((e) => (e[e.OpenCombobox = 0] = "OpenCombobox", e[e.CloseCombobox = 1] = "CloseCombobox", e[e.GoToOption = 2] = "GoToOption", e[e.SetTyping = 3] = "SetTyping", e[e.RegisterOption = 4] = "RegisterOption", e[e.UnregisterOption = 5] = "UnregisterOption", e[e.SetActivationTrigger = 6] = "SetActivationTrigger", e[e.UpdateVirtualConfiguration = 7] = "UpdateVirtualConfiguration", e))(qt || {});
 function ve(e, s = (t) => t) {
-  let t = e.activeOptionIndex !== null ? e.options[e.activeOptionIndex] : null, n = s(e.options.slice()), o = n.length > 0 && n[0].dataRef.current.order !== null ? n.sort((r, i) => r.dataRef.current.order - i.dataRef.current.order) : it(n, (r) => r.dataRef.current.domRef.current), l = t ? o.indexOf(t) : null;
+  let t = e.activeOptionIndex !== null ? e.options[e.activeOptionIndex] : null, n = s(e.options.slice()), o = n.length > 0 && n[0].dataRef.current.order !== null ? n.sort((r, i) => r.dataRef.current.order - i.dataRef.current.order) : ut(n, (r) => r.dataRef.current.domRef.current), l = t ? o.indexOf(t) : null;
   return l === -1 && (l = null), { options: o, activeOptionIndex: l };
 }
 let Gt = { 1(e) {
@@ -623,7 +625,7 @@ function Jt(e) {
   }, getScrollElement() {
     var p;
     return (p = s.optionsRef.current) != null ? p : null;
-  }, overscan: 12 }), [r, i] = lt(0);
+  }, overscan: 12 }), [r, i] = it(0);
   q(() => {
     i((p) => p + 1);
   }, [t]);
@@ -654,7 +656,7 @@ function Yt(e, s) {
 let Qt = ke;
 function Xt(e, s) {
   var t, n;
-  let o = Ge(), { value: l, defaultValue: r, onChange: i, form: a, name: p, by: d, disabled: c = o || !1, onClose: I, __demoMode: u = !1, multiple: S = !1, immediate: x = !1, virtual: h = null, nullable: R, ...D } = e, M = Je(r), [E = S ? [] : void 0, y] = Ye(l, i, M), [O, b] = st(Yt, { dataRef: rt(), comboboxState: u ? 0 : 1, isTyping: !1, options: [], virtual: h ? { options: h.options, disabled: (t = h.disabled) != null ? t : () => !1 } : null, activeOptionIndex: null, activationTrigger: 2, __demoMode: u }), V = N(!1), U = N({ static: !1, hold: !1 }), J = N(null), j = N(null), Y = N(null), k = Qe(d), C = g((v) => h ? d === null ? h.options.indexOf(v) : h.options.findIndex((T) => k(T, v)) : O.options.findIndex((T) => k(T.dataRef.current.value, v))), A = Ce((v) => te(m.mode, { 1: () => E.some((T) => k(T, v)), 0: () => k(E, v) }), [E]), Q = g((v) => O.activeOptionIndex === C(v)), m = G(() => ({ ...O, immediate: x, optionsPropsRef: U, inputRef: J, buttonRef: j, optionsRef: Y, value: E, defaultValue: M, disabled: c, mode: S ? 1 : 0, virtual: h ? O.virtual : null, get activeOptionIndex() {
+  let o = qe(), { value: l, defaultValue: r, onChange: i, form: a, name: p, by: d, disabled: c = o || !1, onClose: I, __demoMode: u = !1, multiple: S = !1, immediate: x = !1, virtual: h = null, nullable: R, ...D } = e, M = Ge(r), [E = S ? [] : void 0, y] = Je(l, i, M), [O, b] = nt(Yt, { dataRef: ot(), comboboxState: u ? 0 : 1, isTyping: !1, options: [], virtual: h ? { options: h.options, disabled: (t = h.disabled) != null ? t : () => !1 } : null, activeOptionIndex: null, activationTrigger: 2, __demoMode: u }), V = N(!1), U = N({ static: !1, hold: !1 }), J = N(null), j = N(null), Y = N(null), k = at(d), C = g((v) => h ? d === null ? h.options.indexOf(v) : h.options.findIndex((T) => k(T, v)) : O.options.findIndex((T) => k(T.dataRef.current.value, v))), A = Ce((v) => te(m.mode, { 1: () => E.some((T) => k(T, v)), 0: () => k(E, v) }), [E]), Q = g((v) => O.activeOptionIndex === C(v)), m = G(() => ({ ...O, immediate: x, optionsPropsRef: U, inputRef: J, buttonRef: j, optionsRef: Y, value: E, defaultValue: M, disabled: c, mode: S ? 1 : 0, virtual: h ? O.virtual : null, get activeOptionIndex() {
     if (V.current && O.activeOptionIndex === null && (h ? h.options.length > 0 : O.options.length > 0)) {
       if (h) {
         let T = h.options.findIndex((K) => {
@@ -675,7 +677,7 @@ function Xt(e, s) {
     O.dataRef.current = m;
   }, [m]);
   let ee = m.comboboxState === 0;
-  at(ee, [m.buttonRef, m.inputRef, m.optionsRef], () => H.closeCombobox());
+  ct(ee, [m.buttonRef, m.inputRef, m.optionsRef], () => H.closeCombobox());
   let P = G(() => {
     var v, T, K;
     return { open: m.comboboxState === 0, disabled: c, activeIndex: m.activeOptionIndex, activeOption: m.activeOptionIndex === null ? null : m.virtual ? m.virtual.options[(v = m.activeOptionIndex) != null ? v : 0] : (K = (T = m.options[m.activeOptionIndex]) == null ? void 0 : T.dataRef.current.value) != null ? K : null, value: E };
@@ -703,15 +705,15 @@ function Xt(e, s) {
     return K === -1 ? T.push(v) : T.splice(K, 1), y == null ? void 0 : y(T);
   } })), L = g((v) => {
     b({ type: 6, trigger: v });
-  }), H = G(() => ({ onChange: w, registerOption: W, goToOption: z, setIsTyping: B, closeCombobox: f, openCombobox: he, setActivationTrigger: L, selectActiveOption: fe }), []), [Be, We] = Xe(), je = s === null ? {} : { ref: s }, He = Ce(() => {
+  }), H = G(() => ({ onChange: w, registerOption: W, goToOption: z, setIsTyping: B, closeCombobox: f, openCombobox: he, setActivationTrigger: L, selectActiveOption: fe }), []), [Be, We] = Ye(), je = s === null ? {} : { ref: s }, He = Ce(() => {
     if (M !== void 0) return y == null ? void 0 : y(M);
   }, [y, M]);
-  return $.createElement(We, { value: Be, props: { htmlFor: (n = m.inputRef.current) == null ? void 0 : n.id }, slot: { open: m.comboboxState === 0, disabled: c } }, $.createElement(ut, null, $.createElement(Ee.Provider, { value: H }, $.createElement(se.Provider, { value: m }, $.createElement(ct, { value: te(m.comboboxState, { 0: ce.Open, 1: ce.Closed }) }, p != null && $.createElement(Ze, { disabled: c, data: E != null ? { [p]: E } : {}, form: a, onReset: He }), le({ ourProps: je, theirProps: D, slot: P, defaultTag: Qt, name: "Combobox" }))))));
+  return $.createElement(We, { value: Be, props: { htmlFor: (n = m.inputRef.current) == null ? void 0 : n.id }, slot: { open: m.comboboxState === 0, disabled: c } }, $.createElement(dt, null, $.createElement(Ee.Provider, { value: H }, $.createElement(se.Provider, { value: m }, $.createElement(pt, { value: te(m.comboboxState, { 0: ce.Open, 1: ce.Closed }) }, p != null && $.createElement(Qe, { disabled: c, data: E != null ? { [p]: E } : {}, form: a, onReset: He }), le({ ourProps: je, theirProps: D, slot: P, defaultTag: Qt, name: "Combobox" }))))));
 }
 let Zt = "input";
 function en(e, s) {
   var t, n, o, l, r;
-  let i = ne("Combobox.Input"), a = ae("Combobox.Input"), p = pe(), d = et(), { id: c = d || `headlessui-combobox-input-${p}`, onChange: I, displayValue: u, disabled: S = i.disabled || !1, autoFocus: x = !1, type: h = "text", ...R } = e, D = de(i.inputRef, s, dt()), M = Ae(i.inputRef), E = tt(), y = g(() => {
+  let i = ne("Combobox.Input"), a = ae("Combobox.Input"), p = pe(), d = Xe(), { id: c = d || `headlessui-combobox-input-${p}`, onChange: I, displayValue: u, disabled: S = i.disabled || !1, autoFocus: x = !1, type: h = "text", ...R } = e, D = de(i.inputRef, s, ft()), M = Ae(i.inputRef), E = Ze(), y = g(() => {
     a.onChange(null), i.optionsRef.current && (i.optionsRef.current.scrollTop = 0), a.goToOption(_.Nothing);
   }), O = G(() => {
     var f;
@@ -785,7 +787,7 @@ function en(e, s) {
     (z = i.buttonRef.current) != null && z.contains(w) || (W = i.optionsRef.current) != null && W.contains(w) || i.disabled || i.immediate && i.comboboxState !== 0 && E.microTask(() => {
       Z.flushSync(() => a.openCombobox()), a.setActivationTrigger(1);
     });
-  }), C = be(), A = nt(), { isFocused: Q, focusProps: m } = De({ autoFocus: x }), { isHovered: ee, hoverProps: P } = Fe({ isDisabled: S }), fe = G(() => ({ open: i.comboboxState === 0, disabled: S, hover: ee, focus: Q, autofocus: x }), [i, ee, Q, x, S]), he = ge({ ref: D, id: c, role: "combobox", type: h, "aria-controls": (t = i.optionsRef.current) == null ? void 0 : t.id, "aria-expanded": i.comboboxState === 0, "aria-activedescendant": i.activeOptionIndex === null ? void 0 : i.virtual ? (n = i.options.find((f) => !f.dataRef.current.disabled && i.compare(f.dataRef.current.value, i.virtual.options[i.activeOptionIndex]))) == null ? void 0 : n.id : (o = i.options[i.activeOptionIndex]) == null ? void 0 : o.id, "aria-labelledby": C, "aria-describedby": A, "aria-autocomplete": "list", defaultValue: (r = (l = e.defaultValue) != null ? l : i.defaultValue !== void 0 ? u == null ? void 0 : u(i.defaultValue) : null) != null ? r : i.defaultValue, disabled: S || void 0, autoFocus: x, onCompositionStart: V, onCompositionEnd: U, onKeyDown: J, onChange: j, onFocus: k, onBlur: Y }, m, P);
+  }), C = be(), A = et(), { isFocused: Q, focusProps: m } = De({ autoFocus: x }), { isHovered: ee, hoverProps: P } = Fe({ isDisabled: S }), fe = G(() => ({ open: i.comboboxState === 0, disabled: S, hover: ee, focus: Q, autofocus: x }), [i, ee, Q, x, S]), he = ge({ ref: D, id: c, role: "combobox", type: h, "aria-controls": (t = i.optionsRef.current) == null ? void 0 : t.id, "aria-expanded": i.comboboxState === 0, "aria-activedescendant": i.activeOptionIndex === null ? void 0 : i.virtual ? (n = i.options.find((f) => !f.dataRef.current.disabled && i.compare(f.dataRef.current.value, i.virtual.options[i.activeOptionIndex]))) == null ? void 0 : n.id : (o = i.options[i.activeOptionIndex]) == null ? void 0 : o.id, "aria-labelledby": C, "aria-describedby": A, "aria-autocomplete": "list", defaultValue: (r = (l = e.defaultValue) != null ? l : i.defaultValue !== void 0 ? u == null ? void 0 : u(i.defaultValue) : null) != null ? r : i.defaultValue, disabled: S || void 0, autoFocus: x, onCompositionStart: V, onCompositionEnd: U, onKeyDown: J, onChange: j, onFocus: k, onBlur: Y }, m, P);
   return le({ ourProps: he, theirProps: R, slot: fe, defaultTag: Zt, name: "Combobox.Input" });
 }
 let tn = "button";
@@ -811,8 +813,8 @@ function nn(e, s) {
         return;
     }
   }), u = g((b) => {
-    b.preventDefault(), !ot(b.currentTarget) && (b.button === Oe.Left && (n.comboboxState === 0 ? o.closeCombobox() : o.openCombobox()), c());
-  }), S = be([i]), { isFocusVisible: x, focusProps: h } = De({ autoFocus: p }), { isHovered: R, hoverProps: D } = Fe({ isDisabled: a }), { pressed: M, pressProps: E } = pt({ disabled: a }), y = G(() => ({ open: n.comboboxState === 0, active: M || n.comboboxState === 0, disabled: a, value: n.value, hover: R, focus: x }), [n, R, x, M, a]), O = ge({ ref: l, id: i, type: ft(e, n.buttonRef), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (t = n.optionsRef.current) == null ? void 0 : t.id, "aria-expanded": n.comboboxState === 0, "aria-labelledby": S, disabled: a || void 0, autoFocus: p, onMouseDown: u, onKeyDown: I }, h, D, E);
+    b.preventDefault(), !tt(b.currentTarget) && (b.button === Oe.Left && (n.comboboxState === 0 ? o.closeCombobox() : o.openCombobox()), c());
+  }), S = be([i]), { isFocusVisible: x, focusProps: h } = De({ autoFocus: p }), { isHovered: R, hoverProps: D } = Fe({ isDisabled: a }), { pressed: M, pressProps: E } = st({ disabled: a }), y = G(() => ({ open: n.comboboxState === 0, active: M || n.comboboxState === 0, disabled: a, value: n.value, hover: R, focus: x }), [n, R, x, M, a]), O = ge({ ref: l, id: i, type: rt(e, n.buttonRef), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (t = n.optionsRef.current) == null ? void 0 : t.id, "aria-expanded": n.comboboxState === 0, "aria-labelledby": S, disabled: a || void 0, autoFocus: p, onMouseDown: u, onKeyDown: I }, h, D, E);
   return le({ ourProps: O, theirProps: d, slot: y, defaultTag: tn, name: "Combobox.Button" });
 }
 let on = "div", sn = Re.RenderStrategy | Re.Static;
@@ -879,11 +881,11 @@ function an(e, s) {
   }), k = G(() => ({ active: x, focus: x, selected: h, disabled: c }), [x, h, c]);
   return le({ ourProps: { id: p, ref: E, role: "option", tabIndex: c === !0 ? void 0 : -1, "aria-disabled": c === !0 ? !0 : void 0, "aria-selected": h, disabled: void 0, onMouseDown: b, onFocus: V, onPointerEnter: J, onMouseEnter: J, onPointerMove: j, onMouseMove: j, onPointerLeave: Y, onMouseLeave: Y }, theirProps: u, slot: k, defaultTag: ln, name: "Combobox.Option" });
 }
-let un = re(Xt), cn = re(nn), dn = re(en), pn = qe, fn = re(rn), hn = re(an), xn = Object.assign(un, { Input: dn, Button: cn, Label: pn, Options: fn, Option: hn });
+let un = re(Xt), cn = re(nn), dn = re(en), pn = Ue, fn = re(rn), hn = re(an), In = Object.assign(un, { Input: dn, Button: cn, Label: pn, Options: fn, Option: hn });
 export {
   dn as G,
   cn as H,
   hn as K,
-  xn as N,
+  In as N,
   fn as z
 };

package/dist/components/AutoComplete/AutoCompleteBase.js

@@ -1,11 +1,11 @@
 import { jsx as a, jsxs as f } from "react/jsx-runtime";
 import d, { Fragment as p } from "react";
 import { t as y } from "../../bundle-mjs-SHnj3fHy.js";
-import { H as g } from "../../index-DsW4uhBe.js";
+import { H as g } from "../../index-CsJbhhQY.js";
 import { b } from "../../index-wvw0O1v3.js";
 import { getValue as o } from "../Selectbox/helper.js";
-import { N as x, G as C, H as E, z as w, K as N } from "../../combobox-CRHFa4aF.js";
-import { X as L } from "../../transition-B0bHCOYe.js";
+import { N as x, G as C, H as E, z as w, K as N } from "../../combobox-CbwTCd-z.js";
+import { X as L } from "../../transition-DgjncSwT.js";
 const S = (l, r) => r.type === "SEARCH" ? {
   ...l,
   query: r.query,

package/dist/components/AutoComplete/AutoCompleteMultiple.js

@@ -2,12 +2,12 @@ import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import f, { Fragment as h } from "react";
 import { _ as x } from "../../lodash-XYp3qmxI.js";
 import { t as v } from "../../bundle-mjs-SHnj3fHy.js";
-import { H as C } from "../../index-DsW4uhBe.js";
+import { H as C } from "../../index-CsJbhhQY.js";
 import { b } from "../../index-wvw0O1v3.js";
 import { a as w } from "../../index-C197ia6B.js";
 import { getValue as c } from "../Selectbox/helper.js";
-import { N, G as S, H as L, z as T, K as q } from "../../combobox-CRHFa4aF.js";
-import { X as A } from "../../transition-B0bHCOYe.js";
+import { N, G as S, H as L, z as T, K as q } from "../../combobox-CbwTCd-z.js";
+import { X as A } from "../../transition-DgjncSwT.js";
 const R = (l, t) => {
   if (t.type === "SEARCH")
     return {

package/dist/components/Checkbox/Checkbox.js

@@ -13,7 +13,7 @@ const x = ({
   "label",
   {
     className: s(
-      "relative my-4 flex cursor-pointer select-none items-center gap-2 py-2 pr-3",
+      "relative my-2 flex cursor-pointer select-none items-center gap-2 py-2 pr-3",
       "after:absolute after:left-1/2 after:top-1/2 after:-z-20 after:h-[calc(100%+12px)] after:w-[calc(100%+20px)] after:-translate-x-1/2 after:-translate-y-1/2 after:transform after:rounded-md after:bg-blue-100 after:opacity-0 after:transition-all after:content-[''] dark:after:bg-gray-800",
       "hover:after:opacity-100 hover:after:duration-200",
       o === !0 && "hidden"

package/dist/components/DatePicker/DatePicker.js

@@ -2,7 +2,7 @@ import { jsx as j, jsxs as Ne, Fragment as ct } from "react/jsx-runtime";
 import { t as We } from "../../bundle-mjs-SHnj3fHy.js";
 import { b as Hn, c as In } from "../../index-C197ia6B.js";
 import Ln, { createContext as wa, forwardRef as pa, useRef as Qe, useReducer as An, useEffect as Fe, Fragment as ga, isValidElement as jn, cloneElement as Gn, createElement as qn, useContext as Dt, useId as $n, useMemo as br, useState as _a, useCallback as Vn, useLayoutEffect as ba } from "react";
-import { u as Qn, a as Bn, o as zn, f as Zn, s as Xn } from "../../floating-ui.react-dom-xElE0hWP.js";
+import { u as Qn, a as Bn, o as zn, f as Zn, s as Xn } from "../../floating-ui.react-dom-YTFlGVA5.js";
 //! moment.js
 //! version : 2.30.1
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors

package/dist/components/Input/Input.d.ts

@@ -1,25 +1,7 @@
 import { default as React } from 'react';
+import { InputBaseProps } from './InputBase';
+import { InputTelProps } from './InputTel';
 
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    name: string;
-    inputBefore?: React.ReactNode;
-    inputAfter?: React.ReactNode;
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    className?: {
-        container?: string;
-        input?: string;
-    };
-    decimal?: number;
-};
-declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
-    name: string;
-    inputBefore?: React.ReactNode;
-    inputAfter?: React.ReactNode;
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    className?: {
-        container?: string;
-        input?: string;
-    };
-    decimal?: number;
-} & React.RefAttributes<HTMLInputElement>>;
+export type InputProps = InputBaseProps | InputTelProps;
+declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/components/Input/Input.js

@@ -1,53 +1,8 @@
-import { jsxs as v, jsx as f } from "react/jsx-runtime";
-import d from "react";
-import { t as r } from "../../bundle-mjs-SHnj3fHy.js";
-const y = ({ name: c, inputProps: t, inputBefore: l, inputAfter: u, className: e, ...n }, x) => {
-  const i = d.useRef(null);
-  return d.useImperativeHandle(
-    x,
-    () => i.current
-  ), /* @__PURE__ */ v(
-    "div",
-    {
-      className: r(
-        "flex w-full items-center",
-        (e == null ? void 0 : e.container) && e.container
-      ),
-      children: [
-        l && /* @__PURE__ */ f(
-          "div",
-          {
-            className: r(
-              "btn-before mr-2 flex h-9 w-10 items-center justify-center rounded-full text-gray-400"
-            ),
-            children: l
-          }
-        ),
-        /* @__PURE__ */ f(
-          "input",
-          {
-            ref: i,
-            ...t && t,
-            ...n,
-            value: (t == null ? void 0 : t.value) || (n == null ? void 0 : n.value) || "",
-            className: r((e == null ? void 0 : e.input) && e.input),
-            readOnly: n.readOnly,
-            id: c
-          }
-        ),
-        u && /* @__PURE__ */ f(
-          "div",
-          {
-            className: r(
-              "btn-after mr-2 flex h-9 w-10 items-center justify-center rounded-full text-gray-400"
-            ),
-            children: u
-          }
-        )
-      ]
-    }
-  );
-}, a = d.forwardRef(y);
+import { jsx as o } from "react/jsx-runtime";
+import f from "react";
+import m from "./InputBase.js";
+import u from "./InputTel.js";
+const p = ({ type: e, ...t }, r) => e === "tel" ? /* @__PURE__ */ o(u, { ...t, ref: r }) : /* @__PURE__ */ o(m, { ...t, ref: r }), s = f.forwardRef(p);
 export {
-  a as default
+  s as default
 };

package/dist/components/Input/InputBase.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+
+export type InputBaseProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    name: string;
+    inputBefore?: React.ReactNode;
+    inputAfter?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    className?: {
+        container?: string;
+        input?: string;
+    };
+};
+declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    name: string;
+    inputBefore?: React.ReactNode;
+    inputAfter?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    className?: {
+        container?: string;
+        input?: string;
+    };
+} & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/dist/components/Input/InputBase.js

@@ -0,0 +1,53 @@
+import { jsxs as v, jsx as f } from "react/jsx-runtime";
+import d from "react";
+import { t as r } from "../../bundle-mjs-SHnj3fHy.js";
+const a = ({ name: x, inputProps: t, inputBefore: l, inputAfter: u, className: e, ...n }, c) => {
+  const i = d.useRef(null);
+  return d.useImperativeHandle(
+    c,
+    () => i.current
+  ), /* @__PURE__ */ v(
+    "div",
+    {
+      className: r(
+        "flex w-full items-center",
+        (e == null ? void 0 : e.container) && e.container
+      ),
+      children: [
+        l && /* @__PURE__ */ f(
+          "div",
+          {
+            className: r(
+              "btn-before mr-2 flex h-9 items-center justify-center rounded-full px-3 text-gray-400"
+            ),
+            children: l
+          }
+        ),
+        /* @__PURE__ */ f(
+          "input",
+          {
+            ref: i,
+            ...t && t,
+            ...n,
+            value: (t == null ? void 0 : t.value) || (n == null ? void 0 : n.value) || "",
+            className: r((e == null ? void 0 : e.input) && e.input),
+            readOnly: n.readOnly,
+            id: x
+          }
+        ),
+        u && /* @__PURE__ */ f(
+          "div",
+          {
+            className: r(
+              "btn-after mr-2 flex h-9 items-center justify-center rounded-full text-gray-400"
+            ),
+            children: u
+          }
+        )
+      ]
+    }
+  );
+}, j = d.forwardRef(a);
+export {
+  j as default
+};

package/dist/components/Input/InputTel.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { SelectOption } from '../Selectbox';
+
+export type InputTelProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    type: "tel";
+    name: string;
+    className?: {
+        container?: string;
+        input?: string;
+    };
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    phonePrefixOptions: SelectOption[];
+    phonePrefix?: string;
+    onChange?: (value: string) => void;
+};
+declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    type: "tel";
+    name: string;
+    className?: {
+        container?: string;
+        input?: string;
+    };
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    phonePrefixOptions: SelectOption[];
+    phonePrefix?: string;
+    onChange?: (value: string) => void;
+} & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/dist/components/Input/InputTel.js

@@ -0,0 +1,61 @@
+import { jsxs as $, jsx as l } from "react/jsx-runtime";
+import o from "react";
+import h from "./InputBase.js";
+import x from "../AutoComplete/AutoComplete.js";
+import { t as T } from "../../bundle-mjs-SHnj3fHy.js";
+const E = (r, t) => t.type === "SETPREFIX" ? {
+  ...r,
+  prefix: t.value,
+  realPhone: `${t.value}-${r.content}`
+} : t.type === "SETCONTENT" ? {
+  ...r,
+  content: t.value,
+  realPhone: `${r.prefix}-${t.value}`
+} : r, N = ({ className: r, value: t, phonePrefix: i, phonePrefixOptions: f, onChange: a, ...p }, d) => {
+  const v = o.useMemo(() => {
+    let e = r || { container: void 0, input: void 0 };
+    return e.container = T("w-1/2", (e == null ? void 0 : e.container) || ""), e;
+  }, [r]), n = o.useMemo(() => (t + "").split("-"), [t]), s = o.useMemo(() => n && n[0] ? n[0] : i || "", [n, i]), m = o.useMemo(() => n && n[1] ? n[1] : "", [n]), [u, c] = o.useReducer(E, {
+    prefix: s,
+    content: m,
+    realPhone: `${s}-${m}`
+  });
+  return /* @__PURE__ */ $("div", { className: "flex", children: [
+    /* @__PURE__ */ l("div", { className: "btn-phone-prefix w-1/2", children: /* @__PURE__ */ l(
+      x,
+      {
+        options: f,
+        name: `phonePrefix-${p.name}`,
+        valueField: "value",
+        value: u.prefix,
+        onChange: (e) => {
+          c({ type: "SETPREFIX", value: e }), a && a(`${e}-${u.content}`);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ l(
+      h,
+      {
+        className: v,
+        value: u.content,
+        onChange: (e) => {
+          c({ type: "SETCONTENT", value: e.target.value }), a && a(`${u.prefix}-${e.target.value}`);
+        },
+        ...p,
+        ref: d
+      }
+    ),
+    /* @__PURE__ */ l(
+      "input",
+      {
+        type: "hidden",
+        name: p.name,
+        value: u.realPhone,
+        className: "!hidden"
+      }
+    )
+  ] });
+}, w = o.forwardRef(N);
+export {
+  w as default
+};

package/dist/components/Label/Label.d.ts

@@ -7,7 +7,7 @@ export type LabelBaseProps = {
     htmlFor?: string;
     isError?: boolean;
     errorMessage?: string;
-    type?: "border" | "none";
+    type?: "border" | "normal" | "horizontal";
 };
 declare const LabelBase: React.FC<LabelBaseProps>;
 export default LabelBase;

package/dist/components/Label/Label.js

@@ -1,46 +1,47 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import { t as s } from "../../bundle-mjs-SHnj3fHy.js";
-import { c } from "../../index-wvw0O1v3.js";
-const b = ({
-  label: l,
-  className: o,
-  htmlFor: m,
-  isError: t = !1,
-  errorMessage: a,
-  type: d = "border",
-  children: i
-}) => /* @__PURE__ */ e("div", { className: "flex flex-col", children: [
-  /* @__PURE__ */ e(
+import { c as m } from "../../index-wvw0O1v3.js";
+const h = ({
+  label: t,
+  className: i,
+  htmlFor: d,
+  isError: a = !1,
+  errorMessage: o,
+  type: e = "border",
+  children: c
+}) => /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+  /* @__PURE__ */ r(
     "div",
     {
       className: s(
-        "relative mb-2 mt-2 flex w-full flex-col ",
-        d === "border" && "rounded border border-gray-400",
-        "form-group",
-        t && "error",
-        o
+        "relative flex w-full flex-col ",
+        e === "border" && "rounded border border-gray-400",
+        e === "horizontal" ? "flex-row gap-2" : "form-group",
+        a && "error",
+        i
       ),
       children: [
-        l && /* @__PURE__ */ r(
+        t && /* @__PURE__ */ l(
           "label",
           {
             className: s(
-              d === "border" && "hidden text-gray-600 opacity-0 dark:text-white",
-              "text-sm font-semibold mb-1"
+              e === "border" && "hidden text-gray-600 opacity-0 dark:text-white",
+              e === "horizontal" && "flex items-center justify-center",
+              "mb-1 text-sm font-semibold"
             ),
-            htmlFor: m,
-            children: l
+            htmlFor: d,
+            children: t
           }
         ),
-        i
+        c
       ]
     }
   ),
-  t && a && /* @__PURE__ */ e("span", { className: "flex items-center gap-1 text-sm text-red-600", children: [
-    /* @__PURE__ */ r("div", { className: "w-4", children: /* @__PURE__ */ r(c, {}) }),
-    a
+  a && o && /* @__PURE__ */ r("span", { className: "flex items-center gap-1 text-sm text-red-600", children: [
+    /* @__PURE__ */ l("div", { className: "w-4", children: /* @__PURE__ */ l(m, {}) }),
+    o
   ] })
 ] });
 export {
-  b as default
+  h as default
 };