@epilot/volt-ui 1.1.2-alpha.5 → 1.1.2-alpha.7

package/dist/index.es12.js

@@ -0,0 +1,230 @@
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { Trigger as d, Icon as p, Root as g, Portal as u, Content as m, Viewport as h, Group as x, Item as f, ItemIndicator as w, ItemText as b, Label as y, ScrollDownButton as q, ScrollUpButton as S, Separator as N, Value as C } from "./index.es35.js";
+import { cn as a } from "./index.es4.js";
+import { useFieldContext as I } from "./index.es7.js";
+import { buttonVariants as z } from "./index.es5.js";
+const T = (t) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 -960 960 960",
+    width: "24px",
+    fill: "currentColor",
+    ...t,
+    children: /* @__PURE__ */ e("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" })
+  }
+), B = (t) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 -960 960 960",
+    width: "24px",
+    fill: "currentColor",
+    ...t,
+    children: /* @__PURE__ */ e("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
+  }
+), L = (t) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 -960 960 960",
+    width: "24px",
+    fill: "currentColor",
+    ...t,
+    children: /* @__PURE__ */ e("path", { d: "M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z" })
+  }
+), i = (t) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 -960 960 960",
+    width: "24px",
+    fill: "currentColor",
+    ...t,
+    children: /* @__PURE__ */ e("path", { d: "M480-528 324-372q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-528Z" })
+  }
+), G = ({
+  ...t
+}) => /* @__PURE__ */ e(g, { "data-slot": "select", ...t }), k = ({
+  ...t
+}) => /* @__PURE__ */ e(x, { "data-slot": "select-group", ...t }), F = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  C,
+  {
+    "data-slot": "select-value",
+    className: a(t),
+    ...o
+  }
+), j = c.forwardRef(({ className: t, children: o, ...r }, l) => {
+  const { inputRef: s } = I();
+  return /* @__PURE__ */ v(
+    d,
+    {
+      ref: (n) => {
+        s && (s.current = n), typeof l == "function" ? l(n) : l && (l.current = n);
+      },
+      "data-slot": "select-trigger",
+      className: a(
+        "volt-group volt-data-placeholder:text-gray-a8 volt-w-full volt-flex volt-items-center volt-justify-between volt-gap-2 volt-rounded-lg volt-bg-transparent volt-text-sm volt-whitespace-nowrap volt-transition-[color,box-shadow] volt-outline-none volt-disabled:cursor-not-allowed volt-disabled:opacity-50 volt-*:data-[slot=select-value]:line-clamp-1 volt-*:data-[slot=select-value]:flex volt-*:data-[slot=select-value]:items-center volt-*:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        t
+      ),
+      ...r,
+      children: [
+        o,
+        /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(L, { className: "volt-transition-all volt-size-6 volt-group-data-[state=open]:rotate-180 volt-text-gray-light" }) })
+      ]
+    }
+  );
+});
+j.displayName = "SelectTrigger";
+const D = ({
+  className: t,
+  onClick: o,
+  ...r
+}) => /* @__PURE__ */ e(
+  "span",
+  {
+    className: a(
+      "volt-p-0.5! volt-min-h-auto volt-absolute volt-right-11",
+      z({ variant: "tertiary" }),
+      t
+    ),
+    role: "button",
+    tabIndex: 0,
+    onPointerDown: (l) => {
+      l.preventDefault(), l.stopPropagation();
+    },
+    onClick: (l) => {
+      l.preventDefault(), l.stopPropagation(), o == null || o(l);
+    },
+    ...r,
+    children: /* @__PURE__ */ e(T, { className: "volt-text-accent-solid volt-size-5" })
+  }
+);
+D.displayName = "SelectTriggerClear";
+const X = ({
+  className: t,
+  children: o,
+  position: r = "popper",
+  align: l = "center",
+  ...s
+}) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ v(
+  m,
+  {
+    "data-slot": "select-content",
+    className: a(
+      "volt-bg-body volt-p-2 volt-gap-1 volt-text-gray-default volt-data-[state=open]:animate-in volt-data-[state=closed]:animate-out volt-data-[state=closed]:fade-out-0 volt-data-[state=open]:fade-in-0 volt-data-[state=closed]:zoom-out-95 volt-data-[state=open]:zoom-in-95 volt-data-[side=bottom]:slide-in-from-top-2 volt-data-[side=left]:slide-in-from-right-2 volt-data-[side=right]:slide-in-from-left-2 volt-data-[side=top]:slide-in-from-bottom-2 volt-relative volt-z-50 volt-origin-(--radix-select-content-transform-origin) volt-overflow-x-hidden volt-overflow-y-auto volt-rounded-2xl volt-border volt-border-transparent volt-shadow-md",
+      "volt-max-h-(--radix-popper-available-height)",
+      {
+        "volt-data-[side=bottom]:translate-y-1 volt-data-[side=left]:-translate-x-1 volt-data-[side=right]:translate-x-1 volt-data-[side=top]:-translate-y-1": r === "popper"
+      },
+      t
+    ),
+    position: r,
+    align: l,
+    ...s,
+    children: [
+      /* @__PURE__ */ e(R, {}),
+      /* @__PURE__ */ e(
+        h,
+        {
+          className: a({
+            "volt-h-(--radix-select-trigger-height) volt-w-full volt-min-w-(--radix-select-trigger-width) volt-scroll-my-1": r === "popper"
+          }),
+          children: o
+        }
+      ),
+      /* @__PURE__ */ e(_, {})
+    ]
+  }
+) }), A = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  y,
+  {
+    "data-slot": "select-label",
+    className: a("volt-text-gray volt-font-semibold volt-px-2 volt-py-1.5 volt-text-xs", t),
+    ...o
+  }
+), E = ({
+  className: t,
+  children: o,
+  ...r
+}) => /* @__PURE__ */ v(
+  f,
+  {
+    "data-slot": "select-item",
+    className: a(
+      "volt-pl-3 volt-py-1.5 volt-not-first:mt-0.5 volt-text-gray-default [&_svg:not([class*='volt-text-'])]:text-gray-light volt-relative volt-flex volt-w-full volt-cursor-default volt-items-center volt-gap-2 volt-rounded-md volt-pr-8 volt-text-sm volt-outline-none volt-select-none volt-data-disabled:pointer-events-none volt-data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 volt-*:[span]:last:flex volt-*:[span]:last:items-center volt-*:[span]:last:gap-2",
+      "volt-focus:bg-accent-a3 volt-data-[state=checked]:bg-accent-a3",
+      t
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ e("span", { className: "volt-absolute volt-right-2 volt-flex volt-size-4 volt-items-center volt-justify-center", children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(B, { className: "volt-size-4 volt-text-gray-light" }) }) }),
+      /* @__PURE__ */ e(b, { children: o })
+    ]
+  }
+), H = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  N,
+  {
+    "data-slot": "volt-select-separator",
+    className: a(
+      "volt-bg-gray-soft volt-pointer-events-none volt--mx-1 volt-my-1 volt-h-px",
+      t
+    ),
+    ...o
+  }
+), R = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  S,
+  {
+    "data-slot": "volt-select-scroll-up-button",
+    className: a(
+      "volt-flex volt-cursor-default volt-items-center volt-justify-center volt-pb-1",
+      t
+    ),
+    ...o,
+    children: /* @__PURE__ */ e(i, { className: "volt-size-6" })
+  }
+), _ = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  q,
+  {
+    "data-slot": "volt-select-scroll-down-button",
+    className: a(
+      "volt-flex volt-cursor-default volt-items-center volt-justify-center volt-pt-1",
+      t
+    ),
+    ...o,
+    children: /* @__PURE__ */ e(i, { className: "volt-size-6 volt-rotate-180" })
+  }
+);
+export {
+  G as Select,
+  X as SelectContent,
+  k as SelectGroup,
+  E as SelectItem,
+  A as SelectLabel,
+  _ as SelectScrollDownButton,
+  R as SelectScrollUpButton,
+  H as SelectSeparator,
+  j as SelectTrigger,
+  D as SelectTriggerClear,
+  F as SelectValue
+};

package/dist/index.es13.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Root as l } from "./index.es36.js";
+import { cn as s } from "./index.es4.js";
+import { cva as i } from "./index.es33.js";
+const n = i(
+  "volt-flex volt-items-center volt-gap-2 volt-leading-none volt-font-normal volt-group-data-[disabled=true]:pointer-events-none volt-group-data-[disabled=true]:opacity-50 volt-peer-disabled:cursor-not-allowed volt-peer-disabled:opacity-50 [[for]]:cursor-pointer",
+  {
+    variants: {
+      variant: {
+        primary: "volt-text-gray-default",
+        destructive: "volt-text-error-a12"
+      },
+      size: {
+        sm: "volt-text-xs",
+        base: "volt-text-sm",
+        lg: "volt-text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "base"
+    }
+  }
+), c = ({ variant: t, size: o, className: e, ...a }) => /* @__PURE__ */ r(
+  l,
+  {
+    "data-slot": "label",
+    className: s(n({ variant: t, size: o, className: e })),
+    ...a
+  }
+);
+export {
+  c as Label
+};

package/dist/index.es14.js

@@ -0,0 +1,43 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { Root as e } from "./index.es32.js";
+import { cn as v } from "./index.es4.js";
+import { cva as m } from "./index.es33.js";
+const x = m("", {
+  variants: {
+    variant: {
+      // Title variants
+      title3: "volt-text-3xl volt-tracking-tighter volt-font-bold",
+      title2: "volt-text-2xl volt-tracking-tight volt-font-bold",
+      title1: "volt-text-xl volt-tracking-tight volt-font-bold",
+      // Heading variants
+      heading3: "volt-text-lg volt-tracking-tight volt-font-bold",
+      heading2: "volt-text-base volt-tracking-normal volt-font-bold",
+      heading1: "volt-text-sm volt-tracking-normal volt-font-bold",
+      // Body variants
+      body2: "volt-text-sm volt-tracking-normal volt-inline-block",
+      body1: "volt-text-xs volt-tracking-normal volt-inline-block",
+      // Helper variants
+      helper2: "volt-text-sm volt-text-gray-light volt-tracking-normal volt-inline-block",
+      helper1: "volt-text-xs volt-text-gray-light volt-tracking-normal volt-inline-block"
+    }
+  },
+  defaultVariants: {
+    variant: "body2"
+  }
+}), g = r(
+  ({ variant: t, asChild: o = !1, className: l, ...a }, n) => /* @__PURE__ */ i(
+    o ? e : "span",
+    {
+      "data-slot": "text",
+      className: v(x({ variant: t, className: l })),
+      ref: n,
+      ...a
+    }
+  )
+);
+g.displayName = "Text";
+export {
+  g as Text,
+  x as textVariants
+};

package/dist/index.es15.js

@@ -0,0 +1,43 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { Root as i, Trigger as s, Content as n, Arrow as d, Provider as v } from "./index.es37.js";
+import { cn as m } from "./index.es4.js";
+const f = ({
+  delayDuration: t = 0,
+  ...l
+}) => /* @__PURE__ */ o(
+  v,
+  {
+    delayDuration: t,
+    "data-slot": "tooltip-provider",
+    ...l
+  }
+), u = ({
+  ...t
+}) => /* @__PURE__ */ o(i, { "data-slot": "tooltip", ...t }), x = ({
+  ...t
+}) => /* @__PURE__ */ o(s, { "data-slot": "tooltip-trigger", ...t }), T = ({
+  className: t,
+  hideArrow: l = !1,
+  children: a,
+  ...e
+}) => /* @__PURE__ */ r(
+  n,
+  {
+    "data-slot": "tooltip-content",
+    className: m(
+      "volt-bg-gray-12 volt-text-gray-1 volt-animate-in volt-fade-in-0 volt-zoom-in-95 volt-data-[state=closed]:animate-out volt-data-[state=closed]:duration-0 volt-data-[state=closed]:fade-out-0 volt-data-[state=closed]:zoom-out-95 volt-data-[side=bottom]:slide-in-from-top-1 volt-data-[side=left]:slide-in-from-right-1 volt-data-[side=right]:slide-in-from-left-1 volt-data-[side=top]:slide-in-from-bottom-1 volt-z-50 volt-w-fit volt-origin-(--radix-tooltip-content-transform-origin) volt-rounded-lg volt-p-2 volt-text-xs volt-text-balance",
+      t
+    ),
+    ...e,
+    children: [
+      a,
+      !l && /* @__PURE__ */ o(d, { className: "volt-relative volt-bg-gray-12 volt-fill-gray-12 volt-z-50 volt-size-2.5 volt-translate-y-[calc(-50%-2px)] volt-rotate-45 volt-rounded-[2px]" })
+    ]
+  }
+);
+export {
+  u as Tooltip,
+  T as TooltipContent,
+  f as TooltipProvider,
+  x as TooltipTrigger
+};

package/dist/index.es16.js

@@ -0,0 +1,115 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Root as c, Thumb as v } from "./index.es38.js";
+import { cn as r } from "./index.es4.js";
+import { cva as s } from "./index.es33.js";
+const d = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    "data-slot": "switch-thumb-icon-checked",
+    role: "presentation",
+    className: "volt-absolute pointer-events-none volt-inset-0 volt-text-current volt-m-auto volt-hidden volt-group-data-[state=checked]/switch-thumb:inline-block",
+    viewBox: "0 0 1 6",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ t("rect", { width: "1", height: "6", fill: "currentColor" })
+  }
+), h = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    "data-slot": "switch-thumb-icon-unchecked",
+    role: "presentation",
+    className: "volt-absolute pointer-events-none volt-inset-0 volt-hidden volt-text-current volt-m-auto volt-group-data-[state=unchecked]/switch-thumb:inline-block",
+    viewBox: "0 0 4 6",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ t("rect", { x: "0.5", y: "0.5", width: "3", height: "5", rx: "1.5", stroke: "currentColor" })
+  }
+), u = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    "data-slot": "switch-thumb-icon-disabled",
+    className: "volt-absolute pointer-events-none volt-inset-0 volt-inline-block volt-text-current volt-m-auto",
+    viewBox: "0 0 4 5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M0 5V1.875H0.666667V1.25C0.666667 0.90625 0.797223 0.611979 1.05833 0.367188C1.31944 0.122396 1.63333 0 2 0C2.36667 0 2.68056 0.122396 2.94167 0.367188C3.20278 0.611979 3.33333 0.90625 3.33333 1.25V1.875H4V5H0ZM1.33333 1.875H2.66667V1.25C2.66667 1.07292 2.60278 0.924479 2.475 0.804687C2.34722 0.684896 2.18889 0.625 2 0.625C1.81111 0.625 1.65278 0.684896 1.525 0.804687C1.39722 0.924479 1.33333 1.07292 1.33333 1.25V1.875Z",
+        fill: "currentColor"
+      }
+    )
+  }
+), b = s(
+  "volt-peer volt-cursor-pointer volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-inline-flex volt-shrink-0 volt-items-center volt-rounded-full volt-border volt-border-transparent volt-shadow-xs volt-transition-all volt-disabled:pointer-events-none volt-disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "volt-data-[state=checked]:bg-accent-solid volt-data-[state=unchecked]:bg-gray-a4 volt-focus-visible:outline-accent-a8 volt-text-gray-a8",
+        destructive: "volt-data-[state=checked]:bg-error-solid volt-data-[state=unchecked]:bg-error-a4 volt-focus-visible:outline-error-a8 volt-text-error-a8"
+      },
+      size: {
+        sm: "volt-h-4 volt-w-6.5 [&_svg]:w-1 [&_svg]:h-1.5",
+        base: "volt-h-5 volt-w-8.5 [&_svg]:w-1.75 [&_svg]:h-2",
+        lg: "volt-h-6 volt-w-10.5 [&_svg]:w-2 [&_svg]:h-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "base"
+    }
+  }
+), g = s(
+  "volt-group volt-pointer-events-none volt-block volt-rounded-full volt-ring-0 volt-data-[state=checked]:translate-x-[calc(100%-1px)] volt-transition-transform volt-data-[state=unchecked]:translate-x-px",
+  {
+    variants: {
+      variant: {
+        primary: "volt-bg-gray-contrast volt-border volt-border-gray-a7 volt-text-gray-a8 volt-data-[state=checked]:border-accent-a11 volt-data-[state=checked]:text-accent-a11 volt-data-[state=unchecked]:text-gray-a8",
+        destructive: "volt-bg-error-contrast volt-border volt-border-error-a6 volt-text-error-a8 volt-data-[state=checked]:border-error-a11 volt-data-[state=checked]:text-error-a11 volt-data-[state=unchecked]:text-error-a8"
+      },
+      size: {
+        sm: "volt-size-3 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1",
+        base: "volt-size-4 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1.5",
+        lg: "volt-size-5 [&_svg[data-slot='switch-thumb-icon-disabled']]:w-1.75"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "base"
+    }
+  }
+);
+function p({
+  variant: a,
+  size: l,
+  className: i,
+  showThumbIcon: o = !1,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    c,
+    {
+      "data-slot": "switch",
+      className: r(b({ variant: a, size: l, className: i })),
+      ...e,
+      children: /* @__PURE__ */ n(
+        v,
+        {
+          "data-slot": "switch-thumb",
+          className: r(
+            "volt-group/switch-thumb volt-relative volt-text-gray-a8 volt-data-[state=checked]:text-accent-a11",
+            g({ variant: a, size: l })
+          ),
+          children: [
+            o && !e.disabled && /* @__PURE__ */ t(d, {}),
+            o && !e.disabled && /* @__PURE__ */ t(h, {}),
+            o && e.disabled && /* @__PURE__ */ t(u, {})
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  p as Switch
+};

package/dist/index.es17.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Root as l } from "./index.es39.js";
+import { cn as n } from "./index.es4.js";
+const m = ({
+  className: t,
+  orientation: o = "horizontal",
+  decorative: a = !0,
+  ...r
+}) => /* @__PURE__ */ i(
+  l,
+  {
+    "data-slot": "separator",
+    decorative: a,
+    orientation: o,
+    className: n(
+      "volt-bg-gray-a5 volt-shrink-0 volt-data-[orientation=horizontal]:h-px volt-data-[orientation=horizontal]:w-full volt-data-[orientation=vertical]:h-full volt-data-[orientation=vertical]:w-px",
+      t
+    ),
+    ...r
+  }
+);
+export {
+  m as Separator
+};

package/dist/index.es18.js

@@ -0,0 +1,36 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Trigger as n, Root as l, Content as d, Anchor as s, Portal as i } from "./index.es40.js";
+import { cn as v } from "./index.es4.js";
+const f = ({
+  ...o
+}) => /* @__PURE__ */ t(i, { "data-slot": "popover-portal", ...o }), g = ({
+  ...o
+}) => /* @__PURE__ */ t(l, { "data-slot": "popover", ...o }), u = ({
+  ...o
+}) => /* @__PURE__ */ t(n, { "data-slot": "popover-trigger", ...o }), h = ({
+  className: o,
+  align: e = "center",
+  sideOffset: r = 4,
+  ...a
+}) => /* @__PURE__ */ t(
+  d,
+  {
+    "data-slot": "popover-content",
+    align: e,
+    sideOffset: r,
+    className: v(
+      "volt-bg-body volt-text-gray-default volt-data-[state=open]:animate-in volt-data-[state=closed]:animate-out volt-data-[state=closed]:fade-out-0 volt-data-[state=open]:fade-in-0 volt-data-[state=closed]:zoom-out-95 volt-data-[state=open]:zoom-in-95 volt-data-[side=bottom]:slide-in-from-top-2 volt-data-[side=left]:slide-in-from-right-2 volt-data-[side=right]:slide-in-from-left-2 volt-data-[side=top]:slide-in-from-bottom-2 volt-z-50 volt-origin-(--radix-popover-content-transform-origin) volt-rounded-xl volt-border volt-border-gray-a1 volt-p-6 volt-shadow-md volt-outline-hidden",
+      o
+    ),
+    ...a
+  }
+), P = ({
+  ...o
+}) => /* @__PURE__ */ t(s, { "data-slot": "popover-anchor", ...o });
+export {
+  g as Popover,
+  P as PopoverAnchor,
+  h as PopoverContent,
+  f as PopoverPortal,
+  u as PopoverTrigger
+};

package/dist/index.es19.js

@@ -0,0 +1,137 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Root as r, Close as v, Content as d, Description as c, Overlay as g, Portal as m, Title as u, Trigger as x } from "./index.es41.js";
+import { cn as e } from "./index.es4.js";
+const f = (t) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 -960 960 960",
+    width: "24px",
+    fill: "currentColor",
+    ...t,
+    children: /* @__PURE__ */ o("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" })
+  }
+), y = ({
+  ...t
+}) => /* @__PURE__ */ o(r, { "data-slot": "dialog", ...t }), N = ({
+  ...t
+}) => /* @__PURE__ */ o(x, { "data-slot": "dialog-trigger", ...t }), p = ({
+  ...t
+}) => /* @__PURE__ */ o(m, { "data-slot": "dialog-portal", ...t }), q = ({
+  className: t,
+  ...l
+}) => /* @__PURE__ */ o(
+  v,
+  {
+    "data-slot": "dialog-close",
+    className: e(
+      "volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-focus-visible:outline-accent-a8",
+      t
+    ),
+    ...l
+  }
+), w = ({
+  className: t,
+  ...l
+}) => /* @__PURE__ */ o(
+  g,
+  {
+    "data-slot": "dialog-overlay",
+    className: e(
+      "volt-data-[state=open]:animate-in volt-data-[state=closed]:animate-out volt-data-[state=closed]:fade-out-0 volt-data-[state=open]:fade-in-0 volt-fixed volt-inset-0 volt-z-50 volt-bg-black/50",
+      t
+    ),
+    ...l
+  }
+), C = ({
+  className: t,
+  children: l,
+  showCloseButton: i = !0,
+  size: a = "lg",
+  ...n
+}) => /* @__PURE__ */ s(p, { "data-slot": "dialog-portal", children: [
+  /* @__PURE__ */ o(w, {}),
+  /* @__PURE__ */ s(
+    d,
+    {
+      "data-slot": "dialog-content",
+      className: e(
+        "volt-bg-body volt-data-[state=open]:animate-in volt-data-[state=closed]:animate-out volt-data-[state=closed]:fade-out-0 volt-data-[state=open]:fade-in-0 volt-data-[state=closed]:zoom-out-95 volt-data-[state=open]:zoom-in-95 volt-fixed volt-top-[50%] volt-left-[50%] volt-z-50 volt-grid volt-w-full volt-max-w-[calc(100%-2rem)] volt-translate-x-[-50%] volt-translate-y-[-50%] volt-gap-6 volt-rounded-xl volt-border volt-border-gray-a1 volt-p-6 volt-shadow-lg",
+        {
+          "volt-sm:max-w-sm": a === "sm",
+          "volt-sm:max-w-md": a === "md",
+          "volt-sm:max-w-lg": a === "lg",
+          "volt-sm:max-w-xl": a === "xl",
+          "volt-sm:max-w-2xl": a === "2xl",
+          "volt-sm:max-w-3xl": a === "3xl",
+          "volt-sm:max-w-4xl": a === "4xl",
+          "volt-sm:max-w-5xl": a === "5xl",
+          "volt-w-full": a === "volt-full-width"
+        },
+        t
+      ),
+      ...n,
+      children: [
+        l,
+        i && /* @__PURE__ */ s(
+          v,
+          {
+            "data-slot": "dialog-close",
+            className: "volt-absolute volt-top-4 volt-right-4 volt-rounded-full volt-cursor-pointer volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-focus-visible:outline-accent-a8 volt-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='volt-size-'])]:size-4",
+            children: [
+              /* @__PURE__ */ o(f, { className: "volt-text-accent-a11" }),
+              /* @__PURE__ */ o("span", { className: "volt-sr-only", children: "Close" })
+            ]
+          }
+        )
+      ]
+    }
+  )
+] }), T = ({ className: t, ...l }) => /* @__PURE__ */ o(
+  "div",
+  {
+    "data-slot": "volt-dialog-header",
+    className: e("volt-flex volt-flex-col volt-gap-2 volt-text-left", t),
+    ...l
+  }
+), j = ({ className: t, ...l }) => /* @__PURE__ */ o(
+  "div",
+  {
+    "data-slot": "volt-dialog-footer",
+    className: e("volt-flex volt-gap-2 volt-justify-end", t),
+    ...l
+  }
+), _ = ({
+  className: t,
+  ...l
+}) => /* @__PURE__ */ o(
+  u,
+  {
+    "data-slot": "volt-dialog-title",
+    className: e("volt-text-lg volt-font-semibold volt-text-gray-default", t),
+    ...l
+  }
+), k = ({
+  className: t,
+  ...l
+}) => /* @__PURE__ */ o(
+  c,
+  {
+    "data-slot": "volt-dialog-description",
+    className: e("volt-text-gray-light volt-text-sm", t),
+    ...l
+  }
+);
+export {
+  y as Dialog,
+  q as DialogClose,
+  C as DialogContent,
+  k as DialogDescription,
+  j as DialogFooter,
+  T as DialogHeader,
+  w as DialogOverlay,
+  p as DialogPortal,
+  _ as DialogTitle,
+  N as DialogTrigger
+};