@sesamehr/react-design-system 3.9.0 → 3.10.1

package/dist/Forms/Inputs/RichTextEditor/commands.js

@@ -0,0 +1,85 @@
+import { IconBold as o } from "@sesame/orxata-icons/IconBold";
+import { IconCode as a } from "@sesame/orxata-icons/IconCode";
+import { IconH1 as t } from "@sesame/orxata-icons/IconH1";
+import { IconH2 as l } from "@sesame/orxata-icons/IconH2";
+import { IconH3 as i } from "@sesame/orxata-icons/IconH3";
+import { IconItalic as r } from "@sesame/orxata-icons/IconItalic";
+import { IconList as c } from "@sesame/orxata-icons/IconList";
+import { IconListNumbers as n } from "@sesame/orxata-icons/IconListNumbers";
+import { IconQuotes as m } from "@sesame/orxata-icons/IconQuotes";
+import { IconStrikethrough as d } from "@sesame/orxata-icons/IconStrikethrough";
+import { IconUnderline as g } from "@sesame/orxata-icons/IconUnderline";
+const p = {
+  bold: {
+    icon: o,
+    label: "orxata.richText.bold",
+    schema: { name: "bold" },
+    apply: (e) => e.toggleBold()
+  },
+  italic: {
+    icon: r,
+    label: "orxata.richText.italic",
+    schema: { name: "italic" },
+    apply: (e) => e.toggleItalic()
+  },
+  underline: {
+    icon: g,
+    label: "orxata.richText.underline",
+    schema: { name: "underline" },
+    apply: (e) => e.toggleUnderline()
+  },
+  strike: {
+    icon: d,
+    label: "orxata.richText.strike",
+    schema: { name: "strike" },
+    apply: (e) => e.toggleStrike()
+  },
+  code: {
+    icon: a,
+    label: "orxata.richText.code",
+    schema: { name: "code" },
+    apply: (e) => e.toggleCode()
+  },
+  heading1: {
+    icon: t,
+    label: "orxata.richText.heading1",
+    schema: { name: "heading", attrs: { level: 1 } },
+    apply: (e) => e.toggleHeading({ level: 1 })
+  },
+  heading2: {
+    icon: l,
+    label: "orxata.richText.heading2",
+    schema: { name: "heading", attrs: { level: 2 } },
+    apply: (e) => e.toggleHeading({ level: 2 })
+  },
+  heading3: {
+    icon: i,
+    label: "orxata.richText.heading3",
+    schema: { name: "heading", attrs: { level: 3 } },
+    apply: (e) => e.toggleHeading({ level: 3 })
+  },
+  bulletList: {
+    icon: c,
+    label: "orxata.richText.bulletList",
+    schema: { name: "bulletList" },
+    apply: (e) => e.toggleBulletList()
+  },
+  orderedList: {
+    icon: n,
+    label: "orxata.richText.orderedList",
+    schema: { name: "orderedList" },
+    apply: (e) => e.toggleOrderedList()
+  },
+  blockquote: {
+    icon: m,
+    label: "orxata.richText.blockquote",
+    schema: { name: "blockquote" },
+    apply: (e) => e.toggleBlockquote()
+  }
+}, H = Object.keys(
+  p
+);
+export {
+  p as RICH_TEXT_COMMANDS,
+  H as RICH_TEXT_COMMAND_NAMES
+};

package/dist/Forms/Inputs/RichTextEditor/devChecks.js

@@ -0,0 +1,4 @@
+const i = (t) => `[OxRichTextEditor] Could not load \`${t}\`. TipTap is an optional peer dependency, so installing this package does not install it — add it and \`@tiptap/starter-kit\` to use the editor. Everything else here works without it, \`OxRichText\` included.`;
+export {
+  i as missingTipTapError
+};

package/dist/Forms/Inputs/RichTextEditor/extensions.js

@@ -0,0 +1,34 @@
+const i = (e, n = {}) => [
+  e.configure({
+    /*
+     * Three levels, not six. The surface is `text-sm`, so an `<h4>` and a `<p>`
+     * come out the same size and the heading becomes a weight change nobody
+     * reads as a heading. Six are still *styled*, because the `html` path
+     * renders documents written elsewhere — what is capped here is what this
+     * editor lets someone create.
+     */
+    heading: { levels: [1, 2, 3] }
+  }),
+  ...n.Underline ? [n.Underline] : [],
+  ...n.Link ? [
+    n.Link.configure({
+      /*
+       * `openOnClick: false`, and this is the one setting here that is a
+       * correctness decision rather than a taste one. With it on, clicking
+       * a link inside the editor navigates away mid-edit and the unsaved
+       * document goes with it. Reading a link is what `OxRichText` is for.
+       */
+      openOnClick: !1,
+      /*
+       * `autolink` stays on: typing a URL and a space should produce a
+       * link, and it is the only way a link gets into the document without
+       * a toolbar control — see the note in `commands.ts` about why there
+       * is no link button.
+       */
+      autolink: !0
+    })
+  ] : []
+];
+export {
+  i as oxRichTextExtensions
+};

package/dist/Forms/Inputs/RichTextEditor/useRichTextAdapter.js

@@ -0,0 +1,67 @@
+import { useState as c, useEffect as l, useMemo as f } from "react";
+import { RICH_TEXT_COMMANDS as a, RICH_TEXT_COMMAND_NAMES as o } from "./commands.js";
+const r = (t) => typeof t.toggle == "function", u = () => Object.fromEntries(
+  o.map((t) => [
+    t,
+    { active: !1, enabled: !1, supported: !0 }
+  ])
+), m = (t) => Object.fromEntries(
+  o.map((e) => {
+    var n;
+    return [
+      e,
+      {
+        active: t.isActive(e),
+        enabled: t.can(e),
+        supported: ((n = t.supports) == null ? void 0 : n.call(t, e)) ?? !0
+      }
+    ];
+  })
+), v = (t, e) => e in t.schema.nodes || e in t.schema.marks, h = (t) => Object.fromEntries(
+  o.map((e) => {
+    const n = a[e];
+    return v(t, n.schema.name) ? [
+      e,
+      {
+        active: t.isActive(n.schema.name, n.schema.attrs),
+        /* `can().chain()` runs the command against a throwaway transaction
+           and reports whether it applied, which is the only honest answer:
+           `toggleBulletList` is unavailable inside a code block and there is
+           no flag that says so. */
+        enabled: n.apply(t.can().chain().focus()).run(),
+        supported: !0
+      }
+    ] : [e, { active: !1, enabled: !1, supported: !1 }];
+  })
+), b = (t, e) => t ? r(t) ? m(t) : h(t) : u(), d = (t) => {
+  const [e, n] = c(0);
+  l(() => {
+    if (!t || r(t)) return;
+    const s = () => n((p) => p + 1);
+    return t.on("transaction", s), () => {
+      t.off("transaction", s);
+    };
+  }, [t]);
+  const i = f(() => b(t), [t, e]);
+  return f(
+    () => ({
+      toggle: (s) => {
+        if (t && i[s].supported) {
+          if (r(t)) {
+            t.toggle(s);
+            return;
+          }
+          a[s].apply(t.chain().focus()).run();
+        }
+      },
+      isActive: (s) => i[s].active,
+      can: (s) => i[s].enabled,
+      supports: (s) => i[s].supported
+    }),
+    [t, i]
+  );
+};
+export {
+  r as isRichTextAdapter,
+  d as useRichTextAdapter
+};

package/dist/Forms/Inputs/RichTextEditor/useRichTextToolbar.js

@@ -0,0 +1,10 @@
+import { createContext as o, useContext as e } from "react";
+const r = o(void 0), n = "[OxRichTextToolbar] No editor found. A toolbar and its buttons read the editor from the surrounding <OxRichTextEditor>, so they have to be inside one — a toolbar rendered beside it has nothing to drive.", d = () => {
+  const t = e(r);
+  if (!t) throw new Error(n);
+  return t;
+};
+export {
+  r as RichTextAdapterContext,
+  d as useRichTextToolbar
+};

package/dist/Forms/Inputs/SearchBar/SearchBar.js

@@ -0,0 +1,105 @@
+import { jsxs as E, jsx as a } from "react/jsx-runtime";
+import { IconSearch as F } from "@sesame/orxata-icons/IconSearch";
+import { IconXCircle as O } from "@sesame/orxata-icons/IconXCircle";
+import { Icon as n } from "@sesame/orxata-icons/react";
+import { forwardRef as S, useState as U, useRef as X } from "react";
+import { moduleClasses as q } from "../../../lib/cssModules.js";
+import { cn as z } from "../../../lib/utils.js";
+import { useFieldControl as A } from "../../Field/useFieldGroup.js";
+import t from "./SearchBar.module.css.js";
+import { searchBarVariants as G } from "./index.js";
+import { useTranslate as H } from "../../../Locale/useTranslate.js";
+import { useSearchDebounce as J } from "../../../hooks/useSearchDebounce/useSearchDebounce.js";
+const L = S(
+  ({
+    className: b,
+    variant: x = "default",
+    size: h = "md",
+    /* Long enough that a search against a server does not fire on every
+       keystroke. */
+    debounce: N = 500,
+    value: i,
+    defaultValue: B = "",
+    onValueChange: s,
+    onSearch: o,
+    onChange: e,
+    onKeyDown: c,
+    dataTestid: l,
+    id: y,
+    ...I
+  }, R) => {
+    const j = A(y), k = H(), [v, T] = U(B), m = i ?? v, d = m.length > 0, f = X(null), { schedule: $, immediately: u } = J(
+      N,
+      (r) => o == null ? void 0 : o(r)
+    ), p = (r) => {
+      i === void 0 && T(r), s == null || s(r);
+    };
+    return /* @__PURE__ */ E(
+      "div",
+      {
+        ref: R,
+        className: z(
+          q(t, G({ variant: x, size: h })),
+          b
+        ),
+        "data-slot": "search-bar",
+        "data-testid": l,
+        "data-filled": d,
+        children: [
+          /* @__PURE__ */ a(
+            n,
+            {
+              icon: F,
+              className: t["ox-search-bar-leading"],
+              "data-slot": "icon"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "input",
+            {
+              ref: f,
+              ...j,
+              type: "search",
+              className: t["ox-search-bar-input"],
+              "data-slot": "controller",
+              "data-testid": `${l}-input`,
+              value: m,
+              onChange: (r) => {
+                p(r.target.value), $(r.target.value), e == null || e(r);
+              },
+              onKeyDown: (r) => {
+                r.key === "Enter" && u(m), c == null || c(r);
+              },
+              ...I
+            }
+          ),
+          d ? /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: t["ox-search-bar-clear"],
+              "data-slot": "clear",
+              "data-testid": `${l}-clear`,
+              "aria-label": k("orxata.searchBar.clear"),
+              onClick: () => {
+                var r;
+                p(""), u(""), (r = f.current) == null || r.focus();
+              },
+              children: /* @__PURE__ */ a(
+                n,
+                {
+                  icon: O,
+                  className: t["ox-search-bar-clear-icon"]
+                }
+              )
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+L.displayName = "OxSearchBar";
+export {
+  L as SearchBar
+};

package/dist/Forms/Inputs/SearchBar/SearchBar.module.css.js

@@ -0,0 +1,14 @@
+const a = {
+  "ox-search-bar": "_ox-search-bar_1blyv_2",
+  "ox-search-bar--md": "_ox-search-bar--md_1blyv_2",
+  "ox-search-bar--sm": "_ox-search-bar--sm_1blyv_2",
+  "ox-search-bar--default": "_ox-search-bar--default_1blyv_2",
+  "ox-search-bar--ghost": "_ox-search-bar--ghost_1blyv_2",
+  "ox-search-bar-input": "_ox-search-bar-input_1blyv_2",
+  "ox-search-bar-leading": "_ox-search-bar-leading_1blyv_2",
+  "ox-search-bar-clear": "_ox-search-bar-clear_1blyv_2",
+  "ox-search-bar-clear-icon": "_ox-search-bar-clear-icon_1blyv_2"
+};
+export {
+  a as default
+};

package/dist/Forms/Inputs/SearchBar/index.js

@@ -0,0 +1,20 @@
+import { cva as a } from "class-variance-authority";
+const s = a("ox-search-bar", {
+  variants: {
+    variant: {
+      default: "ox-search-bar--default",
+      ghost: "ox-search-bar--ghost"
+    },
+    size: {
+      sm: "ox-search-bar--sm",
+      md: "ox-search-bar--md"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+export {
+  s as searchBarVariants
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanel.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-popover";
+import { Command as h } from "cmdk";
+import { forwardRef as l, useMemo as u } from "react";
+import { cn as P } from "../../../lib/utils.js";
+import x from "./SearchPanel.module.css.js";
+import { SearchPanelContext as n } from "./context.js";
+import { Surface as v } from "../../../internal/Surface/Surface.js";
+const N = l(
+  ({ className: o, children: f, onSelect: a, onClose: i, onKeyDown: m, dataTestid: p, ...s }, c) => {
+    const d = u(
+      () => ({ select: (t) => a == null ? void 0 : a(t) }),
+      [a]
+    );
+    return /* @__PURE__ */ r(n.Provider, { value: d, children: /* @__PURE__ */ r(e.Root, { open: !0, children: /* @__PURE__ */ r(
+      h,
+      {
+        ref: c,
+        shouldFilter: !1,
+        "data-slot": "search-panel",
+        "data-testid": p,
+        onKeyDown: (t) => {
+          m == null || m(t), t.key === "Escape" && (i == null || i());
+        },
+        ...s,
+        children: /* @__PURE__ */ r(e.Anchor, { asChild: !0, children: /* @__PURE__ */ r(v, { floating: !0, className: P(x.oxSearchPanel, o), children: f }) })
+      }
+    ) }) });
+  }
+);
+N.displayName = "OxSearchPanel";
+export {
+  N as SearchPanel
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanel.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxSearchPanel_1o373_2", a = {
+  oxSearchPanel: e
+};
+export {
+  a as default,
+  e as oxSearchPanel
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanelEmpty.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { ListboxEmpty as p } from "../../../internal/Listbox/ListboxEmpty.js";
+const s = e(({ className: r, children: t, ...a }, m) => /* @__PURE__ */ o(
+  p,
+  {
+    ref: m,
+    "data-slot": "search-panel-empty",
+    className: r,
+    ...a,
+    children: t
+  }
+));
+s.displayName = "OxSearchPanelEmpty";
+export {
+  s as SearchPanelEmpty
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanelGroup.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { CommandGroup as i } from "cmdk";
+import { forwardRef as t } from "react";
+import { cn as n } from "../../../lib/utils.js";
+/* empty css                     */
+import { ListboxLabel as l } from "../../../internal/Listbox/ListboxLabel.js";
+const s = t(({ className: a, label: o, children: m, ...p }, e) => /* @__PURE__ */ r(
+  i,
+  {
+    ref: e,
+    "data-slot": "search-panel-group",
+    heading: o != null ? /* @__PURE__ */ r(l, { children: o }) : void 0,
+    className: n(a),
+    ...p,
+    children: m
+  }
+));
+s.displayName = "OxSearchPanelGroup";
+export {
+  s as SearchPanelGroup
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanelInput.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { CommandInput as m } from "cmdk";
+import { forwardRef as t } from "react";
+import n from "./SearchPanelInput.module.css.js";
+const p = t(({ children: a, ...e }, o) => /* @__PURE__ */ r("div", { className: n.oxSearchPanelInput, children: /* @__PURE__ */ r(m, { ref: o, asChild: !0, ...e, children: a }) }));
+p.displayName = "OxSearchPanelInput";
+export {
+  p as SearchPanelInput
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanelInput.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxSearchPanelInput_gbh6x_2", a = {
+  oxSearchPanelInput: e
+};
+export {
+  a as default,
+  e as oxSearchPanelInput
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanelItem.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { CommandItem as n } from "cmdk";
+import { forwardRef as c } from "react";
+import { cn as i } from "../../../lib/utils.js";
+import f from "./SearchPanelItem.module.css.js";
+import { useSearchPanelContext as p } from "./context.js";
+import { ListboxItem as h } from "../../../internal/Listbox/ListboxItem.js";
+const d = c(({ className: r, value: t, disabled: m = !1, children: o, ...a }, s) => {
+  const { select: l } = p();
+  return /* @__PURE__ */ e(
+    n,
+    {
+      ref: s,
+      asChild: !0,
+      "data-slot": "search-panel-item",
+      value: t,
+      disabled: m,
+      onSelect: l,
+      ...a,
+      children: /* @__PURE__ */ e(h, { className: i(f.oxSearchPanelItem, r), children: o })
+    }
+  );
+});
+d.displayName = "OxSearchPanelItem";
+export {
+  d as SearchPanelItem
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanelItem.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxSearchPanelItem_10h6p_2", a = {
+  oxSearchPanelItem: e
+};
+export {
+  a as default,
+  e as oxSearchPanelItem
+};

package/dist/Forms/Inputs/SearchPanel/SearchPanelList.js

@@ -0,0 +1,34 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-popover";
+import { CommandList as p } from "cmdk";
+import { forwardRef as d, useRef as m } from "react";
+/* empty css                    */
+import { Surface as c } from "../../../internal/Surface/Surface.js";
+import { ListboxViewport as f } from "../../../internal/Listbox/ListboxViewport.js";
+import { Scrollbar as u } from "../../../Layout/Scrollbar/Scrollbar.js";
+const h = 16, b = d(({ className: o, children: a, ...i }, s) => {
+  const e = m(null);
+  return /* @__PURE__ */ t(
+    n.Content,
+    {
+      asChild: !0,
+      "data-slot": "search-panel-list-card",
+      side: "bottom",
+      align: "start",
+      sideOffset: 0,
+      collisionPadding: h,
+      role: "presentation",
+      "aria-labelledby": void 0,
+      onOpenAutoFocus: (r) => r.preventDefault(),
+      onCloseAutoFocus: (r) => r.preventDefault(),
+      children: /* @__PURE__ */ l(c, { floating: !0, attached: !0, children: [
+        /* @__PURE__ */ t(p, { ref: s, asChild: !0, "data-slot": "search-panel-list", ...i, children: /* @__PURE__ */ t(f, { ref: e, className: o, children: a }) }),
+        /* @__PURE__ */ t(u, { port: e, dataTestid: "search-panel-scrollbar" })
+      ] })
+    }
+  );
+});
+b.displayName = "OxSearchPanelList";
+export {
+  b as SearchPanelList
+};

package/dist/Forms/Inputs/SearchPanel/context.js

@@ -0,0 +1,15 @@
+import { createContext as t, useContext as n } from "react";
+const r = t(
+  null
+), a = () => {
+  const e = n(r);
+  if (!e)
+    throw new Error(
+      "SearchPanel parts must be used within an <OxSearchPanel>."
+    );
+  return e;
+};
+export {
+  r as SearchPanelContext,
+  a as useSearchPanelContext
+};

package/dist/Forms/Inputs/Select/Select.js

@@ -0,0 +1,53 @@
+import { jsx as l } from "react/jsx-runtime";
+import * as P from "@radix-ui/react-select";
+import { forwardRef as R, useState as a, useCallback as d, useMemo as j } from "react";
+import { cn as k } from "../../../lib/utils.js";
+import w from "./Select.module.css.js";
+import { SelectContext as M } from "./context.js";
+const O = R(
+  ({
+    className: f,
+    value: o,
+    defaultValue: n,
+    onValueChange: e,
+    children: p,
+    dataTestid: S,
+    ...v
+  }, x) => {
+    const [u, b] = a(n), [c, y] = a({}), s = o ?? u, i = d((t, m) => {
+      y(
+        (r) => r[t] === m ? r : { ...r, [t]: m }
+      );
+    }, []), L = d(
+      (t) => {
+        o === void 0 && b(t), e == null || e(t);
+      },
+      [o, e]
+    ), N = j(
+      () => ({ value: s, labels: c, registerLabel: i }),
+      [s, c, i]
+    );
+    return /* @__PURE__ */ l(M.Provider, { value: N, children: /* @__PURE__ */ l(
+      P.Root,
+      {
+        value: s ?? "",
+        onValueChange: L,
+        ...v,
+        children: /* @__PURE__ */ l(
+          "div",
+          {
+            ref: x,
+            "data-slot": "select",
+            "data-testid": S,
+            className: k(w.oxSelect, f),
+            children: p
+          }
+        )
+      }
+    ) });
+  }
+);
+O.displayName = "OxSelect";
+export {
+  O as Select
+};

package/dist/Forms/Inputs/Select/Select.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxSelect_usfm0_2", t = {
+  oxSelect: e
+};
+export {
+  t as default,
+  e as oxSelect
+};

package/dist/Forms/Inputs/Select/SelectContent.js

@@ -0,0 +1,34 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-select";
+import { IconChevronDown as a } from "@sesame/orxata-icons/IconChevronDown";
+import { IconChevronUp as p } from "@sesame/orxata-icons/IconChevronUp";
+import { Icon as r } from "@sesame/orxata-icons/react";
+import { forwardRef as d } from "react";
+/* empty css                  */
+import { Surface as f } from "../../../internal/Surface/Surface.js";
+import { ListboxViewport as h } from "../../../internal/Listbox/ListboxViewport.js";
+const x = 16, C = d(
+  ({ children: e, side: l = "bottom", sideOffset: c = 4, align: n = "start", ...i }, s) => /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
+    t.Content,
+    {
+      ref: s,
+      asChild: !0,
+      "data-slot": "select-content",
+      side: l,
+      sideOffset: c,
+      collisionPadding: x,
+      align: n,
+      position: "popper",
+      ...i,
+      children: /* @__PURE__ */ m(f, { children: [
+        /* @__PURE__ */ o(t.ScrollUpButton, { className: "ox-select-scroll-button", children: /* @__PURE__ */ o(r, { icon: p, className: "ox-select-scroll-icon" }) }),
+        /* @__PURE__ */ o(t.Viewport, { asChild: !0, children: /* @__PURE__ */ o(h, { children: e }) }),
+        /* @__PURE__ */ o(t.ScrollDownButton, { className: "ox-select-scroll-button", children: /* @__PURE__ */ o(r, { icon: a, className: "ox-select-scroll-icon" }) })
+      ] })
+    }
+  ) })
+);
+C.displayName = "OxSelectContent";
+export {
+  C as SelectContent
+};

package/dist/Forms/Inputs/Select/SelectGroup.js

@@ -0,0 +1,22 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-select";
+import { forwardRef as p } from "react";
+import { cn as a } from "../../../lib/utils.js";
+import { ListboxLabel as c } from "../../../internal/Listbox/ListboxLabel.js";
+const d = p(({ className: t, label: r, children: l, ...i }, m) => /* @__PURE__ */ s(
+  e.Group,
+  {
+    ref: m,
+    "data-slot": "select-group",
+    className: a(t),
+    ...i,
+    children: [
+      r != null ? /* @__PURE__ */ o(e.Label, { asChild: !0, children: /* @__PURE__ */ o(c, { children: r }) }) : null,
+      l
+    ]
+  }
+));
+d.displayName = "OxSelectGroup";
+export {
+  d as SelectGroup
+};