@payfit/unity-components 2.47.4 → 2.47.6

package/dist/esm/components/select-field/TanstackSelectField.js

@@ -1,46 +1,30 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { TanstackFormFeedbackText as k } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormHelperText as p } from "../form-field/parts/TanstackFormHelperText.js";
-import { TanstackFormLabel as F } from "../form-field/parts/TanstackFormLabel.js";
-import { TanstackFormField as T } from "../form-field/TanstackFormField.js";
-import { TanstackSelect as S } from "../select/TanstackSelect.js";
-const x = ({
-  label: a,
-  helperText: t,
-  contextualLink: e,
-  isRequired: o,
-  isDisabled: c,
-  isReadOnly: m,
-  requiredVariant: n,
-  renderValue: i,
-  ...l
-}, s) => /* @__PURE__ */ d(T, { children: [
-  /* @__PURE__ */ r(
-    F,
-    {
-      requiredVariant: n,
-      isRequired: o,
-      children: a
-    }
-  ),
-  t && /* @__PURE__ */ r(p, { children: t }),
-  /* @__PURE__ */ r(
-    S,
-    {
-      ref: s,
-      isDisabled: c,
-      isReadOnly: m,
-      renderValue: i,
-      ...l
-    }
-  ),
-  /* @__PURE__ */ r(k, {}),
-  e
-] }), u = f(function(t, e) {
-  return x(t, e);
+import { TanstackFormFeedbackText as e } from "../form-field/parts/TanstackFormFeedbackText.js";
+import { TanstackFormField as t } from "../form-field/TanstackFormField.js";
+import { TanstackFormHelperText as n } from "../form-field/parts/TanstackFormHelperText.js";
+import { TanstackFormLabel as r } from "../form-field/parts/TanstackFormLabel.js";
+import { TanstackSelect as i } from "../select/TanstackSelect.js";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/select-field/TanstackSelectField.tsx
+var c = ({ label: a, helperText: c, contextualLink: l, isRequired: u, isDisabled: d, isReadOnly: f, requiredVariant: p, renderValue: m, ...h }, g) => /* @__PURE__ */ s(t, { children: [
+	/* @__PURE__ */ o(r, {
+		requiredVariant: p,
+		isRequired: u,
+		children: a
+	}),
+	c && /* @__PURE__ */ o(n, { children: c }),
+	/* @__PURE__ */ o(i, {
+		ref: g,
+		isDisabled: d,
+		isReadOnly: f,
+		renderValue: m,
+		...h
+	}),
+	/* @__PURE__ */ o(e, {}),
+	l
+] }), l = a(function(e, t) {
+	return c(e, t);
 });
-u.displayName = "TanstackSelectField";
-export {
-  u as TanstackSelectField
-};
+l.displayName = "TanstackSelectField";
+//#endregion
+export { l as TanstackSelectField };

package/dist/esm/components/select-field/test-utils.js

@@ -1,26 +1,11 @@
-import { within as o, userEvent as t, screen as s } from "storybook/test";
-const w = (n) => ({ selectOption: async ({
-  labelText: e,
-  optionName: a,
-  container: i = n.canvasElement
-}) => {
-  await n.step(
-    `Select option "${a}" in "${e}"`,
-    async () => {
-      const c = o(i).getByLabelText(e, {
-        exact: !1
-      });
-      if (!c)
-        throw new Error(`Select not found for label ${e}`);
-      await t.click(c, { delay: 100 }), await t.click(
-        s.getByRole("option", { name: a }),
-        {
-          delay: 100
-        }
-      ), await t.tab({ delay: 100 });
-    }
-  );
+import { screen as e, userEvent as t, within as n } from "storybook/test";
+//#region src/components/select-field/test-utils.ts
+var r = (r) => ({ selectOption: async ({ labelText: i, optionName: a, container: o = r.canvasElement }) => {
+	await r.step(`Select option "${a}" in "${i}"`, async () => {
+		let r = n(o).getByLabelText(i, { exact: !1 });
+		if (!r) throw Error(`Select not found for label ${i}`);
+		await t.click(r, { delay: 100 }), await t.click(e.getByRole("option", { name: a }), { delay: 100 }), await t.tab({ delay: 100 });
+	});
 } });
-export {
-  w as getTestingUtilsSelect
-};
+//#endregion
+export { r as getTestingUtilsSelect };

package/dist/esm/components/select-list/SelectList.js

@@ -1,82 +1,71 @@
-import { jsx as e, jsxs as s, Fragment as E } from "react/jsx-runtime";
-import { forwardRef as F, useMemo as m } from "react";
-import { uyTv as R } from "@payfit/unity-themes";
-import { useFilter as T, Autocomplete as H } from "react-aria-components/Autocomplete";
-import { ListBox as M, Collection as O } from "react-aria-components/ListBox";
-import { Separator as _ } from "react-aria-components/Separator";
-import { Virtualizer as y } from "react-aria-components/Virtualizer";
-import { DEFAULT_SEARCH_THRESHOLD as j, VIRTUALIZATION_CONFIG as d } from "./constants.js";
-import { useControlledSelection as k } from "./hooks/useControlledSelection.js";
-import { useSelectedFirstSorting as D } from "./hooks/useSelectedFirstSorting.js";
-import { SelectedItemsSection as U } from "./parts/SelectedItemsSection.js";
-import { SelectListEmptyState as V } from "./parts/SelectListEmptyState.js";
-import { SelectListSearchInput as z } from "./parts/SelectListSearchInput.js";
-const G = R({
-  slots: {
-    wrapper: "uy:bg-surface-neutral uy:p-100 uy:overscroll-contain",
-    base: "uy:flex uy:w-full uy:gap-100 uy:h-500 uy:border uy:border-solid uy:rounded-75 uy:py-100 uy:border-border-form-enabled uy:bg-surface-form-enabled uy:px-150 uy:typography-body uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2 uy:active:border-border-form-active",
-    inputContainer: "uy:sticky uy:top-0 uy:bg-surface-neutral",
-    separator: "uy:h-[1px] uy:bg-border-neutral uy:w-full uy:mt-100",
-    list: "uy:overflow-y-auto uy:mt-100 uy:h-[300px]",
-    selectedListBox: "uy:bg-surface-neutral uy:border-b uy:border-border-neutral uy:py-100 uy:data-[empty=true]:border-0 uy:data-[is-last=true]:border-0 uy:data-[is-last=true]:py-0"
-  }
-});
-function K({
-  items: r,
-  children: p,
-  value: f,
-  onChange: h,
-  className: b,
-  showSearch: a = !1,
-  sortSelectedFirst: g = !1,
-  selectedSectionLabel: S = "Selected",
-  ...o
-}, I) {
-  const { contains: L } = T({ sensitivity: "base" }), { wrapper: x, inputContainer: v, list: w, separator: C, selectedListBox: A } = G(), [i, l] = k(
-    f,
-    h
-  ), N = m(() => (Array.isArray(r) ? r.length : Array.from(r).length) >= j || a, [r, a]), t = D(
-    r,
-    i,
-    g
-  ), n = m(() => t.remainingItems ? !t.remainingItems[Symbol.iterator]().next().done : !1, [t.remainingItems]), u = /* @__PURE__ */ e(
-    U,
-    {
-      items: t.selectedItems,
-      selectedKeys: i,
-      onSelectionChange: l,
-      selectionMode: o.selectionMode,
-      selectionBehavior: o.selectionBehavior,
-      label: S,
-      className: A(),
-      "data-is-last": !n
-    }
-  ), c = /* @__PURE__ */ e(
-    M,
-    {
-      ...o,
-      className: w({ className: b }),
-      items: t.remainingItems,
-      selectedKeys: i,
-      onSelectionChange: l,
-      renderEmptyState: V,
-      children: /* @__PURE__ */ e(O, { items: t.remainingItems, children: p })
-    }
-  );
-  return /* @__PURE__ */ e("div", { ref: I, className: x(), children: N ? /* @__PURE__ */ s(H, { filter: L, children: [
-    /* @__PURE__ */ s("div", { className: v(), "data-dd-privacy": "mask", children: [
-      /* @__PURE__ */ e(z, {}),
-      /* @__PURE__ */ e(_, { className: C() })
-    ] }),
-    u,
-    n && /* @__PURE__ */ e(y, { ...d, children: c })
-  ] }) : /* @__PURE__ */ s(E, { children: [
-    u,
-    n && /* @__PURE__ */ e(y, { ...d, children: c })
-  ] }) });
+import { VIRTUALIZATION_CONFIG as e } from "./constants.js";
+import { useControlledSelection as t } from "./hooks/useControlledSelection.js";
+import { useSelectedFirstSorting as n } from "./hooks/useSelectedFirstSorting.js";
+import { SelectedItemsSection as r } from "./parts/SelectedItemsSection.js";
+import { SelectListEmptyState as i } from "./parts/SelectListEmptyState.js";
+import { SelectListSearchInput as a } from "./parts/SelectListSearchInput.js";
+import { forwardRef as o, useMemo as s } from "react";
+import { uyTv as c } from "@payfit/unity-themes";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Separator as f } from "react-aria-components/Separator";
+import { Collection as p, ListBox as m } from "react-aria-components/ListBox";
+import { Autocomplete as h, useFilter as g } from "react-aria-components/Autocomplete";
+import { Virtualizer as _ } from "react-aria-components/Virtualizer";
+//#region src/components/select-list/SelectList.tsx
+var v = c({ slots: {
+	wrapper: "uy:bg-surface-neutral uy:p-100 uy:overscroll-contain",
+	base: "uy:flex uy:w-full uy:gap-100 uy:h-500 uy:border uy:border-solid uy:rounded-75 uy:py-100 uy:border-border-form-enabled uy:bg-surface-form-enabled uy:px-150 uy:typography-body uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2 uy:active:border-border-form-active",
+	inputContainer: "uy:sticky uy:top-0 uy:bg-surface-neutral",
+	separator: "uy:h-[1px] uy:bg-border-neutral uy:w-full uy:mt-100",
+	list: "uy:overflow-y-auto uy:mt-100 uy:h-[300px]",
+	selectedListBox: "uy:bg-surface-neutral uy:border-b uy:border-border-neutral uy:py-100 uy:data-[empty=true]:border-0 uy:data-[is-last=true]:border-0 uy:data-[is-last=true]:py-0"
+} });
+function y({ items: o, children: c, value: y, onChange: b, className: x, showSearch: S = !1, sortSelectedFirst: C = !1, selectedSectionLabel: w = "Selected", ...T }, E) {
+	let { contains: D } = g({ sensitivity: "base" }), { wrapper: O, inputContainer: k, list: A, separator: j, selectedListBox: M } = v(), [N, P] = t(y, b), F = s(() => (Array.isArray(o) ? o.length : Array.from(o).length) >= 10 || S, [o, S]), I = n(o, N, C), L = s(() => I.remainingItems ? !I.remainingItems[Symbol.iterator]().next().done : !1, [I.remainingItems]), R = /* @__PURE__ */ u(r, {
+		items: I.selectedItems,
+		selectedKeys: N,
+		onSelectionChange: P,
+		selectionMode: T.selectionMode,
+		selectionBehavior: T.selectionBehavior,
+		label: w,
+		className: M(),
+		"data-is-last": !L
+	}), z = /* @__PURE__ */ u(m, {
+		...T,
+		className: A({ className: x }),
+		items: I.remainingItems,
+		selectedKeys: N,
+		onSelectionChange: P,
+		renderEmptyState: i,
+		children: /* @__PURE__ */ u(p, {
+			items: I.remainingItems,
+			children: c
+		})
+	});
+	return /* @__PURE__ */ u("div", {
+		ref: E,
+		className: O(),
+		children: F ? /* @__PURE__ */ d(h, {
+			filter: D,
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: k(),
+					"data-dd-privacy": "mask",
+					children: [/* @__PURE__ */ u(a, {}), /* @__PURE__ */ u(f, { className: j() })]
+				}),
+				R,
+				L && /* @__PURE__ */ u(_, {
+					...e,
+					children: z
+				})
+			]
+		}) : /* @__PURE__ */ d(l, { children: [R, L && /* @__PURE__ */ u(_, {
+			...e,
+			children: z
+		})] })
+	});
 }
-const Z = F(K);
-Z.displayName = "SelectList";
-export {
-  Z as SelectList
-};
+var b = o(y);
+b.displayName = "SelectList";
+//#endregion
+export { b as SelectList };

package/dist/esm/components/select-list/constants.js

@@ -1,29 +1,14 @@
-import * as t from "@payfit/unity-themes/tokens/common/spacings.json";
-import { ListLayout as s } from "react-aria-components/Virtualizer";
-const a = (o) => parseInt(o.replace("px", "").trim(), 10), i = a(t.spacing[500].$value), n = a(t.spacing[400].$value), p = {
-  layout: s,
-  layoutOptions: {
-    /**
-     * Estimated height of each list item in pixels.
-     * Used for virtualization calculations.
-     */
-    estimatedRowHeight: i,
-    /**
-     * Estimated height of section headings in pixels.
-     * Used for virtualization calculations.
-     */
-    estimatedHeadingHeight: n,
-    /**
-     * Gap between items in pixels
-     */
-    gap: 0,
-    /**
-     * Padding around the list in pixels
-     */
-    padding: 0
-  }
-}, r = 10;
-export {
-  r as DEFAULT_SEARCH_THRESHOLD,
-  p as VIRTUALIZATION_CONFIG
+import * as e from "@payfit/unity-themes/tokens/common/spacings.json";
+import { ListLayout as t } from "react-aria-components/Virtualizer";
+//#region src/components/select-list/constants.ts
+var n = (e) => parseInt(e.replace("px", "").trim(), 10), r = {
+	layout: t,
+	layoutOptions: {
+		estimatedRowHeight: n(e.spacing[500].$value),
+		estimatedHeadingHeight: n(e.spacing[400].$value),
+		gap: 0,
+		padding: 0
+	}
 };
+//#endregion
+export { r as VIRTUALIZATION_CONFIG };

package/dist/esm/components/select-list/helpers.js

@@ -1,48 +1,42 @@
-import { partition as l } from "./utils/partition.js";
-function c(r) {
-  return typeof r == "object" && r !== null && "children" in r && Array.isArray(r.children);
+import { partition as e } from "./utils/partition.js";
+//#region src/components/select-list/helpers.ts
+function t(e) {
+	return typeof e == "object" && !!e && "children" in e && Array.isArray(e.children);
 }
-function d(r) {
-  const t = r[Symbol.iterator]().next();
-  return t.done ? !1 : c(t.value);
+function n(e) {
+	let n = e[Symbol.iterator]().next();
+	return n.done ? !1 : t(n.value);
 }
-function u(r, n) {
-  const t = Array.from(r), [i, s] = l(
-    t,
-    (e) => n.has(e.id)
-  );
-  return { selectedItems: i, remainingItems: s };
+function r(t, n) {
+	let [r, i] = e(Array.from(t), (e) => n.has(e.id));
+	return {
+		selectedItems: r,
+		remainingItems: i
+	};
 }
-function m(r) {
-  const n = [];
-  return Array.from(r).forEach((t) => {
-    c(t) && t.children.forEach((i) => {
-      n.push(i);
-    });
-  }), { allItems: n };
+function i(e) {
+	let n = [];
+	return Array.from(e).forEach((e) => {
+		t(e) && e.children.forEach((e) => {
+			n.push(e);
+		});
+	}), { allItems: n };
 }
-function h(r, n) {
-  const { allItems: t } = m(r), i = t.filter((e) => n.has(e.id)), s = Array.from(r).map((e) => {
-    if (c(e)) {
-      const o = e.children.filter(
-        (a) => !n.has(a.id)
-      );
-      return {
-        ...e,
-        children: o
-      };
-    }
-    return e;
-  }).filter((e) => c(e) && e.children.length > 0);
-  return {
-    selectedItems: i,
-    remainingSections: s
-  };
+function a(e, n) {
+	let { allItems: r } = i(e);
+	return {
+		selectedItems: r.filter((e) => n.has(e.id)),
+		remainingSections: Array.from(e).map((e) => {
+			if (t(e)) {
+				let t = e.children.filter((e) => !n.has(e.id));
+				return {
+					...e,
+					children: t
+				};
+			}
+			return e;
+		}).filter((e) => t(e) && e.children.length > 0)
+	};
 }
-export {
-  m as extractAllSelectableItems,
-  c as hasSectionChildren,
-  d as isNestedStructure,
-  u as processSelectedItemsForFlatDynamicItems,
-  h as processSelectedItemsForNestedDynamicItems
-};
+//#endregion
+export { n as isNestedStructure, r as processSelectedItemsForFlatDynamicItems, a as processSelectedItemsForNestedDynamicItems };

package/dist/esm/components/select-list/hooks/useControlledSelection.js

@@ -1,16 +1,14 @@
-import { useState as i, useMemo as S, useCallback as a } from "react";
-function m(e, o) {
-  const [l, s] = i(/* @__PURE__ */ new Set()), t = e !== void 0, c = S(
-    () => t ? e === "all" ? "all" : e instanceof Set ? e : new Set(e) : l,
-    [t, e, l]
-  ), r = a(
-    (n) => {
-      t || s(n === "all" ? /* @__PURE__ */ new Set() : n), o?.(n);
-    },
-    [t, o]
-  );
-  return [c, r];
+import { useCallback as e, useMemo as t, useState as n } from "react";
+//#region src/components/select-list/hooks/useControlledSelection.ts
+function r(r, i) {
+	let [a, o] = n(/* @__PURE__ */ new Set()), s = r !== void 0;
+	return [t(() => s ? r === "all" ? "all" : r instanceof Set ? r : new Set(r) : a, [
+		s,
+		r,
+		a
+	]), e((e) => {
+		s || o(e === "all" ? /* @__PURE__ */ new Set() : e), i?.(e);
+	}, [s, i])];
 }
-export {
-  m as useControlledSelection
-};
+//#endregion
+export { r as useControlledSelection };

package/dist/esm/components/select-list/hooks/useSelectedFirstSorting.js

@@ -1,31 +1,31 @@
-import { useMemo as m } from "react";
-import { isNestedStructure as c, processSelectedItemsForNestedDynamicItems as i, processSelectedItemsForFlatDynamicItems as o } from "../helpers.js";
-function d(e, s, n) {
-  const r = m(() => s === "all" ? /* @__PURE__ */ new Set() : s, [s]);
-  return m(() => {
-    if (!n || !e || r.size === 0)
-      return { selectedItems: [], remainingItems: e };
-    if (c(e)) {
-      const t = i(
-        e,
-        r
-      );
-      return {
-        selectedItems: t.selectedItems,
-        remainingItems: t.remainingSections
-      };
-    } else {
-      const t = o(
-        e,
-        r
-      );
-      return {
-        selectedItems: t.selectedItems,
-        remainingItems: t.remainingItems
-      };
-    }
-  }, [e, r, n]);
+import { isNestedStructure as e, processSelectedItemsForFlatDynamicItems as t, processSelectedItemsForNestedDynamicItems as n } from "../helpers.js";
+import { useMemo as r } from "react";
+//#region src/components/select-list/hooks/useSelectedFirstSorting.ts
+function i(i, a, o) {
+	let s = r(() => a === "all" ? /* @__PURE__ */ new Set() : a, [a]);
+	return r(() => {
+		if (!o || !i || s.size === 0) return {
+			selectedItems: [],
+			remainingItems: i
+		};
+		if (e(i)) {
+			let e = n(i, s);
+			return {
+				selectedItems: e.selectedItems,
+				remainingItems: e.remainingSections
+			};
+		} else {
+			let e = t(i, s);
+			return {
+				selectedItems: e.selectedItems,
+				remainingItems: e.remainingItems
+			};
+		}
+	}, [
+		i,
+		s,
+		o
+	]);
 }
-export {
-  d as useSelectedFirstSorting
-};
+//#endregion
+export { i as useSelectedFirstSorting };

package/dist/esm/components/select-list/parts/SelectListEmptyState.js

@@ -1,25 +1,25 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Icon as s } from "@payfit/unity-icons";
-import { FormattedMessage as u } from "react-intl";
-import { Text as t } from "../../text/Text.js";
-const a = () => /* @__PURE__ */ r("div", { className: "uy:flex uy:flex-col uy:gap-200 uy:items-center uy:justify-center uy:h-full uy:py-600", children: [
-  /* @__PURE__ */ e(
-    t,
-    {
-      variant: "body",
-      className: "uy:w-500 uy:h-500 uy:bg-surface-neutral-lowest uy:flex uy:items-center uy:justify-center uy:rounded-75",
-      children: /* @__PURE__ */ e(s, { size: 24, src: "MagnifyingGlassOutlined" })
-    }
-  ),
-  /* @__PURE__ */ e(t, { variant: "bodyLarge", children: /* @__PURE__ */ e(
-    u,
-    {
-      id: "unity:component:autocomplete:panel:empty:label",
-      defaultMessage: "No results found"
-    }
-  ) })
-] });
+import { Text as e } from "../../text/Text.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { FormattedMessage as r } from "react-intl";
+import { Icon as i } from "@payfit/unity-icons";
+//#region src/components/select-list/parts/SelectListEmptyState.tsx
+var a = () => /* @__PURE__ */ n("div", {
+	className: "uy:flex uy:flex-col uy:gap-200 uy:items-center uy:justify-center uy:h-full uy:py-600",
+	children: [/* @__PURE__ */ t(e, {
+		variant: "body",
+		className: "uy:w-500 uy:h-500 uy:bg-surface-neutral-lowest uy:flex uy:items-center uy:justify-center uy:rounded-75",
+		children: /* @__PURE__ */ t(i, {
+			size: 24,
+			src: "MagnifyingGlassOutlined"
+		})
+	}), /* @__PURE__ */ t(e, {
+		variant: "bodyLarge",
+		children: /* @__PURE__ */ t(r, {
+			id: "unity:component:autocomplete:panel:empty:label",
+			defaultMessage: "No results found"
+		})
+	})]
+});
 a.displayName = "SelectListEmptyState";
-export {
-  a as SelectListEmptyState
-};
+//#endregion
+export { a as SelectListEmptyState };

package/dist/esm/components/select-list/parts/SelectListOptGroup.js

@@ -1,31 +1,34 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { uyTv as p } from "@payfit/unity-themes";
-import { Collection as y } from "react-aria-components/Collection";
-import { Header as c } from "react-aria-components/Header";
-import { ListBoxSection as m } from "react-aria-components/ListBox";
-import { Separator as b } from "react-aria-components/Separator";
-const f = p({
-  slots: {
-    base: "uy:flex uy:flex-col uy:bg-surface-neutral",
-    label: "uy:px-150 uy:py-100 uy:typography-body-strong uy:text-content-neutral",
-    separator: "uy:my-100 uy:border-t uy:border-border-neutral uy:border-solid"
-  }
-});
-function d(r) {
-  const { base: l, label: s, separator: a } = f(), {
-    label: o,
-    withSeparator: i = !1,
-    children: e,
-    ...u
-  } = r;
-  return /* @__PURE__ */ n(m, { ...u, className: l(), children: [
-    o && /* @__PURE__ */ t(c, { className: s(), children: o }),
-    typeof e == "function" ? /* @__PURE__ */ t(y, { items: r.items, children: e }) : e,
-    i && /* @__PURE__ */ t(b, { className: a() })
-  ] });
+import "react";
+import { uyTv as e } from "@payfit/unity-themes";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Header as r } from "react-aria-components/Header";
+import { Separator as i } from "react-aria-components/Separator";
+import { ListBoxSection as a } from "react-aria-components/ListBox";
+import { Collection as o } from "react-aria-components/Collection";
+//#region src/components/select-list/parts/SelectListOptGroup.tsx
+var s = e({ slots: {
+	base: "uy:flex uy:flex-col uy:bg-surface-neutral",
+	label: "uy:px-150 uy:py-100 uy:typography-body-strong uy:text-content-neutral",
+	separator: "uy:my-100 uy:border-t uy:border-border-neutral uy:border-solid"
+} });
+function c(e) {
+	let { base: c, label: l, separator: u } = s(), { label: d, withSeparator: f = !1, children: p, ...m } = e;
+	return /* @__PURE__ */ n(a, {
+		...m,
+		className: c(),
+		children: [
+			d && /* @__PURE__ */ t(r, {
+				className: l(),
+				children: d
+			}),
+			typeof p == "function" ? /* @__PURE__ */ t(o, {
+				items: e.items,
+				children: p
+			}) : p,
+			f && /* @__PURE__ */ t(i, { className: u() })
+		]
+	});
 }
-d.displayName = "SelectListOptGroup";
-export {
-  d as SelectListOptGroup,
-  f as selectListOptGroup
-};
+c.displayName = "SelectListOptGroup";
+//#endregion
+export { c as SelectListOptGroup };