@arolariu/components 0.0.20 → 0.0.22

package/dist/es/dialog.js

@@ -0,0 +1,129 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { R as s, C as r, a as i, D as d, O as g, P as c, T as u, b as f } from "./index-Bu1KwSAv.js";
+import { c as o } from "./utils-B9KdtH6G.js";
+import { X as m } from "./x-CRMDqlOZ.js";
+function k({
+  ...t
+}) {
+  return /* @__PURE__ */ a(s, { "data-slot": "dialog", ...t });
+}
+function y({
+  ...t
+}) {
+  return /* @__PURE__ */ a(f, { "data-slot": "dialog-trigger", ...t });
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ a(c, { "data-slot": "dialog-portal", ...t });
+}
+function N({
+  ...t
+}) {
+  return /* @__PURE__ */ a(r, { "data-slot": "dialog-close", ...t });
+}
+function x({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    g,
+    {
+      "data-slot": "dialog-overlay",
+      className: o(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function w({
+  className: t,
+  children: e,
+  ...l
+}) {
+  return /* @__PURE__ */ n(p, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(x, {}),
+    /* @__PURE__ */ n(
+      i,
+      {
+        "data-slot": "dialog-content",
+        className: o(
+          "bg-white 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800",
+          t
+        ),
+        ...l,
+        children: [
+          e,
+          /* @__PURE__ */ n(r, { className: "ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400", children: [
+            /* @__PURE__ */ a(m, {}),
+            /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function z({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: o("flex flex-col gap-2 text-center sm:text-left", t),
+      ...e
+    }
+  );
+}
+function C({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: o(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function T({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    u,
+    {
+      "data-slot": "dialog-title",
+      className: o("text-lg leading-none font-semibold", t),
+      ...e
+    }
+  );
+}
+function j({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    d,
+    {
+      "data-slot": "dialog-description",
+      className: o("text-neutral-500 text-sm dark:text-neutral-400", t),
+      ...e
+    }
+  );
+}
+export {
+  k as Dialog,
+  N as DialogClose,
+  w as DialogContent,
+  j as DialogDescription,
+  C as DialogFooter,
+  z as DialogHeader,
+  x as DialogOverlay,
+  p as DialogPortal,
+  T as DialogTitle,
+  y as DialogTrigger
+};
+//# sourceMappingURL=dialog.js.map

package/dist/es/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../src/components/ui/dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-white 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400\">\n          <XIcon />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\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 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\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  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-neutral-500 text-sm dark:text-neutral-400\", className)}\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","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","className","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","jsxs","DialogPrimitive.Content","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;AAQA,SAASA,EAAO;AAAA,EACd,GAAGC;AACL,GAAsD;AACpD,2BAAQC,GAAA,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAEA,SAASE,EAAc;AAAA,EACrB,GAAGF;AACL,GAAyD;AACvD,2BAAQG,GAAA,EAAwB,aAAU,kBAAkB,GAAGH,GAAO;AACxE;AAEA,SAASI,EAAa;AAAA,EACpB,GAAGJ;AACL,GAAwD;AACtD,2BAAQK,GAAA,EAAuB,aAAU,iBAAiB,GAAGL,GAAO;AACtE;AAEA,SAASM,EAAY;AAAA,EACnB,GAAGN;AACL,GAAuD;AACrD,2BAAQO,GAAA,EAAsB,aAAU,gBAAgB,GAAGP,GAAO;AACpE;AAEA,SAASQ,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGT;AACL,GAAyD;AAErD,SAAA,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGT;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASa,EAAc;AAAA,EACrB,WAAAJ;AAAA,EACA,UAAAK;AAAA,EACA,GAAGd;AACL,GAAyD;AAErD,SAAA,gBAAAe,EAACX,GAAa,EAAA,aAAU,iBACtB,UAAA;AAAA,IAAA,gBAAAM,EAACF,GAAc,EAAA;AAAA,IACf,gBAAAO;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWJ;AAAA,UACT;AAAA,UACAH;AAAA,QACF;AAAA,QACC,GAAGT;AAAA,QAEH,UAAA;AAAA,UAAAc;AAAA,UACA,gBAAAC,EAAAR,GAAA,EAAsB,WAAU,8eAC/B,UAAA;AAAA,YAAA,gBAAAG,EAACO,GAAM,EAAA;AAAA,YACN,gBAAAP,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,UAAA,EACjC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAASQ,EAAa,EAAE,WAAAT,GAAW,GAAGT,KAAsC;AAExE,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,gDAAgDH,CAAS;AAAA,MACtE,GAAGT;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASmB,EAAa,EAAE,WAAAV,GAAW,GAAGT,KAAsC;AAExE,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGT;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASoB,EAAY;AAAA,EACnB,WAAAX;AAAA,EACA,GAAGT;AACL,GAAuD;AAEnD,SAAA,gBAAAU;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWT,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGT;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASsB,EAAkB;AAAA,EACzB,WAAAb;AAAA,EACA,GAAGT;AACL,GAA6D;AAEzD,SAAA,gBAAAU;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWX,EAAG,kDAAkDH,CAAS;AAAA,MACxE,GAAGT;AAAA,IAAA;AAAA,EACN;AAEJ;"}