@epilot/volt-ui 1.1.1 → 1.1.2-alpha.2

package/dist/index.es10.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as s } from "./index.es4.js";
+import { useFieldContext as d } from "./index.es7.js";
+const v = n(
+  ({ className: a, resize: l = "none", ...o }, e) => {
+    const { inputRef: r } = d();
+    return /* @__PURE__ */ i(
+      "textarea",
+      {
+        ref: (t) => {
+          r.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+        },
+        "data-readonly": o.readOnly,
+        "data-slot": "field-textarea",
+        "data-resize": l,
+        className: s(
+          "volt-group/field-textarea volt-w-full volt-outline-none volt-text-sm volt-text-gray-default volt-focus-visible:outline-none volt-data-[resize=none]:resize-none volt-data-[resize=vertical]:resize-vertical volt-data-[resize=horizontal]:resize-horizontal volt-placeholder:text-gray-a8 volt-disabled:cursor-not-allowed",
+          a
+        ),
+        ...o
+      }
+    );
+  }
+);
+v.displayName = "FieldTextarea";
+export {
+  v as FieldTextarea
+};

package/dist/index.es100.js

@@ -0,0 +1,68 @@
+var N = function(r) {
+  return r.tagName === "TEXTAREA";
+}, b = function(r, e) {
+  if (!(r instanceof Element))
+    return !1;
+  var t = window.getComputedStyle(r);
+  return (
+    // not-not-scrollable
+    t[e] !== "hidden" && // contains scroll inside self
+    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
+  );
+}, D = function(r) {
+  return b(r, "overflowY");
+}, E = function(r) {
+  return b(r, "overflowX");
+}, T = function(r, e) {
+  var t = e.ownerDocument, l = e;
+  do {
+    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
+    var f = g(r, l);
+    if (f) {
+      var n = m(r, l), i = n[1], o = n[2];
+      if (i > o)
+        return !0;
+    }
+    l = l.parentNode;
+  } while (l && l !== t.body);
+  return !1;
+}, H = function(r) {
+  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
+  return [
+    e,
+    t,
+    l
+  ];
+}, p = function(r) {
+  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
+  return [
+    e,
+    t,
+    l
+  ];
+}, g = function(r, e) {
+  return r === "v" ? D(e) : E(e);
+}, m = function(r, e) {
+  return r === "v" ? H(e) : p(e);
+}, B = function(r, e) {
+  return r === "h" && e === "rtl" ? -1 : 1;
+}, V = function(r, e, t, l, f) {
+  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
+  do {
+    if (!o)
+      break;
+    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
+    (v || w) && g(r, o) && (h += w, S += v);
+    var a = o.parentNode;
+    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
+  } while (
+    // portaled content
+    !d && o !== document.body || // self content
+    d && (e.contains(o) || e === o)
+  );
+  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
+};
+export {
+  V as handleScroll,
+  T as locationCouldBeScrolled
+};

package/dist/index.es101.js

@@ -0,0 +1,6 @@
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
+export {
+  i as assignRef
+};

package/dist/index.es102.js

@@ -0,0 +1,25 @@
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
+export {
+  n as useCallbackRef
+};

package/dist/index.es103.js

@@ -0,0 +1,25 @@
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window > "u")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
+  };
+};
+export {
+  f as getGapWidth,
+  a as zeroGap
+};

package/dist/index.es104.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import { stylesheetSingleton as r } from "./index.es105.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
+  };
+};
+export {
+  i as styleHookSingleton
+};

package/dist/index.es105.js

@@ -0,0 +1,30 @@
+import { getNonce as o } from "./index.es106.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
+};
+export {
+  c as stylesheetSingleton
+};

package/dist/index.es106.js

@@ -0,0 +1,7 @@
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+export {
+  e as getNonce
+};

package/dist/index.es11.js

@@ -0,0 +1,250 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as a } from "./index.es4.js";
+import { CommandGroup as c, Command as m, CommandItem as p, CommandEmpty as u, CommandSeparator as b, CommandInput as x, CommandList as g, CommandLoading as f } from "./index.es33.js";
+import { PopoverTrigger as h, Popover as w, PopoverContent as y } from "./index.es18.js";
+import { useFieldContext as C } from "./index.es7.js";
+import { Label as N } from "./index.es13.js";
+import { buttonVariants as q } from "./index.es5.js";
+const F = (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" })
+  }
+), 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: "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" })
+  }
+), v = (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(w, { "data-slot": "combobox", ...t }), G = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  c,
+  {
+    "data-slot": "combobox-group",
+    className: a("volt-p-0!", t),
+    ...o
+  }
+), R = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  N,
+  {
+    "data-slot": "combobox-group-label",
+    className: a("volt-text-gray volt-font-semibold volt-px-2 volt-py-2 volt-text-xs", t),
+    ...o
+  }
+), V = ({
+  className: t,
+  children: o,
+  ...r
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "combobox-value",
+    className: a(
+      "volt-text-gray-default volt-w-full volt-text-left volt-flex-wrap volt-flex volt-gap-2 volt-relative",
+      t
+    ),
+    ...r,
+    children: o
+  }
+), Z = d.forwardRef(({ className: t, children: o, ...r }, l) => {
+  const { inputRef: n } = C();
+  return /* @__PURE__ */ i(
+    h,
+    {
+      ref: (s) => {
+        n && (n.current = s), typeof l == "function" ? l(s) : l && (l.current = s);
+      },
+      "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(I, { className: "volt-transition-all volt-size-6 volt-group-data-[state=open]:rotate-180 volt-text-gray-light" })
+      ]
+    }
+  );
+}), E = ({
+  className: t,
+  children: o,
+  ...r
+}) => /* @__PURE__ */ e(
+  y,
+  {
+    "data-slot": "combobox-content",
+    className: a(
+      "volt-bg-body volt-p-0! volt-gap-1 volt-text-gray-default volt-data-[selected=open]:animate-in volt-data-[selected=closed]:animate-out volt-data-[selected=closed]:fade-out-0 volt-data-[selected=open]:fade-in-0 volt-data-[selected=closed]:zoom-out-95 volt-data-[selected=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-w-(--radix-popover-trigger-width) volt-max-h-(--radix-popper-available-height)",
+      t
+    ),
+    ...r,
+    children: /* @__PURE__ */ e(m, { "data-slot": "combobox-command", className: "volt-w-full volt-rounded-none", children: o })
+  }
+), M = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  x,
+  {
+    "data-slot": "combobox-command-input",
+    className: a("volt-w-full volt-placeholder:text-gray-a8", t),
+    ...o
+  }
+), S = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  g,
+  {
+    "data-slot": "combobox-command-list",
+    className: a("volt-p-2", t),
+    ...o
+  }
+), X = ({
+  className: t,
+  children: o,
+  ...r
+}) => /* @__PURE__ */ e(
+  p,
+  {
+    "data-slot": "combobox-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-default 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=true]:pointer-events-none volt-data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 volt-*:[span]:last:flex volt-*:[span]:last:items-center volt-*:[span]:last:gap-2",
+      "volt-hover:bg-accent-a3 volt-focus:bg-accent-a3 volt-data-[selected=true]:bg-accent-a3",
+      t
+    ),
+    ...r,
+    children: o
+  }
+), A = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  u,
+  {
+    "data-slot": "volt-combobox-empty",
+    className: a("volt-py-6 volt-text-center volt-text-gray-default volt-text-sm", t),
+    ...o
+  }
+), H = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  b,
+  {
+    "data-slot": "volt-select-separator",
+    className: a(
+      "volt-bg-gray-soft volt-pointer-events-none volt--mx-1 volt-my-2 volt-h-px",
+      t
+    ),
+    ...o
+  }
+), J = ({
+  className: t
+}) => /* @__PURE__ */ e("span", { className: "volt-absolute volt-right-2 volt-flex volt-size-4 volt-items-center volt-justify-center", children: /* @__PURE__ */ e(F, { className: a("volt-size-4 volt-text-gray-default", t) }) }), K = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e(
+  f,
+  {
+    "data-slot": "volt-combobox-command-loading",
+    className: a("volt-text-gray-light volt-px-3 volt-py-2", t),
+    ...o
+  }
+), O = ({
+  className: t,
+  onClick: o,
+  ...r
+}) => /* @__PURE__ */ e(
+  "span",
+  {
+    className: a(
+      "volt-p-0.5! volt-min-h-auto volt-absolute volt-right-11 volt-cursor-pointer",
+      q({ 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(v, { className: "volt-text-accent-solid volt-size-5" })
+  }
+), Q = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e("span", { className: a("volt-text-gray-a8", t), ...o }), U = ({
+  className: t,
+  onClick: o,
+  ...r
+}) => /* @__PURE__ */ e(
+  "span",
+  {
+    role: "button",
+    tabIndex: 0,
+    className: a(
+      "volt-cursor-pointer volt-hover:opacity-70 volt-text-current volt-rounded-full volt-focus-visible:outline-2 volt-focus-visible:outline-offset-1 volt-focus-visible:outline-accent-a8",
+      t
+    ),
+    onPointerDown: (l) => {
+      l.preventDefault(), l.stopPropagation();
+    },
+    onClick: (l) => {
+      l.preventDefault(), l.stopPropagation(), o == null || o(l);
+    },
+    ...r,
+    children: /* @__PURE__ */ e(v, { className: "volt-size-4 volt-text-current" })
+  }
+);
+export {
+  B as FieldCombobox,
+  O as FieldComboboxClear,
+  U as FieldComboboxClearValue,
+  E as FieldComboboxContent,
+  A as FieldComboboxEmpty,
+  G as FieldComboboxGroup,
+  R as FieldComboboxGroupLabel,
+  M as FieldComboboxInput,
+  X as FieldComboboxItem,
+  J as FieldComboboxItemCheckIcon,
+  S as FieldComboboxList,
+  K as FieldComboboxLoading,
+  Q as FieldComboboxPlaceholder,
+  H as FieldComboboxSeparator,
+  Z as FieldComboboxTrigger,
+  V as FieldComboboxValue
+};

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.es34.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
+};