@linyao.tw/ui 0.0.0-snapshot.07df57

package/dist/components/selection/controls.js

@@ -0,0 +1,171 @@
+import e from "./selection.module.js";
+import { cx as t, mergeStateClassName as n } from "./classnames.js";
+import { forwardRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { MinusIcon as c } from "@phosphor-icons/react/dist/csr/Minus";
+import { CheckIcon as l } from "@phosphor-icons/react/dist/csr/Check";
+import { Checkbox as u } from "@base-ui/react/checkbox";
+import { CheckboxGroup as d } from "@base-ui/react/checkbox-group";
+import { Radio as f } from "@base-ui/react/radio";
+import { RadioGroup as p } from "@base-ui/react/radio-group";
+import { Slider as m } from "@base-ui/react/slider";
+import { Switch as h } from "@base-ui/react/switch";
+import { Toggle as g } from "@base-ui/react/toggle";
+import { ToggleGroup as _ } from "@base-ui/react/toggle-group";
+//#region src/components/selection/controls.tsx
+function v({ indeterminate: e = !1 }) {
+	return o(e ? c : l, {
+		"aria-hidden": "true",
+		weight: "bold"
+	});
+}
+var y = r(function({ children: t, className: r, indicator: i, indeterminate: a, ...c }, l) {
+	return /* @__PURE__ */ s(u.Root, {
+		...c,
+		className: n(e.checkbox, r),
+		indeterminate: a,
+		ref: l,
+		children: [/* @__PURE__ */ o(u.Indicator, {
+			className: e.checkboxIndicator,
+			keepMounted: !0,
+			children: i ?? /* @__PURE__ */ o(v, { indeterminate: a ?? !1 })
+		}), t]
+	});
+}), b = r(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ o(d, {
+		...r,
+		className: n(e.choiceGroup, t),
+		ref: i
+	});
+}), x = r(function({ description: n, label: r, wrapperClassName: i, ...a }, c) {
+	return /* @__PURE__ */ s("label", {
+		className: t(e.choiceLabel, i),
+		children: [/* @__PURE__ */ o(y, {
+			...a,
+			ref: c
+		}), /* @__PURE__ */ s("span", {
+			className: e.choiceCopy,
+			children: [/* @__PURE__ */ o("span", {
+				className: e.choiceTitle,
+				children: r
+			}), n ? /* @__PURE__ */ o("span", {
+				className: e.choiceDescription,
+				children: n
+			}) : null]
+		})]
+	});
+}), S = r(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ o(p, {
+		...r,
+		className: n(e.choiceGroup, t),
+		ref: i
+	});
+}), C = r(function({ children: t, className: r, ...i }, a) {
+	return /* @__PURE__ */ s(f.Root, {
+		...i,
+		className: n(e.radio, r),
+		ref: a,
+		children: [/* @__PURE__ */ o(f.Indicator, {
+			className: e.radioIndicator,
+			keepMounted: !0
+		}), t]
+	});
+}), w = r(function({ description: n, label: r, wrapperClassName: i, ...a }, c) {
+	return /* @__PURE__ */ s("label", {
+		className: t(e.choiceLabel, i),
+		children: [/* @__PURE__ */ o(C, {
+			...a,
+			ref: c
+		}), /* @__PURE__ */ s("span", {
+			className: e.choiceCopy,
+			children: [/* @__PURE__ */ o("span", {
+				className: e.choiceTitle,
+				children: r
+			}), n ? /* @__PURE__ */ o("span", {
+				className: e.choiceDescription,
+				children: n
+			}) : null]
+		})]
+	});
+}), T = r(function({ children: t, className: r, ...i }, a) {
+	return /* @__PURE__ */ s(h.Root, {
+		...i,
+		className: n(e.switch, r),
+		ref: a,
+		children: [
+			/* @__PURE__ */ o("span", {
+				"aria-hidden": "true",
+				className: e.switchSignal
+			}),
+			/* @__PURE__ */ o(h.Thumb, { className: e.switchThumb }),
+			t
+		]
+	});
+});
+function E(e) {
+	return Array.isArray(e) ? Math.max(e.length, 1) : 1;
+}
+var D = r(function({ "aria-describedby": t, "aria-label": r, "aria-labelledby": i, className: a, defaultValue: c, getAriaLabel: l, getAriaValueText: u, showValue: d = !1, value: f, ...p }, h) {
+	let g = E(f ?? c), _ = r ? (e) => g === 1 ? r : `${r} ${e + 1}` : void 0;
+	return /* @__PURE__ */ s(m.Root, {
+		...p,
+		"aria-label": r,
+		"aria-labelledby": i,
+		className: n(e.slider, a),
+		defaultValue: c,
+		ref: h,
+		value: f,
+		children: [d ? /* @__PURE__ */ o(m.Value, { className: e.sliderValue }) : null, /* @__PURE__ */ o(m.Control, {
+			className: e.sliderControl,
+			children: /* @__PURE__ */ s(m.Track, {
+				className: e.sliderTrack,
+				children: [/* @__PURE__ */ o(m.Indicator, { className: e.sliderIndicator }), Array.from({ length: g }, (n, r) => /* @__PURE__ */ o(m.Thumb, {
+					className: e.sliderThumb,
+					getAriaLabel: l ?? _,
+					getAriaValueText: u,
+					inputRef: (e) => {
+						e && (t && e.setAttribute("aria-describedby", t), i && !l && e.setAttribute("aria-labelledby", i));
+					},
+					index: r
+				}, r))]
+			})
+		})]
+	});
+}), O = r(function({ className: n, variant: r = "standard", ...i }, a) {
+	return /* @__PURE__ */ o(g, {
+		...i,
+		className: (i) => t(e.toggle, r === "quiet" && e.toggleQuiet, typeof n == "function" ? n(i) : n),
+		ref: a
+	});
+}), k = r(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ o(_, {
+		...r,
+		className: n(e.toggleGroup, t),
+		ref: i
+	});
+}), A = r(function({ allowEmpty: t = !1, "aria-label": r, className: c, defaultValue: l = null, disabled: u = !1, name: d, onValueChange: f, size: p = "md", value: m, ...h }, g) {
+	let v = m !== void 0, [y, b] = i(l), x = v ? m : y;
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(_, {
+		...h,
+		"aria-label": r,
+		className: n(e.segmentedControl, c),
+		"data-size": p,
+		disabled: u,
+		multiple: !1,
+		onValueChange: (e, n) => {
+			let r = e[0] ?? null;
+			!t && r === null || (f?.(r, n), !n.isCanceled && (v || b(r)));
+		},
+		ref: g,
+		value: x === null ? [] : [x]
+	}), d ? /* @__PURE__ */ o("input", {
+		disabled: u,
+		name: d,
+		type: "hidden",
+		value: x ?? ""
+	}) : null] });
+}), j = O;
+//#endregion
+export { y as Checkbox, b as CheckboxGroup, x as CheckboxItem, C as Radio, S as RadioGroup, w as RadioItem, A as SegmentedControl, j as SegmentedControlItem, D as Slider, T as Switch, O as Toggle, k as ToggleGroup };
+
+//# sourceMappingURL=controls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","names":[],"sources":["../../../src/components/selection/controls.tsx"],"sourcesContent":["import { Checkbox as BaseCheckbox, type CheckboxRootProps } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup, type CheckboxGroupProps as BaseCheckboxGroupProps } from \"@base-ui/react/checkbox-group\";\nimport { Radio as BaseRadio, type RadioRootProps } from \"@base-ui/react/radio\";\nimport { RadioGroup as BaseRadioGroup, type RadioGroupProps as BaseRadioGroupProps } from \"@base-ui/react/radio-group\";\nimport { Slider as BaseSlider, type SliderRootProps } from \"@base-ui/react/slider\";\nimport { Switch as BaseSwitch, type SwitchRootProps } from \"@base-ui/react/switch\";\nimport { Toggle as BaseToggle, type ToggleProps as BaseToggleProps } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as BaseToggleGroup, type ToggleGroupProps as BaseToggleGroupProps } from \"@base-ui/react/toggle-group\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { MinusIcon } from \"@phosphor-icons/react/dist/csr/Minus\";\nimport { forwardRef, useState, type ForwardedRef, type JSX, type ReactNode, type RefAttributes } from \"react\";\n\nimport { cx, mergeStateClassName } from \"./classnames\";\nimport styles from \"./selection.module.css\";\n\nfunction CheckGlyph({ indeterminate = false }: { indeterminate?: boolean }) {\n\treturn indeterminate ? <MinusIcon aria-hidden=\"true\" weight=\"bold\" /> : <CheckIcon aria-hidden=\"true\" weight=\"bold\" />;\n}\n\nexport interface CheckboxProps extends CheckboxRootProps {\n\tindicator?: ReactNode;\n}\n\nexport const Checkbox = forwardRef<HTMLElement, CheckboxProps>(function Checkbox({ children, className, indicator, indeterminate, ...props }, ref) {\n\treturn (\n\t\t<BaseCheckbox.Root {...props} className={mergeStateClassName(styles.checkbox, className)} indeterminate={indeterminate} ref={ref}>\n\t\t\t<BaseCheckbox.Indicator className={styles.checkboxIndicator} keepMounted>\n\t\t\t\t{indicator ?? <CheckGlyph indeterminate={indeterminate ?? false} />}\n\t\t\t</BaseCheckbox.Indicator>\n\t\t\t{children}\n\t\t</BaseCheckbox.Root>\n\t);\n});\n\nexport type CheckboxGroupProps = BaseCheckboxGroupProps;\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(function CheckboxGroup({ className, ...props }, ref) {\n\treturn <BaseCheckboxGroup {...props} className={mergeStateClassName(styles.choiceGroup, className)} ref={ref} />;\n});\n\nexport interface CheckboxItemProps extends CheckboxProps {\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\twrapperClassName?: string;\n}\n\nexport const CheckboxItem = forwardRef<HTMLElement, CheckboxItemProps>(function CheckboxItem({ description, label, wrapperClassName, ...props }, ref) {\n\treturn (\n\t\t<label className={cx(styles.choiceLabel, wrapperClassName)}>\n\t\t\t<Checkbox {...props} ref={ref} />\n\t\t\t<span className={styles.choiceCopy}>\n\t\t\t\t<span className={styles.choiceTitle}>{label}</span>\n\t\t\t\t{description ? <span className={styles.choiceDescription}>{description}</span> : null}\n\t\t\t</span>\n\t\t</label>\n\t);\n});\n\nexport type RadioGroupProps<Value = string> = BaseRadioGroupProps<Value>;\n\ntype RadioGroupComponent = <Value = string>(props: RadioGroupProps<Value> & RefAttributes<HTMLDivElement>) => JSX.Element;\n\nexport const RadioGroup = forwardRef(function RadioGroup<Value = string>({ className, ...props }: RadioGroupProps<Value>, ref: ForwardedRef<HTMLDivElement>) {\n\treturn <BaseRadioGroup {...props} className={mergeStateClassName(styles.choiceGroup, className)} ref={ref} />;\n}) as RadioGroupComponent;\n\nexport type RadioProps<Value = string> = RadioRootProps<Value>;\n\ntype RadioComponent = <Value = string>(props: RadioProps<Value> & RefAttributes<HTMLElement>) => JSX.Element;\n\nexport const Radio = forwardRef(function Radio<Value = string>({ children, className, ...props }: RadioProps<Value>, ref: ForwardedRef<HTMLElement>) {\n\treturn (\n\t\t<BaseRadio.Root {...props} className={mergeStateClassName(styles.radio, className)} ref={ref}>\n\t\t\t<BaseRadio.Indicator className={styles.radioIndicator} keepMounted />\n\t\t\t{children}\n\t\t</BaseRadio.Root>\n\t);\n}) as RadioComponent;\n\nexport interface RadioItemProps<Value = string> extends RadioProps<Value> {\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\twrapperClassName?: string;\n}\n\ntype RadioItemComponent = <Value = string>(props: RadioItemProps<Value> & RefAttributes<HTMLElement>) => JSX.Element;\n\nexport const RadioItem = forwardRef(function RadioItem<Value = string>({ description, label, wrapperClassName, ...props }: RadioItemProps<Value>, ref: ForwardedRef<HTMLElement>) {\n\treturn (\n\t\t<label className={cx(styles.choiceLabel, wrapperClassName)}>\n\t\t\t<Radio {...props} ref={ref} />\n\t\t\t<span className={styles.choiceCopy}>\n\t\t\t\t<span className={styles.choiceTitle}>{label}</span>\n\t\t\t\t{description ? <span className={styles.choiceDescription}>{description}</span> : null}\n\t\t\t</span>\n\t\t</label>\n\t);\n}) as RadioItemComponent;\n\nexport interface SwitchProps extends SwitchRootProps {\n\tchildren?: ReactNode;\n}\n\nexport const Switch = forwardRef<HTMLElement, SwitchProps>(function Switch({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseSwitch.Root {...props} className={mergeStateClassName(styles.switch, className)} ref={ref}>\n\t\t\t<span aria-hidden=\"true\" className={styles.switchSignal} />\n\t\t\t<BaseSwitch.Thumb className={styles.switchThumb} />\n\t\t\t{children}\n\t\t</BaseSwitch.Root>\n\t);\n});\n\nexport interface SliderProps<Value extends number | readonly number[] = number> extends SliderRootProps<Value> {\n\tgetAriaLabel?: (index: number) => string;\n\tgetAriaValueText?: (formattedValue: string, value: number, index: number) => string;\n\tshowValue?: boolean;\n}\n\ntype SliderComponent = <Value extends number | readonly number[] = number>(props: SliderProps<Value> & RefAttributes<HTMLDivElement>) => JSX.Element;\n\nfunction getThumbCount(value: number | readonly number[] | undefined): number {\n\treturn Array.isArray(value) ? Math.max(value.length, 1) : 1;\n}\n\nexport const Slider = forwardRef(function Slider<Value extends number | readonly number[] = number>(\n\t{\n\t\t\"aria-describedby\": ariaDescribedby,\n\t\t\"aria-label\": ariaLabel,\n\t\t\"aria-labelledby\": ariaLabelledby,\n\t\tclassName,\n\t\tdefaultValue,\n\t\tgetAriaLabel,\n\t\tgetAriaValueText,\n\t\tshowValue = false,\n\t\tvalue,\n\t\t...props\n\t}: SliderProps<Value>,\n\tref: ForwardedRef<HTMLDivElement>\n) {\n\tconst thumbCount = getThumbCount(value ?? defaultValue);\n\tconst fallbackThumbLabel = ariaLabel ? (index: number) => (thumbCount === 1 ? ariaLabel : `${ariaLabel} ${index + 1}`) : undefined;\n\n\treturn (\n\t\t<BaseSlider.Root {...props} aria-label={ariaLabel} aria-labelledby={ariaLabelledby} className={mergeStateClassName(styles.slider, className)} defaultValue={defaultValue} ref={ref} value={value}>\n\t\t\t{showValue ? <BaseSlider.Value className={styles.sliderValue} /> : null}\n\t\t\t<BaseSlider.Control className={styles.sliderControl}>\n\t\t\t\t<BaseSlider.Track className={styles.sliderTrack}>\n\t\t\t\t\t<BaseSlider.Indicator className={styles.sliderIndicator} />\n\t\t\t\t\t{Array.from({ length: thumbCount }, (_, index) => (\n\t\t\t\t\t\t<BaseSlider.Thumb\n\t\t\t\t\t\t\tclassName={styles.sliderThumb}\n\t\t\t\t\t\t\tgetAriaLabel={getAriaLabel ?? fallbackThumbLabel}\n\t\t\t\t\t\t\tgetAriaValueText={getAriaValueText}\n\t\t\t\t\t\t\tinputRef={input => {\n\t\t\t\t\t\t\t\tif (!input) return;\n\t\t\t\t\t\t\t\tif (ariaDescribedby) input.setAttribute(\"aria-describedby\", ariaDescribedby);\n\t\t\t\t\t\t\t\tif (ariaLabelledby && !getAriaLabel) input.setAttribute(\"aria-labelledby\", ariaLabelledby);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</BaseSlider.Track>\n\t\t\t</BaseSlider.Control>\n\t\t</BaseSlider.Root>\n\t);\n}) as SliderComponent;\n\nexport interface ToggleProps<Value extends string = string> extends BaseToggleProps<Value> {\n\tvariant?: \"standard\" | \"quiet\";\n}\n\ntype ToggleComponent = <Value extends string = string>(props: ToggleProps<Value> & RefAttributes<HTMLButtonElement>) => JSX.Element;\n\nexport const Toggle = forwardRef(function Toggle<Value extends string = string>({ className, variant = \"standard\", ...props }: ToggleProps<Value>, ref: ForwardedRef<HTMLButtonElement>) {\n\treturn <BaseToggle {...props} className={state => cx(styles.toggle, variant === \"quiet\" && styles.toggleQuiet, typeof className === \"function\" ? className(state) : className)} ref={ref} />;\n}) as ToggleComponent;\n\nexport type ToggleGroupProps<Value extends string = string> = BaseToggleGroupProps<Value>;\n\ntype ToggleGroupComponent = <Value extends string = string>(props: ToggleGroupProps<Value> & RefAttributes<HTMLDivElement>) => JSX.Element;\n\nexport const ToggleGroup = forwardRef(function ToggleGroup<Value extends string = string>({ className, ...props }: ToggleGroupProps<Value>, ref: ForwardedRef<HTMLDivElement>) {\n\treturn <BaseToggleGroup {...props} className={mergeStateClassName(styles.toggleGroup, className)} ref={ref} />;\n}) as ToggleGroupComponent;\n\nexport interface SegmentedControlProps<Value extends string = string> extends Omit<BaseToggleGroupProps<Value>, \"aria-readonly\" | \"defaultValue\" | \"multiple\" | \"onValueChange\" | \"value\"> {\n\tallowEmpty?: boolean;\n\tdefaultValue?: Value | null;\n\tname?: string;\n\tonValueChange?: (value: Value | null, details: BaseToggleGroup.ChangeEventDetails) => void;\n\tsize?: \"sm\" | \"md\";\n\tvalue?: Value | null;\n}\n\ntype SegmentedControlComponent = <Value extends string = string>(props: SegmentedControlProps<Value> & RefAttributes<HTMLDivElement>) => JSX.Element;\n\nexport const SegmentedControl = forwardRef(function SegmentedControl<Value extends string = string>(\n\t{ allowEmpty = false, \"aria-label\": ariaLabel, className, defaultValue = null, disabled = false, name, onValueChange, size = \"md\", value, ...props }: SegmentedControlProps<Value>,\n\tref: ForwardedRef<HTMLDivElement>\n) {\n\tconst controlled = value !== undefined;\n\tconst [internalValue, setInternalValue] = useState<Value | null>(defaultValue);\n\tconst currentValue = controlled ? value : internalValue;\n\n\treturn (\n\t\t<>\n\t\t\t<BaseToggleGroup\n\t\t\t\t{...props}\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={mergeStateClassName(styles.segmentedControl, className)}\n\t\t\t\tdata-size={size}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tmultiple={false}\n\t\t\t\tonValueChange={(nextValues, details) => {\n\t\t\t\t\tconst nextValue = nextValues[0] ?? null;\n\t\t\t\t\tif (!allowEmpty && nextValue === null) return;\n\t\t\t\t\tonValueChange?.(nextValue, details);\n\t\t\t\t\tif (details.isCanceled) return;\n\t\t\t\t\tif (!controlled) setInternalValue(nextValue);\n\t\t\t\t}}\n\t\t\t\tref={ref}\n\t\t\t\tvalue={currentValue === null ? [] : [currentValue]}\n\t\t\t/>\n\t\t\t{name ? <input disabled={disabled} name={name} type=\"hidden\" value={currentValue ?? \"\"} /> : null}\n\t\t</>\n\t);\n}) as SegmentedControlComponent;\n\nexport const SegmentedControlItem = Toggle;\n"],"mappings":"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"}

package/dist/components/selection/index.d.ts

@@ -0,0 +1,7 @@
+export { Autocomplete, AutocompleteInputGroup, AutocompleteItem, Combobox, ComboboxClear, ComboboxEmpty, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxTrigger } from './combobox.js';
+export type { AutocompleteOption, AutocompleteProps, ComboboxOption, ComboboxProps } from './combobox.js';
+export { Checkbox, CheckboxGroup, CheckboxItem, Radio, RadioGroup, RadioItem, SegmentedControl, SegmentedControlItem, Slider, Switch, Toggle, ToggleGroup } from './controls.js';
+export type { CheckboxGroupProps, CheckboxItemProps, CheckboxProps, RadioGroupProps, RadioItemProps, RadioProps, SegmentedControlProps, SliderProps, SwitchProps, ToggleGroupProps, ToggleProps } from './controls.js';
+export { ContextMenu, ContextMenuTrigger, DropdownMenu, Menu, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuPositioner, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuSubmenuTrigger, MenuTrigger } from './menu.js';
+export { Select, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, SelectTrigger, SelectValue } from './select.js';
+export type { SelectOption, SelectProps } from './select.js';

package/dist/components/selection/menu.d.ts

@@ -0,0 +1,87 @@
+import { ContextMenu as BaseContextMenu, ContextMenuTriggerProps } from '@base-ui/react/context-menu';
+import { Menu as BaseMenu, MenuCheckboxItemIndicatorProps, MenuCheckboxItemProps, MenuGroupLabelProps, MenuItemProps, MenuLinkItemProps, MenuPopupProps, MenuPositionerProps, MenuRadioItemIndicatorProps, MenuRadioItemProps, MenuSubmenuTriggerProps, MenuTriggerProps } from '@base-ui/react/menu';
+import { SeparatorProps } from '@base-ui/react/separator';
+export declare const MenuTrigger: import('react').ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const MenuPositioner: import('react').ForwardRefExoticComponent<Omit<MenuPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const MenuPopup: import('react').ForwardRefExoticComponent<Omit<MenuPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const MenuItem: import('react').ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export declare const MenuLinkItem: import('react').ForwardRefExoticComponent<Omit<MenuLinkItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const MenuCheckboxItem: import('react').ForwardRefExoticComponent<Omit<MenuCheckboxItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export declare const MenuCheckboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<MenuCheckboxItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const MenuRadioItem: import('react').ForwardRefExoticComponent<Omit<MenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export declare const MenuRadioItemIndicator: import('react').ForwardRefExoticComponent<Omit<MenuRadioItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const MenuGroupLabel: import('react').ForwardRefExoticComponent<Omit<MenuGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const MenuSeparator: import('react').ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const MenuSubmenuTrigger: import('react').ForwardRefExoticComponent<Omit<MenuSubmenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+/** 由按鈕觸發的應用程式選單。 */
+export declare const DropdownMenu: {
+    readonly Arrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly CheckboxItem: import('react').ForwardRefExoticComponent<Omit<MenuCheckboxItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly CheckboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<MenuCheckboxItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly GroupLabel: import('react').ForwardRefExoticComponent<Omit<MenuGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Handle: typeof BaseMenu.Handle;
+    readonly Item: import('react').ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly LinkItem: import('react').ForwardRefExoticComponent<Omit<MenuLinkItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<MenuPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Positioner: import('react').ForwardRefExoticComponent<Omit<MenuPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly RadioGroup: import('react').NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly RadioItem: import('react').ForwardRefExoticComponent<Omit<MenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly RadioItemIndicator: import('react').ForwardRefExoticComponent<Omit<MenuRadioItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly Root: <Payload>(props: BaseMenu.Root.Props<Payload>) => import("react").JSX.Element;
+    readonly Separator: import('react').ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SubmenuRoot: typeof BaseContextMenu.SubmenuRoot;
+    readonly SubmenuTrigger: import('react').ForwardRefExoticComponent<Omit<MenuSubmenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly Trigger: import('react').ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').MenuViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly createHandle: typeof BaseMenu.createHandle;
+};
+/** DropdownMenu 的別名，名稱與 Base UI 詞彙一致。 */
+export declare const Menu: {
+    readonly Arrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly CheckboxItem: import('react').ForwardRefExoticComponent<Omit<MenuCheckboxItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly CheckboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<MenuCheckboxItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly GroupLabel: import('react').ForwardRefExoticComponent<Omit<MenuGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Handle: typeof BaseMenu.Handle;
+    readonly Item: import('react').ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly LinkItem: import('react').ForwardRefExoticComponent<Omit<MenuLinkItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<MenuPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Positioner: import('react').ForwardRefExoticComponent<Omit<MenuPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly RadioGroup: import('react').NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly RadioItem: import('react').ForwardRefExoticComponent<Omit<MenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly RadioItemIndicator: import('react').ForwardRefExoticComponent<Omit<MenuRadioItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly Root: <Payload>(props: BaseMenu.Root.Props<Payload>) => import("react").JSX.Element;
+    readonly Separator: import('react').ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SubmenuRoot: typeof BaseContextMenu.SubmenuRoot;
+    readonly SubmenuTrigger: import('react').ForwardRefExoticComponent<Omit<MenuSubmenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly Trigger: import('react').ForwardRefExoticComponent<Omit<MenuTriggerProps<unknown>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').MenuViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly createHandle: typeof BaseMenu.createHandle;
+};
+export declare const ContextMenuTrigger: import('react').ForwardRefExoticComponent<Omit<ContextMenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ContextMenu: {
+    readonly Arrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly CheckboxItem: import('react').ForwardRefExoticComponent<Omit<MenuCheckboxItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly CheckboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<MenuCheckboxItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly GroupLabel: import('react').ForwardRefExoticComponent<Omit<MenuGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Item: import('react').ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly LinkItem: import('react').ForwardRefExoticComponent<Omit<MenuLinkItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<MenuPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Positioner: import('react').ForwardRefExoticComponent<Omit<MenuPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly RadioGroup: import('react').NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly RadioItem: import('react').ForwardRefExoticComponent<Omit<MenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly RadioItemIndicator: import('react').ForwardRefExoticComponent<Omit<MenuRadioItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly Root: typeof BaseContextMenu.Root;
+    readonly Separator: import('react').ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SubmenuRoot: typeof BaseContextMenu.SubmenuRoot;
+    readonly SubmenuTrigger: import('react').ForwardRefExoticComponent<Omit<MenuSubmenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly Trigger: import('react').ForwardRefExoticComponent<Omit<ContextMenuTriggerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/components/selection/menu.js

@@ -0,0 +1,157 @@
+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";
+//#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
+	});
+}), l = n(function({ className: n, ...i }, a) {
+	return /* @__PURE__ */ r(o.Positioner, {
+		...i,
+		className: t(e.positioner, n),
+		ref: a
+	});
+}), u = n(function({ className: n, ...i }, a) {
+	return /* @__PURE__ */ r(o.Popup, {
+		...i,
+		className: t(e.menuPopup, n),
+		ref: a
+	});
+}), d = n(function({ className: n, ...i }, a) {
+	return /* @__PURE__ */ r(o.Item, {
+		...i,
+		className: t(e.menuItem, n),
+		ref: a
+	});
+}), f = n(function({ className: n, ...i }, a) {
+	return /* @__PURE__ */ r(o.LinkItem, {
+		...i,
+		className: t(e.menuItem, n),
+		ref: a
+	});
+}), p = n(function({ className: n, ...i }, a) {
+	return /* @__PURE__ */ r(o.CheckboxItem, {
+		...i,
+		className: t(e.menuItem, n),
+		ref: a
+	});
+}), 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, {
+			"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
+	});
+}), 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, {
+			"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
+	});
+}), y = n(function({ className: n, ...i }, a) {
+	return /* @__PURE__ */ r(o.SubmenuTrigger, {
+		...i,
+		className: t(e.menuItem, n),
+		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;
+		e.preventDefault();
+		let t = e.currentTarget, n = t.getBoundingClientRect();
+		t.dispatchEvent(new globalThis.MouseEvent("contextmenu", {
+			bubbles: !0,
+			button: 2,
+			cancelable: !0,
+			clientX: n.left + n.width / 2,
+			clientY: n.top + n.height / 2
+		}));
+	};
+	return /* @__PURE__ */ r(s.Trigger, {
+		...a,
+		className: t(e.contextTrigger, n),
+		ref: o,
+		onKeyDown: c
+	});
+}), 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
+};
+//#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 };
+
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +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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"}

package/dist/components/selection/select.d.ts

@@ -0,0 +1,55 @@
+import { Select as BaseSelect, SelectGroupLabelProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectListProps, SelectPopupProps, SelectPositionerProps, SelectRootProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps } from '@base-ui/react/select';
+import { Key, ReactNode } from 'react';
+export declare const SelectTrigger: import('react').ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SelectValue: import('react').ForwardRefExoticComponent<Omit<SelectValueProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const SelectPositioner: import('react').ForwardRefExoticComponent<Omit<SelectPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectPopup: import('react').ForwardRefExoticComponent<Omit<SelectPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectList: import('react').ForwardRefExoticComponent<Omit<SelectListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: import('react').ForwardRefExoticComponent<Omit<SelectItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export declare const SelectItemIndicator: import('react').ForwardRefExoticComponent<Omit<SelectItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const SelectItemText: import('react').ForwardRefExoticComponent<Omit<SelectItemTextProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectGroupLabel: import('react').ForwardRefExoticComponent<Omit<SelectGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: import('react').ForwardRefExoticComponent<Omit<SelectSeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export interface SelectOption<Value> {
+    description?: ReactNode;
+    disabled?: boolean;
+    key?: Key;
+    label: ReactNode;
+    textValue?: string;
+    value: Value;
+}
+export interface SelectProps<Value> extends Omit<SelectRootProps<Value, false>, "children" | "items" | "multiple"> {
+    "aria-describedby"?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    className?: string;
+    invalid?: boolean;
+    options: readonly SelectOption<Value>[];
+    placeholder?: ReactNode;
+    popupProps?: SelectPopupProps;
+    positionerProps?: SelectPositionerProps;
+    triggerProps?: Omit<SelectTriggerProps, "children">;
+}
+declare function SelectComponent<Value>({ "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className, invalid, options, placeholder, popupProps, positionerProps, triggerProps, ...rootProps }: SelectProps<Value>): import("react").JSX.Element;
+export declare const Select: typeof SelectComponent & {
+    Arrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Backdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    GroupLabel: import('react').ForwardRefExoticComponent<Omit<SelectGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Icon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<SelectItemProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    ItemIndicator: import('react').ForwardRefExoticComponent<Omit<SelectItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    ItemText: import('react').ForwardRefExoticComponent<Omit<SelectItemTextProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Label: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    List: import('react').ForwardRefExoticComponent<Omit<SelectListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Popup: import('react').ForwardRefExoticComponent<Omit<SelectPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Positioner: import('react').ForwardRefExoticComponent<Omit<SelectPositionerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Root: typeof BaseSelect.Root;
+    ScrollDownArrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectScrollDownArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    ScrollUpArrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectScrollUpArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Separator: import('react').ForwardRefExoticComponent<Omit<SelectSeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Value: import('react').ForwardRefExoticComponent<Omit<SelectValueProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+};
+export {};