acai-ui-library 0.1.11

package/README.md

@@ -0,0 +1,83 @@
+# @humancloud/ui
+
+A production-ready, fully-branded React component library for the HumanCloud ecosystem.
+
+## Installation
+
+```bash
+npm install @humancloud/ui
+# or
+pnpm add @humancloud/ui
+```
+
+## Quick Start
+
+1. Import the styles in your root layout:
+
+```tsx
+import "@humancloud/ui/styles"
+```
+
+2. Wrap your app with the ThemeProvider:
+
+```tsx
+import { ThemeProvider } from "@humancloud/ui"
+
+export default function App({ children }) {
+  return (
+    <ThemeProvider attribute="data-theme" defaultTheme="system" enableSystem>
+      {children}
+    </ThemeProvider>
+  )
+}
+```
+
+3. Use components:
+
+```tsx
+import { Button, Card, CardHeader, CardTitle, CardContent } from "@humancloud/ui"
+
+export function MyComponent() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Hello HumanCloud</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Button>Get Started</Button>
+      </CardContent>
+    </Card>
+  )
+}
+```
+
+## Brand Colors
+
+| Token | Value | Usage |
+|-------|-------|-------|
+| Primary 500 | `#5542CA` | Brand primary (purple) |
+| Secondary 200 | `#E7AF45` | Secondary (gold) |
+| Tertiary 200 | `#79DF43` | Tertiary (green) |
+| Grey 700 | `#1A1A1E` | Foreground |
+
+## Components (50+)
+
+**Inputs & Forms:** Button, Input, Textarea, Select, Checkbox, Radio Group, Switch, Slider, Toggle, Toggle Group, Label, Form, Input OTP
+
+**Display & Feedback:** Badge, Avatar, Alert, Progress, Skeleton, Spinner, Separator, Scroll Area, Aspect Ratio
+
+**Overlay & Popovers:** Dialog, Alert Dialog, Sheet, Drawer, Popover, Tooltip, Hover Card, Context Menu, Dropdown Menu
+
+**Navigation & Layout:** Tabs, Accordion, Collapsible, Navigation Menu, Breadcrumb, Menubar, Sidebar, Card, Resizable
+
+**Data & Complex:** Table, Data Table, Pagination, Calendar, Date Picker, Command, Carousel, Chart
+
+**Typography:** H1-H4, Body, Small, Caption, Lead, Muted, Code
+
+## Dark Mode
+
+Supports `data-theme="dark"`, `.dark` class, and `prefers-color-scheme: dark`.
+
+## License
+
+MIT

package/dist/components/accordion.cjs

@@ -0,0 +1,138 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+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 React = __toESM(require("react"), 1);
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"), 1);
+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");
+var AccordionVariantContext = React.createContext("default");
+var Accordion = React.forwardRef(({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionVariantContext.Provider, { value: variant, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AccordionPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      variant === "bordered" && "space-y-2",
+      variant === "separated" && "space-y-3",
+      className
+    ),
+    ...props
+  }
+) }));
+Accordion.displayName = "Accordion";
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => {
+  const variant = React.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        variant === "default" && "border-b",
+        variant === "bordered" && "border rounded-md",
+        variant === "ghost" && "",
+        variant === "separated" && "border rounded-lg bg-card",
+        className
+      ),
+      ...props
+    }
+  );
+});
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "flex flex-1 items-center justify-between text-sm font-medium transition-all [&[data-state=open]>svg]:rotate-180",
+        variant === "default" && "py-4 hover:underline",
+        variant === "bordered" && "px-4 py-4 hover:underline",
+        variant === "ghost" && "py-3 px-3 rounded-md hover:bg-accent",
+        variant === "separated" && "px-4 py-3",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  ) });
+});
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: cn(
+            "pb-4 pt-0",
+            (variant === "bordered" || variant === "separated") && "px-4",
+            variant === "ghost" && "px-3",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+});
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+// 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":["import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\ntype AccordionVariant = \"default\" | \"bordered\" | \"ghost\" | \"separated\"\n\nconst AccordionVariantContext = React.createContext<AccordionVariant>(\"default\")\n\n/* ---------------------------------- Root ---------------------------------- */\n\ntype AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {\n  variant?: AccordionVariant\n}\n\nconst Accordion = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Root>,\n  AccordionProps\n>(({ variant = \"default\", className, ...props }, ref) => (\n  <AccordionVariantContext.Provider value={variant}>\n    <AccordionPrimitive.Root\n      ref={ref}\n      className={cn(\n        variant === \"bordered\" && \"space-y-2\",\n        variant === \"separated\" && \"space-y-3\",\n        className\n      )}\n      {...props}\n    />\n  </AccordionVariantContext.Provider>\n))\nAccordion.displayName = \"Accordion\"\n\n/* ---------------------------------- Item ---------------------------------- */\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  const variant = React.useContext(AccordionVariantContext)\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(\n        variant === \"default\" && \"border-b\",\n        variant === \"bordered\" && \"border rounded-md\",\n        variant === \"ghost\" && \"\",\n        variant === \"separated\" && \"border rounded-lg bg-card\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = \"AccordionItem\"\n\n/* -------------------------------- Trigger -------------------------------- */\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n  const variant = React.useContext(AccordionVariantContext)\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          \"flex flex-1 items-center justify-between text-sm font-medium transition-all [&[data-state=open]>svg]:rotate-180\",\n          variant === \"default\" && \"py-4 hover:underline\",\n          variant === \"bordered\" && \"px-4 py-4 hover:underline\",\n          variant === \"ghost\" && \"py-3 px-3 rounded-md hover:bg-accent\",\n          variant === \"separated\" && \"px-4 py-3\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDown className=\"size-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\n/* -------------------------------- Content -------------------------------- */\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => {\n  const variant = React.useContext(AccordionVariantContext)\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"pb-4 pt-0\",\n          (variant === \"bordered\" || variant === \"separated\") && \"px-4\",\n          variant === \"ghost\" && \"px-3\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  type AccordionProps,\n  type AccordionVariant,\n}\n","import { type ClassValue, clsx } 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;AAAA,YAAuB;AACvB,yBAAoC;AACpC,0BAA4B;;;ACF5B,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADeI;AAbJ,IAAM,0BAAgC,oBAAgC,SAAS;AAQ/E,IAAM,YAAkB,iBAGtB,CAAC,EAAE,UAAU,WAAW,WAAW,GAAG,MAAM,GAAG,QAC/C,4CAAC,wBAAwB,UAAxB,EAAiC,OAAO,SACvC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT,YAAY,cAAc;AAAA,MAC1B,YAAY,eAAe;AAAA,MAC3B;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,UAAU,cAAc;AAIxB,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,QAAM,UAAgB,iBAAW,uBAAuB;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,YAAY,aAAa;AAAA,QACzB,YAAY,cAAc;AAAA,QAC1B,YAAY,WAAW;AAAA,QACvB,YAAY,eAAe;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,cAAc,cAAc;AAI5B,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC5C,QAAM,UAAgB,iBAAW,uBAAuB;AACxD,SACE,4CAAoB,2BAAnB,EAA0B,WAAU,QACnC;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,YAAY,aAAa;AAAA,QACzB,YAAY,cAAc;AAAA,QAC1B,YAAY,WAAW;AAAA,QACvB,YAAY,eAAe;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,4CAAC,mCAAY,WAAU,2EAA0E;AAAA;AAAA;AAAA,EACnG,GACF;AAEJ,CAAC;AACD,iBAAiB,cAAiC,2BAAQ;AAI1D,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC5C,QAAM,UAAgB,iBAAW,uBAAuB;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,aACC,YAAY,cAAc,YAAY,gBAAgB;AAAA,YACvD,YAAY,WAAW;AAAA,YACvB;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,iBAAiB,cAAiC,2BAAQ;","names":[]}

package/dist/components/accordion.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+
+type AccordionVariant = "default" | "bordered" | "ghost" | "separated";
+type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    variant?: AccordionVariant;
+};
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionProps, AccordionTrigger, type AccordionVariant };

package/dist/components/accordion.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+
+type AccordionVariant = "default" | "bordered" | "ghost" | "separated";
+type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
+    variant?: AccordionVariant;
+};
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, AccordionItem, type AccordionProps, AccordionTrigger, type AccordionVariant };

package/dist/components/accordion.js

@@ -0,0 +1,100 @@
+// src/components/accordion.tsx
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } 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";
+var AccordionVariantContext = React.createContext("default");
+var Accordion = React.forwardRef(({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(
+  AccordionPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      variant === "bordered" && "space-y-2",
+      variant === "separated" && "space-y-3",
+      className
+    ),
+    ...props
+  }
+) }));
+Accordion.displayName = "Accordion";
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => {
+  const variant = React.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        variant === "default" && "border-b",
+        variant === "bordered" && "border rounded-md",
+        variant === "ghost" && "",
+        variant === "separated" && "border rounded-lg bg-card",
+        className
+      ),
+      ...props
+    }
+  );
+});
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "flex flex-1 items-center justify-between text-sm font-medium transition-all [&[data-state=open]>svg]:rotate-180",
+        variant === "default" && "py-4 hover:underline",
+        variant === "bordered" && "px-4 py-4 hover:underline",
+        variant === "ghost" && "py-3 px-3 rounded-md hover:bg-accent",
+        variant === "separated" && "px-4 py-3",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  ) });
+});
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const variant = React.useContext(AccordionVariantContext);
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "pb-4 pt-0",
+            (variant === "bordered" || variant === "separated") && "px-4",
+            variant === "ghost" && "px-3",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+});
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+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":["import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\ntype AccordionVariant = \"default\" | \"bordered\" | \"ghost\" | \"separated\"\n\nconst AccordionVariantContext = React.createContext<AccordionVariant>(\"default\")\n\n/* ---------------------------------- Root ---------------------------------- */\n\ntype AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {\n  variant?: AccordionVariant\n}\n\nconst Accordion = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Root>,\n  AccordionProps\n>(({ variant = \"default\", className, ...props }, ref) => (\n  <AccordionVariantContext.Provider value={variant}>\n    <AccordionPrimitive.Root\n      ref={ref}\n      className={cn(\n        variant === \"bordered\" && \"space-y-2\",\n        variant === \"separated\" && \"space-y-3\",\n        className\n      )}\n      {...props}\n    />\n  </AccordionVariantContext.Provider>\n))\nAccordion.displayName = \"Accordion\"\n\n/* ---------------------------------- Item ---------------------------------- */\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  const variant = React.useContext(AccordionVariantContext)\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      className={cn(\n        variant === \"default\" && \"border-b\",\n        variant === \"bordered\" && \"border rounded-md\",\n        variant === \"ghost\" && \"\",\n        variant === \"separated\" && \"border rounded-lg bg-card\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = \"AccordionItem\"\n\n/* -------------------------------- Trigger -------------------------------- */\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => {\n  const variant = React.useContext(AccordionVariantContext)\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          \"flex flex-1 items-center justify-between text-sm font-medium transition-all [&[data-state=open]>svg]:rotate-180\",\n          variant === \"default\" && \"py-4 hover:underline\",\n          variant === \"bordered\" && \"px-4 py-4 hover:underline\",\n          variant === \"ghost\" && \"py-3 px-3 rounded-md hover:bg-accent\",\n          variant === \"separated\" && \"px-4 py-3\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDown className=\"size-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\n/* -------------------------------- Content -------------------------------- */\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => {\n  const variant = React.useContext(AccordionVariantContext)\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      className=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"pb-4 pt-0\",\n          (variant === \"bordered\" || variant === \"separated\") && \"px-4\",\n          variant === \"ghost\" && \"px-3\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n})\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  type AccordionProps,\n  type AccordionVariant,\n}\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AACpC,SAAS,mBAAmB;;;ACF5B,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADeI,cA6CE,YA7CF;AAbJ,IAAM,0BAAgC,oBAAgC,SAAS;AAQ/E,IAAM,YAAkB,iBAGtB,CAAC,EAAE,UAAU,WAAW,WAAW,GAAG,MAAM,GAAG,QAC/C,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,SACvC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT,YAAY,cAAc;AAAA,MAC1B,YAAY,eAAe;AAAA,MAC3B;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,UAAU,cAAc;AAIxB,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,QAAM,UAAgB,iBAAW,uBAAuB;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,YAAY,aAAa;AAAA,QACzB,YAAY,cAAc;AAAA,QAC1B,YAAY,WAAW;AAAA,QACvB,YAAY,eAAe;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,cAAc,cAAc;AAI5B,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC5C,QAAM,UAAgB,iBAAW,uBAAuB;AACxD,SACE,oBAAoB,2BAAnB,EAA0B,WAAU,QACnC;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,YAAY,aAAa;AAAA,QACzB,YAAY,cAAc;AAAA,QAC1B,YAAY,WAAW;AAAA,QACvB,YAAY,eAAe;AAAA,QAC3B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,eAAY,WAAU,2EAA0E;AAAA;AAAA;AAAA,EACnG,GACF;AAEJ,CAAC;AACD,iBAAiB,cAAiC,2BAAQ;AAI1D,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC5C,QAAM,UAAgB,iBAAW,uBAAuB;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,aACC,YAAY,cAAc,YAAY,gBAAgB;AAAA,YACvD,YAAY,WAAW;AAAA,YACvB;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,iBAAiB,cAAiC,2BAAQ;","names":[]}

package/dist/components/alert-dialog.cjs

@@ -0,0 +1,282 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+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 React2 = __toESM(require("react"), 1);
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
+
+// 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 React = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        success: "bg-success text-success-foreground hover:bg-success-hover"
+      },
+      size: {
+        xs: "h-7 px-2.5 text-xs",
+        sm: "h-9 px-3",
+        default: "h-10 px-4 py-2",
+        lg: "h-11 px-8",
+        icon: "h-10 w-10",
+        "icon-sm": "h-8 w-8"
+      },
+      shape: {
+        default: "rounded-md",
+        rounded: "rounded-lg",
+        pill: "rounded-full",
+        square: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      shape: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    asChild = false,
+    loading = false,
+    prefixIcon,
+    suffixIcon,
+    children,
+    disabled,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    const isDisabled = disabled || loading;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, shape, className })),
+        ref,
+        disabled: isDisabled,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "animate-spin" }),
+          !loading && prefixIcon,
+          children,
+          suffixIcon
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/alert-dialog.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var AlertDialogSizeContext = React2.createContext("default");
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React2.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "group/alert-dialog-content fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        size === "sm" ? "max-w-sm p-5" : "max-w-lg p-6",
+        className
+      ),
+      ...props
+    }
+  )
+] }) }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogMedia = React2.forwardRef(({ className, tone = "primary", children, ...props }, ref) => {
+  const size = React2.useContext(AlertDialogSizeContext);
+  const tones = {
+    primary: "bg-[var(--hc-primary-100)] text-[var(--hc-primary-600)]",
+    destructive: "bg-[color-mix(in_srgb,var(--hc-color-destructive)_12%,transparent)] text-[var(--hc-color-destructive)]",
+    success: "bg-[var(--hc-banner-success-bg)] text-[var(--hc-color-success)]",
+    warning: "bg-[var(--hc-banner-warning-bg)] text-[var(--hc-color-warning)]",
+    muted: "bg-muted text-foreground"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      ref,
+      "data-slot": "media",
+      className: cn(
+        "flex shrink-0 items-center justify-center self-center rounded-full",
+        size === "sm" ? "h-9 w-9 [&>svg]:size-[18px]" : "h-10 w-10 [&>svg]:size-5",
+        tones[tone],
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+AlertDialogMedia.displayName = "AlertDialogMedia";
+var AlertDialogHeader = ({ className, children, ...props }) => {
+  const size = React2.useContext(AlertDialogSizeContext);
+  const hasMedia = React2.Children.toArray(children).some(
+    (c) => React2.isValidElement(c) && c.type?.displayName === "AlertDialogMedia"
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-2",
+        hasMedia || size === "sm" ? "items-center text-center" : "text-center sm:text-left",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => {
+  const size = React2.useContext(AlertDialogSizeContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:space-x-0 sm:[&>button]:min-w-[96px]",
+        // Center if small or when the Content has a media slot
+        size === "sm" ? "sm:justify-center" : "sm:justify-end group-has-[[data-slot=media]]/alert-dialog-content:sm:justify-center",
+        className
+      ),
+      ...props
+    }
+  );
+};
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-tight tracking-tight text-foreground", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm leading-relaxed text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React2.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: variant === "destructive" ? "destructive" : "default" }),
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+// 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