@cryptlex/web-components 2.0.2 → 3.0.0

package/dist/components/ui/command.es.js

@@ -1,110 +0,0 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { MagnifyingGlassIcon as s } from "@radix-ui/react-icons";
-import { Command as d } from "cmdk";
-import * as m from "react";
-import { Dialog as i, DialogContent as c } from "./dialog.es.js";
-import { cn as r } from "../../utils/index.es.js";
-const n = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  d,
-  {
-    ref: t,
-    className: r(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      e
-    ),
-    ...a
-  }
-));
-n.displayName = d.displayName;
-const v = ({ children: e, ...a }) => /* @__PURE__ */ o(i, { ...a, children: /* @__PURE__ */ o(c, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), l = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ p("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ o(s, { className: "mr-2 size-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ o(
-    d.Input,
-    {
-      ref: t,
-      className: r(
-        "flex h-input w-full rounded-md bg-transparent py-3 body outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        e
-      ),
-      ...a
-    }
-  )
-] }));
-l.displayName = d.Input.displayName;
-const u = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  d.List,
-  {
-    ref: t,
-    className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
-    ...a
-  }
-));
-u.displayName = d.List.displayName;
-const f = m.forwardRef((e, a) => /* @__PURE__ */ o(
-  d.Empty,
-  {
-    ref: a,
-    className: "py-6 text-center body",
-    ...e
-  }
-));
-f.displayName = d.Empty.displayName;
-const g = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  d.Group,
-  {
-    ref: t,
-    className: r(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-caption [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      e
-    ),
-    ...a
-  }
-));
-g.displayName = d.Group.displayName;
-const y = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  d.Separator,
-  {
-    ref: t,
-    className: r("-mx-1 h-px bg-border", e),
-    ...a
-  }
-));
-y.displayName = d.Separator.displayName;
-const h = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  d.Item,
-  {
-    ref: t,
-    className: r(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 body outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
-      e
-    ),
-    ...a
-  }
-));
-h.displayName = d.Item.displayName;
-const x = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ o(
-  "span",
-  {
-    className: r(
-      "ml-auto text-caption tracking-widest text-muted-foreground",
-      e
-    ),
-    ...a
-  }
-);
-x.displayName = "CommandShortcut";
-export {
-  n as Command,
-  v as CommandDialog,
-  f as CommandEmpty,
-  g as CommandGroup,
-  l as CommandInput,
-  h as CommandItem,
-  u as CommandList,
-  y as CommandSeparator,
-  x as CommandShortcut
-};
-//# sourceMappingURL=command.es.js.map

package/dist/components/ui/command.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"command.es.js","sources":["../../../lib/components/ui/command.tsx"],"sourcesContent":["import { type DialogProps } from \"@radix-ui/react-dialog\"\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport * as React from \"react\"\n\nimport { Dialog, DialogContent } from \"@/components/ui/dialog\"\nimport { cn } from \"@/utils\"\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ninterface CommandDialogProps extends DialogProps { }\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <MagnifyingGlassIcon className=\"mr-2 size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"flex h-input w-full rounded-md bg-transparent py-3 body outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"py-6 text-center body\"\n    {...props}\n  />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-caption [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 h-px bg-border\", className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 body outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        \"ml-auto text-caption tracking-widest text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = \"CommandShortcut\"\n\nexport {\n  Command,\n  CommandDialog, CommandEmpty,\n  CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut\n}\n\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","MagnifyingGlassIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}

package/dist/components/ui/form.es.js

@@ -1,94 +0,0 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { Slot as F } from "@radix-ui/react-slot";
-import * as s from "react";
-import { useFormContext as u, FormProvider as p, Controller as x } from "react-hook-form";
-import { Label as I } from "./label.es.js";
-import { cn as a } from "../../utils/index.es.js";
-const D = p, l = s.createContext({}), M = ({
-  ...e
-}) => /* @__PURE__ */ i(l.Provider, { value: { name: e.name }, children: /* @__PURE__ */ i(x, { ...e }) }), d = () => {
-  const e = s.useContext(l), t = s.useContext(f), { getFieldState: r, formState: o } = u(), m = r(e.name, o);
-  if (!e)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: n } = t;
-  return {
-    id: n,
-    name: e.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...m
-  };
-}, f = s.createContext({}), C = s.forwardRef(
-  ({ className: e, ...t }, r) => {
-    const o = s.useId();
-    return /* @__PURE__ */ i(f.Provider, { value: { id: o }, children: /* @__PURE__ */ i("div", { ref: r, className: a("space-y-2", e), ...t }) });
-  }
-);
-C.displayName = "FormItem";
-const g = s.forwardRef(({ className: e, ...t }, r) => {
-  const { error: o, formItemId: m } = d();
-  return /* @__PURE__ */ i(
-    I,
-    {
-      ref: r,
-      className: a(o && "text-destructive", e),
-      htmlFor: m,
-      ...t
-    }
-  );
-});
-g.displayName = "FormLabel";
-const v = s.forwardRef(({ ...e }, t) => {
-  const { error: r, formItemId: o, formDescriptionId: m, formMessageId: n } = d();
-  return /* @__PURE__ */ i(
-    F,
-    {
-      ref: t,
-      id: o,
-      "aria-describedby": r ? `${m} ${n}` : `${m}`,
-      "aria-invalid": !!r,
-      ...e
-    }
-  );
-});
-v.displayName = "FormControl";
-const N = s.forwardRef(({ className: e, ...t }, r) => {
-  const { formDescriptionId: o } = d();
-  return /* @__PURE__ */ i(
-    "p",
-    {
-      ref: r,
-      id: o,
-      className: a("text-caption text-muted-foreground", e),
-      ...t
-    }
-  );
-});
-N.displayName = "FormDescription";
-const w = s.forwardRef(({ className: e, children: t, ...r }, o) => {
-  const { error: m, formMessageId: n } = d(), c = m ? String(m == null ? void 0 : m.message) : t;
-  return c ? /* @__PURE__ */ i(
-    "p",
-    {
-      ref: o,
-      id: n,
-      className: a("text-caption font-medium text-destructive", e),
-      ...r,
-      children: c
-    }
-  ) : null;
-});
-w.displayName = "FormMessage";
-export {
-  D as Form,
-  v as FormControl,
-  N as FormDescription,
-  M as FormField,
-  C as FormItem,
-  g as FormLabel,
-  w as FormMessage,
-  d as useFormField
-};
-//# sourceMappingURL=form.es.js.map

package/dist/components/ui/form.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.es.js","sources":["../../../lib/components/ui/form.tsx"],"sourcesContent":["'use client';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n  FormProvider,\n  useFormContext,\n} from 'react-hook-form';\n\nimport { Label } from '@/components/ui/label';\nimport { cn } from '@/utils';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && 'text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-caption text-muted-foreground', className)}\n      {...props}\n    />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message) : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-caption font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n\nexport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  useFormField,\n};\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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"}

package/dist/components/ui/input-otp.es.js

@@ -1,49 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { cn as n } from "../../utils/index.es.js";
-import { MinusIcon as m } from "@radix-ui/react-icons";
-import { OTPInput as u, OTPInputContext as f } from "input-otp";
-import * as o from "react";
-const x = o.forwardRef(({ className: e, containerClassName: t, ...a }, s) => /* @__PURE__ */ r(
-  u,
-  {
-    ref: s,
-    containerClassName: n(
-      "flex items-center gap-2 has-disabled:opacity-50",
-      t
-    ),
-    className: n("disabled:cursor-not-allowed", e),
-    ...a
-  }
-));
-x.displayName = "InputOTP";
-const I = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r("div", { ref: a, className: n("flex items-center", e), ...t }));
-I.displayName = "InputOTPGroup";
-const O = o.forwardRef(({ index: e, className: t, ...a }, s) => {
-  const i = o.useContext(f), { char: d, hasFakeCaret: p, isActive: l } = i.slots[e];
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ref: s,
-      className: n(
-        "relative flex h-input w-9 items-center justify-center border-2 border-input body shadow-xs transition-all first:rounded-l-md last:rounded-r-md",
-        l ? "z-10  border-2 border-primary" : "",
-        t
-      ),
-      ...a,
-      children: [
-        d,
-        p && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
-      ]
-    }
-  );
-});
-O.displayName = "InputOTPSlot";
-const P = o.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(m, {}) }));
-P.displayName = "InputOTPSeparator";
-export {
-  x as InputOTP,
-  I as InputOTPGroup,
-  P as InputOTPSeparator,
-  O as InputOTPSlot
-};
-//# sourceMappingURL=input-otp.es.js.map

package/dist/components/ui/input-otp.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-otp.es.js","sources":["../../../lib/components/ui/input-otp.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport { MinusIcon } from \"@radix-ui/react-icons\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport * as React from \"react\"\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-disabled:opacity-50\",\n      containerClassName\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n))\nInputOTP.displayName = \"InputOTP\"\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n))\nInputOTPGroup.displayName = \"InputOTPGroup\"\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\"> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"relative flex h-input w-9 items-center justify-center border-2 border-input body shadow-xs transition-all first:rounded-l-md last:rounded-r-md\",\n        isActive ? \"z-10  border-2 border-primary\" : \"\",\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n})\nInputOTPSlot.displayName = \"InputOTPSlot\"\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <MinusIcon />\n  </div>\n))\nInputOTPSeparator.displayName = \"InputOTPSeparator\"\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot }\n\n"],"names":["InputOTP","React","className","containerClassName","props","ref","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","MinusIcon"],"mappings":";;;;;AAKM,MAAAA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,KAASC,MAC9C,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,oBAAoBG;AAAA,MAClB;AAAA,MACAL;AAAA,IACF;AAAA,IACA,WAAWK,EAAG,+BAA+BN,CAAS;AAAA,IACrD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAS,cAAc;AAEjB,MAAAS,IAAgBR,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAS,GAAAC,wBACzB,OAAI,EAAA,KAAAA,GAAU,WAAWG,EAAG,qBAAqBN,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDK,EAAc,cAAc;AAEtB,MAAAC,IAAeT,EAAM,WAGzB,CAAC,EAAE,OAAAU,GAAO,WAAAT,GAAW,GAAGE,EAAM,GAAGC,MAAQ;AACnC,QAAAO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAa,IAAAJ,EAAgB,MAAMD,CAAK;AAGlE,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAQ,IAAW,kCAAkC;AAAA,QAC7Cd;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,uBACE,OAAI,EAAA,WAAU,yEACb,UAAC,gBAAAT,EAAA,OAAA,EAAI,WAAU,2DAA2D,CAAA,EAC5E,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,CAAC;AACDI,EAAa,cAAc;AAE3B,MAAMQ,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,wBACd,OAAI,EAAA,KAAAA,GAAU,MAAK,aAAa,GAAGD,GAClC,UAAC,gBAAAE,EAAAa,GAAA,CAAU,CAAA,GACb,CACD;AACDD,EAAkB,cAAc;"}

package/dist/components/ui/input.es.js

@@ -1,27 +0,0 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import * as m from "react";
-import { Button as s } from "./button.es.js";
-import { cn as r } from "../../utils/index.es.js";
-const p = m.forwardRef(
-  ({ className: a, type: l, icon: e, buttonProps: i, ...o }, n) => /* @__PURE__ */ f("div", { className: r("relative flex gap-1 items-center", a), children: [
-    e && /* @__PURE__ */ t(e, { className: "absolute left-2 size-icon text-muted-foreground" }),
-    /* @__PURE__ */ t(
-      "input",
-      {
-        type: l,
-        className: r(
-          "flex h-input input file:border-0 file:bg-transparent file:body file:font-medium w-full",
-          e ? "pl-8" : ""
-        ),
-        ref: n,
-        ...o
-      }
-    ),
-    i && /* @__PURE__ */ t(s, { ...i, variant: "outline", size: "icon" })
-  ] })
-);
-p.displayName = "Input";
-export {
-  p as Input
-};
-//# sourceMappingURL=input.es.js.map

package/dist/components/ui/input.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.es.js","sources":["../../../lib/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { Button, type ButtonProps } from \"@/components/ui/button\";\nimport { cn } from \"@/utils\";\nimport type { LucideIcon } from \"lucide-react\";\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  icon?: LucideIcon;\n  buttonProps?: ButtonProps\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, icon: Icon, buttonProps, ...props }, ref) => {\n    return (\n      <div className={cn(\"relative flex gap-1 items-center\", className)}>\n        {Icon && <Icon className=\"absolute left-2 size-icon text-muted-foreground\" />}\n        <input\n          type={type}\n          className={cn(\n            \"flex h-input input file:border-0 file:bg-transparent file:body file:font-medium w-full\",\n            Icon ? \"pl-8\" : \"\",\n          )}\n          ref={ref}\n          {...props}\n        />\n        {buttonProps && <Button {...buttonProps} variant={'outline'} size={'icon'} />}\n      </div>\n    );\n  }\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":["Input","React","className","type","Icon","buttonProps","props","ref","cn","jsx","Button"],"mappings":";;;;AAYA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,MAAMC,GAAM,aAAAC,GAAa,GAAGC,EAAM,GAAGC,wBAEpD,OAAI,EAAA,WAAWC,EAAG,oCAAoCN,CAAS,GAC7D,UAAA;AAAA,IAAQE,KAAA,gBAAAK,EAACL,GAAK,EAAA,WAAU,kDAAkD,CAAA;AAAA,IAC3E,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAN;AAAA,QACA,WAAWK;AAAA,UACT;AAAA,UACAJ,IAAO,SAAS;AAAA,QAClB;AAAA,QACA,KAAAG;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,IACCD,uBAAgBK,GAAQ,EAAA,GAAGL,GAAa,SAAS,WAAW,MAAM,OAAQ,CAAA;AAAA,EAAA,GAC7E;AAGN;AACAL,EAAM,cAAc;"}

package/dist/components/ui/link-button.es.js

@@ -1,22 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { buttonVariants as r } from "./button.es.js";
-import { cn as a } from "../../utils/index.es.js";
-import { Link as e } from "@tanstack/react-router";
-function l(t) {
-  const i = t.icon;
-  return /* @__PURE__ */ n(
-    e,
-    {
-      className: a(r({ variant: t.variant, size: t.size }), "flex gap-2"),
-      to: t.to,
-      children: [
-        i && /* @__PURE__ */ o(i, { className: "size-4" }),
-        t.children
-      ]
-    }
-  );
-}
-export {
-  l as LinkButton
-};
-//# sourceMappingURL=link-button.es.js.map

package/dist/components/ui/link-button.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-button.es.js","sources":["../../../lib/components/ui/link-button.tsx"],"sourcesContent":["import { buttonVariants } from '@/components/ui/button';\nimport { cn } from '@/utils';\nimport { Link } from '@tanstack/react-router';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\n/**\n * TODO, this should be in the host project?\n * @param props buttonVariants\n * @returns Button as Tanstack Link\n */\nexport function LinkButton(\n  props: VariantProps<typeof buttonVariants> & {\n    icon?: LucideIcon;\n    to: string;\n    children: React.ReactNode;\n  },\n) {\n  const Icon = props.icon;\n  return (\n    <Link\n      className={cn(buttonVariants({ variant: props.variant, size: props.size }), 'flex gap-2')}\n      to={props.to}\n    >\n      {Icon && <Icon className=\"size-4\" />}\n      {props.children}\n    </Link>\n  );\n}\n"],"names":["LinkButton","props","Icon","jsxs","Link","cn","buttonVariants","jsx"],"mappings":";;;;AAUO,SAASA,EACdC,GAKA;AACA,QAAMC,IAAOD,EAAM;AAEjB,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAe,EAAE,SAASL,EAAM,SAAS,MAAMA,EAAM,KAAM,CAAA,GAAG,YAAY;AAAA,MACxF,IAAIA,EAAM;AAAA,MAET,UAAA;AAAA,QAAQC,KAAA,gBAAAK,EAACL,GAAK,EAAA,WAAU,SAAS,CAAA;AAAA,QACjCD,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAEJ;"}

package/dist/components/ui/mutli-select.es.js

@@ -1,198 +0,0 @@
-"use client";
-import { jsxs as i, jsx as e, Fragment as j } from "react/jsx-runtime";
-import { Badge as z } from "./badge.es.js";
-import { Button as E } from "./button.es.js";
-import { CommandInput as I, CommandList as k, CommandEmpty as P, CommandGroup as h, CommandItem as d, CommandSeparator as v } from "./command.es.js";
-import "./accordion.es.js";
-import "./avatar.es.js";
-import "./breadcrumb.es.js";
-import "./calendar.es.js";
-import "./card.es.js";
-import "./chart.es.js";
-import "./checkbox.es.js";
-import "@radix-ui/react-collapsible";
-import { XIcon as F, ChevronDown as g, Command as D, CheckIcon as O } from "lucide-react";
-import * as c from "react";
-import "./dialog.es.js";
-import "./drawer.es.js";
-import "./dropdown-menu.es.js";
-import "./form.es.js";
-import "./input.es.js";
-import "./input-otp.es.js";
-import "./label.es.js";
-import { cn as B } from "../../utils/index.es.js";
-import "@tanstack/react-router";
-import "./navigation-menu.es.js";
-import "./pagination.es.js";
-import "./password-input.es.js";
-import "./popover.es.js";
-import "./radio-group.es.js";
-import "./select.es.js";
-import { Separator as x } from "./separator.es.js";
-import "./sheet.es.js";
-import "./sidebar.es.js";
-import "sonner";
-import "./table.es.js";
-import "./tabs.es.js";
-import "./textarea.es.js";
-import "./tooltip.es.js";
-import { Popover as K, PopoverTrigger as R, PopoverContent as M } from "@radix-ui/react-popover";
-import { cva as A } from "class-variance-authority";
-A(
-  "m-1 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300",
-  {
-    variants: {
-      variant: {
-        default: "border-foreground/10 drop-shadow-md text-foreground bg-card hover:bg-card/80",
-        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"
-    }
-  }
-);
-const G = c.forwardRef(
-  ({
-    className: L,
-    variant: T,
-    asChild: X = !1,
-    options: p,
-    defaultValue: m,
-    onValueChange: l,
-    disabled: _,
-    placeholder: y,
-    animation: q = 0,
-    ...b
-  }, N) => {
-    const [t, s] = c.useState(m || []), n = c.useRef(new Set(t)), [u, a] = c.useState(!1);
-    c.useEffect(() => {
-      s(m || []), n.current = new Set(m);
-    }, [m]);
-    const w = (r) => {
-      r.key === "Enter" ? a(!0) : r.key === "Backspace" && !r.target.value && (t.pop(), s([...t]), n.current.delete(t[t.length - 1]), l([...t]));
-    }, C = (r) => {
-      n.current.has(r) ? (n.current.delete(r), s(t.filter((o) => o !== r))) : (n.current.add(r), s([...t, r])), l(Array.from(n.current));
-    };
-    return /* @__PURE__ */ i(K, { open: u, onOpenChange: a, children: [
-      /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
-        E,
-        {
-          ref: N,
-          ...b,
-          onClick: () => a(!u),
-          variant: "ghost",
-          className: "flex w-full p-1 rounded-md border items-center justify-between bg-inherit hover:bg-card",
-          children: t.length > 0 ? /* @__PURE__ */ i("div", { className: "flex justify-between items-center w-full", children: [
-            /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center", children: t.map((r) => {
-              const o = p.find((S) => S.value === r), f = o == null ? void 0 : o.icon;
-              return /* @__PURE__ */ i(z, { children: [
-                f && /* @__PURE__ */ e(f, { className: "size-4 mr-2" }),
-                o == null ? void 0 : o.label
-              ] }, r);
-            }) }),
-            /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ e(
-                F,
-                {
-                  className: "size-icon mx-2 cursor-pointer text-muted-foreground",
-                  onClick: (r) => {
-                    s([]), n.current.clear(), l([]), r.stopPropagation();
-                  }
-                }
-              ),
-              /* @__PURE__ */ e(x, { orientation: "vertical", className: "flex min-h-6 h-full" }),
-              /* @__PURE__ */ e(g, { className: "size-icon mx-2 cursor-pointer text-muted-foreground" })
-            ] })
-          ] }) : /* @__PURE__ */ i("div", { className: "flex items-center justify-between w-full mx-auto", children: [
-            /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground mx-3", children: y }),
-            /* @__PURE__ */ e(g, { className: "size-icon cursor-pointer text-muted-foreground mx-2" })
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ e(
-        M,
-        {
-          className: "w-[200px] p-0 drop-shadow-xs",
-          align: "start",
-          onEscapeKeyDown: () => a(!1),
-          children: /* @__PURE__ */ i(D, { children: [
-            /* @__PURE__ */ e(I, { placeholder: "Search...", onKeyDown: w }),
-            /* @__PURE__ */ i(k, { children: [
-              /* @__PURE__ */ e(P, { children: "No results found." }),
-              /* @__PURE__ */ e(h, { children: p.map((r) => {
-                const o = n.current.has(r.value);
-                return /* @__PURE__ */ i(
-                  d,
-                  {
-                    onSelect: () => C(r.value),
-                    style: {
-                      pointerEvents: "auto",
-                      opacity: 1
-                    },
-                    className: "cursor-pointer",
-                    children: [
-                      /* @__PURE__ */ e(
-                        "div",
-                        {
-                          className: B(
-                            "mr-2 flex size-4 items-center justify-center rounded-sm border border-primary",
-                            o ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
-                          ),
-                          children: /* @__PURE__ */ e(O, { className: "size-4" })
-                        }
-                      ),
-                      r.icon && /* @__PURE__ */ e(r.icon, { className: "mr-2 size-4 text-muted-foreground" }),
-                      /* @__PURE__ */ e("span", { children: r.label })
-                    ]
-                  },
-                  r.value
-                );
-              }) }),
-              /* @__PURE__ */ e(v, {}),
-              /* @__PURE__ */ e(h, { children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-                t.length > 0 && /* @__PURE__ */ i(j, { children: [
-                  /* @__PURE__ */ e(
-                    d,
-                    {
-                      onSelect: () => {
-                        s([]), n.current.clear(), l([]);
-                      },
-                      style: {
-                        pointerEvents: "auto",
-                        opacity: 1
-                      },
-                      className: "flex-1 justify-center cursor-pointer",
-                      children: "Clear"
-                    }
-                  ),
-                  /* @__PURE__ */ e(x, { orientation: "vertical", className: "flex min-h-6 h-full" })
-                ] }),
-                /* @__PURE__ */ e(v, {}),
-                /* @__PURE__ */ e(
-                  d,
-                  {
-                    onSelect: () => a(!1),
-                    style: {
-                      pointerEvents: "auto",
-                      opacity: 1
-                    },
-                    className: "flex-1 justify-center cursor-pointer",
-                    children: "Close"
-                  }
-                )
-              ] }) })
-            ] })
-          ] })
-        }
-      )
-    ] });
-  }
-);
-G.displayName = "MultiSelectFormField";
-export {
-  G as default
-};
-//# sourceMappingURL=mutli-select.es.js.map

package/dist/components/ui/mutli-select.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mutli-select.es.js","sources":["../../../lib/components/ui/mutli-select.tsx"],"sourcesContent":["// TODO https://headlessui.com/react/listbox#selecting-multiple-values??\n'use client';\nimport { Badge } from '@/components/ui/badge';\nimport { Button } from '@/components/ui/button';\nimport {\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from '@/components/ui/command';\nimport { Separator } from '@/index';\nimport { cn } from '@/utils';\nimport { Popover, PopoverContent, PopoverTrigger } from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CheckIcon, ChevronDown, Command, XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nconst multiSelectVariants = cva(\n  'm-1 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300',\n  {\n    variants: {\n      variant: {\n        default: 'border-foreground/10 drop-shadow-md text-foreground bg-card hover:bg-card/80',\n        secondary:\n          'border-foreground/10 bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',\n        inverted: 'inverted',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ninterface MultiSelectFormFieldProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof multiSelectVariants> {\n  asChild?: boolean;\n  options: {\n    label: string;\n    value: string;\n    icon?: React.ComponentType<{ className?: string }>;\n  }[];\n  defaultValue?: string[];\n  disabled?: boolean;\n  placeholder: string;\n  className?: string;\n  animation?: number;\n  onValueChange: (value: string[]) => void;\n}\n\nconst MultiSelectFormField = React.forwardRef<HTMLButtonElement, MultiSelectFormFieldProps>(\n  (\n    {\n      className,\n      variant,\n      asChild = false,\n      options,\n      defaultValue,\n      onValueChange,\n      disabled,\n      placeholder,\n      animation = 0,\n      ...props\n    },\n    ref,\n  ) => {\n    const [selectedValues, setSelectedValues] = React.useState<string[]>(defaultValue || []);\n    const selectedValuesSet = React.useRef(new Set(selectedValues));\n    const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n\n    React.useEffect(() => {\n      setSelectedValues(defaultValue || []);\n      selectedValuesSet.current = new Set(defaultValue);\n    }, [defaultValue]);\n\n    const handleInputKeyDown = (event: any) => {\n      if (event.key === 'Enter') {\n        setIsPopoverOpen(true);\n      } else if (event.key === 'Backspace' && !event.target.value) {\n        selectedValues.pop();\n        setSelectedValues([...selectedValues]);\n        selectedValuesSet.current.delete(selectedValues[selectedValues.length - 1]);\n        onValueChange([...selectedValues]);\n      }\n    };\n\n    const toggleOption = (value: string) => {\n      if (selectedValuesSet.current.has(value)) {\n        selectedValuesSet.current.delete(value);\n        setSelectedValues(selectedValues.filter((v) => v !== value));\n      } else {\n        selectedValuesSet.current.add(value);\n        setSelectedValues([...selectedValues, value]);\n      }\n      onValueChange(Array.from(selectedValuesSet.current));\n    };\n\n    return (\n      <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            ref={ref}\n            {...props}\n            onClick={() => setIsPopoverOpen(!isPopoverOpen)}\n            variant={'ghost'}\n            className=\"flex w-full p-1 rounded-md border items-center justify-between bg-inherit hover:bg-card\"\n          >\n            {selectedValues.length > 0 ? (\n              <div className=\"flex justify-between items-center w-full\">\n                <div className=\"flex flex-wrap items-center\">\n                  {selectedValues.map((value) => {\n                    const option = options.find((o) => o.value === value);\n                    const IconComponent = option?.icon;\n                    return (\n                      <Badge key={value}>\n                        {IconComponent && <IconComponent className=\"size-4 mr-2\" />}\n                        {option?.label}\n                      </Badge>\n                    );\n                  })}\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <XIcon\n                    className=\"size-icon mx-2 cursor-pointer text-muted-foreground\"\n                    onClick={(event) => {\n                      setSelectedValues([]);\n                      selectedValuesSet.current.clear();\n                      onValueChange([]);\n                      event.stopPropagation();\n                    }}\n                  />\n                  <Separator orientation=\"vertical\" className=\"flex min-h-6 h-full\" />\n                  <ChevronDown className=\"size-icon mx-2 cursor-pointer text-muted-foreground\" />\n                </div>\n              </div>\n            ) : (\n              <div className=\"flex items-center justify-between w-full mx-auto\">\n                <span className=\"text-sm text-muted-foreground mx-3\">{placeholder}</span>\n                <ChevronDown className=\"size-icon cursor-pointer text-muted-foreground mx-2\" />\n              </div>\n            )}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-[200px] p-0 drop-shadow-xs\"\n          align=\"start\"\n          onEscapeKeyDown={() => setIsPopoverOpen(false)}\n        >\n          <Command>\n            <CommandInput placeholder=\"Search...\" onKeyDown={handleInputKeyDown} />\n            <CommandList>\n              <CommandEmpty>No results found.</CommandEmpty>\n              <CommandGroup>\n                {options.map((option) => {\n                  const isSelected = selectedValuesSet.current.has(option.value);\n                  return (\n                    <CommandItem\n                      key={option.value}\n                      onSelect={() => toggleOption(option.value)}\n                      style={{\n                        pointerEvents: 'auto',\n                        opacity: 1,\n                      }}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={cn(\n                          'mr-2 flex size-4 items-center justify-center rounded-sm border border-primary',\n                          isSelected\n                            ? 'bg-primary text-primary-foreground'\n                            : 'opacity-50 [&_svg]:invisible',\n                        )}\n                      >\n                        <CheckIcon className=\"size-4\" />\n                      </div>\n                      {option.icon && (\n                        <option.icon className=\"mr-2 size-4 text-muted-foreground\" />\n                      )}\n                      <span>{option.label}</span>\n                    </CommandItem>\n                  );\n                })}\n              </CommandGroup>\n              <CommandSeparator />\n              <CommandGroup>\n                <div className=\"flex items-center justify-between\">\n                  {selectedValues.length > 0 && (\n                    <>\n                      <CommandItem\n                        onSelect={() => {\n                          setSelectedValues([]);\n                          selectedValuesSet.current.clear();\n                          onValueChange([]);\n                        }}\n                        style={{\n                          pointerEvents: 'auto',\n                          opacity: 1,\n                        }}\n                        className=\"flex-1 justify-center cursor-pointer\"\n                      >\n                        Clear\n                      </CommandItem>\n                      <Separator orientation=\"vertical\" className=\"flex min-h-6 h-full\" />\n                    </>\n                  )}\n                  <CommandSeparator />\n                  <CommandItem\n                    onSelect={() => setIsPopoverOpen(false)}\n                    style={{\n                      pointerEvents: 'auto',\n                      opacity: 1,\n                    }}\n                    className=\"flex-1 justify-center cursor-pointer\"\n                  >\n                    Close\n                  </CommandItem>\n                </div>\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nMultiSelectFormField.displayName = 'MultiSelectFormField';\n\nexport default MultiSelectFormField;\n"],"names":["cva","MultiSelectFormField","React","className","variant","asChild","options","defaultValue","onValueChange","disabled","placeholder","animation","props","ref","selectedValues","setSelectedValues","selectedValuesSet","isPopoverOpen","setIsPopoverOpen","handleInputKeyDown","event","toggleOption","value","v","jsxs","Popover","jsx","PopoverTrigger","Button","option","o","IconComponent","Badge","XIcon","Separator","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","isSelected","CommandItem","cn","CheckIcon","CommandSeparator","Fragment"],"mappings":"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"}

package/dist/components/ui/password-input.es.js

@@ -1,19 +0,0 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import * as s from "react";
-import { EyeIcon as n, EyeOffIcon as p, KeySquare as c } from "lucide-react";
-import { Input as m } from "./input.es.js";
-const f = s.forwardRef(
-  ({ className: i, ...t }, r) => {
-    const [o, e] = s.useState(!1);
-    return /* @__PURE__ */ a(m, { icon: c, type: o ? "text" : "password", ref: r, ...t, buttonProps: {
-      onClick: () => e(!o),
-      icon: () => o ? n : p
-    } });
-  }
-);
-f.displayName = "PasswordInput";
-export {
-  f as PasswordInput
-};
-//# sourceMappingURL=password-input.es.js.map

package/dist/components/ui/password-input.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"password-input.es.js","sources":["../../../lib/components/ui/password-input.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { EyeIcon, EyeOffIcon, KeySquare } from 'lucide-react';\nimport { Input, InputProps } from './input';\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState<boolean>(false);\n    return (\n      <Input icon={KeySquare} type={showPassword ? 'text' : 'password'} ref={ref} {...props} buttonProps={\n        {\n          onClick: () => setShowPassword(!showPassword),\n          icon: () => showPassword ? EyeIcon : EyeOffIcon\n        }\n      } />\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"names":["PasswordInput","React","className","props","ref","showPassword","setShowPassword","jsx","Input","KeySquare","EyeIcon","EyeOffIcon"],"mappings":";;;;;AAMA,MAAMA,IAAgBC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAM,CAACC,GAAcC,CAAe,IAAIL,EAAM,SAAkB,EAAK;AAEnE,WAAA,gBAAAM,EAACC,GAAM,EAAA,MAAMC,GAAW,MAAMJ,IAAe,SAAS,YAAY,KAAAD,GAAW,GAAGD,GAAO,aACrF;AAAA,MACE,SAAS,MAAMG,EAAgB,CAACD,CAAY;AAAA,MAC5C,MAAM,MAAMA,IAAeK,IAAUC;AAAA,IAAA,GAEvC;AAAA,EAAA;AAGR;AACAX,EAAc,cAAc;"}