@easyops-cn/a2ui-react 0.0.1 → 0.0.3

package/dist/0.8/utils/dataBinding.d.ts

@@ -0,0 +1,95 @@
+import { ValueSource, DataModel, DataEntry, DataModelValue } from '../types';
+/**
+ * Resolves a ValueSource to its actual value.
+ *
+ * @param source - The value source (literal or path reference)
+ * @param dataModel - The data model for path lookups
+ * @param defaultValue - Default value if source is undefined or path not found
+ * @returns The resolved value
+ *
+ * @example
+ * // Literal values
+ * resolveValue({ literalString: "Hello" }, {}); // "Hello"
+ * resolveValue({ literalNumber: 42 }, {});      // 42
+ *
+ * // Path references
+ * const model = { user: { name: "John" } };
+ * resolveValue({ path: "/user/name" }, model);  // "John"
+ * resolveValue({ path: "/user/age" }, model, 0); // 0 (default)
+ */
+export declare function resolveValue<T = unknown>(source: ValueSource | undefined, dataModel: DataModel, defaultValue?: T): T;
+/**
+ * Checks if a value source is a path reference.
+ *
+ * @param source - The value source to check
+ * @returns True if the source is a path reference
+ */
+export declare function isPathReference(source: ValueSource | undefined): source is {
+    path: string;
+};
+/**
+ * Gets the path from a value source, or undefined if it's not a path reference.
+ *
+ * @param source - The value source
+ * @returns The path string or undefined
+ */
+export declare function getPath(source: ValueSource | undefined): string | undefined;
+/**
+ * Converts a DataEntry array to a plain object.
+ * This is used for processing dataModelUpdate message contents.
+ *
+ * @param contents - Array of data entries from the server
+ * @returns A plain object with the converted values
+ *
+ * @example
+ * contentsToObject([
+ *   { key: "name", valueString: "John" },
+ *   { key: "age", valueNumber: 30 },
+ *   { key: "active", valueBoolean: true },
+ *   { key: "profile", valueMap: [
+ *     { key: "email", valueString: "john@example.com" }
+ *   ]}
+ * ]);
+ * // Returns: { name: "John", age: 30, active: true, profile: { email: "john@example.com" } }
+ */
+export declare function contentsToObject(contents: DataEntry[]): Record<string, DataModelValue>;
+/**
+ * Creates a literal string value source.
+ *
+ * @param value - The string value
+ * @returns A ValueSource with literalString
+ */
+export declare function literalString(value: string): ValueSource;
+/**
+ * Creates a literal number value source.
+ *
+ * @param value - The number value
+ * @returns A ValueSource with literalNumber
+ */
+export declare function literalNumber(value: number): ValueSource;
+/**
+ * Creates a literal boolean value source.
+ *
+ * @param value - The boolean value
+ * @returns A ValueSource with literalBoolean
+ */
+export declare function literalBoolean(value: boolean): ValueSource;
+/**
+ * Creates a path reference value source.
+ *
+ * @param path - The data model path
+ * @returns A ValueSource with path
+ */
+export declare function pathRef(path: string): ValueSource;
+/**
+ * Resolves action context items to a plain object.
+ * This is used when dispatching actions to resolve all context values.
+ *
+ * @param context - Array of action context items
+ * @param dataModel - The data model for path lookups
+ * @returns A plain object with resolved context values
+ */
+export declare function resolveActionContext(context: Array<{
+    key: string;
+    value: ValueSource;
+}> | undefined, dataModel: DataModel): Record<string, unknown>;

package/dist/0.8/utils/dataBinding.js

@@ -0,0 +1,46 @@
+import { getValueByPath as r } from "./pathUtils.js";
+function l(e, n, t) {
+  if (e == null)
+    return t;
+  if ("literalString" in e)
+    return e.literalString;
+  if ("literalNumber" in e)
+    return e.literalNumber;
+  if ("literalBoolean" in e)
+    return e.literalBoolean;
+  if ("literalArray" in e)
+    return e.literalArray;
+  if ("path" in e) {
+    const i = r(n, e.path);
+    return i === void 0 ? t : i;
+  }
+  return t;
+}
+function a(e) {
+  const n = {};
+  for (const t of e) {
+    const i = o(t.key);
+    t.valueString !== void 0 ? n[i] = t.valueString : t.valueNumber !== void 0 ? n[i] = t.valueNumber : t.valueBoolean !== void 0 ? n[i] = t.valueBoolean : t.valueMap !== void 0 && (n[i] = a(t.valueMap));
+  }
+  return n;
+}
+function o(e) {
+  if (e.includes("/")) {
+    const n = e.split("/").filter(Boolean);
+    return n[n.length - 1] || e;
+  }
+  return e;
+}
+function f(e, n) {
+  if (!e)
+    return {};
+  const t = {};
+  for (const i of e)
+    t[i.key] = l(i.value, n);
+  return t;
+}
+export {
+  a as contentsToObject,
+  f as resolveActionContext,
+  l as resolveValue
+};

package/dist/0.8/utils/dataBinding.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * dataBinding Tests
+ *
+ * Tests for data binding utility functions used in A2UI.
+ */
+export {};

package/dist/0.8/utils/pathUtils.d.ts

@@ -0,0 +1,63 @@
+import { DataModel, DataModelValue } from '../types';
+/**
+ * Gets a value from the data model by path.
+ *
+ * @param dataModel - The data model to read from
+ * @param path - The path to the value (e.g., "/user/name")
+ * @returns The value at the path, or undefined if not found
+ *
+ * @example
+ * const model = { user: { name: "John" } };
+ * getValueByPath(model, "/user/name"); // "John"
+ * getValueByPath(model, "/user/age");  // undefined
+ */
+export declare function getValueByPath(dataModel: DataModel, path: string): DataModelValue | undefined;
+/**
+ * Sets a value in the data model by path, returning a new data model.
+ * This function is immutable - it does not modify the original data model.
+ *
+ * @param dataModel - The data model to update
+ * @param path - The path to set (e.g., "/user/name")
+ * @param value - The value to set
+ * @returns A new data model with the value set
+ *
+ * @example
+ * const model = { user: { name: "John" } };
+ * setValueByPath(model, "/user/name", "Jane");
+ * // Returns: { user: { name: "Jane" } }
+ */
+export declare function setValueByPath(dataModel: DataModel, path: string, value: unknown): DataModel;
+/**
+ * Merges data into the data model at a given path.
+ * This is used for dataModelUpdate messages where contents are merged.
+ *
+ * @param dataModel - The data model to update
+ * @param path - The path to merge at (e.g., "/form")
+ * @param data - The data to merge
+ * @returns A new data model with the data merged
+ */
+export declare function mergeAtPath(dataModel: DataModel, path: string, data: Record<string, unknown>): DataModel;
+/**
+ * Normalizes a path to ensure it starts with "/" and has no trailing "/".
+ *
+ * @param path - The path to normalize
+ * @returns The normalized path
+ *
+ * @example
+ * normalizePath("user/name");   // "/user/name"
+ * normalizePath("/user/name/"); // "/user/name"
+ */
+export declare function normalizePath(path: string): string;
+/**
+ * Joins two paths together.
+ *
+ * @param basePath - The base path
+ * @param relativePath - The relative path to join
+ * @returns The joined path
+ *
+ * @example
+ * joinPaths("/user", "name");     // "/user/name"
+ * joinPaths("/user", "/name");    // "/user/name"
+ * joinPaths("/user/", "/name/");  // "/user/name"
+ */
+export declare function joinPaths(basePath: string, relativePath: string): string;

package/dist/0.8/utils/pathUtils.js

@@ -0,0 +1,44 @@
+function l(e, t) {
+  if (!t || t === "/")
+    return e;
+  const n = t.split("/").filter(Boolean);
+  let r = e;
+  for (const o of n) {
+    if (r == null || typeof r != "object")
+      return;
+    r = r[o];
+  }
+  return r;
+}
+function g(e, t, n) {
+  if (!t || t === "/")
+    return typeof n == "object" && n !== null && !Array.isArray(n) ? { ...e, ...n } : e;
+  const r = t.split("/").filter(Boolean);
+  function o(u, s, i) {
+    if (s.length === 0)
+      return typeof i == "object" && i !== null && !Array.isArray(i) ? { ...u, ...i } : u;
+    const [f, ...y] = s;
+    if (y.length === 0)
+      return {
+        ...u,
+        [f]: i
+      };
+    const c = u[f], A = typeof c == "object" && c !== null && !Array.isArray(c) ? c : {};
+    return {
+      ...u,
+      [f]: o(A, y, i)
+    };
+  }
+  return o(e, r, n);
+}
+function b(e, t, n) {
+  if (!t || t === "/")
+    return { ...e, ...n };
+  const r = l(e, t), u = { ...typeof r == "object" && r !== null && !Array.isArray(r) ? r : {}, ...n };
+  return g(e, t, u);
+}
+export {
+  l as getValueByPath,
+  b as mergeAtPath,
+  g as setValueByPath
+};

package/dist/0.8/utils/pathUtils.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * pathUtils Tests
+ *
+ * Tests for path utility functions used in A2UI data model operations.
+ */
+export {};

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

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "secondary" | "destructive" | "link" | "default" | "outline" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,53 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Root as a } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as s } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as d } from "../../lib/utils.js";
+const u = s(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function b({
+  className: t,
+  variant: e = "default",
+  size: r = "default",
+  asChild: i = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ o(
+    i ? a : "button",
+    {
+      "data-slot": "button",
+      "data-variant": e,
+      "data-size": r,
+      className: d(u({ variant: e, size: r, className: t })),
+      ...n
+    }
+  );
+}
+export {
+  b as Button,
+  u as buttonVariants
+};

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

@@ -0,0 +1,8 @@
+import { DayPicker, DayButton } from 'react-day-picker';
+import { Button } from './button';
+import * as React from 'react';
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/components/ui/calendar.js

@@ -0,0 +1,176 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as m from "react";
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as f, Button as b } from "./button.js";
+import { getDefaultClassNames as p } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
+import { DayPicker as h } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
+import w from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import _ from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+function B({
+  className: c,
+  classNames: i,
+  showOutsideDays: r = !0,
+  captionLayout: l = "label",
+  buttonVariant: s = "ghost",
+  formatters: u,
+  components: x,
+  ...g
+}) {
+  const t = p();
+  return /* @__PURE__ */ n(
+    h,
+    {
+      showOutsideDays: r,
+      className: e(
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        c
+      ),
+      captionLayout: l,
+      formatters: {
+        formatMonthDropdown: (a) => a.toLocaleString("default", { month: "short" }),
+        ...u
+      },
+      classNames: {
+        root: e("w-fit", t.root),
+        months: e(
+          "flex gap-4 flex-col md:flex-row relative",
+          t.months
+        ),
+        month: e("flex flex-col w-full gap-4", t.month),
+        nav: e(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          t.nav
+        ),
+        button_previous: e(
+          f({ variant: s }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          t.button_previous
+        ),
+        button_next: e(
+          f({ variant: s }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          t.button_next
+        ),
+        month_caption: e(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          t.month_caption
+        ),
+        dropdowns: e(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          t.dropdowns
+        ),
+        dropdown_root: e(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          t.dropdown_root
+        ),
+        dropdown: e(
+          "absolute bg-popover inset-0 opacity-0",
+          t.dropdown
+        ),
+        caption_label: e(
+          "select-none font-medium",
+          l === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          t.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: e("flex", t.weekdays),
+        weekday: e(
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+          t.weekday
+        ),
+        week: e("flex w-full mt-2", t.week),
+        week_number_header: e(
+          "select-none w-(--cell-size)",
+          t.week_number_header
+        ),
+        week_number: e(
+          "text-[0.8rem] select-none text-muted-foreground",
+          t.week_number
+        ),
+        day: e(
+          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          g.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          t.day
+        ),
+        range_start: e(
+          "rounded-l-md bg-accent",
+          t.range_start
+        ),
+        range_middle: e("rounded-none", t.range_middle),
+        range_end: e("rounded-r-md bg-accent", t.range_end),
+        today: e(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          t.today
+        ),
+        outside: e(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          t.outside
+        ),
+        disabled: e(
+          "text-muted-foreground opacity-50",
+          t.disabled
+        ),
+        hidden: e("invisible", t.hidden),
+        ...i
+      },
+      components: {
+        Root: ({ className: a, rootRef: d, ...o }) => /* @__PURE__ */ n(
+          "div",
+          {
+            "data-slot": "calendar",
+            ref: d,
+            className: e(a),
+            ...o
+          }
+        ),
+        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(w, { className: e("size-4", a), ...o }) : d === "right" ? /* @__PURE__ */ n(
+          _,
+          {
+            className: e("size-4", a),
+            ...o
+          }
+        ) : /* @__PURE__ */ n(y, { className: e("size-4", a), ...o }),
+        DayButton: v,
+        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
+        ...x
+      },
+      ...g
+    }
+  );
+}
+function v({
+  className: c,
+  day: i,
+  modifiers: r,
+  ...l
+}) {
+  const s = p(), u = m.useRef(null);
+  return m.useEffect(() => {
+    r.focused && u.current?.focus();
+  }, [r.focused]), /* @__PURE__ */ n(
+    b,
+    {
+      ref: u,
+      variant: "ghost",
+      size: "icon",
+      "data-day": i.date.toLocaleDateString(),
+      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+      "data-range-start": r.range_start,
+      "data-range-end": r.range_end,
+      "data-range-middle": r.range_middle,
+      className: e(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        s.day,
+        c
+      ),
+      ...l
+    }
+  );
+}
+export {
+  B as Calendar,
+  v as CalendarDayButton
+};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/components/ui/card.js

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as a } from "../../lib/utils.js";
+function n({ className: r, ...o }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card",
+      className: a(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        r
+      ),
+      ...o
+    }
+  );
+}
+function c({ className: r, ...o }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: a("px-6", r),
+      ...o
+    }
+  );
+}
+export {
+  n as Card,
+  c as CardContent
+};

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/dist/components/ui/checkbox.js

@@ -0,0 +1,31 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Checkbox as a, CheckboxIndicator as t } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { cn as o } from "../../lib/utils.js";
+import d from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+function l({
+  className: e,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    a,
+    {
+      "data-slot": "checkbox",
+      className: o(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...i,
+      children: /* @__PURE__ */ r(
+        t,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ r(d, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+export {
+  l as Checkbox
+};

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };