@trsys-tech/matrix-library 0.6.1 → 1.0.0-canary.1

package/dist/formselect.es.js

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import { createElement as T } from "react";
 import { Spinner as V } from "@trsys-tech/matrix-icons";
 import { useController as y } from "react-hook-form";
@@ -7,44 +7,44 @@ import { FormField as L, FormItem as j, FormLabel as q, FormControl as M, FormMe
 import { Select as E, SelectTrigger as U, SelectValue as _, SelectContent as w, SelectItem as s } from "./select.es.js";
 const K = (b) => {
   const {
-    name: c,
-    control: i,
-    defaultValue: m,
-    disabled: t,
-    readOnly: P,
+    name: m,
+    control: c,
+    defaultValue: i,
+    disabled: o,
+    readOnly: x,
     rules: d,
     shouldUnregister: p,
     label: a,
     options: n,
     loading: u,
-    loadingText: v,
-    emptyOptionsText: S,
-    placeholder: C,
+    loadingText: P,
+    emptyOptionsText: v,
+    placeholder: S,
     slotProps: e,
     required: g,
-    ...x
-  } = b, { field: h } = y({ name: c, control: i, rules: d, defaultValue: m, disabled: t, shouldUnregister: p }), F = typeof n[0]?.value == "number", I = (l) => {
+    ...C
+  } = b, { field: h } = y({ name: m, control: c, rules: d, defaultValue: i, disabled: o, shouldUnregister: p }), F = typeof n[0]?.value == "number", I = (l) => {
     F ? h.onChange(Number(l)) : h.onChange(l);
   };
   return /* @__PURE__ */ r(
     L,
     {
-      control: i,
-      name: c,
-      defaultValue: m,
-      disabled: t,
+      control: c,
+      name: m,
+      defaultValue: i,
+      disabled: o,
       rules: d,
       shouldUnregister: p,
-      render: ({ field: l }) => /* @__PURE__ */ o(j, { ...x, children: [
-        /* @__PURE__ */ o(q, { ...e?.formLabelProps ?? {}, children: [
+      render: ({ field: l }) => /* @__PURE__ */ t(j, { ...C, children: [
+        /* @__PURE__ */ t(q, { ...e?.formLabelProps ?? {}, children: [
           a,
-          g && /* @__PURE__ */ r("span", { className: "text-danger text-sm leading-4", children: "*" })
+          g && /* @__PURE__ */ r("span", { className: "mtx-text-danger mtx-text-sm mtx-leading-4", children: "*" })
         ] }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ t(
           E,
           {
             ...e?.selectProps ?? {},
-            disabled: t || P,
+            disabled: o || x,
             onValueChange: I,
             value: l.value !== void 0 ? String(l.value) : void 0,
             children: [
@@ -52,17 +52,17 @@ const K = (b) => {
                 U,
                 {
                   "aria-required": g,
-                  disabled: t,
+                  disabled: o,
                   ...e?.selectTriggerProps ?? {},
-                  className: k("*:truncate [&>span]:inline-block", e?.selectTriggerProps?.className),
-                  children: /* @__PURE__ */ r(_, { ...e?.selectValueProps ?? {}, placeholder: C ?? a })
+                  className: k("*:mtx-truncate [&>span]:mtx-inline-block", e?.selectTriggerProps?.className),
+                  children: /* @__PURE__ */ r(_, { ...e?.selectValueProps ?? {}, placeholder: S ?? a })
                 }
               ) }),
-              /* @__PURE__ */ o(w, { ...e?.selectContentProps ?? {}, children: [
-                u && /* @__PURE__ */ o(s, { ...e?.selectItemProps ?? {}, value: "-1", disabled: !0, children: [
-                  /* @__PURE__ */ r(V, { className: "inline-block mb-0.5" }),
+              /* @__PURE__ */ t(w, { ...e?.selectContentProps ?? {}, children: [
+                u && /* @__PURE__ */ t(s, { ...e?.selectItemProps ?? {}, value: "-1", disabled: !0, children: [
+                  /* @__PURE__ */ r(V, { className: "mtx-inline-block mtx-mb-0.5" }),
                   " ",
-                  v || "Loading..."
+                  P || "Loading..."
                 ] }),
                 !u && !n.length ? /* @__PURE__ */ r(
                   s,
@@ -70,7 +70,7 @@ const K = (b) => {
                     ...e?.selectItemProps ?? {},
                     value: "8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee728623",
                     disabled: !0,
-                    children: S || "No Items"
+                    children: v || "No Items"
                   }
                 ) : null,
                 n?.map((f, N) => /* @__PURE__ */ T(s, { ...e?.selectItemProps ?? {}, value: String(f.value), key: N + "_" + a }, f.label))

package/dist/formselect.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"formselect.es.js","sources":["../src/components/form-select/FormSelect.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { ControllerProps, FieldPath, FieldValues, useController } from \"react-hook-form\";\r\nimport { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from \"@radix-ui/react-select\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../select/Select\";\r\n\r\ntype FormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<\r\n  ControllerProps<TFieldValues, TName>,\r\n  \"render\"\r\n> &\r\n  React.ComponentProps<typeof FormItem> & {\r\n    label: string;\r\n    options: { value: string | number; label: string | number }[];\r\n    loading?: boolean;\r\n    loadingText?: string;\r\n    emptyOptionsText?: string;\r\n    placeholder?: string;\r\n    required?: boolean;\r\n    readOnly?: boolean;\r\n    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      selectProps?: SelectProps;\r\n      selectTriggerProps?: SelectTriggerProps;\r\n      selectValueProps?: Omit<SelectValueProps, \"placeholder\">;\r\n      selectContentProps?: SelectContentProps;\r\n      selectItemProps?: SelectItemProps;\r\n    };\r\n  };\r\n\r\nconst FormSelect = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(\r\n  props: FormSelectProps<TFieldValues, TName>,\r\n) => {\r\n  const {\r\n    name,\r\n    control,\r\n    defaultValue,\r\n    disabled,\r\n    readOnly,\r\n    rules,\r\n    shouldUnregister,\r\n    label,\r\n    options,\r\n    loading,\r\n    loadingText,\r\n    emptyOptionsText,\r\n    placeholder,\r\n    slotProps,\r\n    required,\r\n    ...formItemProps\r\n  } = props;\r\n\r\n  const { field } = useController({ name, control, rules, defaultValue, disabled, shouldUnregister });\r\n\r\n  const isNumericValue = typeof options[0]?.value === \"number\";\r\n\r\n  const handleChange = (value: string) => {\r\n    if (isNumericValue) {\r\n      field.onChange(Number(value));\r\n    } else {\r\n      field.onChange(value);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      defaultValue={defaultValue}\r\n      disabled={disabled}\r\n      rules={rules}\r\n      shouldUnregister={shouldUnregister}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem {...formItemProps}>\r\n            <FormLabel {...(slotProps?.formLabelProps ?? {})}>\r\n              {label}\r\n              {required && <span className=\"text-danger text-sm leading-4\">*</span>}\r\n            </FormLabel>\r\n            <Select\r\n              {...(slotProps?.selectProps ?? {})}\r\n              disabled={disabled || readOnly}\r\n              onValueChange={handleChange}\r\n              value={field.value !== undefined ? String(field.value) : undefined}\r\n            >\r\n              <FormControl>\r\n                <SelectTrigger\r\n                  aria-required={required}\r\n                  disabled={disabled}\r\n                  {...(slotProps?.selectTriggerProps ?? {})}\r\n                  className={cn(\"*:truncate [&>span]:inline-block\", slotProps?.selectTriggerProps?.className)}\r\n                >\r\n                  <SelectValue {...(slotProps?.selectValueProps ?? {})} placeholder={placeholder ?? label} />\r\n                </SelectTrigger>\r\n              </FormControl>\r\n              <SelectContent {...(slotProps?.selectContentProps ?? {})}>\r\n                {loading && (\r\n                  <SelectItem {...(slotProps?.selectItemProps ?? {})} value=\"-1\" disabled>\r\n                    <Spinner className=\"inline-block mb-0.5\" /> {loadingText || \"Loading...\"}\r\n                  </SelectItem>\r\n                )}\r\n                {!loading && !options.length ? (\r\n                  <SelectItem\r\n                    {...(slotProps?.selectItemProps ?? {})}\r\n                    value=\"8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee728623\"\r\n                    disabled\r\n                  >\r\n                    {emptyOptionsText || \"No Items\"}\r\n                  </SelectItem>\r\n                ) : null}\r\n                {options?.map((option, index) => (\r\n                  <SelectItem {...(slotProps?.selectItemProps ?? {})} value={String(option.value)} key={index + \"_\" + label}>\r\n                    {option.label}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormSelect, type FormSelectProps };\r\n"],"names":["FormSelect","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","options","loading","loadingText","emptyOptionsText","placeholder","slotProps","required","formItemProps","field","useController","isNumericValue","handleChange","value","jsx","FormField","jsxs","FormItem","FormLabel","Select","FormControl","SelectTrigger","cn","SelectValue","SelectContent","SelectItem","Spinner","option","index","createElement","FormMessage"],"mappings":"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"}
+{"version":3,"file":"formselect.es.js","sources":["../src/components/form-select/FormSelect.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { ControllerProps, FieldPath, FieldValues, useController } from \"react-hook-form\";\r\nimport { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from \"@radix-ui/react-select\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../select/Select\";\r\n\r\ntype FormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<\r\n  ControllerProps<TFieldValues, TName>,\r\n  \"render\"\r\n> &\r\n  React.ComponentProps<typeof FormItem> & {\r\n    label: string;\r\n    options: { value: string | number; label: string | number }[];\r\n    loading?: boolean;\r\n    loadingText?: string;\r\n    emptyOptionsText?: string;\r\n    placeholder?: string;\r\n    required?: boolean;\r\n    readOnly?: boolean;\r\n    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      selectProps?: SelectProps;\r\n      selectTriggerProps?: SelectTriggerProps;\r\n      selectValueProps?: Omit<SelectValueProps, \"placeholder\">;\r\n      selectContentProps?: SelectContentProps;\r\n      selectItemProps?: SelectItemProps;\r\n    };\r\n  };\r\n\r\nconst FormSelect = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(\r\n  props: FormSelectProps<TFieldValues, TName>,\r\n) => {\r\n  const {\r\n    name,\r\n    control,\r\n    defaultValue,\r\n    disabled,\r\n    readOnly,\r\n    rules,\r\n    shouldUnregister,\r\n    label,\r\n    options,\r\n    loading,\r\n    loadingText,\r\n    emptyOptionsText,\r\n    placeholder,\r\n    slotProps,\r\n    required,\r\n    ...formItemProps\r\n  } = props;\r\n\r\n  const { field } = useController({ name, control, rules, defaultValue, disabled, shouldUnregister });\r\n\r\n  const isNumericValue = typeof options[0]?.value === \"number\";\r\n\r\n  const handleChange = (value: string) => {\r\n    if (isNumericValue) {\r\n      field.onChange(Number(value));\r\n    } else {\r\n      field.onChange(value);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      defaultValue={defaultValue}\r\n      disabled={disabled}\r\n      rules={rules}\r\n      shouldUnregister={shouldUnregister}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem {...formItemProps}>\r\n            <FormLabel {...(slotProps?.formLabelProps ?? {})}>\r\n              {label}\r\n              {required && <span className=\"mtx-text-danger mtx-text-sm mtx-leading-4\">*</span>}\r\n            </FormLabel>\r\n            <Select\r\n              {...(slotProps?.selectProps ?? {})}\r\n              disabled={disabled || readOnly}\r\n              onValueChange={handleChange}\r\n              value={field.value !== undefined ? String(field.value) : undefined}\r\n            >\r\n              <FormControl>\r\n                <SelectTrigger\r\n                  aria-required={required}\r\n                  disabled={disabled}\r\n                  {...(slotProps?.selectTriggerProps ?? {})}\r\n                  className={cn(\"*:mtx-truncate [&>span]:mtx-inline-block\", slotProps?.selectTriggerProps?.className)}\r\n                >\r\n                  <SelectValue {...(slotProps?.selectValueProps ?? {})} placeholder={placeholder ?? label} />\r\n                </SelectTrigger>\r\n              </FormControl>\r\n              <SelectContent {...(slotProps?.selectContentProps ?? {})}>\r\n                {loading && (\r\n                  <SelectItem {...(slotProps?.selectItemProps ?? {})} value=\"-1\" disabled>\r\n                    <Spinner className=\"mtx-inline-block mtx-mb-0.5\" /> {loadingText || \"Loading...\"}\r\n                  </SelectItem>\r\n                )}\r\n                {!loading && !options.length ? (\r\n                  <SelectItem\r\n                    {...(slotProps?.selectItemProps ?? {})}\r\n                    value=\"8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee728623\"\r\n                    disabled\r\n                  >\r\n                    {emptyOptionsText || \"No Items\"}\r\n                  </SelectItem>\r\n                ) : null}\r\n                {options?.map((option, index) => (\r\n                  <SelectItem {...(slotProps?.selectItemProps ?? {})} value={String(option.value)} key={index + \"_\" + label}>\r\n                    {option.label}\r\n                  </SelectItem>\r\n                ))}\r\n              </SelectContent>\r\n            </Select>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormSelect, type FormSelectProps };\r\n"],"names":["FormSelect","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","options","loading","loadingText","emptyOptionsText","placeholder","slotProps","required","formItemProps","field","useController","isNumericValue","handleChange","value","jsx","FormField","jsxs","FormItem","FormLabel","Select","FormControl","SelectTrigger","cn","SelectValue","SelectContent","SelectItem","Spinner","option","index","createElement","FormMessage"],"mappings":"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"}

package/dist/formswitch.es.js

@@ -1,40 +1,40 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { FormField as C, FormItem as x, FormControl as b, FormLabel as F, FormMessage as P } from "./form.es.js";
+import { FormField as g, FormItem as C, FormControl as b, FormLabel as F, FormMessage as P } from "./form.es.js";
 import { useController as k } from "react-hook-form";
 import { useCallback as N } from "react";
 import { cn as j } from "./utils.es.js";
 import { Switch as w } from "./switch.es.js";
 const v = (p) => {
-  const { name: t, control: a, defaultValue: l, disabled: s, readOnly: f, rules: m, shouldUnregister: n, label: h, slotProps: e, required: c, ...u } = p, { field: i } = k({ name: t, control: a, rules: m, defaultValue: l, disabled: s, shouldUnregister: n }), g = N(
+  const { name: m, control: s, defaultValue: a, disabled: t, readOnly: x, rules: l, shouldUnregister: n, label: f, slotProps: e, required: c, ...h } = p, { field: i } = k({ name: m, control: s, rules: l, defaultValue: a, disabled: t, shouldUnregister: n }), u = N(
     (o) => {
       i.onChange(o);
     },
     [i]
   );
   return /* @__PURE__ */ r(
-    C,
+    g,
     {
-      control: a,
-      name: t,
-      defaultValue: l,
-      disabled: s,
-      rules: m,
+      control: s,
+      name: m,
+      defaultValue: a,
+      disabled: t,
+      rules: l,
       shouldUnregister: n,
-      render: ({ field: o }) => /* @__PURE__ */ d(x, { ...u, className: "flex items-center gap-2 justify-start space-y-0", children: [
+      render: ({ field: o }) => /* @__PURE__ */ d(C, { ...h, className: "mtx-flex mtx-items-center mtx-gap-2 mtx-justify-start mtx-space-y-0", children: [
         /* @__PURE__ */ r(b, { ...e?.formControlProps ?? {}, children: /* @__PURE__ */ r(
           w,
           {
             ...e?.switchProps ?? {},
             ...o,
             checked: o.value,
-            onCheckedChange: g,
+            onCheckedChange: u,
             "aria-required": c,
-            disabled: s || f
+            disabled: t || x
           }
         ) }),
-        /* @__PURE__ */ d(F, { ...e?.formLabelProps ?? {}, className: j("text-text", e?.formLabelProps?.className), children: [
-          h,
-          c && /* @__PURE__ */ r("span", { className: "text-danger text-sm leading-4", children: "*" })
+        /* @__PURE__ */ d(F, { ...e?.formLabelProps ?? {}, className: j("mtx-text-text", e?.formLabelProps?.className), children: [
+          f,
+          c && /* @__PURE__ */ r("span", { className: "mtx-text-danger mtx-text-sm mtx-leading-4", children: "*" })
         ] }),
         /* @__PURE__ */ r(P, { ...e?.formMessageProps ?? {} })
       ] })

package/dist/formswitch.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"formswitch.es.js","sources":["../src/components/form-switch/FormSwitch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues, useController } from \"react-hook-form\";\r\n\r\nimport { useCallback } from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Switch, SwitchProps } from \"../switch/Switch\";\r\n\r\ntype FormSwitchProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<ControllerProps<TFieldValues, TName>, \"render\"> &\r\n  React.ComponentProps<typeof FormItem> & {\r\n    label: string;\r\n    control: Control<TFieldValues>;\r\n    required?: boolean;\r\n    readOnly?: boolean;\r\n    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, \"ref\"> & React.RefAttributes<HTMLElement>;\r\n      switchProps?: SwitchProps;\r\n    };\r\n  };\r\n\r\nconst FormSwitch = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormSwitchProps<TFieldValues, TName>) => {\r\n  const { name, control, defaultValue, disabled, readOnly, rules, shouldUnregister, label, slotProps, required, ...formItemProps } = props;\r\n  const { field } = useController({ name, control, rules, defaultValue, disabled, shouldUnregister });\r\n\r\n  const handleCheckChanged = useCallback(\r\n    (checked: boolean) => {\r\n      field.onChange(checked);\r\n    },\r\n    [field],\r\n  );\r\n\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      defaultValue={defaultValue}\r\n      disabled={disabled}\r\n      rules={rules}\r\n      shouldUnregister={shouldUnregister}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem {...formItemProps} className=\"flex items-center gap-2 justify-start space-y-0\">\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <Switch\r\n                {...(slotProps?.switchProps ?? {})}\r\n                {...field}\r\n                checked={field.value}\r\n                onCheckedChange={handleCheckChanged}\r\n                aria-required={required}\r\n                disabled={disabled || readOnly}\r\n              />\r\n            </FormControl>\r\n            <FormLabel {...(slotProps?.formLabelProps ?? {})} className={cn(\"text-text\", slotProps?.formLabelProps?.className)}>\r\n              {label}\r\n              {required && <span className=\"text-danger text-sm leading-4\">*</span>}\r\n            </FormLabel>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormSwitch, type FormSwitchProps };\r\n"],"names":["FormSwitch","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","slotProps","required","formItemProps","field","useController","handleCheckChanged","useCallback","checked","jsx","FormField","jsxs","FormItem","FormControl","Switch","FormLabel","cn","FormMessage"],"mappings":";;;;;;AAwBA,MAAMA,IAAa,CAA0EC,MAAgD;AAC3I,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAkBX,GAC7H,EAAE,OAAAY,EAAA,IAAUC,EAAc,EAAE,MAAAZ,GAAM,SAAAC,GAAS,OAAAI,GAAO,cAAAH,GAAc,UAAAC,GAAU,kBAAAG,GAAkB,GAE5FO,IAAqBC;AAAA,IACzB,CAACC,MAAqB;AACpB,MAAAJ,EAAM,SAASI,CAAO;AAAA,IACxB;AAAA,IACA,CAACJ,CAAK;AAAA,EAAA;AAGR,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAhB;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,QAEP,gBAAAO,EAACC,GAAA,EAAU,GAAGT,GAAe,WAAU,mDACrC,UAAA;AAAA,QAAA,gBAAAM,EAACI,GAAA,EAAa,GAAIZ,GAAW,oBAAoB,CAAA,GAC/C,UAAA,gBAAAQ;AAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAIb,GAAW,eAAe,CAAA;AAAA,YAC9B,GAAGG;AAAAA,YACJ,SAASA,EAAM;AAAA,YACf,iBAAiBE;AAAA,YACjB,iBAAeJ;AAAA,YACf,UAAUN,KAAYC;AAAA,UAAA;AAAA,QAAA,GAE1B;AAAA,QACA,gBAAAc,EAACI,GAAA,EAAW,GAAId,GAAW,kBAAkB,CAAA,GAAK,WAAWe,EAAG,aAAaf,GAAW,gBAAgB,SAAS,GAC9G,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAO,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,IAAA,CAAC;AAAA,QAAA,GAChE;AAAA,0BACCQ,GAAA,EAAa,GAAIhB,GAAW,oBAAoB,CAAA,EAAC,CAAI;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"formswitch.es.js","sources":["../src/components/form-switch/FormSwitch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues, useController } from \"react-hook-form\";\r\n\r\nimport { useCallback } from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Switch, SwitchProps } from \"../switch/Switch\";\r\n\r\ntype FormSwitchProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<ControllerProps<TFieldValues, TName>, \"render\"> &\r\n  React.ComponentProps<typeof FormItem> & {\r\n    label: string;\r\n    control: Control<TFieldValues>;\r\n    required?: boolean;\r\n    readOnly?: boolean;\r\n    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, \"ref\"> & React.RefAttributes<HTMLElement>;\r\n      switchProps?: SwitchProps;\r\n    };\r\n  };\r\n\r\nconst FormSwitch = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormSwitchProps<TFieldValues, TName>) => {\r\n  const { name, control, defaultValue, disabled, readOnly, rules, shouldUnregister, label, slotProps, required, ...formItemProps } = props;\r\n  const { field } = useController({ name, control, rules, defaultValue, disabled, shouldUnregister });\r\n\r\n  const handleCheckChanged = useCallback(\r\n    (checked: boolean) => {\r\n      field.onChange(checked);\r\n    },\r\n    [field],\r\n  );\r\n\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      defaultValue={defaultValue}\r\n      disabled={disabled}\r\n      rules={rules}\r\n      shouldUnregister={shouldUnregister}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem {...formItemProps} className=\"mtx-flex mtx-items-center mtx-gap-2 mtx-justify-start mtx-space-y-0\">\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <Switch\r\n                {...(slotProps?.switchProps ?? {})}\r\n                {...field}\r\n                checked={field.value}\r\n                onCheckedChange={handleCheckChanged}\r\n                aria-required={required}\r\n                disabled={disabled || readOnly}\r\n              />\r\n            </FormControl>\r\n            <FormLabel {...(slotProps?.formLabelProps ?? {})} className={cn(\"mtx-text-text\", slotProps?.formLabelProps?.className)}>\r\n              {label}\r\n              {required && <span className=\"mtx-text-danger mtx-text-sm mtx-leading-4\">*</span>}\r\n            </FormLabel>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormSwitch, type FormSwitchProps };\r\n"],"names":["FormSwitch","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","slotProps","required","formItemProps","field","useController","handleCheckChanged","useCallback","checked","jsx","FormField","jsxs","FormItem","FormControl","Switch","FormLabel","cn","FormMessage"],"mappings":";;;;;;AAwBA,MAAMA,IAAa,CAA0EC,MAAgD;AAC3I,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAkBX,GAC7H,EAAE,OAAAY,EAAA,IAAUC,EAAc,EAAE,MAAAZ,GAAM,SAAAC,GAAS,OAAAI,GAAO,cAAAH,GAAc,UAAAC,GAAU,kBAAAG,GAAkB,GAE5FO,IAAqBC;AAAA,IACzB,CAACC,MAAqB;AACpB,MAAAJ,EAAM,SAASI,CAAO;AAAA,IACxB;AAAA,IACA,CAACJ,CAAK;AAAA,EAAA;AAGR,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAhB;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,QAEP,gBAAAO,EAACC,GAAA,EAAU,GAAGT,GAAe,WAAU,uEACrC,UAAA;AAAA,QAAA,gBAAAM,EAACI,GAAA,EAAa,GAAIZ,GAAW,oBAAoB,CAAA,GAC/C,UAAA,gBAAAQ;AAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAIb,GAAW,eAAe,CAAA;AAAA,YAC9B,GAAGG;AAAAA,YACJ,SAASA,EAAM;AAAA,YACf,iBAAiBE;AAAA,YACjB,iBAAeJ;AAAA,YACf,UAAUN,KAAYC;AAAA,UAAA;AAAA,QAAA,GAE1B;AAAA,QACA,gBAAAc,EAACI,GAAA,EAAW,GAAId,GAAW,kBAAkB,CAAA,GAAK,WAAWe,EAAG,iBAAiBf,GAAW,gBAAgB,SAAS,GAClH,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAO,EAAC,QAAA,EAAK,WAAU,6CAA4C,UAAA,IAAA,CAAC;AAAA,QAAA,GAC5E;AAAA,0BACCQ,GAAA,EAAa,GAAIhB,GAAW,oBAAoB,CAAA,EAAC,CAAI;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EAAA;AAGN;"}

package/dist/formtextarea.es.js

@@ -1,23 +1,23 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { FormField as x, FormItem as F, FormLabel as P, FormControl as b, FormMessage as g } from "./form.es.js";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { FormField as u, FormItem as F, FormLabel as P, FormControl as b, FormMessage as g } from "./form.es.js";
 import { Textarea as h } from "./textarea.es.js";
-const I = (t) => {
-  const { name: l, control: m, defaultValue: n, disabled: o, readOnly: d, rules: i, shouldUnregister: p, label: c, slotProps: e, required: s, ...f } = t;
+const I = (a) => {
+  const { name: m, control: l, defaultValue: n, disabled: o, readOnly: d, rules: i, shouldUnregister: p, label: x, slotProps: e, required: t, ...c } = a;
   return /* @__PURE__ */ r(
-    x,
+    u,
     {
-      control: m,
-      name: l,
+      control: l,
+      name: m,
       defaultValue: n,
       disabled: o,
       rules: i,
       shouldUnregister: p,
-      render: ({ field: u }) => /* @__PURE__ */ a(F, { ...f, children: [
-        /* @__PURE__ */ a(P, { ...e?.formLabelProps ?? {}, children: [
-          c,
-          s && /* @__PURE__ */ r("span", { className: "text-danger text-sm leading-4", children: "*" })
+      render: ({ field: f }) => /* @__PURE__ */ s(F, { ...c, children: [
+        /* @__PURE__ */ s(P, { ...e?.formLabelProps ?? {}, children: [
+          x,
+          t && /* @__PURE__ */ r("span", { className: "mtx-text-danger mtx-text-sm mtx-leading-4", children: "*" })
         ] }),
-        /* @__PURE__ */ r(b, { ...e?.formControlProps ?? {}, children: /* @__PURE__ */ r(h, { "aria-required": s, disabled: o || d, ...e?.textareaProps ?? {}, ...u }) }),
+        /* @__PURE__ */ r(b, { ...e?.formControlProps ?? {}, children: /* @__PURE__ */ r(h, { "aria-required": t, disabled: o || d, ...e?.textareaProps ?? {}, ...f }) }),
         /* @__PURE__ */ r(g, { ...e?.formMessageProps ?? {} })
       ] })
     }

package/dist/formtextarea.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"formtextarea.es.js","sources":["../src/components/form-textarea/FormTextarea.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues } from \"react-hook-form\";\r\nimport { Textarea, TextareaProps } from \"../textarea/Textarea\";\r\n\r\ntype FormTextareaProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<\r\n  ControllerProps<TFieldValues, TName>,\r\n  \"render\"\r\n> &\r\n  React.ComponentProps<typeof FormItem> & {\r\n    label: string;\r\n    control: Control<TFieldValues>;\r\n    required?: boolean;\r\n    readOnly?: boolean;\r\n    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, \"ref\"> & React.RefAttributes<HTMLElement>;\r\n      textareaProps?: TextareaProps;\r\n    };\r\n  };\r\n\r\nconst FormTextarea = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormTextareaProps<TFieldValues, TName>) => {\r\n  const { name, control, defaultValue, disabled, readOnly, rules, shouldUnregister, label, slotProps, required, ...formItemProps } = props;\r\n\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      defaultValue={defaultValue}\r\n      disabled={disabled}\r\n      rules={rules}\r\n      shouldUnregister={shouldUnregister}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem {...formItemProps}>\r\n            <FormLabel {...(slotProps?.formLabelProps ?? {})}>\r\n              {label}\r\n              {required && <span className=\"text-danger text-sm leading-4\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <Textarea aria-required={required} disabled={disabled || readOnly} {...(slotProps?.textareaProps ?? {})} {...field} />\r\n            </FormControl>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormTextarea, type FormTextareaProps };\r\n"],"names":["FormTextarea","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","slotProps","required","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","Textarea","FormMessage"],"mappings":";;;AAwBA,MAAMA,IAAe,CAA0EC,MAAkD;AAC/I,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAkBX;AAEnI,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAO,QAEP,gBAAAC,EAACC,GAAA,EAAU,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAA,EAAW,GAAIR,GAAW,kBAAkB,CAAA,GAC1C,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAE,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,IAAA,CAAC;AAAA,QAAA,GAChE;AAAA,QACA,gBAAAA,EAACM,KAAa,GAAIT,GAAW,oBAAoB,CAAA,GAC/C,4BAACU,GAAA,EAAS,iBAAeT,GAAU,UAAUN,KAAYC,GAAW,GAAII,GAAW,iBAAiB,IAAM,GAAGK,EAAA,CAAO,GACtH;AAAA,0BACCM,GAAA,EAAa,GAAIX,GAAW,oBAAoB,CAAA,EAAC,CAAI;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"formtextarea.es.js","sources":["../src/components/form-textarea/FormTextarea.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues } from \"react-hook-form\";\r\nimport { Textarea, TextareaProps } from \"../textarea/Textarea\";\r\n\r\ntype FormTextareaProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<\r\n  ControllerProps<TFieldValues, TName>,\r\n  \"render\"\r\n> &\r\n  React.ComponentProps<typeof FormItem> & {\r\n    label: string;\r\n    control: Control<TFieldValues>;\r\n    required?: boolean;\r\n    readOnly?: boolean;\r\n    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, \"ref\"> & React.RefAttributes<HTMLElement>;\r\n      textareaProps?: TextareaProps;\r\n    };\r\n  };\r\n\r\nconst FormTextarea = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormTextareaProps<TFieldValues, TName>) => {\r\n  const { name, control, defaultValue, disabled, readOnly, rules, shouldUnregister, label, slotProps, required, ...formItemProps } = props;\r\n\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      defaultValue={defaultValue}\r\n      disabled={disabled}\r\n      rules={rules}\r\n      shouldUnregister={shouldUnregister}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem {...formItemProps}>\r\n            <FormLabel {...(slotProps?.formLabelProps ?? {})}>\r\n              {label}\r\n              {required && <span className=\"mtx-text-danger mtx-text-sm mtx-leading-4\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <Textarea aria-required={required} disabled={disabled || readOnly} {...(slotProps?.textareaProps ?? {})} {...field} />\r\n            </FormControl>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormTextarea, type FormTextareaProps };\r\n"],"names":["FormTextarea","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","slotProps","required","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","Textarea","FormMessage"],"mappings":";;;AAwBA,MAAMA,IAAe,CAA0EC,MAAkD;AAC/I,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAkBX;AAEnI,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAO,QAEP,gBAAAC,EAACC,GAAA,EAAU,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAA,EAAW,GAAIR,GAAW,kBAAkB,CAAA,GAC1C,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAE,EAAC,QAAA,EAAK,WAAU,6CAA4C,UAAA,IAAA,CAAC;AAAA,QAAA,GAC5E;AAAA,QACA,gBAAAA,EAACM,KAAa,GAAIT,GAAW,oBAAoB,CAAA,GAC/C,4BAACU,GAAA,EAAS,iBAAeT,GAAU,UAAUN,KAAYC,GAAW,GAAII,GAAW,iBAAiB,IAAM,GAAGK,EAAA,CAAO,GACtH;AAAA,0BACCM,GAAA,EAAa,GAAIX,GAAW,oBAAoB,CAAA,EAAC,CAAI;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EAAA;AAGN;"}

package/dist/formtimepicker.es.js

@@ -1,24 +1,24 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { FormField as f, FormItem as g, FormLabel as h, FormControl as F, FormMessage as b } from "./form.es.js";
-import { TimePicker as x } from "./timepicker.es.js";
-const j = (l) => {
-  const { name: n, control: t, defaultValue: a, disabled: o, readOnly: i, rules: d, shouldUnregister: p, label: c, slotProps: e, required: u, ...P } = l;
+import { FormField as P, FormItem as f, FormLabel as g, FormControl as h, FormMessage as F } from "./form.es.js";
+import { TimePicker as b } from "./timepicker.es.js";
+const j = (t) => {
+  const { name: l, control: n, defaultValue: a, disabled: o, readOnly: i, rules: d, shouldUnregister: p, label: c, slotProps: e, required: u, ...x } = t;
   return /* @__PURE__ */ r(
-    f,
+    P,
     {
-      control: t,
-      name: n,
+      control: n,
+      name: l,
       defaultValue: a,
       disabled: o,
       rules: d,
       shouldUnregister: p,
-      render: ({ field: m }) => /* @__PURE__ */ s(g, { ...P, children: [
-        /* @__PURE__ */ s(h, { ...e?.formLabelProps ?? {}, children: [
+      render: ({ field: m }) => /* @__PURE__ */ s(f, { ...x, children: [
+        /* @__PURE__ */ s(g, { ...e?.formLabelProps ?? {}, children: [
           c,
-          u && /* @__PURE__ */ r("span", { className: "text-danger text-sm leading-4", children: "*" })
+          u && /* @__PURE__ */ r("span", { className: "mtx-text-danger mtx-text-sm mtx-leading-4", children: "*" })
         ] }),
-        /* @__PURE__ */ r(F, { ...e?.formControlProps ?? {}, children: /* @__PURE__ */ r(x, { ...e?.datepickerProps ?? {}, time: m.value, onTimeChange: m.onChange, disabled: o || i }) }),
-        /* @__PURE__ */ r(b, { ...e?.formMessageProps ?? {} })
+        /* @__PURE__ */ r(h, { ...e?.formControlProps ?? {}, children: /* @__PURE__ */ r(b, { ...e?.datepickerProps ?? {}, time: m.value, onTimeChange: m.onChange, disabled: o || i }) }),
+        /* @__PURE__ */ r(F, { ...e?.formMessageProps ?? {} })
       ] })
     }
   );

package/dist/formtimepicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"formtimepicker.es.js","sources":["../src/components/form-time-picker/FormTimePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues } from \"react-hook-form\";\r\nimport { TimePicker, TimePickerProps } from \"../date-picker/TimePicker\";\r\n\r\ntype FormTimePickerProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<\r\n  ControllerProps<TFieldValues, TName>,\r\n  \"render\"\r\n> &\r\n  React.ComponentProps<typeof FormItem> & {\r\n    label: string;\r\n    control: Control<TFieldValues>;\r\n    required?: boolean;\r\n    readOnly?: boolean;\r\n    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, \"ref\"> & React.RefAttributes<HTMLElement>;\r\n      datepickerProps?: TimePickerProps;\r\n    };\r\n  };\r\n\r\nconst FormTimePicker = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormTimePickerProps<TFieldValues, TName>) => {\r\n  const { name, control, defaultValue, disabled, readOnly, rules, shouldUnregister, label, slotProps, required, ...formItemProps } = props;\r\n\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      defaultValue={defaultValue}\r\n      disabled={disabled}\r\n      rules={rules}\r\n      shouldUnregister={shouldUnregister}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem {...formItemProps}>\r\n            <FormLabel {...(slotProps?.formLabelProps ?? {})}>\r\n              {label}\r\n              {required && <span className=\"text-danger text-sm leading-4\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <TimePicker {...(slotProps?.datepickerProps ?? {})} time={field.value} onTimeChange={field.onChange} disabled={disabled || readOnly} />\r\n            </FormControl>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormTimePicker, type FormTimePickerProps };\r\n"],"names":["FormTimePicker","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","slotProps","required","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","TimePicker","FormMessage"],"mappings":";;;AAwBA,MAAMA,IAAiB,CAA0EC,MAAoD;AACnJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAkBX;AAEnI,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAO,QAEP,gBAAAC,EAACC,GAAA,EAAU,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAA,EAAW,GAAIR,GAAW,kBAAkB,CAAA,GAC1C,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAE,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,IAAA,CAAC;AAAA,QAAA,GAChE;AAAA,QACA,gBAAAA,EAACM,KAAa,GAAIT,GAAW,oBAAoB,IAC/C,UAAA,gBAAAG,EAACO,GAAA,EAAY,GAAIV,GAAW,mBAAmB,CAAA,GAAK,MAAMK,EAAM,OAAO,cAAcA,EAAM,UAAU,UAAUV,KAAYC,EAAA,CAAU,EAAA,CACvI;AAAA,0BACCe,GAAA,EAAa,GAAIX,GAAW,oBAAoB,CAAA,EAAC,CAAI;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"formtimepicker.es.js","sources":["../src/components/form-time-picker/FormTimePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues } from \"react-hook-form\";\r\nimport { TimePicker, TimePickerProps } from \"../date-picker/TimePicker\";\r\n\r\ntype FormTimePickerProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<\r\n  ControllerProps<TFieldValues, TName>,\r\n  \"render\"\r\n> &\r\n  React.ComponentProps<typeof FormItem> & {\r\n    label: string;\r\n    control: Control<TFieldValues>;\r\n    required?: boolean;\r\n    readOnly?: boolean;\r\n    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, \"ref\"> & React.RefAttributes<HTMLElement>;\r\n      datepickerProps?: TimePickerProps;\r\n    };\r\n  };\r\n\r\nconst FormTimePicker = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormTimePickerProps<TFieldValues, TName>) => {\r\n  const { name, control, defaultValue, disabled, readOnly, rules, shouldUnregister, label, slotProps, required, ...formItemProps } = props;\r\n\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      defaultValue={defaultValue}\r\n      disabled={disabled}\r\n      rules={rules}\r\n      shouldUnregister={shouldUnregister}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem {...formItemProps}>\r\n            <FormLabel {...(slotProps?.formLabelProps ?? {})}>\r\n              {label}\r\n              {required && <span className=\"mtx-text-danger mtx-text-sm mtx-leading-4\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <TimePicker {...(slotProps?.datepickerProps ?? {})} time={field.value} onTimeChange={field.onChange} disabled={disabled || readOnly} />\r\n            </FormControl>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormTimePicker, type FormTimePickerProps };\r\n"],"names":["FormTimePicker","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","slotProps","required","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","TimePicker","FormMessage"],"mappings":";;;AAwBA,MAAMA,IAAiB,CAA0EC,MAAoD;AACnJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAkBX;AAEnI,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAO,QAEP,gBAAAC,EAACC,GAAA,EAAU,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAA,EAAW,GAAIR,GAAW,kBAAkB,CAAA,GAC1C,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAE,EAAC,QAAA,EAAK,WAAU,6CAA4C,UAAA,IAAA,CAAC;AAAA,QAAA,GAC5E;AAAA,QACA,gBAAAA,EAACM,KAAa,GAAIT,GAAW,oBAAoB,IAC/C,UAAA,gBAAAG,EAACO,GAAA,EAAY,GAAIV,GAAW,mBAAmB,CAAA,GAAK,MAAMK,EAAM,OAAO,cAAcA,EAAM,UAAU,UAAUV,KAAYC,EAAA,CAAU,EAAA,CACvI;AAAA,0BACCe,GAAA,EAAa,GAAIX,GAAW,oBAAoB,CAAA,EAAC,CAAI;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EAAA;AAGN;"}

package/dist/iconbutton.es.js

@@ -1,35 +1,35 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import f from "react";
-import { Slot as u, Slottable as m } from "@radix-ui/react-slot";
-import { tv as p } from "tailwind-variants";
-import { cn as d } from "./utils.es.js";
-import { Spinner as v } from "@trsys-tech/matrix-icons";
-const l = p({
-  base: "inline-flex items-center justify-center gap-1 p-2 rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500",
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import g from "react";
+import { Slot as b, Slottable as f } from "@radix-ui/react-slot";
+import { tv as u } from "tailwind-variants";
+import { cn as p } from "./utils.es.js";
+import { Spinner as d } from "@trsys-tech/matrix-icons";
+const v = u({
+  base: "mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-1 mtx-p-2 mtx-rounded-sm mtx-text-xs mtx-font-normal mtx-transition-colors focus-visible:mtx-outline-none disabled:mtx-pointer-events-none disabled:mtx-bg-muted disabled:mtx-text-gray-500",
   variants: {
     variant: {
-      table: "text-text hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700",
-      toolbar: "text-primary hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700",
-      form: "border border-gray-300 text-primary hover:border-none hover:bg-primary-50 focus:border-none focus:bg-transparent focus:ring active:border-none active:bg-primary-50 active:text-primary-700 disabled:border-none",
-      danger: "text-danger hover:bg-danger-200 focus:bg-transparent focus:ring focus:ring-danger-400 active:bg-danger-300",
-      warning: "text-warning hover:bg-warning-200 focus:bg-transparent focus:ring focus:ring-warning-400 active:bg-warning-300",
-      success: "text-success hover:bg-success-200 focus:bg-transparent focus:ring focus:ring-success-400 active:bg-success-300",
-      info: "text-info hover:bg-info-200 focus:bg-transparent focus:ring focus:ring-info-400 active:bg-info-300"
+      table: "mtx-text-text hover:mtx-bg-primary-50 focus:mtx-bg-transparent focus:mtx-ring active:mtx-bg-primary-50 active:mtx-text-primary-700",
+      toolbar: "mtx-text-primary hover:mtx-bg-primary-50 focus:mtx-bg-transparent focus:mtx-ring active:mtx-bg-primary-50 active:mtx-text-primary-700",
+      form: "mtx-border mtx-border-gray-300 mtx-text-primary hover:mtx-border-none hover:mtx-bg-primary-50 focus:mtx-border-none focus:mtx-bg-transparent focus:mtx-ring active:mtx-border-none active:mtx-bg-primary-50 active:mtx-text-primary-700 disabled:mtx-border-none",
+      danger: "mtx-text-danger hover:mtx-bg-danger-200 focus:mtx-bg-transparent focus:mtx-ring focus:mtx-ring-danger-400 active:mtx-bg-danger-300",
+      warning: "mtx-text-warning hover:mtx-bg-warning-200 focus:mtx-bg-transparent focus:mtx-ring focus:mtx-ring-warning-400 active:mtx-bg-warning-300",
+      success: "mtx-text-success hover:mtx-bg-success-200 focus:mtx-bg-transparent focus:mtx-ring focus:mtx-ring-success-400 active:mtx-bg-success-300",
+      info: "mtx-text-info hover:mtx-bg-info-200 focus:mtx-bg-transparent focus:mtx-ring focus:mtx-ring-info-400 active:mtx-bg-info-300"
     },
     size: {
-      md: "h-8 w-8.5",
-      sm: "h-6 w-6 p-1 [&>svg]:h-4 [&>svg]:w-4",
-      lg: "h-10 w-10 [&>svg]:h-6 [&>svg]:w-6"
+      md: "mtx-h-8 mtx-w-8.5",
+      sm: "mtx-h-6 mtx-w-6 mtx-p-1 [&>svg]:mtx-h-4 [&>svg]:mtx-w-4",
+      lg: "mtx-h-10 mtx-w-10 [&>svg]:mtx-h-6 [&>svg]:mtx-w-6"
     }
   },
   defaultVariants: {
     variant: "table",
     size: "md"
   }
-}), B = f.forwardRef(
-  ({ asChild: t, children: n, className: o, disabled: a, loading: r, variant: s, size: i, ...c }, g) => /* @__PURE__ */ b(t ? u : "button", { className: d(l({ variant: s, size: i, className: o })), disabled: a || r, ref: g, ...c, children: [
-    r ? /* @__PURE__ */ e(v, {}) : null,
-    /* @__PURE__ */ e(m, { children: n })
+}), B = g.forwardRef(
+  ({ asChild: m, children: e, className: x, disabled: n, loading: t, variant: o, size: a, ...s }, i) => /* @__PURE__ */ c(m ? b : "button", { className: p(v({ variant: o, size: a, className: x })), disabled: n || t, ref: i, ...s, children: [
+    t ? /* @__PURE__ */ r(d, {}) : null,
+    /* @__PURE__ */ r(f, { children: e })
   ] })
 );
 export {

package/dist/iconbutton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconbutton.es.js","sources":["../src/components/icon-botton/IconButton.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst iconButtonVariants = tv({\r\n  base: \"inline-flex items-center justify-center gap-1 p-2 rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n  variants: {\r\n    variant: {\r\n      table: \"text-text hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700\",\r\n      toolbar: \"text-primary hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700\",\r\n      form: \"border border-gray-300 text-primary hover:border-none hover:bg-primary-50 focus:border-none focus:bg-transparent focus:ring active:border-none active:bg-primary-50 active:text-primary-700 disabled:border-none\",\r\n      danger: \"text-danger hover:bg-danger-200 focus:bg-transparent focus:ring focus:ring-danger-400 active:bg-danger-300\",\r\n      warning: \"text-warning hover:bg-warning-200 focus:bg-transparent focus:ring focus:ring-warning-400 active:bg-warning-300\",\r\n      success: \"text-success hover:bg-success-200 focus:bg-transparent focus:ring focus:ring-success-400 active:bg-success-300\",\r\n      info: \"text-info hover:bg-info-200 focus:bg-transparent focus:ring focus:ring-info-400 active:bg-info-300\",\r\n    },\r\n    size: {\r\n      md: \"h-8 w-8.5\",\r\n      sm: \"h-6 w-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n      lg: \"h-10 w-10 [&>svg]:h-6 [&>svg]:w-6\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"table\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {\r\n  asChild?: boolean;\r\n  loading?: boolean;\r\n}\r\n\r\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n  ({ asChild, children, className, disabled, loading, variant, size, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"button\";\r\n    return (\r\n      <Comp className={cn(iconButtonVariants({ variant, size, className }))} disabled={disabled || loading} ref={ref} {...props}>\r\n        {loading ? <Spinner /> : null}\r\n        <Slottable>{children}</Slottable>\r\n      </Comp>\r\n    );\r\n  },\r\n);\r\n\r\nexport { IconButton, type IconButtonProps };\r\n"],"names":["iconButtonVariants","tv","IconButton","React","asChild","children","className","disabled","loading","variant","size","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAqBC,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAaC,EAAM;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,wBAChER,IAAUS,IAAO,UAE3B,EAAK,WAAWC,EAAGd,EAAmB,EAAE,SAAAS,GAAS,MAAAC,GAAM,WAAAJ,EAAA,CAAW,CAAC,GAAG,UAAUC,KAAYC,GAAS,KAAAI,GAAW,GAAGD,GACjH,UAAA;AAAA,IAAAH,IAAU,gBAAAO,EAACC,KAAQ,IAAK;AAAA,IACzB,gBAAAD,EAACE,KAAW,UAAAZ,EAAA,CAAS;AAAA,EAAA,GACvB;AAGN;"}
+{"version":3,"file":"iconbutton.es.js","sources":["../src/components/icon-botton/IconButton.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst iconButtonVariants = tv({\r\n  base: \"mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-1 mtx-p-2 mtx-rounded-sm mtx-text-xs mtx-font-normal mtx-transition-colors focus-visible:mtx-outline-none disabled:mtx-pointer-events-none disabled:mtx-bg-muted disabled:mtx-text-gray-500\",\r\n  variants: {\r\n    variant: {\r\n      table: \"mtx-text-text hover:mtx-bg-primary-50 focus:mtx-bg-transparent focus:mtx-ring active:mtx-bg-primary-50 active:mtx-text-primary-700\",\r\n      toolbar:\r\n        \"mtx-text-primary hover:mtx-bg-primary-50 focus:mtx-bg-transparent focus:mtx-ring active:mtx-bg-primary-50 active:mtx-text-primary-700\",\r\n      form: \"mtx-border mtx-border-gray-300 mtx-text-primary hover:mtx-border-none hover:mtx-bg-primary-50 focus:mtx-border-none focus:mtx-bg-transparent focus:mtx-ring active:mtx-border-none active:mtx-bg-primary-50 active:mtx-text-primary-700 disabled:mtx-border-none\",\r\n      danger: \"mtx-text-danger hover:mtx-bg-danger-200 focus:mtx-bg-transparent focus:mtx-ring focus:mtx-ring-danger-400 active:mtx-bg-danger-300\",\r\n      warning:\r\n        \"mtx-text-warning hover:mtx-bg-warning-200 focus:mtx-bg-transparent focus:mtx-ring focus:mtx-ring-warning-400 active:mtx-bg-warning-300\",\r\n      success:\r\n        \"mtx-text-success hover:mtx-bg-success-200 focus:mtx-bg-transparent focus:mtx-ring focus:mtx-ring-success-400 active:mtx-bg-success-300\",\r\n      info: \"mtx-text-info hover:mtx-bg-info-200 focus:mtx-bg-transparent focus:mtx-ring focus:mtx-ring-info-400 active:mtx-bg-info-300\",\r\n    },\r\n    size: {\r\n      md: \"mtx-h-8 mtx-w-8.5\",\r\n      sm: \"mtx-h-6 mtx-w-6 mtx-p-1 [&>svg]:mtx-h-4 [&>svg]:mtx-w-4\",\r\n      lg: \"mtx-h-10 mtx-w-10 [&>svg]:mtx-h-6 [&>svg]:mtx-w-6\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"table\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {\r\n  asChild?: boolean;\r\n  loading?: boolean;\r\n}\r\n\r\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n  ({ asChild, children, className, disabled, loading, variant, size, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"button\";\r\n    return (\r\n      <Comp className={cn(iconButtonVariants({ variant, size, className }))} disabled={disabled || loading} ref={ref} {...props}>\r\n        {loading ? <Spinner /> : null}\r\n        <Slottable>{children}</Slottable>\r\n      </Comp>\r\n    );\r\n  },\r\n);\r\n\r\nexport { IconButton, type IconButtonProps };\r\n"],"names":["iconButtonVariants","tv","IconButton","React","asChild","children","className","disabled","loading","variant","size","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAqBC,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SACE;AAAA,MACF,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,IAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAaC,EAAM;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,wBAChER,IAAUS,IAAO,UAE3B,EAAK,WAAWC,EAAGd,EAAmB,EAAE,SAAAS,GAAS,MAAAC,GAAM,WAAAJ,EAAA,CAAW,CAAC,GAAG,UAAUC,KAAYC,GAAS,KAAAI,GAAW,GAAGD,GACjH,UAAA;AAAA,IAAAH,IAAU,gBAAAO,EAACC,KAAQ,IAAK;AAAA,IACzB,gBAAAD,EAACE,KAAW,UAAAZ,EAAA,CAAS;AAAA,EAAA,GACvB;AAGN;"}

package/dist/label.es.js

@@ -1,9 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as t from "react";
-import { tv as s } from "tailwind-variants";
-import { cn as l } from "./utils.es.js";
-const m = s({ base: "text-xs font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }), i = t.forwardRef(
-  ({ className: e, ...a }, o) => /* @__PURE__ */ r("label", { ref: o, className: l(m({ className: e })), ...a })
+import { jsx as o } from "react/jsx-runtime";
+import * as m from "react";
+import { tv as r } from "tailwind-variants";
+import { cn as s } from "./utils.es.js";
+const l = r({ base: "mtx-text-xs mtx-font-medium peer-disabled:mtx-cursor-not-allowed peer-disabled:mtx-opacity-70" }), i = m.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o("label", { ref: a, className: s(l({ className: e })), ...t })
 );
 i.displayName = "Label";
 export {

package/dist/label.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.es.js","sources":["../src/components/label/Label.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst labelVariants = tv({ base: \"text-xs font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70\" });\r\n\r\nconst Label = React.forwardRef<HTMLLabelElement, React.ComponentPropsWithoutRef<\"label\"> & VariantProps<typeof labelVariants>>(\r\n  ({ className, ...props }, ref) => <label ref={ref} className={cn(labelVariants({ className }))} {...props} />,\r\n);\r\nLabel.displayName = \"Label\";\r\ntype LabelProps = React.ComponentProps<typeof Label>;\r\n\r\nexport { Label, type LabelProps };\r\n"],"names":["labelVariants","tv","Label","React","className","props","ref","jsx","cn"],"mappings":";;;;AAKA,MAAMA,IAAgBC,EAAG,EAAE,MAAM,iFAAiF,GAE5GC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAA,EAAM,KAAAD,GAAU,WAAWE,EAAGR,EAAc,EAAE,WAAAI,EAAA,CAAW,CAAC,GAAI,GAAGC,EAAA,CAAO;AAC7G;AACAH,EAAM,cAAc;"}
+{"version":3,"file":"label.es.js","sources":["../src/components/label/Label.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst labelVariants = tv({ base: \"mtx-text-xs mtx-font-medium peer-disabled:mtx-cursor-not-allowed peer-disabled:mtx-opacity-70\" });\r\n\r\nconst Label = React.forwardRef<HTMLLabelElement, React.ComponentPropsWithoutRef<\"label\"> & VariantProps<typeof labelVariants>>(\r\n  ({ className, ...props }, ref) => <label ref={ref} className={cn(labelVariants({ className }))} {...props} />,\r\n);\r\nLabel.displayName = \"Label\";\r\ntype LabelProps = React.ComponentProps<typeof Label>;\r\n\r\nexport { Label, type LabelProps };\r\n"],"names":["labelVariants","tv","Label","React","className","props","ref","jsx","cn"],"mappings":";;;;AAKA,MAAMA,IAAgBC,EAAG,EAAE,MAAM,iGAAiG,GAE5HC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAA,EAAM,KAAAD,GAAU,WAAWE,EAAGR,EAAc,EAAE,WAAAI,EAAA,CAAW,CAAC,GAAI,GAAGC,EAAA,CAAO;AAC7G;AACAH,EAAM,cAAc;"}

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAA;AAGvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAIxC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/mobiledatepicker.es.js

@@ -1,73 +1,73 @@
-import { jsxs as r, Fragment as v, jsx as e } from "react/jsx-runtime";
-import * as c from "react";
+import { jsxs as a, Fragment as v, jsx as t } from "react/jsx-runtime";
+import * as s from "react";
 import { VisuallyHidden as M } from "@radix-ui/react-visually-hidden";
 import { Calendar as N } from "@trsys-tech/matrix-icons";
-import { cn as m } from "./utils.es.js";
+import { cn as d } from "./utils.es.js";
 import { Calendar as C } from "./calendar.es.js";
-import { Button as o } from "./button.es.js";
+import { Button as x } from "./button.es.js";
 import { Dialog as k, DialogContent as j, DialogHeader as P, DialogTitle as F, DialogDescription as O } from "./dialog.es.js";
-import { format as i } from "./format.es.js";
+import { format as n } from "./format.es.js";
 const T = ({
-  formatStr: l,
-  selected: a,
-  placeholder: p,
-  className: h,
-  calendarClassName: f,
-  cancelText: u,
-  applyText: b,
-  onSelect: x,
+  formatStr: r,
+  selected: e,
+  placeholder: c,
+  className: p,
+  calendarClassName: h,
+  cancelText: f,
+  applyText: u,
+  onSelect: b,
   disabled: g,
   ...y
 }) => {
-  const [w, n] = c.useState(!1), [t, s] = c.useState(a), d = () => {
-    n(!1), s(a);
+  const [w, l] = s.useState(!1), [m, o] = s.useState(e), i = () => {
+    l(!1), o(e);
   }, D = () => {
-    x?.(t), n(!1);
+    b?.(m), l(!1);
   };
-  return /* @__PURE__ */ r(v, { children: [
-    /* @__PURE__ */ r(
-      o,
+  return /* @__PURE__ */ a(v, { children: [
+    /* @__PURE__ */ a(
+      x,
       {
         variant: "text",
-        className: m(
-          "flex h-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent ps-3 pe-1 py-1.5 text-xs ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300",
-          h
+        className: d(
+          "mtx-flex mtx-h-8 mtx-w-full mtx-items-center mtx-justify-between mtx-whitespace-nowrap mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-ps-3 mtx-pe-1 mtx-py-1.5 mtx-text-xs mtx-ring-offset-background data-[placeholder]:mtx-text-muted-foreground hover:mtx-border hover:mtx-border-primary hover:mtx-bg-transparent focus:mtx-border focus:mtx-border-primary focus:mtx-outline-none focus:mtx-ring focus:mtx-ring-primary-100 disabled:mtx-cursor-not-allowed disabled:mtx-bg-gray-100 disabled:mtx-text-text-300 disabled:mtx-border-gray-100 [&>span]:mtx-line-clamp-1 [&_svg]:disabled:mtx-text-text-300",
+          p
         ),
-        "data-placeholder": a ? void 0 : "",
-        onClick: () => n(!0),
-        "aria-label": a ? `Selected date: ${i(a, l ?? "yyyy/MM/dd")}` : "Pick a date",
+        "data-placeholder": e ? void 0 : "",
+        onClick: () => l(!0),
+        "aria-label": e ? `Selected date: ${n(e, r ?? "yyyy/MM/dd")}` : "Pick a date",
         disabled: g,
         children: [
-          a ? i(a, l ?? "eee, MMM dd") : /* @__PURE__ */ e("span", { children: p ?? "Pick a date" }),
-          /* @__PURE__ */ e(N, { className: "mr-2 h-5 w-5 ms-auto" })
+          e ? n(e, r ?? "eee, MMM dd") : /* @__PURE__ */ t("span", { children: c ?? "Pick a date" }),
+          /* @__PURE__ */ t(N, { className: "mtx-mr-2 mtx-h-5 mtx-w-5 mtx-ms-auto" })
         ]
       }
     ),
-    /* @__PURE__ */ e(k, { open: w, onOpenChange: d, children: /* @__PURE__ */ r(j, { className: "h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none", children: [
-      /* @__PURE__ */ r(P, { className: "p-4 border-b border-b-gray-200", children: [
-        /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "text-sm font-bold space-y-1 mt-3", children: [
-          /* @__PURE__ */ e("h5", { className: "text-text-300", children: t?.getFullYear() ?? /* @__PURE__ */ e("pre", { children: " " }) }),
-          /* @__PURE__ */ e("h6", { className: "", children: t ? i(t, l ?? "eee, MMM dd") : /* @__PURE__ */ e("pre", { children: " " }) })
+    /* @__PURE__ */ t(k, { open: w, onOpenChange: i, children: /* @__PURE__ */ a(j, { className: "mtx-h-dscreen mtx-w-screen mtx-p-0 mtx-flex mtx-flex-col mtx-gap-0 data-[state=open]:mtx-animate-slide-from-bottom data-[state=closed]:mtx-animate-slide-to-bottom mtx-overflow-auto mtx-max-w-screen-2xl sm:mtx-rounded-none", children: [
+      /* @__PURE__ */ a(P, { className: "mtx-p-4 mtx-border-b mtx-border-b-gray-200", children: [
+        /* @__PURE__ */ t(F, { asChild: !0, children: /* @__PURE__ */ a("div", { className: "mtx-text-sm mtx-font-bold mtx-space-y-1 mtx-mt-3", children: [
+          /* @__PURE__ */ t("h5", { className: "mtx-text-text-300", children: m?.getFullYear() ?? /* @__PURE__ */ t("pre", { children: " " }) }),
+          /* @__PURE__ */ t("h6", { className: "", children: m ? n(m, r ?? "eee, MMM dd") : /* @__PURE__ */ t("pre", { children: " " }) })
         ] }) }),
-        /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(O, { children: "Date Picker" }) })
+        /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(O, { children: "Date Picker" }) })
       ] }),
-      /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col items-center p-4", children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ a("div", { className: "mtx-flex-1 mtx-flex mtx-flex-col mtx-items-center mtx-p-4", children: [
+        /* @__PURE__ */ t(
           C,
           {
-            defaultMonth: a,
+            defaultMonth: e,
             startMonth: new Date(2e3, 0, 1),
             endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 2, 11, 31),
             ...y,
             mode: "single",
-            selected: t,
-            onSelect: s,
-            className: m("p-0", f)
+            selected: m,
+            onSelect: o,
+            className: d("mtx-p-0", h)
           }
         ),
-        /* @__PURE__ */ r("div", { className: "flex justify-center items-center gap-4 mt-auto w-full", children: [
-          /* @__PURE__ */ e(o, { variant: "text", className: "flex-1 h-10", onClick: d, children: u ?? "Cancel" }),
-          /* @__PURE__ */ e(o, { variant: "primary", className: "flex-1 h-10", onClick: D, children: b ?? "Apply" })
+        /* @__PURE__ */ a("div", { className: "mtx-flex mtx-justify-center mtx-items-center mtx-gap-4 mtx-mt-auto mtx-w-full", children: [
+          /* @__PURE__ */ t(x, { variant: "text", className: "mtx-flex-1 mtx-h-10", onClick: i, children: f ?? "Cancel" }),
+          /* @__PURE__ */ t(x, { variant: "primary", className: "mtx-flex-1 mtx-h-10", onClick: D, children: u ?? "Apply" })
         ] })
       ] })
     ] }) })