anysystem-design 0.0.47 → 0.0.48

package/README.md

@@ -1,5 +1,8 @@
 # Anysystem Design
-Powerful open source libraries for React.
+Powerful open source libraries for React and Tailwind CSS.
+
+## Usage Guide
+Please visit [https://david-marstree.github.io/anysystem](https://david-marstree.github.io/anysystem)
 
 ## Getting started
 ```bash

package/dist/{calculate-active-index-xXUBsarF.js → calculate-active-index-DbdO98Z_.js}

@@ -1,8 +1,8 @@
 import * as c from "react";
 import be, { useReducer as We, useMemo as X, useRef as de, useLayoutEffect as Be, useEffect as Ve, createContext as He, useContext as Z, useCallback as Ye, useState as Q } from "react";
 import { n as te, o as Ae, p as je } from "./use-sync-refs-TDnk3jQt.js";
-import { i as Ue, b as me, c as S, g as re, u as Xe, d as qe, e as ye, h as Ge, j as Je, k as Qe, o as $e, l as oe, s as Ze, f as ze, m as et, a as tt } from "./floating-ui.react-dom-YTFlGVA5.js";
-import { r as ne } from "./index-DsprzSCj.js";
+import { i as Ue, b as me, c as S, g as re, u as Xe, d as qe, e as ye, h as Ge, j as Je, k as Qe, o as $e, l as oe, s as Ze, f as ze, m as et, a as tt } from "./floating-ui.react-dom-BCi5XVbY.js";
+import { r as ne } from "./index-CTu7UrOL.js";
 function nt(e) {
   if (e === null) return { width: 0, height: 0 };
   let { width: n, height: t } = e.getBoundingClientRect();

package/dist/{combobox-DcjIgW1K.js → combobox-BGEhR2HT.js}

@@ -1,13 +1,13 @@
 import { $ as Pe, a as $e, r as je } from "./bugs-CHTtT8VX.js";
 import * as oe from "react";
 import $, { useRef as W, useEffect as He, createContext as ve, useReducer as Ke, createRef as Ue, useCallback as Te, useMemo as G, useId as ce, useContext as be, useState as Ge, Fragment as De } from "react";
-import { r as X } from "./index-DsprzSCj.js";
+import { r as X } from "./index-CTu7UrOL.js";
 import { w as qe, T as Je } from "./use-resolve-button-type-DkEA2l9L.js";
 import { u as Ye } from "./use-by-comparator-CVuf9KBq.js";
-import { K as Qe, l as Xe, T as Ze, z as et, j as tt, u as nt, I as ge } from "./label-9PX7EyLe.js";
+import { K as Qe, l as Xe, T as Ze, z as et, j as tt, u as nt, I as ge } from "./label-BU1UL9Xe.js";
 import { o as x, n as q, M as Re, W as se, u as ee, H as re, y as de, p as ot, D as xe, s as it, b as Ee } from "./use-sync-refs-TDnk3jQt.js";
-import { v as st, y as rt, x as lt, R as at, f as ut, g as ye, l as Ce, k as ct, h as dt, i as _, j as Me } from "./calculate-active-index-xXUBsarF.js";
-import { F as pt, n as Fe, f as ft, y as ht, t as mt, a as vt } from "./portal-B7hH6hDh.js";
+import { v as st, y as rt, x as lt, R as at, f as ut, g as ye, l as Ce, k as ct, h as dt, i as _, j as Me } from "./calculate-active-index-DbdO98Z_.js";
+import { F as pt, n as Fe, f as ft, y as ht, t as mt, a as vt } from "./portal-BgeE7-lt.js";
 import { m as bt } from "./transition-6o20faRl.js";
 import { E as gt, m as we, r as _e } from "./active-element-history-Djev6nPQ.js";
 import { c as xt, i as ue, u as St, V as It, A as Ot } from "./open-closed-CowzTowH.js";

package/dist/components/AutoComplete/AutoCompleteBase.js

@@ -5,7 +5,7 @@ import { H as E } from "../../index-BVp57yIc.js";
 import { c as C } from "../../index-CBEJ8A3p.js";
 import { G as w } from "../../iconBase-Bipuk9tK.js";
 import { getValue as c } from "../Selectbox/helper.js";
-import { N, G as A, H as L, z as S, K as H } from "../../combobox-DcjIgW1K.js";
+import { N, G as A, H as L, z as S, K as H } from "../../combobox-BGEhR2HT.js";
 import { X as T } from "../../transition-6o20faRl.js";
 function R(t) {
   return w({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z" }, child: [] }] })(t);

package/dist/components/AutoComplete/AutoCompleteMultiple.js

@@ -6,7 +6,7 @@ import { H as C } from "../../index-BVp57yIc.js";
 import { c as w } from "../../index-CBEJ8A3p.js";
 import { g as N } from "../../index-Be1bsSGe.js";
 import { getValue as o } from "../Selectbox/helper.js";
-import { N as L, G as S, H as T, z as k, K as q } from "../../combobox-DcjIgW1K.js";
+import { N as L, G as S, H as T, z as k, K as q } from "../../combobox-BGEhR2HT.js";
 import { X as A } from "../../transition-6o20faRl.js";
 const R = (r, t) => {
   if (t.type === "SEARCH")
@@ -84,7 +84,7 @@ const R = (r, t) => {
       },
       multiple: !0,
       children: /* @__PURE__ */ m("div", { className: "relative flex gap-1", children: [
-        s.selected.length > 0 && /* @__PURE__ */ l("ul", { className: "flex form-control gap-1", children: (h = s.selected) == null ? void 0 : h.map((e, u) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m("div", { className: "flex p-1 rounded bg-blue-50 dark:bg-blue-900", children: [
+        s.selected.length > 0 && /* @__PURE__ */ l("ul", { className: "flex form-control gap-1 transform translate-y-[12px]", children: (h = s.selected) == null ? void 0 : h.map((e, u) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m("div", { className: "flex p-1 rounded bg-blue-50 dark:bg-blue-900", children: [
           /* @__PURE__ */ l("span", { className: "text-xs whitespace-nowrap", children: e.label }),
           /* @__PURE__ */ l(
             "button",

package/dist/components/Checkbox/Checkbox.d.ts

@@ -8,4 +8,4 @@ export type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     isError?: boolean;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 };
-export declare const Checkbox: React.FC<CheckboxProps>;
+export declare const Checkbox: ({ className, name, label, hidden, isError, inputProps, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/CheckboxBase.d.ts

@@ -6,4 +6,4 @@ export type CheckboxBaseProps = React.InputHTMLAttributes<HTMLInputElement> & {
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     intermediate?: boolean;
 };
-export declare const CheckboxBase: React.FC<CheckboxBaseProps>;
+export declare const CheckboxBase: ({ className, isError, inputProps, intermediate, ...props }: CheckboxBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/FormCheckbox.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { CheckboxProps } from './Checkbox';
 
 export type FormCheckboxProps = CheckboxProps;
-export declare const FormCheckbox: React.FC<FormCheckboxProps>;
+export declare const FormCheckbox: ({ name, ...props }: FormCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Column/Column.d.ts

@@ -6,5 +6,5 @@ export type ColumnProps = React.HtmlHTMLAttributes<HTMLDivElement> & {
     span?: ResponsiveColumn;
     children: React.ReactNode;
 };
-declare const Column: React.FC<ColumnProps>;
+declare const Column: ({ id, span, className, children, ...props }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default Column;

package/dist/components/Component.d.ts

@@ -1,6 +1,4 @@
-import { default as React } from 'react';
-
 export type ComponentObject = {};
 export type ComponentProps = {};
-declare const Component: React.FC<ComponentProps>;
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
 export default Component;

package/dist/components/Container/Container.d.ts

@@ -4,4 +4,4 @@ export type ContainerProps = {
     className?: string;
     children: React.ReactNode;
 };
-export declare const Container: React.FC<ContainerProps>;
+export declare const Container: ({ className, ...props }: ContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataTable/components/DataTableBody.d.ts

@@ -1,4 +1,2 @@
-import { default as React } from 'react';
-
-declare const DataTableBody: React.FC;
+declare const DataTableBody: () => import("react/jsx-runtime").JSX.Element;
 export default DataTableBody;

package/dist/components/DataTable/components/DataTableHead.d.ts

@@ -1,4 +1,2 @@
-import { default as React } from 'react';
-
-declare const DataTableHead: React.FC;
+declare const DataTableHead: () => import("react/jsx-runtime").JSX.Element;
 export default DataTableHead;

package/dist/components/DataTable/components/FieldSelectbox.js

@@ -2,10 +2,10 @@ import { jsxs as n, jsx as s, Fragment as F } from "react/jsx-runtime";
 import w, { Fragment as k } from "react";
 import { A as N, a as T } from "../../../index-Be1bsSGe.js";
 import { t as c } from "../../../bundle-mjs-SHnj3fHy.js";
-import { u as C, a as D, b as S, c as j, d as M, e as R } from "../../../calculate-active-index-xXUBsarF.js";
+import { u as C, a as D, b as S, c as j, d as M, e as R } from "../../../calculate-active-index-DbdO98Z_.js";
 import { DataTableContext as A } from "../contexts/DataTableContext.js";
-import { o as E, f as P, s as U, a as _ } from "../../../floating-ui.react-dom-YTFlGVA5.js";
-import { M as B, U as G, G as I, V } from "../../../listbox-T8TrOULl.js";
+import { o as E, f as P, s as U, a as _ } from "../../../floating-ui.react-dom-BCi5XVbY.js";
+import { M as B, U as G, G as I, V } from "../../../listbox-BHRihzeO.js";
 import { X } from "../../../transition-6o20faRl.js";
 const W = () => {
   const { fields: a, state: i, dispatch: m } = w.useContext(A), { refs: l, x: d, y: u, strategy: p, floatingStyles: f, context: o } = C({

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { LabelBaseProps } from '../Label';
 
 export type DatePickerProps = {
@@ -9,5 +8,5 @@ export type DatePickerProps = {
     readOnly?: boolean;
     labelProps?: LabelBaseProps;
 };
-declare const DatePicker: React.FC<DatePickerProps>;
+declare const DatePicker: ({ name, value, showTime, onChange, readOnly, labelProps, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/components/DatePicker/DatePicker.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as o, Fragment as n } from "react/jsx-runtime";
-import { h as y, G as a } from "../../headless-datepicker-BV7tOa5a.js";
+import { h as y, G as a } from "../../headless-datepicker-DRvAXFm1.js";
 import { t as l } from "../../bundle-mjs-SHnj3fHy.js";
 import { d as k, e as v } from "../../index-Be1bsSGe.js";
 import w from "../Label/Label.js";

package/dist/components/FormControl/FormContent.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { FormFieldWithStructure } from './type';
 
 export type FormContentProps = {
@@ -9,5 +8,5 @@ export type FormContentProps = {
     touched?: any;
     errors?: any;
 };
-declare const FormContent: React.FC<FormContentProps>;
+declare const FormContent: ({ fields, values, setFieldValue, touched, errors, }: FormContentProps) => import("react/jsx-runtime").JSX.Element;
 export default FormContent;

package/dist/components/FormControl/FormContent.js

@@ -1,10 +1,10 @@
 import { jsx as p, Fragment as F } from "react/jsx-runtime";
 import O, { useLayoutEffect as N, useEffect as X, useMemo as D, createContext as $, useContext as G, useRef as H } from "react";
 import { t as V } from "../../bundle-mjs-SHnj3fHy.js";
-import "../../index-DsprzSCj.js";
+import "../../index-CTu7UrOL.js";
 import "../Button/Button.js";
 import J from "../Column/Column.js";
-import "../../headless-datepicker-BV7tOa5a.js";
+import "../../headless-datepicker-DRvAXFm1.js";
 import "../Input/Input.js";
 import "../Input/FormInput.js";
 import "../Input/Textarea.js";

package/dist/components/FormControl/type.d.ts

@@ -33,7 +33,7 @@ export type FormField = {
     dataType: "string" | "number" | "boolean" | "string[]";
     value: string | number | boolean | string[];
     validation?: Validation[];
-    component?: React.FC<any>;
+    component?: (props: any) => React.ReactElement;
     componentProps: FormFieldInputProps | FormFieldDateTimeProps | FormFieldRadioProps<SelectOption> | FormFieldSwitchProps | FormFieldConfirmProps | FormFieldTelephoneProps | FormFieldSelectboxProps<SelectOption> | FormFieldAutoCompleteProps<SelectOption>;
 };
 export type FormFieldWithStructure = (FormField | FormField[])[];

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

@@ -6,4 +6,4 @@ export type FormLabelProps = {
     className?: string;
     htmlFor?: string;
 };
-export declare const FormLabel: React.FC<FormLabelProps>;
+export declare const FormLabel: ({ label, className, htmlFor, children, }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,5 +12,5 @@ export type LabelBaseProps = {
 export type LabelProps = LabelBaseProps & {
     children: React.ReactNode;
 };
-declare const LabelBase: React.FC<LabelProps>;
+declare const LabelBase: ({ label, className, htmlFor, isError, errorMessage, type, variant, children, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
 export default LabelBase;

package/dist/components/Modal/Modal.js

@@ -4,7 +4,7 @@ import { t as M } from "../../bundle-mjs-SHnj3fHy.js";
 import He from "../Button/Button.js";
 import { o as Ne, u as Ae } from "../../keyboard-DnlWU23I.js";
 import { E as fe, m as Z, r as V } from "../../active-element-history-Djev6nPQ.js";
-import { x as J, n as Q, s as Be, c as je, e as Ue, y as Ye, F as qe, f as Ve, l as le, t as _e, J as Ge } from "../../portal-B7hH6hDh.js";
+import { x as J, n as Q, s as Be, c as je, e as Ue, y as Ye, F as qe, f as Ve, l as le, t as _e, J as Ge } from "../../portal-BgeE7-lt.js";
 import { n as We, o as E, W as C, y as j, u as G, p as Xe, H as N, c as me, M as ae } from "../../use-sync-refs-TDnk3jQt.js";
 import { l as pe, f as ve, m as Ke, X as ge, I as B } from "../../transition-6o20faRl.js";
 import { T as W, s as X, w as Ze, U as Je } from "../../description-BGLBXSvA.js";

package/dist/components/NavList/NavList.d.ts

@@ -3,7 +3,9 @@ import { default as React } from 'react';
 export type NavItemObject = {
     label: string;
     path?: string;
-    icon?: React.FC;
+    icon?: React.ComponentType<{
+        size?: number;
+    }>;
     title?: boolean;
     list?: NavItemObject[];
     onClick?: () => void;
@@ -14,5 +16,5 @@ export type NavListProps = {
         pathname: string;
     };
 };
-declare const NavList: React.FC<NavListProps>;
+declare const NavList: ({ list, location }: NavListProps) => import("react/jsx-runtime").JSX.Element;
 export default NavList;

package/dist/components/NavList/NavList.js

@@ -1,4 +1,4 @@
-import { jsx as p, jsxs as C, Fragment as le } from "react/jsx-runtime";
+import { jsx as s, jsxs as C, Fragment as le } from "react/jsx-runtime";
 import { G as ae } from "../../iconBase-Bipuk9tK.js";
 import { t as x } from "../../bundle-mjs-SHnj3fHy.js";
 import { $ as ne, a as oe, r as se } from "../../bugs-CHTtT8VX.js";
@@ -51,70 +51,70 @@ function xe(e, t) {
 }
 let De = J;
 function Ee(e, t) {
-  let { defaultOpen: r = !1, ...d } = e, n = D(null), s = F(t, ce((i) => {
-    n.current = i;
-  }, e.as === void 0 || e.as === J)), l = D(null), a = D(null), o = ue(xe, { disclosureState: r ? 0 : 1, linkedPanel: !1, buttonRef: a, panelRef: l, buttonId: null, panelId: null }), [{ disclosureState: g, buttonId: u }, h] = o, f = E((i) => {
+  let { defaultOpen: r = !1, ...c } = e, n = D(null), u = F(t, ce((d) => {
+    n.current = d;
+  }, e.as === void 0 || e.as === J)), l = D(null), a = D(null), o = ue(xe, { disclosureState: r ? 0 : 1, linkedPanel: !1, buttonRef: a, panelRef: l, buttonId: null, panelId: null }), [{ disclosureState: g, buttonId: i }, h] = o, f = E((d) => {
     h({ type: 1 });
     let v = ve(n);
-    if (!v || !u) return;
-    let m = i ? i instanceof HTMLElement ? i : i.current instanceof HTMLElement ? i.current : v.getElementById(u) : v.getElementById(u);
+    if (!v || !i) return;
+    let m = d ? d instanceof HTMLElement ? d : d.current instanceof HTMLElement ? d.current : v.getElementById(i) : v.getElementById(i);
     m == null || m.focus();
-  }), b = w(() => ({ close: f }), [f]), k = w(() => ({ open: g === 0, close: f }), [g, f]), P = { ref: s };
-  return y.createElement(H.Provider, { value: o }, y.createElement(j.Provider, { value: b }, y.createElement(ke, { value: f }, y.createElement(pe, { value: M(g, { 0: T.Open, 1: T.Closed }) }, O({ ourProps: P, theirProps: d, slot: k, defaultTag: De, name: "Disclosure" })))));
+  }), b = w(() => ({ close: f }), [f]), k = w(() => ({ open: g === 0, close: f }), [g, f]), P = { ref: u };
+  return y.createElement(H.Provider, { value: o }, y.createElement(j.Provider, { value: b }, y.createElement(ke, { value: f }, y.createElement(pe, { value: M(g, { 0: T.Open, 1: T.Closed }) }, O({ ourProps: P, theirProps: c, slot: k, defaultTag: De, name: "Disclosure" })))));
 }
 let we = "button";
 function Te(e, t) {
-  let r = Q(), { id: d = `headlessui-disclosure-button-${r}`, disabled: n = !1, autoFocus: s = !1, ...l } = e, [a, o] = L("Disclosure.Button"), g = Se(), u = g === null ? !1 : g === a.panelId, h = D(null), f = F(h, t, u ? null : a.buttonRef), b = Y();
+  let r = Q(), { id: c = `headlessui-disclosure-button-${r}`, disabled: n = !1, autoFocus: u = !1, ...l } = e, [a, o] = L("Disclosure.Button"), g = Se(), i = g === null ? !1 : g === a.panelId, h = D(null), f = F(h, t, i ? null : a.buttonRef), b = Y();
   X(() => {
-    if (!u) return o({ type: 2, buttonId: d }), () => {
+    if (!i) return o({ type: 2, buttonId: c }), () => {
       o({ type: 2, buttonId: null });
     };
-  }, [d, o, u]);
-  let k = E((c) => {
+  }, [c, o, i]);
+  let k = E((p) => {
     var $;
-    if (u) {
+    if (i) {
       if (a.disclosureState === 1) return;
-      switch (c.key) {
+      switch (p.key) {
         case S.Space:
         case S.Enter:
-          c.preventDefault(), c.stopPropagation(), o({ type: 0 }), ($ = a.buttonRef.current) == null || $.focus();
+          p.preventDefault(), p.stopPropagation(), o({ type: 0 }), ($ = a.buttonRef.current) == null || $.focus();
           break;
       }
-    } else switch (c.key) {
+    } else switch (p.key) {
       case S.Space:
       case S.Enter:
-        c.preventDefault(), c.stopPropagation(), o({ type: 0 });
+        p.preventDefault(), p.stopPropagation(), o({ type: 0 });
         break;
     }
-  }), P = E((c) => {
-    switch (c.key) {
+  }), P = E((p) => {
+    switch (p.key) {
       case S.Space:
-        c.preventDefault();
+        p.preventDefault();
         break;
     }
-  }), i = E((c) => {
+  }), d = E((p) => {
     var $;
-    se(c.currentTarget) || n || (u ? (o({ type: 0 }), ($ = a.buttonRef.current) == null || $.focus()) : o({ type: 0 }));
-  }), { isFocusVisible: v, focusProps: m } = ne({ autoFocus: s }), { isHovered: V, hoverProps: z } = oe({ isDisabled: n }), { pressed: A, pressProps: G } = ie({ disabled: n }), re = w(() => ({ open: a.disclosureState === 0, hover: V, active: A, disabled: n, focus: v, autofocus: s }), [a, V, A, v, n, s]), K = de(e, h), te = u ? _({ ref: f, type: K, disabled: n || void 0, autoFocus: s, onKeyDown: k, onClick: i }, m, z, G) : _({ ref: f, id: d, type: K, "aria-expanded": a.disclosureState === 0, "aria-controls": a.linkedPanel ? a.panelId : void 0, disabled: n || void 0, autoFocus: s, onKeyDown: k, onKeyUp: P, onClick: i }, m, z, G);
+    se(p.currentTarget) || n || (i ? (o({ type: 0 }), ($ = a.buttonRef.current) == null || $.focus()) : o({ type: 0 }));
+  }), { isFocusVisible: v, focusProps: m } = ne({ autoFocus: u }), { isHovered: V, hoverProps: z } = oe({ isDisabled: n }), { pressed: A, pressProps: G } = ie({ disabled: n }), re = w(() => ({ open: a.disclosureState === 0, hover: V, active: A, disabled: n, focus: v, autofocus: u }), [a, V, A, v, n, u]), K = de(e, h), te = i ? _({ ref: f, type: K, disabled: n || void 0, autoFocus: u, onKeyDown: k, onClick: d }, m, z, G) : _({ ref: f, id: c, type: K, "aria-expanded": a.disclosureState === 0, "aria-controls": a.linkedPanel ? a.panelId : void 0, disabled: n || void 0, autoFocus: u, onKeyDown: k, onKeyUp: P, onClick: d }, m, z, G);
   return O({ mergeRefs: b, ourProps: te, theirProps: l, slot: re, defaultTag: we, name: "Disclosure.Button" });
 }
 let Ce = "div", Ie = W.RenderStrategy | W.Static;
 function Re(e, t) {
-  let r = Q(), { id: d = `headlessui-disclosure-panel-${r}`, transition: n = !1, ...s } = e, [l, a] = L("Disclosure.Panel"), { close: o } = Z("Disclosure.Panel"), g = Y(), u = F(t, l.panelRef, (i) => {
-    be(() => a({ type: i ? 4 : 5 }));
+  let r = Q(), { id: c = `headlessui-disclosure-panel-${r}`, transition: n = !1, ...u } = e, [l, a] = L("Disclosure.Panel"), { close: o } = Z("Disclosure.Panel"), g = Y(), i = F(t, l.panelRef, (d) => {
+    be(() => a({ type: d ? 4 : 5 }));
   });
-  X(() => (a({ type: 3, panelId: d }), () => {
+  X(() => (a({ type: 3, panelId: c }), () => {
     a({ type: 3, panelId: null });
-  }), [d, a]);
-  let h = fe(), [f, b] = ge(n, l.panelRef, h !== null ? (h & T.Open) === T.Open : l.disclosureState === 0), k = w(() => ({ open: l.disclosureState === 0, close: o }), [l.disclosureState, o]), P = { ref: u, id: d, ...he(b) };
-  return y.createElement(ye, null, y.createElement(U.Provider, { value: l.panelId }, O({ mergeRefs: g, ourProps: P, theirProps: s, slot: k, defaultTag: Ce, features: Ie, visible: f, name: "Disclosure.Panel" })));
+  }), [c, a]);
+  let h = fe(), [f, b] = ge(n, l.panelRef, h !== null ? (h & T.Open) === T.Open : l.disclosureState === 0), k = w(() => ({ open: l.disclosureState === 0, close: o }), [l.disclosureState, o]), P = { ref: i, id: c, ...he(b) };
+  return y.createElement(ye, null, y.createElement(U.Provider, { value: l.panelId }, O({ mergeRefs: g, ourProps: P, theirProps: u, slot: k, defaultTag: Ce, features: Ie, visible: f, name: "Disclosure.Panel" })));
 }
 let Ne = B(Ee), I = B(Te), ee = B(Re), Be = Object.assign(Ne, { Button: I, Panel: ee });
 function Fe(e) {
   return ae({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" }, child: [] }] })(e);
 }
-const Ke = ({ list: e, location: t }) => /* @__PURE__ */ p("nav", { className: "w-full px-4 py-6 bg-white dark:bg-gray-950", children: /* @__PURE__ */ p("ul", { children: e && e.map((r, d) => /* @__PURE__ */ p("li", { children: r != null && r.title ? /* @__PURE__ */ p("div", { className: "px-3 py-2 text-sm font-bold dark:text-white", children: r.label }) : r.list ? /* @__PURE__ */ p(Be, { as: "div", children: ({ open: n }) => {
-  var s;
+const Ke = ({ list: e, location: t }) => /* @__PURE__ */ s("nav", { className: "w-full px-4 py-6 bg-white dark:bg-gray-950", children: /* @__PURE__ */ s("ul", { children: e && e.map((r, c) => /* @__PURE__ */ s("li", { children: r != null && r.title ? /* @__PURE__ */ s("div", { className: "px-3 py-2 text-sm font-bold dark:text-white", children: r.label }) : r.list ? /* @__PURE__ */ s(Be, { as: "div", children: ({ open: n }) => {
+  var u;
   return /* @__PURE__ */ C(le, { children: [
     /* @__PURE__ */ C(
       I,
@@ -123,9 +123,9 @@ const Ke = ({ list: e, location: t }) => /* @__PURE__ */ p("nav", { className: "
           "flex items-center w-full p-3 font-semibold text-left rounded gap-2 hover:bg-primary-50 dark:text-white dark:hover:bg-gray-700"
         ),
         children: [
-          r.icon && r.icon({ size: 20 }),
-          /* @__PURE__ */ p("span", { children: r.label }),
-          /* @__PURE__ */ p(
+          r.icon && /* @__PURE__ */ s(r.icon, { size: 20 }),
+          /* @__PURE__ */ s("span", { children: r.label }),
+          /* @__PURE__ */ s(
             Fe,
             {
               className: x(
@@ -138,7 +138,7 @@ const Ke = ({ list: e, location: t }) => /* @__PURE__ */ p("nav", { className: "
         ]
       }
     ),
-    /* @__PURE__ */ p(ee, { as: "ul", className: "px-2 mt-1", children: (s = r == null ? void 0 : r.list) == null ? void 0 : s.map((l, a) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(
+    /* @__PURE__ */ s(ee, { as: "ul", className: "px-2 mt-1", children: (u = r == null ? void 0 : r.list) == null ? void 0 : u.map((l, a) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
       I,
       {
         as: "a",
@@ -162,11 +162,11 @@ const Ke = ({ list: e, location: t }) => /* @__PURE__ */ p("nav", { className: "
     ),
     onClick: r == null ? void 0 : r.onClick,
     children: [
-      r.icon && r.icon({ size: 20 }),
-      /* @__PURE__ */ p("span", { children: r.label })
+      r.icon && /* @__PURE__ */ s(r.icon, { size: 20 }),
+      /* @__PURE__ */ s("span", { children: r.label })
     ]
   }
-) }, d)) }) });
+) }, c)) }) });
 export {
   Ke as default
 };

package/dist/components/Navbar/Navbar.d.ts

@@ -6,5 +6,5 @@ export type NavbarProps = {
     menuRef?: React.RefObject<SideMenuHandler>;
     children?: React.ReactNode;
 };
-declare const Navbar: React.FC<NavbarProps>;
+declare const Navbar: ({ title, menuRef, children }: NavbarProps) => import("react/jsx-runtime").JSX.Element;
 export default Navbar;

package/dist/components/RadioGroup/RadioGroup.js

@@ -5,7 +5,7 @@ import { a as ke, b as Ee } from "../../index-BVp57yIc.js";
 import { getValue as z } from "../Selectbox/helper.js";
 import { $ as ae, a as ie, r as oe } from "../../bugs-CHTtT8VX.js";
 import { u as Te } from "../../use-by-comparator-CVuf9KBq.js";
-import { K as Oe, z as le, l as xe, T as Ce, j as Pe, u as De, I as we, p as Ge } from "../../label-9PX7EyLe.js";
+import { K as Oe, z as le, l as xe, T as Ce, j as Pe, u as De, I as we, p as Ge } from "../../label-BU1UL9Xe.js";
 import { W, y as K, o as U, H as q, s as ne, n as se, D as ue, u as Se } from "../../use-sync-refs-TDnk3jQt.js";
 import { w as Fe, a as de, U as ce, G as Ne } from "../../description-BGLBXSvA.js";
 import { P as Z, F as H, T as ee, _ as Ae } from "../../focus-management-BnM4wN4Z.js";

package/dist/components/Row/Row.d.ts

@@ -11,5 +11,5 @@ export type RowProps = {
     children: React.ReactNode;
 };
 export declare const getColumns: (column?: ResponsiveColumn, data?: React.ReactNode) => string;
-declare const Row: React.FC<RowProps>;
+declare const Row: ({ column, className, children }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export default Row;

package/dist/components/Selectbox/SelectboxBase.js

@@ -2,11 +2,11 @@ import { jsxs as i, jsx as t, Fragment as p } from "react/jsx-runtime";
 import y, { Fragment as j } from "react";
 import { H } from "../../index-BVp57yIc.js";
 import { c as M } from "../../index-CBEJ8A3p.js";
-import { u as A, a as C, b as z, c as B, d as D, e as G } from "../../calculate-active-index-xXUBsarF.js";
+import { u as A, a as C, b as z, c as B, d as D, e as G } from "../../calculate-active-index-DbdO98Z_.js";
 import { t as v } from "../../bundle-mjs-SHnj3fHy.js";
 import { getValue as n } from "./helper.js";
-import { M as I, U as P, G as X, V as _ } from "../../listbox-T8TrOULl.js";
-import { o as $, f as O, s as q, a as J } from "../../floating-ui.react-dom-YTFlGVA5.js";
+import { M as I, U as P, G as X, V as _ } from "../../listbox-BHRihzeO.js";
+import { o as $, f as O, s as q, a as J } from "../../floating-ui.react-dom-BCi5XVbY.js";
 import { X as K } from "../../transition-6o20faRl.js";
 const Q = (s, a) => a.type === "SETVALUE" ? {
   ...s,
@@ -121,7 +121,7 @@ const Q = (s, a) => a.type === "SETVALUE" ? {
                   children: /* @__PURE__ */ t(
                     X,
                     {
-                      className: "absolute !z-[999] mt-2 inline-block w-full origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
+                      className: "absolute !z-[999] mt-2 inline-block w-full origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none min-w-[150px]",
                       ref: g.setFloating,
                       style: F,
                       ...L({

package/dist/components/Selectbox/SelectboxMultiple.js

@@ -3,19 +3,19 @@ import g, { Fragment as k } from "react";
 import { _ as A } from "../../lodash-DH2GRwR5.js";
 import { H as L } from "../../index-BVp57yIc.js";
 import { c as H } from "../../index-CBEJ8A3p.js";
-import { u as C, a as _, b as z, c as D, d as G, e as I } from "../../calculate-active-index-xXUBsarF.js";
+import { u as C, a as _, b as z, c as D, d as G, e as I } from "../../calculate-active-index-DbdO98Z_.js";
 import { t as h } from "../../bundle-mjs-SHnj3fHy.js";
 import { getValue as n } from "./helper.js";
-import { o as O, f as P, s as X, a as $ } from "../../floating-ui.react-dom-YTFlGVA5.js";
-import { M as q, U as B, G as J, V as K } from "../../listbox-T8TrOULl.js";
+import { o as O, f as P, s as X, a as $ } from "../../floating-ui.react-dom-BCi5XVbY.js";
+import { M as q, U as B, G as J, V as K } from "../../listbox-BHRihzeO.js";
 import { X as Q } from "../../transition-6o20faRl.js";
 const W = (r, s) => s.type === "SETVALUE" ? {
   ...r,
   value: s.value,
   selected: r.list.filter((o) => {
-    var d;
+    var m;
     const c = n(o, r.valueField);
-    return (d = s == null ? void 0 : s.value) == null ? void 0 : d.includes(c);
+    return (m = s == null ? void 0 : s.value) == null ? void 0 : m.includes(c);
   }) || []
 } : s.type === "SETSELECT" ? {
   ...r,
@@ -28,7 +28,7 @@ const W = (r, s) => s.type === "SETVALUE" ? {
   name: s,
   options: o,
   onChange: c,
-  placeholder: d = "Select a option",
+  placeholder: m = "Select a option",
   valueField: u = "value",
   value: p = []
 }, w) => {
@@ -41,12 +41,12 @@ const W = (r, s) => s.type === "SETVALUE" ? {
       const a = n(e, u);
       return A.some(p, (i) => i + "" == a + "");
     }) : []
-  }), { refs: b, x: E, y: N, strategy: S, floatingStyles: T, context: m } = C({
+  }), { refs: b, x: E, y: N, strategy: S, floatingStyles: T, context: d } = C({
     open: !0,
     middleware: [O(10), P(), X()],
     whileElementsMounted: $,
     placement: "bottom"
-  }), F = _(m, { move: !1 }), U = z(m), V = D(m), j = G(m, { role: "tooltip" }), { getReferenceProps: M, getFloatingProps: R } = I([
+  }), F = _(d, { move: !1 }), U = z(d), V = D(d), j = G(d, { role: "tooltip" }), { getReferenceProps: M, getFloatingProps: R } = I([
     F,
     U,
     V,
@@ -104,7 +104,7 @@ const W = (r, s) => s.type === "SETVALUE" ? {
             ...M(),
             children: [
               /* @__PURE__ */ f(B, { className: "relative z-10 inline-flex w-full justify-between !p-0 focus:outline-none", children: [
-                /* @__PURE__ */ l("span", { children: t.value && t.value.length > 0 ? /* @__PURE__ */ l(y, { children: ((x = t == null ? void 0 : t.selected) == null ? void 0 : x.map((e) => e.label).join(", ")) || "" }) : d }),
+                /* @__PURE__ */ l("span", { children: t.value && t.value.length > 0 ? /* @__PURE__ */ l(y, { children: ((x = t == null ? void 0 : t.selected) == null ? void 0 : x.map((e) => e.label).join(", ")) || "" }) : m }),
                 /* @__PURE__ */ l(
                   L,
                   {
@@ -126,7 +126,7 @@ const W = (r, s) => s.type === "SETVALUE" ? {
                   children: /* @__PURE__ */ l(
                     J,
                     {
-                      className: "absolute !z-[999] mt-2 inline-block w-full origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
+                      className: "absolute !z-[999] mt-2 inline-block w-full origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none min-w-[150px]",
                       ref: b.setFloating,
                       style: T,
                       ...R({

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

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export type SwitchProps = {
     variant?: "sm" | "md";
     name: string;
@@ -7,5 +5,5 @@ export type SwitchProps = {
     checked?: boolean;
     onChange: (v: boolean) => void;
 };
-declare const Switch: React.FC<SwitchProps>;
+declare const Switch: ({ checked, onChange, name, value, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default Switch;

package/dist/components/Switch/Switch.js

@@ -3,7 +3,7 @@ import { t as A } from "../../bundle-mjs-SHnj3fHy.js";
 import { $ as Q, a as Y, r as Z } from "../../bugs-CHTtT8VX.js";
 import n, { createContext as ee, useState as F, useMemo as I, useId as te, useContext as ae, useRef as re, useCallback as oe, Fragment as le } from "react";
 import { w as ne, T as se } from "../../use-resolve-button-type-DkEA2l9L.js";
-import { K as ie, z as ue, u as ce, l as de, T as pe, I as fe, j as me, p as he } from "../../label-9PX7EyLe.js";
+import { K as ie, z as ue, u as ce, l as de, T as pe, I as fe, j as me, p as he } from "../../label-BU1UL9Xe.js";
 import { W as be, H as j, y as ve, p as ge, o as m, D as $e } from "../../use-sync-refs-TDnk3jQt.js";
 import { w as we, U as ke, a as xe, G as ye } from "../../description-BGLBXSvA.js";
 import { o as E } from "../../keyboard-DnlWU23I.js";

package/dist/components/Text/Text.d.ts

@@ -5,5 +5,7 @@ export type TextProps = {
     className?: string;
     children: React.ReactNode;
 };
-declare const Text: React.FC<TextProps>;
+declare const Text: ({ tag, className, children }: TextProps) => React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
 export default Text;

package/dist/contexts/AppContext.d.ts

@@ -8,4 +8,4 @@ export type AppProviderProps = {
     appName: string;
     children: React.ReactNode;
 };
-export declare const AppProvider: React.FC<AppProviderProps>;
+export declare const AppProvider: ({ appName, children, }: AppProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{floating-ui.react-dom-YTFlGVA5.js → floating-ui.react-dom-BCi5XVbY.js}

@@ -1,6 +1,6 @@
 import * as C from "react";
 import { useLayoutEffect as Wt, useEffect as Bt } from "react";
-import { r as Nt } from "./index-DsprzSCj.js";
+import { r as Nt } from "./index-CTu7UrOL.js";
 function J(t) {
   return At(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }

package/dist/{headless-datepicker-BV7tOa5a.js → headless-datepicker-DRvAXFm1.js}

@@ -1,6 +1,6 @@
 import Un, { createContext as fa, forwardRef as ha, useRef as je, useReducer as En, useEffect as We, Fragment as ma, isValidElement as Rn, cloneElement as Fn, createElement as Ln, useContext as pt, useId as Hn, useMemo as yr, useState as va, useCallback as In, useLayoutEffect as ya } from "react";
 import { jsx as wa } from "react/jsx-runtime";
-import { u as An, a as Gn, o as jn, f as qn, s as $n } from "./floating-ui.react-dom-YTFlGVA5.js";
+import { u as An, a as Gn, o as jn, f as qn, s as $n } from "./floating-ui.react-dom-BCi5XVbY.js";
 //! moment.js
 //! version : 2.30.1
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors