@krelborn/stylesui 0.8.1 → 0.9.0

package/dist/components/StatusDot/StatusDot.module.js

@@ -1,4 +1,3 @@
-import './StatusDot.css';//#region src/components/StatusDot/StatusDot.module.css
+import './StatusDot.css';// src/components/StatusDot/StatusDot.module.css
 var e = "sui-statusDot-xTHkw", t = { statusDot: e };
-//#endregion
 export { t as default, e as statusDot };

package/dist/components/Switch/Switch.js

@@ -1,7 +1,7 @@
 import { ChoiceControl as e } from "../ChoiceControl/ChoiceControl.js";
 import { c as t } from "react/compiler-runtime";
 import { jsx as n } from "react/jsx-runtime";
-//#region src/components/Switch/Switch.tsx
+// src/components/Switch/Switch.tsx
 function r(r) {
 	let i = t(2), a;
 	return i[0] === r ? a = i[1] : (a = /* @__PURE__ */ n(e, {
@@ -9,5 +9,4 @@ function r(r) {
 		kind: "switch"
 	}), i[0] = r, i[1] = a), a;
 }
-//#endregion
 export { r as Switch };

package/dist/components/Switcher/Switcher.js

@@ -1,23 +1,22 @@
-import { Box as e } from "../Box/Box.js";
-import { listRole as t } from "../../layout/listRole.js";
-import { spaceValue as n } from "../../layout/spaceValue.js";
-import { withCustomProperties as r } from "../../layout/withCustomProperties.js";
+import { listRole as e } from "../../layout/listRole.js";
+import { spaceValue as t } from "../../layout/spaceValue.js";
+import { withCustomProperties as n } from "../../layout/withCustomProperties.js";
+import { Box as r } from "../Box/Box.js";
 import i from "./Switcher.module.js";
 import { clsx as a } from "clsx";
 import { jsx as o } from "react/jsx-runtime";
-//#region src/components/Switcher/Switcher.tsx
+// src/components/Switcher/Switcher.tsx
 function s({ as: s, className: c, gap: l = 4, threshold: u = "30rem", ...d }) {
 	let { role: f, style: p, ...m } = d, h = s ?? "div";
-	return /* @__PURE__ */ o(e, {
+	return /* @__PURE__ */ o(r, {
 		...m,
 		as: h,
 		className: a(i.switcher, c),
-		role: t(h, f),
-		style: r({
-			"--sui-switcher-gap": n(l),
+		role: e(h, f),
+		style: n({
+			"--sui-switcher-gap": t(l),
 			"--sui-switcher-threshold": u
 		}, p)
 	});
 }
-//#endregion
 export { s as Switcher };

package/dist/components/Switcher/Switcher.module.js

@@ -1,4 +1,3 @@
-import './Switcher.css';//#region src/components/Switcher/Switcher.module.css
+import './Switcher.css';// src/components/Switcher/Switcher.module.css
 var e = "sui-switcher-zWFpy", t = { switcher: e };
-//#endregion
 export { t as default, e as switcher };

package/dist/components/Tabs/Tab.js

@@ -1,34 +1,34 @@
-import { Box as e } from "../Box/Box.js";
-import { targetIndexForKey as t } from "../../collections/targetIndexForKey.js";
+import { targetIndexForKey as e } from "../../collections/targetIndexForKey.js";
+import { Box as t } from "../Box/Box.js";
 import { panelId as n, tabId as r } from "./tabIds.js";
 import i from "./Tabs.module.js";
 import { useTabsContext as a } from "./useTabsContext.js";
 import { clsx as o } from "clsx";
 import { useRef as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
-//#region src/components/Tabs/Tab.tsx
+// src/components/Tabs/Tab.tsx
 function l({ className: l, disabled: u = !1, onBlur: d, onClick: f, onFocus: p, onKeyDown: m, onPointerCancel: h, onPointerDown: g, value: _, ...v }) {
 	let y = a("Tab"), b = y.selectedValue === _, x = s(!1);
 	function S(e) {
 		d?.(e), x.current = !1;
 	}
 	function C(e) {
-		x.current = !1, !u && (f?.(e), e.defaultPrevented || y.select(_));
+		x.current = !1, u || (f?.(e), e.defaultPrevented || y.select(_));
 	}
 	function w(e) {
 		p?.(e), y.activation === "automatic" && !u && !x.current && y.select(_);
 	}
-	function T(e) {
-		if (m?.(e), e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey) return;
-		let n = Array.from(e.currentTarget.closest("[role=\"tablist\"]")?.querySelectorAll("[role=\"tab\"]") ?? []).filter((e) => e.closest("[hidden], [inert]") === null), r = t({
+	function T(t) {
+		if (m?.(t), t.defaultPrevented || t.altKey || t.ctrlKey || t.metaKey) return;
+		let n = Array.from(t.currentTarget.closest("[role=\"tablist\"]")?.querySelectorAll("[role=\"tab\"]") ?? []).filter((e) => e.closest("[hidden], [inert]") === null), r = e({
 			count: n.length,
-			currentIndex: n.indexOf(e.currentTarget),
-			direction: e.currentTarget.matches(":dir(rtl)") ? "rtl" : "ltr",
-			key: e.key,
+			currentIndex: n.indexOf(t.currentTarget),
+			direction: t.currentTarget.matches(":dir(rtl)") ? "rtl" : "ltr",
+			key: t.key,
 			orientation: y.orientation,
 			wraps: !0
 		});
-		r !== null && (e.preventDefault(), n[r].focus());
+		r !== null && (t.preventDefault(), n[r].focus());
 	}
 	function E(e) {
 		h?.(e), x.current = !1;
@@ -36,7 +36,7 @@ function l({ className: l, disabled: u = !1, onBlur: d, onClick: f, onFocus: p,
 	function D(e) {
 		g?.(e), x.current = !0;
 	}
-	return /* @__PURE__ */ c(e, {
+	return /* @__PURE__ */ c(t, {
 		...v,
 		as: "button",
 		className: o(i.tab, l),
@@ -57,5 +57,4 @@ function l({ className: l, disabled: u = !1, onBlur: d, onClick: f, onFocus: p,
 		"data-variant": y.variant
 	});
 }
-//#endregion
 export { l as Tab };

package/dist/components/Tabs/TabList.js

@@ -4,7 +4,7 @@ import { useTabsContext as n } from "./useTabsContext.js";
 import { clsx as r } from "clsx";
 import { c as i } from "react/compiler-runtime";
 import { jsx as a } from "react/jsx-runtime";
-//#region src/components/Tabs/TabList.tsx
+// src/components/Tabs/TabList.tsx
 function o(o) {
 	let s = i(10), c, l;
 	s[0] === o ? (c = s[1], l = s[2]) : ({className: c, ...l} = o, s[0] = o, s[1] = c, s[2] = l);
@@ -19,5 +19,4 @@ function o(o) {
 		"data-variant": u.variant
 	}), s[5] = l, s[6] = d, s[7] = f, s[8] = u.variant, s[9] = p) : p = s[9], p;
 }
-//#endregion
 export { o as TabList };

package/dist/components/Tabs/TabPanel.js

@@ -4,7 +4,7 @@ import r from "./Tabs.module.js";
 import { useTabsContext as i } from "./useTabsContext.js";
 import { clsx as a } from "clsx";
 import { jsx as o } from "react/jsx-runtime";
-//#region src/components/Tabs/TabPanel.tsx
+// src/components/Tabs/TabPanel.tsx
 function s({ children: s, className: c, tabIndex: l = 0, value: u, ...d }) {
 	let f = i("TabPanel"), p = f.selectedValue === u;
 	return /* @__PURE__ */ o(e, {
@@ -18,5 +18,4 @@ function s({ children: s, className: c, tabIndex: l = 0, value: u, ...d }) {
 		children: p ? s : null
 	});
 }
-//#endregion
 export { s as TabPanel };

package/dist/components/Tabs/Tabs.js

@@ -4,7 +4,7 @@ import { TabsContext as n } from "./TabsContext.js";
 import { clsx as r } from "clsx";
 import { useId as i, useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
-//#region src/components/Tabs/Tabs.tsx
+// src/components/Tabs/Tabs.tsx
 function s({ activation: s = "automatic", className: c, defaultValue: l, onValueChange: u, orientation: d = "horizontal", size: f = "md", value: p, variant: m = "underline", ...h }) {
 	let g = i(), [_, v] = a(l), y = p ?? _;
 	function b(e) {
@@ -27,5 +27,4 @@ function s({ activation: s = "automatic", className: c, defaultValue: l, onValue
 		})
 	});
 }
-//#endregion
 export { s as Tabs };

package/dist/components/Tabs/Tabs.module.js

@@ -1,9 +1,8 @@
-import './Tabs.css';//#region src/components/Tabs/Tabs.module.css
+import './Tabs.css';// src/components/Tabs/Tabs.module.css
 var e = "sui-tabs-QzIkz", t = "sui-tabList-yw6gS", n = "sui-tab-IdDYc", r = "sui-tabPanel-eAxHF", i = {
 	tabs: e,
 	tabList: t,
 	tab: n,
 	tabPanel: r
 };
-//#endregion
 export { i as default, n as tab, t as tabList, r as tabPanel, e as tabs };

package/dist/components/Tabs/TabsContext.js

@@ -1,5 +1,4 @@
 import { createContext as e } from "react";
-//#region src/components/Tabs/TabsContext.ts
+// src/components/Tabs/TabsContext.ts
 var t = e(null);
-//#endregion
 export { t as TabsContext };

package/dist/components/Tabs/tabIds.js

@@ -1,10 +1,9 @@
 import { idSegment as e } from "../../accessibility/idSegment.js";
-//#region src/components/Tabs/tabIds.ts
+// src/components/Tabs/tabIds.ts
 function t(t, n) {
 	return `${t}-tab-${e(n)}`;
 }
 function n(t, n) {
 	return `${t}-panel-${e(n)}`;
 }
-//#endregion
 export { n as panelId, t as tabId };

package/dist/components/Tabs/useTabsContext.js

@@ -1,11 +1,10 @@
 import { MissingContextError as e } from "../../errors/MissingContextError.js";
 import { TabsContext as t } from "./TabsContext.js";
 import { useContext as n } from "react";
-//#region src/components/Tabs/useTabsContext.ts
+// src/components/Tabs/useTabsContext.ts
 function r(r) {
 	let i = n(t);
 	if (i === null) throw new e(r, "Tabs");
 	return i;
 }
-//#endregion
 export { r as useTabsContext };

package/dist/components/Text/Text.js

@@ -2,7 +2,7 @@ import { Box as e } from "../Box/Box.js";
 import t from "./Text.module.js";
 import { clsx as n } from "clsx";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/Text/Text.tsx
+// src/components/Text/Text.tsx
 function i({ as: i, className: a, size: o = "md", tone: s = "default", weight: c = "regular", ...l }) {
 	return /* @__PURE__ */ r(e, {
 		...l,
@@ -13,5 +13,4 @@ function i({ as: i, className: a, size: o = "md", tone: s = "default", weight: c
 		"data-weight": c
 	});
 }
-//#endregion
 export { i as Text };

package/dist/components/Text/Text.module.js

@@ -1,4 +1,3 @@
-import './Text.css';//#region src/components/Text/Text.module.css
+import './Text.css';// src/components/Text/Text.module.css
 var e = "sui-text-78lq0", t = { text: e };
-//#endregion
 export { t as default, e as text };

package/dist/components/TextControl/TextControl.d.ts

@@ -1,7 +1,7 @@
 import type { JSX } from "react";
 import type { ControlSize } from "../../forms";
 import type { BoxProps } from "../Box";
-type TextControlElement = "input" | "select" | "textarea";
+type TextControlElement = "button" | "input" | "select" | "textarea";
 interface TextControlOwnProps<E extends TextControlElement> {
     /**
      * Native element to render
@@ -15,8 +15,8 @@ interface TextControlOwnProps<E extends TextControlElement> {
 }
 type TextControlProps<E extends TextControlElement> = TextControlOwnProps<E> & Omit<BoxProps<E>, keyof TextControlOwnProps<E>>;
 /**
- * Themed text-entry element shared by `TextInput`, `Textarea` and `Select`. Inside a `Field` it takes its id,
- * description, and invalid, disabled and required state from the field.
+ * Themed text-entry element shared by `TextInput`, `Textarea`, `Select`, `Combobox` and `Autocomplete`. Inside a
+ * `Field` it takes its id, description, and invalid, disabled and required state from the field.
  */
 export declare function TextControl<E extends TextControlElement>({ as, className, size, ...rest }: TextControlProps<E>): JSX.Element;
 export {};

package/dist/components/TextControl/TextControl.js

@@ -4,20 +4,24 @@ import n from "./TextControl.module.js";
 import { clsx as r } from "clsx";
 import { c as i } from "react/compiler-runtime";
 import { jsx as a } from "react/jsx-runtime";
-//#region src/components/TextControl/TextControl.tsx
+// src/components/TextControl/TextControl.tsx
 function o(o) {
-	let s = i(13), c, l, u, d;
+	let s = i(20), c, l, u, d;
 	s[0] === o ? (c = s[1], l = s[2], u = s[3], d = s[4]) : ({as: c, className: l, size: d, ...u} = o, s[0] = o, s[1] = c, s[2] = l, s[3] = u, s[4] = d);
-	let f = u, p = e(f), m = c, h;
-	s[5] === l ? h = s[6] : (h = r(n.textControl, l), s[5] = l, s[6] = h);
+	let f = u, p = e(f), m, h;
+	s[5] === p ? (m = s[6], h = s[7]) : ({required: h, ...m} = p, s[5] = p, s[6] = m, s[7] = h);
 	let g;
-	return s[7] !== f || s[8] !== p || s[9] !== d || s[10] !== m || s[11] !== h ? (g = /* @__PURE__ */ a(t, {
+	s[8] !== c || s[9] !== h ? (g = c === "button" ? { "aria-required": h } : { required: h }, s[8] = c, s[9] = h, s[10] = g) : g = s[10];
+	let _ = g, v = c, y;
+	s[11] === l ? y = s[12] : (y = r(n.textControl, l), s[11] = l, s[12] = y);
+	let b;
+	return s[13] !== f || s[14] !== m || s[15] !== _ || s[16] !== d || s[17] !== v || s[18] !== y ? (b = /* @__PURE__ */ a(t, {
 		...f,
-		...p,
-		as: m,
-		className: h,
+		...m,
+		..._,
+		as: v,
+		className: y,
 		"data-size": d
-	}), s[7] = f, s[8] = p, s[9] = d, s[10] = m, s[11] = h, s[12] = g) : g = s[12], g;
+	}), s[13] = f, s[14] = m, s[15] = _, s[16] = d, s[17] = v, s[18] = y, s[19] = b) : b = s[19], b;
 }
-//#endregion
 export { o as TextControl };

package/dist/components/TextControl/TextControl.module.js

@@ -1,4 +1,3 @@
-import './TextControl.css';//#region src/components/TextControl/TextControl.module.css
+import './TextControl.css';// src/components/TextControl/TextControl.module.css
 var e = "sui-textControl-gGW4a", t = { textControl: e };
-//#endregion
 export { t as default, e as textControl };

package/dist/components/TextInput/TextInput.js

@@ -1,6 +1,6 @@
 import { TextControl as e } from "../TextControl/TextControl.js";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/components/TextInput/TextInput.tsx
+// src/components/TextInput/TextInput.tsx
 function n({ size: n = "md", type: r = "text", ...i }) {
 	return /* @__PURE__ */ t(e, {
 		...i,
@@ -9,5 +9,4 @@ function n({ size: n = "md", type: r = "text", ...i }) {
 		type: r
 	});
 }
-//#endregion
 export { n as TextInput };

package/dist/components/Textarea/Textarea.js

@@ -1,6 +1,6 @@
 import { TextControl as e } from "../TextControl/TextControl.js";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/components/Textarea/Textarea.tsx
+// src/components/Textarea/Textarea.tsx
 function n({ size: n = "md", ...r }) {
 	return /* @__PURE__ */ t(e, {
 		...r,
@@ -8,5 +8,4 @@ function n({ size: n = "md", ...r }) {
 		size: n
 	});
 }
-//#endregion
 export { n as Textarea };

package/dist/components/Theme/Theme.js

@@ -1,7 +1,7 @@
 import { Box as e } from "../Box/Box.js";
 import { c as t } from "react/compiler-runtime";
 import { jsx as n } from "react/jsx-runtime";
-//#region src/components/Theme/Theme.tsx
+// src/components/Theme/Theme.tsx
 function r(r) {
 	let i = t(12), a, o, s, c, l;
 	i[0] === r ? (a = i[1], o = i[2], s = i[3], c = i[4], l = i[5]) : ({as: a, mode: o, palette: s, theme: l, ...c} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = s, i[4] = c, i[5] = l);
@@ -14,5 +14,4 @@ function r(r) {
 		"data-sui-theme": l
 	}), i[6] = u, i[7] = o, i[8] = s, i[9] = d, i[10] = l, i[11] = f) : f = i[11], f;
 }
-//#endregion
 export { r as Theme };

package/dist/components/Tooltip/Tooltip.js

@@ -3,7 +3,7 @@ import t from "./Tooltip.module.js";
 import { clsx as n } from "clsx";
 import { c as r } from "react/compiler-runtime";
 import { jsx as i } from "react/jsx-runtime";
-//#region src/components/Tooltip/Tooltip.tsx
+// src/components/Tooltip/Tooltip.tsx
 function a(a) {
 	let o = r(8), s, c;
 	o[0] === a ? (s = o[1], c = o[2]) : ({className: s, ...c} = a, o[0] = a, o[1] = s, o[2] = c);
@@ -18,5 +18,4 @@ function a(a) {
 		role: "tooltip"
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 }
-//#endregion
 export { a as Tooltip };

package/dist/components/Tooltip/Tooltip.module.js

@@ -1,4 +1,3 @@
-import './Tooltip.css';//#region src/components/Tooltip/Tooltip.module.css
+import './Tooltip.css';// src/components/Tooltip/Tooltip.module.css
 var e = "sui-tooltip-UA7H9", t = { tooltip: e };
-//#endregion
 export { t as default, e as tooltip };

package/dist/components/Tooltip/tooltipCoordinator.js

@@ -1,4 +1,4 @@
-//#region src/components/Tooltip/tooltipCoordinator.ts
+// src/components/Tooltip/tooltipCoordinator.ts
 var e = null, t = -Infinity;
 function n(n, r) {
 	e !== null && e.id !== n && e.hide();
@@ -13,5 +13,4 @@ function n(n, r) {
 function r() {
 	return e !== null || Date.now() - t < 300;
 }
-//#endregion
 export { n as claimTooltip, r as isTooltipWarm };

package/dist/components/Tooltip/useTooltip.js

@@ -2,7 +2,7 @@ import { mergeProps as e } from "../../overlays/mergeProps.js";
 import { useOverlay as t } from "../../overlays/useOverlay.js";
 import { claimTooltip as n, isTooltipWarm as r } from "./tooltipCoordinator.js";
 import { useEffect as i, useEffectEvent as a, useRef as o } from "react";
-//#region src/components/Tooltip/useTooltip.ts
+// src/components/Tooltip/useTooltip.ts
 var s = {
 	hide: 150,
 	show: 400
@@ -70,5 +70,4 @@ function l(e) {
 	let t = e.relatedTarget instanceof Element ? e.relatedTarget.closest("[popover]") : null;
 	return t !== null && !t.matches(":popover-open");
 }
-//#endregion
 export { c as useTooltip };

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -3,7 +3,7 @@ import t from "./VisuallyHidden.module.js";
 import { clsx as n } from "clsx";
 import { c as r } from "react/compiler-runtime";
 import { jsx as i } from "react/jsx-runtime";
-//#region src/components/VisuallyHidden/VisuallyHidden.tsx
+// src/components/VisuallyHidden/VisuallyHidden.tsx
 function a(a) {
 	let o = r(10), s, c, l;
 	o[0] === a ? (s = o[1], c = o[2], l = o[3]) : ({as: s, className: c, ...l} = a, o[0] = a, o[1] = s, o[2] = c, o[3] = l);
@@ -16,5 +16,4 @@ function a(a) {
 		className: f
 	}), o[6] = u, o[7] = d, o[8] = f, o[9] = p) : p = o[9], p;
 }
-//#endregion
 export { a as VisuallyHidden };

package/dist/components/VisuallyHidden/VisuallyHidden.module.js

@@ -1,4 +1,3 @@
-import './VisuallyHidden.css';//#region src/components/VisuallyHidden/VisuallyHidden.module.css
+import './VisuallyHidden.css';// src/components/VisuallyHidden/VisuallyHidden.module.css
 var e = "sui-visuallyHidden-KiAzg", t = { visuallyHidden: e };
-//#endregion
 export { t as default, e as visuallyHidden };

package/dist/errors/MissingContextError.js

@@ -1,9 +1,8 @@
-//#region src/errors/MissingContextError.ts
+// src/errors/MissingContextError.ts
 var e = class extends Error {
 	name = "MissingContextError";
 	constructor(e, t) {
 		super(`${e} must be rendered inside ${t}`);
 	}
 };
-//#endregion
 export { e as MissingContextError };

package/dist/errors/PopoverRefusedError.js

@@ -1,9 +1,8 @@
-//#region src/errors/PopoverRefusedError.ts
+// src/errors/PopoverRefusedError.ts
 var e = class extends Error {
 	name = "PopoverRefusedError";
 	constructor(e, t, n) {
 		super(`The browser refused to ${t ? "show" : "hide"} the popover with id "${e.id}"`, { cause: n });
 	}
 };
-//#endregion
 export { e as PopoverRefusedError };

package/dist/forms/FieldContext.d.ts

@@ -18,6 +18,11 @@ export interface FieldContextValue {
      * Whether the field shows an error for its control
      */
     invalid: boolean;
+    /**
+     * The label's `id`, for a part of the control that the label names but cannot point at, such as a combobox's list;
+     * undefined when the field has no label
+     */
+    labelId: string | undefined;
     /**
      * Whether the control must be filled in
      */

package/dist/forms/FieldContext.js

@@ -1,5 +1,4 @@
 import { createContext as e } from "react";
-//#region src/forms/FieldContext.ts
+// src/forms/FieldContext.ts
 var t = e(null);
-//#endregion
 export { t as FieldContext };

package/dist/forms/RadioGroupContext.js

@@ -1,5 +1,4 @@
 import { createContext as e } from "react";
-//#region src/forms/RadioGroupContext.ts
+// src/forms/RadioGroupContext.ts
 var t = e(null);
-//#endregion
 export { t as RadioGroupContext };

package/dist/forms/hasContent.js

@@ -1,7 +1,6 @@
 import { Fragment as e, isValidElement as t } from "react";
-//#region src/forms/hasContent.ts
+// src/forms/hasContent.ts
 function n(r) {
 	return Array.isArray(r) ? r.some(n) : t(r) && r.type === e ? n(r.props.children) : r != null && typeof r != "boolean" && r !== "";
 }
-//#endregion
 export { n as hasContent };

package/dist/forms/useFieldControl.js

@@ -1,7 +1,7 @@
 import { FieldContext as e } from "./FieldContext.js";
 import { useContext as t } from "react";
 import { c as n } from "react/compiler-runtime";
-//#region src/forms/useFieldControl.ts
+// src/forms/useFieldControl.ts
 function r(r) {
 	let i = n(15), { "aria-describedby": a, "aria-invalid": o, disabled: s, id: c, required: l } = r, u = t(e);
 	if (u === null) {
@@ -25,5 +25,4 @@ function r(r) {
 		required: g
 	}, i[9] = u.controlId, i[10] = p, i[11] = m, i[12] = h, i[13] = g, i[14] = _) : _ = i[14], _;
 }
-//#endregion
 export { r as useFieldControl };

package/dist/forms/useRadioGroupItem.js

@@ -1,7 +1,7 @@
 import { RadioGroupContext as e } from "./RadioGroupContext.js";
 import { useContext as t } from "react";
 import { c as n } from "react/compiler-runtime";
-//#region src/forms/useRadioGroupItem.ts
+// src/forms/useRadioGroupItem.ts
 function r(r) {
 	let i = n(16), { onChange: a, value: o } = r, s = t(e);
 	if (s === null) {
@@ -23,5 +23,4 @@ function r(r) {
 		required: s.required
 	}, i[10] = s.name, i[11] = s.required, i[12] = c, i[13] = l, i[14] = u, i[15] = d) : d = i[15], d;
 }
-//#endregion
 export { r as useRadioGroupItem };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export { Accordion, AccordionItem } from "./components/Accordion";
+export type { AccordionIndicator, AccordionItemProps, AccordionProps, AccordionVariant } from "./components/Accordion";
 export { Alert } from "./components/Alert";
 export type { AlertProps, AlertTone } from "./components/Alert";
 export { Avatar } from "./components/Avatar";
@@ -20,6 +22,10 @@ export { Cluster } from "./components/Cluster";
 export type { ClusterProps } from "./components/Cluster";
 export { Code } from "./components/Code";
 export type { CodeProps } from "./components/Code";
+export { Autocomplete, Combobox, ComboboxOption } from "./components/Combobox";
+export type { AutocompleteProps, ComboboxOptionProps, ComboboxProps } from "./components/Combobox";
+export { useContextMenu } from "./components/ContextMenu";
+export type { UseContextMenuOptions, UseContextMenuResult } from "./components/ContextMenu";
 export { Counter } from "./components/Counter";
 export type { CounterProps } from "./components/Counter";
 export { Cover } from "./components/Cover";
@@ -36,7 +42,7 @@ export { Grid } from "./components/Grid";
 export type { GridProps } from "./components/Grid";
 export { Heading } from "./components/Heading";
 export type { HeadingLevel, HeadingProps, HeadingSize } from "./components/Heading";
-export { AddIcon, ChevronDownIcon, CloseIcon, ColorModeIcon, DeleteIcon, InfoIcon, MoreHorizontalIcon, MoreVerticalIcon, PaletteIcon, RefreshIcon, RemoveIcon, SendIcon, } from "./components/Icon";
+export { AddIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CloseIcon, ColorModeIcon, DeleteIcon, InfoIcon, MenuIcon, MoreHorizontalIcon, MoreVerticalIcon, PaletteIcon, RefreshIcon, RemoveIcon, SendIcon, } from "./components/Icon";
 export type { IconProps } from "./components/Icon";
 export { IconButton } from "./components/IconButton";
 export type { IconButtonProps } from "./components/IconButton";
@@ -46,6 +52,12 @@ export { Link } from "./components/Link";
 export type { LinkElement, LinkProps, LinkTone, LinkUnderline } from "./components/Link";
 export { Listbox, ListboxOption } from "./components/Listbox";
 export type { ListboxOptionProps, ListboxProps } from "./components/Listbox";
+export { Menu, MenuGroup, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuRadioGroup, MenuSeparator, Submenu, useMenu, } from "./components/Menu";
+export type { MenuDensity, MenuGroupProps, MenuItemCheckboxProps, MenuItemElement, MenuItemProps, MenuItemRadioProps, MenuOverlayProps, MenuProps, MenuRadioGroupProps, MenuSeparatorProps, SubmenuProps, UseMenuOptions, UseMenuResult, } from "./components/Menu";
+export { Menubar, MenubarMenu } from "./components/Menubar";
+export type { MenubarMenuProps, MenubarProps } from "./components/Menubar";
+export { NavBar, NavBarItem, NavBarMenu, NavBarMenuGroup, NavBarMenuItem } from "./components/NavBar";
+export type { NavBarCollapse, NavBarItemProps, NavBarMenuGroupProps, NavBarMenuItemProps, NavBarMenuProps, NavBarProps, } from "./components/NavBar";
 export { NavList, NavListGroup, NavListItem } from "./components/NavList";
 export type { NavListGroupProps, NavListItemElement, NavListItemProps, NavListProps } from "./components/NavList";
 export { PageLayout } from "./components/PageLayout";