anysystem-design 0.0.27 → 0.0.29

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};

package/dist/components/AutoComplete/AutoCompleteBase.d.ts

@@ -13,7 +13,7 @@ export type AutoCompleteBaseProps<ListOption extends SelectOption> = {
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
-    onChange?: (value: string | number) => void;
+    onChange?: (value: string) => void;
     onSearch?: (query: string) => void;
     valueField?: ValueField<ListOption>;
 };

package/dist/components/AutoComplete/AutoCompleteMultiple.d.ts

@@ -13,7 +13,7 @@ export type AutoCompleteMultipleProps<ListOption extends SelectOption> = {
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
-    onChange?: (value: string[] | number[]) => void;
+    onChange?: (value: string[]) => void;
     onSearch?: (query: string) => void;
     valueField?: ValueField<ListOption>;
 };

package/dist/components/AutoComplete/AutoCompleteMultiple.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as m } from "react/jsx-runtime";
 import p, { Fragment as v } from "react";
-import { _ as b } from "../../lodash-XYp3qmxI.js";
+import { _ as b } from "../../lodash-DH2GRwR5.js";
 import { t as E } from "../../bundle-mjs-SHnj3fHy.js";
 import { H as C } from "../../index-BVp57yIc.js";
 import { c as w } from "../../index-CBEJ8A3p.js";
@@ -84,8 +84,8 @@ const k = (r, t) => {
       },
       multiple: !0,
       children: /* @__PURE__ */ m("div", { className: "relative flex gap-1", children: [
-        s.selected.length > 0 && /* @__PURE__ */ l("ul", { className: "form-control flex gap-1", children: (h = s.selected) == null ? void 0 : h.map((e, i) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m("div", { className: "flex rounded bg-indigo-50 p-1", children: [
-          /* @__PURE__ */ l("span", { className: "whitespace-nowrap text-xs", children: e.label }),
+        s.selected.length > 0 && /* @__PURE__ */ l("ul", { className: "flex form-control gap-1", children: (h = s.selected) == null ? void 0 : h.map((e, i) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ m("div", { className: "flex p-1 rounded bg-indigo-50", children: [
+          /* @__PURE__ */ l("span", { className: "text-xs whitespace-nowrap", children: e.label }),
           /* @__PURE__ */ l(
             "button",
             {

package/dist/components/Checkbox/CheckboxBase.js

@@ -1,31 +1,31 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { b as n, c } from "../../index-DUypCuzD.js";
-import { t as s } from "../../bundle-mjs-SHnj3fHy.js";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { b as n, c as s } from "../../index-DUypCuzD.js";
+import { t as c } from "../../bundle-mjs-SHnj3fHy.js";
 const m = ({
   className: t,
-  isError: d,
+  isError: o,
   inputProps: l,
   intermediate: a = !1,
   ...r
-}) => /* @__PURE__ */ o("div", { className: "relative h-5 w-5 overflow-hidden rounded", children: [
+}) => /* @__PURE__ */ d("div", { className: "relative w-5 h-5 overflow-hidden rounded", children: [
   /* @__PURE__ */ e(
     "input",
     {
       type: "checkbox",
-      className: s(
-        "relative z-20",
+      className: c(
+        "relative z-10",
         "peer block h-full w-full cursor-pointer appearance-none rounded border-2 border-gray-400 focus:outline-4 focus:outline-blue-500",
         "checked:border-primary-600",
         a && "border-primary-600",
-        d && "border-red-500",
+        o && "border-red-500",
         t
       ),
       value: (l == null ? void 0 : l.value) || (r == null ? void 0 : r.value) || "",
       ...r
     }
   ),
-  a === !0 && /* @__PURE__ */ e("span", { className: "absolute left-1/2 top-1/2 flex h-[150%] w-[150%] -translate-x-1/2 -translate-y-1/2 transform items-center justify-center overflow-hidden rounded font-bold text-primary-600 dark:fill-primary-600", children: /* @__PURE__ */ e(n, { className: "h-full w-full rounded" }) }),
-  /* @__PURE__ */ e("span", { className: "absolute left-1/2 top-1/2 hidden h-[150%] w-[150%] -translate-x-1/2 -translate-y-1/2 transform items-center justify-center overflow-hidden rounded font-bold text-primary-600 peer-checked:z-10 peer-checked:flex dark:fill-primary-600", children: /* @__PURE__ */ e(c, { className: "h-full w-full rounded" }) })
+  a === !0 && /* @__PURE__ */ e("span", { className: "absolute left-1/2 top-1/2 flex h-[150%] w-[150%] -translate-x-1/2 -translate-y-1/2 transform items-center justify-center overflow-hidden rounded font-bold text-primary-600 dark:fill-primary-600", children: /* @__PURE__ */ e(n, { className: "w-full h-full rounded" }) }),
+  /* @__PURE__ */ e("span", { className: "absolute left-1/2 top-1/2 hidden h-[150%] w-[150%] -translate-x-1/2 -translate-y-1/2 transform items-center justify-center overflow-hidden rounded font-bold text-primary-600 peer-checked:flex dark:fill-primary-600", children: /* @__PURE__ */ e(s, { className: "w-full h-full rounded" }) })
 ] });
 export {
   m as CheckboxBase

package/dist/components/Checkbox/FormCheckbox.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { u as i } from "../../formik.esm-CcTVNwxQ.js";
+import { u as i } from "../../formik.esm-C1r1xebq.js";
 import { Checkbox as m } from "./Checkbox.js";
 const f = ({
   name: o,

package/dist/components/DataTable/DataTable.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import h from "react";
-import { _ as u } from "../../lodash-XYp3qmxI.js";
+import { _ as u } from "../../lodash-DH2GRwR5.js";
 import { DataTableProvider as D } from "./contexts/DataTableContext.js";
 import s from "./components/DataTableHead.js";
 import c from "./components/DataTableBody.js";
@@ -46,11 +46,11 @@ const w = (e, l) => l.type === "SELECT_ALL" ? {
         dispatch: t
       },
       children: /* @__PURE__ */ m("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ a(n, {}),
         /* @__PURE__ */ m("table", { className: "table", children: [
           /* @__PURE__ */ a(s, {}),
           /* @__PURE__ */ a(c, {})
-        ] }),
-        /* @__PURE__ */ a(n, {})
+        ] })
       ] })
     }
   );

package/dist/components/DataTable/components/DataTableCell.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { _ as n } from "../../../lodash-XYp3qmxI.js";
+import { _ as n } from "../../../lodash-DH2GRwR5.js";
 import { getValueByKey as f } from "../libs/helper.js";
 const m = ({
   children: e,

package/dist/components/DataTable/components/DataTableRow.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as e, Fragment as f } from "react/jsx-runtime";
 import n from "react";
-import { _ as p } from "../../../lodash-XYp3qmxI.js";
+import { _ as p } from "../../../lodash-DH2GRwR5.js";
 import { DataTableContext as h } from "../contexts/DataTableContext.js";
 import { CheckboxBase as C } from "../../Checkbox/CheckboxBase.js";
 import b from "./DataTableCell.js";

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

@@ -1,50 +1,50 @@
-import { jsxs as n, jsx as t, Fragment as c } from "react/jsx-runtime";
+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-DUypCuzD.js";
-import { t as m } from "../../../bundle-mjs-SHnj3fHy.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 { 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 z, U as B, G, V as I } from "../../../listbox-T8TrOULl.js";
-import { X as V } from "../../../transition-6o20faRl.js";
+import { M as B, U as G, G as I, V } from "../../../listbox-T8TrOULl.js";
+import { X } from "../../../transition-6o20faRl.js";
 const W = () => {
-  const { fields: a, state: l, dispatch: d } = w.useContext(A), { refs: r, x: u, y: p, strategy: f, floatingStyles: y, context: o } = C({
+  const { fields: a, state: i, dispatch: m } = w.useContext(A), { refs: l, x: d, y: u, strategy: p, floatingStyles: f, context: o } = C({
     open: !0,
     middleware: [E(10), P(), U()],
-    whileElementsMounted: _,
-    placement: "bottom-end"
-  }), h = D(o, { move: !1 }), g = S(o), x = j(o), v = M(o, { role: "tooltip" }), { getReferenceProps: b, getFloatingProps: F } = R([
+    whileElementsMounted: _
+    // placement: "bottom-end",
+  }), h = D(o, { move: !1 }), y = S(o), g = j(o), x = M(o, { role: "tooltip" }), { getReferenceProps: v, getFloatingProps: b } = R([
     h,
+    y,
     g,
-    x,
-    v
+    x
   ]);
   return /* @__PURE__ */ n(
-    z,
+    B,
     {
-      className: "absolute right-2 top-2",
       as: "div",
-      value: a.filter((s) => l.DTShowFields.includes(s.key)),
+      className: "absolute top-2 right-2",
+      value: a.filter((t) => i.DTShowFields.includes(t.key)),
       multiple: !0,
-      onChange: (s) => {
-        const i = s.map((e) => e.key);
-        d({
+      onChange: (t) => {
+        const r = t.map((e) => e.key);
+        m({
           type: "SET_FIELD",
-          fields: s.length === 0 ? a.every((e) => !(e != null && e.default)) ? a : a.filter((e) => !!(e != null && e.default)) : a.filter((e) => i.includes(e.key))
+          fields: t.length === 0 ? a.every((e) => !(e != null && e.default)) ? a : a.filter((e) => !!(e != null && e.default)) : a.filter((e) => r.includes(e.key))
         });
       },
-      ref: r.setReference,
-      ...b(),
+      ref: l.setReference,
+      ...v(),
       children: [
-        /* @__PURE__ */ t(B, { className: "relative z-10 inline-flex justify-between !p-0 focus:outline-none", children: /* @__PURE__ */ t(
+        /* @__PURE__ */ s(G, { className: "inline-flex justify-between !p-0 focus:outline-none", children: /* @__PURE__ */ s(
           N,
           {
-            className: "h-5 w-5 text-gray-400",
+            className: "w-5 h-5 text-gray-400 cursor-pointer",
             "aria-hidden": "true"
           }
         ) }),
-        /* @__PURE__ */ t(
-          V,
+        /* @__PURE__ */ s(
+          X,
           {
             as: k,
             enter: "transition duration-100 ease-out",
@@ -53,42 +53,43 @@ const W = () => {
             leave: "transition duration-75 ease-in",
             leaveFrom: "scale-100 transform opacity-100",
             leaveTo: "scale-95 transform opacity-0",
-            children: /* @__PURE__ */ t(
-              G,
+            children: /* @__PURE__ */ s(
+              I,
               {
-                className: "absolute !z-[999] mt-2 inline-block w-48 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
-                ref: r.setFloating,
-                style: y,
-                ...F({
+                anchor: "bottom",
+                className: "z-[999] mt-2 inline-block w-48 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
+                ref: l.setFloating,
+                style: f,
+                ...b({
                   style: {
-                    position: f,
-                    top: p ?? "",
-                    left: u ?? ""
+                    position: p,
+                    top: u ?? "",
+                    left: d ?? ""
                   }
                 }),
-                children: /* @__PURE__ */ t("div", { className: "flex flex-col px-1 py-1", children: a.map((s) => {
-                  var i;
-                  return /* @__PURE__ */ t(
-                    I,
+                children: /* @__PURE__ */ s("div", { className: "flex flex-col px-1 py-1", children: a.map((t) => {
+                  var r;
+                  return /* @__PURE__ */ s(
+                    V,
                     {
-                      className: m(
-                        "relative flex cursor-pointer select-none justify-between px-3 py-2 text-black hover:bg-primary-100"
+                      className: c(
+                        "relative flex justify-between px-3 py-2 text-black cursor-pointer select-none hover:bg-primary-100"
                       ),
-                      value: s,
-                      children: /* @__PURE__ */ n(c, { children: [
-                        /* @__PURE__ */ t("span", { className: "pl-6", children: s.label }),
-                        (i = l.DTShowFields) != null && i.includes(s.key) ? /* @__PURE__ */ t(
+                      value: t,
+                      children: /* @__PURE__ */ n(F, { children: [
+                        /* @__PURE__ */ s("span", { className: "pl-6", children: t.label }),
+                        ((r = i.DTShowFields) == null ? void 0 : r.includes(t.key)) && /* @__PURE__ */ s(
                           "span",
                           {
-                            className: m(
+                            className: c(
                               "absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600"
                             ),
-                            children: /* @__PURE__ */ t(T, { className: "h-4 w-5", "aria-hidden": "true" })
+                            children: /* @__PURE__ */ s(T, { className: "w-5 h-4", "aria-hidden": "true" })
                           }
-                        ) : /* @__PURE__ */ t(c, {})
+                        )
                       ] })
                     },
-                    s.key
+                    t.key
                   );
                 }) })
               }

package/dist/components/DataTable/libs/helper.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../../../lodash-XYp3qmxI.js";
+import { _ as t } from "../../../lodash-DH2GRwR5.js";
 const y = (e) => e.startsWith("$"), f = (e, i) => {
   if (!t.isPlainObject(e) && !t.isArray(e))
     return e;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { FormikHelpers, FormikProps } from 'formik';
+
+export type FormProps<FormValues extends Record<string, unknown>> = FormikProps<FormValues>;
+export type FormComponentProps<FormValues extends Record<string, unknown>> = React.FormHTMLAttributes<HTMLFormElement> & {
+    initialValues: FormValues;
+    onSubmit: (values: FormValues, helpers: FormikHelpers<FormValues>) => void;
+    children: React.ReactNode;
+};
+declare const FormComponent: <FormValues extends Record<string, unknown>>({ className, children, initialValues, onSubmit, }: FormComponentProps<FormValues>) => import("react/jsx-runtime").JSX.Element;
+export default FormComponent;

package/dist/components/FormControl/FormComponent.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import i from "react";
+import { t as s } from "../../bundle-mjs-SHnj3fHy.js";
+import { F as l, a as f } from "../../formik.esm-C1r1xebq.js";
+const F = ({
+  className: t,
+  children: o,
+  initialValues: r,
+  onSubmit: a
+}) => {
+  const [m] = i.useState(r);
+  return /* @__PURE__ */ e(l, { enableReinitialize: !0, initialValues: m, onSubmit: a, children: /* @__PURE__ */ e(f, { autoComplete: "off", className: s(t), children: o }) });
+};
+export {
+  F as default
+};

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

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { InputProps } from '../Input';
+import { LabelBaseProps } from '../Label';
+import { DatePickerProps } from '../DatePicker';
+import { RadioGroupProps } from '../RadioGroup';
+import { SwitchProps } from '../Switch';
+import { CheckboxProps } from '../Checkbox';
+import { SelectOption } from '../Selectbox';
+
+export type FormControlProps<ListOption extends SelectOption> = ({
+    type: "password" | "text" | "tel" | "number" | "email";
+    labelProps: LabelBaseProps;
+} & InputProps<ListOption>) | ({
+    type: "date";
+    labelProps: LabelBaseProps;
+} & DatePickerProps) | ({
+    type: "datetime";
+    labelProps: LabelBaseProps;
+} & DatePickerProps) | ({
+    type: "radio";
+    labelProps: LabelBaseProps;
+} & RadioGroupProps<ListOption>) | ({
+    type: "switch";
+    labelProps: LabelBaseProps;
+} & SwitchProps) | ({
+    type: "confirm";
+    labelProps?: LabelBaseProps;
+} & CheckboxProps);
+declare const _default: <ListOption extends SelectOption>(props: FormControlProps<ListOption> & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => JSX.Element;
+export default _default;

package/dist/components/FormControl/FormControl.js

@@ -0,0 +1,41 @@
+import { jsx as r } from "react/jsx-runtime";
+import t, { Suspense as c } from "react";
+import m from "../RadioGroup/RadioGroup.js";
+const n = t.lazy(() => import("../Label/index.js")), e = t.lazy(() => import("../Input/index.js")), d = t.lazy(() => import("../PasswordInput/index.js")), f = t.lazy(() => import("../DatePicker/index.js")), p = t.lazy(() => import("../Switch/index.js")), h = t.lazy(() => import("../Checkbox/index.js")), u = ({ type: o, ...s }, i) => {
+  const { labelProps: l, ...a } = s;
+  return /* @__PURE__ */ r(c, { fallback: null, children: o !== "confirm" ? /* @__PURE__ */ r(
+    n,
+    {
+      type: o === "radio" ? "normal" : o === "switch" ? "horizontal" : void 0,
+      ...l || { label: "" },
+      children: o === "password" ? /* @__PURE__ */ r(
+        d,
+        {
+          ...a,
+          ref: i
+        }
+      ) : o === "date" || o === "datetime" ? /* @__PURE__ */ r(
+        f,
+        {
+          ...a,
+          showTime: o === "datetime"
+        }
+      ) : o === "radio" ? /* @__PURE__ */ r(
+        m,
+        {
+          ...a
+        }
+      ) : o === "switch" ? /* @__PURE__ */ r(p, { ...a }) : /* @__PURE__ */ r(
+        e,
+        {
+          ref: i,
+          type: o,
+          ...a
+        }
+      )
+    }
+  ) : /* @__PURE__ */ r(h, { ...a }) });
+}, P = t.forwardRef(u);
+export {
+  P as default
+};

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

@@ -0,0 +1,4 @@
+export * from './FormControl';
+export { default as default } from './FormControl';
+export * from './FormComponent';
+export { default as FormComponent } from './FormComponent';

package/dist/components/FormControl/index.js

@@ -0,0 +1,6 @@
+import { default as r } from "./FormControl.js";
+import { default as f } from "./FormComponent.js";
+export {
+  f as FormComponent,
+  r as default
+};

package/dist/components/Input/FormInput.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import i from "react";
-import { u as n } from "../../formik.esm-CcTVNwxQ.js";
+import { u as n } from "../../formik.esm-C1r1xebq.js";
 import s from "./Input.js";
 const c = ({ name: r, inputBefore: o, inputAfter: t, className: f, ...p }, e) => {
   const [m] = n(r);

package/dist/components/Label/FormLabel.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { u as n } from "../../formik.esm-CcTVNwxQ.js";
+import { u as n } from "../../formik.esm-C1r1xebq.js";
 import p from "./Label.js";
 const t = ({
   label: o,

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

@@ -2,12 +2,14 @@ import { default as React } from 'react';
 
 export type LabelBaseProps = {
     label: React.ReactNode;
-    children: React.ReactNode;
     className?: string;
     htmlFor?: string;
     isError?: boolean;
     errorMessage?: string;
     type?: "border" | "normal" | "horizontal";
 };
-declare const LabelBase: React.FC<LabelBaseProps>;
+export type LabelProps = LabelBaseProps & {
+    children: React.ReactNode;
+};
+declare const LabelBase: React.FC<LabelProps>;
 export default LabelBase;

package/dist/components/Label/Label.js

@@ -37,7 +37,7 @@ const h = ({
       ]
     }
   ),
-  a && o && /* @__PURE__ */ r("span", { className: "flex items-center gap-1 text-sm text-red-600", children: [
+  a && o && /* @__PURE__ */ r("span", { className: "flex items-center text-sm text-red-600 gap-1", children: [
     /* @__PURE__ */ l("div", { className: "w-4", children: /* @__PURE__ */ l(m, {}) }),
     o
   ] })

package/dist/components/Modal/Modal.js

@@ -247,7 +247,7 @@ const Dt = ({ open: e = !1, title: t, buttons: n, children: o, className: r, siz
   return c.useImperativeHandle(u, () => ({
     show: () => l(!0),
     hide: s
-  })), /* @__PURE__ */ h(Me, { children: /* @__PURE__ */ h(ge, { appear: !0, show: a, as: R, children: /* @__PURE__ */ oe(xt, { as: "div", className: "relative z-10", onClose: s, children: [
+  })), /* @__PURE__ */ h(Me, { children: /* @__PURE__ */ h(ge, { appear: !0, show: a, as: R, children: /* @__PURE__ */ oe(xt, { as: "div", className: "relative z-[999]", onClose: s, children: [
     /* @__PURE__ */ h(
       B,
       {

package/dist/components/PasswordInput/FormPasswordInput.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import m from "react";
-import { u as p } from "../../formik.esm-CcTVNwxQ.js";
+import { u as p } from "../../formik.esm-C1r1xebq.js";
 import u from "./PasswordInput.js";
 const f = ({ type: o = "password", name: s, ...t }, a) => {
   const [r] = p(s);

package/dist/components/Selectbox/FormSelectbox.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import m from "react";
-import { u as a } from "../../formik.esm-CcTVNwxQ.js";
+import { u as a } from "../../formik.esm-C1r1xebq.js";
 import c from "./Selectbox.js";
 const l = ({ name: e, ...r }, t) => {
   const [o] = a(e);

package/dist/components/Selectbox/SelectboxBase.d.ts

@@ -3,9 +3,9 @@ import { default as React } from 'react';
 export type ValueCallback<ListOption extends SelectOption> = (option: ListOption) => string;
 export type ValueField<ListOption extends SelectOption> = ValueCallback<ListOption> | "id" | "value" | "label" | string;
 export type SelectOption = {
-    id: string | number;
+    id: string;
     label: string;
-    value: string | number;
+    value: string;
     enable: boolean;
 };
 export type Action<ListOption extends SelectOption> = {
@@ -19,11 +19,11 @@ export type SelectboxBaseProps<ListOption extends SelectOption> = {
     id?: string;
     name: string;
     options: ListOption[];
-    value: string | number;
+    value: string;
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
-    onChange: (value: string | number) => void;
+    onChange: (value: string) => void;
     valueField?: ValueField<ListOption>;
 };
 export type SelectboxBaseHandler = {

package/dist/components/Selectbox/SelectboxBase.js

@@ -103,7 +103,7 @@ const Q = (s, a) => a.type === "SETVALUE" ? {
                 /* @__PURE__ */ t(
                   H,
                   {
-                    className: "h-5 w-5 text-gray-400",
+                    className: "w-5 h-5 text-gray-400",
                     "aria-hidden": "true"
                   }
                 )
@@ -151,7 +151,7 @@ const Q = (s, a) => a.type === "SETVALUE" ? {
                                   className: v(
                                     "absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600"
                                   ),
-                                  children: /* @__PURE__ */ t(M, { className: "h-5 w-5", "aria-hidden": "true" })
+                                  children: /* @__PURE__ */ t(M, { className: "w-5 h-5", "aria-hidden": "true" })
                                 }
                               ) : /* @__PURE__ */ t(p, {})
                             ] })

package/dist/components/Selectbox/SelectboxMultiple.d.ts

@@ -8,11 +8,11 @@ export interface SelectboxMultipleProps<ListOption extends SelectOption> {
     id?: string;
     options: ListOption[];
     name: string;
-    value?: string[] | number[];
+    value?: string[];
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
-    onChange?: (value: string[] | number[]) => void;
+    onChange?: (value: string[]) => void;
     valueField?: ValueField<ListOption>;
 }
 declare const _default: <ListOption extends SelectOption>(props: SelectboxMultipleProps<ListOption> & {

package/dist/components/Selectbox/SelectboxMultiple.js

@@ -1,6 +1,6 @@
 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 { _ 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";
@@ -107,7 +107,7 @@ const W = (a, s) => s.type === "SETVALUE" ? {
                 /* @__PURE__ */ l(
                   L,
                   {
-                    className: "h-5 w-5 text-gray-400",
+                    className: "w-5 h-5 text-gray-400",
                     "aria-hidden": "true"
                   }
                 )
@@ -155,7 +155,7 @@ const W = (a, s) => s.type === "SETVALUE" ? {
                                   className: h(
                                     "absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600"
                                   ),
-                                  children: /* @__PURE__ */ l(H, { className: "h-5 w-5", "aria-hidden": "true" })
+                                  children: /* @__PURE__ */ l(H, { className: "w-5 h-5", "aria-hidden": "true" })
                                 }
                               ) : /* @__PURE__ */ l(y, {})
                             ] })

package/dist/components/index.d.ts

@@ -35,6 +35,8 @@ export * from './Navbar/';
 export { default as Navbar } from './Navbar/';
 export * from './Modal/';
 export { default as Modal } from './Modal/';
+export * from './FormControl/';
+export { default as FormControl } from './FormControl/';
 export * from './DataTable/';
 export { default as DataTable } from './DataTable/';
 export * from './Component';