@trsys-tech/matrix-library 0.3.1 → 0.3.2

package/dist/drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.es.js","sources":["../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport defaultTheme from \"tailwindcss/defaultTheme\";\r\nimport { createContextScope, Scope } from \"@radix-ui/react-context\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Modal } from \"../modal/Modal\";\r\nimport { IconButton } from \"../icon-botton/IconButton\";\r\nimport { ChevronsRightIcon } from \"../Icons/ChevronsRightIcon\";\r\n\r\ntype ScopedProps<P> = P & { __scopeDrawer?: Scope };\r\n\r\nconst DRAWER_NAME = \"Drawer\";\r\n\r\nconst [createDrawerContext] = createContextScope(DRAWER_NAME);\r\n\r\ninterface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  open: boolean;\r\n  onClose?: () => void;\r\n  anchor?: \"left\" | \"right\";\r\n  width?: number;\r\n  children?: React.ReactNode;\r\n  asChild?: boolean;\r\n  mobileBreakpoint?: number;\r\n}\r\n\r\ntype DrawerContextValue = {\r\n  open: boolean;\r\n  onClose?: () => void;\r\n  anchor: \"left\" | \"right\";\r\n  width: number;\r\n  isMobile: boolean;\r\n};\r\n\r\nconst [DrawerProvider, useDrawerProvider] = createDrawerContext<DrawerContextValue>(DRAWER_NAME);\r\n\r\n/**\r\n * Drawer component\r\n * This is the wrapper component for Drawer content and main components\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {boolean} open - Drawer open state\r\n * @param {() => void} onClose - Drawer close handler\r\n * @param {\"left\" | \"right\"} anchor - Drawer anchor position\r\n * @param {number} width - Drawer width\r\n * @param {React.ReactNode} children - Drawer children\r\n * @param {boolean} asChild - Render as child component\r\n * @param {number} mobileBreakpoint - Mobile breakpoint\r\n * @returns {React.ReactElement}\r\n */\r\nconst Drawer = React.forwardRef<React.ElementRef<\"div\">, ScopedProps<DrawerProps>>((props, ref) => {\r\n  const { asChild, anchor = \"right\", children, open, width = 240, className, onClose, __scopeDrawer, mobileBreakpoint, ...restProps } = props;\r\n  const Comp = asChild ? Slot : \"div\";\r\n\r\n  // re render to show proper modal on resize\r\n  const [windowSize, setWindowSize] = React.useState(0);\r\n  React.useEffect(() => {\r\n    const observer = new ResizeObserver(() => {\r\n      setWindowSize(window.innerWidth);\r\n    });\r\n\r\n    observer.observe(document.documentElement);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, []);\r\n\r\n  const isMobile = React.useMemo(() => {\r\n    if (window !== undefined) {\r\n      if (mobileBreakpoint) {\r\n        return !window?.matchMedia?.(`(min-width: ${mobileBreakpoint})`)?.matches;\r\n      }\r\n      return !window?.matchMedia?.(`(min-width: ${defaultTheme.screens.md})`)?.matches;\r\n    }\r\n    return false;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [mobileBreakpoint, windowSize]);\r\n\r\n  return (\r\n    <Comp ref={ref} className={cn(\"flex\", className)} {...restProps}>\r\n      <DrawerProvider anchor={anchor} onClose={onClose} open={open} width={width} isMobile={isMobile} scope={__scopeDrawer}>\r\n        {children}\r\n      </DrawerProvider>\r\n    </Comp>\r\n  );\r\n});\r\n\r\nDrawer.displayName = DRAWER_NAME;\r\n\r\ninterface DrawerMainProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  asChild: boolean;\r\n}\r\n\r\nconst DRAWER_MAIN_NAME = \"DrawerMain\";\r\n\r\n/**\r\n * DrawerMain component\r\n * This is the main container for the tree that should be shown always\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {boolean} asChild - Render as child component\r\n * @property {React.ReactNode} children - DrawerMain children\r\n * @property {string} className - DrawerMain class name\r\n * @property {React.CSSProperties} style - DrawerMain style\r\n * @property {ScopedProps<DrawerMainProps>} __scopeDrawer - DrawerMain scope\r\n * @property {React.Ref<HTMLDivElement>} ref - DrawerMain ref\r\n * @property {React.HTMLAttributes<HTMLDivElement>} props - DrawerMain props\r\n * @returns {React.ReactElement}\r\n */\r\nconst DrawerMain = React.forwardRef<HTMLDivElement, ScopedProps<DrawerMainProps>>(\r\n  ({ asChild, children, className, style, __scopeDrawer, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    const { anchor, open, width, isMobile } = useDrawerProvider(DRAWER_MAIN_NAME, __scopeDrawer);\r\n\r\n    const marginStyle = React.useMemo(() => {\r\n      if (isMobile) {\r\n        return {};\r\n      }\r\n      if (anchor === \"left\") {\r\n        return { marginInlineStart: open ? width : 0 };\r\n      } else {\r\n        return { marginInlineEnd: open ? width : 0 };\r\n      }\r\n    }, [anchor, open, width, isMobile]);\r\n\r\n    return (\r\n      <Comp ref={ref} className={cn(\"flex-grow overflow-hidden\", className)} style={{ ...style, ...marginStyle }} {...props}>\r\n        {children}\r\n      </Comp>\r\n    );\r\n  },\r\n);\r\n\r\nDrawerMain.displayName = DRAWER_MAIN_NAME;\r\n\r\ntype DrawerContentProps = {\r\n  children?: React.ReactNode;\r\n  title: React.ReactNode;\r\n};\r\n\r\nconst DRAWER_CONTENT_NAME = \"DrawerContent\";\r\n\r\n/**\r\n * DrawerContent component\r\n * This is the content container for the tree that should be shown when the drawer is open\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {React.ReactNode} children - DrawerContent children\r\n * @param {React.ReactNode} title - DrawerContent title\r\n * @property {ScopedProps<DrawerContentProps>} __scopeDrawer - DrawerContent scope\r\n * @property {React.Ref<HTMLDivElement>} ref - DrawerContent ref\r\n * @property {React.HTMLAttributes<HTMLDivElement>} props - DrawerContent props\r\n * @returns {React.ReactElement}\r\n */\r\nconst DrawerContent = React.forwardRef<HTMLDivElement, ScopedProps<DrawerContentProps>>(({ children, title, __scopeDrawer }, ref) => {\r\n  const { anchor, open, width, onClose, isMobile } = useDrawerProvider(DRAWER_CONTENT_NAME, __scopeDrawer);\r\n\r\n  return (\r\n    <>\r\n      {isMobile ? (\r\n        <Modal title={title} open={open} onOpenChange={onClose} ref={ref} fullScreen>\r\n          {children}\r\n        </Modal>\r\n      ) : (\r\n        <div className={cn(\"hidden md:block overflow-hidden\")} style={{ width }} ref={ref}>\r\n          <div\r\n            className={cn(\r\n              \"overflow-y-auto flex flex-col h-full top-0 z-[120] bg-background transition-all border-gray-200\",\r\n              open ? \"\" : anchor === \"left\" ? \"-translate-x-full rtl:translate-x-full invisible\" : \"translate-x-full rtl:-translate-x-full invisible\",\r\n              anchor === \"left\" ? \"border-r\" : \"border-l\",\r\n            )}\r\n          >\r\n            <div\r\n              className={cn(\r\n                \"h-9 flex items-center gap-2 p-2 bg-background w-full sticky top-0 border-b border-gray-200\",\r\n                anchor === \"right\" ? \"justify-start rtl:justify-end\" : \"justify-end rtl:justify-start\",\r\n              )}\r\n            >\r\n              <IconButton onClick={onClose} className=\"w-5 h-5 p-0\">\r\n                <ChevronsRightIcon className={cn(\"w-5 h-5\", anchor === \"right\" ? \"rtl:-scale-100\" : \"-scale-100 rtl:scale-100\")} />\r\n              </IconButton>\r\n              {typeof title === \"string\" || typeof title === \"number\" ? <h2 className=\"text-lg font-bold text-text\">{title}</h2> : title}\r\n            </div>\r\n            {children}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nDrawerContent.displayName = DRAWER_CONTENT_NAME;\r\n\r\nconst Root = Drawer;\r\nconst Main = DrawerMain;\r\nconst Content = DrawerContent;\r\n\r\nexport { Drawer, DrawerMain, DrawerContent, Root, Main, Content };\r\nexport type { DrawerContentProps, DrawerMainProps, DrawerProps };\r\n"],"names":["DRAWER_NAME","createDrawerContext","createContextScope","DrawerProvider","useDrawerProvider","Drawer","React","props","ref","asChild","anchor","children","open","width","className","onClose","__scopeDrawer","mobileBreakpoint","restProps","Comp","Slot","windowSize","setWindowSize","observer","isMobile","defaultTheme","jsx","cn","DRAWER_MAIN_NAME","DrawerMain","style","marginStyle","DRAWER_CONTENT_NAME","DrawerContent","title","Fragment","Modal","jsxs","IconButton","ChevronsRightIcon"],"mappings":"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"}
+{"version":3,"file":"drawer.es.js","sources":["../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { ChevronsRight } from \"@trsys-tech/matrix-icons\";\r\nimport { createContextScope, Scope } from \"@radix-ui/react-context\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Modal } from \"../modal/Modal\";\r\nimport { IconButton } from \"../icon-botton/IconButton\";\r\nimport { useIsMobile } from \"../../lib/hooks/use-mobile\";\r\n\r\ntype ScopedProps<P> = P & { __scopeDrawer?: Scope };\r\n\r\nconst DRAWER_NAME = \"Drawer\";\r\n\r\nconst [createDrawerContext] = createContextScope(DRAWER_NAME);\r\n\r\ninterface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  open: boolean;\r\n  onClose?: () => void;\r\n  anchor?: \"left\" | \"right\";\r\n  width?: number;\r\n  children?: React.ReactNode;\r\n  asChild?: boolean;\r\n  mobileBreakpoint?: number;\r\n}\r\n\r\ntype DrawerContextValue = {\r\n  open: boolean;\r\n  onClose?: () => void;\r\n  anchor: \"left\" | \"right\";\r\n  width: number;\r\n  isMobile: boolean;\r\n};\r\n\r\nconst [DrawerProvider, useDrawerProvider] = createDrawerContext<DrawerContextValue>(DRAWER_NAME);\r\n\r\n/**\r\n * Drawer component\r\n * This is the wrapper component for Drawer content and main components\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {boolean} open - Drawer open state\r\n * @param {() => void} onClose - Drawer close handler\r\n * @param {\"left\" | \"right\"} anchor - Drawer anchor position\r\n * @param {number} width - Drawer width\r\n * @param {React.ReactNode} children - Drawer children\r\n * @param {boolean} asChild - Render as child component\r\n * @returns {React.ReactElement}\r\n */\r\nconst Drawer = React.forwardRef<React.ElementRef<\"div\">, ScopedProps<DrawerProps>>((props, ref) => {\r\n  const { asChild, anchor = \"right\", children, open, width = 240, className, onClose, __scopeDrawer, ...restProps } = props;\r\n  const Comp = asChild ? Slot : \"div\";\r\n\r\n  const isMobile = useIsMobile();\r\n\r\n  return (\r\n    <Comp ref={ref} className={cn(\"flex\", className)} {...restProps}>\r\n      <DrawerProvider anchor={anchor} onClose={onClose} open={open} width={width} isMobile={isMobile} scope={__scopeDrawer}>\r\n        {children}\r\n      </DrawerProvider>\r\n    </Comp>\r\n  );\r\n});\r\n\r\nDrawer.displayName = DRAWER_NAME;\r\n\r\ninterface DrawerMainProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  asChild: boolean;\r\n}\r\n\r\nconst DRAWER_MAIN_NAME = \"DrawerMain\";\r\n\r\n/**\r\n * DrawerMain component\r\n * This is the main container for the tree that should be shown always\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {boolean} asChild - Render as child component\r\n * @property {React.ReactNode} children - DrawerMain children\r\n * @property {string} className - DrawerMain class name\r\n * @property {React.CSSProperties} style - DrawerMain style\r\n * @property {ScopedProps<DrawerMainProps>} __scopeDrawer - DrawerMain scope\r\n * @property {React.Ref<HTMLDivElement>} ref - DrawerMain ref\r\n * @property {React.HTMLAttributes<HTMLDivElement>} props - DrawerMain props\r\n * @returns {React.ReactElement}\r\n */\r\nconst DrawerMain = React.forwardRef<HTMLDivElement, ScopedProps<DrawerMainProps>>(\r\n  ({ asChild, children, className, style, __scopeDrawer, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    const { anchor, open, width, isMobile } = useDrawerProvider(DRAWER_MAIN_NAME, __scopeDrawer);\r\n\r\n    const marginStyle = React.useMemo(() => {\r\n      if (isMobile) {\r\n        return {};\r\n      }\r\n      if (anchor === \"left\") {\r\n        return { marginInlineStart: open ? width : 0 };\r\n      } else {\r\n        return { marginInlineEnd: open ? width : 0 };\r\n      }\r\n    }, [anchor, open, width, isMobile]);\r\n\r\n    return (\r\n      <Comp ref={ref} className={cn(\"flex-grow overflow-hidden\", className)} style={{ ...style, ...marginStyle }} {...props}>\r\n        {children}\r\n      </Comp>\r\n    );\r\n  },\r\n);\r\n\r\nDrawerMain.displayName = DRAWER_MAIN_NAME;\r\n\r\ntype DrawerContentProps = {\r\n  children?: React.ReactNode;\r\n  title: React.ReactNode;\r\n};\r\n\r\nconst DRAWER_CONTENT_NAME = \"DrawerContent\";\r\n\r\n/**\r\n * DrawerContent component\r\n * This is the content container for the tree that should be shown when the drawer is open\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {React.ReactNode} children - DrawerContent children\r\n * @param {React.ReactNode} title - DrawerContent title\r\n * @property {ScopedProps<DrawerContentProps>} __scopeDrawer - DrawerContent scope\r\n * @property {React.Ref<HTMLDivElement>} ref - DrawerContent ref\r\n * @property {React.HTMLAttributes<HTMLDivElement>} props - DrawerContent props\r\n * @returns {React.ReactElement}\r\n */\r\nconst DrawerContent = React.forwardRef<HTMLDivElement, ScopedProps<DrawerContentProps>>(({ children, title, __scopeDrawer }, ref) => {\r\n  const { anchor, open, width, onClose, isMobile } = useDrawerProvider(DRAWER_CONTENT_NAME, __scopeDrawer);\r\n\r\n  return (\r\n    <>\r\n      {isMobile ? (\r\n        <Modal title={title} open={open} onOpenChange={onClose} ref={ref} fullScreen>\r\n          {children}\r\n        </Modal>\r\n      ) : (\r\n        <div className={cn(\"hidden md:block overflow-hidden\")} style={{ width }} ref={ref}>\r\n          <div\r\n            className={cn(\r\n              \"overflow-y-auto flex flex-col h-full top-0 z-[120] bg-background transition-all border-gray-200\",\r\n              open ? \"\" : anchor === \"left\" ? \"-translate-x-full rtl:translate-x-full invisible\" : \"translate-x-full rtl:-translate-x-full invisible\",\r\n              anchor === \"left\" ? \"border-r\" : \"border-l\",\r\n            )}\r\n          >\r\n            <div\r\n              className={cn(\r\n                \"h-9 flex items-center gap-2 p-2 bg-background w-full sticky top-0 border-b border-gray-200\",\r\n                anchor === \"right\" ? \"justify-start rtl:justify-end\" : \"justify-end rtl:justify-start\",\r\n              )}\r\n            >\r\n              <IconButton onClick={onClose} className=\"w-5 h-5 p-0\">\r\n                <ChevronsRight className={cn(\"w-5 h-5\", anchor === \"right\" ? \"rtl:-scale-100\" : \"-scale-100 rtl:scale-100\")} />\r\n              </IconButton>\r\n              {typeof title === \"string\" || typeof title === \"number\" ? <h2 className=\"text-lg font-bold text-text\">{title}</h2> : title}\r\n            </div>\r\n            {children}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nDrawerContent.displayName = DRAWER_CONTENT_NAME;\r\n\r\nconst Root = Drawer;\r\nconst Main = DrawerMain;\r\nconst Content = DrawerContent;\r\n\r\nexport { Drawer, DrawerMain, DrawerContent, Root, Main, Content };\r\nexport type { DrawerContentProps, DrawerMainProps, DrawerProps };\r\n"],"names":["DRAWER_NAME","createDrawerContext","createContextScope","DrawerProvider","useDrawerProvider","Drawer","React","props","ref","asChild","anchor","children","open","width","className","onClose","__scopeDrawer","restProps","Comp","Slot","isMobile","useIsMobile","jsx","cn","DRAWER_MAIN_NAME","DrawerMain","style","marginStyle","DRAWER_CONTENT_NAME","DrawerContent","title","Fragment","Modal","jsxs","IconButton","ChevronsRight"],"mappings":"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"}

package/dist/formcombobox.es.js

@@ -1,14 +1,12 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import { useState as w, useMemo as L, createElement as E } from "react";
-import { useController as M } from "react-hook-form";
+import { ChevronDown as M, Spinner as O, Check as V } from "@trsys-tech/matrix-icons";
+import { useController as j } from "react-hook-form";
 import { cn as i } from "./utils.es.js";
-import { CheckIcon as O } from "./checkicon.es.js";
-import { SpinnerIcon as V } from "./spinnericon.es.js";
-import { Button as j } from "./button.es.js";
-import { FormField as q, FormItem as B, FormLabel as D, FormControl as U, FormMessage as _ } from "./form.es.js";
-import { Combobox as z, ComboboxTrigger as A, ComboboxContent as G, ComboboxInput as H, ComboboxList as J, ComboboxEmpty as K, ComboboxItem as P } from "./combobox.es.js";
-import { ChevronDownIcon as Q } from "./chevrondownicon.es.js";
-const to = (I) => {
+import { Button as q } from "./button.es.js";
+import { FormField as B, FormItem as D, FormLabel as U, FormControl as _, FormMessage as z } from "./form.es.js";
+import { Combobox as A, ComboboxTrigger as G, ComboboxContent as H, ComboboxInput as J, ComboboxList as K, ComboboxEmpty as Q, ComboboxItem as P } from "./combobox.es.js";
+const ro = (N) => {
   const {
     name: d,
     control: b,
@@ -19,17 +17,17 @@ const to = (I) => {
     label: f,
     options: n,
     loading: a,
-    loadingText: m,
-    emptyOptionsText: N,
-    placeholder: v,
+    loadingText: s,
+    emptyOptionsText: v,
+    placeholder: I,
     slotProps: e,
     required: h,
     ...y
-  } = I, { field: s } = M({ name: d, control: b, rules: u, defaultValue: p, disabled: l, shouldUnregister: x }), [F, g] = w(!1), S = (t) => {
-    s.onChange(t), g(!1);
-  }, T = L(() => n.find((t) => t.value === s.value), [s.value, n]);
+  } = N, { field: m } = j({ name: d, control: b, rules: u, defaultValue: p, disabled: l, shouldUnregister: x }), [F, g] = w(!1), S = (t) => {
+    m.onChange(t), g(!1);
+  }, T = L(() => n.find((t) => t.value === m.value), [m.value, n]);
   return /* @__PURE__ */ o(
-    q,
+    B,
     {
       control: b,
       name: d,
@@ -37,14 +35,14 @@ const to = (I) => {
       disabled: l,
       rules: u,
       shouldUnregister: x,
-      render: ({ field: t }) => /* @__PURE__ */ r(B, { ...y, children: [
-        /* @__PURE__ */ r(D, { ...e?.formLabelProps ?? {}, children: [
+      render: ({ field: t }) => /* @__PURE__ */ r(D, { ...y, children: [
+        /* @__PURE__ */ r(U, { ...e?.formLabelProps ?? {}, children: [
           f,
           h && /* @__PURE__ */ o("span", { className: "text-danger text-sm", children: "*" })
         ] }),
-        /* @__PURE__ */ r(z, { ...e?.comboboxProps ?? {}, open: F, onOpenChange: g, children: [
-          /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(
-            A,
+        /* @__PURE__ */ r(A, { ...e?.comboboxProps ?? {}, open: F, onOpenChange: g, children: [
+          /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+            G,
             {
               className: i("*:truncate [&>span]:inline-block", e?.comboboxTriggerProps?.className),
               disabled: l ?? a,
@@ -52,7 +50,7 @@ const to = (I) => {
               "aria-required": h,
               ...e?.comboboxTriggerProps ?? {},
               children: /* @__PURE__ */ o(
-                j,
+                q,
                 {
                   variant: "text",
                   ...e?.comboboxValueProps ?? {},
@@ -61,7 +59,7 @@ const to = (I) => {
                     e?.comboboxValueProps?.className
                   ),
                   endIcon: /* @__PURE__ */ o(
-                    Q,
+                    M,
                     {
                       role: "button",
                       "aria-label": "Expand dropdown",
@@ -69,18 +67,18 @@ const to = (I) => {
                     }
                   ),
                   loading: a,
-                  children: a && m ? /* @__PURE__ */ o("span", { className: "text-muted-foreground", children: m }) : T?.label || /* @__PURE__ */ o("span", { className: "text-muted-foreground", children: v || f })
+                  children: a && s ? /* @__PURE__ */ o("span", { className: "text-muted-foreground", children: s }) : T?.label || /* @__PURE__ */ o("span", { className: "text-muted-foreground", children: I || f })
                 }
               )
             }
           ) }),
-          /* @__PURE__ */ r(G, { ...e?.comboboxContentProps ?? {}, children: [
-            /* @__PURE__ */ o(H, { placeholder: "Search for a car..." }),
-            /* @__PURE__ */ r(J, { children: [
-              a && /* @__PURE__ */ r(K, { children: [
-                /* @__PURE__ */ o(V, { className: "inline-block mb-0.5" }),
+          /* @__PURE__ */ r(H, { ...e?.comboboxContentProps ?? {}, children: [
+            /* @__PURE__ */ o(J, { placeholder: "Search for a car..." }),
+            /* @__PURE__ */ r(K, { children: [
+              a && /* @__PURE__ */ r(Q, { children: [
+                /* @__PURE__ */ o(O, { className: "inline-block mb-0.5" }),
                 " ",
-                m || "Loading..."
+                s || "Loading..."
               ] }),
               !a && !n.length ? /* @__PURE__ */ o(
                 P,
@@ -88,7 +86,7 @@ const to = (I) => {
                   ...e?.comboboxItemProps ?? {},
                   value: "8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee7564623",
                   disabled: !0,
-                  children: N || "No Items"
+                  children: v || "No Items"
                 }
               ) : null,
               n?.map(({ value: c, label: C }, k) => /* @__PURE__ */ E(
@@ -100,17 +98,17 @@ const to = (I) => {
                   onSelect: () => S(c)
                 },
                 C,
-                /* @__PURE__ */ o(O, { className: i("ml-auto", c === t.value ? "opacity-100" : "opacity-0") })
+                /* @__PURE__ */ o(V, { className: i("ml-auto", c === t.value ? "opacity-100" : "opacity-0") })
               ))
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ o(_, { ...e?.formMessageProps ?? {} })
+        /* @__PURE__ */ o(z, { ...e?.formMessageProps ?? {} })
       ] })
     }
   );
 };
 export {
-  to as FormCombobox
+  ro as FormCombobox
 };
 //# sourceMappingURL=formcombobox.es.js.map

package/dist/formcombobox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"formcombobox.es.js","sources":["../src/components/form-combobox/FormCombobox.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\r\nimport { ControllerProps, FieldPath, FieldValues, useController } from \"react-hook-form\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { CheckIcon } from \"../Icons/CheckIcon\";\r\nimport { SpinnerIcon } from \"../Icons/SpinnerIcon\";\r\nimport { Button, ButtonProps } from \"../button/Button\";\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger } from \"../combobox/Combobox\";\r\nimport { ChevronDownIcon } from \"../Icons/ChevronDownIcon\";\r\n\r\ntype FormComboboxProps<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    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      comboboxProps?: React.ComponentProps<typeof Combobox>;\r\n      comboboxTriggerProps?: React.ComponentProps<typeof ComboboxTrigger>;\r\n      comboboxValueProps?: ButtonProps;\r\n      comboboxContentProps?: React.ComponentProps<typeof ComboboxContent>;\r\n      comboboxItemProps?: React.ComponentProps<typeof ComboboxItem>;\r\n    };\r\n  };\r\n\r\nconst FormCombobox = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(\r\n  props: FormComboboxProps<TFieldValues, TName>,\r\n) => {\r\n  const {\r\n    name,\r\n    control,\r\n    defaultValue,\r\n    disabled,\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  const [open, setOpen] = useState(false);\r\n\r\n  const handleChange = (value: string | number) => {\r\n    field.onChange(value);\r\n    setOpen(false);\r\n  };\r\n\r\n  const value = useMemo(() => options.find(option => option.value === field.value), [field.value, options]);\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\">*</span>}\r\n            </FormLabel>\r\n            <Combobox {...(slotProps?.comboboxProps ?? {})} open={open} onOpenChange={setOpen}>\r\n              <FormControl>\r\n                <ComboboxTrigger\r\n                  className={cn(\"*:truncate [&>span]:inline-block\", slotProps?.comboboxTriggerProps?.className)}\r\n                  disabled={disabled ?? loading}\r\n                  asChild\r\n                  aria-required={required}\r\n                  {...(slotProps?.comboboxTriggerProps ?? {})}\r\n                >\r\n                  <Button\r\n                    variant=\"text\"\r\n                    {...(slotProps?.comboboxValueProps ?? {})}\r\n                    className={cn(\r\n                      \"group flex h-9 w-full border text-sm border-gray-300 disabled:bg-gray-100\",\r\n                      slotProps?.comboboxValueProps?.className,\r\n                    )}\r\n                    endIcon={\r\n                      <ChevronDownIcon\r\n                        role=\"button\"\r\n                        aria-label=\"Expand dropdown\"\r\n                        className=\"ms-auto h-5 w-5 !text-muted-foreground cursor-pointer group-data-[state=open]:rotate-180 transition-transform\"\r\n                      />\r\n                    }\r\n                    loading={loading}\r\n                  >\r\n                    {loading && loadingText ? (\r\n                      <span className=\"text-muted-foreground\">{loadingText}</span>\r\n                    ) : (\r\n                      value?.label || <span className=\"text-muted-foreground\">{placeholder || label}</span>\r\n                    )}\r\n                  </Button>\r\n                </ComboboxTrigger>\r\n              </FormControl>\r\n              <ComboboxContent {...(slotProps?.comboboxContentProps ?? {})}>\r\n                <ComboboxInput placeholder=\"Search for a car...\" />\r\n                <ComboboxList>\r\n                  {loading && (\r\n                    <ComboboxEmpty>\r\n                      <SpinnerIcon className=\"inline-block mb-0.5\" /> {loadingText || \"Loading...\"}\r\n                    </ComboboxEmpty>\r\n                  )}\r\n                  {!loading && !options.length ? (\r\n                    <ComboboxItem\r\n                      {...(slotProps?.comboboxItemProps ?? {})}\r\n                      value=\"8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee7564623\"\r\n                      disabled\r\n                    >\r\n                      {emptyOptionsText || \"No Items\"}\r\n                    </ComboboxItem>\r\n                  ) : null}\r\n                  {options?.map(({ value, label }, index) => (\r\n                    <ComboboxItem\r\n                      {...(slotProps?.comboboxItemProps ?? {})}\r\n                      value={String(value)}\r\n                      key={index + \"_\" + label}\r\n                      onSelect={() => handleChange(value)}\r\n                    >\r\n                      {label}\r\n                      <CheckIcon className={cn(\"ml-auto\", value === field.value ? \"opacity-100\" : \"opacity-0\")} />\r\n                    </ComboboxItem>\r\n                  ))}\r\n                </ComboboxList>\r\n              </ComboboxContent>\r\n            </Combobox>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormCombobox, type FormComboboxProps };\r\n"],"names":["FormCombobox","props","name","control","defaultValue","disabled","rules","shouldUnregister","label","options","loading","loadingText","emptyOptionsText","placeholder","slotProps","required","formItemProps","field","useController","open","setOpen","useState","handleChange","value","useMemo","option","jsx","FormField","jsxs","FormItem","FormLabel","Combobox","FormControl","ComboboxTrigger","cn","Button","ChevronDownIcon","ComboboxContent","ComboboxInput","ComboboxList","ComboboxEmpty","SpinnerIcon","ComboboxItem","index","createElement","CheckIcon","FormMessage"],"mappings":";;;;;;;;;;AAkCM,MAAAA,KAAe,CACnBC,MACG;AACG,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDf,GAEE,EAAE,OAAAgB,EAAM,IAAIC,EAAc,EAAE,MAAAhB,GAAM,SAAAC,GAAS,OAAAG,GAAO,cAAAF,GAAc,UAAAC,GAAU,kBAAAE,GAAkB,GAC5F,CAACY,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAEhCC,IAAe,CAACC,MAA2B;AAC/C,IAAAN,EAAM,SAASM,CAAK,GACpBH,EAAQ,EAAK;AAAA,EACf,GAEMG,IAAQC,EAAQ,MAAMf,EAAQ,KAAK,CAAUgB,MAAAA,EAAO,UAAUR,EAAM,KAAK,GAAG,CAACA,EAAM,OAAOR,CAAO,CAAC;AAGtG,SAAA,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAxB;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAU,QAEP,gBAAAW,EAACC,GAAU,EAAA,GAAGb,GACZ,UAAA;AAAA,QAAA,gBAAAY,EAACE,GAAW,EAAA,GAAIhB,GAAW,kBAAkB,CAC1C,GAAA,UAAA;AAAA,UAAAN;AAAA,UACAO,KAAY,gBAAAW,EAAC,QAAK,EAAA,WAAU,uBAAsB,UAAC,IAAA,CAAA;AAAA,QAAA,GACtD;AAAA,QACA,gBAAAE,EAACG,KAAU,GAAIjB,GAAW,iBAAiB,CAAC,GAAI,MAAAK,GAAY,cAAcC,GACxE,UAAA;AAAA,UAAA,gBAAAM,EAACM,GACC,EAAA,UAAA,gBAAAN;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,WAAWC,EAAG,oCAAoCpB,GAAW,sBAAsB,SAAS;AAAA,cAC5F,UAAUT,KAAYK;AAAA,cACtB,SAAO;AAAA,cACP,iBAAeK;AAAA,cACd,GAAID,GAAW,wBAAwB,CAAC;AAAA,cAEzC,UAAA,gBAAAY;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACP,GAAIrB,GAAW,sBAAsB,CAAC;AAAA,kBACvC,WAAWoB;AAAA,oBACT;AAAA,oBACApB,GAAW,oBAAoB;AAAA,kBACjC;AAAA,kBACA,SACE,gBAAAY;AAAA,oBAACU;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,cAAW;AAAA,sBACX,WAAU;AAAA,oBAAA;AAAA,kBACZ;AAAA,kBAEF,SAAA1B;AAAA,kBAEC,UAAWA,KAAAC,IACT,gBAAAe,EAAA,QAAA,EAAK,WAAU,yBAAyB,UAAAf,EAAA,CAAY,IAErDY,GAAO,SAAU,gBAAAG,EAAA,QAAA,EAAK,WAAU,yBAAyB,eAAelB,EAAM,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAElF;AAAA,UAAA,GAEJ;AAAA,4BACC6B,GAAiB,EAAA,GAAIvB,GAAW,wBAAwB,CACvD,GAAA,UAAA;AAAA,YAAC,gBAAAY,EAAAY,GAAA,EAAc,aAAY,sBAAsB,CAAA;AAAA,8BAChDC,GACE,EAAA,UAAA;AAAA,cAAA7B,uBACE8B,GACC,EAAA,UAAA;AAAA,gBAAC,gBAAAd,EAAAe,GAAA,EAAY,WAAU,sBAAsB,CAAA;AAAA,gBAAE;AAAA,gBAAE9B,KAAe;AAAA,cAAA,GAClE;AAAA,cAED,CAACD,KAAW,CAACD,EAAQ,SACpB,gBAAAiB;AAAA,gBAACgB;AAAA,gBAAA;AAAA,kBACE,GAAI5B,GAAW,qBAAqB,CAAC;AAAA,kBACtC,OAAM;AAAA,kBACN,UAAQ;AAAA,kBAEP,UAAoBF,KAAA;AAAA,gBAAA;AAAA,cAAA,IAErB;AAAA,cACHH,GAAS,IAAI,CAAC,EAAE,OAAAc,GAAO,OAAAf,KAASmC,MAC/B,gBAAAC;AAAA,gBAACF;AAAA,gBAAA;AAAA,kBACE,GAAI5B,GAAW,qBAAqB,CAAC;AAAA,kBACtC,OAAO,OAAOS,CAAK;AAAA,kBACnB,KAAKoB,IAAQ,MAAMnC;AAAAA,kBACnB,UAAU,MAAMc,EAAaC,CAAK;AAAA,gBAAA;AAAA,gBAEjCf;AAAAA,gBACD,gBAAAkB,EAACmB,GAAU,EAAA,WAAWX,EAAG,WAAWX,MAAUN,EAAM,QAAQ,gBAAgB,WAAW,EAAG,CAAA;AAAA,cAE7F,CAAA;AAAA,YAAA,EACH,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA,GACF;AAAA,0BACC6B,GAAa,EAAA,GAAIhC,GAAW,oBAAoB,CAAA,EAAK,CAAA;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"formcombobox.es.js","sources":["../src/components/form-combobox/FormCombobox.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\r\nimport { Check, ChevronDown, Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { ControllerProps, FieldPath, FieldValues, useController } from \"react-hook-form\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Button, ButtonProps } from \"../button/Button\";\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger } from \"../combobox/Combobox\";\r\n\r\ntype FormComboboxProps<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    slotProps?: {\r\n      formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n      formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n      comboboxProps?: React.ComponentProps<typeof Combobox>;\r\n      comboboxTriggerProps?: React.ComponentProps<typeof ComboboxTrigger>;\r\n      comboboxValueProps?: ButtonProps;\r\n      comboboxContentProps?: React.ComponentProps<typeof ComboboxContent>;\r\n      comboboxItemProps?: React.ComponentProps<typeof ComboboxItem>;\r\n    };\r\n  };\r\n\r\nconst FormCombobox = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(\r\n  props: FormComboboxProps<TFieldValues, TName>,\r\n) => {\r\n  const {\r\n    name,\r\n    control,\r\n    defaultValue,\r\n    disabled,\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  const [open, setOpen] = useState(false);\r\n\r\n  const handleChange = (value: string | number) => {\r\n    field.onChange(value);\r\n    setOpen(false);\r\n  };\r\n\r\n  const value = useMemo(() => options.find(option => option.value === field.value), [field.value, options]);\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\">*</span>}\r\n            </FormLabel>\r\n            <Combobox {...(slotProps?.comboboxProps ?? {})} open={open} onOpenChange={setOpen}>\r\n              <FormControl>\r\n                <ComboboxTrigger\r\n                  className={cn(\"*:truncate [&>span]:inline-block\", slotProps?.comboboxTriggerProps?.className)}\r\n                  disabled={disabled ?? loading}\r\n                  asChild\r\n                  aria-required={required}\r\n                  {...(slotProps?.comboboxTriggerProps ?? {})}\r\n                >\r\n                  <Button\r\n                    variant=\"text\"\r\n                    {...(slotProps?.comboboxValueProps ?? {})}\r\n                    className={cn(\r\n                      \"group flex h-9 w-full border text-sm border-gray-300 disabled:bg-gray-100\",\r\n                      slotProps?.comboboxValueProps?.className,\r\n                    )}\r\n                    endIcon={\r\n                      <ChevronDown\r\n                        role=\"button\"\r\n                        aria-label=\"Expand dropdown\"\r\n                        className=\"ms-auto h-5 w-5 !text-muted-foreground cursor-pointer group-data-[state=open]:rotate-180 transition-transform\"\r\n                      />\r\n                    }\r\n                    loading={loading}\r\n                  >\r\n                    {loading && loadingText ? (\r\n                      <span className=\"text-muted-foreground\">{loadingText}</span>\r\n                    ) : (\r\n                      value?.label || <span className=\"text-muted-foreground\">{placeholder || label}</span>\r\n                    )}\r\n                  </Button>\r\n                </ComboboxTrigger>\r\n              </FormControl>\r\n              <ComboboxContent {...(slotProps?.comboboxContentProps ?? {})}>\r\n                <ComboboxInput placeholder=\"Search for a car...\" />\r\n                <ComboboxList>\r\n                  {loading && (\r\n                    <ComboboxEmpty>\r\n                      <Spinner className=\"inline-block mb-0.5\" /> {loadingText || \"Loading...\"}\r\n                    </ComboboxEmpty>\r\n                  )}\r\n                  {!loading && !options.length ? (\r\n                    <ComboboxItem\r\n                      {...(slotProps?.comboboxItemProps ?? {})}\r\n                      value=\"8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee7564623\"\r\n                      disabled\r\n                    >\r\n                      {emptyOptionsText || \"No Items\"}\r\n                    </ComboboxItem>\r\n                  ) : null}\r\n                  {options?.map(({ value, label }, index) => (\r\n                    <ComboboxItem\r\n                      {...(slotProps?.comboboxItemProps ?? {})}\r\n                      value={String(value)}\r\n                      key={index + \"_\" + label}\r\n                      onSelect={() => handleChange(value)}\r\n                    >\r\n                      {label}\r\n                      <Check className={cn(\"ml-auto\", value === field.value ? \"opacity-100\" : \"opacity-0\")} />\r\n                    </ComboboxItem>\r\n                  ))}\r\n                </ComboboxList>\r\n              </ComboboxContent>\r\n            </Combobox>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormCombobox, type FormComboboxProps };\r\n"],"names":["FormCombobox","props","name","control","defaultValue","disabled","rules","shouldUnregister","label","options","loading","loadingText","emptyOptionsText","placeholder","slotProps","required","formItemProps","field","useController","open","setOpen","useState","handleChange","value","useMemo","option","jsx","FormField","jsxs","FormItem","FormLabel","Combobox","FormControl","ComboboxTrigger","cn","Button","ChevronDown","ComboboxContent","ComboboxInput","ComboboxList","ComboboxEmpty","Spinner","ComboboxItem","index","createElement","Check","FormMessage"],"mappings":"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"}

package/dist/formdatepicker.es.js

@@ -0,0 +1,29 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { FormField as P, FormItem as f, FormLabel as F, FormControl as h, FormMessage as g } from "./form.es.js";
+import { DatePicker as x } from "./datepicker.es.js";
+const j = (t) => {
+  const { name: l, control: m, defaultValue: n, disabled: a, rules: c, shouldUnregister: d, label: i, slotProps: e, required: p, ...u } = t;
+  return /* @__PURE__ */ r(
+    P,
+    {
+      control: m,
+      name: l,
+      defaultValue: n,
+      disabled: a,
+      rules: c,
+      shouldUnregister: d,
+      render: ({ field: o }) => /* @__PURE__ */ s(f, { ...u, children: [
+        /* @__PURE__ */ s(F, { ...e?.formLabelProps ?? {}, children: [
+          i,
+          p && /* @__PURE__ */ r("span", { className: "text-danger text-sm", children: "*" })
+        ] }),
+        /* @__PURE__ */ r(h, { ...e?.formControlProps ?? {}, children: /* @__PURE__ */ r(x, { ...e?.datepickerProps ?? {}, selected: o.value, onSelect: o.onChange }) }),
+        /* @__PURE__ */ r(g, { ...e?.formMessageProps ?? {} })
+      ] })
+    }
+  );
+};
+export {
+  j as FormDatePicker
+};
+//# sourceMappingURL=formdatepicker.es.js.map

package/dist/formdatepicker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formdatepicker.es.js","sources":["../src/components/form-date-picker/FormDatePicker.tsx"],"sourcesContent":["import { 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 { DatePicker, type DatePickerProps } from \"../date-picker/DatePicker\";\r\n\r\ntype FormDatePickerProps<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    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?: DatePickerProps;\r\n    };\r\n  };\r\n\r\nconst FormDatePicker = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormDatePickerProps<TFieldValues, TName>) => {\r\n  const { name, control, defaultValue, disabled, 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\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <DatePicker {...(slotProps?.datepickerProps ?? {})} selected={field.value} onSelect={field.onChange} />\r\n            </FormControl>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormDatePicker, type FormDatePickerProps };\r\n"],"names":["FormDatePicker","props","name","control","defaultValue","disabled","rules","shouldUnregister","label","slotProps","required","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","DatePicker","FormMessage"],"mappings":";;;AAqBM,MAAAA,IAAiB,CAA0EC,MAAoD;AACnJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAkB,IAAAV;AAGvH,SAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAO,QAEP,gBAAAC,EAACC,GAAU,EAAA,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAW,EAAA,GAAIR,GAAW,kBAAkB,CAC1C,GAAA,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAE,EAAC,QAAK,EAAA,WAAU,uBAAsB,UAAC,IAAA,CAAA;AAAA,QAAA,GACtD;AAAA,QACA,gBAAAA,EAACM,KAAa,GAAIT,GAAW,oBAAoB,CAAA,GAC/C,4BAACU,GAAY,EAAA,GAAIV,GAAW,mBAAmB,CAAA,GAAK,UAAUK,EAAM,OAAO,UAAUA,EAAM,SAAU,CAAA,GACvG;AAAA,0BACCM,GAAa,EAAA,GAAIX,GAAW,oBAAoB,CAAA,EAAK,CAAA;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EACF;AAEJ;"}

package/dist/formdaterangepicker.es.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { FormField as P, FormItem as f, FormLabel as g, FormControl as F, FormMessage as h } from "./form.es.js";
+import { DateRangePicker as x } from "./daterangepicker.es.js";
+const j = (t) => {
+  const { name: l, control: m, defaultValue: n, disabled: a, rules: c, shouldUnregister: d, label: i, slotProps: r, required: p, ...u } = t;
+  return /* @__PURE__ */ e(
+    P,
+    {
+      control: m,
+      name: l,
+      defaultValue: n,
+      disabled: a,
+      rules: c,
+      shouldUnregister: d,
+      render: ({ field: o }) => /* @__PURE__ */ s(f, { ...u, children: [
+        /* @__PURE__ */ s(g, { ...r?.formLabelProps ?? {}, children: [
+          i,
+          p && /* @__PURE__ */ e("span", { className: "text-danger text-sm", children: "*" })
+        ] }),
+        /* @__PURE__ */ e(F, { ...r?.formControlProps ?? {}, children: /* @__PURE__ */ e(x, { ...r?.datepickerProps ?? {}, selected: o.value, onSelect: o.onChange }) }),
+        /* @__PURE__ */ e(h, { ...r?.formMessageProps ?? {} })
+      ] })
+    }
+  );
+};
+export {
+  j as FormDateRangePicker
+};
+//# sourceMappingURL=formdaterangepicker.es.js.map

package/dist/formdaterangepicker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formdaterangepicker.es.js","sources":["../src/components/form-date-range-picker/FormDateRangePicker.tsx"],"sourcesContent":["import { 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\n\r\nimport { DateRangePicker, DateRangePickerProps } from \"../date-picker/DateRangePicker\";\r\n\r\ntype FormDateRangePickerProps<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    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?: DateRangePickerProps;\r\n    };\r\n  };\r\n\r\nconst FormDateRangePicker = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(\r\n  props: FormDateRangePickerProps<TFieldValues, TName>,\r\n) => {\r\n  const { name, control, defaultValue, disabled, 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\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <DateRangePicker {...(slotProps?.datepickerProps ?? {})} selected={field.value} onSelect={field.onChange} />\r\n            </FormControl>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormDateRangePicker, type FormDateRangePickerProps };\r\n"],"names":["FormDateRangePicker","props","name","control","defaultValue","disabled","rules","shouldUnregister","label","slotProps","required","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","DateRangePicker","FormMessage"],"mappings":";;;AAsBM,MAAAA,IAAsB,CAC1BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAkB,IAAAV;AAGvH,SAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAO,QAEP,gBAAAC,EAACC,GAAU,EAAA,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAW,EAAA,GAAIR,GAAW,kBAAkB,CAC1C,GAAA,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAE,EAAC,QAAK,EAAA,WAAU,uBAAsB,UAAC,IAAA,CAAA;AAAA,QAAA,GACtD;AAAA,QACA,gBAAAA,EAACM,KAAa,GAAIT,GAAW,oBAAoB,CAAA,GAC/C,4BAACU,GAAiB,EAAA,GAAIV,GAAW,mBAAmB,CAAA,GAAK,UAAUK,EAAM,OAAO,UAAUA,EAAM,SAAU,CAAA,GAC5G;AAAA,0BACCM,GAAa,EAAA,GAAIX,GAAW,oBAAoB,CAAA,EAAK,CAAA;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EACF;AAEJ;"}

package/dist/formrating.es.js

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { StarIcon as h } from "./starticon.es.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Star as h } from "@trsys-tech/matrix-icons";
 import { Rating as F } from "./rating.es.js";
 import { FormField as x, FormItem as P, FormLabel as b, FormControl as C, FormMessage as I } from "./form.es.js";
-const R = (m) => {
+const R = (n) => {
   const {
     name: s,
     control: a,
@@ -12,11 +12,11 @@ const R = (m) => {
     shouldUnregister: p,
     label: d,
     slotProps: o,
-    required: c,
-    Icon: u = h,
+    required: u,
+    Icon: c = h,
     max: g = 5,
     ...f
-  } = m;
+  } = n;
   return /* @__PURE__ */ r(
     x,
     {
@@ -26,19 +26,19 @@ const R = (m) => {
       disabled: e,
       rules: i,
       shouldUnregister: p,
-      render: ({ field: n }) => /* @__PURE__ */ t(P, { ...f, children: [
-        /* @__PURE__ */ t(b, { ...o?.formLabelProps ?? {}, children: [
+      render: ({ field: t }) => /* @__PURE__ */ m(P, { ...f, children: [
+        /* @__PURE__ */ m(b, { ...o?.formLabelProps ?? {}, children: [
           d,
-          c && /* @__PURE__ */ r("span", { className: "text-danger text-sm", children: "*" })
+          u && /* @__PURE__ */ r("span", { className: "text-danger text-sm", children: "*" })
         ] }),
         /* @__PURE__ */ r(C, { ...o?.formControlProps ?? {}, children: /* @__PURE__ */ r(
           F,
           {
             ...o?.ratingProps ?? {},
-            value: n.value,
+            value: t.value,
             max: g,
-            Icon: u,
-            onValueChange: n.onChange,
+            Icon: c,
+            onValueChange: t.onChange,
             disabled: e
           }
         ) }),

package/dist/formrating.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"formrating.es.js","sources":["../src/components/form-rating/FormRating.tsx"],"sourcesContent":["import { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues } from \"react-hook-form\";\r\n\r\nimport { StarIcon } from \"../Icons/StartIcon\";\r\nimport { Rating, RatingProps } from \"../rating/Rating\";\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\n\r\ntype FormRatingProps<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    Icon?: React.JSXElementConstructor<React.SVGProps<SVGSVGElement>>;\r\n    max?: number;\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      ratingProps?: RatingProps;\r\n    };\r\n  };\r\n\r\nconst FormRating = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormRatingProps<TFieldValues, TName>) => {\r\n  const {\r\n    name,\r\n    control,\r\n    defaultValue,\r\n    disabled,\r\n    rules,\r\n    shouldUnregister,\r\n    label,\r\n    slotProps,\r\n    required,\r\n    Icon = StarIcon,\r\n    max = 5,\r\n    ...formItemProps\r\n  } = 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\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <Rating\r\n                {...(slotProps?.ratingProps ?? {})}\r\n                value={field.value}\r\n                max={max}\r\n                Icon={Icon}\r\n                onValueChange={field.onChange}\r\n                disabled={disabled}\r\n              ></Rating>\r\n            </FormControl>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormRating, type FormRatingProps };\r\n"],"names":["FormRating","props","name","control","defaultValue","disabled","rules","shouldUnregister","label","slotProps","required","Icon","StarIcon","max","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","Rating","FormMessage"],"mappings":";;;;AAsBM,MAAAA,IAAa,CAA0EC,MAAgD;AACrI,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOC;AAAA,IACP,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACDb;AAGF,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAU,QAEP,gBAAAC,EAACC,GAAU,EAAA,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAW,EAAA,GAAIX,GAAW,kBAAkB,CAC1C,GAAA,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAK,EAAC,QAAK,EAAA,WAAU,uBAAsB,UAAC,IAAA,CAAA;AAAA,QAAA,GACtD;AAAA,0BACCM,GAAa,EAAA,GAAIZ,GAAW,oBAAoB,CAAA,GAC/C,UAAA,gBAAAM;AAAA,UAACO;AAAA,UAAA;AAAA,YACE,GAAIb,GAAW,eAAe,CAAC;AAAA,YAChC,OAAOQ,EAAM;AAAA,YACb,KAAAJ;AAAA,YACA,MAAAF;AAAA,YACA,eAAeM,EAAM;AAAA,YACrB,UAAAZ;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,0BACCkB,GAAa,EAAA,GAAId,GAAW,oBAAoB,CAAA,EAAK,CAAA;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"formrating.es.js","sources":["../src/components/form-rating/FormRating.tsx"],"sourcesContent":["import { Star } from \"@trsys-tech/matrix-icons\";\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues } from \"react-hook-form\";\r\n\r\nimport { Rating, RatingProps } from \"../rating/Rating\";\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\n\r\ntype FormRatingProps<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    Icon?: React.JSXElementConstructor<React.SVGProps<SVGSVGElement>>;\r\n    max?: number;\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      ratingProps?: RatingProps;\r\n    };\r\n  };\r\n\r\nconst FormRating = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormRatingProps<TFieldValues, TName>) => {\r\n  const {\r\n    name,\r\n    control,\r\n    defaultValue,\r\n    disabled,\r\n    rules,\r\n    shouldUnregister,\r\n    label,\r\n    slotProps,\r\n    required,\r\n    Icon = Star,\r\n    max = 5,\r\n    ...formItemProps\r\n  } = 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\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <Rating\r\n                {...(slotProps?.ratingProps ?? {})}\r\n                value={field.value}\r\n                max={max}\r\n                Icon={Icon}\r\n                onValueChange={field.onChange}\r\n                disabled={disabled}\r\n              ></Rating>\r\n            </FormControl>\r\n            <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n          </FormItem>\r\n        );\r\n      }}\r\n    />\r\n  );\r\n};\r\nexport { FormRating, type FormRatingProps };\r\n"],"names":["FormRating","props","name","control","defaultValue","disabled","rules","shouldUnregister","label","slotProps","required","Icon","Star","max","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","Rating","FormMessage"],"mappings":";;;;AAsBM,MAAAA,IAAa,CAA0EC,MAAgD;AACrI,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAOC;AAAA,IACP,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACDb;AAGF,SAAA,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAU,QAEP,gBAAAC,EAACC,GAAU,EAAA,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAW,EAAA,GAAIX,GAAW,kBAAkB,CAC1C,GAAA,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAK,EAAC,QAAK,EAAA,WAAU,uBAAsB,UAAC,IAAA,CAAA;AAAA,QAAA,GACtD;AAAA,0BACCM,GAAa,EAAA,GAAIZ,GAAW,oBAAoB,CAAA,GAC/C,UAAA,gBAAAM;AAAA,UAACO;AAAA,UAAA;AAAA,YACE,GAAIb,GAAW,eAAe,CAAC;AAAA,YAChC,OAAOQ,EAAM;AAAA,YACb,KAAAJ;AAAA,YACA,MAAAF;AAAA,YACA,eAAeM,EAAM;AAAA,YACrB,UAAAZ;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,0BACCkB,GAAa,EAAA,GAAId,GAAW,oBAAoB,CAAA,EAAK,CAAA;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EACF;AAEJ;"}

package/dist/formselect.es.js

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

package/dist/formselect.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"formselect.es.js","sources":["../src/components/form-select/FormSelect.tsx"],"sourcesContent":["import { 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 { SpinnerIcon } from \"../Icons/SpinnerIcon\";\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    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    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\">*</span>}\r\n            </FormLabel>\r\n            <Select\r\n              {...(slotProps?.selectProps ?? {})}\r\n              disabled={disabled}\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                    <SpinnerIcon 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","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","SpinnerIcon","option","index","createElement","FormMessage"],"mappings":"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"}
+{"version":3,"file":"formselect.es.js","sources":["../src/components/form-select/FormSelect.tsx"],"sourcesContent":["import { 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    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    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\">*</span>}\r\n            </FormLabel>\r\n            <Select\r\n              {...(slotProps?.selectProps ?? {})}\r\n              disabled={disabled}\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","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/formtextarea.es.js

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

package/dist/formtextarea.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formtextarea.es.js","sources":["../src/components/form-textarea/FormTextarea.tsx"],"sourcesContent":["import { 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    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, 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\">*</span>}\r\n            </FormLabel>\r\n            <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n              <Textarea aria-required={required} disabled={disabled} {...(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","rules","shouldUnregister","label","slotProps","required","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","Textarea","FormMessage"],"mappings":";;;AAqBM,MAAAA,IAAe,CAA0EC,MAAkD;AAC/I,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAkB,IAAAV;AAGvH,SAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAO,QAEP,gBAAAC,EAACC,GAAU,EAAA,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAW,EAAA,GAAIR,GAAW,kBAAkB,CAC1C,GAAA,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAE,EAAC,QAAK,EAAA,WAAU,uBAAsB,UAAC,IAAA,CAAA;AAAA,QAAA,GACtD;AAAA,0BACCM,GAAa,EAAA,GAAIT,GAAW,oBAAoB,IAC/C,UAAC,gBAAAG,EAAAO,GAAA,EAAS,iBAAeT,GAAU,UAAAL,GAAqB,GAAII,GAAW,iBAAiB,IAAM,GAAGK,EAAO,CAAA,GAC1G;AAAA,0BACCM,GAAa,EAAA,GAAIX,GAAW,oBAAoB,CAAA,EAAK,CAAA;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EACF;AAEJ;"}

package/dist/formtimepicker.es.js

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