@hirely/ui 0.1.6 → 0.1.7

package/README.md

@@ -1,23 +1,22 @@
 # @hirely/ui
 
-The core UI component library for Hirely applications. Built with **React**, **TypeScript**, **Tailwind CSS v4**, and accessible primitives like **Base UI** and **Radix**.
-
-This package provides a unified design system and standard UI components to ensure visual consistency across all Hirely applications.
+The core UI component library for Hirely applications. Built with **React 19**, **TypeScript**, **Tailwind CSS v4**, and accessible primitives via **Base UI**.
 
 ---
 
-## 🚀 Features
+## ✨ Features
 
-- **TypeScript-first**: Fully typed out-of-the-box.
-- **Tailwind CSS v4 Integration**: Built-in support for Tailwind's theme directives.
-- **Accessible Primitives**: Leverages accessible, unstyled primitives for keyboard navigation and screen-reader compatibility.
-- **Single Entry Point**: All components are exported directly from `@hirely/ui`.
+- **Tree-shakeable** — each component is its own module chunk; import only what you use
+- **TypeScript-first** — fully typed, declaration files generated per component
+- **Dual format** — ships both ESM (`import`) and CommonJS (`require`)
+- **Accessible primitives** — keyboard navigation and screen-reader support via Base UI
+- **Tailwind CSS v4** — built-in theme tokens; full dark mode support
+- **React 19 ready** — tested against the latest React concurrent features
+- **Framework-agnostic** — works with Next.js, Vite, and Remix
 
 ---
 
-## 📦 Installation & Setup
-
-Install `@hirely/ui` in your project:
+## 📦 Installation
 
 ```bash
 # npm
@@ -27,16 +26,40 @@ npm install @hirely/ui
 bun add @hirely/ui
 ```
 
+### Peer Dependencies
+
+The following packages must be installed in your project:
+
+```bash
+# Required
+bun add react react-dom tailwindcss
+
+# Optional — only needed when using the specific components
+bun add recharts            # <ChartContainer />, <ChartTooltip />, etc.
+bun add react-day-picker    # <Calendar />
+bun add sonner              # <Toaster />
+bun add next-themes         # if using next-themes with <Toaster />
+```
+
+---
+
+## ⚙️ Setup
+
 ### 1. Import Styles
-Import the library's CSS in your main application stylesheet (e.g., `globals.css` or `index.css`):
+
+Import the library's stylesheet in your app's root CSS file (e.g. `globals.css` or `app.css`):
+
 ```css
-@import "@hirely/ui/src/index.css";
+@import "@hirely/ui/styles.css";
 ```
-*Note: This automatically configures Tailwind CSS v4 to scan the library for styling classes.*
 
-### 2. Next.js Configuration (If applicable)
-If you are using **Next.js**, add `@hirely/ui` to `transpilePackages` inside your `next.config.ts` to ensure clean Server-Side Rendering (SSR) compilation:
-```typescript
+> **Note**: Your project must have Tailwind CSS v4 configured. The library stylesheet uses `@import "tailwindcss"` and `@theme` directives which require Tailwind's compiler to process.
+
+### 2. Next.js
+
+Add `@hirely/ui` to `transpilePackages` in `next.config.ts`:
+
+```ts
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
@@ -46,122 +69,204 @@ const nextConfig: NextConfig = {
 export default nextConfig;
 ```
 
+### 3. Vite
+
+No extra configuration needed — Vite resolves the `module` field automatically.
+
+### 4. Remix
+
+Add the package to `serverDependenciesToBundle` in `remix.config.js`:
+
+```js
+module.exports = {
+  serverDependenciesToBundle: ["@hirely/ui"],
+};
+```
+
 ---
 
-## 🛠️ Usage & Layout Sizing
+## 🛠️ Usage
+
+Import components directly from the main entry:
 
-Import components directly:
 ```tsx
-import { Button, Card, CardHeader } from "@hirely/ui";
+import { Button, Card, CardHeader, CardContent } from "@hirely/ui";
+
+export function Example() {
+  return (
+    <Card className="max-w-sm">
+      <CardHeader>
+        <CardTitle>Hello</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Button>Click me</Button>
+      </CardContent>
+    </Card>
+  );
+}
 ```
 
-### 📐 Sizing and Width Control
-
-By design-system convention, components in `@hirely/ui` behave as follows to give you maximum flexibility over your layouts:
-
-1. **Inline Components (e.g., `Button`, `Badge`, `Avatar`)**:
-   - Render as `inline-flex` or `inline-block`. 
-   - They **only take up the width of their content** by default.
-   
-2. **Form Inputs (e.g., `Input`, `Textarea`, `Select`, `Combobox`)**:
-   - Render as `w-full` by default. 
-   - This allows them to cleanly fill the grid or flex columns of your forms. To control their width, wrap them in a container of your choice:
-     ```tsx
-     <div className="max-w-xs">
-       <Input type="email" placeholder="Enter email..." />
-     </div>
-     ```
-
-3. **Layout Containers (e.g., `Card`, `Accordion`, `Alert`)**:
-   - Render as block/flex elements, occupying **100% of their parent container's width** by default.
-   - You can easily limit their width using responsive utility classes or sizing:
-     ```tsx
-     // Limit width using max-width utilities
-     <Card className="max-w-sm">
-       <CardHeader>Small Card</CardHeader>
-     </Card>
-
-     // Shrink container to fit content
-     <Card className="w-fit">
-       <CardHeader>Fits content width</CardHeader>
-     </Card>
-     ```
+### Hooks Subpath
+
+Utility hooks can be imported from the dedicated hooks subpath:
+
+```tsx
+import { useIsMobile } from "@hirely/ui/hooks";
+```
+
+---
+
+## 🔌 Integrating Optional Components
+
+### Toaster (Sonner)
+
+The `<Toaster />` component no longer reads from `next-themes` automatically. Pass `theme` as a prop:
+
+```tsx
+// Standalone (no theme system)
+import { Toaster } from "@hirely/ui";
+
+<Toaster theme="system" />
+```
+
+```tsx
+// With next-themes
+import { useTheme } from "next-themes";
+import { Toaster } from "@hirely/ui";
+import type { ToasterProps } from "sonner";
+
+function App() {
+  const { theme } = useTheme();
+  return <Toaster theme={theme as ToasterProps["theme"]} />;
+}
+```
+
+### Sidebar with Cookie Persistence
+
+The `<SidebarProvider />` no longer writes to `document.cookie` directly. Use the `onPersist` callback to handle persistence yourself:
+
+```tsx
+import { SidebarProvider } from "@hirely/ui";
+
+const COOKIE_MAX_AGE = 60 * 60 * 24 * 7; // 7 days
+
+<SidebarProvider
+  defaultOpen={true}
+  onPersist={(open) => {
+    document.cookie = `sidebar_state=${open}; path=/; max-age=${COOKIE_MAX_AGE}`;
+  }}
+>
+  {/* your layout */}
+</SidebarProvider>
+```
+
+For Next.js Server Actions, read the cookie on the server and pass `open` as a controlled prop:
+
+```tsx
+// app/layout.tsx
+import { cookies } from "next/headers";
+import { SidebarProvider } from "@hirely/ui";
+
+export default async function Layout({ children }) {
+  const cookieStore = await cookies();
+  const defaultOpen = cookieStore.get("sidebar_state")?.value !== "false";
+
+  return (
+    <SidebarProvider
+      defaultOpen={defaultOpen}
+      onPersist={(open) => {
+        // call a server action or set cookie on client
+      }}
+    >
+      {children}
+    </SidebarProvider>
+  );
+}
+```
+
+---
+
+## 📐 Component Sizing Conventions
+
+| Type | Default Width | Examples |
+|------|--------------|---------|
+| Inline | Content width | `Button`, `Badge`, `Avatar`, `Kbd` |
+| Form inputs | `w-full` | `Input`, `Textarea`, `Select`, `Combobox` |
+| Layout containers | `w-full` | `Card`, `Accordion`, `Alert`, `Table` |
+
+Control width with Tailwind utilities on the component or a wrapper:
+
+```tsx
+<div className="max-w-xs">
+  <Input placeholder="Email" />
+</div>
+
+<Card className="w-fit">
+  <CardHeader>Fits content</CardHeader>
+</Card>
+```
 
 ---
 
 ## 🧩 Component Directory
 
-The library includes 61 components, organized logically:
-
-### Form / Inputs
-- `button` - Standard trigger button
-- `button-group` - Grouped buttons
-- `calendar` - Date picker calendar
-- `checkbox` - Toggle checkbox input
-- `combobox` - Searchable selector combobox
-- `command` - Command palette input and group
-- `field` - Form field wrapper
-- `input` - Text input
-- `input-group` - Grouped inputs (e.g. prefix/suffix icon)
-- `input-otp` - One-Time Password input
-- `label` - Form input labels
-- `native-select` - Native browser select wrapper
-- `radio-group` - Selectable option groups
-- `select` - Dropdown custom selector
-- `slider` - Range slider input
-- `switch` - Toggle switch input
-- `textarea` - Multiline text input
-- `toggle` - Binary status toggle button
-- `toggle-group` - Exclusive/multiple toggle option group
+### Layout & Primitives
+`Accordion` · `AspectRatio` · `Avatar` · `Badge` · `Breadcrumb` · `Button` · `ButtonGroup` · `Card` · `Collapsible` · `Direction` · `Empty` · `Kbd` · `KbdGroup` · `Label` · `Marker` · `Pagination` · `Progress` · `Resizable` · `ScrollArea` · `Separator` · `Skeleton` · `Spinner` · `Tabs` · `Table`
+
+### Alerts & Feedback
+`Alert` · `AlertWrapper` · `AlertDialog` · `Toaster`
+
+### Overlays & Popovers
+`Dialog` · `Drawer` · `HoverCard` · `Popover` · `Sheet` · `Tooltip`
 
 ### Navigation
-- `breadcrumb` - Hierarchy navigation path
-- `dropdown-menu` - Dropdown lists/options
-- `menubar` - Main application menu bar
-- `navigation-menu` - Structured navbar links
-- `pagination` - Page navigation list
-
-### Feedback & Status
-- `alert` - Status notification callout
-- `alert-dialog` - Action-blocking confirm modal
-- `AlertWrapper` - Utility wrapper for destructive notifications
-- `empty` - Empty-state view indicator
-- `progress` - Progress bar indicator
-- `skeleton` - Loading placeholder
-- `sonner` - Toast notification container
-- `spinner` - Loading spinner
-
-### Layout & Containers
-- `aspect-ratio` - Fixed aspect-ratio wrappers
-- `card` - Content wrapper card structure
-- `carousel` - Horizontal swiping list
-- `resizable` - Resizable split panels
-- `scroll-area` - Custom scrollable container
-- `separator` - Horizontal/vertical dividing line
-- `sidebar` - Application side navigation layout
-
-### Data Display
-- `avatar` - Profile pictures or user initials
-- `badge` - Status tag or pill indicators
-- `chart` - Interactive charts powered by Recharts
-- `table` - Multi-column tabular data grid
-
-### Overlays & Disclosure
-- `accordion` - Collapsible sections list
-- `collapsible` - Single toggle-open container
-- `dialog` - Standard overlay modal
-- `drawer` - Bottom/side drawer sheet
-- `hover-card` - Preview card on hover
-- `popover` - Contextual overlay trigger
-- `sheet` - Multi-purpose slide-out panel
-- `tooltip` - Context-tip on hover
-
-### Messaging & Contextual
-- `attachment` - File attachments UI
-- `bubble` - Chat/activity speech bubble
-- `direction` - RTL/LTR direction context provider
-- `item` - Multi-purpose list items
-- `kbd` - Keyboard shortcut key indicator
-- `marker` - Search/content highlighting marker
-- `message` - Chat message cell
-- `message-scroller` - Infinite scroll message thread
+`ContextMenu` · `DropdownMenu` · `Menubar` · `NavigationMenu` · `Sidebar`
+
+### Inputs & Controls
+`Calendar` · `Carousel` · `Checkbox` · `Combobox` · `Command` · `Field` · `Input` · `InputGroup` · `InputOtp` · `NativeSelect` · `RadioGroup` · `Select` · `Slider` · `Switch` · `Textarea` · `Toggle` · `ToggleGroup`
+
+### Content & Messaging
+`Attachment` · `Bubble` · `Message` · `MessageScroller` · `Item`
+
+### Data Visualization
+`ChartContainer` · `ChartTooltip` · `ChartLegend` *(requires `recharts` peer dep)*
+
+---
+
+## 🔑 Exported Hooks
+
+| Hook | Import | Description |
+|------|--------|-------------|
+| `useIsMobile` | `@hirely/ui/hooks` | Returns `true` when viewport is below 768px |
+| `useSidebar` | `@hirely/ui` | Access sidebar state inside `SidebarProvider` |
+| `useComboboxAnchor` | `@hirely/ui` | Ref helper for chip-anchored `Combobox` |
+
+---
+
+## 🏗️ Build Output
+
+The package ships with:
+
+```
+dist/
+├── index.es.js          # ESM barrel (re-exports all components)
+├── index.cjs.js         # CJS barrel
+├── index.d.ts           # Root declaration file
+├── components/ui/
+│   ├── button.es.js     # Per-component ESM chunk (tree-shakeable)
+│   ├── button.cjs.js    # Per-component CJS chunk
+│   ├── button.d.ts      # Per-component types
+│   └── … (all 61 components)
+└── hooks/
+    ├── index.es.js
+    ├── index.cjs.js
+    └── index.d.ts
+src/
+└── index.css            # Tailwind CSS v4 stylesheet (requires Tailwind)
+```
+
+---
+
+## 📄 License
+
+MIT © Hirely

package/dist/_virtual/_rolldown/runtime.cjs.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;

package/dist/components/ui/accordion.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let t=require("@base-ui/react/accordion"),n=require("lucide-react"),r=require("react/jsx-runtime");function i({className:n,...i}){return(0,r.jsx)(t.Accordion.Root,{"data-slot":`accordion`,className:e.cn(`flex w-full flex-col`,n),...i})}function a({className:n,...i}){return(0,r.jsx)(t.Accordion.Item,{"data-slot":`accordion-item`,className:e.cn(`not-last:border-b`,n),...i})}function o({className:i,children:a,...o}){return(0,r.jsx)(t.Accordion.Header,{className:`flex`,children:(0,r.jsxs)(t.Accordion.Trigger,{"data-slot":`accordion-trigger`,className:e.cn(`group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground`,i),...o,children:[a,(0,r.jsx)(n.ChevronDownIcon,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden`}),(0,r.jsx)(n.ChevronUpIcon,{"data-slot":`accordion-trigger-icon`,className:`pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline`})]})})}function s({className:n,children:i,...a}){return(0,r.jsx)(t.Accordion.Panel,{"data-slot":`accordion-content`,className:`overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up`,...a,children:(0,r.jsx)(`div`,{className:e.cn(`h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4`,n),children:i})})}exports.Accordion=i,exports.AccordionContent=s,exports.AccordionItem=a,exports.AccordionTrigger=o;
+//# sourceMappingURL=accordion.cjs.js.map

package/dist/components/ui/accordion.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.cjs.js","names":[],"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\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(\"not-last:border-b\", className)}\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          \"group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\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=\"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_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"],"mappings":"iMAKA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAwC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAmB,KAApB,CACE,YAAU,YACV,UAAW,EAAA,GAAG,uBAAwB,CAAS,EAC/C,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAwC,CAC7E,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAmB,KAApB,CACE,YAAU,iBACV,UAAW,EAAA,GAAG,oBAAqB,CAAS,EAC5C,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,WACA,GAAG,GACgC,CACnC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAmB,OAApB,CAA2B,UAAU,iBACnC,EAAA,EAAA,KAAA,CAAC,EAAA,UAAmB,QAApB,CACE,YAAU,oBACV,UAAW,EAAA,GACT,6fACA,CACF,EACA,GAAI,WANN,CAQG,GACD,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAD,CAAiB,YAAU,yBAAyB,UAAU,2EAA6E,CAAA,GAC3I,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CAAe,YAAU,yBAAyB,UAAU,kFAAoF,CAAA,CACtH,GACH,CAAA,CAE/B,CAEA,SAAS,EAAiB,CACxB,YACA,WACA,GAAG,GAC8B,CACjC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAmB,MAApB,CACE,YAAU,oBACV,UAAU,4FACV,GAAI,YAEJ,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,UAAW,EAAA,GACT,0LACA,CACF,EAEC,UACE,CAAA,CACmB,CAAA,CAE9B"}

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

@@ -1,4 +1,4 @@
-import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
 declare function Accordion({ className, ...props }: AccordionPrimitive.Root.Props): import("react").JSX.Element;
 declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react").JSX.Element;
 declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props): import("react").JSX.Element;

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

@@ -0,0 +1,55 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { Accordion as t } from "@base-ui/react/accordion";
+import { ChevronDownIcon as n, ChevronUpIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/ui/accordion.tsx
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ i(t.Root, {
+		"data-slot": "accordion",
+		className: e("flex w-full flex-col", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ i(t.Item, {
+		"data-slot": "accordion-item",
+		className: e("not-last:border-b", n),
+		...r
+	});
+}
+function c({ className: o, children: s, ...c }) {
+	return /* @__PURE__ */ i(t.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ a(t.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: e("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", o),
+			...c,
+			children: [
+				s,
+				/* @__PURE__ */ i(n, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+				}),
+				/* @__PURE__ */ i(r, {
+					"data-slot": "accordion-trigger-icon",
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+				})
+			]
+		})
+	});
+}
+function l({ className: n, children: r, ...a }) {
+	return /* @__PURE__ */ i(t.Panel, {
+		"data-slot": "accordion-content",
+		className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+		...a,
+		children: /* @__PURE__ */ i("div", {
+			className: e("h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", n),
+			children: r
+		})
+	});
+}
+//#endregion
+export { o as Accordion, l as AccordionContent, s as AccordionItem, c as AccordionTrigger };
+
+//# sourceMappingURL=accordion.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.es.js","names":[],"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\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(\"not-last:border-b\", className)}\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          \"group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\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=\"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-(--accordion-panel-height) pt-0 pb-2.5 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_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"],"mappings":";;;;;AAKA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAwC;CACzE,OACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,WAAW,EAAG,wBAAwB,CAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAwC;CAC7E,OACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,WAAW,EAAG,qBAAqB,CAAS;EAC5C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,aACA,GAAG,KACgC;CACnC,OACE,kBAAC,EAAmB,QAApB;EAA2B,WAAU;YACnC,kBAAC,EAAmB,SAApB;GACE,aAAU;GACV,WAAW,EACT,8fACA,CACF;GACA,GAAI;aANN;IAQG;IACD,kBAAC,GAAD;KAAiB,aAAU;KAAyB,WAAU;IAA6E,CAAA;IAC3I,kBAAC,GAAD;KAAe,aAAU;KAAyB,WAAU;IAAoF,CAAA;GACtH;;CACH,CAAA;AAE/B;AAEA,SAAS,EAAiB,EACxB,cACA,aACA,GAAG,KAC8B;CACjC,OACE,kBAAC,EAAmB,OAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW,EACT,2LACA,CACF;GAEC;EACE,CAAA;CACmB,CAAA;AAE9B"}

package/dist/components/ui/alert-dialog.cjs.js

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("./button.cjs.js");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("@base-ui/react/alert-dialog");function o({...e}){return(0,r.jsx)(a.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function s({...e}){return(0,r.jsx)(a.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function c({...e}){return(0,r.jsx)(a.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function l({className:e,...n}){return(0,r.jsx)(a.AlertDialog.Backdrop,{"data-slot":`alert-dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}function u({className:e,size:n=`default`,...i}){return(0,r.jsxs)(c,{children:[(0,r.jsx)(l,{}),(0,r.jsx)(a.AlertDialog.Popup,{"data-slot":`alert-dialog-content`,"data-size":n,className:t.cn(`group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...i})]})}function d({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:t.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-4 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]`,e),...n})}function f({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:t.cn(`-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end`,e),...n})}function p({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`alert-dialog-media`,className:t.cn(`mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6`,e),...n})}function m({className:e,...n}){return(0,r.jsx)(a.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:t.cn(`font-heading text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2`,e),...n})}function h({className:e,...n}){return(0,r.jsx)(a.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:t.cn(`text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...n})}function g({className:e,...i}){return(0,r.jsx)(n.Button,{"data-slot":`alert-dialog-action`,className:t.cn(e),...i})}function _({className:e,variant:i=`outline`,size:o=`default`,...s}){return(0,r.jsx)(a.AlertDialog.Close,{"data-slot":`alert-dialog-cancel`,className:t.cn(e),render:(0,r.jsx)(n.Button,{variant:i,size:o}),...s})}exports.AlertDialog=o,exports.AlertDialogAction=g,exports.AlertDialogCancel=_,exports.AlertDialogContent=u,exports.AlertDialogDescription=h,exports.AlertDialogFooter=f,exports.AlertDialogHeader=d,exports.AlertDialogMedia=p,exports.AlertDialogOverlay=l,exports.AlertDialogPortal=c,exports.AlertDialogTitle=m,exports.AlertDialogTrigger=s;
+//# sourceMappingURL=alert-dialog.cjs.js.map

package/dist/components/ui/alert-dialog.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.cjs.js","names":[],"sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\"\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"./button\"\n\n\nfunction AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: AlertDialogPrimitive.Backdrop.Props) {\n  return (\n    <AlertDialogPrimitive.Backdrop\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  size = \"default\",\n  ...props\n}: AlertDialogPrimitive.Popup.Props & {\n  size?: \"default\" | \"sm\"\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Popup\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"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-4 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]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"font-heading text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        \"text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"alert-dialog-action\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: AlertDialogPrimitive.Close.Props &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <AlertDialogPrimitive.Close\n      data-slot=\"alert-dialog-cancel\"\n      className={cn(className)}\n      render={<Button variant={variant} size={size} />}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"mappings":"iTAQA,SAAS,EAAY,CAAE,GAAG,GAA0C,CAClE,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,YAAqB,KAAtB,CAA2B,YAAU,eAAe,GAAI,CAAQ,CAAA,CACzE,CAEA,SAAS,EAAmB,CAAE,GAAG,GAA6C,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAqB,QAAtB,CAA8B,YAAU,uBAAuB,GAAI,CAAQ,CAAA,CAE/E,CAEA,SAAS,EAAkB,CAAE,GAAG,GAA4C,CAC1E,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAqB,OAAtB,CAA6B,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAE7E,CAEA,SAAS,EAAmB,CAC1B,YACA,GAAG,GACmC,CACtC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAqB,SAAtB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,wLACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAmB,CAC1B,YACA,OAAO,UACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,CAAA,GACrB,EAAA,EAAA,IAAA,CAAC,EAAA,YAAqB,MAAtB,CACE,YAAU,uBACV,YAAW,EACX,UAAW,EAAA,GACT,6aACA,CACF,EACA,GAAI,CACL,CAAA,CACgB,CAAA,CAAA,CAEvB,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAA,GACT,qZACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAW,EAAA,GACT,gNACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,qBACV,UAAW,EAAA,GACT,6KACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAqB,MAAtB,CACE,YAAU,qBACV,UAAW,EAAA,GACT,iKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAuB,CAC9B,YACA,GAAG,GAC6D,CAChE,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAqB,YAAtB,CACE,YAAU,2BACV,UAAW,EAAA,GACT,iIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,GAAG,GACmC,CACtC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACE,YAAU,sBACV,UAAW,EAAA,GAAG,CAAS,EACvB,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAkB,CACzB,YACA,UAAU,UACV,OAAO,UACP,GAAG,GAE4D,CAC/D,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAqB,MAAtB,CACE,YAAU,sBACV,UAAW,EAAA,GAAG,CAAS,EACvB,QAAQ,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAiB,UAAe,MAAO,CAAA,EAC/C,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/alert-dialog.d.ts

@@ -1,6 +1,6 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { Button } from './button';
 import * as React from "react";
-import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
-import { Button } from "./button";
 declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): React.JSX.Element;
 declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): React.JSX.Element;
 declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): React.JSX.Element;

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

@@ -0,0 +1,97 @@
+"use client";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { Button as t } from "./button.es.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "react";
+import { AlertDialog as i } from "@base-ui/react/alert-dialog";
+//#region src/components/ui/alert-dialog.tsx
+function a({ ...e }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "alert-dialog",
+		...e
+	});
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(i.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...e
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Backdrop, {
+		"data-slot": "alert-dialog-overlay",
+		className: e("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
+		...r
+	});
+}
+function l({ className: t, size: a = "default", ...o }) {
+	return /* @__PURE__ */ r(s, { children: [/* @__PURE__ */ n(c, {}), /* @__PURE__ */ n(i.Popup, {
+		"data-slot": "alert-dialog-content",
+		"data-size": a,
+		className: e("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+		...o
+	})] });
+}
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "alert-dialog-header",
+		className: e("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-4 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]", t),
+		...r
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "alert-dialog-footer",
+		className: e("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", t),
+		...r
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "alert-dialog-media",
+		className: e("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Title, {
+		"data-slot": "alert-dialog-title",
+		className: e("font-heading text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", t),
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Description, {
+		"data-slot": "alert-dialog-description",
+		className: e("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", t),
+		...r
+	});
+}
+function h({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "alert-dialog-action",
+		className: e(r),
+		...i
+	});
+}
+function g({ className: r, variant: a = "outline", size: o = "default", ...s }) {
+	return /* @__PURE__ */ n(i.Close, {
+		"data-slot": "alert-dialog-cancel",
+		className: e(r),
+		render: /* @__PURE__ */ n(t, {
+			variant: a,
+			size: o
+		}),
+		...s
+	});
+}
+//#endregion
+export { a as AlertDialog, h as AlertDialogAction, g as AlertDialogCancel, l as AlertDialogContent, m as AlertDialogDescription, d as AlertDialogFooter, u as AlertDialogHeader, f as AlertDialogMedia, c as AlertDialogOverlay, s as AlertDialogPortal, p as AlertDialogTitle, o as AlertDialogTrigger };
+
+//# sourceMappingURL=alert-dialog.es.js.map