@lglab/compose-ui 0.20.0 → 0.21.0

package/dist/card.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { cva as d } from "class-variance-authority";
+import * as i from "react";
+import { c as t } from "./utils-B6yFEsav.js";
+const n = d("rounded-lg bg-card text-card-foreground transition-colors", {
+  variants: {
+    variant: {
+      default: "border shadow-sm",
+      outline: "border",
+      elevated: "shadow-md"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), l = i.forwardRef(
+  ({ className: a, variant: e, ...o }, s) => /* @__PURE__ */ r(
+    "article",
+    {
+      ref: s,
+      className: t(n({ variant: e }), a),
+      ...o
+    }
+  )
+);
+l.displayName = "CardRoot";
+const c = ({ className: a, ...e }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: t(
+      "overflow-hidden",
+      "[&>img]:h-full [&>img]:w-full [&>img]:object-cover",
+      a
+    ),
+    ...e
+  }
+);
+c.displayName = "CardMedia";
+const m = ({ className: a, ...e }) => /* @__PURE__ */ r("header", { className: t("flex flex-col gap-1 p-4", a), ...e });
+m.displayName = "CardHeader";
+const p = ({ as: a = "h3", className: e, ...o }) => /* @__PURE__ */ r(
+  a,
+  {
+    className: t("text-base font-semibold leading-tight", e),
+    ...o
+  }
+);
+p.displayName = "CardTitle";
+const f = ({ className: a, ...e }) => /* @__PURE__ */ r("p", { className: t("text-sm", a), ...e });
+f.displayName = "CardDescription";
+const C = ({ className: a, ...e }) => /* @__PURE__ */ r("div", { className: t("p-4 pt-0", a), ...e });
+C.displayName = "CardContent";
+const u = ({ className: a, ...e }) => /* @__PURE__ */ r("section", { className: t("p-4", a), ...e });
+u.displayName = "CardSection";
+const N = ({ className: a, ...e }) => /* @__PURE__ */ r("footer", { className: t("flex items-center p-4", a), ...e });
+N.displayName = "CardFooter";
+export {
+  C as CardContent,
+  f as CardDescription,
+  N as CardFooter,
+  m as CardHeader,
+  c as CardMedia,
+  l as CardRoot,
+  u as CardSection,
+  p as CardTitle
+};

package/dist/collapsible.d.ts

@@ -0,0 +1,26 @@
+import { Collapsible } from '@base-ui/react/collapsible';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const CollapsiblePanel: {
+    ({ className, ...props }: CollapsiblePanelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CollapsiblePanelProps = React_2.ComponentProps<typeof Collapsible.Panel>;
+
+export declare const CollapsibleRoot: {
+    ({ className, ...props }: CollapsibleRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CollapsibleRootProps = React_2.ComponentProps<typeof Collapsible.Root>;
+
+export declare const CollapsibleTrigger: {
+    ({ className, ...props }: CollapsibleTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CollapsibleTriggerProps = React_2.ComponentProps<typeof Collapsible.Trigger>;
+
+export { }

package/dist/collapsible.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { Collapsible as i } from "@base-ui/react/collapsible";
+import { c as o } from "./utils-B6yFEsav.js";
+const t = ({ className: e, ...l }) => /* @__PURE__ */ a(i.Root, { className: o("w-full", e), ...l });
+t.displayName = "CollapsibleRoot";
+const s = ({ className: e, ...l }) => /* @__PURE__ */ a(
+  i.Trigger,
+  {
+    className: o("flex items-center justify-between font-medium", e),
+    ...l
+  }
+);
+s.displayName = "CollapsibleTrigger";
+const n = ({ className: e, ...l }) => /* @__PURE__ */ a(
+  i.Panel,
+  {
+    className: o(
+      '[&[hidden]:not([hidden="until-found"])]:hidden h-(--collapsible-panel-height)',
+      "overflow-hidden duration-200 transition-all ease-out",
+      "data-ending-style:h-0",
+      "data-starting-style:h-0",
+      e
+    ),
+    ...l
+  }
+);
+n.displayName = "CollapsiblePanel";
+export {
+  n as CollapsiblePanel,
+  t as CollapsibleRoot,
+  s as CollapsibleTrigger
+};

package/dist/context-menu.d.ts

@@ -0,0 +1,138 @@
+import { ContextMenu } from '@base-ui/react/context-menu';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const ContextMenuArrow: {
+    ({ className, ...props }: ContextMenuArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuArrowProps = React_2.ComponentProps<typeof ContextMenu.Arrow>;
+
+export declare const ContextMenuCheckboxItem: {
+    ({ className, ...props }: ContextMenuCheckboxItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ContextMenuCheckboxItemIndicator: {
+    ({ className, ...props }: ContextMenuCheckboxItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuCheckboxItemIndicatorProps = React_2.ComponentProps<typeof ContextMenu.CheckboxItemIndicator>;
+
+export declare const ContextMenuCheckboxItemLabel: {
+    ({ className, ...props }: ContextMenuCheckboxItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuCheckboxItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type ContextMenuCheckboxItemProps = React_2.ComponentProps<typeof ContextMenu.CheckboxItem>;
+
+export declare const ContextMenuGroup: {
+    ({ className, ...props }: ContextMenuGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ContextMenuGroupLabel: {
+    ({ className, ...props }: ContextMenuGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuGroupLabelProps = React_2.ComponentProps<typeof ContextMenu.GroupLabel>;
+
+export declare type ContextMenuGroupProps = React_2.ComponentProps<typeof ContextMenu.Group>;
+
+export declare const ContextMenuItem: {
+    ({ className, ...props }: ContextMenuItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuItemProps = React_2.ComponentProps<typeof ContextMenu.Item>;
+
+export declare const ContextMenuPopup: {
+    ({ className, ...props }: ContextMenuPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuPopupProps = React_2.ComponentProps<typeof ContextMenu.Popup>;
+
+export declare const ContextMenuPortal: {
+    (props: ContextMenuPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuPortalProps = React_2.ComponentProps<typeof ContextMenu.Portal>;
+
+export declare const ContextMenuPositioner: {
+    ({ className, ...props }: ContextMenuPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuPositionerProps = React_2.ComponentProps<typeof ContextMenu.Positioner>;
+
+export declare const ContextMenuRadioGroup: {
+    ({ className, ...props }: ContextMenuRadioGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuRadioGroupProps = React_2.ComponentProps<typeof ContextMenu.RadioGroup>;
+
+export declare const ContextMenuRadioItem: {
+    ({ className, ...props }: ContextMenuRadioItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ContextMenuRadioItemIndicator: {
+    ({ className, ...props }: ContextMenuRadioItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuRadioItemIndicatorProps = React_2.ComponentProps<typeof ContextMenu.RadioItemIndicator>;
+
+export declare const ContextMenuRadioItemLabel: {
+    ({ className, ...props }: ContextMenuRadioItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuRadioItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type ContextMenuRadioItemProps = React_2.ComponentProps<typeof ContextMenu.RadioItem>;
+
+export declare const ContextMenuRoot: {
+    (props: ContextMenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuRootProps = React_2.ComponentProps<typeof ContextMenu.Root>;
+
+export declare const ContextMenuSeparator: {
+    ({ className, ...props }: ContextMenuSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuSeparatorProps = React_2.ComponentProps<typeof ContextMenu.Separator>;
+
+export declare const ContextMenuSubmenuRoot: {
+    (props: ContextMenuSubmenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuSubmenuRootProps = React_2.ComponentProps<typeof ContextMenu.SubmenuRoot>;
+
+export declare const ContextMenuSubmenuTrigger: {
+    ({ className, ...props }: ContextMenuSubmenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuSubmenuTriggerProps = React_2.ComponentProps<typeof ContextMenu.SubmenuTrigger>;
+
+export declare const ContextMenuTrigger: {
+    ({ className, ...props }: ContextMenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ContextMenuTriggerProps = React_2.ComponentProps<typeof ContextMenu.Trigger>;
+
+export { }

package/dist/context-menu.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { ContextMenu as a } from "@base-ui/react/context-menu";
+import { A as s } from "./arrow-svg-C6zQTvgS.js";
+import { b as r } from "./button-variants-CbFMPwc8.js";
+import { c as n } from "./utils-B6yFEsav.js";
+const i = (t) => /* @__PURE__ */ o(a.Root, { ...t });
+i.displayName = "ContextMenuRoot";
+const u = ({ className: t, ...e }) => /* @__PURE__ */ o(a.Trigger, { className: n(t), ...e });
+u.displayName = "ContextMenuTrigger";
+const m = (t) => /* @__PURE__ */ o(a.Portal, { ...t });
+m.displayName = "ContextMenuPortal";
+const d = ({ className: t, ...e }) => /* @__PURE__ */ o(
+  a.Positioner,
+  {
+    className: n("z-50 outline-none", t),
+    sideOffset: 3,
+    ...e
+  }
+);
+d.displayName = "ContextMenuPositioner";
+const l = ({ className: t, ...e }) => /* @__PURE__ */ o(
+  a.Popup,
+  {
+    className: n(
+      "rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
+      "min-w-[8rem]",
+      t
+    ),
+    ...e
+  }
+);
+l.displayName = "ContextMenuPopup";
+const c = ({ className: t, ...e }) => /* @__PURE__ */ o(
+  a.Arrow,
+  {
+    className: n(
+      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
+      t
+    ),
+    ...e,
+    children: /* @__PURE__ */ o(s, {})
+  }
+);
+c.displayName = "ContextMenuArrow";
+const p = ({ className: t, ...e }) => /* @__PURE__ */ o(
+  a.Item,
+  {
+    className: n(
+      r({ variant: "ghost", size: "sm" }),
+      "flex justify-start",
+      t
+    ),
+    ...e
+  }
+);
+p.displayName = "ContextMenuItem";
+const x = ({ className: t, ...e }) => /* @__PURE__ */ o(
+  a.Separator,
+  {
+    className: n("-mx-1 my-1 h-px bg-border", t),
+    ...e
+  }
+);
+x.displayName = "ContextMenuSeparator";
+const C = ({ className: t, ...e }) => /* @__PURE__ */ o(a.Group, { className: n(t), ...e });
+C.displayName = "ContextMenuGroup";
+const M = ({ className: t, ...e }) => /* @__PURE__ */ o(
+  a.GroupLabel,
+  {
+    className: n("px-3 py-1.5 text-sm font-semibold", t),
+    ...e
+  }
+);
+M.displayName = "ContextMenuGroupLabel";
+const N = ({ className: t, ...e }) => /* @__PURE__ */ o(a.RadioGroup, { className: n(t), ...e });
+N.displayName = "ContextMenuRadioGroup";
+const b = ({ className: t, ...e }) => /* @__PURE__ */ o(
+  a.RadioItem,
+  {
+    className: n(
+      r({ variant: "ghost", size: "sm" }),
+      "grid grid-cols-[0.75rem_1fr] gap-2",
+      t
+    ),
+    ...e
+  }
+);
+b.displayName = "ContextMenuRadioItem";
+const g = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ o(
+  a.CheckboxItem,
+  {
+    className: n(
+      r({ variant: "ghost", size: "sm" }),
+      "grid grid-cols-[0.75rem_1fr] gap-2",
+      t
+    ),
+    ...e
+  }
+);
+g.displayName = "ContextMenuCheckboxItem";
+const y = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ o(
+  a.RadioItemIndicator,
+  {
+    className: n("col-start-1", t),
+    ...e
+  }
+);
+y.displayName = "ContextMenuRadioItemIndicator";
+const I = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ o(
+  a.CheckboxItemIndicator,
+  {
+    className: n("col-start-1", t),
+    ...e
+  }
+);
+I.displayName = "ContextMenuCheckboxItemIndicator";
+const f = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ o("span", { className: n("col-start-2", t), ...e });
+f.displayName = "ContextMenuCheckboxItemLabel";
+const h = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ o("span", { className: n("col-start-2", t), ...e });
+h.displayName = "ContextMenuRadioItemLabel";
+const R = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ o(
+  a.SubmenuTrigger,
+  {
+    className: n(
+      r({ variant: "ghost", size: "sm" }),
+      "flex justify-between",
+      t
+    ),
+    ...e
+  }
+);
+R.displayName = "ContextMenuSubmenuTrigger";
+const k = (t) => /* @__PURE__ */ o(a.SubmenuRoot, { ...t });
+k.displayName = "ContextMenuSubmenuRoot";
+export {
+  c as ContextMenuArrow,
+  g as ContextMenuCheckboxItem,
+  I as ContextMenuCheckboxItemIndicator,
+  f as ContextMenuCheckboxItemLabel,
+  C as ContextMenuGroup,
+  M as ContextMenuGroupLabel,
+  p as ContextMenuItem,
+  l as ContextMenuPopup,
+  m as ContextMenuPortal,
+  d as ContextMenuPositioner,
+  N as ContextMenuRadioGroup,
+  b as ContextMenuRadioItem,
+  y as ContextMenuRadioItemIndicator,
+  h as ContextMenuRadioItemLabel,
+  i as ContextMenuRoot,
+  x as ContextMenuSeparator,
+  k as ContextMenuSubmenuRoot,
+  R as ContextMenuSubmenuTrigger,
+  u as ContextMenuTrigger
+};

package/dist/control-variants-Bwep4n0y.js

@@ -0,0 +1,37 @@
+import { cva as e } from "class-variance-authority";
+const a = e(
+  [
+    "inline-flex items-center justify-center gap-2 rounded-md",
+    "text-sm font-medium",
+    "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+    "select-none transition-colors duration-200",
+    "border border-border bg-background shadow-xs"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          "hover:bg-accent hover:text-accent-foreground",
+          "data-pressed:border-primary data-pressed:bg-primary data-pressed:text-primary-foreground data-pressed:shadow-none",
+          "data-popup-open:border-primary data-popup-open:bg-primary data-popup-open:text-primary-foreground data-popup-open:shadow-none"
+        ],
+        ghost: ["hover:bg-accent"]
+      },
+      size: {
+        sm: "h-8 min-w-8 px-2.5 gap-1.5",
+        default: "h-9 min-w-9 px-3",
+        lg: "h-10 min-w-10 px-3.5",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+export {
+  a as c
+};

package/dist/dialog.d.ts

@@ -0,0 +1,92 @@
+import { Dialog } from '@base-ui/react/dialog';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+declare type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+
+declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+
+export declare const DialogBackdrop: {
+    ({ className, ...props }: DialogBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogBackdropProps = React_2.ComponentProps<typeof Dialog.Backdrop>;
+
+export declare const DialogClose: {
+    ({ className, variant, size, ...props }: DialogCloseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogCloseProps = React_2.ComponentProps<typeof Dialog.Close> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the close button */
+    size?: ButtonSize;
+};
+
+export declare const DialogDescription: {
+    ({ className, ...props }: DialogDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogDescriptionProps = React_2.ComponentProps<typeof Dialog.Description>;
+
+export declare const DialogFooter: {
+    ({ className, ...props }: DialogFooterProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogFooterProps = React_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const DialogHeader: {
+    ({ className, ...props }: DialogHeaderProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
+
+export declare const DialogPopup: {
+    ({ className, size, ...props }: DialogPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogPopupProps = React_2.ComponentProps<typeof Dialog.Popup> & {
+    /** Size of the dialog popup */
+    size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
+};
+
+export declare const DialogPortal: {
+    (props: DialogPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogPortalProps = React_2.ComponentProps<typeof Dialog.Portal>;
+
+export declare const DialogRoot: {
+    (props: DialogRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogRootProps = React_2.ComponentProps<typeof Dialog.Root>;
+
+export declare const DialogTitle: {
+    ({ className, ...props }: DialogTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogTitleProps = React_2.ComponentProps<typeof Dialog.Title>;
+
+export declare const DialogTrigger: {
+    ({ className, variant, size, ...props }: DialogTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type DialogTriggerProps = React_2.ComponentProps<typeof Dialog.Trigger> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Size of the trigger button */
+    size?: ButtonSize;
+};
+
+export { }

package/dist/dialog.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { Dialog as o } from "@base-ui/react/dialog";
+import { cva as n } from "class-variance-authority";
+import { b as r } from "./button-variants-CbFMPwc8.js";
+import { c as l } from "./utils-B6yFEsav.js";
+const d = (a) => /* @__PURE__ */ t(o.Root, { ...a });
+d.displayName = "DialogRoot";
+const c = ({ className: a, variant: e, size: i, ...s }) => /* @__PURE__ */ t(
+  o.Trigger,
+  {
+    className: l(r({ variant: e, size: i }), a),
+    ...s
+  }
+);
+c.displayName = "DialogTrigger";
+const g = (a) => /* @__PURE__ */ t(o.Portal, { ...a });
+g.displayName = "DialogPortal";
+const p = ({ className: a, ...e }) => /* @__PURE__ */ t(
+  o.Backdrop,
+  {
+    className: l(
+      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
+      "transition-opacity duration-200",
+      "data-starting-style:opacity-0 data-ending-style:opacity-0",
+      a
+    ),
+    ...e
+  }
+);
+p.displayName = "DialogBackdrop";
+const m = n(
+  [
+    "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
+    "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
+    "transition-all duration-200",
+    "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+    "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+    "top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]",
+    "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "w-sm",
+        default: "w-lg",
+        lg: "w-2xl",
+        xl: "w-4xl",
+        full: "h-[calc(100vh-2rem)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), u = ({ className: a, size: e, ...i }) => /* @__PURE__ */ t(
+  o.Popup,
+  {
+    className: l(m({ size: e }), a),
+    ...i
+  }
+);
+u.displayName = "DialogPopup";
+const f = ({ className: a, ...e }) => /* @__PURE__ */ t(
+  o.Title,
+  {
+    className: l("text-lg font-semibold leading-none tracking-tight", a),
+    ...e
+  }
+);
+f.displayName = "DialogTitle";
+const y = ({ className: a, ...e }) => /* @__PURE__ */ t(o.Description, { className: l("mt-2", a), ...e });
+y.displayName = "DialogDescription";
+const D = ({ className: a, variant: e, size: i, ...s }) => /* @__PURE__ */ t(
+  o.Close,
+  {
+    className: l(r({ variant: e ?? "outline", size: i }), a),
+    ...s
+  }
+);
+D.displayName = "DialogClose";
+const N = ({ className: a, ...e }) => /* @__PURE__ */ t("div", { className: l("flex flex-col space-y-1 mb-5", a), ...e });
+N.displayName = "DialogHeader";
+const b = ({ className: a, ...e }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: l(
+      "mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+      a
+    ),
+    ...e
+  }
+);
+b.displayName = "DialogFooter";
+export {
+  p as DialogBackdrop,
+  D as DialogClose,
+  y as DialogDescription,
+  b as DialogFooter,
+  N as DialogHeader,
+  u as DialogPopup,
+  g as DialogPortal,
+  d as DialogRoot,
+  f as DialogTitle,
+  c as DialogTrigger
+};