anysystem-design 0.0.13 → 0.0.14

package/dist/{combobox-BGTTsE1z.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 "./focus-management-DIhMJUCI.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-KgVrpnkt.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 "../../focus-management-DIhMJUCI.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-BGTTsE1z.js";
-import { X as L } from "../../transition-KgVrpnkt.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 "../../focus-management-DIhMJUCI.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-BGTTsE1z.js";
-import { X as A } from "../../transition-KgVrpnkt.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/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
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,12 +1,13 @@
 import { jsx as C, jsxs as ge } from "react/jsx-runtime";
 import $, { createContext as re, useId as V, useReducer as $e, useRef as _, useMemo as P, useCallback as ye, useContext as te } from "react";
 import { t as M } from "../../bundle-mjs-SHnj3fHy.js";
-import { W, K as Ee, w as ke, a as ae, u as Oe, z as ie, U as oe, y as K, l as Te, T as Ce, o as U, j as Pe, b as q, s as le, n as ne, $ as se, c as ue, D as de, d as xe, I as De, G as we, e as Ge, f as Se, g as F, P as Z, F as H, h as ee, p as Fe, r as ce, _ as Ne, i as Ae, k as Le } from "../../focus-management-DIhMJUCI.js";
+import { u as Ee, P as Z, F as H, T as ee, _ as ke, a as Te, b as Oe } from "../../index-CsJbhhQY.js";
 import { getValue as z } from "../Selectbox/helper.js";
+import { W, K as Ce, w as Pe, a as ae, z as ie, U as oe, y as K, l as xe, T as De, o as U, j as we, H as q, s as le, n as ne, $ as se, b as ue, D as de, u as Ge, I as Se, G as Fe, e as Ne, f as Ae, c as F, d as Le, r as ce } from "../../label-M2WV1DNi.js";
 var Ie = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Ie || {});
 let Ue = { 0(e, r) {
   let t = [...e.options, { id: r.id, element: r.element, propsRef: r.propsRef }];
-  return { ...e, options: Ne(t, (a) => a.element.current) };
+  return { ...e, options: ke(t, (a) => a.element.current) };
 }, 1(e, r) {
   let t = e.options.slice(), a = e.options.findIndex((n) => n.id === r.id);
   return a === -1 ? e : (t.splice(a, 1), { ...e, options: t });
@@ -31,49 +32,49 @@ function Q(e) {
   return r;
 }
 function je(e, r) {
-  return Ge(r.type, Ue, e, r);
+  return Ne(r.type, Ue, e, r);
 }
 let He = "div";
 function ze(e, r) {
-  let t = V(), a = ae(), { id: n = `headlessui-radiogroup-${t}`, value: y, form: l, name: s, onChange: u, by: b, disabled: d = a || !1, defaultValue: m, ...N } = e, f = Oe(b), [E, x] = $e(je, { options: [] }), c = E.options, [k, A] = ie(), [D, O] = oe(), T = _(null), w = K(T, r), R = Te(m), [i, G] = Ce(y, u, R), S = P(() => c.find((o) => !o.propsRef.current.disabled), [c]), g = P(() => c.some((o) => f(o.propsRef.current.value, i)), [c, i]), p = U((o) => {
+  let t = V(), a = ae(), { id: n = `headlessui-radiogroup-${t}`, value: y, form: l, name: s, onChange: u, by: b, disabled: d = a || !1, defaultValue: m, ...N } = e, f = Ee(b), [E, x] = $e(je, { options: [] }), c = E.options, [k, A] = ie(), [D, T] = oe(), O = _(null), w = K(O, r), h = xe(m), [i, G] = De(y, u, h), S = P(() => c.find((o) => !o.propsRef.current.disabled), [c]), g = P(() => c.some((o) => f(o.propsRef.current.value, i)), [c, i]), p = U((o) => {
     var L;
     if (d || f(o, i)) return !1;
-    let h = (L = c.find((j) => f(j.propsRef.current.value, o))) == null ? void 0 : L.propsRef.current;
-    return h != null && h.disabled ? !1 : (G == null || G(o), !0);
+    let R = (L = c.find((j) => f(j.propsRef.current.value, o))) == null ? void 0 : L.propsRef.current;
+    return R != null && R.disabled ? !1 : (G == null || G(o), !0);
   }), fe = U((o) => {
-    let L = T.current;
+    let L = O.current;
     if (!L) return;
-    let h = Se(L), j = c.filter((v) => v.propsRef.current.disabled === !1).map((v) => v.element.current);
+    let R = Ae(L), j = c.filter((v) => v.propsRef.current.disabled === !1).map((v) => v.element.current);
     switch (o.key) {
       case F.Enter:
-        Fe(o.currentTarget);
+        Le(o.currentTarget);
         break;
       case F.ArrowLeft:
       case F.ArrowUp:
         if (o.preventDefault(), o.stopPropagation(), Z(j, H.Previous | H.WrapAround) === ee.Success) {
-          let v = c.find((I) => I.element.current === (h == null ? void 0 : h.activeElement));
+          let v = c.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
           v && p(v.propsRef.current.value);
         }
         break;
       case F.ArrowRight:
       case F.ArrowDown:
         if (o.preventDefault(), o.stopPropagation(), Z(j, H.Next | H.WrapAround) === ee.Success) {
-          let v = c.find((I) => I.element.current === (h == null ? void 0 : h.activeElement));
+          let v = c.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
           v && p(v.propsRef.current.value);
         }
         break;
       case F.Space:
         {
           o.preventDefault(), o.stopPropagation();
-          let v = c.find((I) => I.element.current === (h == null ? void 0 : h.activeElement));
+          let v = c.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
           v && p(v.propsRef.current.value);
         }
         break;
     }
-  }), Y = U((o) => (x({ type: 0, ...o }), () => x({ type: 1, id: o.id }))), ve = P(() => ({ value: i, firstOption: S, containsCheckedOption: g, disabled: d, compare: f, ...E }), [i, S, g, d, f, E]), me = P(() => ({ registerOption: Y, change: p }), [Y, p]), be = { ref: w, id: n, role: "radiogroup", "aria-labelledby": k, "aria-describedby": D, onKeyDown: fe }, he = P(() => ({ value: i }), [i]), Re = ye(() => {
-    if (R !== void 0) return p(R);
-  }, [p, R]);
-  return $.createElement(O, { name: "RadioGroup.Description" }, $.createElement(A, { name: "RadioGroup.Label" }, $.createElement(X.Provider, { value: me }, $.createElement(B.Provider, { value: ve }, s != null && $.createElement(Pe, { disabled: d, data: { [s]: i || "on" }, overrides: { type: "radio", checked: i != null }, form: l, onReset: Re }), q({ ourProps: be, theirProps: N, slot: he, defaultTag: He, name: "RadioGroup" })))));
+  }), Y = U((o) => (x({ type: 0, ...o }), () => x({ type: 1, id: o.id }))), ve = P(() => ({ value: i, firstOption: S, containsCheckedOption: g, disabled: d, compare: f, ...E }), [i, S, g, d, f, E]), me = P(() => ({ registerOption: Y, change: p }), [Y, p]), be = { ref: w, id: n, role: "radiogroup", "aria-labelledby": k, "aria-describedby": D, onKeyDown: fe }, Re = P(() => ({ value: i }), [i]), he = ye(() => {
+    if (h !== void 0) return p(h);
+  }, [p, h]);
+  return $.createElement(T, { name: "RadioGroup.Description" }, $.createElement(A, { name: "RadioGroup.Label" }, $.createElement(X.Provider, { value: me }, $.createElement(B.Provider, { value: ve }, s != null && $.createElement(we, { disabled: d, data: { [s]: i || "on" }, overrides: { type: "radio", checked: i != null }, form: l, onReset: he }), q({ ourProps: be, theirProps: N, slot: Re, defaultTag: He, name: "RadioGroup" })))));
 }
 let Me = "div";
 function Ve(e, r) {
@@ -84,22 +85,22 @@ function Ve(e, r) {
     var p;
     if (ce(g.currentTarget)) return g.preventDefault();
     n.change(s) && ((p = m.current) == null || p.focus());
-  }), D = ((t = a.firstOption) == null ? void 0 : t.id) === l, { isFocusVisible: O, focusProps: T } = se({ autoFocus: b }), { isHovered: w, hoverProps: R } = ue({ isDisabled: u }), i = a.compare(a.value, s), G = de({ ref: N, id: l, role: "radio", "aria-checked": i ? "true" : "false", "aria-labelledby": f, "aria-describedby": x, "aria-disabled": u ? !0 : void 0, tabIndex: u ? -1 : i || !a.containsCheckedOption && D ? 0 : -1, onClick: u ? void 0 : A, autoFocus: b }, T, R), S = P(() => ({ checked: i, disabled: u, active: O, hover: w, focus: O, autofocus: b }), [i, u, w, O, b]);
+  }), D = ((t = a.firstOption) == null ? void 0 : t.id) === l, { isFocusVisible: T, focusProps: O } = se({ autoFocus: b }), { isHovered: w, hoverProps: h } = ue({ isDisabled: u }), i = a.compare(a.value, s), G = de({ ref: N, id: l, role: "radio", "aria-checked": i ? "true" : "false", "aria-labelledby": f, "aria-describedby": x, "aria-disabled": u ? !0 : void 0, tabIndex: u ? -1 : i || !a.containsCheckedOption && D ? 0 : -1, onClick: u ? void 0 : A, autoFocus: b }, O, h), S = P(() => ({ checked: i, disabled: u, active: T, hover: w, focus: T, autofocus: b }), [i, u, w, T, b]);
   return $.createElement(c, { name: "RadioGroup.Description" }, $.createElement(E, { name: "RadioGroup.Label" }, q({ ourProps: G, theirProps: d, slot: S, defaultTag: Me, name: "RadioGroup.Option" })));
 }
 let _e = "span";
 function We(e, r) {
   var t;
-  let a = J("Radio"), n = Q("Radio"), y = V(), l = xe(), s = ae(), { id: u = l || `headlessui-radio-${y}`, value: b, disabled: d = a.disabled || s || !1, autoFocus: m = !1, ...N } = e, f = _(null), E = K(f, r), x = De(), c = we(), k = le({ value: b, disabled: d });
+  let a = J("Radio"), n = Q("Radio"), y = V(), l = Ge(), s = ae(), { id: u = l || `headlessui-radio-${y}`, value: b, disabled: d = a.disabled || s || !1, autoFocus: m = !1, ...N } = e, f = _(null), E = K(f, r), x = Se(), c = Fe(), k = le({ value: b, disabled: d });
   ne(() => n.registerOption({ id: u, element: f, propsRef: k }), [u, n, f, k]);
   let A = U((g) => {
     var p;
     if (ce(g.currentTarget)) return g.preventDefault();
     n.change(b) && ((p = f.current) == null || p.focus());
-  }), { isFocusVisible: D, focusProps: O } = se({ autoFocus: m }), { isHovered: T, hoverProps: w } = ue({ isDisabled: d }), R = ((t = a.firstOption) == null ? void 0 : t.id) === u, i = a.compare(a.value, b), G = de({ ref: E, id: u, role: "radio", "aria-checked": i ? "true" : "false", "aria-labelledby": x, "aria-describedby": c, "aria-disabled": d ? !0 : void 0, tabIndex: d ? -1 : i || !a.containsCheckedOption && R ? 0 : -1, autoFocus: m, onClick: d ? void 0 : A }, O, w), S = P(() => ({ checked: i, disabled: d, hover: T, focus: D, autofocus: m }), [i, d, T, D, m]);
+  }), { isFocusVisible: D, focusProps: T } = se({ autoFocus: m }), { isHovered: O, hoverProps: w } = ue({ isDisabled: d }), h = ((t = a.firstOption) == null ? void 0 : t.id) === u, i = a.compare(a.value, b), G = de({ ref: E, id: u, role: "radio", "aria-checked": i ? "true" : "false", "aria-labelledby": x, "aria-describedby": c, "aria-disabled": d ? !0 : void 0, tabIndex: d ? -1 : i || !a.containsCheckedOption && h ? 0 : -1, autoFocus: m, onClick: d ? void 0 : A }, T, w), S = P(() => ({ checked: i, disabled: d, hover: O, focus: D, autofocus: m }), [i, d, O, D, m]);
   return q({ ourProps: G, theirProps: N, slot: S, defaultTag: _e, name: "Radio" });
 }
-let Ke = W(ze), qe = W(Ve), pe = W(We), Be = Ee, Je = ke, Xe = Object.assign(Ke, { Option: qe, Radio: pe, Label: Be, Description: Je });
+let Ke = W(ze), qe = W(Ve), pe = W(We), Be = Ce, Je = Pe, Xe = Object.assign(Ke, { Option: qe, Radio: pe, Label: Be, Description: Je });
 const Qe = (e, r) => r.type === "SETVALUE" ? {
   ...e,
   value: r.value,
@@ -108,7 +109,7 @@ const Qe = (e, r) => r.type === "SETVALUE" ? {
   ...e,
   selected: r.selected,
   value: z(r.selected, e.valueField) + ""
-} : e, ar = ({
+} : e, ir = ({
   options: e,
   value: r,
   valueField: t = "value",
@@ -142,7 +143,7 @@ const Qe = (e, r) => r.type === "SETVALUE" ? {
           children: ({ checked: s }) => /* @__PURE__ */ ge("div", { className: "flex w-full items-center justify-between", children: [
             /* @__PURE__ */ C("div", { className: "text-sm/6", children: /* @__PURE__ */ C("p", { className: "font-semibold", children: l.label }) }),
             s ? /* @__PURE__ */ C(
-              Ae,
+              Te,
               {
                 className: M(
                   "size-6 transition fill-blue-600 opacity-0 group-hover:opacity-80",
@@ -150,7 +151,7 @@ const Qe = (e, r) => r.type === "SETVALUE" ? {
                 )
               }
             ) : /* @__PURE__ */ C(
-              Le,
+              Oe,
               {
                 className: M(
                   "size-6 transition text-gray-200 group-hover:text-blue-600"
@@ -165,5 +166,5 @@ const Qe = (e, r) => r.type === "SETVALUE" ? {
   ) });
 };
 export {
-  ar as default
+  ir as default
 };

package/dist/components/Selectbox/SelectboxBase.js

@@ -1,12 +1,12 @@
 import { jsxs as i, jsx as t, Fragment as p } from "react/jsx-runtime";
 import g, { Fragment as j } from "react";
-import { H } from "../../focus-management-DIhMJUCI.js";
+import { H } from "../../index-CsJbhhQY.js";
 import { b as M } from "../../index-wvw0O1v3.js";
-import { u as A, a as C, b as z, c as B, d as D, e as G, X as I } from "../../transition-KgVrpnkt.js";
+import { u as A, a as C, b as z, c as B, d as D, e as G, X as I } from "../../transition-DgjncSwT.js";
 import { t as v } from "../../bundle-mjs-SHnj3fHy.js";
 import { getValue as n } from "./helper.js";
-import { M as P, U as X, G as _, V as $ } from "../../listbox-jWCPHdFz.js";
-import { o as O, f as q, s as J, a as K } from "../../floating-ui.react-dom-xElE0hWP.js";
+import { M as P, U as X, G as _, V as $ } from "../../listbox-CJZgAdIt.js";
+import { o as O, f as q, s as J, a as K } from "../../floating-ui.react-dom-YTFlGVA5.js";
 const Q = (s, a) => a.type === "SETVALUE" ? {
   ...s,
   value: a.value,

package/dist/components/Selectbox/SelectboxMultiple.js

@@ -1,13 +1,13 @@
 import { jsxs as f, jsx as l, Fragment as y } from "react/jsx-runtime";
 import g, { Fragment as k } from "react";
 import { _ as A } from "../../lodash-XYp3qmxI.js";
-import { H as L } from "../../focus-management-DIhMJUCI.js";
+import { H as L } from "../../index-CsJbhhQY.js";
 import { b as H } from "../../index-wvw0O1v3.js";
-import { u as C, a as _, b as z, c as D, d as G, e as I, X as O } from "../../transition-KgVrpnkt.js";
+import { u as C, a as _, b as z, c as D, d as G, e as I, X as O } from "../../transition-DgjncSwT.js";
 import { t as h } from "../../bundle-mjs-SHnj3fHy.js";
 import { getValue as n } from "./helper.js";
-import { o as P, f as X, s as $, a as q } from "../../floating-ui.react-dom-xElE0hWP.js";
-import { M as B, U as J, G as K, V as Q } from "../../listbox-jWCPHdFz.js";
+import { o as P, f as X, s as $, a as q } from "../../floating-ui.react-dom-YTFlGVA5.js";
+import { M as B, U as J, G as K, V as Q } from "../../listbox-CJZgAdIt.js";
 const W = (r, s) => s.type === "SETVALUE" ? {
   ...r,
   value: s.value,

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export type SwitchProps = {
+    name: string;
+    value: string;
+    checked: boolean;
+    onChange: (v: boolean) => void;
+};
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,61 @@
+import { jsxs as X, jsx as T } from "react/jsx-runtime";
+import { W as A, K as Q, w as Y, z as Z, U as ee, H as F, u as te, a as ae, y as re, l as oe, T as le, p as ne, o as h, I as se, G as ie, $ as ue, b as ce, D as de, j as pe, r as fe, c as E, d as he } from "../../label-M2WV1DNi.js";
+import n, { createContext as be, useState as I, useMemo as j, useId as me, useContext as ve, useRef as $e, useCallback as ge, Fragment as we } from "react";
+import { w as xe, T as ke } from "../../use-resolve-button-type-WMDXx_9F.js";
+let g = be(null);
+g.displayName = "GroupContext";
+let ye = we;
+function Ce(a) {
+  var o;
+  let [e, l] = I(null), [s, b] = Z(), [m, r] = ee(), p = j(() => ({ switch: e, setSwitch: l }), [e, l]), v = {}, $ = a;
+  return n.createElement(r, { name: "Switch.Description", value: m }, n.createElement(b, { name: "Switch.Label", value: s, props: { htmlFor: (o = p.switch) == null ? void 0 : o.id, onClick(i) {
+    e && (i.currentTarget instanceof HTMLLabelElement && i.preventDefault(), e.click(), e.focus({ preventScroll: !0 }));
+  } } }, n.createElement(g.Provider, { value: p }, F({ ourProps: v, theirProps: $, slot: {}, defaultTag: ye, name: "Switch.Group" }))));
+}
+let De = "button";
+function Pe(a, o) {
+  var e;
+  let l = me(), s = te(), b = ae(), { id: m = s || `headlessui-switch-${l}`, disabled: r = b || !1, checked: p, defaultChecked: v, onChange: $, name: i, value: N, form: G, autoFocus: f = !1, ...H } = a, w = ve(g), x = $e(null), K = re(x, o, w === null ? null : w.setSwitch), u = oe(v), [c, d] = le(p, $, u ?? !1), L = ne(), [k, y] = I(!1), C = h(() => {
+    y(!0), d == null || d(!c), L.nextFrame(() => {
+      y(!1);
+    });
+  }), _ = h((t) => {
+    if (fe(t.currentTarget)) return t.preventDefault();
+    t.preventDefault(), C();
+  }), M = h((t) => {
+    t.key === E.Space ? (t.preventDefault(), C()) : t.key === E.Enter && he(t.currentTarget);
+  }), R = h((t) => t.preventDefault()), U = se(), z = ie(), { isFocusVisible: D, focusProps: B } = ue({ autoFocus: f }), { isHovered: P, hoverProps: O } = ce({ isDisabled: r }), { pressed: S, pressProps: V } = xe({ disabled: r }), W = j(() => ({ checked: c, disabled: r, hover: P, focus: D, active: S, autofocus: f, changing: k }), [c, P, D, S, r, k, f]), q = de({ id: m, ref: K, role: "switch", type: ke(a, x), tabIndex: a.tabIndex === -1 ? 0 : (e = a.tabIndex) != null ? e : 0, "aria-checked": c, "aria-labelledby": U, "aria-describedby": z, disabled: r || void 0, autoFocus: f, onClick: _, onKeyUp: M, onKeyPress: R }, B, O, V), J = ge(() => {
+    if (u !== void 0) return d == null ? void 0 : d(u);
+  }, [d, u]);
+  return n.createElement(n.Fragment, null, i != null && n.createElement(pe, { disabled: r, data: { [i]: N || "on" }, overrides: { type: "checkbox", checked: c }, form: G, onReset: J }), F({ ourProps: q, theirProps: H, slot: W, defaultTag: De, name: "Switch" }));
+}
+let Se = A(Pe), Te = Ce, Ee = Q, Fe = Y, Ie = Object.assign(Se, { Group: Te, Label: Ee, Description: Fe });
+const Ke = ({ checked: a, onChange: o, name: e, value: l }) => /* @__PURE__ */ X(
+  Ie,
+  {
+    checked: a,
+    onChange: (s) => o(s),
+    className: "group relative flex h-7 w-14 cursor-pointer rounded-full bg-gray-800/10 p-1 transition-colors duration-200 ease-in-out focus:outline-none data-[focus]:outline-1 data-[focus]:outline-white data-[checked]:bg-blue-500",
+    children: [
+      /* @__PURE__ */ T(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none inline-block size-5 translate-x-0 rounded-full bg-white ring-0 shadow-lg transition duration-200 ease-in-out group-data-[checked]:translate-x-7"
+        }
+      ),
+      /* @__PURE__ */ T(
+        "input",
+        {
+          type: "hidden",
+          className: "!hidden",
+          name: e,
+          value: a ? l : ""
+        }
+      )
+    ]
+  }
+);
+export {
+  Ke as default
+};

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Switch';
+export { default as default } from './Switch';

package/dist/components/Switch/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Switch.js";
+export {
+  o as default
+};

package/dist/components/index.d.ts

@@ -2,6 +2,8 @@ export * from './Button/';
 export { default as Button } from './Button/';
 export * from './Checkbox/';
 export { default as Checkbox } from './Checkbox/';
+export * from './Switch/';
+export { default as Switch } from './Switch/';
 export * from './Column/';
 export { default as Column } from './Column/';
 export * from './Container/';