@oneplatformdev/ui 0.0.1-beta.98 → 0.1.2-1

package/README.md

@@ -1,33 +1,7 @@
-<!-- markdownlint-disable-next-line -->
-<p align="center">
-  <a href="https://github.com/oneplatformdev/core-web/tree/test" rel="noopener" target="_blank"><img width="150" height="133" src="https://github.com/oneplatformdev/core-web/blob/test/public/one_platform_demo_logo.png" alt="OnePlatform Dev"></a>
-</p>
+# ui
 
-# @oneplatformdev/ui
+This library was generated with [Nx](https://nx.dev).
 
-## Installation
-Install the package in your project directory with:
+## Building
 
-<!-- #default-branch-switch -->
-npm:
-```bush
-npm install @oneplatformdev/ui lucide-react
-```
-yarn:
-```bush
-yarn add @oneplatformdev/ui lucide-react
-```
-
-## Documentation (currently unavailable)
-
-## Examples (currently unavailable)
-
-## License
-This project is licensed under the terms of the
-[MIT license](./LICENSE).
-
-## Usage
-```tsx
-import '@oneplatformdev/ui/index.css';
-import { Button } from '@oneplatformdev/ui';
-```
+Run `nx build ui` to build the library.

package/package.json

@@ -1,103 +1,46 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.98",
-  "description": "UI React Components.",
-  "author": "One Platform Development Team",
-  "keywords": [
-    "react",
-    "oneplatform",
-    "ui"
-  ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/oneplatformdev/core-web.git",
-    "directory": "packages/ui"
-  },
-  "bugs": {
-    "url": "https://github.com/oneplatformdev/core/issues"
-  },
-  "homepage": "private package",
+  "version": "0.1.2-1",
   "type": "module",
-  "source": "./index.ts",
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts",
-  "scripts": {
-    "beta-version-patch": "npm version $(semver $npm_package_version -i prerelease --preid beta)",
-    "semver": "npm version $(semver $npm_package_version -i $release --preid $preid)"
-  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "sideEffects": [
-    "**/*.css"
+    "./src/globals.css"
   ],
-  "publishConfig": {
-    "directory": "build",
-    "registry": "https://registry.npmjs.org/",
-    "dependencies": {
-      "@oneplatformdev/hooks": "~0.0.1-beta.3",
-      "@oneplatformdev/utils": "~0.0.2-beta.10"
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./src/globals.css",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js",
+      "default": "./dist/*.js"
     }
   },
-  "peerDependency": {
-    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@oneplatformdev/hooks": "~0.0.1-beta.7",
-    "@oneplatformdev/utils": "~0.0.2-beta.17",
-    "lucide-react": "^0.469.0"
+  "files": [
+    "dist",
+    "src/globals.css",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "tailwindcss": ">=4.0.0"
   },
-  "peerDependenciesMeta": {
-    "@types/react": {
-      "optional": true
-    },
-    "@types/react-dom": {
-      "optional": true
-    }
+  "devDependencies": {
+    "@types/react": "^18.3.24",
+    "@types/react-dom": "^18.3.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.9.1",
-    "@oneplatformdev/hooks": "~0.0.1-beta.7",
-    "@oneplatformdev/utils": "~0.0.2-beta.16",
-    "@radix-ui/react-accordion": "^1.2.2",
-    "@radix-ui/react-alert-dialog": "^1.1.4",
-    "@radix-ui/react-aspect-ratio": "^1.1.1",
-    "@radix-ui/react-avatar": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.1.3",
-    "@radix-ui/react-collapsible": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-dropdown-menu": "^2.1.4",
-    "@radix-ui/react-hover-card": "^1.1.4",
-    "@radix-ui/react-label": "^2.1.1",
-    "@radix-ui/react-menubar": "^1.1.4",
-    "@radix-ui/react-navigation-menu": "^1.2.3",
-    "@radix-ui/react-popover": "^1.1.4",
-    "@radix-ui/react-progress": "^1.1.1",
-    "@radix-ui/react-radio-group": "^1.2.2",
-    "@radix-ui/react-scroll-area": "^1.2.2",
-    "@radix-ui/react-select": "^2.1.4",
-    "@radix-ui/react-separator": "^1.1.1",
-    "@radix-ui/react-slider": "^1.2.2",
-    "@radix-ui/react-slot": "^1.1.1",
-    "@radix-ui/react-switch": "^1.1.2",
-    "@radix-ui/react-tabs": "^1.1.2",
-    "@radix-ui/react-toast": "^1.2.4",
-    "@radix-ui/react-toggle": "^1.1.1",
-    "@radix-ui/react-toggle-group": "^1.1.1",
-    "@radix-ui/react-tooltip": "^1.1.6",
-    "@tanstack/react-table": "^8.20.6",
-    "cmdk": "1.0.0",
-    "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.5.1",
-    "input-otp": "^1.4.1",
-    "next-themes": "^0.4.4",
-    "react-day-picker": "8.10.1",
-    "react-dropzone": "^14.3.5",
-    "react-hook-form": "^7.54.2",
-    "react-resizable-panels": "^2.1.7",
-    "recharts": "^2.15.0",
-    "sonner": "^1.7.1",
-    "vaul": "^1.1.2",
-    "zod": "^3.24.1"
+    "class-variance-authority": "^0.7.0",
+    "tslib": "^2.3.0",
+    "@oneplatformdev/utils": "0.1.1-7"
   }
-}
+}

package/src/globals.css

@@ -0,0 +1,123 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+    --background: oklch(1 0 0);
+    --foreground: oklch(0.145 0 0);
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.145 0 0);
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.145 0 0);
+    --primary: oklch(0.205 0 0);
+    --primary-foreground: oklch(0.985 0 0);
+    --secondary: oklch(0.97 0 0);
+    --secondary-foreground: oklch(0.205 0 0);
+    --muted: oklch(0.97 0 0);
+    --muted-foreground: oklch(0.556 0 0);
+    --accent: oklch(0.97 0 0);
+    --accent-foreground: oklch(0.205 0 0);
+    --destructive: oklch(0.577 0.245 27.325);
+    --destructive-foreground: oklch(0.577 0.245 27.325);
+    --border: oklch(0.922 0 0);
+    --input: oklch(0.922 0 0);
+    --ring: oklch(0.708 0 0);
+    --chart-1: oklch(0.646 0.222 41.116);
+    --chart-2: oklch(0.6 0.118 184.704);
+    --chart-3: oklch(0.398 0.07 227.392);
+    --chart-4: oklch(0.828 0.189 84.429);
+    --chart-5: oklch(0.769 0.188 70.08);
+    --radius: 0.625rem;
+    --sidebar: oklch(0.985 0 0);
+    --sidebar-foreground: oklch(0.145 0 0);
+    --sidebar-primary: oklch(0.205 0 0);
+    --sidebar-primary-foreground: oklch(0.985 0 0);
+    --sidebar-accent: oklch(0.97 0 0);
+    --sidebar-accent-foreground: oklch(0.205 0 0);
+    --sidebar-border: oklch(0.922 0 0);
+    --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+    --background: oklch(0.145 0 0);
+    --foreground: oklch(0.985 0 0);
+    --card: oklch(0.145 0 0);
+    --card-foreground: oklch(0.985 0 0);
+    --popover: oklch(0.145 0 0);
+    --popover-foreground: oklch(0.985 0 0);
+    --primary: oklch(0.985 0 0);
+    --primary-foreground: oklch(0.205 0 0);
+    --secondary: oklch(0.269 0 0);
+    --secondary-foreground: oklch(0.985 0 0);
+    --muted: oklch(0.269 0 0);
+    --muted-foreground: oklch(0.708 0 0);
+    --accent: oklch(0.269 0 0);
+    --accent-foreground: oklch(0.985 0 0);
+    --destructive: oklch(0.396 0.141 25.723);
+    --destructive-foreground: oklch(0.637 0.237 25.331);
+    --border: oklch(0.269 0 0);
+    --input: oklch(0.269 0 0);
+    --ring: oklch(0.439 0 0);
+    --chart-1: oklch(0.488 0.243 264.376);
+    --chart-2: oklch(0.696 0.17 162.48);
+    --chart-3: oklch(0.769 0.188 70.08);
+    --chart-4: oklch(0.627 0.265 303.9);
+    --chart-5: oklch(0.645 0.246 16.439);
+    --sidebar: oklch(0.205 0 0);
+    --sidebar-foreground: oklch(0.985 0 0);
+    --sidebar-primary: oklch(0.488 0.243 264.376);
+    --sidebar-primary-foreground: oklch(0.985 0 0);
+    --sidebar-accent: oklch(0.269 0 0);
+    --sidebar-accent-foreground: oklch(0.985 0 0);
+    --sidebar-border: oklch(0.269 0 0);
+    --sidebar-ring: oklch(0.439 0 0);
+}
+
+@theme inline {
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+    --color-card: var(--card);
+    --color-card-foreground: var(--card-foreground);
+    --color-popover: var(--popover);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-primary: var(--primary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-secondary: var(--secondary);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-muted: var(--muted);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-accent: var(--accent);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-destructive: var(--destructive);
+    --color-destructive-foreground: var(--destructive-foreground);
+    --color-border: var(--border);
+    --color-input: var(--input);
+    --color-ring: var(--ring);
+    --color-chart-1: var(--chart-1);
+    --color-chart-2: var(--chart-2);
+    --color-chart-3: var(--chart-3);
+    --color-chart-4: var(--chart-4);
+    --color-chart-5: var(--chart-5);
+    --radius-sm: calc(var(--radius) - 4px);
+    --radius-md: calc(var(--radius) - 2px);
+    --radius-lg: var(--radius);
+    --radius-xl: calc(var(--radius) + 4px);
+    --color-sidebar: var(--sidebar);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+    * {
+        @apply border-border outline-ring/50;
+    }
+    body {
+        @apply bg-background text-foreground;
+    }
+}

package/Accordion/Accordion.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & 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"> & {
-    showChevron?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/Accordion/Accordion.mjs

@@ -1,49 +0,0 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import * as s from "react";
-import * as e from "@radix-ui/react-accordion";
-import { ChevronDown as l } from "lucide-react";
-import { cn as c } from "@oneplatformdev/utils";
-const w = e.Root, f = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ a(
-  e.Item,
-  {
-    ref: r,
-    className: c("border-b", t),
-    ...o
-  }
-));
-f.displayName = "AccordionItem";
-const p = s.forwardRef(({ className: t, children: o, showChevron: r = !0, ...i }, m) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
-  e.Trigger,
-  {
-    ref: m,
-    className: c(
-      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all text-left [&[data-state=open]>svg]:rotate-180",
-      t
-    ),
-    onKeyDown: (n) => {
-      n.key === " " && n.target === n.currentTarget && n.preventDefault();
-    },
-    ...i,
-    children: [
-      o,
-      r && /* @__PURE__ */ a(l, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
-    ]
-  }
-) }));
-p.displayName = e.Trigger.displayName;
-const N = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ a(
-  e.Content,
-  {
-    ref: i,
-    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...r,
-    children: /* @__PURE__ */ a("div", { className: c("pb-4 pt-0", t), children: o })
-  }
-));
-N.displayName = e.Content.displayName;
-export {
-  w as Accordion,
-  N as AccordionContent,
-  f as AccordionItem,
-  p as AccordionTrigger
-};

package/Accordion/index.d.ts

@@ -1 +0,0 @@
-export * from './Accordion';

package/Accordion/index.mjs

@@ -1,7 +0,0 @@
-import { Accordion as r, AccordionContent as n, AccordionItem as i, AccordionTrigger as d } from "./Accordion.mjs";
-export {
-  r as Accordion,
-  n as AccordionContent,
-  i as AccordionItem,
-  d as AccordionTrigger
-};

package/Accordion/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/Alert/Alert.d.ts

@@ -1,7 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
-export declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-export declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/Alert/Alert.mjs

@@ -1,37 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as i from "react";
-import { cn as l } from "@oneplatformdev/utils";
-import { alertVariants as m } from "./alertVariants.mjs";
-const s = i.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: o,
-    role: "alert",
-    className: l(m({ variant: r }), e),
-    ...t
-  }
-));
-s.displayName = "Alert";
-const n = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
-  "h5",
-  {
-    ref: t,
-    className: l("mb-1 font-medium leading-none tracking-tight", e),
-    ...r
-  }
-));
-n.displayName = "AlertTitle";
-const d = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: t,
-    className: l("text-sm [&_p]:leading-relaxed", e),
-    ...r
-  }
-));
-d.displayName = "AlertDescription";
-export {
-  s as Alert,
-  d as AlertDescription,
-  n as AlertTitle
-};

package/Alert/alertVariants.d.ts

@@ -1,4 +0,0 @@
-export declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export default alertVariants;

package/Alert/alertVariants.mjs

@@ -1,19 +0,0 @@
-import { cva as t } from "class-variance-authority";
-const r = t(
-  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-export {
-  r as alertVariants,
-  r as default
-};

package/Alert/index.d.ts

@@ -1 +0,0 @@
-export * from './Alert';

package/Alert/index.mjs

@@ -1,6 +0,0 @@
-import { Alert as t, AlertDescription as l, AlertTitle as i } from "./Alert.mjs";
-export {
-  t as Alert,
-  l as AlertDescription,
-  i as AlertTitle
-};

package/Alert/package.json

@@ -1,7 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.mjs",
-  "module": "./index.mjs",
-  "default": "./index.mjs",
-  "types": "./index.d.ts"
-}

package/AlertDialog/AlertDialog.d.ts

@@ -1,65 +0,0 @@
-import { AlertDialogProps } from './AlertDialog.types';
-import { FC, PropsWithChildren } from 'react';
-
-/**
- * Component for show Alert Dialog.
- * @public
- * @see [Documentation](#)
- * @example
- * > Import:
- * ```tsx
- *    import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';
- * ```
- * > Simple example:
- * ```tsx
- *    <AlertDialog
- *         trigger={'Trigger text'} // may be any ReactNode | Button | string
- *         variant='alert' // 'confirm' (default) | 'alert' | 'destructive'
- *         title='Dialog title'
- *         description='Description text...'
- *       />
- * ```
- * > Base example:
- * ```tsx
- *   <AlertDialog
- *         trigger={<Button variant="outline">Simple Trigger</Button>}
- *         title='Dialog title'
- *         description='Description text...'
- *         onCancel={(event) => console.log(event, 'Cancel')}
- *         onConfirm={(event) => console.log(event, 'Confirm')}
- *       />
- * ```
- * > Trigger example: Button with icon children
- * ```tsx
- *      <AlertDialog
- *         trigger={<Button variant="outline" size="icon"><PencilLine /></Button>}
- *         title="Dialog title with icon trigger"
- *         description="Description text..."
- *         onCancel={(event) => console.log(event, 'Cancel')}
- *         onConfirm={(event) => console.log(event, 'Confirm')}
- *       />
- * ```
- *
- * > Full content example:
- * ```tsx
- *    <AlertDialog trigger={<Button variant="outline">Full Content Trigger</Button>}>
- *      Full Content...
- *     </AlertDialog>
- * ```
- *
- * > Full control example:
- * ```tsx
- *       <AlertDialog
- *         open={true}
- *         onOpenChange={(nextState) => console.log(nextState)}
- *         trigger={<Button variant="outline">Control Trigger</Button>}
- *         header={<div>Custom Header</div>}
- *         footer={[
- *           <Button key='cancel' variant="outline" onClick={() => {}}>On Action</Button>,
- *           <Button key='action' variant="outline" onClick={() => {}}>On Action</Button>,
- *         ]}
- *       />
- * ```
- */
-export declare const AlertDialog: FC<PropsWithChildren<AlertDialogProps>>;
-export default AlertDialog;

package/AlertDialog/AlertDialog.mjs

@@ -1,97 +0,0 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { cloneElement as a, useId as j, Children as y } from "react";
-import { AlertDialogRoot as E, AlertDialogContent as u, AlertDialogTrigger as v, AlertDialogHeader as f, AlertDialogTitle as B, AlertDialogDescription as R, AlertDialogFooter as A, AlertDialogAction as D, AlertDialogCancel as k } from "./AlertDialogRoot.mjs";
-import { isValidReactElement as s } from "@oneplatformdev/utils";
-const F = (o) => {
-  const { slotProps: e = {}, children: r } = o, i = e.trigger ?? {};
-  return s(r, v) ? a(
-    r,
-    {
-      ...r.props || {},
-      ...i
-    }
-  ) : /* @__PURE__ */ t(v, { asChild: !0, children: r });
-}, H = (o) => {
-  const {
-    title: e = "",
-    description: r = "",
-    slotProps: i = {},
-    children: l
-  } = o, n = i.header ?? {}, d = i.title ?? {}, c = i.description ?? {};
-  return l ? s(l, f) ? a(
-    l,
-    { ...l.props || {}, ...n }
-  ) : /* @__PURE__ */ t(f, { ...n, children: l }) : /* @__PURE__ */ g(f, { children: [
-    e && s(e, B) ? a(
-      e,
-      { ...e.props || {}, ...d }
-    ) : /* @__PURE__ */ t(B, { ...d, children: e }),
-    r && s(r, R) ? a(
-      r,
-      { ...r.props || {}, ...c }
-    ) : /* @__PURE__ */ t(R, { ...c, children: r })
-  ] });
-}, I = (o) => {
-  const {
-    slotProps: e = {},
-    children: r,
-    onCancel: i,
-    onConfirm: l,
-    cancelLabel: n = "Cancel",
-    actionLabel: d = "Continue",
-    variant: c = "confirm"
-  } = o, x = j(), m = e.footer ?? {}, T = e.cancelButton ?? {}, C = e.actionButton ?? {};
-  return r ? s(r, A) ? a(
-    r,
-    { ...r.props || {}, ...m }
-  ) : /* @__PURE__ */ t(A, { ...m, children: y.map(r, (p, b) => {
-    if (!p || !s(p)) return;
-    const h = p, P = a(h, { ...h.props || {}, key: h.key || `footer-${x}-action-${b}` });
-    return s(p, D) || s(p, k) ? P : /* @__PURE__ */ t(D, { asChild: !0, children: P });
-  }) }) : /* @__PURE__ */ g(A, { children: [
-    c !== "alert" && /* @__PURE__ */ t(
-      k,
-      {
-        variant: "ghost",
-        onClick: i,
-        ...T,
-        children: n
-      }
-    ),
-    /* @__PURE__ */ t(
-      D,
-      {
-        onClick: l,
-        ...C,
-        variant: C.variant || c === "destructive" ? "destructive" : "default",
-        children: d
-      }
-    )
-  ] });
-}, w = (o) => {
-  const {
-    trigger: e,
-    header: r,
-    footer: i,
-    slotProps: l = {},
-    children: n,
-    ...d
-  } = o, c = l.content ?? {};
-  return /* @__PURE__ */ g(E, { ...d, children: [
-    /* @__PURE__ */ t(F, { ...o, children: e }),
-    n ? s(n, u) ? a(
-      n,
-      {
-        ...n.props || {},
-        ...c
-      }
-    ) : /* @__PURE__ */ t(u, { ...c, children: n }) : /* @__PURE__ */ g(u, { ...c, children: [
-      /* @__PURE__ */ t(H, { ...o, children: r }),
-      /* @__PURE__ */ t(I, { ...o, children: i })
-    ] })
-  ] });
-};
-export {
-  w as AlertDialog,
-  w as default
-};