@jfrader/ui 0.1.2 → 0.2.0

package/dist/dialog-C2NSOOP-.js

@@ -1,176 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { n as t } from "./focus-ring-BK5W5_NY.js";
-import { n } from "./media-D_eA_I-e.js";
-import { t as r } from "./use-controlled-state-CVXDa-qM.js";
-import { t as i } from "./trigger-style-B1GFmH7M.js";
-import { i as a, n as o, r as s, t as c } from "./use-native-dialog-DWpIUVO1.js";
-import { n as l, t as u } from "./surface-DZ4d-2aL.js";
-import { createContext as d, forwardRef as f, useCallback as p, useContext as m, useEffect as h, useId as g, useMemo as _, useRef as v, useState as y } from "react";
-import { vars as b } from "@jfrader/tokens/vars";
-import { jsx as x } from "@emotion/react/jsx-runtime";
-//#region src/components/dialog/dialog.tsx
-var S = d(null), C = d(null);
-function w(e) {
-	let t = m(S);
-	if (!t) throw Error(`Dialog.${e} must be rendered inside <Dialog>.`);
-	return t;
-}
-var T = e(u), E = e({
-	...l,
-	borderRadius: b.radius.lg,
-	boxShadow: b.shadow.floating,
-	padding: b.space[5],
-	minInlineSize: "320px",
-	maxInlineSize: "min(560px, calc(100vw - 32px))"
-}), D = e({
-	margin: 0,
-	marginBlockEnd: b.space[2],
-	fontSize: b.textSize.lg,
-	fontWeight: b.fontWeight.semibold,
-	lineHeight: b.lineHeight.tight
-}), O = e({
-	margin: 0,
-	marginBlockEnd: b.space[4],
-	fontSize: b.textSize.sm,
-	color: b.color.textMuted
-}), k = e({
-	appearance: "none",
-	display: "inline-flex",
-	alignItems: "center",
-	border: "1px solid transparent",
-	borderRadius: b.radius.md,
-	backgroundColor: "transparent",
-	paddingBlock: b.space[1],
-	paddingInline: b.space[3],
-	font: "inherit",
-	fontSize: b.textSize.sm,
-	fontWeight: b.fontWeight.medium,
-	color: b.color.textMuted,
-	cursor: "pointer",
-	transitionProperty: "background-color, color",
-	transitionDuration: b.motion.duration.fast,
-	transitionTimingFunction: b.motion.easeStandard,
-	"&:hover:not(:disabled)": {
-		backgroundColor: b.color.surfaceHover,
-		color: b.color.text
-	},
-	"&:focus-visible": { ...t },
-	"&:disabled": {
-		opacity: .55,
-		cursor: "not-allowed"
-	},
-	[n]: { transitionDuration: "0s" }
-});
-function A({ open: e, defaultOpen: t = !1, onOpenChange: n, children: i }) {
-	let o = g(), [s = !1, c] = r(e, t, n), { setDialogElement: l, setOpen: u, requestClose: d, repairToken: f } = a(s, c), [p, m] = y(!1), [h, v] = y(!1), b = _(() => ({
-		open: s,
-		setOpen: u,
-		requestClose: d,
-		repairToken: f,
-		setDialogElement: l,
-		titleId: `${o}-title`,
-		descriptionId: `${o}-description`,
-		hasTitle: p,
-		hasDescription: h,
-		setHasTitle: m,
-		setHasDescription: v
-	}), [
-		s,
-		u,
-		d,
-		f,
-		l,
-		o,
-		p,
-		h
-	]);
-	return /* @__PURE__ */ x(S.Provider, {
-		value: b,
-		children: i
-	});
-}
-var j = f(function({ onClick: e, render: t, ...n }, r) {
-	let { open: a, setOpen: o } = w("Trigger"), { "data-ui": s, ...c } = n, l = e, u = (e) => {
-		l?.(e), e.defaultPrevented || o(!0);
-	}, d = {
-		type: "button",
-		...c,
-		ref: r,
-		"data-ui": t && s !== void 0 ? `${s} dialog-trigger` : "dialog-trigger",
-		"aria-haspopup": "dialog",
-		"aria-expanded": a,
-		onClick: u
-	};
-	return t ? t(d) : /* @__PURE__ */ x("button", {
-		...d,
-		css: i
-	});
-}), M = f(function(e, t) {
-	let { children: n, onCancel: r, onClick: i, onClose: a, "aria-labelledby": l, "aria-describedby": u, withDescription: d = !0, ...f } = c(e), m = w("Content"), { setOpen: h, titleId: g, descriptionId: _, hasTitle: y, hasDescription: b } = m, S = v(null), D = p(() => {
-		o(S.current, h);
-	}, [h]), O = s({
-		...m,
-		requestClose: D
-	}, {
-		onCancel: r,
-		onClick: i,
-		onClose: a
-	}, t, S), k = [l, y && g].filter(Boolean).join(" ") || void 0, A = [u, d && b && _].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ x("dialog", {
-		...f,
-		...O,
-		"data-ui": "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": k,
-		"aria-describedby": A,
-		css: T,
-		children: /* @__PURE__ */ x(C.Provider, {
-			value: D,
-			children: /* @__PURE__ */ x("div", {
-				css: E,
-				children: n
-			})
-		})
-	});
-}), N = f(function(e, t) {
-	let { titleId: n, setHasTitle: r } = w("Title");
-	return h(() => (r(!0), () => r(!1)), [r]), /* @__PURE__ */ x("h2", {
-		...e,
-		ref: t,
-		id: n,
-		"data-ui": "dialog-title",
-		css: D
-	});
-}), P = f(function(e, t) {
-	let { descriptionId: n, setHasDescription: r } = w("Description");
-	return h(() => (r(!0), () => r(!1)), [r]), /* @__PURE__ */ x("p", {
-		...e,
-		ref: t,
-		id: n,
-		"data-ui": "dialog-description",
-		css: O
-	});
-}), F = f(function({ onClick: e, render: t, ...n }, r) {
-	let { setOpen: i } = w("Close"), a = m(C), { "data-ui": o, ...s } = n, c = e, l = (e) => {
-		c?.(e), !e.defaultPrevented && (a ? a() : i(!1));
-	}, u = {
-		type: "button",
-		...s,
-		ref: r,
-		"data-ui": t && o !== void 0 ? `${o} dialog-close` : "dialog-close",
-		onClick: l
-	};
-	return t ? t(u) : /* @__PURE__ */ x("button", {
-		...u,
-		css: k
-	});
-}), I = Object.assign(A, {
-	Trigger: j,
-	Content: M,
-	Title: N,
-	Description: P,
-	Close: F
-});
-//#endregion
-export { I as t };

package/dist/divider-yF5EmhhT.js

@@ -1,77 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { t } from "./renderable-DzcIj1Lo.js";
-import { forwardRef as n, useId as r } from "react";
-import { vars as i } from "@jfrader/tokens/vars";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-//#region src/components/divider/divider.tsx
-var o = "@media (forced-colors: active)", s = "1px", c = {
-	backgroundColor: i.color.border,
-	[o]: {
-		forcedColorAdjust: "none",
-		backgroundColor: "CanvasText"
-	}
-}, l = e({
-	...c,
-	boxSizing: "border-box",
-	alignSelf: "stretch",
-	blockSize: s,
-	margin: 0,
-	border: 0
-}), u = e({
-	...c,
-	boxSizing: "border-box",
-	alignSelf: "stretch",
-	flexShrink: 0,
-	inlineSize: s
-}), d = e({
-	display: "flex",
-	alignItems: "center",
-	alignSelf: "stretch",
-	gap: i.space[3],
-	fontFamily: i.font.sans,
-	fontSize: i.textSize.sm,
-	lineHeight: i.lineHeight.tight,
-	color: i.color.textMuted,
-	"&::before, &::after": {
-		...c,
-		content: "\"\"",
-		flex: 1,
-		blockSize: s
-	}
-}), f = n(function({ orientation: e = "horizontal", label: n, "aria-labelledby": i, ...o }, s) {
-	let c = r();
-	return e === "vertical" ? /* @__PURE__ */ a("div", {
-		...o,
-		ref: s,
-		role: "separator",
-		"aria-orientation": "vertical",
-		"aria-labelledby": i,
-		"data-ui": "divider",
-		"data-orientation": "vertical",
-		css: u
-	}) : t(n) ? /* @__PURE__ */ a("div", {
-		...o,
-		ref: s,
-		role: "separator",
-		"aria-orientation": "horizontal",
-		"aria-labelledby": [c, i].filter(Boolean).join(" "),
-		"data-ui": "divider",
-		"data-orientation": "horizontal",
-		css: d,
-		children: /* @__PURE__ */ a("span", {
-			id: c,
-			"data-ui": "divider-label",
-			children: n
-		})
-	}) : /* @__PURE__ */ a("hr", {
-		...o,
-		ref: s,
-		"aria-labelledby": i,
-		"data-ui": "divider",
-		"data-orientation": "horizontal",
-		css: l
-	});
-});
-//#endregion
-export { f as t };

package/dist/flex-5-NI5SSy.js

@@ -1,22 +0,0 @@
-'use client';
-import { t as e } from "./layout-style-7ZTOiWGR.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "@emotion/react/jsx-runtime";
-//#region src/components/flex/flex.tsx
-var r = t(function({ direction: t, wrap: r, inline: i, align: a, justify: o, gap: s, ...c }, l) {
-	return /* @__PURE__ */ n("div", {
-		...c,
-		ref: l,
-		"data-ui": "flex",
-		css: e({
-			direction: t,
-			wrap: r,
-			inline: i,
-			align: a,
-			justify: o,
-			gap: s
-		})
-	});
-});
-//#endregion
-export { r as t };

package/dist/kbd-B03_qIwQ.js

@@ -1,56 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { Children as t, Fragment as n, forwardRef as r } from "react";
-import { vars as i } from "@jfrader/tokens/vars";
-import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
-//#region src/components/kbd/kbd.tsx
-var s = "+", c = e({
-	display: "inline-flex",
-	alignItems: "center",
-	boxSizing: "border-box",
-	paddingBlock: "2px",
-	paddingInline: "6px",
-	backgroundColor: i.color.surfaceHover,
-	border: `1px solid ${i.color.borderSubtle}`,
-	borderBlockEndColor: i.color.borderStrong,
-	borderBlockEndWidth: "2px",
-	borderRadius: i.radius.sm,
-	fontFamily: i.font.mono,
-	fontSize: i.textSize.xs,
-	fontWeight: i.fontWeight.medium,
-	lineHeight: i.lineHeight.tight,
-	color: i.color.text,
-	whiteSpace: "nowrap",
-	verticalAlign: "middle"
-}), l = e({
-	display: "inline-flex",
-	alignItems: "center",
-	gap: i.space[1],
-	verticalAlign: "middle"
-}), u = e({
-	fontFamily: i.font.sans,
-	fontSize: i.textSize.xs,
-	color: i.color.textMuted
-}), d = r(function(e, t) {
-	return /* @__PURE__ */ a("kbd", {
-		...e,
-		ref: t,
-		"data-ui": "kbd",
-		css: c
-	});
-}), f = r(function({ children: e, ...r }, i) {
-	return /* @__PURE__ */ a("span", {
-		...r,
-		ref: i,
-		"data-ui": "kbd-group",
-		css: l,
-		children: t.toArray(e).map((e, t) => /* @__PURE__ */ o(n, { children: [t > 0 && /* @__PURE__ */ a("span", {
-			"aria-hidden": !0,
-			"data-ui": "kbd-separator",
-			css: u,
-			children: s
-		}), e] }, t))
-	});
-}), p = Object.assign(d, { Group: f });
-//#endregion
-export { p as t };

package/dist/menu-bvKRJOhJ.js

@@ -1,187 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { t } from "./focus-ring-BK5W5_NY.js";
-import { n } from "./media-D_eA_I-e.js";
-import { t as r } from "./use-controlled-state-CVXDa-qM.js";
-import { f as i, i as a, n as o, o as s } from "./collection-registry-1l9f3XJZ.js";
-import { t as c } from "./trigger-style-B1GFmH7M.js";
-import { t as l } from "./use-overlay-floating-efeqppiw.js";
-import { createContext as u, forwardRef as d, useContext as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-import { vars as _ } from "@jfrader/tokens/vars";
-import { jsx as v } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as y, FloatingList as b, FloatingPortal as x, useClick as S, useDismiss as C, useInteractions as w, useListNavigation as T, useMergeRefs as E, useRole as D, useTypeahead as O } from "@floating-ui/react";
-//#region src/components/menu/menu.tsx
-var k = 500, A = u(null), j = u(!1);
-function M(e) {
-	let t = f(A);
-	if (!t) throw Error(`Menu.${e} must be rendered inside <Menu>.`);
-	return t;
-}
-function N() {
-	let e = M("Item");
-	if (!f(j)) throw Error("Menu.Item must be rendered inside <Menu.Content>.");
-	return e;
-}
-var P = e({
-	appearance: "none",
-	boxSizing: "border-box",
-	display: "flex",
-	alignItems: "center",
-	inlineSize: "100%",
-	minBlockSize: "32px",
-	border: 0,
-	borderRadius: _.radius.sm,
-	backgroundColor: "transparent",
-	paddingBlock: _.space[1],
-	paddingInline: _.space[2],
-	font: "inherit",
-	fontSize: _.textSize.sm,
-	color: _.color.text,
-	textAlign: "start",
-	cursor: "pointer",
-	transitionProperty: "background-color",
-	transitionDuration: _.motion.duration.fast,
-	transitionTimingFunction: _.motion.easeStandard,
-	"&:focus-visible": { ...t },
-	[n]: { transitionDuration: "0s" }
-}), F = e({
-	blockSize: "1px",
-	marginBlock: _.space[1],
-	backgroundColor: _.color.border
-});
-function I({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: i = "bottom-start", children: a }) {
-	let [o = !1, s] = r(e, t, n), [c, u] = g(null), d = h([]), f = h([]), _ = h(/* @__PURE__ */ new Set()), y = h(!1), { refs: b, floatingStyles: x, context: E } = l({
-		open: o,
-		placement: i,
-		onOpenChange: (e, t, n) => {
-			e || (y.current = n === "escape-key"), s(e);
-		}
-	});
-	p(() => {
-		!o && y.current && (y.current = !1, b.domReference.current?.focus());
-	}, [o, b]);
-	let j = S(E), M = D(E, { role: "menu" }), N = C(E, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), P = T(E, {
-		listRef: d,
-		activeIndex: c,
-		onNavigate: u,
-		loop: !0,
-		orientation: "vertical",
-		disabledIndices: (e) => _.current.has(e),
-		focusItemOnOpen: !0
-	}), F = O(E, {
-		listRef: f,
-		activeIndex: c,
-		onMatch: o ? u : void 0,
-		resetMs: k
-	}), { getReferenceProps: I, getFloatingProps: L, getItemProps: R } = w([
-		j,
-		M,
-		N,
-		P,
-		F
-	]), z = m(() => ({
-		open: o,
-		requestClose: (e = !1) => {
-			e && (y.current = !0), s(!1);
-		},
-		activeIndex: c,
-		refs: b,
-		floatingContext: E,
-		floatingStyles: x,
-		elementsRef: d,
-		labelsRef: f,
-		disabledIndices: _.current,
-		getReferenceProps: I,
-		getFloatingProps: L,
-		getItemProps: R
-	}), [
-		o,
-		s,
-		c,
-		b,
-		E,
-		x,
-		I,
-		L,
-		R
-	]);
-	return /* @__PURE__ */ v(A.Provider, {
-		value: z,
-		children: a
-	});
-}
-var L = d(function(e, t) {
-	let { refs: n, getReferenceProps: r } = M("Trigger"), i = E([n.setReference, t]);
-	return /* @__PURE__ */ v("button", {
-		type: "button",
-		...r(e),
-		ref: i,
-		"data-ui": "menu-trigger",
-		css: c
-	});
-}), R = d(function({ style: e, children: t, ...n }, r) {
-	let { open: a, refs: o, floatingContext: s, floatingStyles: c, elementsRef: l, labelsRef: u, getFloatingProps: d } = M("Content"), f = E([o.setFloating, r]);
-	return a ? /* @__PURE__ */ v(x, { children: /* @__PURE__ */ v(y, {
-		context: s,
-		modal: !1,
-		initialFocus: -1,
-		returnFocus: !1,
-		restoreFocus: !0,
-		children: /* @__PURE__ */ v("div", {
-			...d(n),
-			ref: f,
-			"data-ui": "menu",
-			style: {
-				...e,
-				...c
-			},
-			css: i,
-			children: /* @__PURE__ */ v(b, {
-				elementsRef: l,
-				labelsRef: u,
-				children: /* @__PURE__ */ v(j.Provider, {
-					value: !0,
-					children: t
-				})
-			})
-		})
-	}) }) : null;
-}), z = d(function({ onSelect: e, disabled: t = !1, onClick: n, ...r }, i) {
-	let { activeIndex: c, requestClose: l, disabledIndices: u, getItemProps: d } = N(), { ref: f, index: p } = a({ label: t ? null : void 0 }), m = E([f, i]), h = p !== -1 && c === p;
-	o(p, t, u);
-	let g = (r) => {
-		t || (n?.(r), e?.(), r.defaultPrevented || l(!0));
-	};
-	return /* @__PURE__ */ v("button", {
-		type: "button",
-		...d({
-			...r,
-			onClick: g
-		}),
-		ref: m,
-		role: "menuitem",
-		tabIndex: h ? 0 : -1,
-		"aria-disabled": t || void 0,
-		"data-active": h || void 0,
-		"data-ui": "menu-item",
-		css: [P, s]
-	});
-}), B = d(function(e, t) {
-	return /* @__PURE__ */ v("div", {
-		...e,
-		ref: t,
-		role: "separator",
-		"data-ui": "menu-separator",
-		css: F
-	});
-}), V = Object.assign(I, {
-	Trigger: L,
-	Content: R,
-	Item: z,
-	Separator: B
-});
-//#endregion
-export { V as t };

package/dist/navigation-xPoqh_Iz.js

@@ -1,175 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { t } from "./disclosure-caret-C5T3fcl6.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, t as i } from "./media-D_eA_I-e.js";
-import { t as a } from "./renderable-DzcIj1Lo.js";
-import { t as o } from "./icon-wrapper-CFWzew5m.js";
-import { forwardRef as s, useId as c } from "react";
-import { vars as l } from "@jfrader/tokens/vars";
-import { Fragment as u, jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
-//#region src/components/navigation/navigation.tsx
-var p = l.space[8], m = "0.06em", h = e({
-	display: "grid",
-	gap: l.space[4],
-	fontFamily: l.font.sans
-}), g = e({
-	display: "grid",
-	gap: l.space[1],
-	"&[open] > summary::after": { transform: "rotate(90deg)" },
-	"&[open]:dir(rtl) > summary::after": { transform: "rotate(-90deg)" }
-}), _ = e({
-	margin: 0,
-	paddingBlock: l.space[1],
-	paddingInline: l.space[3],
-	fontSize: l.textSize.xs,
-	fontWeight: l.fontWeight.medium,
-	lineHeight: l.lineHeight.tight,
-	letterSpacing: m,
-	textTransform: "uppercase",
-	color: l.color.textMuted
-}), v = e({
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "space-between",
-	gap: l.space[2],
-	inlineSize: "100%",
-	boxSizing: "border-box",
-	minBlockSize: p,
-	borderRadius: l.radius.sm,
-	cursor: "pointer",
-	listStyle: "none",
-	transitionProperty: "background-color, color",
-	transitionDuration: l.motion.duration.fast,
-	transitionTimingFunction: l.motion.easeStandard,
-	"&::-webkit-details-marker": { display: "none" },
-	"&::after": { ...t },
-	"&:hover": {
-		backgroundColor: l.color.surfaceHover,
-		color: l.color.text
-	},
-	"&:focus-visible": { ...n },
-	[r]: {
-		transitionDuration: "0s",
-		"&::after": { transitionDuration: "0s" }
-	}
-}), y = e({
-	display: "grid",
-	gap: l.space[1],
-	margin: 0,
-	padding: 0,
-	listStyle: "none"
-}), b = e({
-	display: "flex",
-	alignItems: "center",
-	gap: l.space[2],
-	minBlockSize: p,
-	paddingInline: l.space[3],
-	borderRadius: l.radius.sm,
-	fontSize: l.textSize.sm,
-	lineHeight: l.lineHeight.tight,
-	color: l.color.textMuted,
-	textDecoration: "none",
-	transitionProperty: "background-color, color",
-	transitionDuration: l.motion.duration.fast,
-	transitionTimingFunction: l.motion.easeStandard,
-	"&:hover:not([aria-current=\"page\"])": {
-		backgroundColor: l.color.surfaceHover,
-		color: l.color.text
-	},
-	"&[aria-current=\"page\"]": {
-		backgroundColor: l.color.accentSoft,
-		color: l.color.accentText,
-		fontWeight: l.fontWeight.medium
-	},
-	"&[aria-disabled=\"true\"]": {
-		opacity: .55,
-		pointerEvents: "none"
-	},
-	"&:focus-visible": { ...n },
-	[r]: { transitionDuration: "0s" },
-	[i]: { "&[aria-current=\"page\"]": {
-		forcedColorAdjust: "none",
-		backgroundColor: "SelectedItem",
-		color: "SelectedItemText"
-	} }
-}), x = s(function({ label: e = "Main", ...t }, n) {
-	return /* @__PURE__ */ d("nav", {
-		...t,
-		ref: n,
-		"aria-label": e,
-		"data-ui": "navigation",
-		css: h
-	});
-}), S = s(function({ label: e, collapsible: t = !1, defaultOpen: n, children: r, ...i }, o) {
-	let s = c(), l = a(e);
-	if (t && !l) throw Error("Navigation.Group requires a renderable label when collapsible is true.");
-	let u = /* @__PURE__ */ d("ul", {
-		"aria-labelledby": l ? s : void 0,
-		css: y,
-		children: r
-	});
-	return t ? /* @__PURE__ */ f("details", {
-		...i,
-		ref: o,
-		open: n,
-		"data-ui": "navigation-group",
-		css: g,
-		children: [/* @__PURE__ */ d("summary", {
-			id: s,
-			"data-ui": "navigation-group-summary",
-			css: [_, v],
-			children: e
-		}), u]
-	}) : /* @__PURE__ */ f("section", {
-		...i,
-		ref: o,
-		"data-ui": "navigation-group",
-		css: g,
-		children: [l && /* @__PURE__ */ d("h2", {
-			id: s,
-			"data-ui": "navigation-group-label",
-			css: _,
-			children: e
-		}), u]
-	});
-}), C = s(function({ href: e, active: t = !1, disabled: n = !1, icon: r, children: i, ...s }, c) {
-	let l = /* @__PURE__ */ f(u, { children: [a(r) && /* @__PURE__ */ d("span", {
-		"aria-hidden": "true",
-		"data-ui": "navigation-item-icon",
-		css: o,
-		children: r
-	}), i] }), p = {
-		"aria-current": t ? "page" : void 0,
-		"aria-disabled": n || void 0,
-		tabIndex: n ? -1 : s.tabIndex,
-		onClick: n ? (e) => {
-			e.preventDefault();
-		} : s.onClick
-	};
-	return /* @__PURE__ */ d("li", {
-		"data-ui": "navigation-list-item",
-		children: e === void 0 ? /* @__PURE__ */ d("span", {
-			...s,
-			...p,
-			ref: c,
-			"data-ui": "navigation-item",
-			css: b,
-			children: l
-		}) : /* @__PURE__ */ d("a", {
-			...s,
-			...p,
-			ref: c,
-			href: n ? void 0 : e,
-			role: n ? "link" : void 0,
-			"data-ui": "navigation-item",
-			css: b,
-			children: l
-		})
-	});
-}), w = Object.assign(x, {
-	Group: S,
-	Item: C
-});
-//#endregion
-export { w as t };