@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.5

package/dist/components/ui/dialog.mjs

@@ -0,0 +1,144 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { Button as n } from "./button.mjs";
+import { cn as e } from "../../lib/utils.mjs";
+import s from "../../node_modules/lucide-react/dist/esm/icons/x.mjs";
+import { DialogRoot as m } from "../../node_modules/@base-ui/react/esm/dialog/root/DialogRoot.mjs";
+import { DialogPopup as c } from "../../node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.mjs";
+import { DialogClose as d } from "../../node_modules/@base-ui/react/esm/dialog/close/DialogClose.mjs";
+import { DialogTitle as f } from "../../node_modules/@base-ui/react/esm/dialog/title/DialogTitle.mjs";
+import { DialogDescription as g } from "../../node_modules/@base-ui/react/esm/dialog/description/DialogDescription.mjs";
+import { DialogPortal as u } from "../../node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.mjs";
+import { DialogBackdrop as p } from "../../node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.mjs";
+function T({ ...o }) {
+  return /* @__PURE__ */ a(m, { "data-slot": "dialog", ...o });
+}
+function D({ ...o }) {
+  return /* @__PURE__ */ a(u, { "data-slot": "dialog-portal", ...o });
+}
+function x({
+  className: o,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    p,
+    {
+      "data-slot": "dialog-overlay",
+      className: e(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs",
+        o
+      ),
+      ...t
+    }
+  );
+}
+function $({
+  className: o,
+  children: t,
+  showCloseButton: r = !0,
+  ...l
+}) {
+  return /* @__PURE__ */ i(D, { children: [
+    /* @__PURE__ */ a(x, {}),
+    /* @__PURE__ */ i(
+      c,
+      {
+        "data-slot": "dialog-content",
+        className: e(
+          "bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 text-sm ring-1 duration-100 outline-none sm:max-w-md",
+          o
+        ),
+        ...l,
+        children: [
+          t,
+          r && /* @__PURE__ */ i(
+            d,
+            {
+              "data-slot": "dialog-close",
+              render: /* @__PURE__ */ a(
+                n,
+                {
+                  variant: "ghost",
+                  className: "absolute top-4 right-4",
+                  size: "icon-sm"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ a(s, {}),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function B({ className: o, ...t }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: e("flex flex-col gap-2", o),
+      ...t
+    }
+  );
+}
+function F({
+  className: o,
+  showCloseButton: t = !1,
+  children: r,
+  ...l
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: e(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        o
+      ),
+      ...l,
+      children: [
+        r,
+        t && /* @__PURE__ */ a(d, { render: /* @__PURE__ */ a(n, { variant: "outline" }), children: "Close" })
+      ]
+    }
+  );
+}
+function H({ className: o, ...t }) {
+  return /* @__PURE__ */ a(
+    f,
+    {
+      "data-slot": "dialog-title",
+      className: e("leading-none font-medium", o),
+      ...t
+    }
+  );
+}
+function O({
+  className: o,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    g,
+    {
+      "data-slot": "dialog-description",
+      className: e(
+        "text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3",
+        o
+      ),
+      ...t
+    }
+  );
+}
+export {
+  T as Dialog,
+  $ as DialogContent,
+  O as DialogDescription,
+  F as DialogFooter,
+  B as DialogHeader,
+  x as DialogOverlay,
+  D as DialogPortal,
+  H as DialogTitle
+};
+//# sourceMappingURL=dialog.mjs.map

package/dist/components/ui/dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.mjs","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Dialog({ ...props }: DialogPrimitive.Root.Props) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: DialogPrimitive.Close.Props) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: DialogPrimitive.Backdrop.Props) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogPrimitive.Popup.Props & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 text-sm ring-1 duration-100 outline-none sm:max-w-md\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute top-4 right-4\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close render={<Button variant=\"outline\" />}>\n          Close\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\n\nfunction DialogTitle({ className, ...props }: DialogPrimitive.Title.Props) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"leading-none font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        \"text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","props","DialogPrimitive.Root","DialogPortal","DialogPrimitive.Portal","DialogOverlay","className","jsx","DialogPrimitive.Backdrop","cn","DialogContent","children","showCloseButton","jsxs","DialogPrimitive.Popup","DialogPrimitive.Close","Button","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;;;;;;;AAQA,SAASA,EAAO,EAAE,GAAGC,KAAqC;AACxD,2BAAQC,GAAA,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAMA,SAASE,EAAa,EAAE,GAAGF,KAAuC;AAChE,2BAAQG,GAAA,EAAuB,aAAU,iBAAiB,GAAGH,GAAO;AACtE;AAMA,SAASI,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGL;AACL,GAAmC;AACjC,SACE,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAc;AAAA,EACrB,WAAAJ;AAAA,EACA,UAAAK;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGX;AACL,GAEG;AACD,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAACF,GAAA,EAAc;AAAA,IACf,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWL;AAAA,UACT;AAAA,UACAH;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAU;AAAA,UACAC,KACC,gBAAAC;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACV,QACE,gBAAAR;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIT,UAAA;AAAA,gBAAA,gBAAAT,EAACU,GAAA,EAAM;AAAA,gBACP,gBAAAV,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;AAEA,SAASW,EAAa,EAAE,WAAAZ,GAAW,GAAGL,KAAsC;AAC1E,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,uBAAuBH,CAAS;AAAA,MAC7C,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAa;AAAA,EACpB,WAAAb;AAAA,EACA,iBAAAM,IAAkB;AAAA,EAClB,UAAAD;AAAA,EACA,GAAGV;AACL,GAEG;AACD,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWJ;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,KACC,gBAAAL,EAACQ,GAAA,EAAsB,QAAQ,gBAAAR,EAACS,GAAA,EAAO,SAAQ,UAAA,CAAU,GAAI,UAAA,QAAA,CAE7D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAASI,EAAY,EAAE,WAAAd,GAAW,GAAGL,KAAsC;AACzE,SACE,gBAAAM;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWZ,EAAG,4BAA4BH,CAAS;AAAA,MAClD,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASqB,EAAkB;AAAA,EACzB,WAAAhB;AAAA,EACA,GAAGL;AACL,GAAsC;AACpC,SACE,gBAAAM;AAAA,IAACgB;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWd;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import type * as React from "react";
+declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: MenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/dropdown-menu.mjs

@@ -0,0 +1,142 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { cn as r } from "../../lib/utils.mjs";
+import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.mjs";
+import { MenuRoot as m } from "../../node_modules/@base-ui/react/esm/menu/root/MenuRoot.mjs";
+import { MenuTrigger as p } from "../../node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.mjs";
+import { MenuPortal as c } from "../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.mjs";
+import { MenuPositioner as l } from "../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.mjs";
+import { MenuPopup as f } from "../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.mjs";
+import { MenuItem as g } from "../../node_modules/@base-ui/react/esm/menu/item/MenuItem.mjs";
+import { Separator as v } from "../../node_modules/@base-ui/react/esm/separator/Separator.mjs";
+import { MenuSubmenuRoot as w } from "../../node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.mjs";
+import { MenuSubmenuTrigger as b } from "../../node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.mjs";
+function R({ ...t }) {
+  return /* @__PURE__ */ e(m, { "data-slot": "dropdown-menu", ...t });
+}
+function j({ ...t }) {
+  return /* @__PURE__ */ e(p, { "data-slot": "dropdown-menu-trigger", ...t });
+}
+function h({
+  align: t = "start",
+  alignOffset: o = 0,
+  side: n = "bottom",
+  sideOffset: a = 4,
+  className: d,
+  ...i
+}) {
+  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+    l,
+    {
+      className: "isolate z-50 outline-none",
+      align: t,
+      alignOffset: o,
+      side: n,
+      sideOffset: a,
+      children: /* @__PURE__ */ e(
+        f,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: r(
+            "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-md p-1 shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden",
+            d
+          ),
+          ...i
+        }
+      )
+    }
+  ) });
+}
+function I({
+  className: t,
+  inset: o,
+  variant: n = "default",
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    g,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": o,
+      "data-variant": n,
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function q({ ...t }) {
+  return /* @__PURE__ */ e(w, { "data-slot": "dropdown-menu-sub", ...t });
+}
+function A({
+  className: t,
+  inset: o,
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ s(
+    b,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": o,
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 data-popup-open:bg-accent data-popup-open:text-accent-foreground flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        t
+      ),
+      ...a,
+      children: [
+        n,
+        /* @__PURE__ */ e(u, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function B({
+  align: t = "start",
+  alignOffset: o = -3,
+  side: n = "right",
+  sideOffset: a = 0,
+  className: d,
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    h,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: r(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto",
+        d
+      ),
+      align: t,
+      alignOffset: o,
+      side: n,
+      sideOffset: a,
+      ...i
+    }
+  );
+}
+function E({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    v,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: r("bg-border -mx-1 my-1 h-px", t),
+      ...o
+    }
+  );
+}
+export {
+  R as DropdownMenu,
+  h as DropdownMenuContent,
+  I as DropdownMenuItem,
+  E as DropdownMenuSeparator,
+  q as DropdownMenuSub,
+  B as DropdownMenuSubContent,
+  A as DropdownMenuSubTrigger,
+  j as DropdownMenuTrigger
+};
+//# sourceMappingURL=dropdown-menu.mjs.map

package/dist/components/ui/dropdown-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.mjs","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n  return <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n  return <MenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n  return <MenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n  align = \"start\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  className,\n  ...props\n}: MenuPrimitive.Popup.Props &\n  Pick<\n    MenuPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        className=\"isolate z-50 outline-none\"\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <MenuPrimitive.Popup\n          data-slot=\"dropdown-menu-content\"\n          className={cn(\n            \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-md p-1 shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden\",\n            className,\n          )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n  return <MenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: MenuPrimitive.GroupLabel.Props & {\n  inset?: boolean;\n}) {\n  return (\n    <MenuPrimitive.GroupLabel\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"text-muted-foreground px-2 py-1.5 text-xs font-medium data-inset:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: MenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <MenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n  return <MenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n}) {\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 data-popup-open:bg-accent data-popup-open:text-accent-foreground flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </MenuPrimitive.SubmenuTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  align = \"start\",\n  alignOffset = -3,\n  side = \"right\",\n  sideOffset = 0,\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto\",\n        className,\n      )}\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean;\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span\n        className=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n        data-slot=\"dropdown-menu-checkbox-item-indicator\"\n      >\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n  return (\n    <MenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean;\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span\n        className=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n        data-slot=\"dropdown-menu-radio-item-indicator\"\n      >\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: MenuPrimitive.Separator.Props) {\n  return (\n    <MenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"names":["DropdownMenu","props","MenuPrimitive.Root","DropdownMenuTrigger","MenuPrimitive.Trigger","DropdownMenuContent","align","alignOffset","side","sideOffset","className","jsx","MenuPrimitive.Portal","MenuPrimitive.Positioner","MenuPrimitive.Popup","cn","DropdownMenuItem","inset","variant","MenuPrimitive.Item","DropdownMenuSub","MenuPrimitive.SubmenuRoot","DropdownMenuSubTrigger","children","jsxs","MenuPrimitive.SubmenuTrigger","ChevronRightIcon","DropdownMenuSubContent","DropdownMenuSeparator","MenuPrimitive.Separator"],"mappings":";;;;;;;;;;;;AAKA,SAASA,EAAa,EAAE,GAAGC,KAAmC;AAC5D,2BAAQC,GAAA,EAAmB,aAAU,iBAAiB,GAAGD,GAAO;AAClE;AAMA,SAASE,EAAoB,EAAE,GAAGF,KAAsC;AACtE,2BAAQG,GAAA,EAAsB,aAAU,yBAAyB,GAAGH,GAAO;AAC7E;AAEA,SAASI,EAAoB;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,GAAGT;AACL,GAIK;AACH,SACE,gBAAAU,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAP;AAAA,MACA,aAAAC;AAAA,MACA,MAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,UAAA,gBAAAE;AAAA,QAACG;AAAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC;AAAA,YACT;AAAA,YACAL;AAAA,UAAA;AAAA,UAED,GAAGT;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,GAEJ;AAEJ;AA0BA,SAASe,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,OAAAO;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGjB;AACL,GAGG;AACD,SACE,gBAAAU;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAYF;AAAA,MACZ,gBAAcC;AAAA,MACd,WAAWH;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASmB,EAAgB,EAAE,GAAGnB,KAA0C;AACtE,2BAAQoB,GAAA,EAA0B,aAAU,qBAAqB,GAAGpB,GAAO;AAC7E;AAEA,SAASqB,EAAuB;AAAA,EAC9B,WAAAZ;AAAA,EACA,OAAAO;AAAA,EACA,UAAAM;AAAA,EACA,GAAGtB;AACL,GAEG;AACD,SACE,gBAAAuB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAYR;AAAA,MACZ,WAAWF;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGT;AAAA,MAEH,UAAA;AAAA,QAAAsB;AAAA,QACD,gBAAAZ,EAACe,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5C;AAEA,SAASC,EAAuB;AAAA,EAC9B,OAAArB,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,GAAGT;AACL,GAAqD;AACnD,SACE,gBAAAU;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWU;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,OAAAJ;AAAA,MACA,aAAAC;AAAA,MACA,MAAAC;AAAA,MACA,YAAAC;AAAA,MACC,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGV;AA2EA,SAAS2B,EAAsB;AAAA,EAC7B,WAAAlB;AAAA,EACA,GAAGT;AACL,GAAkC;AAChC,SACE,gBAAAU;AAAA,IAACkB;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWd,EAAG,6BAA6BL,CAAS;AAAA,MACnD,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/field.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Label } from './label';
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/components/ui/field.mjs

@@ -0,0 +1,118 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cva as f } from "../../node_modules/class-variance-authority/dist/index.mjs";
+import { useMemo as u } from "react";
+import { Label as c } from "./label.mjs";
+import { cn as r } from "../../lib/utils.mjs";
+const m = f(
+  "data-[invalid=true]:text-destructive gap-3 group/field flex w-full",
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+        horizontal: "flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        responsive: "flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function v({
+  className: t,
+  orientation: e = "vertical",
+  ...l
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": e,
+      className: r(m({ orientation: e }), t),
+      ...l
+    }
+  );
+}
+function w({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: r(
+        "gap-1 group/field-content flex flex-1 flex-col leading-snug",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function k({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    c,
+    {
+      "data-slot": "field-label",
+      className: r(
+        "has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 group/field-label peer/field-label flex w-fit leading-snug",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function y({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: r(
+        "text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function N({
+  className: t,
+  children: e,
+  errors: l,
+  ...n
+}) {
+  const i = u(() => {
+    if (e)
+      return e;
+    if (!l?.length)
+      return null;
+    const d = [
+      ...new Map(l.map((o) => [o?.message, o])).values()
+    ];
+    return d?.length === 1 ? d[0]?.message : /* @__PURE__ */ a("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: d.map(
+      (o, s) => o?.message && /* @__PURE__ */ a("li", { children: o.message }, s)
+    ) });
+  }, [e, l]);
+  return i ? /* @__PURE__ */ a(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: r("text-destructive text-sm font-normal", t),
+      ...n,
+      children: i
+    }
+  ) : null;
+}
+export {
+  v as Field,
+  w as FieldContent,
+  y as FieldDescription,
+  N as FieldError,
+  k as FieldLabel
+};
+//# sourceMappingURL=field.mjs.map

package/dist/components/ui/field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.mjs","sources":["../../../src/components/ui/field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { useMemo } from \"react\";\nimport { Label } from \"@/components/ui/label\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        \"gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        \"mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        \"gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  \"data-[invalid=true]:text-destructive gap-3 group/field flex w-full\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n        horizontal:\n          \"flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        responsive:\n          \"flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  },\n);\n\nfunction Field({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        \"gap-1 group/field-content flex flex-1 flex-col leading-snug\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        \"has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 group/field-label peer/field-label flex w-fit leading-snug\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        \"gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        \"text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        \"-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative\",\n        className,\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>,\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(\"text-destructive text-sm font-normal\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n"],"names":["fieldVariants","cva","Field","className","orientation","props","jsx","cn","FieldContent","FieldLabel","Label","FieldDescription","FieldError","children","errors","content","useMemo","uniqueErrors","error","index"],"mappings":";;;;;AAkDA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,UAAU;AAAA,QACV,YACE;AAAA,QACF,YACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkBF;AAAA,MAClB,WAAWG,EAAGP,EAAc,EAAE,aAAAI,EAAA,CAAa,GAAGD,CAAS;AAAA,MACtD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAa,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AAC1E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAW;AAAA,EAClB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAuC;AACrC,SACE,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWH;AAAA,QACT;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAeA,SAASM,EAAiB,EAAE,WAAAR,GAAW,GAAGE,KAAoC;AAC5E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAgCA,SAASO,EAAW;AAAA,EAClB,WAAAT;AAAA,EACA,UAAAU;AAAA,EACA,QAAAC;AAAA,EACA,GAAGT;AACL,GAEG;AACD,QAAMU,IAAUC,EAAQ,MAAM;AAC5B,QAAIH;AACF,aAAOA;AAGT,QAAI,CAACC,GAAQ;AACX,aAAO;AAGT,UAAMG,IAAe;AAAA,MACnB,GAAG,IAAI,IAAIH,EAAO,IAAI,CAACI,MAAU,CAACA,GAAO,SAASA,CAAK,CAAC,CAAC,EAAE,OAAA;AAAA,IAAO;AAGpE,WAAID,GAAc,WAAW,IACpBA,EAAa,CAAC,GAAG,UAIxB,gBAAAX,EAAC,MAAA,EAAG,WAAU,sCACX,UAAAW,EAAa;AAAA,MACZ,CAACC,GAAOC,MACND,GAAO,WAAW,gBAAAZ,EAAC,MAAA,EAAgB,UAAAY,EAAM,QAAA,GAAdC,CAAsB;AAAA,IAAA,GAEvD;AAAA,EAEJ,GAAG,CAACN,GAAUC,CAAM,CAAC;AAErB,SAAKC,IAKH,gBAAAT;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAWC,EAAG,wCAAwCJ,CAAS;AAAA,MAC9D,GAAGE;AAAA,MAEH,UAAAU;AAAA,IAAA;AAAA,EAAA,IAVI;AAaX;"}

package/dist/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/components/ui/input.mjs

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "../../lib/utils.mjs";
+import { Input as o } from "../../node_modules/@base-ui/react/esm/input/Input.mjs";
+function s({ className: i, type: r, ...e }) {
+  return /* @__PURE__ */ t(
+    o,
+    {
+      type: r,
+      "data-slot": "input",
+      className: n(
+        "dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...e
+    }
+  );
+}
+export {
+  s as Input
+};
+//# sourceMappingURL=input.mjs.map

package/dist/components/ui/input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"names":["Input","className","type","props","jsx","InputPrimitive","cn"],"mappings":";;;AAKA,SAASA,EAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/label.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<"label">): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/components/ui/label.mjs

@@ -0,0 +1,19 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../../lib/utils.mjs";
+function n({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "label",
+    {
+      "data-slot": "label",
+      className: o(
+        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  n as Label
+};
+//# sourceMappingURL=label.mjs.map

package/dist/components/ui/label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.mjs","sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"names":["Label","className","props","jsx","cn"],"mappings":";;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/pagination.d.ts

@@ -0,0 +1,17 @@
+import { Button } from './button';
+import type * as React from "react";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,9 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import type * as React from "react";
+declare function Popover({ ...props }: PopoverPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };