@cryptlex/web-components 4.1.0 → 5.1.0

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

@@ -1,13 +1,16 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { cva as f } from "class-variance-authority";
-import { Loader as x } from "./loader.es.js";
-import { cn as b } from "../../utils/primitives.es.js";
-const v = f(
-  "btn inline-flex relative items-center justify-center font-medium transition-colors",
+"use client";
+import { jsx as e, jsxs as f, Fragment as i } from "react/jsx-runtime";
+import { cva as u } from "class-variance-authority";
+import { Button as d } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Button.es.js";
+import { composeRenderProps as o } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { Loader as l } from "./loader.es.js";
+import { cn as p } from "../../utils/primitives.es.js";
+const b = u(
+  "btn inline-flex gap-1 text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors",
   {
     variants: {
       variant: {
-        default: "btn-primary",
+        primary: "btn-primary",
         secondary: "btn-secondary",
         destructive: "btn-destructive",
         neutral: "btn-neutral",
@@ -15,11 +18,9 @@ const v = f(
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        xs: "h-5 px-1 text-xs",
-        sm: "h-7 px-2 text-sm",
         default: "input-dim",
         icon: "size-input",
-        lg: "h-9 px-6 body"
+        none: ""
       }
     },
     defaultVariants: {
@@ -28,36 +29,31 @@ const v = f(
     }
   }
 );
-function g({
-  className: o,
-  variant: l,
-  size: u,
-  loading: e,
-  disabled: c,
-  icon: n,
-  trailingIcon: s,
-  active: d = !1,
-  children: a,
-  ...m
-}) {
-  const r = n ? n() : void 0, i = s ? s() : void 0;
-  return /* @__PURE__ */ p(
-    "button",
+function z({ className: r, variant: a, size: s, children: c, isPending: n, active: v, ...m }) {
+  return /* @__PURE__ */ e(
+    d,
     {
-      className: b(v({ variant: l, size: u, className: o }), "gap-2"),
-      disabled: e || c,
       ...m,
-      children: [
-        e ? /* @__PURE__ */ t(x, {}) : r ? /* @__PURE__ */ t(r, { className: "size-icon" }) : null,
-        a && /* @__PURE__ */ t("span", { className: "truncate", children: a }),
-        i ? /* @__PURE__ */ t(i, { className: "size-icon" }) : null,
-        d && /* @__PURE__ */ t("span", { className: "p-1 bg-destructive absolute top-0 end-0 -translate-y-1	translate-x-1 rounded-full" })
-      ]
+      className: o(
+        r,
+        (t) => p(
+          b({
+            variant: a,
+            size: s,
+            className: t
+          }),
+          r
+        )
+      ),
+      children: o(c, (t) => /* @__PURE__ */ f(i, { children: [
+        n && /* @__PURE__ */ e(l, {}),
+        !n && /* @__PURE__ */ e(i, { children: t })
+      ] }))
     }
   );
 }
 export {
-  g as Button,
-  v as buttonVariants
+  z as Button,
+  b as buttonVariants
 };
 //# sourceMappingURL=button.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { Loader } from \"./loader\";\n\nexport const buttonVariants = cva(\n\t`btn inline-flex relative items-center justify-center font-medium transition-colors`,\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"btn-primary\",\n\t\t\t\tsecondary: \"btn-secondary\",\n\t\t\t\tdestructive: \"btn-destructive\",\n\t\t\t\tneutral: \"btn-neutral\",\n\t\t\t\tghost: \"btn-ghost\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: \"h-5 px-1 text-xs\",\n\t\t\t\tsm: \"h-7 px-2 text-sm\",\n\t\t\t\tdefault: \"input-dim\",\n\t\t\t\ticon: \"size-input\",\n\t\t\t\tlg: \"h-9 px-6 body\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"neutral\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport interface ButtonProps\n\textends React.ComponentProps<\"button\">,\n\tVariantProps<typeof buttonVariants> {\n\tloading?: boolean;\n\ticon?: () => LucideIcon;\n\ttrailingIcon?: () => LucideIcon;\n\tactive?: boolean\n}\n\nexport function Button({\n\tclassName,\n\tvariant,\n\tsize,\n\tloading,\n\tdisabled,\n\ticon,\n\ttrailingIcon,\n\tactive = false,\n\tchildren,\n\t...props\n}: ButtonProps) {\n\tconst Icon = icon ? icon() : undefined;\n\tconst TrailingIcon = trailingIcon ? trailingIcon() : undefined;\n\n\treturn (\n\t\t<button\n\t\t\tclassName={cn(buttonVariants({ variant, size, className }), \"gap-2\")}\n\t\t\tdisabled={loading || disabled}\n\t\t\t{...props}\n\t\t>\n\t\t\t{/* Show loader when loading, otherwise show icon if present */}\n\t\t\t{loading ? (\n\t\t\t\t<Loader />\n\t\t\t) : Icon ? (\n\t\t\t\t<Icon className=\"size-icon\" />\n\t\t\t) : null}\n\t\t\t{children && <span className=\"truncate\">{children}</span>}\n\t\t\t{TrailingIcon ? <TrailingIcon className=\"size-icon\" /> : null}\n\t\t\t{active && <span className=\"p-1 bg-destructive absolute top-0 end-0 -translate-y-1\ttranslate-x-1 rounded-full\"></span>}\n\t\t</button>\n\t);\n}\n"],"names":["buttonVariants","cva","Button","className","variant","size","loading","disabled","icon","trailingIcon","active","children","props","Icon","TrailingIcon","jsxs","cn","jsx","Loader"],"mappings":";;;;AAOO,MAAMA,IAAiBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAEP,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IACL;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF;AAWO,SAASC,EAAO;AAAA,EACtB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAgB;AACf,QAAMC,IAAOL,IAAOA,EAAA,IAAS,QACvBM,IAAeL,IAAeA,EAAA,IAAiB;AAErD,SACC,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAGhB,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,GAAG,OAAO;AAAA,MACnE,UAAUG,KAAWC;AAAA,MACpB,GAAGK;AAAA,MAGH,UAAA;AAAA,QAAAN,IACA,gBAAAW,EAACC,KAAO,IACLL,sBACFA,GAAA,EAAK,WAAU,aAAY,IACzB;AAAA,QACHF,KAAY,gBAAAM,EAAC,QAAA,EAAK,WAAU,YAAY,UAAAN,GAAS;AAAA,QACjDG,IAAe,gBAAAG,EAACH,GAAA,EAAa,WAAU,aAAY,IAAK;AAAA,QACxDJ,KAAU,gBAAAO,EAAC,QAAA,EAAK,WAAU,oFAAA,CAAoF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlH;"}
+{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["\"use client\"\nimport { cn } from \"@/utils/index\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n\tButton as AriaButton,\n\tcomposeRenderProps,\n\ttype ButtonProps as AriaButtonProps,\n} from \"react-aria-components\";\nimport { Loader } from \"./loader\";\n\nexport const buttonVariants = cva(\n\t\"btn inline-flex gap-1 text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: \"btn-primary\",\n\t\t\t\tsecondary: \"btn-secondary\",\n\t\t\t\tdestructive: \"btn-destructive\",\n\t\t\t\tneutral: \"btn-neutral\",\n\t\t\t\tghost: \"btn-ghost\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"input-dim\",\n\t\t\t\ticon: \"size-input\",\n\t\t\t\tnone: \"\"\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"neutral\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport type ButtonProps = AriaButtonProps & VariantProps<typeof buttonVariants> & {\n\tref?: React.Ref<HTMLButtonElement>\n\tactive?: boolean\n}\n\nexport function Button({ className: additionalClasses, variant, size, children, isPending, active, ...props }: ButtonProps) {\n\treturn (\n\t\t<AriaButton\n\t\t\t{...props}\n\t\t\tclassName={composeRenderProps(additionalClasses, (className) =>\n\t\t\t\tcn(\n\t\t\t\t\tbuttonVariants({\n\t\t\t\t\t\tvariant,\n\t\t\t\t\t\tsize,\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t}),\n\t\t\t\t\tadditionalClasses\n\t\t\t\t)\n\t\t\t)}\n\t\t>\n\t\t\t{composeRenderProps(children, (children) => (<>\n\t\t\t\t{isPending && <Loader />}\n\t\t\t\t{!isPending && <>\n\t\t\t\t\t{children}\n\t\t\t\t\t{/* TODO active indication */}\n\t\t\t\t</>}\n\t\t\t</>))}\n\t\t</AriaButton>\n\t)\n}\n\n"],"names":["buttonVariants","cva","Button","additionalClasses","variant","size","children","isPending","active","props","jsx","AriaButton","composeRenderProps","className","cn","jsxs","Fragment","Loader"],"mappings":";;;;;;;AAUO,MAAMA,IAAiBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAEP,MAAM;AAAA,QACL,SAAS;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,IAED,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF;AAOO,SAASC,EAAO,EAAE,WAAWC,GAAmB,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,KAAsB;AAC3H,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,GAAGF;AAAA,MACJ,WAAWG;AAAAA,QAAmBT;AAAA,QAAmB,CAACU,MACjDC;AAAA,UACCd,EAAe;AAAA,YACd,SAAAI;AAAA,YACA,MAAAC;AAAA,YACA,WAAAQ;AAAA,UAAA,CACA;AAAA,UACDV;AAAA,QAAA;AAAA,MACD;AAAA,MAGA,UAAAS,EAAmBN,GAAU,CAACA,MAAc,gBAAAS,EAAAC,GAAA,EAC3C,UAAA;AAAA,QAAAT,uBAAcU,GAAA,EAAO;AAAA,QACrB,CAACV,KAAa,gBAAAG,EAAAM,GAAA,EACb,UAAAV,EAAAA,CAEF;AAAA,MAAA,GACD,CAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,167 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { today as h, getLocalTimeZone as C } from "../../node_modules/.pnpm/@internationalized_date@3.8.2/node_modules/@internationalized/date/dist/queries.es.js";
+import * as v from "react";
+import { CalendarGridHeader as y, CalendarGrid as N, CalendarHeaderCell as S, CalendarGridBody as H, RangeCalendarStateContext as R, CalendarCell as G, Calendar as w, RangeCalendar as z } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Calendar.es.js";
+import { composeRenderProps as n } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { Heading as B } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Heading.es.js";
+import { Text as u } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Text.es.js";
+import { Button as f, buttonVariants as j } from "./button.es.js";
+import { ChevronRight as s, ChevronLeft as l } from "lucide-react";
+import { useLocale as L } from "../../node_modules/.pnpm/@react-aria_i18n@3.12.11_react-dom@19.1.0_react@19.1.0/node_modules/@react-aria/i18n/dist/context.es.js";
+import { cn as o } from "../../utils/primitives.es.js";
+function m(t) {
+  let { direction: a } = L();
+  return /* @__PURE__ */ i("header", { className: "flex w-full items-center gap-1 px-1 pb-4", ...t, children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        slot: "previous",
+        size: "none",
+        className: o(
+          "size-7 bg-transparent p-0 opacity-50",
+          /* Hover */
+          "data-[hovered]:opacity-100"
+        ),
+        children: a === "rtl" ? /* @__PURE__ */ e(s, { "aria-hidden": !0 }) : /* @__PURE__ */ e(l, { "aria-hidden": !0 })
+      }
+    ),
+    /* @__PURE__ */ e(B, { className: "grow text-center text-sm font-medium" }),
+    /* @__PURE__ */ e(
+      f,
+      {
+        slot: "next",
+        className: o(
+          "size-7 bg-transparent p-0 opacity-50",
+          /* Hover */
+          "data-[hovered]:opacity-100"
+        ),
+        children: a === "rtl" ? /* @__PURE__ */ e(l, { "aria-hidden": !0 }) : /* @__PURE__ */ e(s, { "aria-hidden": !0 })
+      }
+    )
+  ] });
+}
+function x({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    N,
+    {
+      className: o(
+        " border-separate border-spacing-x-0 border-spacing-y-1 ",
+        t
+      ),
+      ...a
+    }
+  );
+}
+const $ = y;
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    S,
+    {
+      className: o(
+        "w-9 text-xs font-normal text-muted-foreground",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(H, { className: o("[&>tr>td]:p-0", t), ...a });
+}
+function g({ className: t, ...a }) {
+  const c = !!v.useContext(R);
+  return /* @__PURE__ */ e(
+    G,
+    {
+      className: n(
+        t,
+        (r, d) => o(
+          j({ variant: "ghost", size: "none" }),
+          "relative flex size-9 items-center justify-center p-0 text-sm font-normal",
+          /* Disabled */
+          d.isDisabled && "text-muted-foreground opacity-50",
+          /* Selected */
+          d.isSelected && "bg-primary text-primary-foreground data-[focused]:bg-primary  data-[focused]:text-primary-foreground",
+          /* Hover */
+          d.isHovered && d.isSelected && (d.isSelectionStart || d.isSelectionEnd || !c) && "data-[hovered]:bg-primary data-[hovered]:text-primary-foreground",
+          /* Selection Start/End */
+          d.isSelected && c && !d.isSelectionStart && !d.isSelectionEnd && "rounded-none bg-accent text-accent-foreground",
+          /* Outside Month */
+          d.isOutsideMonth && "text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30",
+          /* Current Date */
+          d.date.compare(h(C())) === 0 && !d.isSelected && "bg-accent text-accent-foreground",
+          /* Unavailable Date */
+          d.isUnavailable && "cursor-default text-destructive ",
+          d.isInvalid && "bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground",
+          r
+        )
+      ),
+      ...a
+    }
+  );
+}
+function q({
+  errorMessage: t,
+  className: a,
+  ...c
+}) {
+  return /* @__PURE__ */ i(
+    w,
+    {
+      className: n(
+        a,
+        (r) => o("w-fit", r)
+      ),
+      ...c,
+      children: [
+        /* @__PURE__ */ e(m, {}),
+        /* @__PURE__ */ i(x, { children: [
+          /* @__PURE__ */ e($, { children: (r) => /* @__PURE__ */ e(p, { children: r }) }),
+          /* @__PURE__ */ e(b, { children: (r) => /* @__PURE__ */ e(g, { date: r }) })
+        ] }),
+        t && /* @__PURE__ */ e(u, { className: "text-sm text-destructive", slot: "errorMessage", children: t })
+      ]
+    }
+  );
+}
+function A({
+  errorMessage: t,
+  className: a,
+  ...c
+}) {
+  return /* @__PURE__ */ i(
+    z,
+    {
+      className: n(
+        a,
+        (r) => o("w-fit", r)
+      ),
+      ...c,
+      children: [
+        /* @__PURE__ */ e(m, {}),
+        /* @__PURE__ */ i(x, { children: [
+          /* @__PURE__ */ e($, { children: (r) => /* @__PURE__ */ e(p, { children: r }) }),
+          /* @__PURE__ */ e(b, { children: (r) => /* @__PURE__ */ e(g, { date: r }) })
+        ] }),
+        t && /* @__PURE__ */ e(u, { slot: "errorMessage", className: "text-sm text-destructive", children: t })
+      ]
+    }
+  );
+}
+export {
+  q as Calendar,
+  g as CalendarCell,
+  x as CalendarGrid,
+  b as CalendarGridBody,
+  $ as CalendarGridHeader,
+  p as CalendarHeaderCell,
+  m as CalendarHeading,
+  A as RangeCalendar
+};
+//# sourceMappingURL=calendar.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.es.js","sources":["../../../lib/components/ui/calendar.tsx"],"sourcesContent":["import { getLocalTimeZone, today } from \"@internationalized/date\"\nimport * as React from \"react\"\nimport {\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarCellProps as AriaCalendarCellProps,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarGridBodyProps as AriaCalendarGridBodyProps,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarGridProps as AriaCalendarGridProps,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarHeaderCellProps as AriaCalendarHeaderCellProps,\n  CalendarProps as AriaCalendarProps,\n  DateValue as AriaDateValue,\n  Heading as AriaHeading,\n  RangeCalendar as AriaRangeCalendar,\n  RangeCalendarProps as AriaRangeCalendarProps,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n  composeRenderProps,\n  Text,\n  useLocale\n} from \"react-aria-components\"\n\nimport { Button, buttonVariants } from \"@/components/ui/button\"\nimport { cn } from \"@/utils/index\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\n\nexport function CalendarHeading(props: React.HTMLAttributes<HTMLElement>) {\n  let { direction } = useLocale()\n\n  return (\n    <header className=\"flex w-full items-center gap-1 px-1 pb-4\" {...props}>\n      <Button\n        slot=\"previous\"\n        size='none'\n        className={cn(\n          \"size-7 bg-transparent p-0 opacity-50\",\n          /* Hover */\n          \"data-[hovered]:opacity-100\"\n        )}\n      >\n        {direction === \"rtl\" ? (\n          <ChevronRight aria-hidden />\n        ) : (\n          <ChevronLeft aria-hidden />\n        )}\n      </Button>\n      <AriaHeading className=\"grow text-center text-sm font-medium\" />\n      <Button\n        slot=\"next\"\n        className={cn(\n          \"size-7 bg-transparent p-0 opacity-50\",\n          /* Hover */\n          \"data-[hovered]:opacity-100\"\n        )}\n      >\n        {direction === \"rtl\" ? (\n          <ChevronLeft aria-hidden />\n        ) : (\n          <ChevronRight aria-hidden />\n        )}\n      </Button>\n    </header>\n  )\n}\n\nexport function CalendarGrid({ className, ...props }: AriaCalendarGridProps) {\n  return (\n    <AriaCalendarGrid\n      className={cn(\n        \" border-separate border-spacing-x-0 border-spacing-y-1 \",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport const CalendarGridHeader = AriaCalendarGridHeader;\n\nexport function CalendarHeaderCell({\n  className,\n  ...props\n}: AriaCalendarHeaderCellProps) {\n  return (\n    <AriaCalendarHeaderCell\n      className={cn(\n        \"w-9 text-xs font-normal text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function CalendarGridBody({\n  className,\n  ...props\n}: AriaCalendarGridBodyProps) {\n  return (\n    <AriaCalendarGridBody className={cn(\"[&>tr>td]:p-0\", className)} {...props} />\n  )\n}\n\nexport function CalendarCell({ className, ...props }: AriaCalendarCellProps) {\n  const isRange = Boolean(React.useContext(AriaRangeCalendarStateContext))\n  return (\n    <AriaCalendarCell\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          buttonVariants({ variant: \"ghost\", size: 'none' }),\n          \"relative flex size-9 items-center justify-center p-0 text-sm font-normal\",\n          /* Disabled */\n          renderProps.isDisabled && \"text-muted-foreground opacity-50\",\n          /* Selected */\n          renderProps.isSelected &&\n          \"bg-primary text-primary-foreground data-[focused]:bg-primary  data-[focused]:text-primary-foreground\",\n          /* Hover */\n          renderProps.isHovered &&\n          renderProps.isSelected &&\n          (renderProps.isSelectionStart ||\n            renderProps.isSelectionEnd ||\n            !isRange) &&\n          \"data-[hovered]:bg-primary data-[hovered]:text-primary-foreground\",\n          /* Selection Start/End */\n          renderProps.isSelected &&\n          isRange &&\n          !renderProps.isSelectionStart &&\n          !renderProps.isSelectionEnd &&\n          \"rounded-none bg-accent text-accent-foreground\",\n          /* Outside Month */\n          renderProps.isOutsideMonth &&\n          \"text-muted-foreground opacity-50 data-[selected]:bg-accent/50 data-[selected]:text-muted-foreground data-[selected]:opacity-30\",\n          /* Current Date */\n          renderProps.date.compare(today(getLocalTimeZone())) === 0 &&\n          !renderProps.isSelected &&\n          \"bg-accent text-accent-foreground\",\n          /* Unavailable Date */\n          renderProps.isUnavailable && \"cursor-default text-destructive \",\n          renderProps.isInvalid &&\n          \"bg-destructive text-destructive-foreground data-[focused]:bg-destructive data-[hovered]:bg-destructive data-[focused]:text-destructive-foreground data-[hovered]:text-destructive-foreground\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\ninterface CalendarProps<T extends AriaDateValue>\n  extends AriaCalendarProps<T> {\n  errorMessage?: string\n}\n\nexport function Calendar<T extends AriaDateValue>({\n  errorMessage,\n  className,\n  ...props\n}: CalendarProps<T>) {\n  return (\n    <AriaCalendar\n      className={composeRenderProps(className, (className) =>\n        cn(\"w-fit\", className)\n      )}\n      {...props}\n    >\n      <CalendarHeading />\n      <CalendarGrid>\n        <CalendarGridHeader>\n          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n        </CalendarGridHeader>\n        <CalendarGridBody>\n          {(date) => <CalendarCell date={date} />}\n        </CalendarGridBody>\n      </CalendarGrid>\n      {errorMessage && (\n        <Text className=\"text-sm text-destructive\" slot=\"errorMessage\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaCalendar>\n  )\n}\n\ninterface RangeCalendarProps<T extends AriaDateValue>\n  extends AriaRangeCalendarProps<T> {\n  errorMessage?: string\n}\n\nexport function RangeCalendar<T extends AriaDateValue>({\n  errorMessage,\n  className,\n  ...props\n}: RangeCalendarProps<T>) {\n  return (\n    <AriaRangeCalendar\n      className={composeRenderProps(className, (className) =>\n        cn(\"w-fit\", className)\n      )}\n      {...props}\n    >\n      <CalendarHeading />\n      <CalendarGrid>\n        <CalendarGridHeader>\n          {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n        </CalendarGridHeader>\n        <CalendarGridBody>\n          {(date) => <CalendarCell date={date} />}\n        </CalendarGridBody>\n      </CalendarGrid>\n      {errorMessage && (\n        <Text slot=\"errorMessage\" className=\"text-sm text-destructive\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaRangeCalendar>\n  )\n}\n\n"],"names":["CalendarHeading","props","direction","useLocale","jsxs","jsx","Button","cn","ChevronRight","ChevronLeft","AriaHeading","CalendarGrid","className","AriaCalendarGrid","CalendarGridHeader","AriaCalendarGridHeader","CalendarHeaderCell","AriaCalendarHeaderCell","CalendarGridBody","AriaCalendarGridBody","CalendarCell","isRange","React","AriaRangeCalendarStateContext","AriaCalendarCell","composeRenderProps","renderProps","buttonVariants","today","getLocalTimeZone","Calendar","errorMessage","AriaCalendar","day","date","Text","RangeCalendar","AriaRangeCalendar"],"mappings":"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"}

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

@@ -31,7 +31,7 @@ function l({
   return /* @__PURE__ */ n("p", { className: o("caption", r), ...e });
 }
 function s({ className: r, ...e }) {
-  return /* @__PURE__ */ n("div", { className: o("grow", r), ...e });
+  return /* @__PURE__ */ n("div", { className: o("grow body", r), ...e });
 }
 function f({ className: r, ...e }) {
   return /* @__PURE__ */ n(

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

@@ -1 +1 @@
-{"version":3,"file":"card.es.js","sources":["../../../lib/components/ui/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nexport function Card({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col p-icon border border-border bg-card text-card-foreground\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex flex-col gap-y-1 pb-icon shrink-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<\"h3\">) {\n\treturn (\n\t\t<h3 className={cn(\"h4 leading-none\", className)} {...props} />\n\t);\n}\n\n\nexport function CardDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p className={cn(\"caption\", className)} {...props} />\n\t);\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div className={cn(\"grow\", className)} {...props} />\n\t);\n}\n\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex items-center w-full pt-icon gap-2 justify-end\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;AAGO,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAC1E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASG,EAAW,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,0CAA0CH,CAAS;AAAA,MAChE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAqC;AAC9E,SACC,gBAAAC,EAAC,QAAG,WAAWC,EAAG,mBAAmBH,CAAS,GAAI,GAAGC,GAAO;AAE9D;AAGO,SAASK,EAAgB;AAAA,EAC/B,WAAAN;AAAA,EACA,GAAGC;AACJ,GAA8B;AAC7B,SACC,gBAAAC,EAAC,OAAE,WAAWC,EAAG,WAAWH,CAAS,GAAI,GAAGC,GAAO;AAErD;AAEO,SAASM,EAAY,EAAE,WAAAP,GAAW,GAAGC,KAAsC;AACjF,SACC,gBAAAC,EAAC,SAAI,WAAWC,EAAG,QAAQH,CAAS,GAAI,GAAGC,GAAO;AAEpD;AAGO,SAASO,EAAW,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,sDAAsDH,CAAS;AAAA,MAC5E,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"card.es.js","sources":["../../../lib/components/ui/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nexport function Card({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col p-icon border border-border bg-card text-card-foreground\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex flex-col gap-y-1 pb-icon shrink-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<\"h3\">) {\n\treturn (\n\t\t<h3 className={cn(\"h4 leading-none\", className)} {...props} />\n\t);\n}\n\n\nexport function CardDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p className={cn(\"caption\", className)} {...props} />\n\t);\n}\n\nexport function CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div className={cn(\"grow body\", className)} {...props} />\n\t);\n}\n\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"flex items-center w-full pt-icon gap-2 justify-end\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;AAGO,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAC1E,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASG,EAAW,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,0CAA0CH,CAAS;AAAA,MAChE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAqC;AAC9E,SACC,gBAAAC,EAAC,QAAG,WAAWC,EAAG,mBAAmBH,CAAS,GAAI,GAAGC,GAAO;AAE9D;AAGO,SAASK,EAAgB;AAAA,EAC/B,WAAAN;AAAA,EACA,GAAGC;AACJ,GAA8B;AAC7B,SACC,gBAAAC,EAAC,OAAE,WAAWC,EAAG,WAAWH,CAAS,GAAI,GAAGC,GAAO;AAErD;AAEO,SAASM,EAAY,EAAE,WAAAP,GAAW,GAAGC,KAAsC;AACjF,SACC,gBAAAC,EAAC,SAAI,WAAWC,EAAG,aAAaH,CAAS,GAAI,GAAGC,GAAO;AAEzD;AAGO,SAASO,EAAW,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AAChF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAG,sDAAsDH,CAAS;AAAA,MAC5E,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,102 +1,159 @@
-"use client";
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { Root as r, Trigger as l, Portal as c, Close as s, Overlay as d, Content as u, Title as f, Description as g } from "../../node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-dialog/dist/index.es.js";
-import { Cross as m } from "lucide-react";
-import { cn as o } from "../../utils/primitives.es.js";
-const N = r, v = l, p = c, C = s;
-function x({
+import { jsx as a, jsxs as d, Fragment as g } from "react/jsx-runtime";
+import { cva as c } from "class-variance-authority";
+import { composeRenderProps as l } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { DialogTrigger as x, Dialog as p } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Dialog.es.js";
+import { Heading as u } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Heading.es.js";
+import { ModalOverlay as b, Modal as h } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Modal.es.js";
+import { Button as $ } from "./button.es.js";
+import { X as v } from "lucide-react";
+import { cn as i } from "../../utils/primitives.es.js";
+const y = c(
+  [
+    "fixed z-50 gap-4 bg-popover transition ease-in-out",
+    "data-[entering]:duration-200 data-[entering]:animate-in data-[entering]:fade-in-0 data-[exiting]:duration-200  data-[exiting]:animate-out data-[exiting]:fade-out-0"
+  ],
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top max-h-table",
+        bottom: "inset-x-0 bottom-0 border-t data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-table",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right sm:max-w-sm"
+      }
+    }
+  }
+), M = x, O = ({
+  className: t,
+  isDismissable: e = !0,
+  ...o
+}) => /* @__PURE__ */ a(
+  b,
+  {
+    isDismissable: e,
+    className: l(
+      t,
+      (n) => i(
+        "fixed inset-0 z-50 bg-card/20",
+        /* Exiting */
+        "data-[exiting]:duration-100 data-[exiting]:animate-out",
+        /* Entering */
+        "data-[entering]:animate-in",
+        n
+      )
+    ),
+    ...o
+  }
+);
+function P({
+  className: t,
+  children: e,
+  side: o,
+  role: n,
+  closeButton: s = !0,
+  ...f
+}) {
+  return /* @__PURE__ */ a(
+    h,
+    {
+      className: l(
+        t,
+        (r) => i(
+          o ? y({ side: o, className: "h-full p-6" }) : ["fixed left-[50vw] top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-popover p-icon duration-100 data-[exiting]:duration-100 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 md:w-full"],
+          r
+        )
+      ),
+      ...f,
+      children: /* @__PURE__ */ a(
+        p,
+        {
+          role: n,
+          className: i(!o && "grid h-full gap-4 relative", "h-full outline-none"),
+          children: l(e, (r, m) => /* @__PURE__ */ d(g, { children: [
+            r,
+            s && /* @__PURE__ */ a("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ d(
+              $,
+              {
+                size: "icon",
+                variant: "destructive",
+                onPress: m.close,
+                className: "opacity-70 transition-opacity data-[hovered]:opacity-100",
+                children: [
+                  /* @__PURE__ */ a(v, {}),
+                  /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            ) })
+          ] }))
+        }
+      )
+    }
+  );
+}
+function k({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    d,
+    "div",
     {
-      className: o(
-        "fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className: i(
+        "flex flex-col gap-y-2 text-center sm:text-left",
         t
       ),
       ...e
     }
   );
 }
-function z({
+function B({
   className: t,
-  children: e,
-  ...i
+  ...e
 }) {
-  return /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ a(x, {}),
-    /* @__PURE__ */ n(
-      u,
-      {
-        className: o(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-icon border bg-background p-icon shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-          t
-        ),
-        ...i,
-        children: [
-          e,
-          /* @__PURE__ */ n(s, { className: "absolute right-icon top-icon opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-            /* @__PURE__ */ a(m, { className: "size-icon" }),
-            /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function w({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: o(
-        "flex flex-col space-y-1.5 text-center sm:text-left",
+      className: i(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2",
         t
       ),
       ...e
     }
   );
 }
-function T({ className: t, ...e }) {
+function R({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    "div",
+    u,
     {
-      className: o(
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      slot: "title",
+      className: i(
+        "text-lg font-semibold leading-none tracking-tight",
         t
       ),
       ...e
     }
   );
 }
-function j({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a(f, { className: o("h3", t), ...e });
-}
-function k({
+function V({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    g,
+    "p",
     {
-      className: o("body text-muted-foreground", t),
+      className: i(
+        "flex flex-col gap-y-1 text-center sm:text-left",
+        t
+      ),
       ...e
     }
   );
 }
 export {
-  N as Dialog,
-  C as DialogClose,
-  z as DialogContent,
-  k as DialogDescription,
-  T as DialogFooter,
-  w as DialogHeader,
-  x as DialogOverlay,
-  p as DialogPortal,
-  j as DialogTitle,
-  v as DialogTrigger
+  P as DialogContent,
+  V as DialogDescription,
+  B as DialogFooter,
+  k as DialogHeader,
+  O as DialogOverlay,
+  R as DialogTitle,
+  M as DialogTrigger
 };
 //# sourceMappingURL=dialog.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { Cross } from \"lucide-react\";\n\nexport const Dialog = DialogPrimitive.Root;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n\nexport const DialogPortal = DialogPrimitive.Portal;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport function DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 z-50 bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n\nexport function DialogContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n\treturn (\n\t\t<DialogPortal>\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-icon border bg-background p-icon shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<DialogPrimitive.Close className=\"absolute right-icon top-icon opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n\t\t\t\t\t<Cross className=\"size-icon\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</DialogPrimitive.Close>\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nexport function DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col space-y-1.5 text-center sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title className={cn(\"h3\", className)} {...props} />\n\t);\n}\n\nexport function DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tclassName={cn(\"body text-muted-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","className","props","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","jsxs","DialogPrimitive.Content","Cross","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;AAQO,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC;AAEpB,SAASC,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAyD;AACxD,SACC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASI,EAAc;AAAA,EAC7B,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAAyD;AACxD,2BACEN,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAO,EAACH,GAAA,EAAc;AAAA,IACf,gBAAAQ;AAAA,MAACC;AAAAA,MAAA;AAAA,QACA,WAAWJ;AAAA,UACV;AAAA,UACAJ;AAAA,QAAA;AAAA,QAEA,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAK;AAAA,UACD,gBAAAC,EAACT,GAAA,EAAsB,WAAU,0PAChC,UAAA;AAAA,YAAA,gBAAAI,EAACO,GAAA,EAAM,WAAU,YAAA,CAAY;AAAA,YAC7B,gBAAAP,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,UAAA,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,GACD;AAEF;AAEO,SAASQ,EAAa,EAAE,WAAAV,GAAW,GAAGC,KAAsC;AAClF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAClF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWE;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASW,EAAY;AAAA,EAC3B,WAAAZ;AAAA,EACA,GAAGC;AACJ,GAAuD;AACtD,SACC,gBAAAC,EAACW,GAAA,EAAsB,WAAWT,EAAG,MAAMJ,CAAS,GAAI,GAAGC,GAAO;AAEpE;AAEO,SAASa,EAAkB;AAAA,EACjC,WAAAd;AAAA,EACA,GAAGC;AACJ,GAA6D;AAC5D,SACC,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACA,WAAWX,EAAG,8BAA8BJ,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Heading as AriaHeading,\n  HeadingProps as AriaHeadingProps,\n  Modal as AriaModal,\n  ModalOverlay as AriaModalOverlay,\n  ModalOverlayProps as AriaModalOverlayProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/utils/index\"\nimport { X } from \"lucide-react\"\n\nconst sheetVariants = cva(\n  [\n    \"fixed z-50 gap-4 bg-popover transition ease-in-out\",\n    \"data-[entering]:duration-200 data-[entering]:animate-in data-[entering]:fade-in-0 data-[exiting]:duration-200  data-[exiting]:animate-out data-[exiting]:fade-out-0\",\n  ],\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[entering]:slide-in-from-top data-[exiting]:slide-out-to-top max-h-table\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[entering]:slide-in-from-bottom data-[exiting]:slide-out-to-bottom max-h-table\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[entering]:slide-in-from-left data-[exiting]:slide-out-to-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4  border-l data-[entering]:slide-in-from-right data-[exiting]:slide-out-to-right sm:max-w-sm\",\n      },\n    },\n  }\n)\n\nexport const DialogTrigger = AriaDialogTrigger\n\nexport const DialogOverlay = ({\n  className,\n  isDismissable = true,\n  ...props\n}: AriaModalOverlayProps) => (\n  <AriaModalOverlay\n    isDismissable={isDismissable}\n    className={composeRenderProps(className, (className) =>\n      cn(\n        \"fixed inset-0 z-50 bg-card/20\",\n        /* Exiting */\n        \"data-[exiting]:duration-100 data-[exiting]:animate-out\",\n        /* Entering */\n        \"data-[entering]:animate-in\",\n        className\n      )\n    )}\n    {...props}\n  />\n)\n\nexport interface DialogContentProps\n  extends Omit<React.ComponentProps<typeof AriaModal>, \"children\">,\n  VariantProps<typeof sheetVariants> {\n  children?: AriaDialogProps[\"children\"]\n  role?: AriaDialogProps[\"role\"]\n  closeButton?: boolean\n}\n\nexport function DialogContent({\n  className,\n  children,\n  side,\n  role,\n  closeButton = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <AriaModal\n      className={composeRenderProps(className, (className) =>\n        cn(\n          side\n            ? sheetVariants({ side, className: \"h-full p-6\" })\n            : [\"fixed left-[50vw] top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-popover p-icon duration-100 data-[exiting]:duration-100 data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 md:w-full\"],\n          className\n        )\n      )}\n      {...props}\n    >\n      <AriaDialog\n        role={role}\n        className={cn(!side && \"grid h-full gap-4 relative\", \"h-full outline-none\")}\n      >\n        {composeRenderProps(children, (children, renderProps) => (\n          <>\n            {children}\n            {closeButton && (\n              <div className=\"absolute right-1 top-1\">\n                <Button\n                  size={'icon'}\n                  variant={'destructive'}\n                  onPress={renderProps.close}\n                  className=\"opacity-70 transition-opacity data-[hovered]:opacity-100\"\n                >\n                  <X />\n                  <span className=\"sr-only\">Close</span>\n                </Button>\n              </div>\n            )}\n          </>\n        ))}\n      </AriaDialog>\n    </AriaModal>\n  )\n}\n\nexport function DialogHeader({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-y-2 text-center sm:text-left\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DialogFooter({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DialogTitle({ className, ...props }: AriaHeadingProps) {\n  return (\n    <AriaHeading\n      slot=\"title\"\n      className={cn(\n        \"text-lg font-semibold leading-none tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function DialogDescription({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement>) {\n  return (\n    <p\n      className={cn(\n        \"flex flex-col gap-y-1 text-center sm:text-left\",\n        className\n      )}\n      {...props}\n    />\n  )\n}"],"names":["sheetVariants","cva","DialogTrigger","AriaDialogTrigger","DialogOverlay","className","isDismissable","props","jsx","AriaModalOverlay","composeRenderProps","cn","DialogContent","children","side","role","closeButton","AriaModal","AriaDialog","renderProps","jsxs","Fragment","Button","X","DialogHeader","DialogFooter","DialogTitle","AriaHeading","DialogDescription"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,EACF;AAEJ,GAEaC,IAAgBC,GAEhBC,IAAgB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,eAAAH;AAAA,IACA,WAAWI;AAAAA,MAAmBL;AAAA,MAAW,CAACA,MACxCM;AAAA,QACE;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAN;AAAAA,MAAA;AAAA,IACF;AAAA,IAED,GAAGE;AAAA,EAAA;AACN;AAWK,SAASK,EAAc;AAAA,EAC5B,WAAAP;AAAA,EACA,UAAAQ;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGT;AACL,GAAuB;AACrB,SACE,gBAAAC;AAAA,IAACS;AAAAA,IAAA;AAAA,MACC,WAAWP;AAAAA,QAAmBL;AAAA,QAAW,CAACA,MACxCM;AAAA,UACEG,IACId,EAAc,EAAE,MAAAc,GAAM,WAAW,aAAA,CAAc,IAC/C,CAAC,8TAA8T;AAAA,UACnUT;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACU;AAAAA,QAAA;AAAA,UACC,MAAAH;AAAA,UACA,WAAWJ,EAAG,CAACG,KAAQ,8BAA8B,qBAAqB;AAAA,UAEzE,UAAAJ,EAAmBG,GAAU,CAACA,GAAUM,MACvC,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAR;AAAAA,YACAG,KACC,gBAAAR,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAY;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,SAAS;AAAA,gBACT,SAASH,EAAY;AAAA,gBACrB,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,gBAAAX,EAACe,GAAA,EAAE;AAAA,kBACH,gBAAAf,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,EACjC,CACF;AAAA,UAAA,GAEJ,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEO,SAASgB,EAAa;AAAA,EAC3B,WAAAnB;AAAA,EACA,GAAGE;AACL,GAAyC;AACvC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASkB,EAAa;AAAA,EAC3B,WAAApB;AAAA,EACA,GAAGE;AACL,GAAyC;AACvC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASmB,EAAY,EAAE,WAAArB,GAAW,GAAGE,KAA2B;AACrE,SACE,gBAAAC;AAAA,IAACmB;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWhB;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASqB,EAAkB;AAAA,EAChC,WAAAvB;AAAA,EACA,GAAGE;AACL,GAA+C;AAC7C,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}