@trsys-tech/matrix-library 0.3.0

package/dist/modal.es.js

@@ -0,0 +1,78 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import * as n from "react";
+import * as o from "@radix-ui/react-dialog";
+import { cn as s } from "./utils.es.js";
+import { CloseIcon as w } from "./closeicon.es.js";
+const b = o.Portal, v = o.Close, c = n.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ t(
+  o.Overlay,
+  {
+    ref: l,
+    className: s(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...a
+  }
+));
+c.displayName = o.Overlay.displayName;
+const m = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: s("flex flex-row justify-between", e), ...a });
+m.displayName = "DialogHeader";
+const M = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: s("flex flex-row justify-end gap-2", e), ...a });
+M.displayName = "DialogFooter";
+const p = n.forwardRef(
+  ({ className: e, ...a }, l) => /* @__PURE__ */ t(o.Title, { ref: l, className: s("text-lg font-semibold leading-none tracking-tight", e), ...a })
+);
+p.displayName = o.Title.displayName;
+const C = n.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ t(o.Description, { ref: l, className: s("text-sm text-muted-foreground", e), ...a }));
+C.displayName = o.Description.displayName;
+const P = n.forwardRef((e, a) => {
+  const { title: l, className: f, children: g, fullScreen: i, open: u, onOpenChange: N, defaultOpen: x, modal: h, slotProps: d, ...y } = e;
+  return /* @__PURE__ */ t(o.Root, { defaultOpen: x, modal: h, open: u, onOpenChange: N, children: /* @__PURE__ */ r(b, { ...d?.portal ?? {}, children: [
+    /* @__PURE__ */ t(c, {}),
+    /* @__PURE__ */ r(
+      o.Content,
+      {
+        ref: a,
+        className: s(
+          "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50 flex flex-col gap-2 w-full max-w-lg p-4 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          i ? "w-screen h-screen" : "max-w-lg",
+          f
+        ),
+        ...y,
+        "aria-describedby": void 0,
+        children: [
+          /* @__PURE__ */ r(m, { ...d?.header ?? {}, children: [
+            /* @__PURE__ */ t(p, { ...d?.title ?? {}, children: l }),
+            /* @__PURE__ */ r(
+              v,
+              {
+                ...d?.close ?? {},
+                className: s(
+                  "rounded-sm hover:bg-primary-50 hover:ring-2 hover:ring-primary-50 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground mt-0",
+                  d?.close?.className
+                ),
+                children: [
+                  /* @__PURE__ */ t(w, { className: "h-5 w-5" }),
+                  /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(
+            "hr",
+            {
+              ...d?.divider ?? {},
+              className: s("w-full border-muted -mt-[1px] pb-2", i && "w-screen -mx-4", d?.divider?.className)
+            }
+          ),
+          g
+        ]
+      }
+    )
+  ] }) });
+});
+export {
+  P as Modal,
+  M as ModalFooter
+};
+//# sourceMappingURL=modal.es.js.map

package/dist/modal.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.es.js","sources":["../src/components/modal/Modal.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { CloseIcon } from \"../Icons/CloseIcon\";\r\n\r\nconst ModalPortal = DialogPrimitive.Portal;\r\n\r\nconst ModalClose = DialogPrimitive.Close;\r\n\r\nconst ModalOverlay = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Overlay\r\n    ref={ref}\r\n    className={cn(\r\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nModalOverlay.displayName = DialogPrimitive.Overlay.displayName;\r\n\r\nconst ModalHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div className={cn(\"flex flex-row justify-between\", className)} {...props} />\r\n);\r\nModalHeader.displayName = \"DialogHeader\";\r\n\r\nconst ModalFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div className={cn(\"flex flex-row justify-end gap-2\", className)} {...props} />\r\n);\r\nModalFooter.displayName = \"DialogFooter\";\r\ntype ModalFooterProps = React.ComponentProps<typeof ModalFooter>;\r\n\r\nconst ModalTitle = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Title>, React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>>(\r\n  ({ className, ...props }, ref) => (\r\n    <DialogPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)} {...props} />\r\n  ),\r\n);\r\nModalTitle.displayName = DialogPrimitive.Title.displayName;\r\n\r\nconst ModalDescription = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => <DialogPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />);\r\nModalDescription.displayName = DialogPrimitive.Description.displayName;\r\n\r\ninterface ModalProps extends DialogPrimitive.DialogProps, Omit<DialogPrimitive.DialogContentProps, \"title\"> {\r\n  title: React.ReactNode;\r\n  fullScreen?: boolean;\r\n  slotProps?: {\r\n    title?: DialogPrimitive.DialogTitleProps;\r\n    close?: DialogPrimitive.DialogCloseProps;\r\n    header?: React.ComponentProps<typeof ModalHeader>;\r\n    portal?: DialogPrimitive.DialogPortalProps;\r\n    divider?: React.ComponentProps<\"hr\">;\r\n  };\r\n}\r\n\r\nconst Modal = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Content>, ModalProps>((props, ref) => {\r\n  const { title, className, children, fullScreen, open, onOpenChange, defaultOpen, modal, slotProps, ...restProps } = props;\r\n\r\n  return (\r\n    <DialogPrimitive.Root defaultOpen={defaultOpen} modal={modal} open={open} onOpenChange={onOpenChange}>\r\n      <ModalPortal {...(slotProps?.portal ?? {})}>\r\n        <ModalOverlay />\r\n        <DialogPrimitive.Content\r\n          ref={ref}\r\n          className={cn(\r\n            \"fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50 flex flex-col gap-2 w-full max-w-lg p-4 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\r\n            fullScreen ? \"w-screen h-screen\" : \"max-w-lg\",\r\n            className,\r\n          )}\r\n          {...restProps}\r\n          aria-describedby={undefined}\r\n        >\r\n          <ModalHeader {...(slotProps?.header ?? {})}>\r\n            <ModalTitle {...(slotProps?.title ?? {})}>{title}</ModalTitle>\r\n            <ModalClose\r\n              {...(slotProps?.close ?? {})}\r\n              className={cn(\r\n                \"rounded-sm hover:bg-primary-50 hover:ring-2 hover:ring-primary-50 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground mt-0\",\r\n                slotProps?.close?.className,\r\n              )}\r\n            >\r\n              <CloseIcon className=\"h-5 w-5\" />\r\n              <span className=\"sr-only\">Close</span>\r\n            </ModalClose>\r\n          </ModalHeader>\r\n          {/* Divider: the padding and margin is because of a bug in chrome causes the border to be shown with more height than expected */}\r\n          <hr\r\n            {...(slotProps?.divider ?? {})}\r\n            className={cn(\"w-full border-muted -mt-[1px] pb-2\", fullScreen && \"w-screen -mx-4\", slotProps?.divider?.className)}\r\n          />\r\n          {children}\r\n        </DialogPrimitive.Content>\r\n      </ModalPortal>\r\n    </DialogPrimitive.Root>\r\n  );\r\n});\r\n\r\nexport { Modal, ModalFooter, type ModalProps, type ModalFooterProps };\r\n"],"names":["ModalPortal","DialogPrimitive","ModalClose","ModalOverlay","React","className","props","ref","jsx","cn","ModalHeader","ModalFooter","ModalTitle","ModalDescription","Modal","title","children","fullScreen","open","onOpenChange","defaultOpen","modal","slotProps","restProps","jsxs","CloseIcon"],"mappings":"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"}

package/dist/multiselect.es.js

@@ -0,0 +1,203 @@
+import { jsxs as t, jsx as r, Fragment as N } from "react/jsx-runtime";
+import * as f from "react";
+import { tv as J } from "tailwind-variants";
+import { cn as i } from "./utils.es.js";
+import { Badge as S } from "./badge.es.js";
+import { Button as Q } from "./button.es.js";
+import { CheckIcon as C } from "./checkicon.es.js";
+import { CloseIcon as j } from "./closeicon.es.js";
+import { Separator as k } from "./separator.es.js";
+import { CloseCircleIcon as T } from "./closecircleicon.es.js";
+import { ChevronDownIcon as I } from "./chevrondownicon.es.js";
+import { Popover as U, PopoverTrigger as W, PopoverContent as X } from "./popover.es.js";
+import { Command as Y, CommandInput as Z, CommandList as ee, CommandEmpty as re, CommandGroup as P, CommandItem as h, CommandSeparator as te } from "./command.es.js";
+const E = J({
+  base: "flex gap-1 items-center py-0.5 px-2 rounded-xl",
+  variants: {
+    variant: {
+      default: "border-none shadow-none bg-primary-50 text-primary hover:bg-primary-50",
+      secondary: "border-foreground/10 bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+      inverted: "inverted"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), oe = f.forwardRef(
+  ({
+    options: n,
+    onValueChange: s,
+    value: g,
+    variant: y,
+    disabled: w,
+    defaultValue: O = [],
+    placeholder: D = "Select options",
+    maxCount: d = 3,
+    modalPopover: V = !1,
+    // asChild = false,
+    className: B,
+    moreText: K = "more",
+    clearText: _ = "Clear",
+    closeText: A = "Close",
+    selectAllText: L = "Select All",
+    noResultsText: M = "No results found.",
+    loading: m,
+    loadingText: p = "Loading...",
+    ...R
+  }, $) => {
+    const [o, l] = f.useState(O ?? g), [F, c] = f.useState(!1);
+    f.useEffect(() => {
+      l(g ?? []);
+    }, [g]);
+    const G = (e) => {
+      if (e.key === "Enter")
+        c(!0);
+      else if (e.key === "Backspace" && !e.currentTarget.value) {
+        const a = [...o];
+        a.pop(), l(a), s(a);
+      }
+    }, v = (e) => {
+      const a = o.includes(e) ? o.filter((u) => u !== e) : [...o, e];
+      l(a), s(a);
+    }, b = () => {
+      l([]), s([]);
+    }, q = () => {
+      c((e) => !e);
+    }, z = () => {
+      const e = o.slice(0, d);
+      l(e), s(e);
+    }, H = () => {
+      if (o.length === n.length)
+        b();
+      else {
+        const e = n.map((a) => a.value);
+        l(e), s(e);
+      }
+    };
+    return /* @__PURE__ */ t(U, { open: F, onOpenChange: c, modal: V, children: [
+      /* @__PURE__ */ r(W, { asChild: !0, children: /* @__PURE__ */ r(
+        Q,
+        {
+          ref: $,
+          variant: "text",
+          loading: m,
+          disabled: w,
+          ...R,
+          onClick: q,
+          className: i(
+            "flex max-h-14 h-auto w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent px-3 py-1.5 text-sm shadow-sm ring-offset-background 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",
+            B
+          ),
+          children: /* @__PURE__ */ r(N, { children: o.length > 0 ? /* @__PURE__ */ t("div", { className: "flex justify-between items-center w-full", children: [
+            /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
+              o.slice(0, d).map((e) => {
+                const a = n.find((x) => x.value === e), u = a?.icon;
+                return /* @__PURE__ */ t(S, { className: i(E({ variant: y }), { "text-gray-400 bg-gray-200": w || m }), children: [
+                  /* @__PURE__ */ r(
+                    j,
+                    {
+                      className: "h-4 w-4 cursor-pointer",
+                      onClick: (x) => {
+                        x.stopPropagation(), v(e);
+                      }
+                    }
+                  ),
+                  u && /* @__PURE__ */ r(u, { className: "h-4 w-4 mr-2" }),
+                  a?.label
+                ] }, e);
+              }),
+              o.length > d && /* @__PURE__ */ t(S, { className: i(E({ variant: y })), children: [
+                `+ ${o.length - d} ${K}`,
+                /* @__PURE__ */ r(
+                  T,
+                  {
+                    role: "button",
+                    className: "ml-2 h-4 w-4 cursor-pointer",
+                    onClick: (e) => {
+                      e.stopPropagation(), z();
+                    }
+                  }
+                )
+              ] }),
+              m && p ? p : null
+            ] }),
+            /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-1", children: [
+              /* @__PURE__ */ r(
+                j,
+                {
+                  role: "button",
+                  className: "h-4.5 w-4.5 text-muted-foreground cursor-pointer",
+                  onClick: (e) => {
+                    e.stopPropagation(), b();
+                  },
+                  "aria-label": "Clear"
+                }
+              ),
+              /* @__PURE__ */ r(k, { orientation: "vertical", className: "flex min-h-5 h-full" }),
+              /* @__PURE__ */ r(I, { role: "button", "aria-label": "Expand dropdown", className: "h-5 w-5 text-muted-foreground cursor-pointer" })
+            ] })
+          ] }) : /* @__PURE__ */ t("div", { className: "flex items-center justify-between w-full mx-auto", children: [
+            /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground mx-3", children: m && p ? p : D }),
+            /* @__PURE__ */ r(I, { role: "button", "aria-label": "Expand dropdown", className: "h-5 w-5 text-muted-foreground cursor-pointer" })
+          ] }) })
+        }
+      ) }),
+      /* @__PURE__ */ r(X, { className: "w-auto p-0", align: "start", onEscapeKeyDown: () => c(!1), children: /* @__PURE__ */ t(Y, { className: "w-[--radix-popper-anchor-width]", children: [
+        /* @__PURE__ */ r(Z, { placeholder: "Search...", onKeyDown: G }),
+        /* @__PURE__ */ t(ee, { className: "max-h-[--radix-popper-available-height]", children: [
+          /* @__PURE__ */ r(re, { children: M }),
+          /* @__PURE__ */ t(P, { children: [
+            /* @__PURE__ */ t(h, { onSelect: H, className: "cursor-pointer", children: [
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: i(
+                    "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                    o.length === n.length ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                  ),
+                  children: /* @__PURE__ */ r(C, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ t("span", { children: [
+                "(",
+                L,
+                ")"
+              ] })
+            ] }, "all"),
+            n.map((e) => {
+              const a = o.includes(e.value);
+              return /* @__PURE__ */ t(h, { onSelect: () => v(e.value), className: "cursor-pointer", children: [
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: i(
+                      "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                      a ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                    ),
+                    children: /* @__PURE__ */ r(C, { className: "h-4 w-4" })
+                  }
+                ),
+                e.icon && /* @__PURE__ */ r(e.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ r("span", { children: e.label })
+              ] }, e.value);
+            })
+          ] }),
+          /* @__PURE__ */ r(te, {}),
+          /* @__PURE__ */ r(P, { children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+            o.length > 0 && /* @__PURE__ */ t(N, { children: [
+              /* @__PURE__ */ r(h, { onSelect: b, className: "flex-1 justify-center cursor-pointer", children: _ }),
+              /* @__PURE__ */ r(k, { orientation: "vertical", className: "flex min-h-6 h-full" })
+            ] }),
+            /* @__PURE__ */ r(h, { onSelect: () => c(!1), className: "flex-1 justify-center cursor-pointer max-w-full", children: A })
+          ] }) })
+        ] })
+      ] }) })
+    ] });
+  }
+);
+oe.displayName = "MultiSelect";
+export {
+  oe as MultiSelect
+};
+//# sourceMappingURL=multiselect.es.js.map

package/dist/multiselect.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.es.js","sources":["../src/components/multi-select/MultiSelect.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Badge } from \"../badge/Badge\";\r\nimport { Button } from \"../button/Button\";\r\nimport { CheckIcon } from \"../Icons/CheckIcon\";\r\nimport { CloseIcon } from \"../Icons/CloseIcon\";\r\nimport { Separator } from \"../separator/Separator\";\r\nimport { CloseCircleIcon } from \"../Icons/CloseCircleIcon\";\r\nimport { ChevronDownIcon } from \"../Icons/ChevronDownIcon\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from \"../command/Command\";\r\n\r\n/**\r\n * Variants for the multi-select component to handle different styles.\r\n * Uses tailwind-variants (cva) to define different styles based on \"variant\" prop.\r\n */\r\nconst multiSelectVariants = tv({\r\n  base: \"flex gap-1 items-center py-0.5 px-2 rounded-xl\",\r\n  variants: {\r\n    variant: {\r\n      default: \"border-none shadow-none bg-primary-50 text-primary hover:bg-primary-50\",\r\n      secondary: \"border-foreground/10 bg-secondary text-secondary-foreground hover:bg-secondary/80\",\r\n      destructive: \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\r\n      inverted: \"inverted\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\n/**\r\n * Props for MultiSelect component\r\n */\r\ninterface MultiSelectProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof multiSelectVariants> {\r\n  /**\r\n   * An array of option objects to be displayed in the multi-select component.\r\n   * Each option object has a label, value, and an optional icon.\r\n   */\r\n  options: {\r\n    /** The text to display for the option. */\r\n    label: string;\r\n    /** The unique value associated with the option. */\r\n    value: string;\r\n    /** Optional icon component to display alongside the option. */\r\n    icon?: React.ComponentType<{ className?: string }>;\r\n  }[];\r\n\r\n  /**\r\n   * Callback function triggered when the selected values change.\r\n   * Receives an array of the new selected values.\r\n   */\r\n  onValueChange: (value: string[]) => void;\r\n\r\n  /**\r\n   * selected values in the multi-select component.\r\n   */\r\n  value?: string[];\r\n\r\n  /** The default selected values when the component mounts. */\r\n  defaultValue?: string[];\r\n\r\n  /**\r\n   * Placeholder text to be displayed when no values are selected.\r\n   * Optional, defaults to \"Select options\".\r\n   */\r\n  placeholder?: string;\r\n\r\n  /**\r\n   * Maximum number of items to display. Extra selected items will be summarized.\r\n   * Optional, defaults to 3.\r\n   */\r\n  maxCount?: number;\r\n\r\n  /**\r\n   * The modality of the popover. When set to true, interaction with outside elements\r\n   * will be disabled and only popover content will be visible to screen readers.\r\n   * Optional, defaults to false.\r\n   */\r\n  modalPopover?: boolean;\r\n\r\n  /**\r\n   * If true, renders the multi-select component as a child of another component.\r\n   * Optional, defaults to false.\r\n   */\r\n  asChild?: boolean;\r\n\r\n  /**\r\n   * Additional class names to apply custom styles to the multi-select component.\r\n   * Optional, can be used to add custom styles.\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Text to display on the close button when the multi-select component is open.\r\n   */\r\n  closeText?: string;\r\n\r\n  /**\r\n   * Text to display on the select all button when the multi-select component is open.\r\n   */\r\n  selectAllText?: string;\r\n\r\n  /**\r\n   * Text to display on the clear button when the multi-select component is open.\r\n   */\r\n  clearText?: string;\r\n\r\n  /**\r\n   * Text to display on the more button when the multi-select component is open.\r\n   */\r\n  moreText?: string;\r\n\r\n  /**\r\n   * Text to display when no results are found in the search input.\r\n   */\r\n  noResultsText?: string;\r\n\r\n  /**\r\n   * If true, the multi-select component will be in a loading state.\r\n   */\r\n  loading?: boolean;\r\n\r\n  /**\r\n   * Text to display when the multi-select component is in a loading state.\r\n   */\r\n  loadingText?: string;\r\n}\r\n\r\nconst MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\r\n  (\r\n    {\r\n      options,\r\n      onValueChange,\r\n      value,\r\n      variant,\r\n      disabled,\r\n      defaultValue = [],\r\n      placeholder = \"Select options\",\r\n      maxCount = 3,\r\n      modalPopover = false,\r\n      // asChild = false,\r\n      className,\r\n      moreText = \"more\",\r\n      clearText = \"Clear\",\r\n      closeText = \"Close\",\r\n      selectAllText = \"Select All\",\r\n      noResultsText = \"No results found.\",\r\n      loading,\r\n      loadingText = \"Loading...\",\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const [selectedValues, setSelectedValues] = React.useState<string[]>(defaultValue ?? value);\r\n    const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\r\n\r\n    React.useEffect(() => {\r\n      setSelectedValues(value ?? []);\r\n    }, [value]);\r\n\r\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n      if (event.key === \"Enter\") {\r\n        setIsPopoverOpen(true);\r\n      } else if (event.key === \"Backspace\" && !event.currentTarget.value) {\r\n        const newSelectedValues = [...selectedValues];\r\n        newSelectedValues.pop();\r\n        setSelectedValues(newSelectedValues);\r\n        onValueChange(newSelectedValues);\r\n      }\r\n    };\r\n\r\n    const toggleOption = (option: string) => {\r\n      const newSelectedValues = selectedValues.includes(option) ? selectedValues.filter(value => value !== option) : [...selectedValues, option];\r\n      setSelectedValues(newSelectedValues);\r\n      onValueChange(newSelectedValues);\r\n    };\r\n\r\n    const handleClear = () => {\r\n      setSelectedValues([]);\r\n      onValueChange([]);\r\n    };\r\n\r\n    const handleTogglePopover = () => {\r\n      setIsPopoverOpen(prev => !prev);\r\n    };\r\n\r\n    const clearExtraOptions = () => {\r\n      const newSelectedValues = selectedValues.slice(0, maxCount);\r\n      setSelectedValues(newSelectedValues);\r\n      onValueChange(newSelectedValues);\r\n    };\r\n\r\n    const toggleAll = () => {\r\n      if (selectedValues.length === options.length) {\r\n        handleClear();\r\n      } else {\r\n        const allValues = options.map(option => option.value);\r\n        setSelectedValues(allValues);\r\n        onValueChange(allValues);\r\n      }\r\n    };\r\n\r\n    return (\r\n      <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen} modal={modalPopover}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            ref={ref}\r\n            variant=\"text\"\r\n            loading={loading}\r\n            disabled={disabled}\r\n            {...props}\r\n            onClick={handleTogglePopover}\r\n            className={cn(\r\n              \"flex max-h-14 h-auto w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent px-3 py-1.5 text-sm shadow-sm ring-offset-background 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\",\r\n              className,\r\n            )}\r\n          >\r\n            <>\r\n              {selectedValues.length > 0 ? (\r\n                <div className=\"flex justify-between items-center w-full\">\r\n                  <div className=\"flex flex-wrap items-center gap-2\">\r\n                    {selectedValues.slice(0, maxCount).map(value => {\r\n                      const option = options.find(o => o.value === value);\r\n                      const IconComponent = option?.icon;\r\n                      return (\r\n                        <Badge key={value} className={cn(multiSelectVariants({ variant }), { \"text-gray-400 bg-gray-200\": disabled || loading })}>\r\n                          <CloseIcon\r\n                            className=\"h-4 w-4 cursor-pointer\"\r\n                            onClick={event => {\r\n                              event.stopPropagation();\r\n                              toggleOption(value);\r\n                            }}\r\n                          />\r\n                          {IconComponent && <IconComponent className=\"h-4 w-4 mr-2\" />}\r\n                          {option?.label}\r\n                        </Badge>\r\n                      );\r\n                    })}\r\n                    {selectedValues.length > maxCount && (\r\n                      <Badge className={cn(multiSelectVariants({ variant }))}>\r\n                        {`+ ${selectedValues.length - maxCount} ${moreText}`}\r\n                        <CloseCircleIcon\r\n                          role=\"button\"\r\n                          className=\"ml-2 h-4 w-4 cursor-pointer\"\r\n                          onClick={event => {\r\n                            event.stopPropagation();\r\n                            clearExtraOptions();\r\n                          }}\r\n                        />\r\n                      </Badge>\r\n                    )}\r\n                    {loading && loadingText ? loadingText : null}\r\n                  </div>\r\n                  <div className=\"flex items-center justify-between gap-1\">\r\n                    <CloseIcon\r\n                      role=\"button\"\r\n                      className=\"h-4.5 w-4.5 text-muted-foreground cursor-pointer\"\r\n                      onClick={event => {\r\n                        event.stopPropagation();\r\n                        handleClear();\r\n                      }}\r\n                      aria-label=\"Clear\"\r\n                    />\r\n                    <Separator orientation=\"vertical\" className=\"flex min-h-5 h-full\" />\r\n\r\n                    <ChevronDownIcon role=\"button\" aria-label=\"Expand dropdown\" className=\"h-5 w-5 text-muted-foreground cursor-pointer\" />\r\n                  </div>\r\n                </div>\r\n              ) : (\r\n                <div className=\"flex items-center justify-between w-full mx-auto\">\r\n                  <span className=\"text-sm text-muted-foreground mx-3\">{loading && loadingText ? loadingText : placeholder}</span>\r\n\r\n                  <ChevronDownIcon role=\"button\" aria-label=\"Expand dropdown\" className=\"h-5 w-5 text-muted-foreground cursor-pointer\" />\r\n                </div>\r\n              )}\r\n            </>\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-auto p-0\" align=\"start\" onEscapeKeyDown={() => setIsPopoverOpen(false)}>\r\n          <Command className=\"w-[--radix-popper-anchor-width]\">\r\n            <CommandInput placeholder=\"Search...\" onKeyDown={handleInputKeyDown} />\r\n            <CommandList className=\"max-h-[--radix-popper-available-height]\">\r\n              <CommandEmpty>{noResultsText}</CommandEmpty>\r\n              <CommandGroup>\r\n                <CommandItem key=\"all\" onSelect={toggleAll} className=\"cursor-pointer\">\r\n                  <div\r\n                    className={cn(\r\n                      \"mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary\",\r\n                      selectedValues.length === options.length ? \"bg-primary text-primary-foreground\" : \"opacity-50 [&_svg]:invisible\",\r\n                    )}\r\n                  >\r\n                    <CheckIcon className=\"h-4 w-4\" />\r\n                  </div>\r\n                  <span>({selectAllText})</span>\r\n                </CommandItem>\r\n                {options.map(option => {\r\n                  const isSelected = selectedValues.includes(option.value);\r\n                  return (\r\n                    <CommandItem key={option.value} onSelect={() => toggleOption(option.value)} className=\"cursor-pointer\">\r\n                      <div\r\n                        className={cn(\r\n                          \"mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary\",\r\n                          isSelected ? \"bg-primary text-primary-foreground\" : \"opacity-50 [&_svg]:invisible\",\r\n                        )}\r\n                      >\r\n                        <CheckIcon className=\"h-4 w-4\" />\r\n                      </div>\r\n                      {option.icon && <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />}\r\n                      <span>{option.label}</span>\r\n                    </CommandItem>\r\n                  );\r\n                })}\r\n              </CommandGroup>\r\n              <CommandSeparator />\r\n              <CommandGroup>\r\n                <div className=\"flex items-center justify-between\">\r\n                  {selectedValues.length > 0 && (\r\n                    <>\r\n                      <CommandItem onSelect={handleClear} className=\"flex-1 justify-center cursor-pointer\">\r\n                        {clearText}\r\n                      </CommandItem>\r\n                      <Separator orientation=\"vertical\" className=\"flex min-h-6 h-full\" />\r\n                    </>\r\n                  )}\r\n                  <CommandItem onSelect={() => setIsPopoverOpen(false)} className=\"flex-1 justify-center cursor-pointer max-w-full\">\r\n                    {closeText}\r\n                  </CommandItem>\r\n                </div>\r\n              </CommandGroup>\r\n            </CommandList>\r\n          </Command>\r\n        </PopoverContent>\r\n      </Popover>\r\n    );\r\n  },\r\n);\r\n\r\nMultiSelect.displayName = \"MultiSelect\";\r\n\r\nexport { MultiSelect, type MultiSelectProps };\r\n"],"names":["multiSelectVariants","tv","MultiSelect","React","options","onValueChange","value","variant","disabled","defaultValue","placeholder","maxCount","modalPopover","className","moreText","clearText","closeText","selectAllText","noResultsText","loading","loadingText","props","ref","selectedValues","setSelectedValues","isPopoverOpen","setIsPopoverOpen","handleInputKeyDown","event","newSelectedValues","toggleOption","option","handleClear","handleTogglePopover","prev","clearExtraOptions","toggleAll","allValues","Popover","jsx","PopoverTrigger","Button","cn","jsxs","o","IconComponent","Badge","CloseIcon","CloseCircleIcon","Separator","ChevronDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CheckIcon","isSelected","CommandSeparator","Fragment"],"mappings":"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"}

package/dist/normalizedates.es.js

@@ -0,0 +1,12 @@
+import { constructFrom as r } from "./constructfrom.es.js";
+function i(e, ...o) {
+  const n = r.bind(
+    null,
+    o.find((t) => typeof t == "object")
+  );
+  return o.map(n);
+}
+export {
+  i as normalizeDates
+};
+//# sourceMappingURL=normalizedates.es.js.map

package/dist/normalizedates.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizedates.es.js","sources":["../node_modules/date-fns/_lib/normalizeDates.js"],"sourcesContent":["import { constructFrom } from \"../constructFrom.js\";\n\nexport function normalizeDates(context, ...dates) {\n  const normalize = constructFrom.bind(\n    null,\n    context || dates.find((date) => typeof date === \"object\"),\n  );\n  return dates.map(normalize);\n}\n"],"names":["normalizeDates","context","dates","normalize","constructFrom","date"],"mappings":";AAEO,SAASA,EAAeC,MAAYC,GAAO;AAChD,QAAMC,IAAYC,EAAc;AAAA,IAC9B;AAAA,IACWF,EAAM,KAAK,CAACG,MAAS,OAAOA,KAAS,QAAQ;AAAA,EACzD;AACD,SAAOH,EAAM,IAAIC,CAAS;AAC5B;","x_google_ignoreList":[0]}

package/dist/popover.es.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+import * as o from "@radix-ui/react-popover";
+import { cn as s } from "./utils.es.js";
+const l = o.Root, c = o.Trigger, g = o.Anchor, m = n.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+  o.Content,
+  {
+    ref: i,
+    align: a,
+    sideOffset: r,
+    className: s(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...d
+  }
+) }));
+m.displayName = o.Content.displayName;
+export {
+  l as Popover,
+  g as PopoverAnchor,
+  m as PopoverContent,
+  c as PopoverTrigger
+};
+//# sourceMappingURL=popover.es.js.map

package/dist/popover.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.es.js","sources":["../src/components/popover/Popover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport type { PopoverContentProps, PopoverProps, PopoverTriggerProps, PopoverAnchorProps } from \"@radix-ui/react-popover\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Popover = PopoverPrimitive.Root;\r\n\r\nconst PopoverTrigger = PopoverPrimitive.Trigger;\r\n\r\nconst PopoverAnchor = PopoverPrimitive.Anchor;\r\n\r\nconst PopoverContent = React.forwardRef<\r\n  React.ElementRef<typeof PopoverPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\r\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\r\n  <PopoverPrimitive.Portal>\r\n    <PopoverPrimitive.Content\r\n      ref={ref}\r\n      align={align}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </PopoverPrimitive.Portal>\r\n));\r\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\r\n\r\nexport {\r\n  Popover,\r\n  PopoverTrigger,\r\n  PopoverContent,\r\n  PopoverAnchor,\r\n  type PopoverProps,\r\n  type PopoverContentProps,\r\n  type PopoverTriggerProps,\r\n  type PopoverAnchorProps,\r\n};\r\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","React","className","align","sideOffset","props","ref","jsx","cn"],"mappings":";;;;AAQA,MAAMA,IAAUC,EAAiB,MAE3BC,IAAiBD,EAAiB,SAElCE,IAAgBF,EAAiB,QAEjCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MAC3D,gBAAAC,EAAAV,EAAiB,QAAjB,EACC,UAAA,gBAAAU;AAAA,EAACV,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAS;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,GACF,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}

package/dist/printhtml.es.js

@@ -0,0 +1,13 @@
+function i(n) {
+  const e = document.createElement("iframe");
+  e.style.position = "absolute", e.style.width = "0", e.style.height = "0", e.style.border = "none", document.body.appendChild(e);
+  const t = e.contentWindow?.document;
+  t && (t.open(), t.write(n), t.close()), e.onload = async function() {
+    e.contentWindow?.print(), await new Promise((o) => setTimeout(o, 500)).then(() => {
+    }), document.body.removeChild(e);
+  };
+}
+export {
+  i as printHtml
+};
+//# sourceMappingURL=printhtml.es.js.map

package/dist/printhtml.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"printhtml.es.js","sources":["../src/lib/printHtml.ts"],"sourcesContent":["export function printHtml(html: string) {\r\n  // Create an iframe element\r\n  const iframe = document.createElement(\"iframe\");\r\n  iframe.style.position = \"absolute\";\r\n  iframe.style.width = \"0\";\r\n  iframe.style.height = \"0\";\r\n  iframe.style.border = \"none\";\r\n\r\n  // Append the iframe to the body\r\n  document.body.appendChild(iframe);\r\n\r\n  // Write the content to the iframe\r\n  const doc = iframe.contentWindow?.document;\r\n  if (doc) {\r\n    doc.open();\r\n    doc.write(html);\r\n    doc.close();\r\n  }\r\n\r\n  // Wait for the content to load and then trigger the print dialog\r\n  iframe.onload = async function () {\r\n    iframe.contentWindow?.print();\r\n    await new Promise(resolve => setTimeout(resolve, 500)).then(() => {});\r\n    document.body.removeChild(iframe); // Clean up by removing the iframe\r\n  };\r\n}\r\n"],"names":["printHtml","html","iframe","doc","resolve"],"mappings":"AAAO,SAASA,EAAUC,GAAc;AAEhC,QAAAC,IAAS,SAAS,cAAc,QAAQ;AAC9C,EAAAA,EAAO,MAAM,WAAW,YACxBA,EAAO,MAAM,QAAQ,KACrBA,EAAO,MAAM,SAAS,KACtBA,EAAO,MAAM,SAAS,QAGb,SAAA,KAAK,YAAYA,CAAM;AAG1B,QAAAC,IAAMD,EAAO,eAAe;AAClC,EAAIC,MACFA,EAAI,KAAK,GACTA,EAAI,MAAMF,CAAI,GACdE,EAAI,MAAM,IAIZD,EAAO,SAAS,iBAAkB;AAChC,IAAAA,EAAO,eAAe,MAAM,GACtB,MAAA,IAAI,QAAQ,CAAWE,MAAA,WAAWA,GAAS,GAAG,CAAC,EAAE,KAAK,MAAM;AAAA,IAAA,CAAE,GAC3D,SAAA,KAAK,YAAYF,CAAM;AAAA,EAClC;AACF;"}

package/dist/printicon.es.js

@@ -0,0 +1,8 @@
+import { jsx as C } from "react/jsx-runtime";
+function t(H) {
+  return /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "currentColor", viewBox: "0 0 24 24", ...H, children: /* @__PURE__ */ C("path", { d: "M6.71721 4.41663H15.9813L17.25 5.65402V8.49996H19V5.65402C19 5.18991 18.8157 4.74475 18.4874 4.41663L17.25 3.17923C16.9219 2.851 16.4771 2.66663 16.0141 2.66663H6.71721C5.78351 2.66663 5.00039 3.44975 5.00002 4.4159L5.00009 7.41569C5.00002 7.41569 5.00017 7.41569 5.00009 7.41569L5.00002 8.49996H6.75039L6.71721 4.41663ZM18.7084 9.66663H5.29169C3.84429 9.66663 2.66669 10.8442 2.66669 12.2916V16.375C2.66669 16.858 3.05861 17.25 3.54169 17.25H5.58335V20.1666C5.58335 20.8108 6.1058 21.3333 6.75002 21.3333H17.25C17.8942 21.3333 18.4167 20.8108 18.4167 20.1666V17.25H20.4584C20.9414 17.25 21.3334 16.858 21.3334 16.375V12.2916C21.3334 10.8442 20.1558 9.66663 18.7084 9.66663ZM16.6667 19.5833H7.33335V16.0833H16.6667V19.5833ZM19.5834 15.5H18.4167C18.4167 14.8557 17.8942 14.3333 17.25 14.3333H6.75002C6.1058 14.3333 5.58335 14.8557 5.58335 15.5H4.41669V12.2916C4.41669 11.8093 4.80934 11.4166 5.29169 11.4166H18.7084C19.1907 11.4166 19.5834 11.8093 19.5834 12.2916V15.5Z" }) });
+}
+export {
+  t as PrintIcon
+};
+//# sourceMappingURL=printicon.es.js.map

package/dist/printicon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"printicon.es.js","sources":["../src/components/Icons/PrintIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function PrintIcon(props: SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n      <path d=\"M6.71721 4.41663H15.9813L17.25 5.65402V8.49996H19V5.65402C19 5.18991 18.8157 4.74475 18.4874 4.41663L17.25 3.17923C16.9219 2.851 16.4771 2.66663 16.0141 2.66663H6.71721C5.78351 2.66663 5.00039 3.44975 5.00002 4.4159L5.00009 7.41569C5.00002 7.41569 5.00017 7.41569 5.00009 7.41569L5.00002 8.49996H6.75039L6.71721 4.41663ZM18.7084 9.66663H5.29169C3.84429 9.66663 2.66669 10.8442 2.66669 12.2916V16.375C2.66669 16.858 3.05861 17.25 3.54169 17.25H5.58335V20.1666C5.58335 20.8108 6.1058 21.3333 6.75002 21.3333H17.25C17.8942 21.3333 18.4167 20.8108 18.4167 20.1666V17.25H20.4584C20.9414 17.25 21.3334 16.858 21.3334 16.375V12.2916C21.3334 10.8442 20.1558 9.66663 18.7084 9.66663ZM16.6667 19.5833H7.33335V16.0833H16.6667V19.5833ZM19.5834 15.5H18.4167C18.4167 14.8557 17.8942 14.3333 17.25 14.3333H6.75002C6.1058 14.3333 5.58335 14.8557 5.58335 15.5H4.41669V12.2916C4.41669 11.8093 4.80934 11.4166 5.29169 11.4166H18.7084C19.1907 11.4166 19.5834 11.8093 19.5834 12.2916V15.5Z\" />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["PrintIcon","props"],"mappings":";AAEO,SAASA,EAAUC,GAAgC;AACxD,2BACG,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,gBAAe,SAAQ,aAAa,GAAGA,GACzG,4BAAC,QAAK,EAAA,GAAE,28BAA28B,CAAA,GACr9B;AAEJ;"}

package/dist/protectedtokens.es.js

@@ -0,0 +1,21 @@
+const r = /^D+$/, s = /^Y+$/, a = ["D", "DD", "YY", "YYYY"];
+function i(e) {
+  return r.test(e);
+}
+function f(e) {
+  return s.test(e);
+}
+function d(e, o, n) {
+  const t = c(e, o, n);
+  if (console.warn(t), a.includes(e)) throw new RangeError(t);
+}
+function c(e, o, n) {
+  const t = e[0] === "Y" ? "years" : "days of the month";
+  return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${o}\`) for formatting ${t} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+}
+export {
+  i as isProtectedDayOfYearToken,
+  f as isProtectedWeekYearToken,
+  d as warnOrThrowProtectedError
+};
+//# sourceMappingURL=protectedtokens.es.js.map

package/dist/protectedtokens.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"protectedtokens.es.js","sources":["../node_modules/date-fns/_lib/protectedTokens.js"],"sourcesContent":["const dayOfYearTokenRE = /^D+$/;\nconst weekYearTokenRE = /^Y+$/;\n\nconst throwTokens = [\"D\", \"DD\", \"YY\", \"YYYY\"];\n\nexport function isProtectedDayOfYearToken(token) {\n  return dayOfYearTokenRE.test(token);\n}\n\nexport function isProtectedWeekYearToken(token) {\n  return weekYearTokenRE.test(token);\n}\n\nexport function warnOrThrowProtectedError(token, format, input) {\n  const _message = message(token, format, input);\n  console.warn(_message);\n  if (throwTokens.includes(token)) throw new RangeError(_message);\n}\n\nfunction message(token, format, input) {\n  const subject = token[0] === \"Y\" ? \"years\" : \"days of the month\";\n  return `Use \\`${token.toLowerCase()}\\` instead of \\`${token}\\` (in \\`${format}\\`) for formatting ${subject} to the input \\`${input}\\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;\n}\n"],"names":["dayOfYearTokenRE","weekYearTokenRE","throwTokens","isProtectedDayOfYearToken","token","isProtectedWeekYearToken","warnOrThrowProtectedError","format","input","_message","message","subject"],"mappings":"AAAA,MAAMA,IAAmB,QACnBC,IAAkB,QAElBC,IAAc,CAAC,KAAK,MAAM,MAAM,MAAM;AAErC,SAASC,EAA0BC,GAAO;AAC/C,SAAOJ,EAAiB,KAAKI,CAAK;AACpC;AAEO,SAASC,EAAyBD,GAAO;AAC9C,SAAOH,EAAgB,KAAKG,CAAK;AACnC;AAEO,SAASE,EAA0BF,GAAOG,GAAQC,GAAO;AAC9D,QAAMC,IAAWC,EAAQN,GAAOG,GAAQC,CAAK;AAE7C,MADA,QAAQ,KAAKC,CAAQ,GACjBP,EAAY,SAASE,CAAK,EAAG,OAAM,IAAI,WAAWK,CAAQ;AAChE;AAEA,SAASC,EAAQN,GAAOG,GAAQC,GAAO;AACrC,QAAMG,IAAUP,EAAM,CAAC,MAAM,MAAM,UAAU;AAC7C,SAAO,SAASA,EAAM,YAAa,CAAA,mBAAmBA,CAAK,YAAYG,CAAM,sBAAsBI,CAAO,mBAAmBH,CAAK;AACpI;","x_google_ignoreList":[0]}

package/dist/radiogroup.es.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as d from "react";
+import * as r from "@radix-ui/react-radio-group";
+import { cn as s } from "./utils.es.js";
+import { CircleIcon as t } from "./circleicon.es.js";
+const m = d.forwardRef(({ className: o, ...a }, i) => /* @__PURE__ */ e(r.Root, { className: s("grid gap-2", o), ...a, ref: i }));
+m.displayName = r.Root.displayName;
+const l = d.forwardRef(({ className: o, ...a }, i) => /* @__PURE__ */ e(
+  r.Item,
+  {
+    ref: i,
+    className: s(
+      "aspect-square h-4 w-4 rounded-full border border-gray-400 data-[state=checked]:border-primary hover:border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-muted disabled:border-muted",
+      o
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(t, { className: "h-2.5 w-2.5 fill-primary" }) })
+  }
+));
+l.displayName = r.Item.displayName;
+export {
+  m as RadioGroup,
+  l as RadioGroupItem
+};
+//# sourceMappingURL=radiogroup.es.js.map

package/dist/radiogroup.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiogroup.es.js","sources":["../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport type { RadioGroupProps, RadioGroupItemProps } from \"@radix-ui/react-radio-group\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { CircleIcon } from \"../Icons/CircleIcon\";\r\n\r\nconst RadioGroup = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-2\", className)} {...props} ref={ref} />;\r\n});\r\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\r\n\r\nconst RadioGroupItem = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\r\n>(({ className, ...props }, ref) => {\r\n  return (\r\n    <RadioGroupPrimitive.Item\r\n      ref={ref}\r\n      className={cn(\r\n        \"aspect-square h-4 w-4 rounded-full border border-gray-400 data-[state=checked]:border-primary hover:border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-muted disabled:border-muted\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\r\n        <CircleIcon className=\"h-2.5 w-2.5 fill-primary\" />\r\n      </RadioGroupPrimitive.Indicator>\r\n    </RadioGroupPrimitive.Item>\r\n  );\r\n});\r\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\r\n\r\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps };\r\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive","cn","RadioGroupItem","CircleIcon"],"mappings":";;;;;AASM,MAAAA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACnB,gBAAAC,EAACC,EAAoB,MAApB,EAAyB,WAAWC,EAAG,cAAcL,CAAS,GAAI,GAAGC,GAAO,KAAAC,EAAU,CAAA,CAC/F;AACDJ,EAAW,cAAcM,EAAoB,KAAK;AAE5C,MAAAE,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACC,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACC,EAAoB,WAApB,EAA8B,WAAU,oCACvC,UAAC,gBAAAD,EAAAI,GAAA,EAAW,WAAU,2BAA2B,CAAA,EACnD,CAAA;AAAA,EAAA;AACF,CAEH;AACDD,EAAe,cAAcF,EAAoB,KAAK;"}