@prototyperco/ui 0.5.0-alpha.0 → 0.5.0

package/dist/components/accordion.cjs

@@ -0,0 +1,154 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/accordion.tsx
+var accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_accordion = require("@base-ui/react/accordion");
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/accordion.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Accordion({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Root,
+    {
+      "data-slot": "accordion",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn(
+        "not-last:border-b not-last:border-border-light",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_accordion.Accordion.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        // Base
+        "no-highlight group/accordion-trigger relative flex flex-1 cursor-pointer items-start justify-between",
+        "rounded-md py-4 text-left text-sm font-medium outline-none",
+        // Transitions
+        "transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth",
+        "motion-reduce:transition-none",
+        // Hover & focus
+        "hover-only:hover:underline",
+        "focus-visible:focus-ring",
+        // Press feedback
+        "motion-safe:active:scale-[0.98]",
+        // Icon positioning
+        "**:data-[slot=accordion-trigger-icon]:ml-auto",
+        "**:data-[slot=accordion-trigger-icon]:size-4",
+        "**:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+        // Disabled
+        "aria-disabled:status-disabled",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_lucide_react.ChevronDownIcon,
+          {
+            "data-slot": "accordion-trigger-icon",
+            className: cn(
+              "pointer-events-none shrink-0",
+              "transition-transform duration-200 ease-smooth",
+              "motion-reduce:transition-none",
+              "group-data-[panel-open]/accordion-trigger:rotate-180"
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Panel,
+    {
+      "data-slot": "accordion-content",
+      className: cn(
+        // Height animation (Base UI provides --accordion-panel-height)
+        "h-(--accordion-panel-height) overflow-hidden text-sm",
+        "transition-[height] duration-200 ease-smooth",
+        "motion-reduce:transition-none",
+        // Starting/ending at 0 height
+        "data-starting-style:h-0",
+        "data-ending-style:h-0"
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: cn(
+            "pt-0 pb-4",
+            "[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover-only:hover:text-foreground",
+            "[&_p:not(:last-child)]:mb-4",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+});
+//# sourceMappingURL=accordion.cjs.map

package/dist/components/accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        \"not-last:border-b not-last:border-border-light\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          // Base\n          \"no-highlight group/accordion-trigger relative flex flex-1 cursor-pointer items-start justify-between\",\n          \"rounded-md py-4 text-left text-sm font-medium outline-none\",\n          // Transitions\n          \"transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth\",\n          \"motion-reduce:transition-none\",\n          // Hover & focus\n          \"hover-only:hover:underline\",\n          \"focus-visible:focus-ring\",\n          // Press feedback\n          \"motion-safe:active:scale-[0.98]\",\n          // Icon positioning\n          \"**:data-[slot=accordion-trigger-icon]:ml-auto\",\n          \"**:data-[slot=accordion-trigger-icon]:size-4\",\n          \"**:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          // Disabled\n          \"aria-disabled:status-disabled\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon\n          data-slot=\"accordion-trigger-icon\"\n          className={cn(\n            \"pointer-events-none shrink-0\",\n            \"transition-transform duration-200 ease-smooth\",\n            \"motion-reduce:transition-none\",\n            \"group-data-[panel-open]/accordion-trigger:rotate-180\",\n          )}\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\n        // Height animation (Base UI provides --accordion-panel-height)\n        \"h-(--accordion-panel-height) overflow-hidden text-sm\",\n        \"transition-[height] duration-200 ease-smooth\",\n        \"motion-reduce:transition-none\",\n        // Starting/ending at 0 height\n        \"data-starting-style:h-0\",\n        \"data-ending-style:h-0\",\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"pt-0 pb-4\",\n          \"[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover-only:hover:text-foreground\",\n          \"[&_p:not(:last-child)]:mb-4\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n\nexport type AccordionProps = React.ComponentProps<typeof Accordion>;\nexport type AccordionItemProps = React.ComponentProps<typeof AccordionItem>;\nexport type AccordionTriggerProps = React.ComponentProps<\n  typeof AccordionTrigger\n>;\nexport type AccordionContentProps = React.ComponentProps<\n  typeof AccordionContent\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,uBAAgD;AAChD,0BAAgC;;;ACHhC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADII;AAFJ,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAkC;AACzE,SACE;AAAA,IAAC,iBAAAA,UAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC7E,SACE;AAAA,IAAC,iBAAAA,UAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACE,4CAAC,iBAAAA,UAAmB,QAAnB,EAA0B,WAAU,QACnC;AAAA,IAAC,iBAAAA,UAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA;AAAA,QAET;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,iBAAAA,UAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA;AAAA,QAET;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":["AccordionPrimitive"]}

package/dist/components/accordion.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+
+declare function Accordion({ className, ...props }: Accordion$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: Accordion$1.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: Accordion$1.Panel.Props): react_jsx_runtime.JSX.Element;
+
+type AccordionProps = React.ComponentProps<typeof Accordion>;
+type AccordionItemProps = React.ComponentProps<typeof AccordionItem>;
+type AccordionTriggerProps = React.ComponentProps<typeof AccordionTrigger>;
+type AccordionContentProps = React.ComponentProps<typeof AccordionContent>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/components/accordion.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+
+declare function Accordion({ className, ...props }: Accordion$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: Accordion$1.Item.Props): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: Accordion$1.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: Accordion$1.Panel.Props): react_jsx_runtime.JSX.Element;
+
+type AccordionProps = React.ComponentProps<typeof Accordion>;
+type AccordionItemProps = React.ComponentProps<typeof AccordionItem>;
+type AccordionTriggerProps = React.ComponentProps<typeof AccordionTrigger>;
+type AccordionContentProps = React.ComponentProps<typeof AccordionContent>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/components/accordion.js

@@ -0,0 +1,127 @@
+"use client";
+
+// src/components/accordion.tsx
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { ChevronDownIcon } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/accordion.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Accordion({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      "data-slot": "accordion",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn(
+        "not-last:border-b not-last:border-border-light",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        // Base
+        "no-highlight group/accordion-trigger relative flex flex-1 cursor-pointer items-start justify-between",
+        "rounded-md py-4 text-left text-sm font-medium outline-none",
+        // Transitions
+        "transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth",
+        "motion-reduce:transition-none",
+        // Hover & focus
+        "hover-only:hover:underline",
+        "focus-visible:focus-ring",
+        // Press feedback
+        "motion-safe:active:scale-[0.98]",
+        // Icon positioning
+        "**:data-[slot=accordion-trigger-icon]:ml-auto",
+        "**:data-[slot=accordion-trigger-icon]:size-4",
+        "**:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+        // Disabled
+        "aria-disabled:status-disabled",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            "data-slot": "accordion-trigger-icon",
+            className: cn(
+              "pointer-events-none shrink-0",
+              "transition-transform duration-200 ease-smooth",
+              "motion-reduce:transition-none",
+              "group-data-[panel-open]/accordion-trigger:rotate-180"
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Panel,
+    {
+      "data-slot": "accordion-content",
+      className: cn(
+        // Height animation (Base UI provides --accordion-panel-height)
+        "h-(--accordion-panel-height) overflow-hidden text-sm",
+        "transition-[height] duration-200 ease-smooth",
+        "motion-reduce:transition-none",
+        // Starting/ending at 0 height
+        "data-starting-style:h-0",
+        "data-ending-style:h-0"
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "pt-0 pb-4",
+            "[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover-only:hover:text-foreground",
+            "[&_p:not(:last-child)]:mb-4",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        \"not-last:border-b not-last:border-border-light\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Trigger.Props) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          // Base\n          \"no-highlight group/accordion-trigger relative flex flex-1 cursor-pointer items-start justify-between\",\n          \"rounded-md py-4 text-left text-sm font-medium outline-none\",\n          // Transitions\n          \"transition-[color,background-color,border-color,box-shadow,opacity] duration-150 ease-smooth\",\n          \"motion-reduce:transition-none\",\n          // Hover & focus\n          \"hover-only:hover:underline\",\n          \"focus-visible:focus-ring\",\n          // Press feedback\n          \"motion-safe:active:scale-[0.98]\",\n          // Icon positioning\n          \"**:data-[slot=accordion-trigger-icon]:ml-auto\",\n          \"**:data-[slot=accordion-trigger-icon]:size-4\",\n          \"**:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          // Disabled\n          \"aria-disabled:status-disabled\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon\n          data-slot=\"accordion-trigger-icon\"\n          className={cn(\n            \"pointer-events-none shrink-0\",\n            \"transition-transform duration-200 ease-smooth\",\n            \"motion-reduce:transition-none\",\n            \"group-data-[panel-open]/accordion-trigger:rotate-180\",\n          )}\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.Panel.Props) {\n  return (\n    <AccordionPrimitive.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\n        // Height animation (Base UI provides --accordion-panel-height)\n        \"h-(--accordion-panel-height) overflow-hidden text-sm\",\n        \"transition-[height] duration-200 ease-smooth\",\n        \"motion-reduce:transition-none\",\n        // Starting/ending at 0 height\n        \"data-starting-style:h-0\",\n        \"data-ending-style:h-0\",\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"pt-0 pb-4\",\n          \"[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover-only:hover:text-foreground\",\n          \"[&_p:not(:last-child)]:mb-4\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n\nexport type AccordionProps = React.ComponentProps<typeof Accordion>;\nexport type AccordionItemProps = React.ComponentProps<typeof AccordionItem>;\nexport type AccordionTriggerProps = React.ComponentProps<\n  typeof AccordionTrigger\n>;\nexport type AccordionContentProps = React.ComponentProps<\n  typeof AccordionContent\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAEA,SAAS,aAAa,0BAA0B;AAChD,SAAS,uBAAuB;;;ACHhC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADII,cA4BE,YA5BF;AAFJ,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAkC;AACzE,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC7E,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,WAAU,QACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA;AAAA,QAET;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA;AAAA,QAET;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/alert-dialog.cjs

@@ -0,0 +1,324 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/alert-dialog.tsx
+var alert_dialog_exports = {};
+__export(alert_dialog_exports, {
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogMedia: () => AlertDialogMedia,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger
+});
+module.exports = __toCommonJS(alert_dialog_exports);
+var import_alert_dialog = require("@base-ui/react/alert-dialog");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/button.tsx
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  [
+    "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium",
+    "transform-gpu transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth",
+    "motion-reduce:transition-none",
+    "disabled:status-disabled",
+    "focus-visible:focus-ring",
+    "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    "shrink-0 group/button select-none no-highlight"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          // Base styles
+          "relative rounded-lg overflow-visible shadow-surface border border-primary dark:border-primary-dark",
+          "isolate text-primary-foreground [text-shadow:_0_1px_2px_oklch(0%_0_0_/_30%)]",
+          "[&>*]:relative [&>*]:z-[2]",
+          // Combined gradient layer with primary colors
+          "before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]",
+          "before:bg-gradient-to-br before:from-primary-light before:via-primary-middle before:to-primary-dark",
+          "before:dark:from-primary-light before:dark:via-primary-middle before:dark:to-primary-dark",
+          "before:z-[-1]",
+          // Additional outer border
+          "after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]",
+          "after:bg-gradient-to-br after:from-primary after:to-primary-dark",
+          "after:z-[-1] after:transition-opacity after:duration-200 after:opacity-40 after:motion-reduce:transition-none",
+          // Hover state
+          "hover-only:after:opacity-100 hover-only:transition-opacity hover-only:duration-200"
+        ].join(" "),
+        destructive: "bg-destructive text-destructive-foreground hover-only:hover:bg-destructive-hover",
+        outline: [
+          // Base styles
+          "relative rounded-lg overflow-visible shadow-field border",
+          "isolate text-foreground",
+          "[&>*]:relative [&>*]:z-[2]",
+          // Background layer
+          "before:pointer-events-none before:absolute before:inset-[-0.5px] before:rounded-[inherit]",
+          "before:bg-gradient-to-br before:from-border-light before:via-border before:to-border-dark/50",
+          "before:dark:from-border-light before:dark:to-border-dark",
+          "before:z-[-1]",
+          // Inner background layer
+          "after:pointer-events-none after:absolute after:inset-[0.5px] after:rounded-[inherit]",
+          "after:bg-background",
+          "after:z-[-1]",
+          "after:transition-colors after:duration-200 after:ease-out after:motion-reduce:transition-none",
+          // Hover state
+          "hover-only:after:bg-muted"
+        ].join(" "),
+        secondary: "bg-secondary text-secondary-foreground hover-only:hover:bg-accent",
+        ghost: "hover-only:bg-accent hover-only:text-accent-foreground motion-safe:active:scale-100",
+        "primary-soft": "bg-primary-soft text-primary hover-only:hover:bg-primary-soft-hover",
+        "destructive-soft": "bg-destructive-soft text-destructive hover-only:hover:bg-destructive-soft-hover",
+        success: "bg-success text-success-foreground hover-only:hover:bg-success-hover",
+        warning: "bg-warning text-warning-foreground hover-only:hover:bg-warning-hover",
+        link: "dark:text-primary-light text-primary-dark underline-offset-4 hover-only:underline motion-safe:active:scale-100"
+      },
+      size: {
+        default: "h-9 gap-2 px-4 py-1 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 motion-safe:active:scale-[0.97]",
+        xs: "h-6 gap-1 rounded-lg px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 motion-safe:active:scale-[0.985]",
+        sm: "h-8 gap-1.5 rounded-lg px-3 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 motion-safe:active:scale-[0.98]",
+        lg: "h-10 gap-2 rounded-lg px-8 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 motion-safe:active:scale-[0.96]",
+        icon: "size-9 motion-safe:active:scale-[0.97]",
+        "icon-xs": "size-6 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.985]",
+        "icon-sm": "size-8 rounded-lg in-data-[slot=button-group]:rounded-md motion-safe:active:scale-[0.98]",
+        "icon-lg": "size-10 motion-safe:active:scale-[0.96]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  isPending,
+  nativeButton,
+  render,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      "data-slot": "button",
+      "data-pending": isPending || void 0,
+      "aria-disabled": isPending || void 0,
+      nativeButton: nativeButton ?? (render ? false : void 0),
+      render,
+      className: cn(
+        buttonVariants({ variant, size }),
+        isPending && "status-pending",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/alert-dialog.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Backdrop,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-overlay-backdrop duration-200 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50 transition motion-reduce:animate-none motion-reduce:transition-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AlertDialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_alert_dialog.AlertDialog.Popup,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn(
+          "bg-overlay text-overlay-foreground shadow-overlay data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-[0.98] data-open:zoom-in-[1.02] ring-border-light gap-6 rounded-xl p-6 ring-1 duration-200 ease-out-fluid data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none transition data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform] motion-reduce:animate-none motion-reduce:transition-none",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogMedia({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "alert-dialog-media",
+      className: cn(
+        "bg-surface-secondary mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn(
+        "text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn(
+        "text-muted-foreground *:[a]:hover-only:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Button,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Close,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(className),
+      render: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Button, { variant, size }),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+});
+//# sourceMappingURL=alert-dialog.cjs.map