@linyao.tw/ui 1.0.0 → 1.1.0

package/dist/components/navigation-data/command-palette.js

@@ -1,151 +1,179 @@
-import { cx as e, withBaseClass as t } from "./utils.js";
-import { forwardRef as n, useCallback as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { Combobox as c } from "@base-ui/react/combobox";
-import { Dialog as l } from "@base-ui/react/dialog";
-import { CheckIcon as u } from "@phosphor-icons/react/dist/csr/Check";
+import { cx as e, withStateClassName as t } from "../../internal/class-names.js";
+import { useMessages as n } from "../../intl/provider.js";
+import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { Combobox as u } from "@base-ui/react/combobox";
+import { Dialog as d } from "@base-ui/react/dialog";
+import { CheckIcon as f } from "@phosphor-icons/react/dist/csr/Check";
 //#region src/components/navigation-data/command-palette.tsx
-function d({ children: e, defaultOpen: t = !1, modal: n = !0, onOpenChange: i, open: a, ...u }) {
-	let [d, f] = o(t), p = a !== void 0, m = p ? a : d, h = r((e, t) => {
-		i?.(e, t), !t.isCanceled && (p || f(e));
-	}, [p, i]);
-	return /* @__PURE__ */ s(l.Root, {
-		modal: n,
-		open: m,
-		onOpenChange: h,
-		children: /* @__PURE__ */ s(c.Root, {
-			...u,
-			autoComplete: "none",
-			inline: !0,
-			open: m,
-			onOpenChange: (e, t) => {
-				e !== m && h(e, t);
-			},
-			children: e
+var p = r(null);
+function m({ children: e, defaultOpen: t = !1, modal: n = !0, onOpenChange: r, open: i, ...o }) {
+	let [f, m] = c(t), h = i !== void 0, g = h ? i : f, _ = a((e, t) => {
+		r?.(e, t), !t.isCanceled && (h || m(e));
+	}, [h, r]), v = s(null);
+	return /* @__PURE__ */ l(p, {
+		value: v,
+		children: /* @__PURE__ */ l(d.Root, {
+			modal: n,
+			open: g,
+			onOpenChange: _,
+			children: /* @__PURE__ */ l(u.Root, {
+				...o,
+				autoComplete: "none",
+				inline: !0,
+				open: g,
+				onOpenChange: (e, t) => {
+					e !== g && _(e, t);
+				},
+				children: e
+			})
 		})
 	});
 }
-var f = n(function(e, n) {
+var h = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Trigger, {
+	return /* @__PURE__ */ l(d.Trigger, {
 		ref: n,
 		className: t("lyds-command-palette__trigger", r),
 		...i
 	});
-}), p = l.Portal, m = n(function(e, n) {
+}), g = d.Portal, _ = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Backdrop, {
+	return /* @__PURE__ */ l(d.Backdrop, {
 		ref: n,
 		className: t("lyds-command-palette__backdrop", r),
 		...i
 	});
-}), h = n(function(e, n) {
+}), v = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Viewport, {
+	return /* @__PURE__ */ l(d.Viewport, {
 		ref: n,
 		className: t("lyds-command-palette__viewport", r),
 		...i
 	});
-}), g = n(function(e, n) {
-	let { className: r, initialFocus: o, ...c } = e, u = a(null);
-	return i(n, () => u.current), /* @__PURE__ */ s(l.Popup, {
-		ref: u,
+}), y = i(function(e, n) {
+	let { className: r, initialFocus: i, ...s } = e, c = o(p), u = a((e) => e === "touch" ? !0 : c?.current ?? !0, [c]);
+	return /* @__PURE__ */ l(d.Popup, {
+		ref: n,
 		className: t("lyds-command-palette__popup", r),
-		initialFocus: o ?? ((e) => e === "touch" ? !0 : u.current?.querySelector(".lyds-command-palette__input") ?? !0),
-		...c
+		initialFocus: i ?? u,
+		...s
 	});
-}), _ = n(function(e, n) {
+}), b = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Title, {
+	return /* @__PURE__ */ l(d.Title, {
 		ref: n,
 		className: t("lyds-command-palette__title", r),
 		...i
 	});
-}), v = n(function(e, n) {
+}), x = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Description, {
+	return /* @__PURE__ */ l(d.Description, {
 		ref: n,
 		className: t("lyds-command-palette__description", r),
 		...i
 	});
-}), y = n(function(e, n) {
-	let { className: r, children: i = "關閉", ...a } = e;
-	return /* @__PURE__ */ s(l.Close, {
-		ref: n,
-		className: t("lyds-command-palette__close", r),
-		...a,
-		children: i
+}), S = i(function(e, r) {
+	let i = n(), { className: a, children: o = i.commandPaletteClose, ...s } = e;
+	return /* @__PURE__ */ l(d.Close, {
+		ref: r,
+		className: t("lyds-command-palette__close", a),
+		...s,
+		children: o
 	});
-}), b = n(function(e, n) {
+}), C = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.Label, {
+	return /* @__PURE__ */ l(u.Label, {
 		ref: n,
 		className: t("lyds-command-palette__label", r),
 		...i
 	});
-}), x = n(function(e, n) {
-	let { className: r, placeholder: i = "輸入指令…", ...a } = e;
-	return /* @__PURE__ */ s(c.Input, {
-		ref: n,
-		className: t("lyds-command-palette__input", r),
-		placeholder: i,
-		...a
-	});
-}), S = n(function(e, n) {
+}), w = i(function(e, r) {
+	let i = n(), s = o(p), { className: c, placeholder: d = i.commandPalettePlaceholder, ...f } = e, m = a((e) => {
+		s && (s.current = e), typeof r == "function" ? r(e) : r && (r.current = e);
+	}, [s, r]);
+	return /* @__PURE__ */ l(u.Input, {
+		ref: m,
+		className: t("lyds-command-palette__input", c),
+		placeholder: d,
+		...f
+	});
+}), T = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.List, {
+	return /* @__PURE__ */ l(u.List, {
 		ref: n,
 		className: t("lyds-command-palette__list", r),
 		...i
 	});
-}), C = n(function(e, n) {
+}), E = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.Item, {
+	return /* @__PURE__ */ l(u.Item, {
 		ref: n,
 		className: t("lyds-command-palette__item", r),
 		...i
 	});
-}), w = n(function(e, n) {
+}), D = i(function(e, n) {
 	let { className: r, children: i, ...a } = e;
-	return /* @__PURE__ */ s(c.ItemIndicator, {
+	return /* @__PURE__ */ l(u.ItemIndicator, {
 		ref: n,
 		className: t("lyds-command-palette__indicator", r),
 		...a,
-		children: i ?? /* @__PURE__ */ s(u, {
+		children: i ?? /* @__PURE__ */ l(f, {
 			"aria-hidden": "true",
 			weight: "bold"
 		})
 	});
-}), T = c.Group, E = n(function(e, n) {
+}), O = u.Group, k = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.GroupLabel, {
+	return /* @__PURE__ */ l(u.GroupLabel, {
 		ref: n,
 		className: t("lyds-command-palette__group-label", r),
 		...i
 	});
-}), D = n(function(e, n) {
+}), A = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.Empty, {
+	return /* @__PURE__ */ l(u.Empty, {
 		ref: n,
 		className: t("lyds-command-palette__empty", r),
 		...i
 	});
-}), O = n(function(e, n) {
+}), j = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.Separator, {
+	return /* @__PURE__ */ l(u.Separator, {
 		ref: n,
 		className: t("lyds-command-palette__separator", r),
 		...i
 	});
-}), k = c.Status, A = n(function(t, n) {
+}), M = u.Status, N = i(function(t, n) {
 	let { className: r, ...i } = t;
-	return /* @__PURE__ */ s("kbd", {
+	return /* @__PURE__ */ l("kbd", {
 		ref: n,
 		className: e("lyds-command-palette__shortcut", r),
 		...i
 	});
+}), P = Object.assign(m, {
+	Backdrop: _,
+	Close: S,
+	Description: x,
+	Empty: A,
+	Group: O,
+	GroupLabel: k,
+	Input: w,
+	Item: E,
+	ItemIndicator: D,
+	Label: C,
+	List: T,
+	Popup: y,
+	Portal: g,
+	Root: m,
+	Separator: j,
+	Shortcut: N,
+	Status: M,
+	Title: b,
+	Trigger: h,
+	Viewport: v
 });
 //#endregion
-export { d as CommandPalette, m as CommandPaletteBackdrop, y as CommandPaletteClose, v as CommandPaletteDescription, D as CommandPaletteEmpty, T as CommandPaletteGroup, E as CommandPaletteGroupLabel, x as CommandPaletteInput, C as CommandPaletteItem, w as CommandPaletteItemIndicator, b as CommandPaletteLabel, S as CommandPaletteList, g as CommandPalettePopup, p as CommandPalettePortal, O as CommandPaletteSeparator, A as CommandPaletteShortcut, k as CommandPaletteStatus, _ as CommandPaletteTitle, f as CommandPaletteTrigger, h as CommandPaletteViewport };
+export { m as CommandPalette, _ as CommandPaletteBackdrop, S as CommandPaletteClose, x as CommandPaletteDescription, A as CommandPaletteEmpty, O as CommandPaletteGroup, k as CommandPaletteGroupLabel, w as CommandPaletteInput, E as CommandPaletteItem, D as CommandPaletteItemIndicator, C as CommandPaletteLabel, T as CommandPaletteList, P as CommandPaletteNamespace, y as CommandPalettePopup, g as CommandPalettePortal, j as CommandPaletteSeparator, N as CommandPaletteShortcut, M as CommandPaletteStatus, b as CommandPaletteTitle, h as CommandPaletteTrigger, v as CommandPaletteViewport };
 
 //# sourceMappingURL=command-palette.js.map

package/dist/components/navigation-data/command-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.js","names":[],"sources":["../../../src/components/navigation-data/command-palette.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef, useState, type ComponentRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cx, withBaseClass } from \"./utils.js\";\n\nexport interface CommandPaletteProps<Value> extends Omit<BaseCombobox.Root.Props<Value, false>, \"autoComplete\" | \"children\" | \"defaultOpen\" | \"inline\" | \"modal\" | \"onOpenChange\" | \"open\"> {\n\tchildren: ReactNode;\n\tdefaultOpen?: boolean;\n\tmodal?: BaseDialog.Root.Props[\"modal\"];\n\tonOpenChange?: (open: boolean, eventDetails: CommandPaletteOpenChangeDetails) => void;\n\topen?: boolean;\n}\n\nexport type CommandPaletteOpenChangeDetails = BaseDialog.Root.ChangeEventDetails | BaseCombobox.Root.ChangeEventDetails;\n\n/**\n * 用於指令介面的 Dialog 與行內 Combobox 組合。\n * Linyao Design System 僅管理焦點與開啟狀態；指令資料、篩選及執行由使用端負責。\n */\nexport function CommandPalette<Value>({ children, defaultOpen = false, modal = true, onOpenChange, open, ...comboboxProps }: CommandPaletteProps<Value>) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\tconst isControlled = open !== undefined;\n\tconst resolvedOpen = isControlled ? open : uncontrolledOpen;\n\tconst changeOpen = useCallback(\n\t\t(nextOpen: boolean, eventDetails: CommandPaletteOpenChangeDetails) => {\n\t\t\tonOpenChange?.(nextOpen, eventDetails);\n\t\t\tif (eventDetails.isCanceled) return;\n\t\t\tif (!isControlled) {\n\t\t\t\tsetUncontrolledOpen(nextOpen);\n\t\t\t}\n\t\t},\n\t\t[isControlled, onOpenChange]\n\t);\n\n\treturn (\n\t\t<BaseDialog.Root modal={modal} open={resolvedOpen} onOpenChange={changeOpen}>\n\t\t\t<BaseCombobox.Root\n\t\t\t\t{...comboboxProps}\n\t\t\t\tautoComplete=\"none\"\n\t\t\t\tinline\n\t\t\t\topen={resolvedOpen}\n\t\t\t\tonOpenChange={(nextOpen, eventDetails) => {\n\t\t\t\t\tif (nextOpen !== resolvedOpen) {\n\t\t\t\t\t\tchangeOpen(nextOpen, eventDetails);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</BaseCombobox.Root>\n\t\t</BaseDialog.Root>\n\t);\n}\n\nexport const CommandPaletteTrigger = forwardRef<HTMLButtonElement, BaseDialog.Trigger.Props>(function CommandPaletteTrigger(props, ref) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseDialog.Trigger ref={ref} className={withBaseClass<BaseDialog.Trigger.State>(\"lyds-command-palette__trigger\", className)} {...triggerProps} />;\n});\n\nexport const CommandPalettePortal = BaseDialog.Portal;\n\nexport const CommandPaletteBackdrop = forwardRef<ComponentRef<typeof BaseDialog.Backdrop>, BaseDialog.Backdrop.Props>(function CommandPaletteBackdrop(props, ref) {\n\tconst { className, ...backdropProps } = props;\n\treturn <BaseDialog.Backdrop ref={ref} className={withBaseClass<BaseDialog.Backdrop.State>(\"lyds-command-palette__backdrop\", className)} {...backdropProps} />;\n});\n\nexport const CommandPaletteViewport = forwardRef<ComponentRef<typeof BaseDialog.Viewport>, BaseDialog.Viewport.Props>(function CommandPaletteViewport(props, ref) {\n\tconst { className, ...viewportProps } = props;\n\treturn <BaseDialog.Viewport ref={ref} className={withBaseClass<BaseDialog.Viewport.State>(\"lyds-command-palette__viewport\", className)} {...viewportProps} />;\n});\n\nexport const CommandPalettePopup = forwardRef<ComponentRef<typeof BaseDialog.Popup>, BaseDialog.Popup.Props>(function CommandPalettePopup(props, ref) {\n\tconst { className, initialFocus, ...popupProps } = props;\n\tconst popupRef = useRef<ComponentRef<typeof BaseDialog.Popup>>(null);\n\tuseImperativeHandle(ref, () => popupRef.current as ComponentRef<typeof BaseDialog.Popup>);\n\n\treturn (\n\t\t<BaseDialog.Popup\n\t\t\tref={popupRef}\n\t\t\tclassName={withBaseClass<BaseDialog.Popup.State>(\"lyds-command-palette__popup\", className)}\n\t\t\tinitialFocus={\n\t\t\t\tinitialFocus ??\n\t\t\t\t(openType => {\n\t\t\t\t\tif (openType === \"touch\") return true;\n\t\t\t\t\treturn popupRef.current?.querySelector<HTMLElement>(\".lyds-command-palette__input\") ?? true;\n\t\t\t\t})\n\t\t\t}\n\t\t\t{...popupProps}\n\t\t/>\n\t);\n});\n\nexport const CommandPaletteTitle = forwardRef<ComponentRef<typeof BaseDialog.Title>, BaseDialog.Title.Props>(function CommandPaletteTitle(props, ref) {\n\tconst { className, ...titleProps } = props;\n\treturn <BaseDialog.Title ref={ref} className={withBaseClass<BaseDialog.Title.State>(\"lyds-command-palette__title\", className)} {...titleProps} />;\n});\n\nexport const CommandPaletteDescription = forwardRef<ComponentRef<typeof BaseDialog.Description>, BaseDialog.Description.Props>(function CommandPaletteDescription(props, ref) {\n\tconst { className, ...descriptionProps } = props;\n\treturn <BaseDialog.Description ref={ref} className={withBaseClass<BaseDialog.Description.State>(\"lyds-command-palette__description\", className)} {...descriptionProps} />;\n});\n\nexport const CommandPaletteClose = forwardRef<ComponentRef<typeof BaseDialog.Close>, BaseDialog.Close.Props>(function CommandPaletteClose(props, ref) {\n\tconst { className, children = \"關閉\", ...closeProps } = props;\n\treturn (\n\t\t<BaseDialog.Close ref={ref} className={withBaseClass<BaseDialog.Close.State>(\"lyds-command-palette__close\", className)} {...closeProps}>\n\t\t\t{children}\n\t\t</BaseDialog.Close>\n\t);\n});\n\nexport const CommandPaletteLabel = forwardRef<ComponentRef<typeof BaseCombobox.Label>, BaseCombobox.Label.Props>(function CommandPaletteLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseCombobox.Label ref={ref} className={withBaseClass<BaseCombobox.Label.State>(\"lyds-command-palette__label\", className)} {...labelProps} />;\n});\n\nexport const CommandPaletteInput = forwardRef<ComponentRef<typeof BaseCombobox.Input>, BaseCombobox.Input.Props>(function CommandPaletteInput(props, ref) {\n\tconst { className, placeholder = \"輸入指令…\", ...inputProps } = props;\n\treturn <BaseCombobox.Input ref={ref} className={withBaseClass<BaseCombobox.Input.State>(\"lyds-command-palette__input\", className)} placeholder={placeholder} {...inputProps} />;\n});\n\nexport const CommandPaletteList = forwardRef<ComponentRef<typeof BaseCombobox.List>, BaseCombobox.List.Props>(function CommandPaletteList(props, ref) {\n\tconst { className, ...listProps } = props;\n\treturn <BaseCombobox.List ref={ref} className={withBaseClass<BaseCombobox.List.State>(\"lyds-command-palette__list\", className)} {...listProps} />;\n});\n\nexport const CommandPaletteItem = forwardRef<ComponentRef<typeof BaseCombobox.Item>, BaseCombobox.Item.Props>(function CommandPaletteItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseCombobox.Item ref={ref} className={withBaseClass<BaseCombobox.Item.State>(\"lyds-command-palette__item\", className)} {...itemProps} />;\n});\n\nexport const CommandPaletteItemIndicator = forwardRef<ComponentRef<typeof BaseCombobox.ItemIndicator>, BaseCombobox.ItemIndicator.Props>(function CommandPaletteItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseCombobox.ItemIndicator ref={ref} className={withBaseClass<BaseCombobox.ItemIndicator.State>(\"lyds-command-palette__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseCombobox.ItemIndicator>\n\t);\n});\n\nexport const CommandPaletteGroup = BaseCombobox.Group;\n\nexport const CommandPaletteGroupLabel = forwardRef<ComponentRef<typeof BaseCombobox.GroupLabel>, BaseCombobox.GroupLabel.Props>(function CommandPaletteGroupLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseCombobox.GroupLabel ref={ref} className={withBaseClass<BaseCombobox.GroupLabel.State>(\"lyds-command-palette__group-label\", className)} {...labelProps} />;\n});\n\nexport const CommandPaletteEmpty = forwardRef<ComponentRef<typeof BaseCombobox.Empty>, BaseCombobox.Empty.Props>(function CommandPaletteEmpty(props, ref) {\n\tconst { className, ...emptyProps } = props;\n\treturn <BaseCombobox.Empty ref={ref} className={withBaseClass<BaseCombobox.Empty.State>(\"lyds-command-palette__empty\", className)} {...emptyProps} />;\n});\n\nexport const CommandPaletteSeparator = forwardRef<ComponentRef<typeof BaseCombobox.Separator>, BaseCombobox.Separator.Props>(function CommandPaletteSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseCombobox.Separator ref={ref} className={withBaseClass<BaseCombobox.Separator.State>(\"lyds-command-palette__separator\", className)} {...separatorProps} />;\n});\n\nexport const CommandPaletteStatus = BaseCombobox.Status;\n\nexport const CommandPaletteShortcut = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function CommandPaletteShortcut(props, ref) {\n\tconst { className, ...shortcutProps } = props;\n\treturn <kbd ref={ref} className={cx(\"lyds-command-palette__shortcut\", className)} {...shortcutProps} />;\n});\n"],"mappings":";;;;;;;AAqBA,SAAgB,EAAsB,EAAE,aAAU,iBAAc,IAAO,WAAQ,IAAM,iBAAc,SAAM,GAAG,KAA6C;CACxJ,IAAM,CAAC,GAAkB,KAAuB,EAAS,CAAW,GAC9D,IAAe,MAAS,KAAA,GACxB,IAAe,IAAe,IAAO,GACrC,IAAa,GACjB,GAAmB,MAAkD;EACrE,IAAe,GAAU,CAAY,GACjC,GAAa,eACZ,KACJ,EAAoB,CAAQ;CAE9B,GACA,CAAC,GAAc,CAAY,CAC5B;CAEA,OACC,kBAAC,EAAW,MAAZ;EAAwB;EAAO,MAAM;EAAc,cAAc;EAChE,UAAA,kBAAC,EAAa,MAAd;GACC,GAAI;GACJ,cAAa;GACb,QAAA;GACA,MAAM;GACN,eAAe,GAAU,MAAiB;IACzC,AAAI,MAAa,KAChB,EAAW,GAAU,CAAY;GAEnC;GAEC;EACiB,CAAA;CACH,CAAA;AAEnB;AAEA,IAAa,IAAwB,EAAwD,SAA+B,GAAO,GAAK;CACvI,IAAM,EAAE,cAAW,GAAG,MAAiB;CACvC,OAAO,kBAAC,EAAW,SAAZ;EAAyB;EAAK,WAAW,EAAwC,iCAAiC,CAAS;EAAG,GAAI;CAAe,CAAA;AACzJ,CAAC,GAEY,IAAuB,EAAW,QAElC,IAAyB,EAAgF,SAAgC,GAAO,GAAK;CACjK,IAAM,EAAE,cAAW,GAAG,MAAkB;CACxC,OAAO,kBAAC,EAAW,UAAZ;EAA0B;EAAK,WAAW,EAAyC,kCAAkC,CAAS;EAAG,GAAI;CAAgB,CAAA;AAC7J,CAAC,GAEY,IAAyB,EAAgF,SAAgC,GAAO,GAAK;CACjK,IAAM,EAAE,cAAW,GAAG,MAAkB;CACxC,OAAO,kBAAC,EAAW,UAAZ;EAA0B;EAAK,WAAW,EAAyC,kCAAkC,CAAS;EAAG,GAAI;CAAgB,CAAA;AAC7J,CAAC,GAEY,IAAsB,EAA0E,SAA6B,GAAO,GAAK;CACrJ,IAAM,EAAE,cAAW,iBAAc,GAAG,MAAe,GAC7C,IAAW,EAA8C,IAAI;CAGnE,OAFA,EAAoB,SAAW,EAAS,OAAgD,GAGvF,kBAAC,EAAW,OAAZ;EACC,KAAK;EACL,WAAW,EAAsC,+BAA+B,CAAS;EACzF,cACC,OACC,MACI,MAAa,UAAgB,KAC1B,EAAS,SAAS,cAA2B,8BAA8B,KAAK;EAGzF,GAAI;CACJ,CAAA;AAEH,CAAC,GAEY,IAAsB,EAA0E,SAA6B,GAAO,GAAK;CACrJ,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAW,OAAZ;EAAuB;EAAK,WAAW,EAAsC,+BAA+B,CAAS;EAAG,GAAI;CAAa,CAAA;AACjJ,CAAC,GAEY,IAA4B,EAAsF,SAAmC,GAAO,GAAK;CAC7K,IAAM,EAAE,cAAW,GAAG,MAAqB;CAC3C,OAAO,kBAAC,EAAW,aAAZ;EAA6B;EAAK,WAAW,EAA4C,qCAAqC,CAAS;EAAG,GAAI;CAAmB,CAAA;AACzK,CAAC,GAEY,IAAsB,EAA0E,SAA6B,GAAO,GAAK;CACrJ,IAAM,EAAE,cAAW,cAAW,MAAM,GAAG,MAAe;CACtD,OACC,kBAAC,EAAW,OAAZ;EAAuB;EAAK,WAAW,EAAsC,+BAA+B,CAAS;EAAG,GAAI;EAC1H;CACgB,CAAA;AAEpB,CAAC,GAEY,IAAsB,EAA8E,SAA6B,GAAO,GAAK;CACzJ,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAa,OAAd;EAAyB;EAAK,WAAW,EAAwC,+BAA+B,CAAS;EAAG,GAAI;CAAa,CAAA;AACrJ,CAAC,GAEY,IAAsB,EAA8E,SAA6B,GAAO,GAAK;CACzJ,IAAM,EAAE,cAAW,iBAAc,SAAS,GAAG,MAAe;CAC5D,OAAO,kBAAC,EAAa,OAAd;EAAyB;EAAK,WAAW,EAAwC,+BAA+B,CAAS;EAAgB;EAAa,GAAI;CAAa,CAAA;AAC/K,CAAC,GAEY,IAAqB,EAA4E,SAA4B,GAAO,GAAK;CACrJ,IAAM,EAAE,cAAW,GAAG,MAAc;CACpC,OAAO,kBAAC,EAAa,MAAd;EAAwB;EAAK,WAAW,EAAuC,8BAA8B,CAAS;EAAG,GAAI;CAAY,CAAA;AACjJ,CAAC,GAEY,IAAqB,EAA4E,SAA4B,GAAO,GAAK;CACrJ,IAAM,EAAE,cAAW,GAAG,MAAc;CACpC,OAAO,kBAAC,EAAa,MAAd;EAAwB;EAAK,WAAW,EAAuC,8BAA8B,CAAS;EAAG,GAAI;CAAY,CAAA;AACjJ,CAAC,GAEY,IAA8B,EAA8F,SAAqC,GAAO,GAAK;CACzL,IAAM,EAAE,cAAW,aAAU,GAAG,MAAmB;CACnD,OACC,kBAAC,EAAa,eAAd;EAAiC;EAAK,WAAW,EAAgD,mCAAmC,CAAS;EAAG,GAAI;EAClJ,UAAA,KAAY,kBAAC,GAAD;GAAW,eAAY;GAAO,QAAO;EAAQ,CAAA;CAC/B,CAAA;AAE9B,CAAC,GAEY,IAAsB,EAAa,OAEnC,IAA2B,EAAwF,SAAkC,GAAO,GAAK;CAC7K,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAa,YAAd;EAA8B;EAAK,WAAW,EAA6C,qCAAqC,CAAS;EAAG,GAAI;CAAa,CAAA;AACrK,CAAC,GAEY,IAAsB,EAA8E,SAA6B,GAAO,GAAK;CACzJ,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAa,OAAd;EAAyB;EAAK,WAAW,EAAwC,+BAA+B,CAAS;EAAG,GAAI;CAAa,CAAA;AACrJ,CAAC,GAEY,IAA0B,EAAsF,SAAiC,GAAO,GAAK;CACzK,IAAM,EAAE,cAAW,GAAG,MAAmB;CACzC,OAAO,kBAAC,EAAa,WAAd;EAA6B;EAAK,WAAW,EAA4C,mCAAmC,CAAS;EAAG,GAAI;CAAiB,CAAA;AACrK,CAAC,GAEY,IAAuB,EAAa,QAEpC,IAAyB,EAAqD,SAAgC,GAAO,GAAK;CACtI,IAAM,EAAE,cAAW,GAAG,MAAkB;CACxC,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,kCAAkC,CAAS;EAAG,GAAI;CAAgB,CAAA;AACvG,CAAC"}
+{"version":3,"file":"command-palette.js","names":[],"sources":["../../../src/components/navigation-data/command-palette.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { createContext, forwardRef, useCallback, useContext, useRef, useState, type ComponentRef, type HTMLAttributes, type ReactNode, type RefObject } from \"react\";\n\nimport { cx, withStateClassName } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\n/**\n * The popup moves focus to the search input when the palette opens. Sharing a ref beats looking the\n * input up by class name: a consumer can render a different input, and a class name that focus\n * management depends on becomes public API by accident.\n */\nconst CommandPaletteInputContext = createContext<RefObject<HTMLInputElement | null> | null>(null);\n\nexport interface CommandPaletteProps<Value> extends Omit<BaseCombobox.Root.Props<Value, false>, \"autoComplete\" | \"children\" | \"defaultOpen\" | \"inline\" | \"modal\" | \"onOpenChange\" | \"open\"> {\n\tchildren: ReactNode;\n\tdefaultOpen?: boolean;\n\tmodal?: BaseDialog.Root.Props[\"modal\"];\n\tonOpenChange?: (open: boolean, eventDetails: CommandPaletteOpenChangeDetails) => void;\n\topen?: boolean;\n}\n\nexport type CommandPaletteOpenChangeDetails = BaseDialog.Root.ChangeEventDetails | BaseCombobox.Root.ChangeEventDetails;\n\n/**\n * 用於指令介面的 Dialog 與行內 Combobox 組合。\n * Linyao Design System 僅管理焦點與開啟狀態；指令資料、篩選及執行由使用端負責。\n */\nexport function CommandPalette<Value>({ children, defaultOpen = false, modal = true, onOpenChange, open, ...comboboxProps }: CommandPaletteProps<Value>) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\tconst isControlled = open !== undefined;\n\tconst resolvedOpen = isControlled ? open : uncontrolledOpen;\n\tconst changeOpen = useCallback(\n\t\t(nextOpen: boolean, eventDetails: CommandPaletteOpenChangeDetails) => {\n\t\t\tonOpenChange?.(nextOpen, eventDetails);\n\t\t\tif (eventDetails.isCanceled) return;\n\t\t\tif (!isControlled) {\n\t\t\t\tsetUncontrolledOpen(nextOpen);\n\t\t\t}\n\t\t},\n\t\t[isControlled, onOpenChange]\n\t);\n\n\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\n\treturn (\n\t\t<CommandPaletteInputContext value={inputRef}>\n\t\t\t<BaseDialog.Root modal={modal} open={resolvedOpen} onOpenChange={changeOpen}>\n\t\t\t\t<BaseCombobox.Root\n\t\t\t\t\t{...comboboxProps}\n\t\t\t\t\tautoComplete=\"none\"\n\t\t\t\t\tinline\n\t\t\t\t\topen={resolvedOpen}\n\t\t\t\t\tonOpenChange={(nextOpen, eventDetails) => {\n\t\t\t\t\t\tif (nextOpen !== resolvedOpen) {\n\t\t\t\t\t\t\tchangeOpen(nextOpen, eventDetails);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</BaseCombobox.Root>\n\t\t\t</BaseDialog.Root>\n\t\t</CommandPaletteInputContext>\n\t);\n}\n\nexport const CommandPaletteTrigger = forwardRef<HTMLButtonElement, BaseDialog.Trigger.Props>(function CommandPaletteTrigger(props, ref) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseDialog.Trigger ref={ref} className={withStateClassName<BaseDialog.Trigger.State>(\"lyds-command-palette__trigger\", className)} {...triggerProps} />;\n});\n\nexport const CommandPalettePortal = BaseDialog.Portal;\n\nexport const CommandPaletteBackdrop = forwardRef<ComponentRef<typeof BaseDialog.Backdrop>, BaseDialog.Backdrop.Props>(function CommandPaletteBackdrop(props, ref) {\n\tconst { className, ...backdropProps } = props;\n\treturn <BaseDialog.Backdrop ref={ref} className={withStateClassName<BaseDialog.Backdrop.State>(\"lyds-command-palette__backdrop\", className)} {...backdropProps} />;\n});\n\nexport const CommandPaletteViewport = forwardRef<ComponentRef<typeof BaseDialog.Viewport>, BaseDialog.Viewport.Props>(function CommandPaletteViewport(props, ref) {\n\tconst { className, ...viewportProps } = props;\n\treturn <BaseDialog.Viewport ref={ref} className={withStateClassName<BaseDialog.Viewport.State>(\"lyds-command-palette__viewport\", className)} {...viewportProps} />;\n});\n\nexport const CommandPalettePopup = forwardRef<ComponentRef<typeof BaseDialog.Popup>, BaseDialog.Popup.Props>(function CommandPalettePopup(props, ref) {\n\tconst { className, initialFocus, ...popupProps } = props;\n\tconst inputRef = useContext(CommandPaletteInputContext);\n\tconst focusSearchInput = useCallback((openType: string) => (openType === \"touch\" ? true : (inputRef?.current ?? true)), [inputRef]);\n\n\treturn (\n\t\t<BaseDialog.Popup ref={ref} className={withStateClassName<BaseDialog.Popup.State>(\"lyds-command-palette__popup\", className)} initialFocus={initialFocus ?? focusSearchInput} {...popupProps} />\n\t);\n});\n\nexport const CommandPaletteTitle = forwardRef<ComponentRef<typeof BaseDialog.Title>, BaseDialog.Title.Props>(function CommandPaletteTitle(props, ref) {\n\tconst { className, ...titleProps } = props;\n\treturn <BaseDialog.Title ref={ref} className={withStateClassName<BaseDialog.Title.State>(\"lyds-command-palette__title\", className)} {...titleProps} />;\n});\n\nexport const CommandPaletteDescription = forwardRef<ComponentRef<typeof BaseDialog.Description>, BaseDialog.Description.Props>(function CommandPaletteDescription(props, ref) {\n\tconst { className, ...descriptionProps } = props;\n\treturn <BaseDialog.Description ref={ref} className={withStateClassName<BaseDialog.Description.State>(\"lyds-command-palette__description\", className)} {...descriptionProps} />;\n});\n\nexport const CommandPaletteClose = forwardRef<ComponentRef<typeof BaseDialog.Close>, BaseDialog.Close.Props>(function CommandPaletteClose(props, ref) {\n\tconst messages = useMessages();\n\tconst { className, children = messages.commandPaletteClose, ...closeProps } = props;\n\treturn (\n\t\t<BaseDialog.Close ref={ref} className={withStateClassName<BaseDialog.Close.State>(\"lyds-command-palette__close\", className)} {...closeProps}>\n\t\t\t{children}\n\t\t</BaseDialog.Close>\n\t);\n});\n\nexport const CommandPaletteLabel = forwardRef<ComponentRef<typeof BaseCombobox.Label>, BaseCombobox.Label.Props>(function CommandPaletteLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseCombobox.Label ref={ref} className={withStateClassName<BaseCombobox.Label.State>(\"lyds-command-palette__label\", className)} {...labelProps} />;\n});\n\nexport const CommandPaletteInput = forwardRef<ComponentRef<typeof BaseCombobox.Input>, BaseCombobox.Input.Props>(function CommandPaletteInput(props, ref) {\n\tconst messages = useMessages();\n\tconst paletteInputRef = useContext(CommandPaletteInputContext);\n\tconst { className, placeholder = messages.commandPalettePlaceholder, ...inputProps } = props;\n\tconst setInput = useCallback(\n\t\t(node: HTMLInputElement | null) => {\n\t\t\tif (paletteInputRef) paletteInputRef.current = node;\n\t\t\tif (typeof ref === \"function\") ref(node);\n\t\t\telse if (ref) ref.current = node;\n\t\t},\n\t\t[paletteInputRef, ref]\n\t);\n\n\treturn <BaseCombobox.Input ref={setInput} className={withStateClassName<BaseCombobox.Input.State>(\"lyds-command-palette__input\", className)} placeholder={placeholder} {...inputProps} />;\n});\n\nexport const CommandPaletteList = forwardRef<ComponentRef<typeof BaseCombobox.List>, BaseCombobox.List.Props>(function CommandPaletteList(props, ref) {\n\tconst { className, ...listProps } = props;\n\treturn <BaseCombobox.List ref={ref} className={withStateClassName<BaseCombobox.List.State>(\"lyds-command-palette__list\", className)} {...listProps} />;\n});\n\nexport const CommandPaletteItem = forwardRef<ComponentRef<typeof BaseCombobox.Item>, BaseCombobox.Item.Props>(function CommandPaletteItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseCombobox.Item ref={ref} className={withStateClassName<BaseCombobox.Item.State>(\"lyds-command-palette__item\", className)} {...itemProps} />;\n});\n\nexport const CommandPaletteItemIndicator = forwardRef<ComponentRef<typeof BaseCombobox.ItemIndicator>, BaseCombobox.ItemIndicator.Props>(function CommandPaletteItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseCombobox.ItemIndicator ref={ref} className={withStateClassName<BaseCombobox.ItemIndicator.State>(\"lyds-command-palette__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseCombobox.ItemIndicator>\n\t);\n});\n\nexport const CommandPaletteGroup = BaseCombobox.Group;\n\nexport const CommandPaletteGroupLabel = forwardRef<ComponentRef<typeof BaseCombobox.GroupLabel>, BaseCombobox.GroupLabel.Props>(function CommandPaletteGroupLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseCombobox.GroupLabel ref={ref} className={withStateClassName<BaseCombobox.GroupLabel.State>(\"lyds-command-palette__group-label\", className)} {...labelProps} />;\n});\n\nexport const CommandPaletteEmpty = forwardRef<ComponentRef<typeof BaseCombobox.Empty>, BaseCombobox.Empty.Props>(function CommandPaletteEmpty(props, ref) {\n\tconst { className, ...emptyProps } = props;\n\treturn <BaseCombobox.Empty ref={ref} className={withStateClassName<BaseCombobox.Empty.State>(\"lyds-command-palette__empty\", className)} {...emptyProps} />;\n});\n\nexport const CommandPaletteSeparator = forwardRef<ComponentRef<typeof BaseCombobox.Separator>, BaseCombobox.Separator.Props>(function CommandPaletteSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseCombobox.Separator ref={ref} className={withStateClassName<BaseCombobox.Separator.State>(\"lyds-command-palette__separator\", className)} {...separatorProps} />;\n});\n\nexport const CommandPaletteStatus = BaseCombobox.Status;\n\nexport const CommandPaletteShortcut = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function CommandPaletteShortcut(props, ref) {\n\tconst { className, ...shortcutProps } = props;\n\treturn <kbd ref={ref} className={cx(\"lyds-command-palette__shortcut\", className)} {...shortcutProps} />;\n});\n\n/**\n * Every component built on a context root also exposes its parts as a namespace, so composing one\n * reads the same way as composing a Dialog or a Select.\n */\nexport const CommandPaletteNamespace = Object.assign(CommandPalette, {\n\tBackdrop: CommandPaletteBackdrop,\n\tClose: CommandPaletteClose,\n\tDescription: CommandPaletteDescription,\n\tEmpty: CommandPaletteEmpty,\n\tGroup: CommandPaletteGroup,\n\tGroupLabel: CommandPaletteGroupLabel,\n\tInput: CommandPaletteInput,\n\tItem: CommandPaletteItem,\n\tItemIndicator: CommandPaletteItemIndicator,\n\tLabel: CommandPaletteLabel,\n\tList: CommandPaletteList,\n\tPopup: CommandPalettePopup,\n\tPortal: CommandPalettePortal,\n\tRoot: CommandPalette,\n\tSeparator: CommandPaletteSeparator,\n\tShortcut: CommandPaletteShortcut,\n\tStatus: CommandPaletteStatus,\n\tTitle: CommandPaletteTitle,\n\tTrigger: CommandPaletteTrigger,\n\tViewport: CommandPaletteViewport\n});\n"],"mappings":"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"}

package/dist/components/navigation-data/header-tab-bar.js

@@ -1,65 +1,68 @@
-import { cx as e } from "./utils.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
+import { cx as e } from "../../internal/class-names.js";
+import { useMessages as t } from "../../intl/provider.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/navigation-data/header-tab-bar.tsx
-var r = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("header", {
+var i = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("header", {
 		ref: i,
 		className: e("lyds-header", t),
-		...r
+		...n
 	});
-}), i = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("div", {
+}), a = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: e("lyds-header__rail", t),
-		...r
+		...n
 	});
-}), a = t(function({ children: t, className: r, ...i }, a) {
-	return /* @__PURE__ */ n("a", {
+}), o = n(function({ children: t, className: n, ...i }, a) {
+	return /* @__PURE__ */ r("a", {
 		ref: a,
-		className: e("lyds-header__brand", r),
+		className: e("lyds-header__brand", n),
 		...i,
 		children: t
 	});
-}), o = t(function({ className: t, label: r = "主要導覽", ...i }, a) {
-	return /* @__PURE__ */ n("nav", {
-		ref: a,
-		"aria-label": r,
-		className: e("lyds-header__nav", t),
-		...i
+}), s = n(function({ className: n, label: i, ...a }, o) {
+	let s = t();
+	return /* @__PURE__ */ r("nav", {
+		ref: o,
+		"aria-label": i ?? s.headerNavLabel,
+		className: e("lyds-header__nav", n),
+		...a
 	});
-}), s = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("div", {
+}), c = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: e("lyds-header__actions", t),
-		...r
+		...n
 	});
-}), c = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("div", {
+}), l = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: e("lyds-header__status", t),
-		...r
+		...n
 	});
-}), l = t(function({ className: t, label: r = "應用程式區段", ...i }, a) {
-	return /* @__PURE__ */ n("nav", {
-		ref: a,
-		"aria-label": r,
-		className: e("lyds-tab-bar", t),
-		...i
+}), u = n(function({ className: n, label: i, ...a }, o) {
+	let s = t();
+	return /* @__PURE__ */ r("nav", {
+		ref: o,
+		"aria-label": i ?? s.tabBarLabel,
+		className: e("lyds-tab-bar", n),
+		...a
 	});
-}), u = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("ul", {
+}), d = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("ul", {
 		ref: i,
 		className: e("lyds-tab-bar__list", t),
-		...r
+		...n
 	});
-}), d = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("li", {
+}), f = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("li", {
 		ref: i,
 		className: e("lyds-tab-bar__item", t),
-		...r
+		...n
 	});
-}), f = t(function({ children: t, className: r, selected: i = !1, disabled: a = !1, href: o, onClick: s, tabIndex: c, ...l }, u) {
+}), p = n(function({ children: t, className: n, selected: i = !1, disabled: a = !1, href: o, onClick: s, tabIndex: c, ...l }, u) {
 	let d = {
 		onClick: (e) => {
 			if (a) {
@@ -70,33 +73,33 @@ var r = t(function({ className: t, ...r }, i) {
 		},
 		tabIndex: a ? -1 : c
 	};
-	return /* @__PURE__ */ n("a", {
+	return /* @__PURE__ */ r("a", {
 		...l,
 		ref: u,
 		"aria-current": i ? "page" : void 0,
 		"aria-disabled": a || void 0,
-		className: e("lyds-tab-bar__link", r),
+		className: e("lyds-tab-bar__link", n),
 		"data-disabled": a ? "" : void 0,
 		"data-selected": i ? "" : void 0,
 		href: a ? void 0 : o,
 		...d,
 		children: t
 	});
-}), p = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("span", {
+}), m = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("span", {
 		ref: i,
 		"aria-hidden": "true",
 		className: e("lyds-tab-bar__icon", t),
-		...r
+		...n
 	});
-}), m = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("span", {
+}), h = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("span", {
 		ref: i,
 		className: e("lyds-tab-bar__label", t),
-		...r
+		...n
 	});
 });
 //#endregion
-export { r as Header, s as HeaderActions, a as HeaderBrand, o as HeaderNav, i as HeaderRail, c as HeaderStatus, l as TabBar, p as TabBarIcon, d as TabBarItem, m as TabBarLabel, f as TabBarLink, u as TabBarList };
+export { i as Header, c as HeaderActions, o as HeaderBrand, s as HeaderNav, a as HeaderRail, l as HeaderStatus, u as TabBar, m as TabBarIcon, f as TabBarItem, h as TabBarLabel, p as TabBarLink, d as TabBarList };
 
 //# sourceMappingURL=header-tab-bar.js.map

package/dist/components/navigation-data/header-tab-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-tab-bar.js","names":[],"sources":["../../../src/components/navigation-data/header-tab-bar.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type HTMLAttributes, type LiHTMLAttributes, type MouseEvent } from \"react\";\n\nimport { cx } from \"./utils.js\";\n\nexport const Header = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function Header({ className, ...props }, ref) {\n\treturn <header ref={ref} className={cx(\"lyds-header\", className)} {...props} />;\n});\n\nexport const HeaderRail = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderRail({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__rail\", className)} {...props} />;\n});\n\nexport const HeaderBrand = forwardRef<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>>(function HeaderBrand({ children, className, ...props }, ref) {\n\treturn (\n\t\t<a ref={ref} className={cx(\"lyds-header__brand\", className)} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport interface HeaderNavProps extends HTMLAttributes<HTMLElement> {\n\tlabel?: string;\n}\n\nexport const HeaderNav = forwardRef<HTMLElement, HeaderNavProps>(function HeaderNav({ className, label = \"主要導覽\", ...props }, ref) {\n\treturn <nav ref={ref} aria-label={label} className={cx(\"lyds-header__nav\", className)} {...props} />;\n});\n\nexport const HeaderActions = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderActions({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__actions\", className)} {...props} />;\n});\n\nexport const HeaderStatus = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderStatus({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__status\", className)} {...props} />;\n});\n\nexport interface TabBarProps extends HTMLAttributes<HTMLElement> {\n\tlabel?: string;\n}\n\nexport const TabBar = forwardRef<HTMLElement, TabBarProps>(function TabBar({ className, label = \"應用程式區段\", ...props }, ref) {\n\treturn <nav ref={ref} aria-label={label} className={cx(\"lyds-tab-bar\", className)} {...props} />;\n});\n\nexport const TabBarList = forwardRef<HTMLUListElement, HTMLAttributes<HTMLUListElement>>(function TabBarList({ className, ...props }, ref) {\n\treturn <ul ref={ref} className={cx(\"lyds-tab-bar__list\", className)} {...props} />;\n});\n\nexport const TabBarItem = forwardRef<HTMLLIElement, LiHTMLAttributes<HTMLLIElement>>(function TabBarItem({ className, ...props }, ref) {\n\treturn <li ref={ref} className={cx(\"lyds-tab-bar__item\", className)} {...props} />;\n});\n\nexport interface TabBarLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n\tselected?: boolean;\n\tdisabled?: boolean;\n}\n\nexport const TabBarLink = forwardRef<HTMLAnchorElement, TabBarLinkProps>(function TabBarLink({ children, className, selected = false, disabled = false, href, onClick, tabIndex, ...props }, ref) {\n\tconst interactionProps = {\n\t\tonClick: (event: MouseEvent<HTMLAnchorElement>) => {\n\t\t\tif (disabled) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(event);\n\t\t},\n\t\ttabIndex: disabled ? -1 : tabIndex\n\t};\n\n\treturn (\n\t\t<a\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-current={selected ? \"page\" : undefined}\n\t\t\taria-disabled={disabled || undefined}\n\t\t\tclassName={cx(\"lyds-tab-bar__link\", className)}\n\t\t\tdata-disabled={disabled ? \"\" : undefined}\n\t\t\tdata-selected={selected ? \"\" : undefined}\n\t\t\thref={disabled ? undefined : href}\n\t\t\t{...interactionProps}\n\t\t>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport const TabBarIcon = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function TabBarIcon({ className, ...props }, ref) {\n\treturn <span ref={ref} aria-hidden=\"true\" className={cx(\"lyds-tab-bar__icon\", className)} {...props} />;\n});\n\nexport const TabBarLabel = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function TabBarLabel({ className, ...props }, ref) {\n\treturn <span ref={ref} className={cx(\"lyds-tab-bar__label\", className)} {...props} />;\n});\n"],"mappings":";;;;AAIA,IAAa,IAAS,EAAqD,SAAgB,EAAE,cAAW,GAAG,KAAS,GAAK;CACxH,OAAO,kBAAC,UAAD;EAAa;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC/E,CAAC,GAEY,IAAa,EAA2D,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CACtI,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,qBAAqB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAClF,CAAC,GAEY,IAAc,EAAuE,SAAqB,EAAE,aAAU,cAAW,GAAG,KAAS,GAAK;CAC9J,OACC,kBAAC,KAAD;EAAQ;EAAK,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;EAC/D;CACC,CAAA;AAEL,CAAC,GAMY,IAAY,EAAwC,SAAmB,EAAE,cAAW,WAAQ,QAAQ,GAAG,KAAS,GAAK;CACjI,OAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAO,WAAW,EAAG,oBAAoB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACpG,CAAC,GAEY,IAAgB,EAA2D,SAAuB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC5I,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,wBAAwB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAC,GAEY,IAAe,EAA2D,SAAsB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC1I,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,uBAAuB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACpF,CAAC,GAMY,IAAS,EAAqC,SAAgB,EAAE,cAAW,WAAQ,UAAU,GAAG,KAAS,GAAK;CAC1H,OAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAO,WAAW,EAAG,gBAAgB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAChG,CAAC,GAEY,IAAa,EAA+D,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC1I,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAClF,CAAC,GAEY,IAAa,EAA2D,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CACtI,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAClF,CAAC,GAOY,IAAa,EAA+C,SAAoB,EAAE,aAAU,cAAW,cAAW,IAAO,cAAW,IAAO,SAAM,YAAS,aAAU,GAAG,KAAS,GAAK;CACjM,IAAM,IAAmB;EACxB,UAAU,MAAyC;GAClD,IAAI,GAAU;IACb,EAAM,eAAe;IACrB;GACD;GACA,IAAU,CAAK;EAChB;EACA,UAAU,IAAW,KAAK;CAC3B;CAEA,OACC,kBAAC,KAAD;EACC,GAAI;EACC;EACL,gBAAc,IAAW,SAAS,KAAA;EAClC,iBAAe,KAAY,KAAA;EAC3B,WAAW,EAAG,sBAAsB,CAAS;EAC7C,iBAAe,IAAW,KAAK,KAAA;EAC/B,iBAAe,IAAW,KAAK,KAAA;EAC/B,MAAM,IAAW,KAAA,IAAY;EAC7B,GAAI;EAEH;CACC,CAAA;AAEL,CAAC,GAEY,IAAa,EAA6D,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CACxI,OAAO,kBAAC,QAAD;EAAW;EAAK,eAAY;EAAO,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACvG,CAAC,GAEY,IAAc,EAA6D,SAAqB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC1I,OAAO,kBAAC,QAAD;EAAW;EAAK,WAAW,EAAG,uBAAuB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAC"}
+{"version":3,"file":"header-tab-bar.js","names":[],"sources":["../../../src/components/navigation-data/header-tab-bar.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type HTMLAttributes, type LiHTMLAttributes, type MouseEvent } from \"react\";\n\nimport { cx } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\nexport const Header = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function Header({ className, ...props }, ref) {\n\treturn <header ref={ref} className={cx(\"lyds-header\", className)} {...props} />;\n});\n\nexport const HeaderRail = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderRail({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__rail\", className)} {...props} />;\n});\n\nexport const HeaderBrand = forwardRef<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>>(function HeaderBrand({ children, className, ...props }, ref) {\n\treturn (\n\t\t<a ref={ref} className={cx(\"lyds-header__brand\", className)} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport interface HeaderNavProps extends HTMLAttributes<HTMLElement> {\n\tlabel?: string;\n}\n\nexport const HeaderNav = forwardRef<HTMLElement, HeaderNavProps>(function HeaderNav({ className, label, ...props }, ref) {\n\tconst messages = useMessages();\n\treturn <nav ref={ref} aria-label={label ?? messages.headerNavLabel} className={cx(\"lyds-header__nav\", className)} {...props} />;\n});\n\nexport const HeaderActions = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderActions({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__actions\", className)} {...props} />;\n});\n\nexport const HeaderStatus = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderStatus({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__status\", className)} {...props} />;\n});\n\nexport interface TabBarProps extends HTMLAttributes<HTMLElement> {\n\tlabel?: string;\n}\n\nexport const TabBar = forwardRef<HTMLElement, TabBarProps>(function TabBar({ className, label, ...props }, ref) {\n\tconst messages = useMessages();\n\treturn <nav ref={ref} aria-label={label ?? messages.tabBarLabel} className={cx(\"lyds-tab-bar\", className)} {...props} />;\n});\n\nexport const TabBarList = forwardRef<HTMLUListElement, HTMLAttributes<HTMLUListElement>>(function TabBarList({ className, ...props }, ref) {\n\treturn <ul ref={ref} className={cx(\"lyds-tab-bar__list\", className)} {...props} />;\n});\n\nexport const TabBarItem = forwardRef<HTMLLIElement, LiHTMLAttributes<HTMLLIElement>>(function TabBarItem({ className, ...props }, ref) {\n\treturn <li ref={ref} className={cx(\"lyds-tab-bar__item\", className)} {...props} />;\n});\n\nexport interface TabBarLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n\tselected?: boolean;\n\tdisabled?: boolean;\n}\n\nexport const TabBarLink = forwardRef<HTMLAnchorElement, TabBarLinkProps>(function TabBarLink({ children, className, selected = false, disabled = false, href, onClick, tabIndex, ...props }, ref) {\n\tconst interactionProps = {\n\t\tonClick: (event: MouseEvent<HTMLAnchorElement>) => {\n\t\t\tif (disabled) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(event);\n\t\t},\n\t\ttabIndex: disabled ? -1 : tabIndex\n\t};\n\n\treturn (\n\t\t<a\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-current={selected ? \"page\" : undefined}\n\t\t\taria-disabled={disabled || undefined}\n\t\t\tclassName={cx(\"lyds-tab-bar__link\", className)}\n\t\t\tdata-disabled={disabled ? \"\" : undefined}\n\t\t\tdata-selected={selected ? \"\" : undefined}\n\t\t\thref={disabled ? undefined : href}\n\t\t\t{...interactionProps}\n\t\t>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport const TabBarIcon = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function TabBarIcon({ className, ...props }, ref) {\n\treturn <span ref={ref} aria-hidden=\"true\" className={cx(\"lyds-tab-bar__icon\", className)} {...props} />;\n});\n\nexport const TabBarLabel = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function TabBarLabel({ className, ...props }, ref) {\n\treturn <span ref={ref} className={cx(\"lyds-tab-bar__label\", className)} {...props} />;\n});\n"],"mappings":"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"}

package/dist/components/navigation-data/index.d.ts

@@ -1,7 +1,7 @@
-export * from './breadcrumb-pagination.js';
-export * from './command-palette.js';
-export * from './header-tab-bar.js';
-export * from './menubar-toolbar.js';
-export * from './navigation-menu.js';
-export * from './scroll-area.js';
-export * from './table-collection.js';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Pagination, PaginationButton, PaginationEllipsis, PaginationItem, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, type BreadcrumbProps, type BreadcrumbSeparatorProps, type PaginationButtonProps, type PaginationLinkProps, type PaginationProps } from './breadcrumb-pagination.js';
+export { CommandPaletteNamespace as CommandPalette, CommandPaletteBackdrop, CommandPaletteClose, CommandPaletteDescription, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteGroupLabel, CommandPaletteInput, CommandPaletteItem, CommandPaletteItemIndicator, CommandPaletteLabel, CommandPaletteList, CommandPalettePopup, CommandPalettePortal, CommandPaletteSeparator, CommandPaletteShortcut, CommandPaletteStatus, CommandPaletteTitle, CommandPaletteTrigger, CommandPaletteViewport, type CommandPaletteOpenChangeDetails, type CommandPaletteProps } from './command-palette.js';
+export { Header, HeaderActions, HeaderBrand, HeaderNav, HeaderRail, HeaderStatus, TabBar, TabBarIcon, TabBarItem, TabBarLabel, TabBarLink, TabBarList, type HeaderNavProps, type TabBarLinkProps, type TabBarProps } from './header-tab-bar.js';
+export { Menubar, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarGroup, MenubarGroupLabel, MenubarItem, MenubarLinkItem, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarSeparator, MenubarSubmenu, MenubarSubmenuTrigger, MenubarTrigger, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator } from './menubar-toolbar.js';
+export { NavigationMenu, NavigationMenuArrow, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuTrigger, NavigationMenuViewport } from './navigation-menu.js';
+export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from './scroll-area.js';
+export { Collection, CollectionActions, CollectionButton, CollectionContent, CollectionDescription, CollectionHeading, CollectionItem, CollectionLink, CollectionMeta, DataTable, DataTableControls, DataTableDescription, DataTableHeader, DataTableRegion, DataTableStatus, DataTableTitle, List, ListActions, ListButton, ListContent, ListDescription, ListHeading, ListItem, ListLink, ListMeta, OrderedCollection, OrderedList, Table, TableBody, TableCaption, TableCell, TableFooter, TableFrame, TableHead, TableHeader, TableRow, type CollectionButtonProps, type CollectionItemProps, type CollectionLinkProps, type CollectionProps, type DataTableRegionProps, type OrderedCollectionProps, type TableCellProps, type TableHeadProps } from './table-collection.js';

package/dist/components/navigation-data/menubar-toolbar.js

@@ -1,4 +1,4 @@
-import { withBaseClass as e } from "./utils.js";
+import { withStateClassName as e } from "../../internal/class-names.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { CheckIcon as r } from "@phosphor-icons/react/dist/csr/Check";

package/dist/components/navigation-data/menubar-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar-toolbar.js","names":[],"sources":["../../../src/components/navigation-data/menubar-toolbar.tsx"],"sourcesContent":["import { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { CircleIcon } from \"@phosphor-icons/react/dist/csr/Circle\";\nimport { forwardRef, type ComponentRef, type ForwardedRef, type ReactElement, type RefAttributes } from \"react\";\n\nimport { withBaseClass } from \"./utils.js\";\n\nexport const Menubar = forwardRef<ComponentRef<typeof BaseMenubar>, BaseMenubar.Props>(function Menubar(props, ref) {\n\tconst { className, ...menubarProps } = props;\n\treturn <BaseMenubar ref={ref} className={withBaseClass<BaseMenubar.State>(\"lyds-menubar\", className)} {...menubarProps} />;\n});\n\nexport function MenubarMenu<Payload = unknown>(props: BaseMenu.Root.Props<Payload>) {\n\treturn <BaseMenu.Root {...props} />;\n}\n\nfunction MenubarTriggerInner<Payload = unknown>(props: BaseMenu.Trigger.Props<Payload>, ref: ForwardedRef<HTMLButtonElement>) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseMenu.Trigger ref={ref} className={withBaseClass<BaseMenu.Trigger.State>(\"lyds-menubar__trigger\", className)} {...triggerProps} />;\n}\n\nexport const MenubarTrigger = forwardRef(MenubarTriggerInner) as <Payload = unknown>(props: BaseMenu.Trigger.Props<Payload> & RefAttributes<HTMLButtonElement>) => ReactElement;\n\nexport const MenubarPortal = BaseMenu.Portal;\n\nexport const MenubarPositioner = forwardRef<ComponentRef<typeof BaseMenu.Positioner>, BaseMenu.Positioner.Props>(function MenubarPositioner(props, ref) {\n\tconst { className, sideOffset = 6, ...positionerProps } = props;\n\treturn <BaseMenu.Positioner ref={ref} className={withBaseClass<BaseMenu.Positioner.State>(\"lyds-menubar__positioner\", className)} sideOffset={sideOffset} {...positionerProps} />;\n});\n\nexport const MenubarPopup = forwardRef<ComponentRef<typeof BaseMenu.Popup>, BaseMenu.Popup.Props>(function MenubarPopup(props, ref) {\n\tconst { className, ...popupProps } = props;\n\treturn <BaseMenu.Popup ref={ref} className={withBaseClass<BaseMenu.Popup.State>(\"lyds-menubar__popup\", className)} {...popupProps} />;\n});\n\nexport const MenubarItem = forwardRef<ComponentRef<typeof BaseMenu.Item>, BaseMenu.Item.Props>(function MenubarItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.Item ref={ref} className={withBaseClass<BaseMenu.Item.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarLinkItem = forwardRef<ComponentRef<typeof BaseMenu.LinkItem>, BaseMenu.LinkItem.Props>(function MenubarLinkItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.LinkItem ref={ref} className={withBaseClass<BaseMenu.LinkItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarCheckboxItem = forwardRef<ComponentRef<typeof BaseMenu.CheckboxItem>, BaseMenu.CheckboxItem.Props>(function MenubarCheckboxItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.CheckboxItem ref={ref} className={withBaseClass<BaseMenu.CheckboxItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarCheckboxItemIndicator = forwardRef<ComponentRef<typeof BaseMenu.CheckboxItemIndicator>, BaseMenu.CheckboxItemIndicator.Props>(function MenubarCheckboxItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseMenu.CheckboxItemIndicator ref={ref} className={withBaseClass<BaseMenu.CheckboxItemIndicator.State>(\"lyds-menubar__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseMenu.CheckboxItemIndicator>\n\t);\n});\n\nexport const MenubarRadioGroup = BaseMenu.RadioGroup;\n\nexport const MenubarRadioItem = forwardRef<ComponentRef<typeof BaseMenu.RadioItem>, BaseMenu.RadioItem.Props>(function MenubarRadioItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.RadioItem ref={ref} className={withBaseClass<BaseMenu.RadioItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarRadioItemIndicator = forwardRef<ComponentRef<typeof BaseMenu.RadioItemIndicator>, BaseMenu.RadioItemIndicator.Props>(function MenubarRadioItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseMenu.RadioItemIndicator ref={ref} className={withBaseClass<BaseMenu.RadioItemIndicator.State>(\"lyds-menubar__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CircleIcon aria-hidden=\"true\" weight=\"fill\" />}\n\t\t</BaseMenu.RadioItemIndicator>\n\t);\n});\n\nexport const MenubarGroup = BaseMenu.Group;\n\nexport const MenubarGroupLabel = forwardRef<ComponentRef<typeof BaseMenu.GroupLabel>, BaseMenu.GroupLabel.Props>(function MenubarGroupLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseMenu.GroupLabel ref={ref} className={withBaseClass<BaseMenu.GroupLabel.State>(\"lyds-menubar__group-label\", className)} {...labelProps} />;\n});\n\nexport const MenubarSeparator = forwardRef<ComponentRef<typeof BaseMenu.Separator>, BaseMenu.Separator.Props>(function MenubarSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseMenu.Separator ref={ref} className={withBaseClass<BaseMenu.Separator.State>(\"lyds-menubar__separator\", className)} {...separatorProps} />;\n});\n\nexport const MenubarSubmenu = BaseMenu.SubmenuRoot;\n\nexport const MenubarSubmenuTrigger = forwardRef<ComponentRef<typeof BaseMenu.SubmenuTrigger>, BaseMenu.SubmenuTrigger.Props>(function MenubarSubmenuTrigger(props, ref) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseMenu.SubmenuTrigger ref={ref} className={withBaseClass<BaseMenu.SubmenuTrigger.State>(\"lyds-menubar__item\", className)} {...triggerProps} />;\n});\n\nexport const Toolbar = forwardRef<ComponentRef<typeof BaseToolbar.Root>, BaseToolbar.Root.Props>(function Toolbar(props, ref) {\n\tconst { className, ...toolbarProps } = props;\n\treturn <BaseToolbar.Root ref={ref} className={withBaseClass<BaseToolbar.Root.State>(\"lyds-toolbar\", className)} {...toolbarProps} />;\n});\n\nexport const ToolbarGroup = forwardRef<ComponentRef<typeof BaseToolbar.Group>, BaseToolbar.Group.Props>(function ToolbarGroup(props, ref) {\n\tconst { className, ...groupProps } = props;\n\treturn <BaseToolbar.Group ref={ref} className={withBaseClass<BaseToolbar.Group.State>(\"lyds-toolbar__group\", className)} {...groupProps} />;\n});\n\nexport const ToolbarButton = forwardRef<ComponentRef<typeof BaseToolbar.Button>, BaseToolbar.Button.Props>(function ToolbarButton(props, ref) {\n\tconst { className, ...buttonProps } = props;\n\treturn <BaseToolbar.Button ref={ref} className={withBaseClass<BaseToolbar.Button.State>(\"lyds-toolbar__button\", className)} {...buttonProps} />;\n});\n\nexport const ToolbarLink = forwardRef<ComponentRef<typeof BaseToolbar.Link>, BaseToolbar.Link.Props>(function ToolbarLink(props, ref) {\n\tconst { className, ...linkProps } = props;\n\treturn <BaseToolbar.Link ref={ref} className={withBaseClass<BaseToolbar.Link.State>(\"lyds-toolbar__button\", className)} {...linkProps} />;\n});\n\nexport const ToolbarInput = forwardRef<ComponentRef<typeof BaseToolbar.Input>, BaseToolbar.Input.Props>(function ToolbarInput(props, ref) {\n\tconst { className, ...inputProps } = props;\n\treturn <BaseToolbar.Input ref={ref} className={withBaseClass<BaseToolbar.Input.State>(\"lyds-toolbar__input\", className)} {...inputProps} />;\n});\n\nexport const ToolbarSeparator = forwardRef<ComponentRef<typeof BaseToolbar.Separator>, BaseToolbar.Separator.Props>(function ToolbarSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseToolbar.Separator ref={ref} className={withBaseClass<BaseToolbar.Separator.State>(\"lyds-toolbar__separator\", className)} {...separatorProps} />;\n});\n"],"mappings":"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"}
+{"version":3,"file":"menubar-toolbar.js","names":[],"sources":["../../../src/components/navigation-data/menubar-toolbar.tsx"],"sourcesContent":["import { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { CircleIcon } from \"@phosphor-icons/react/dist/csr/Circle\";\nimport { forwardRef, type ComponentRef, type ForwardedRef, type ReactElement, type RefAttributes } from \"react\";\n\nimport { withStateClassName } from \"@/internal\";\nexport const Menubar = forwardRef<ComponentRef<typeof BaseMenubar>, BaseMenubar.Props>(function Menubar(props, ref) {\n\tconst { className, ...menubarProps } = props;\n\treturn <BaseMenubar ref={ref} className={withStateClassName<BaseMenubar.State>(\"lyds-menubar\", className)} {...menubarProps} />;\n});\n\nexport function MenubarMenu<Payload = unknown>(props: BaseMenu.Root.Props<Payload>) {\n\treturn <BaseMenu.Root {...props} />;\n}\n\nfunction MenubarTriggerInner<Payload = unknown>(props: BaseMenu.Trigger.Props<Payload>, ref: ForwardedRef<HTMLButtonElement>) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseMenu.Trigger ref={ref} className={withStateClassName<BaseMenu.Trigger.State>(\"lyds-menubar__trigger\", className)} {...triggerProps} />;\n}\n\nexport const MenubarTrigger = forwardRef(MenubarTriggerInner) as <Payload = unknown>(props: BaseMenu.Trigger.Props<Payload> & RefAttributes<HTMLButtonElement>) => ReactElement;\n\nexport const MenubarPortal = BaseMenu.Portal;\n\nexport const MenubarPositioner = forwardRef<ComponentRef<typeof BaseMenu.Positioner>, BaseMenu.Positioner.Props>(function MenubarPositioner(props, ref) {\n\tconst { className, sideOffset = 6, ...positionerProps } = props;\n\treturn <BaseMenu.Positioner ref={ref} className={withStateClassName<BaseMenu.Positioner.State>(\"lyds-menubar__positioner\", className)} sideOffset={sideOffset} {...positionerProps} />;\n});\n\nexport const MenubarPopup = forwardRef<ComponentRef<typeof BaseMenu.Popup>, BaseMenu.Popup.Props>(function MenubarPopup(props, ref) {\n\tconst { className, ...popupProps } = props;\n\treturn <BaseMenu.Popup ref={ref} className={withStateClassName<BaseMenu.Popup.State>(\"lyds-menubar__popup\", className)} {...popupProps} />;\n});\n\nexport const MenubarItem = forwardRef<ComponentRef<typeof BaseMenu.Item>, BaseMenu.Item.Props>(function MenubarItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.Item ref={ref} className={withStateClassName<BaseMenu.Item.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarLinkItem = forwardRef<ComponentRef<typeof BaseMenu.LinkItem>, BaseMenu.LinkItem.Props>(function MenubarLinkItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.LinkItem ref={ref} className={withStateClassName<BaseMenu.LinkItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarCheckboxItem = forwardRef<ComponentRef<typeof BaseMenu.CheckboxItem>, BaseMenu.CheckboxItem.Props>(function MenubarCheckboxItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.CheckboxItem ref={ref} className={withStateClassName<BaseMenu.CheckboxItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarCheckboxItemIndicator = forwardRef<ComponentRef<typeof BaseMenu.CheckboxItemIndicator>, BaseMenu.CheckboxItemIndicator.Props>(function MenubarCheckboxItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseMenu.CheckboxItemIndicator ref={ref} className={withStateClassName<BaseMenu.CheckboxItemIndicator.State>(\"lyds-menubar__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseMenu.CheckboxItemIndicator>\n\t);\n});\n\nexport const MenubarRadioGroup = BaseMenu.RadioGroup;\n\nexport const MenubarRadioItem = forwardRef<ComponentRef<typeof BaseMenu.RadioItem>, BaseMenu.RadioItem.Props>(function MenubarRadioItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.RadioItem ref={ref} className={withStateClassName<BaseMenu.RadioItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarRadioItemIndicator = forwardRef<ComponentRef<typeof BaseMenu.RadioItemIndicator>, BaseMenu.RadioItemIndicator.Props>(function MenubarRadioItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseMenu.RadioItemIndicator ref={ref} className={withStateClassName<BaseMenu.RadioItemIndicator.State>(\"lyds-menubar__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CircleIcon aria-hidden=\"true\" weight=\"fill\" />}\n\t\t</BaseMenu.RadioItemIndicator>\n\t);\n});\n\nexport const MenubarGroup = BaseMenu.Group;\n\nexport const MenubarGroupLabel = forwardRef<ComponentRef<typeof BaseMenu.GroupLabel>, BaseMenu.GroupLabel.Props>(function MenubarGroupLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseMenu.GroupLabel ref={ref} className={withStateClassName<BaseMenu.GroupLabel.State>(\"lyds-menubar__group-label\", className)} {...labelProps} />;\n});\n\nexport const MenubarSeparator = forwardRef<ComponentRef<typeof BaseMenu.Separator>, BaseMenu.Separator.Props>(function MenubarSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseMenu.Separator ref={ref} className={withStateClassName<BaseMenu.Separator.State>(\"lyds-menubar__separator\", className)} {...separatorProps} />;\n});\n\nexport const MenubarSubmenu = BaseMenu.SubmenuRoot;\n\nexport const MenubarSubmenuTrigger = forwardRef<ComponentRef<typeof BaseMenu.SubmenuTrigger>, BaseMenu.SubmenuTrigger.Props>(function MenubarSubmenuTrigger(props, ref) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseMenu.SubmenuTrigger ref={ref} className={withStateClassName<BaseMenu.SubmenuTrigger.State>(\"lyds-menubar__item\", className)} {...triggerProps} />;\n});\n\nexport const Toolbar = forwardRef<ComponentRef<typeof BaseToolbar.Root>, BaseToolbar.Root.Props>(function Toolbar(props, ref) {\n\tconst { className, ...toolbarProps } = props;\n\treturn <BaseToolbar.Root ref={ref} className={withStateClassName<BaseToolbar.Root.State>(\"lyds-toolbar\", className)} {...toolbarProps} />;\n});\n\nexport const ToolbarGroup = forwardRef<ComponentRef<typeof BaseToolbar.Group>, BaseToolbar.Group.Props>(function ToolbarGroup(props, ref) {\n\tconst { className, ...groupProps } = props;\n\treturn <BaseToolbar.Group ref={ref} className={withStateClassName<BaseToolbar.Group.State>(\"lyds-toolbar__group\", className)} {...groupProps} />;\n});\n\nexport const ToolbarButton = forwardRef<ComponentRef<typeof BaseToolbar.Button>, BaseToolbar.Button.Props>(function ToolbarButton(props, ref) {\n\tconst { className, ...buttonProps } = props;\n\treturn <BaseToolbar.Button ref={ref} className={withStateClassName<BaseToolbar.Button.State>(\"lyds-toolbar__button\", className)} {...buttonProps} />;\n});\n\nexport const ToolbarLink = forwardRef<ComponentRef<typeof BaseToolbar.Link>, BaseToolbar.Link.Props>(function ToolbarLink(props, ref) {\n\tconst { className, ...linkProps } = props;\n\treturn <BaseToolbar.Link ref={ref} className={withStateClassName<BaseToolbar.Link.State>(\"lyds-toolbar__button\", className)} {...linkProps} />;\n});\n\nexport const ToolbarInput = forwardRef<ComponentRef<typeof BaseToolbar.Input>, BaseToolbar.Input.Props>(function ToolbarInput(props, ref) {\n\tconst { className, ...inputProps } = props;\n\treturn <BaseToolbar.Input ref={ref} className={withStateClassName<BaseToolbar.Input.State>(\"lyds-toolbar__input\", className)} {...inputProps} />;\n});\n\nexport const ToolbarSeparator = forwardRef<ComponentRef<typeof BaseToolbar.Separator>, BaseToolbar.Separator.Props>(function ToolbarSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseToolbar.Separator ref={ref} className={withStateClassName<BaseToolbar.Separator.State>(\"lyds-toolbar__separator\", className)} {...separatorProps} />;\n});\n"],"mappings":"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"}

package/dist/components/navigation-data/navigation-menu.js

@@ -1,4 +1,4 @@
-import { withBaseClass as e } from "./utils.js";
+import { withStateClassName as e } from "../../internal/class-names.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { NavigationMenu as r } from "@base-ui/react/navigation-menu";