@linyao.tw/ui 1.0.0 → 1.2.0

package/dist/components/selection/menu.js

@@ -1,119 +1,119 @@
-import e from "./selection.module.js";
-import { mergeStateClassName as t } from "./classnames.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { Separator as i } from "@base-ui/react/separator";
-import { CheckIcon as a } from "@phosphor-icons/react/dist/csr/Check";
-import { Menu as o } from "@base-ui/react/menu";
-import { ContextMenu as s } from "@base-ui/react/context-menu";
+"use client";
+import { withStateClassName as e } from "../../internal/class-names.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Separator as r } from "@base-ui/react/separator";
+import { CheckIcon as i } from "@phosphor-icons/react/dist/csr/Check";
+import { Menu as a } from "@base-ui/react/menu";
+import { ContextMenu as o } from "@base-ui/react/context-menu";
 //#region src/components/selection/menu.tsx
-var c = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.Trigger, {
-		...i,
-		className: t(e.menuTrigger, n),
-		ref: a
+var s = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Trigger, {
+		...r,
+		className: e("lyds-menu__trigger", t),
+		ref: i
 	});
-}), l = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.Positioner, {
-		...i,
-		className: t(e.positioner, n),
-		ref: a
+}), c = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Positioner, {
+		...r,
+		className: e("lyds-listbox__positioner", t),
+		ref: i
 	});
-}), u = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.Popup, {
-		...i,
-		className: t(e.menuPopup, n),
-		ref: a
+}), l = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Popup, {
+		...r,
+		className: e("lyds-menu__popup", t),
+		ref: i
 	});
-}), d = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.Item, {
-		...i,
-		className: t(e.menuItem, n),
-		ref: a
+}), u = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Item, {
+		...r,
+		className: e("lyds-menu__item", t),
+		ref: i
 	});
-}), f = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.LinkItem, {
-		...i,
-		className: t(e.menuItem, n),
-		ref: a
+}), d = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.LinkItem, {
+		...r,
+		className: e("lyds-menu__item", t),
+		ref: i
 	});
-}), p = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.CheckboxItem, {
-		...i,
-		className: t(e.menuItem, n),
-		ref: a
+}), f = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.CheckboxItem, {
+		...r,
+		className: e("lyds-menu__item", t),
+		ref: i
 	});
-}), m = n(function({ children: n, className: i, ...s }, c) {
-	return /* @__PURE__ */ r(o.CheckboxItemIndicator, {
-		...s,
-		className: t(e.menuItemIndicator, i),
-		ref: c,
-		children: n ?? /* @__PURE__ */ r(a, {
+}), p = t(function({ children: t, className: r, ...o }, s) {
+	return /* @__PURE__ */ n(a.CheckboxItemIndicator, {
+		...o,
+		className: e("lyds-menu__item-indicator", r),
+		ref: s,
+		children: t ?? /* @__PURE__ */ n(i, {
 			"aria-hidden": "true",
 			weight: "bold"
 		})
 	});
-}), h = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.RadioItem, {
-		...i,
-		className: t(e.menuItem, n),
-		ref: a
+}), m = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.RadioItem, {
+		...r,
+		className: e("lyds-menu__item", t),
+		ref: i
 	});
-}), g = n(function({ children: n, className: i, ...s }, c) {
-	return /* @__PURE__ */ r(o.RadioItemIndicator, {
-		...s,
-		className: t(e.menuItemIndicator, i),
-		ref: c,
-		children: n ?? /* @__PURE__ */ r(a, {
+}), h = t(function({ children: t, className: r, ...o }, s) {
+	return /* @__PURE__ */ n(a.RadioItemIndicator, {
+		...o,
+		className: e("lyds-menu__item-indicator", r),
+		ref: s,
+		children: t ?? /* @__PURE__ */ n(i, {
 			"aria-hidden": "true",
 			"data-lyds-glyph": "check",
 			weight: "bold"
 		})
 	});
-}), _ = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.GroupLabel, {
-		...i,
-		className: t(e.groupLabel, n),
-		ref: a
-	});
-}), v = n(function({ className: n, ...a }, o) {
-	return /* @__PURE__ */ r(i, {
-		...a,
-		className: t(e.separator, n),
-		ref: o
+}), g = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.GroupLabel, {
+		...r,
+		className: e("lyds-listbox__group-label", t),
+		ref: i
 	});
-}), y = n(function({ className: n, ...i }, a) {
-	return /* @__PURE__ */ r(o.SubmenuTrigger, {
+}), _ = t(function({ className: t, ...i }, a) {
+	return /* @__PURE__ */ n(r, {
 		...i,
-		className: t(e.menuItem, n),
+		className: e("lyds-listbox__separator", t),
 		ref: a
 	});
-}), b = {
-	Arrow: o.Arrow,
-	Backdrop: o.Backdrop,
-	CheckboxItem: p,
-	CheckboxItemIndicator: m,
-	Group: o.Group,
-	GroupLabel: _,
-	Handle: o.Handle,
-	Item: d,
-	LinkItem: f,
-	Popup: u,
-	Portal: o.Portal,
-	Positioner: l,
-	RadioGroup: o.RadioGroup,
-	RadioItem: h,
-	RadioItemIndicator: g,
-	Root: o.Root,
-	Separator: v,
-	SubmenuRoot: o.SubmenuRoot,
-	SubmenuTrigger: y,
-	Trigger: c,
-	Viewport: o.Viewport,
-	createHandle: o.createHandle
-}, x = b, S = b, C = n(function({ className: n, onKeyDown: i, ...a }, o) {
-	let c = (e) => {
-		if (i?.(e), e.defaultPrevented || e.key !== "F10" || !e.shiftKey) return;
+}), v = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.SubmenuTrigger, {
+		...r,
+		className: e("lyds-menu__item", t),
+		ref: i
+	});
+}), y = {
+	Arrow: a.Arrow,
+	Backdrop: a.Backdrop,
+	CheckboxItem: f,
+	CheckboxItemIndicator: p,
+	Group: a.Group,
+	GroupLabel: g,
+	Handle: a.Handle,
+	Item: u,
+	LinkItem: d,
+	Popup: l,
+	Portal: a.Portal,
+	Positioner: c,
+	RadioGroup: a.RadioGroup,
+	RadioItem: m,
+	RadioItemIndicator: h,
+	Root: a.Root,
+	Separator: _,
+	SubmenuRoot: a.SubmenuRoot,
+	SubmenuTrigger: v,
+	Trigger: s,
+	Viewport: a.Viewport,
+	createHandle: a.createHandle
+}, b = y, x = y, S = t(function({ className: t, onKeyDown: r, ...i }, a) {
+	let s = (e) => {
+		if (r?.(e), e.defaultPrevented || e.key !== "F10" || !e.shiftKey) return;
 		e.preventDefault();
 		let t = e.currentTarget, n = t.getBoundingClientRect();
 		t.dispatchEvent(new globalThis.MouseEvent("contextmenu", {
@@ -124,34 +124,34 @@ var c = n(function({ className: n, ...i }, a) {
 			clientY: n.top + n.height / 2
 		}));
 	};
-	return /* @__PURE__ */ r(s.Trigger, {
-		...a,
-		className: t(e.contextTrigger, n),
-		ref: o,
-		onKeyDown: c
+	return /* @__PURE__ */ n(o.Trigger, {
+		...i,
+		className: e("lyds-context-menu__trigger", t),
+		ref: a,
+		onKeyDown: s
 	});
-}), w = {
-	Arrow: s.Arrow,
-	Backdrop: s.Backdrop,
-	CheckboxItem: p,
-	CheckboxItemIndicator: m,
-	Group: s.Group,
-	GroupLabel: _,
-	Item: d,
-	LinkItem: f,
-	Popup: u,
-	Portal: s.Portal,
-	Positioner: l,
-	RadioGroup: s.RadioGroup,
-	RadioItem: h,
-	RadioItemIndicator: g,
-	Root: s.Root,
-	Separator: v,
-	SubmenuRoot: s.SubmenuRoot,
-	SubmenuTrigger: y,
-	Trigger: C
+}), C = {
+	Arrow: o.Arrow,
+	Backdrop: o.Backdrop,
+	CheckboxItem: f,
+	CheckboxItemIndicator: p,
+	Group: o.Group,
+	GroupLabel: g,
+	Item: u,
+	LinkItem: d,
+	Popup: l,
+	Portal: o.Portal,
+	Positioner: c,
+	RadioGroup: o.RadioGroup,
+	RadioItem: m,
+	RadioItemIndicator: h,
+	Root: o.Root,
+	Separator: _,
+	SubmenuRoot: o.SubmenuRoot,
+	SubmenuTrigger: v,
+	Trigger: S
 };
 //#endregion
-export { w as ContextMenu, C as ContextMenuTrigger, x as DropdownMenu, S as Menu, p as MenuCheckboxItem, m as MenuCheckboxItemIndicator, _ as MenuGroupLabel, d as MenuItem, f as MenuLinkItem, u as MenuPopup, l as MenuPositioner, h as MenuRadioItem, g as MenuRadioItemIndicator, v as MenuSeparator, y as MenuSubmenuTrigger, c as MenuTrigger };
+export { C as ContextMenu, S as ContextMenuTrigger, b as DropdownMenu, x as Menu, f as MenuCheckboxItem, p as MenuCheckboxItemIndicator, g as MenuGroupLabel, u as MenuItem, d as MenuLinkItem, l as MenuPopup, c as MenuPositioner, m as MenuRadioItem, h as MenuRadioItemIndicator, _ as MenuSeparator, v as MenuSubmenuTrigger, s as MenuTrigger };
 
 //# sourceMappingURL=menu.js.map

package/dist/components/selection/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/selection/menu.tsx"],"sourcesContent":["import { ContextMenu as BaseContextMenu, type ContextMenuTriggerProps } from \"@base-ui/react/context-menu\";\nimport {\n\tMenu as BaseMenu,\n\ttype MenuCheckboxItemIndicatorProps,\n\ttype MenuCheckboxItemProps,\n\ttype MenuGroupLabelProps,\n\ttype MenuItemProps,\n\ttype MenuLinkItemProps,\n\ttype MenuPopupProps,\n\ttype MenuPositionerProps,\n\ttype MenuRadioItemIndicatorProps,\n\ttype MenuRadioItemProps,\n\ttype MenuSubmenuTriggerProps,\n\ttype MenuTriggerProps\n} from \"@base-ui/react/menu\";\nimport { Separator as BaseSeparator, type SeparatorProps } from \"@base-ui/react/separator\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { forwardRef } from \"react\";\n\nimport { mergeStateClassName } from \"./classnames\";\nimport styles from \"./selection.module.css\";\n\nexport const MenuTrigger = forwardRef<HTMLButtonElement, MenuTriggerProps>(function MenuTrigger({ className, ...props }, ref) {\n\treturn <BaseMenu.Trigger {...props} className={mergeStateClassName(styles.menuTrigger, className)} ref={ref} />;\n});\n\nexport const MenuPositioner = forwardRef<HTMLDivElement, MenuPositionerProps>(function MenuPositioner({ className, ...props }, ref) {\n\treturn <BaseMenu.Positioner {...props} className={mergeStateClassName(styles.positioner, className)} ref={ref} />;\n});\n\nexport const MenuPopup = forwardRef<HTMLDivElement, MenuPopupProps>(function MenuPopup({ className, ...props }, ref) {\n\treturn <BaseMenu.Popup {...props} className={mergeStateClassName(styles.menuPopup, className)} ref={ref} />;\n});\n\nexport const MenuItem = forwardRef<HTMLElement, MenuItemProps>(function MenuItem({ className, ...props }, ref) {\n\treturn <BaseMenu.Item {...props} className={mergeStateClassName(styles.menuItem, className)} ref={ref} />;\n});\n\nexport const MenuLinkItem = forwardRef<HTMLAnchorElement, MenuLinkItemProps>(function MenuLinkItem({ className, ...props }, ref) {\n\treturn <BaseMenu.LinkItem {...props} className={mergeStateClassName(styles.menuItem, className)} ref={ref} />;\n});\n\nexport const MenuCheckboxItem = forwardRef<HTMLElement, MenuCheckboxItemProps>(function MenuCheckboxItem({ className, ...props }, ref) {\n\treturn <BaseMenu.CheckboxItem {...props} className={mergeStateClassName(styles.menuItem, className)} ref={ref} />;\n});\n\nexport const MenuCheckboxItemIndicator = forwardRef<HTMLSpanElement, MenuCheckboxItemIndicatorProps>(function MenuCheckboxItemIndicator({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseMenu.CheckboxItemIndicator {...props} className={mergeStateClassName(styles.menuItemIndicator, className)} ref={ref}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseMenu.CheckboxItemIndicator>\n\t);\n});\n\nexport const MenuRadioItem = forwardRef<HTMLElement, MenuRadioItemProps>(function MenuRadioItem({ className, ...props }, ref) {\n\treturn <BaseMenu.RadioItem {...props} className={mergeStateClassName(styles.menuItem, className)} ref={ref} />;\n});\n\nexport const MenuRadioItemIndicator = forwardRef<HTMLSpanElement, MenuRadioItemIndicatorProps>(function MenuRadioItemIndicator({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseMenu.RadioItemIndicator {...props} className={mergeStateClassName(styles.menuItemIndicator, className)} ref={ref}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" data-lyds-glyph=\"check\" weight=\"bold\" />}\n\t\t</BaseMenu.RadioItemIndicator>\n\t);\n});\n\nexport const MenuGroupLabel = forwardRef<HTMLDivElement, MenuGroupLabelProps>(function MenuGroupLabel({ className, ...props }, ref) {\n\treturn <BaseMenu.GroupLabel {...props} className={mergeStateClassName(styles.groupLabel, className)} ref={ref} />;\n});\n\nexport const MenuSeparator = forwardRef<HTMLDivElement, SeparatorProps>(function MenuSeparator({ className, ...props }, ref) {\n\treturn <BaseSeparator {...props} className={mergeStateClassName(styles.separator, className)} ref={ref} />;\n});\n\nexport const MenuSubmenuTrigger = forwardRef<HTMLElement, MenuSubmenuTriggerProps>(function MenuSubmenuTrigger({ className, ...props }, ref) {\n\treturn <BaseMenu.SubmenuTrigger {...props} className={mergeStateClassName(styles.menuItem, className)} ref={ref} />;\n});\n\nconst menuParts = {\n\tArrow: BaseMenu.Arrow,\n\tBackdrop: BaseMenu.Backdrop,\n\tCheckboxItem: MenuCheckboxItem,\n\tCheckboxItemIndicator: MenuCheckboxItemIndicator,\n\tGroup: BaseMenu.Group,\n\tGroupLabel: MenuGroupLabel,\n\tHandle: BaseMenu.Handle,\n\tItem: MenuItem,\n\tLinkItem: MenuLinkItem,\n\tPopup: MenuPopup,\n\tPortal: BaseMenu.Portal,\n\tPositioner: MenuPositioner,\n\tRadioGroup: BaseMenu.RadioGroup,\n\tRadioItem: MenuRadioItem,\n\tRadioItemIndicator: MenuRadioItemIndicator,\n\tRoot: BaseMenu.Root,\n\tSeparator: MenuSeparator,\n\tSubmenuRoot: BaseMenu.SubmenuRoot,\n\tSubmenuTrigger: MenuSubmenuTrigger,\n\tTrigger: MenuTrigger,\n\tViewport: BaseMenu.Viewport,\n\tcreateHandle: BaseMenu.createHandle\n} as const;\n\n/** 由按鈕觸發的應用程式選單。 */\nexport const DropdownMenu = menuParts;\n\n/** DropdownMenu 的別名，名稱與 Base UI 詞彙一致。 */\nexport const Menu = menuParts;\n\nexport const ContextMenuTrigger = forwardRef<HTMLDivElement, ContextMenuTriggerProps>(function ContextMenuTrigger({ className, onKeyDown, ...props }, ref) {\n\tconst handleKeyDown: NonNullable<ContextMenuTriggerProps[\"onKeyDown\"]> = event => {\n\t\tonKeyDown?.(event);\n\t\tif (event.defaultPrevented || event.key !== \"F10\" || !event.shiftKey) return;\n\n\t\tevent.preventDefault();\n\t\tconst target = event.currentTarget;\n\t\tconst bounds = target.getBoundingClientRect();\n\t\ttarget.dispatchEvent(\n\t\t\tnew globalThis.MouseEvent(\"contextmenu\", {\n\t\t\t\tbubbles: true,\n\t\t\t\tbutton: 2,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: bounds.left + bounds.width / 2,\n\t\t\t\tclientY: bounds.top + bounds.height / 2\n\t\t\t})\n\t\t);\n\t};\n\n\treturn <BaseContextMenu.Trigger {...props} className={mergeStateClassName(styles.contextTrigger, className)} ref={ref} onKeyDown={handleKeyDown} />;\n});\n\nexport const ContextMenu = {\n\tArrow: BaseContextMenu.Arrow,\n\tBackdrop: BaseContextMenu.Backdrop,\n\tCheckboxItem: MenuCheckboxItem,\n\tCheckboxItemIndicator: MenuCheckboxItemIndicator,\n\tGroup: BaseContextMenu.Group,\n\tGroupLabel: MenuGroupLabel,\n\tItem: MenuItem,\n\tLinkItem: MenuLinkItem,\n\tPopup: MenuPopup,\n\tPortal: BaseContextMenu.Portal,\n\tPositioner: MenuPositioner,\n\tRadioGroup: BaseContextMenu.RadioGroup,\n\tRadioItem: MenuRadioItem,\n\tRadioItemIndicator: MenuRadioItemIndicator,\n\tRoot: BaseContextMenu.Root,\n\tSeparator: MenuSeparator,\n\tSubmenuRoot: BaseContextMenu.SubmenuRoot,\n\tSubmenuTrigger: MenuSubmenuTrigger,\n\tTrigger: ContextMenuTrigger\n} as const;\n"],"mappings":"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"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/selection/menu.tsx"],"sourcesContent":["import { ContextMenu as BaseContextMenu, type ContextMenuTriggerProps } from \"@base-ui/react/context-menu\";\nimport {\n\tMenu as BaseMenu,\n\ttype MenuCheckboxItemIndicatorProps,\n\ttype MenuCheckboxItemProps,\n\ttype MenuGroupLabelProps,\n\ttype MenuItemProps,\n\ttype MenuLinkItemProps,\n\ttype MenuPopupProps,\n\ttype MenuPositionerProps,\n\ttype MenuRadioItemIndicatorProps,\n\ttype MenuRadioItemProps,\n\ttype MenuSubmenuTriggerProps,\n\ttype MenuTriggerProps\n} from \"@base-ui/react/menu\";\nimport { Separator as BaseSeparator, type SeparatorProps } from \"@base-ui/react/separator\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { forwardRef } from \"react\";\n\nimport { withStateClassName } from \"@/internal\";\n\nexport const MenuTrigger = forwardRef<HTMLButtonElement, MenuTriggerProps>(function MenuTrigger({ className, ...props }, ref) {\n\treturn <BaseMenu.Trigger {...props} className={withStateClassName(\"lyds-menu__trigger\", className)} ref={ref} />;\n});\n\nexport const MenuPositioner = forwardRef<HTMLDivElement, MenuPositionerProps>(function MenuPositioner({ className, ...props }, ref) {\n\treturn <BaseMenu.Positioner {...props} className={withStateClassName(\"lyds-listbox__positioner\", className)} ref={ref} />;\n});\n\nexport const MenuPopup = forwardRef<HTMLDivElement, MenuPopupProps>(function MenuPopup({ className, ...props }, ref) {\n\treturn <BaseMenu.Popup {...props} className={withStateClassName(\"lyds-menu__popup\", className)} ref={ref} />;\n});\n\nexport const MenuItem = forwardRef<HTMLElement, MenuItemProps>(function MenuItem({ className, ...props }, ref) {\n\treturn <BaseMenu.Item {...props} className={withStateClassName(\"lyds-menu__item\", className)} ref={ref} />;\n});\n\nexport const MenuLinkItem = forwardRef<HTMLAnchorElement, MenuLinkItemProps>(function MenuLinkItem({ className, ...props }, ref) {\n\treturn <BaseMenu.LinkItem {...props} className={withStateClassName(\"lyds-menu__item\", className)} ref={ref} />;\n});\n\nexport const MenuCheckboxItem = forwardRef<HTMLElement, MenuCheckboxItemProps>(function MenuCheckboxItem({ className, ...props }, ref) {\n\treturn <BaseMenu.CheckboxItem {...props} className={withStateClassName(\"lyds-menu__item\", className)} ref={ref} />;\n});\n\nexport const MenuCheckboxItemIndicator = forwardRef<HTMLSpanElement, MenuCheckboxItemIndicatorProps>(function MenuCheckboxItemIndicator({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseMenu.CheckboxItemIndicator {...props} className={withStateClassName(\"lyds-menu__item-indicator\", className)} ref={ref}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseMenu.CheckboxItemIndicator>\n\t);\n});\n\nexport const MenuRadioItem = forwardRef<HTMLElement, MenuRadioItemProps>(function MenuRadioItem({ className, ...props }, ref) {\n\treturn <BaseMenu.RadioItem {...props} className={withStateClassName(\"lyds-menu__item\", className)} ref={ref} />;\n});\n\nexport const MenuRadioItemIndicator = forwardRef<HTMLSpanElement, MenuRadioItemIndicatorProps>(function MenuRadioItemIndicator({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseMenu.RadioItemIndicator {...props} className={withStateClassName(\"lyds-menu__item-indicator\", className)} ref={ref}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" data-lyds-glyph=\"check\" weight=\"bold\" />}\n\t\t</BaseMenu.RadioItemIndicator>\n\t);\n});\n\nexport const MenuGroupLabel = forwardRef<HTMLDivElement, MenuGroupLabelProps>(function MenuGroupLabel({ className, ...props }, ref) {\n\treturn <BaseMenu.GroupLabel {...props} className={withStateClassName(\"lyds-listbox__group-label\", className)} ref={ref} />;\n});\n\nexport const MenuSeparator = forwardRef<HTMLDivElement, SeparatorProps>(function MenuSeparator({ className, ...props }, ref) {\n\treturn <BaseSeparator {...props} className={withStateClassName(\"lyds-listbox__separator\", className)} ref={ref} />;\n});\n\nexport const MenuSubmenuTrigger = forwardRef<HTMLElement, MenuSubmenuTriggerProps>(function MenuSubmenuTrigger({ className, ...props }, ref) {\n\treturn <BaseMenu.SubmenuTrigger {...props} className={withStateClassName(\"lyds-menu__item\", className)} ref={ref} />;\n});\n\nconst menuParts = {\n\tArrow: BaseMenu.Arrow,\n\tBackdrop: BaseMenu.Backdrop,\n\tCheckboxItem: MenuCheckboxItem,\n\tCheckboxItemIndicator: MenuCheckboxItemIndicator,\n\tGroup: BaseMenu.Group,\n\tGroupLabel: MenuGroupLabel,\n\tHandle: BaseMenu.Handle,\n\tItem: MenuItem,\n\tLinkItem: MenuLinkItem,\n\tPopup: MenuPopup,\n\tPortal: BaseMenu.Portal,\n\tPositioner: MenuPositioner,\n\tRadioGroup: BaseMenu.RadioGroup,\n\tRadioItem: MenuRadioItem,\n\tRadioItemIndicator: MenuRadioItemIndicator,\n\tRoot: BaseMenu.Root,\n\tSeparator: MenuSeparator,\n\tSubmenuRoot: BaseMenu.SubmenuRoot,\n\tSubmenuTrigger: MenuSubmenuTrigger,\n\tTrigger: MenuTrigger,\n\tViewport: BaseMenu.Viewport,\n\tcreateHandle: BaseMenu.createHandle\n} as const;\n\n/** 由按鈕觸發的應用程式選單。 */\nexport const DropdownMenu = menuParts;\n\n/** DropdownMenu 的別名，名稱與 Base UI 詞彙一致。 */\nexport const Menu = menuParts;\n\nexport const ContextMenuTrigger = forwardRef<HTMLDivElement, ContextMenuTriggerProps>(function ContextMenuTrigger({ className, onKeyDown, ...props }, ref) {\n\tconst handleKeyDown: NonNullable<ContextMenuTriggerProps[\"onKeyDown\"]> = event => {\n\t\tonKeyDown?.(event);\n\t\tif (event.defaultPrevented || event.key !== \"F10\" || !event.shiftKey) return;\n\n\t\tevent.preventDefault();\n\t\tconst target = event.currentTarget;\n\t\tconst bounds = target.getBoundingClientRect();\n\t\ttarget.dispatchEvent(\n\t\t\tnew globalThis.MouseEvent(\"contextmenu\", {\n\t\t\t\tbubbles: true,\n\t\t\t\tbutton: 2,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: bounds.left + bounds.width / 2,\n\t\t\t\tclientY: bounds.top + bounds.height / 2\n\t\t\t})\n\t\t);\n\t};\n\n\treturn <BaseContextMenu.Trigger {...props} className={withStateClassName(\"lyds-context-menu__trigger\", className)} ref={ref} onKeyDown={handleKeyDown} />;\n});\n\nexport const ContextMenu = {\n\tArrow: BaseContextMenu.Arrow,\n\tBackdrop: BaseContextMenu.Backdrop,\n\tCheckboxItem: MenuCheckboxItem,\n\tCheckboxItemIndicator: MenuCheckboxItemIndicator,\n\tGroup: BaseContextMenu.Group,\n\tGroupLabel: MenuGroupLabel,\n\tItem: MenuItem,\n\tLinkItem: MenuLinkItem,\n\tPopup: MenuPopup,\n\tPortal: BaseContextMenu.Portal,\n\tPositioner: MenuPositioner,\n\tRadioGroup: BaseContextMenu.RadioGroup,\n\tRadioItem: MenuRadioItem,\n\tRadioItemIndicator: MenuRadioItemIndicator,\n\tRoot: BaseContextMenu.Root,\n\tSeparator: MenuSeparator,\n\tSubmenuRoot: BaseContextMenu.SubmenuRoot,\n\tSubmenuTrigger: MenuSubmenuTrigger,\n\tTrigger: ContextMenuTrigger\n} as const;\n"],"mappings":"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"}

package/dist/components/selection/select.js

@@ -1,138 +1,139 @@
-import e from "./selection.module.js";
-import { combineStateClassNames as t, mergeStateClassName as n } from "./classnames.js";
-import { forwardRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { CheckIcon as o } from "@phosphor-icons/react/dist/csr/Check";
-import { CaretDownIcon as s } from "@phosphor-icons/react/dist/csr/CaretDown";
-import { Select as c } from "@base-ui/react/select";
+"use client";
+import { combineStateClassNames as e, withStateClassName as t } from "../../internal/class-names.js";
+import { useMessages as n } from "../../intl/provider.js";
+import { forwardRef as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { CheckIcon as s } from "@phosphor-icons/react/dist/csr/Check";
+import { CaretDownIcon as c } from "@phosphor-icons/react/dist/csr/CaretDown";
+import { Select as l } from "@base-ui/react/select";
 //#region src/components/selection/select.tsx
-var l = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.Trigger, {
-		...r,
-		className: n(e.selectTrigger, t),
-		ref: a
+var u = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.Trigger, {
+		...n,
+		className: t("lyds-select__trigger", e),
+		ref: r
 	});
-}), u = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.Value, {
-		...r,
-		className: n(e.selectValue, t),
-		ref: a
+}), d = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.Value, {
+		...n,
+		className: t("lyds-select__value", e),
+		ref: r
 	});
-}), d = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.Positioner, {
-		...r,
-		className: n(e.positioner, t),
-		ref: a
+}), f = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.Positioner, {
+		...n,
+		className: t("lyds-listbox__positioner", e),
+		ref: r
 	});
-}), f = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.Popup, {
-		...r,
-		className: n(e.popup, t),
-		ref: a
+}), p = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.Popup, {
+		...n,
+		className: t("lyds-listbox__popup", e),
+		ref: r
 	});
-}), p = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.List, {
-		...r,
-		className: n(e.optionList, t),
-		ref: a
+}), m = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.List, {
+		...n,
+		className: t("lyds-listbox__list", e),
+		ref: r
 	});
-}), m = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.Item, {
-		...r,
-		className: n(e.option, t),
-		ref: a
+}), h = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.Item, {
+		...n,
+		className: t("lyds-listbox__option", e),
+		ref: r
 	});
-}), h = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.ItemIndicator, {
-		...r,
-		className: n(e.optionIndicator, t),
-		ref: a
+}), g = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.ItemIndicator, {
+		...n,
+		className: t("lyds-listbox__option-indicator", e),
+		ref: r
 	});
-}), g = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.ItemText, {
-		...r,
-		className: n(e.optionText, t),
-		ref: a
+}), _ = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.ItemText, {
+		...n,
+		className: t("lyds-listbox__option-text", e),
+		ref: r
 	});
-}), _ = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.GroupLabel, {
-		...r,
-		className: n(e.groupLabel, t),
-		ref: a
+}), v = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.GroupLabel, {
+		...n,
+		className: t("lyds-listbox__group-label", e),
+		ref: r
 	});
-}), v = r(function({ className: t, ...r }, a) {
-	return /* @__PURE__ */ i(c.Separator, {
-		...r,
-		className: n(e.separator, t),
-		ref: a
+}), y = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ a(l.Separator, {
+		...n,
+		className: t("lyds-listbox__separator", e),
+		ref: r
 	});
 });
-function y({ "aria-describedby": n, "aria-label": r, "aria-labelledby": _, className: v, invalid: y = !1, options: b, placeholder: x = "請選擇", popupProps: S, positionerProps: C, triggerProps: w, ...T }) {
-	let E = b.map((e) => ({
+function b({ "aria-describedby": t, "aria-label": r, "aria-labelledby": v, className: y, invalid: b = !1, options: x, placeholder: S, popupProps: C, positionerProps: w, triggerProps: T, ...E }) {
+	let D = n(), O = i(() => x.map((e) => ({
 		label: e.label,
 		value: e.value
-	}));
-	return /* @__PURE__ */ a(c.Root, {
-		...T,
-		items: E,
-		children: [/* @__PURE__ */ a(l, {
-			...w,
-			"aria-describedby": n ?? w?.["aria-describedby"],
-			"aria-invalid": y || w?.["aria-invalid"] || void 0,
-			"aria-label": r ?? w?.["aria-label"],
-			"aria-labelledby": _ ?? w?.["aria-labelledby"],
-			className: t(v, w?.className),
-			children: [/* @__PURE__ */ i(u, { placeholder: x }), /* @__PURE__ */ i(c.Icon, {
+	})), [x]);
+	return /* @__PURE__ */ o(l.Root, {
+		...E,
+		items: O,
+		children: [/* @__PURE__ */ o(u, {
+			...T,
+			"aria-describedby": t ?? T?.["aria-describedby"],
+			"aria-invalid": b || T?.["aria-invalid"] || void 0,
+			"aria-label": r ?? T?.["aria-label"],
+			"aria-labelledby": v ?? T?.["aria-labelledby"],
+			className: e(y, T?.className),
+			children: [/* @__PURE__ */ a(d, { placeholder: S ?? D.selectPlaceholder }), /* @__PURE__ */ a(l.Icon, {
 				"aria-hidden": "true",
-				className: e.selectIcon,
-				children: /* @__PURE__ */ i(s, {
+				className: "lyds-select__icon",
+				children: /* @__PURE__ */ a(c, {
 					"aria-hidden": "true",
 					weight: "bold"
 				})
 			})]
-		}), /* @__PURE__ */ i(c.Portal, { children: /* @__PURE__ */ i(d, {
+		}), /* @__PURE__ */ a(l.Portal, { children: /* @__PURE__ */ a(f, {
 			alignItemWithTrigger: !1,
-			...C,
-			children: /* @__PURE__ */ i(f, {
-				...S,
-				children: /* @__PURE__ */ i(p, { children: b.map((t, n) => /* @__PURE__ */ a(m, {
-					disabled: t.disabled,
-					label: t.textValue,
-					value: t.value,
-					children: [/* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(o, {
+			...w,
+			children: /* @__PURE__ */ a(p, {
+				...C,
+				children: /* @__PURE__ */ a(m, { children: x.map((e, t) => /* @__PURE__ */ o(h, {
+					disabled: e.disabled,
+					label: e.textValue,
+					value: e.value,
+					children: [/* @__PURE__ */ a(g, { children: /* @__PURE__ */ a(s, {
 						"aria-hidden": "true",
 						weight: "bold"
-					}) }), /* @__PURE__ */ a(g, { children: [/* @__PURE__ */ i("span", { children: t.label }), t.description ? /* @__PURE__ */ i("span", {
-						className: e.optionDescription,
-						children: t.description
+					}) }), /* @__PURE__ */ o(_, { children: [/* @__PURE__ */ a("span", { children: e.label }), e.description ? /* @__PURE__ */ a("span", {
+						className: "lyds-listbox__option-description",
+						children: e.description
 					}) : null] })]
-				}, t.key ?? t.textValue ?? n)) })
+				}, e.key ?? e.textValue ?? t)) })
 			})
 		}) })]
 	});
 }
-var b = Object.assign(y, {
-	Arrow: c.Arrow,
-	Backdrop: c.Backdrop,
-	Group: c.Group,
-	GroupLabel: _,
-	Icon: c.Icon,
-	Item: m,
-	ItemIndicator: h,
-	ItemText: g,
-	Label: c.Label,
-	List: p,
-	Popup: f,
-	Portal: c.Portal,
-	Positioner: d,
-	Root: c.Root,
-	ScrollDownArrow: c.ScrollDownArrow,
-	ScrollUpArrow: c.ScrollUpArrow,
-	Separator: v,
-	Trigger: l,
-	Value: u
+var x = Object.assign(b, {
+	Arrow: l.Arrow,
+	Backdrop: l.Backdrop,
+	Group: l.Group,
+	GroupLabel: v,
+	Icon: l.Icon,
+	Item: h,
+	ItemIndicator: g,
+	ItemText: _,
+	Label: l.Label,
+	List: m,
+	Popup: p,
+	Portal: l.Portal,
+	Positioner: f,
+	Root: l.Root,
+	ScrollDownArrow: l.ScrollDownArrow,
+	ScrollUpArrow: l.ScrollUpArrow,
+	Separator: y,
+	Trigger: u,
+	Value: d
 });
 //#endregion
-export { b as Select, _ as SelectGroupLabel, m as SelectItem, h as SelectItemIndicator, g as SelectItemText, p as SelectList, f as SelectPopup, d as SelectPositioner, v as SelectSeparator, l as SelectTrigger, u as SelectValue };
+export { x as Select, v as SelectGroupLabel, h as SelectItem, g as SelectItemIndicator, _ as SelectItemText, m as SelectList, p as SelectPopup, f as SelectPositioner, y as SelectSeparator, u as SelectTrigger, d as SelectValue };
 
 //# sourceMappingURL=select.js.map

package/dist/components/selection/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../../src/components/selection/select.tsx"],"sourcesContent":["import {\n\tSelect as BaseSelect,\n\ttype SelectGroupLabelProps,\n\ttype SelectItemIndicatorProps,\n\ttype SelectItemProps,\n\ttype SelectItemTextProps,\n\ttype SelectListProps,\n\ttype SelectPopupProps,\n\ttype SelectPositionerProps,\n\ttype SelectRootProps,\n\ttype SelectSeparatorProps,\n\ttype SelectTriggerProps,\n\ttype SelectValueProps\n} from \"@base-ui/react/select\";\nimport { CaretDownIcon } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { forwardRef, type Key, type ReactNode } from \"react\";\n\nimport { combineStateClassNames, mergeStateClassName } from \"./classnames\";\nimport styles from \"./selection.module.css\";\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(function SelectTrigger({ className, ...props }, ref) {\n\treturn <BaseSelect.Trigger {...props} className={mergeStateClassName(styles.selectTrigger, className)} ref={ref} />;\n});\n\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(function SelectValue({ className, ...props }, ref) {\n\treturn <BaseSelect.Value {...props} className={mergeStateClassName(styles.selectValue, className)} ref={ref} />;\n});\n\nexport const SelectPositioner = forwardRef<HTMLDivElement, SelectPositionerProps>(function SelectPositioner({ className, ...props }, ref) {\n\treturn <BaseSelect.Positioner {...props} className={mergeStateClassName(styles.positioner, className)} ref={ref} />;\n});\n\nexport const SelectPopup = forwardRef<HTMLDivElement, SelectPopupProps>(function SelectPopup({ className, ...props }, ref) {\n\treturn <BaseSelect.Popup {...props} className={mergeStateClassName(styles.popup, className)} ref={ref} />;\n});\n\nexport const SelectList = forwardRef<HTMLDivElement, SelectListProps>(function SelectList({ className, ...props }, ref) {\n\treturn <BaseSelect.List {...props} className={mergeStateClassName(styles.optionList, className)} ref={ref} />;\n});\n\nexport const SelectItem = forwardRef<HTMLElement, SelectItemProps>(function SelectItem({ className, ...props }, ref) {\n\treturn <BaseSelect.Item {...props} className={mergeStateClassName(styles.option, className)} ref={ref} />;\n});\n\nexport const SelectItemIndicator = forwardRef<HTMLSpanElement, SelectItemIndicatorProps>(function SelectItemIndicator({ className, ...props }, ref) {\n\treturn <BaseSelect.ItemIndicator {...props} className={mergeStateClassName(styles.optionIndicator, className)} ref={ref} />;\n});\n\nexport const SelectItemText = forwardRef<HTMLDivElement, SelectItemTextProps>(function SelectItemText({ className, ...props }, ref) {\n\treturn <BaseSelect.ItemText {...props} className={mergeStateClassName(styles.optionText, className)} ref={ref} />;\n});\n\nexport const SelectGroupLabel = forwardRef<HTMLDivElement, SelectGroupLabelProps>(function SelectGroupLabel({ className, ...props }, ref) {\n\treturn <BaseSelect.GroupLabel {...props} className={mergeStateClassName(styles.groupLabel, className)} ref={ref} />;\n});\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(function SelectSeparator({ className, ...props }, ref) {\n\treturn <BaseSelect.Separator {...props} className={mergeStateClassName(styles.separator, className)} ref={ref} />;\n});\n\nexport interface SelectOption<Value> {\n\tdescription?: ReactNode;\n\tdisabled?: boolean;\n\tkey?: Key;\n\tlabel: ReactNode;\n\ttextValue?: string;\n\tvalue: Value;\n}\n\nexport interface SelectProps<Value> extends Omit<SelectRootProps<Value, false>, \"children\" | \"items\" | \"multiple\"> {\n\t\"aria-describedby\"?: string;\n\t\"aria-label\"?: string;\n\t\"aria-labelledby\"?: string;\n\tclassName?: string;\n\tinvalid?: boolean;\n\toptions: readonly SelectOption<Value>[];\n\tplaceholder?: ReactNode;\n\tpopupProps?: SelectPopupProps;\n\tpositionerProps?: SelectPositionerProps;\n\ttriggerProps?: Omit<SelectTriggerProps, \"children\">;\n}\n\nfunction SelectComponent<Value>({\n\t\"aria-describedby\": ariaDescribedby,\n\t\"aria-label\": ariaLabel,\n\t\"aria-labelledby\": ariaLabelledby,\n\tclassName,\n\tinvalid = false,\n\toptions,\n\tplaceholder = \"請選擇\",\n\tpopupProps,\n\tpositionerProps,\n\ttriggerProps,\n\t...rootProps\n}: SelectProps<Value>) {\n\tconst items = options.map(option => ({ label: option.label, value: option.value }));\n\n\treturn (\n\t\t<BaseSelect.Root {...rootProps} items={items}>\n\t\t\t<SelectTrigger\n\t\t\t\t{...triggerProps}\n\t\t\t\taria-describedby={ariaDescribedby ?? triggerProps?.[\"aria-describedby\"]}\n\t\t\t\taria-invalid={invalid || triggerProps?.[\"aria-invalid\"] || undefined}\n\t\t\t\taria-label={ariaLabel ?? triggerProps?.[\"aria-label\"]}\n\t\t\t\taria-labelledby={ariaLabelledby ?? triggerProps?.[\"aria-labelledby\"]}\n\t\t\t\tclassName={combineStateClassNames(className, triggerProps?.className)}\n\t\t\t>\n\t\t\t\t<SelectValue placeholder={placeholder} />\n\t\t\t\t<BaseSelect.Icon aria-hidden=\"true\" className={styles.selectIcon}>\n\t\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</BaseSelect.Icon>\n\t\t\t</SelectTrigger>\n\t\t\t<BaseSelect.Portal>\n\t\t\t\t<SelectPositioner alignItemWithTrigger={false} {...positionerProps}>\n\t\t\t\t\t<SelectPopup {...popupProps}>\n\t\t\t\t\t\t<SelectList>\n\t\t\t\t\t\t\t{options.map((option, index) => (\n\t\t\t\t\t\t\t\t<SelectItem disabled={option.disabled} key={option.key ?? option.textValue ?? index} label={option.textValue} value={option.value}>\n\t\t\t\t\t\t\t\t\t<SelectItemIndicator>\n\t\t\t\t\t\t\t\t\t\t<CheckIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t\t\t\t\t\t</SelectItemIndicator>\n\t\t\t\t\t\t\t\t\t<SelectItemText>\n\t\t\t\t\t\t\t\t\t\t<span>{option.label}</span>\n\t\t\t\t\t\t\t\t\t\t{option.description ? <span className={styles.optionDescription}>{option.description}</span> : null}\n\t\t\t\t\t\t\t\t\t</SelectItemText>\n\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</SelectList>\n\t\t\t\t\t</SelectPopup>\n\t\t\t\t</SelectPositioner>\n\t\t\t</BaseSelect.Portal>\n\t\t</BaseSelect.Root>\n\t);\n}\n\nexport const Select = Object.assign(SelectComponent, {\n\tArrow: BaseSelect.Arrow,\n\tBackdrop: BaseSelect.Backdrop,\n\tGroup: BaseSelect.Group,\n\tGroupLabel: SelectGroupLabel,\n\tIcon: BaseSelect.Icon,\n\tItem: SelectItem,\n\tItemIndicator: SelectItemIndicator,\n\tItemText: SelectItemText,\n\tLabel: BaseSelect.Label,\n\tList: SelectList,\n\tPopup: SelectPopup,\n\tPortal: BaseSelect.Portal,\n\tPositioner: SelectPositioner,\n\tRoot: BaseSelect.Root,\n\tScrollDownArrow: BaseSelect.ScrollDownArrow,\n\tScrollUpArrow: BaseSelect.ScrollUpArrow,\n\tSeparator: SelectSeparator,\n\tTrigger: SelectTrigger,\n\tValue: SelectValue\n});\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../../src/components/selection/select.tsx"],"sourcesContent":["import {\n\tSelect as BaseSelect,\n\ttype SelectGroupLabelProps,\n\ttype SelectItemIndicatorProps,\n\ttype SelectItemProps,\n\ttype SelectItemTextProps,\n\ttype SelectListProps,\n\ttype SelectPopupProps,\n\ttype SelectPositionerProps,\n\ttype SelectRootProps,\n\ttype SelectSeparatorProps,\n\ttype SelectTriggerProps,\n\ttype SelectValueProps\n} from \"@base-ui/react/select\";\nimport { CaretDownIcon } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { forwardRef, useMemo, type Key, type ReactNode } from \"react\";\n\nimport { combineStateClassNames, withStateClassName } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(function SelectTrigger({ className, ...props }, ref) {\n\treturn <BaseSelect.Trigger {...props} className={withStateClassName(\"lyds-select__trigger\", className)} ref={ref} />;\n});\n\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(function SelectValue({ className, ...props }, ref) {\n\treturn <BaseSelect.Value {...props} className={withStateClassName(\"lyds-select__value\", className)} ref={ref} />;\n});\n\nexport const SelectPositioner = forwardRef<HTMLDivElement, SelectPositionerProps>(function SelectPositioner({ className, ...props }, ref) {\n\treturn <BaseSelect.Positioner {...props} className={withStateClassName(\"lyds-listbox__positioner\", className)} ref={ref} />;\n});\n\nexport const SelectPopup = forwardRef<HTMLDivElement, SelectPopupProps>(function SelectPopup({ className, ...props }, ref) {\n\treturn <BaseSelect.Popup {...props} className={withStateClassName(\"lyds-listbox__popup\", className)} ref={ref} />;\n});\n\nexport const SelectList = forwardRef<HTMLDivElement, SelectListProps>(function SelectList({ className, ...props }, ref) {\n\treturn <BaseSelect.List {...props} className={withStateClassName(\"lyds-listbox__list\", className)} ref={ref} />;\n});\n\nexport const SelectItem = forwardRef<HTMLElement, SelectItemProps>(function SelectItem({ className, ...props }, ref) {\n\treturn <BaseSelect.Item {...props} className={withStateClassName(\"lyds-listbox__option\", className)} ref={ref} />;\n});\n\nexport const SelectItemIndicator = forwardRef<HTMLSpanElement, SelectItemIndicatorProps>(function SelectItemIndicator({ className, ...props }, ref) {\n\treturn <BaseSelect.ItemIndicator {...props} className={withStateClassName(\"lyds-listbox__option-indicator\", className)} ref={ref} />;\n});\n\nexport const SelectItemText = forwardRef<HTMLDivElement, SelectItemTextProps>(function SelectItemText({ className, ...props }, ref) {\n\treturn <BaseSelect.ItemText {...props} className={withStateClassName(\"lyds-listbox__option-text\", className)} ref={ref} />;\n});\n\nexport const SelectGroupLabel = forwardRef<HTMLDivElement, SelectGroupLabelProps>(function SelectGroupLabel({ className, ...props }, ref) {\n\treturn <BaseSelect.GroupLabel {...props} className={withStateClassName(\"lyds-listbox__group-label\", className)} ref={ref} />;\n});\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(function SelectSeparator({ className, ...props }, ref) {\n\treturn <BaseSelect.Separator {...props} className={withStateClassName(\"lyds-listbox__separator\", className)} ref={ref} />;\n});\n\nexport interface SelectOption<Value> {\n\tdescription?: ReactNode;\n\tdisabled?: boolean;\n\tkey?: Key;\n\tlabel: ReactNode;\n\ttextValue?: string;\n\tvalue: Value;\n}\n\nexport interface SelectProps<Value> extends Omit<SelectRootProps<Value, false>, \"children\" | \"items\" | \"multiple\"> {\n\t\"aria-describedby\"?: string;\n\t\"aria-label\"?: string;\n\t\"aria-labelledby\"?: string;\n\tclassName?: string;\n\tinvalid?: boolean;\n\toptions: readonly SelectOption<Value>[];\n\tplaceholder?: ReactNode;\n\tpopupProps?: SelectPopupProps;\n\tpositionerProps?: SelectPositionerProps;\n\ttriggerProps?: Omit<SelectTriggerProps, \"children\">;\n}\n\nfunction SelectComponent<Value>({\n\t\"aria-describedby\": ariaDescribedby,\n\t\"aria-label\": ariaLabel,\n\t\"aria-labelledby\": ariaLabelledby,\n\tclassName,\n\tinvalid = false,\n\toptions,\n\tplaceholder,\n\tpopupProps,\n\tpositionerProps,\n\ttriggerProps,\n\t...rootProps\n}: SelectProps<Value>) {\n\tconst messages = useMessages();\n\t// A fresh array on every render resets Base UI's item collection, so keep the identity stable.\n\tconst items = useMemo(() => options.map(option => ({ label: option.label, value: option.value })), [options]);\n\n\treturn (\n\t\t<BaseSelect.Root {...rootProps} items={items}>\n\t\t\t<SelectTrigger\n\t\t\t\t{...triggerProps}\n\t\t\t\taria-describedby={ariaDescribedby ?? triggerProps?.[\"aria-describedby\"]}\n\t\t\t\taria-invalid={invalid || triggerProps?.[\"aria-invalid\"] || undefined}\n\t\t\t\taria-label={ariaLabel ?? triggerProps?.[\"aria-label\"]}\n\t\t\t\taria-labelledby={ariaLabelledby ?? triggerProps?.[\"aria-labelledby\"]}\n\t\t\t\tclassName={combineStateClassNames(className, triggerProps?.className)}\n\t\t\t>\n\t\t\t\t<SelectValue placeholder={placeholder ?? messages.selectPlaceholder} />\n\t\t\t\t<BaseSelect.Icon aria-hidden=\"true\" className={\"lyds-select__icon\"}>\n\t\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</BaseSelect.Icon>\n\t\t\t</SelectTrigger>\n\t\t\t<BaseSelect.Portal>\n\t\t\t\t<SelectPositioner alignItemWithTrigger={false} {...positionerProps}>\n\t\t\t\t\t<SelectPopup {...popupProps}>\n\t\t\t\t\t\t<SelectList>\n\t\t\t\t\t\t\t{options.map((option, index) => (\n\t\t\t\t\t\t\t\t<SelectItem disabled={option.disabled} key={option.key ?? option.textValue ?? index} label={option.textValue} value={option.value}>\n\t\t\t\t\t\t\t\t\t<SelectItemIndicator>\n\t\t\t\t\t\t\t\t\t\t<CheckIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t\t\t\t\t\t</SelectItemIndicator>\n\t\t\t\t\t\t\t\t\t<SelectItemText>\n\t\t\t\t\t\t\t\t\t\t<span>{option.label}</span>\n\t\t\t\t\t\t\t\t\t\t{option.description ? <span className={\"lyds-listbox__option-description\"}>{option.description}</span> : null}\n\t\t\t\t\t\t\t\t\t</SelectItemText>\n\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</SelectList>\n\t\t\t\t\t</SelectPopup>\n\t\t\t\t</SelectPositioner>\n\t\t\t</BaseSelect.Portal>\n\t\t</BaseSelect.Root>\n\t);\n}\n\nexport const Select = Object.assign(SelectComponent, {\n\tArrow: BaseSelect.Arrow,\n\tBackdrop: BaseSelect.Backdrop,\n\tGroup: BaseSelect.Group,\n\tGroupLabel: SelectGroupLabel,\n\tIcon: BaseSelect.Icon,\n\tItem: SelectItem,\n\tItemIndicator: SelectItemIndicator,\n\tItemText: SelectItemText,\n\tLabel: BaseSelect.Label,\n\tList: SelectList,\n\tPopup: SelectPopup,\n\tPortal: BaseSelect.Portal,\n\tPositioner: SelectPositioner,\n\tRoot: BaseSelect.Root,\n\tScrollDownArrow: BaseSelect.ScrollDownArrow,\n\tScrollUpArrow: BaseSelect.ScrollUpArrow,\n\tSeparator: SelectSeparator,\n\tTrigger: SelectTrigger,\n\tValue: SelectValue\n});\n"],"mappings":"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"}