@oneplatformdev/ui 0.1.0-8 → 0.1.9-10

package/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+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 };
+//# sourceMappingURL=Accordion.d.ts.map

package/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,SAAS,8JAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB;kBAEgE,OAAO;2CAoB3F,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAWpB,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/Accordion/Accordion.js

@@ -0,0 +1,49 @@
+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

@@ -0,0 +1,2 @@
+export * from './Accordion';
+//# sourceMappingURL=index.d.ts.map

package/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/Accordion/index.js

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

package/Alert/Alert.d.ts

@@ -0,0 +1,8 @@
+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/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>>;
+//# sourceMappingURL=Alert.d.ts.map

package/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAK5D,eAAO,MAAM,KAAK;;sHAUhB,CAAA;AAGF,eAAO,MAAM,UAAU,uHASrB,CAAA;AAGF,eAAO,MAAM,gBAAgB,yHAS3B,CAAA"}

package/Alert/Alert.js

@@ -0,0 +1,37 @@
+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.js";
+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

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

package/Alert/alertVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alertVariants.d.ts","sourceRoot":"","sources":["../../src/Alert/alertVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAczB,CAAA;AAED,eAAe,aAAa,CAAC"}

package/Alert/alertVariants.js

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,2 @@
+export * from './Alert';
+//# sourceMappingURL=index.d.ts.map

package/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/Alert/index.js

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

package/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,65 @@
+import { FC, PropsWithChildren } from 'react';
+import { AlertDialogProps } from './AlertDialog.types';
+/**
+ * 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;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/AlertDialog/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,EAAE,EAEF,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAYf,OAAO,EAKL,gBAAgB,EAGjB,MAAM,qBAAqB,CAAC;AAqI7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAiC/D,CAAA;AAED,eAAe,WAAW,CAAC"}

package/AlertDialog/AlertDialog.js

@@ -0,0 +1,97 @@
+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.js";
+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
+};

package/AlertDialog/AlertDialog.stories.d.ts

@@ -0,0 +1,47 @@
+import { AlertDialogProps } from './AlertDialog.types';
+import { default as React } from 'react';
+declare const meta: Meta<React.FC<React.PropsWithChildren<AlertDialogProps>>>;
+export default meta;
+export declare const Playground: {
+    (args: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        trigger: string;
+        variant: string;
+        title: string;
+        description: string;
+        cancelLabel: string;
+        actionLabel: string;
+    };
+};
+export declare const Variants: {
+    (args: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    args: {
+        title: string;
+        description: string;
+    };
+};
+export declare const FullControl: {
+    (args: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+    args: {
+        open: boolean;
+    };
+};
+export declare const FullContent: {
+    (args: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        controls: {
+            include: never[];
+        };
+    };
+};
+//# sourceMappingURL=AlertDialog.stories.d.ts.map

package/AlertDialog/AlertDialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,IAAI,2DA4C0B,CAAC;AACrC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,UAAU;WAAU,gBAAgB;;;;;;;;;CAIhD,CAAC;AAUF,eAAO,MAAM,QAAQ;WAAU,gBAAgB;;;;;;;;;;CAW9C,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,gBAAgB;;;;;;;;;CAWjD,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,gBAAgB;;;;;;CAOjD,CAAC"}

package/AlertDialog/AlertDialog.stories.js

@@ -0,0 +1,121 @@
+import { jsx as t } from "react/jsx-runtime";
+import { AlertDialog as n } from "./AlertDialog.js";
+import { Button as l } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], b = {
+  title: "AlertDialog",
+  component: n,
+  render: c,
+  argTypes: {
+    open: {
+      control: {
+        type: "boolean"
+      }
+    },
+    variant: {
+      name: "variant",
+      description: "ButtonIcon variant",
+      options: r,
+      control: {
+        type: "inline-radio"
+      }
+    },
+    cancelLabel: {
+      control: {
+        type: "text"
+      }
+    },
+    actionLabel: {
+      control: {
+        type: "text"
+      }
+    },
+    title: {
+      control: {
+        type: "text"
+      }
+    },
+    description: {
+      control: {
+        type: "text"
+      }
+    }
+  },
+  args: {
+    variant: "alert",
+    cancelLabel: "Cancel",
+    actionLabel: "Action"
+  }
+}, s = (e) => /* @__PURE__ */ t(
+  n,
+  {
+    ...e
+  }
+);
+s.args = {
+  trigger: "Trigger text or ReactNode",
+  variant: "confirm",
+  title: "Dialog title...",
+  description: "Description text...",
+  cancelLabel: "Cancel label",
+  actionLabel: "Action label"
+};
+const i = (e) => /* @__PURE__ */ t("div", { className: "flex gap-3", children: r.map((o) => /* @__PURE__ */ t(
+  n,
+  {
+    trigger: o,
+    ...e,
+    variant: o
+  },
+  o
+)) });
+i.parameters = {
+  controls: {
+    include: ["title", "description", "cancelLabel", "actionLabel"]
+  }
+};
+i.args = {
+  title: "Dialog title",
+  description: "Description text..."
+};
+const a = (e) => /* @__PURE__ */ t(
+  n,
+  {
+    onOpenChange: (o) => console.log(o),
+    trigger: /* @__PURE__ */ t(l, { variant: "outline", children: "Control Trigger" }),
+    header: /* @__PURE__ */ t("div", { children: "Custom Header" }),
+    footer: [
+      /* @__PURE__ */ t(l, { variant: "outline", onClick: console.log, children: "On cancel" }, "cancel"),
+      /* @__PURE__ */ t(l, { variant: "outline", onClick: console.log, children: "On Action" }, "action")
+    ],
+    ...e
+  }
+);
+a.parameters = {
+  controls: {
+    include: ["open"]
+  }
+};
+a.args = {
+  open: !1
+};
+const p = (e) => /* @__PURE__ */ t(
+  n,
+  {
+    trigger: /* @__PURE__ */ t(l, { variant: "outline", children: "Full Content Trigger" }),
+    ...e,
+    children: "Full Content..."
+  }
+);
+p.parameters = {
+  controls: {
+    include: []
+  }
+};
+export {
+  p as FullContent,
+  a as FullControl,
+  s as Playground,
+  i as Variants,
+  b as default
+};

package/AlertDialog/AlertDialog.types.d.ts

@@ -0,0 +1,53 @@
+import { ComponentPropsWithoutRef, ReactNode, MouseEvent } from 'react';
+import { AlertDialogTrigger, AlertDialogTitle, AlertDialogRoot, AlertDialogDescription, AlertDialogHeader, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, AlertDialogContent } from './AlertDialogRoot';
+export type AlertDialogRootProps = ComponentPropsWithoutRef<typeof AlertDialogRoot>;
+export type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof AlertDialogTrigger>;
+export type AlertDialogContentProps = ComponentPropsWithoutRef<typeof AlertDialogContent>;
+export type AlertDialogHeaderProps = ComponentPropsWithoutRef<typeof AlertDialogHeader>;
+export type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof AlertDialogTitle>;
+export type AlertDialogDescriptionProps = ComponentPropsWithoutRef<typeof AlertDialogDescription>;
+export type AlertDialogFooterProps = ComponentPropsWithoutRef<typeof AlertDialogFooter>;
+export type AlertDialogCancelProps = ComponentPropsWithoutRef<typeof AlertDialogCancel>;
+export type AlertDialogActionProps = ComponentPropsWithoutRef<typeof AlertDialogAction>;
+export interface AlertDialogProps extends Partial<AlertDialogRootProps> {
+    /** Alert Dialog Type. */
+    variant?: 'confirm' | 'alert' | 'destructive';
+    /** CancelButton label. */
+    cancelLabel?: ReactNode;
+    /** ActionButton label. */
+    actionLabel?: ReactNode;
+    /** CancelButton onClick event. */
+    onCancel?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** ActionButton onClick event. */
+    onConfirm?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** The trigger to open alert dialog. */
+    trigger?: ReactNode;
+    /** Alert Dialog Header. */
+    header?: ReactNode;
+    /** Alert Dialog Header Title. */
+    title?: ReactNode;
+    /** Alert Dialog Header Description. */
+    description?: ReactNode;
+    /** Alert Dialog Footer. */
+    footer?: ReactNode;
+    /** Alert Dialog Slots props. */
+    slotProps?: {
+        /** Alert Dialog Slot props for AlertDialogTrigger. */
+        trigger?: AlertDialogTriggerProps;
+        /** Alert Dialog Slot props for AlertDialogContentProps. */
+        content?: AlertDialogContentProps;
+        /** Alert Dialog Slot props for AlertDialogTrigger. */
+        header?: AlertDialogHeaderProps;
+        /** Alert Dialog Slot props for AlertDialogFooter. */
+        footer?: AlertDialogFooterProps;
+        /** Alert Dialog Slot props for AlertDialogTitle. */
+        title?: AlertDialogTitleProps;
+        /** Alert Dialog Slot props for AlertDialogDescriptionProps. */
+        description?: AlertDialogDescriptionProps;
+        /** Alert Dialog Slot props for AlertDialogCancelProps. */
+        cancelButton?: AlertDialogCancelProps;
+        /** Alert Dialog Slot props for AlertDialogActionProps. */
+        actionButton?: AlertDialogActionProps;
+    };
+}
+//# sourceMappingURL=AlertDialog.types.d.ts.map

package/AlertDialog/AlertDialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.types.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,OAAO,eAAe,CAAC,CAAA;AACnF,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACzF,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEzF,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,CAAA;AACvF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,CAAA;AACrF,MAAM,MAAM,2BAA2B,GAAG,wBAAwB,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAEjG,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,CAAA;AACvF,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,CAAA;AACvF,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEvF,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACrE,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IAC9C,0BAA0B;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,kCAAkC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE;QACV,sDAAsD;QACtD,OAAO,CAAC,EAAE,uBAAuB,CAAC;QAClC,2DAA2D;QAC3D,OAAO,CAAC,EAAE,uBAAuB,CAAC;QAClC,sDAAsD;QACtD,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAChC,qDAAqD;QACrD,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAChC,oDAAoD;QACpD,KAAK,CAAC,EAAE,qBAAqB,CAAC;QAC9B,+DAA+D;QAC/D,WAAW,CAAC,EAAE,2BAA2B,CAAC;QAC1C,0DAA0D;QAC1D,YAAY,CAAC,EAAE,sBAAsB,CAAC;QACtC,0DAA0D;QAC1D,YAAY,CAAC,EAAE,sBAAsB,CAAC;KACvC,CAAC;CACH"}

package/AlertDialog/AlertDialogRoot.d.ts

@@ -0,0 +1,22 @@
+import { ButtonProps } from '../Button';
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+declare const AlertDialogRoot: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialogRoot, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=AlertDialogRoot.d.ts.map

package/AlertDialog/AlertDialogRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKAetB,CAAA;AAGF,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,gBAAgB,8KASpB,CAAA;AAGF,QAAA,MAAM,sBAAsB,wLAS1B,CAAA;AAIF,QAAA,MAAM,iBAAiB,2LASrB,CAAA;AAGF,QAAA,MAAM,iBAAiB,2LAarB,CAAA;AAGF,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}