@crab-dev/rc-select 0.0.5 → 0.1.0

package/cjs/_wake/src/selectOverlay.cjs

@@ -1,100 +1,96 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const __wake_namespace_0 = require("react/jsx-runtime");
 const __wake_namespace_1 = require("@crab-dev/rc-checkbox");
-const __wake_namespace_2 = require("@crab-dev/rc-spin");
-const __wake_namespace_3 = require("@crab-dev/rc-virtual");
-const __wake_namespace_4 = require("@crab-dev/rc-hooks");
-const __wake_namespace_5 = require("@crab-dev/css");
-const __wake_namespace_6 = require("@crab-dev/rc-dropdown-container");
-const __wake_namespace_7 = require("react");
-require("./token.cjs");
+const __wake_namespace_2 = require("@crab-dev/rc-config-provider");
+const __wake_namespace_3 = require("@crab-dev/rc-spin");
+const __wake_namespace_4 = require("@crab-dev/rc-virtual");
+const __wake_namespace_5 = require("@crab-dev/rc-hooks");
+const __wake_namespace_6 = require("@crab-dev/css");
+const __wake_namespace_7 = require("@crab-dev/rc-dropdown-container");
+const __wake_namespace_8 = require("react");
 ;
+const __wake_namespace_9 = require("./selectOverlay.styles.cjs");
 const hasGroups = (options) => options.some((opt) => opt.isGroupLabel);
-const overlayStyle = "rc-select-8032ea9d3fcc";
-const optionStyle = "rc-select-41a9c05e6999";
-const optionHighlightStyle = "rc-select-787681543371";
-const measureStyle = "rc-select-9fccdf1a17f8";
-const optionSelectedStyle = "rc-select-afbd832dfa96";
-const optionSelectedSingleStyle = "rc-select-92da46dc013a";
-const optionDisabledStyle = "rc-select-b51a97d11fd1";
-const optionLabelStyle = "rc-select-462ffe03d1f7";
-const checkIconStyle = "rc-select-4d7b259b317b";
-const checkboxIndicatorStyle = "rc-select-8509288b81d2";
-const emptyStyle = "rc-select-742133f23b03";
-const groupLabelStyle = "rc-select-4222a3b1548f";
-const groupedOptionStyle = "rc-select-fa0b905ad8a1";
-const virtualTopSpacerStyle = "rc-select-25c250ff4ce4";
-const virtualBottomSpacerStyle = "rc-select-bf5e0c73c29c";
-const loadingStyle = "rc-select-0ed119f292d0";
 const DROPDOWN_PADDING = 4;
-const ROW_HEIGHT = 48;
 const MAX_VIEWPORT_HEIGHT = 256;
 ;
-const SelectOverlay = ({ multiple, loading, filteredOptions, selectedValues, triggerWidth, highlightIndex, listboxId, notFoundContent, popupClassName, optionRender, dropdownRender, onOptionSelect, onOpenChange, onHighlightChange }) => {
-  const { dispatch } = (0, __wake_namespace_6["useDropdownContext"])();
-  const coarsePointer = (0, __wake_namespace_4["useMediaQuery"])("(pointer: coarse)");
-  const overlayRef = (0, __wake_namespace_7["useRef"])(null);
-  const [measuredRowHeight, setMeasuredRowHeight] = (0, __wake_namespace_7["useState"])(ROW_HEIGHT);
-  const rowHeight = Math.max(coarsePointer ? 48 : ROW_HEIGHT, measuredRowHeight);
-  (0, __wake_namespace_7["useLayoutEffect"])(() => {
-    const option = overlayRef.current?.querySelector("[data-select-option-measure]");
-    if (!option) return;
+const SelectOverlay = ({ size, multiple, disabled, loading, filteredOptions, selectedValues, triggerWidth, highlightIndex, listboxId, notFoundContent, popupClassName, optionRender, dropdownRender, onOptionSelect, onHighlightChange }) => {
+  const { dispatch } = (0, __wake_namespace_7["useDropdownContext"])();
+  const coarsePointer = (0, __wake_namespace_5["useMediaQuery"])("(pointer: coarse)");
+  const overlayRef = (0, __wake_namespace_8["useRef"])(null);
+  const [measuredRowHeight, setMeasuredRowHeight] = (0, __wake_namespace_8["useState"])(0);
+  const [measuredContentWidth, setMeasuredContentWidth] = (0, __wake_namespace_8["useState"])(0);
+  const { density } = (0, __wake_namespace_2["useConfig"])();
+  const { messages } = (0, __wake_namespace_2["useLocale"])();
+  const rowHeight = Math.max(coarsePointer ? 48 : __wake_namespace_2["componentDensityMetrics"][density].item, measuredRowHeight);
+  (0, __wake_namespace_8["useLayoutEffect"])(() => {
+    const overlay = overlayRef.current;
+    const option = overlay?.querySelector("[data-select-option-measure]");
+    if (!overlay || !option) return;
     const measure = () => {
       const height = option.getBoundingClientRect().height;
       if (height > 0) {
         overlayRef.current?.style.setProperty("--select-option-measured-height", `${height}px`);
         setMeasuredRowHeight(height);
       }
+      const style = overlay.ownerDocument.defaultView?.getComputedStyle(overlay);
+      const paddingStart = Number.parseFloat(style?.paddingLeft ?? "") || 0;
+      const paddingEnd = Number.parseFloat(style?.paddingRight ?? "") || 0;
+      const width = overlay.clientWidth - paddingStart - paddingEnd;
+      if (width > 0) setMeasuredContentWidth(width);
     };
     measure();
     if (typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver(measure);
     observer.observe(option);
+    observer.observe(overlay);
     return () => observer.disconnect();
-  }, [coarsePointer, filteredOptions.length, loading]);
-  const gridRef = (0, __wake_namespace_7["useRef"])(null);
-  (0, __wake_namespace_7["useEffect"])(() => {
+  }, [coarsePointer, density, filteredOptions.length, loading, size]);
+  const gridRef = (0, __wake_namespace_8["useRef"])(null);
+  (0, __wake_namespace_8["useEffect"])(() => {
     if (highlightIndex < 0) {
       return;
     }
     gridRef.current?.scrollToCell({ rowIndex: highlightIndex });
   }, [highlightIndex]);
   const rowCount = filteredOptions.length;
-  const contentWidth = Math.max(triggerWidth - DROPDOWN_PADDING * 2, 160);
+  const contentWidth = measuredContentWidth || Math.max(triggerWidth - DROPDOWN_PADDING * 2, 160);
   const viewportHeight = Math.min(MAX_VIEWPORT_HEIGHT, rowCount * rowHeight);
   const rows = Array(rowCount).fill(rowHeight);
   const columns = [contentWidth];
   if (loading) {
-    return (0, __wake_namespace_0["jsx"])("div", { id: listboxId, role: "listbox", "aria-busy": "true", "data-select-overlay": true, className: __wake_namespace_5["cx"].call(undefined, overlayStyle, popupClassName), children: (0, __wake_namespace_0["jsx"])("div", { className: loadingStyle, children: (0, __wake_namespace_0["jsx"])(__wake_namespace_2["SpinIndicator"], {}) }) });
+    return (0, __wake_namespace_0["jsx"])("div", { id: listboxId, role: "listbox", "aria-busy": "true", "data-select-overlay": true, className: __wake_namespace_6["cx"].call(undefined, __wake_namespace_9["overlayStyle"], popupClassName), children: (0, __wake_namespace_0["jsx"])("div", { className: __wake_namespace_9["loadingStyle"], children: (0, __wake_namespace_0["jsx"])(__wake_namespace_3["SpinIndicator"], {}) }) });
   }
   if (filteredOptions.length === 0) {
-    return (0, __wake_namespace_0["jsx"])("div", { id: listboxId, role: "listbox", "data-select-overlay": true, className: __wake_namespace_5["cx"].call(undefined, overlayStyle, popupClassName), children: (0, __wake_namespace_0["jsx"])("div", { className: emptyStyle, children: notFoundContent ?? "无匹配选项" }) });
+    return (0, __wake_namespace_0["jsx"])("div", { id: listboxId, role: "listbox", "data-select-overlay": true, className: __wake_namespace_6["cx"].call(undefined, __wake_namespace_9["overlayStyle"], popupClassName), children: (0, __wake_namespace_0["jsx"])("div", { className: __wake_namespace_9["emptyStyle"], children: notFoundContent ?? messages.select.empty }) });
   }
   const isGrouped = hasGroups(filteredOptions);
-  const menu = (0, __wake_namespace_0["jsx"])(__wake_namespace_3 && __wake_namespace_3.__esModule ? __wake_namespace_3.default : __wake_namespace_3, { gridRef: gridRef, viewportWidth: contentWidth, viewportHeight: viewportHeight, gridTemplateColumns: columns, gridTemplateRows: rows, overscanRowCount: 4, renderRows: (rowRange) => {
-    const nodes = [(0, __wake_namespace_0["jsx"])("div", { "data-select-virtual-spacer": "top", className: virtualTopSpacerStyle }, "__select-top-padding__")];
+  const menu = (0, __wake_namespace_0["jsx"])(__wake_namespace_4 && __wake_namespace_4.__esModule ? __wake_namespace_4.default : __wake_namespace_4, { gridRef: gridRef, viewportWidth: contentWidth, viewportHeight: viewportHeight, gridTemplateColumns: columns, gridTemplateRows: rows, overscanRowCount: 4, renderRows: (rowRange) => {
+    const nodes = [(0, __wake_namespace_0["jsx"])("div", { "data-select-virtual-spacer": "top", className: __wake_namespace_9["virtualTopSpacerStyle"] }, "__select-top-padding__")];
     for (let i = rowRange[0]; i <= rowRange[1]; i += 1) {
       const option = filteredOptions[i];
       if (option.isGroupLabel) {
-        nodes.push((0, __wake_namespace_0["jsx"])("div", { "data-group-label": true, className: groupLabelStyle, children: option.label }, option.value));
+        nodes.push((0, __wake_namespace_0["jsx"])("div", { "data-group-label": true, className: __wake_namespace_9["groupLabelStyle"], children: option.label }, option.value));
         continue;
       }
       const selected = selectedValues.includes(option.value);
       const highlighted = i === highlightIndex;
-      const content = optionRender ? optionRender(option, { selected }) : (0, __wake_namespace_0["jsxs"])(__wake_namespace_0["Fragment"], { children: [multiple ? (0, __wake_namespace_0["jsx"])(__wake_namespace_1 && __wake_namespace_1.__esModule ? __wake_namespace_1.default : __wake_namespace_1, { className: checkboxIndicatorStyle, checked: selected, disabled: option.disabled, tabIndex: -1, "aria-label": typeof option.label === "string" ? option.label : option.value }) : null, (0, __wake_namespace_0["jsx"])("span", { className: optionLabelStyle, children: option.label }), !multiple && selected ? (0, __wake_namespace_0["jsx"])("span", { className: checkIconStyle, children: (0, __wake_namespace_0["jsx"])("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, __wake_namespace_0["jsx"])("path", { d: "M20 6 9 17l-5-5" }) }) }) : null] });
+      const content = optionRender ? optionRender(option, { selected }) : (0, __wake_namespace_0["jsxs"])(__wake_namespace_0["Fragment"], { children: [multiple ? (0, __wake_namespace_0["jsx"])(__wake_namespace_1 && __wake_namespace_1.__esModule ? __wake_namespace_1.default : __wake_namespace_1, { className: __wake_namespace_9["checkboxIndicatorStyle"], checked: selected, disabled: disabled || option.disabled, tabIndex: -1, "aria-label": typeof option.label === "string" ? option.label : option.value }) : null, (0, __wake_namespace_0["jsx"])("span", { className: __wake_namespace_9["optionLabelStyle"], children: option.label }), !multiple && selected ? (0, __wake_namespace_0["jsx"])("span", { className: __wake_namespace_9["checkIconStyle"], children: (0, __wake_namespace_0["jsx"])("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, __wake_namespace_0["jsx"])("path", { d: "M20 6 9 17l-5-5" }) }) }) : null] });
       const optionAriaLabel = multiple ? typeof option.label === "string" ? option.label : option.value : undefined;
-      nodes.push((0, __wake_namespace_0["jsx"])("div", { id: `${listboxId}-option-${i}`, role: "option", "aria-selected": selected, "aria-disabled": option.disabled || undefined, "aria-label": optionAriaLabel, className: __wake_namespace_5["cx"].call(undefined, optionStyle, isGrouped && groupedOptionStyle, selected && (multiple ? optionSelectedStyle : optionSelectedSingleStyle), highlighted && optionHighlightStyle, option.disabled && optionDisabledStyle), onMouseEnter: () => onHighlightChange(i), onClick: () => {
-        onOptionSelect(option);
+      nodes.push((0, __wake_namespace_0["jsx"])("div", { id: `${listboxId}-option-${i}`, role: "option", "aria-selected": selected, "aria-disabled": disabled || option.disabled || undefined, "data-highlighted": highlighted || undefined, "aria-label": optionAriaLabel, className: __wake_namespace_6["cx"].call(undefined, __wake_namespace_9["optionStyle"], isGrouped && __wake_namespace_9["groupedOptionStyle"], selected && (multiple ? __wake_namespace_9["optionSelectedStyle"] : __wake_namespace_9["optionSelectedSingleStyle"]), highlighted && __wake_namespace_9["optionHighlightStyle"], (disabled || option.disabled) && __wake_namespace_9["optionDisabledStyle"]), onMouseEnter: () => {
+        if (!disabled) onHighlightChange(i);
+      }, onClick: (event) => {
+        if (disabled) return;
+        onOptionSelect(option, event);
         if (!multiple && !option.disabled) {
           dispatch({ type: "setOpen", payload: false });
-          onOpenChange(false);
         }
       }, children: content }, option.value));
     }
-    nodes.push((0, __wake_namespace_0["jsx"])("div", { "data-select-virtual-spacer": "bottom", className: virtualBottomSpacerStyle }, "__select-bottom-padding__"));
+    nodes.push((0, __wake_namespace_0["jsx"])("div", { "data-select-virtual-spacer": "bottom", className: __wake_namespace_9["virtualBottomSpacerStyle"] }, "__select-bottom-padding__"));
     return nodes;
   } });
-  return (0, __wake_namespace_0["jsxs"])("div", { id: listboxId, ref: overlayRef, "data-select-overlay": true, className: __wake_namespace_5["cx"].call(undefined, overlayStyle, popupClassName), role: "listbox", "aria-multiselectable": multiple || undefined, children: [(0, __wake_namespace_0["jsx"])("div", { "aria-hidden": "true", "data-select-option-measure": "", className: (0, __wake_namespace_5["cx"])(optionStyle, measureStyle), children: "M" }), dropdownRender ? dropdownRender(menu) : menu] });
+  return (0, __wake_namespace_0["jsxs"])("div", { id: listboxId, ref: overlayRef, "data-select-overlay": true, className: __wake_namespace_6["cx"].call(undefined, __wake_namespace_9["overlayStyle"], popupClassName), role: "listbox", "aria-multiselectable": multiple || undefined, "aria-disabled": disabled || undefined, children: [(0, __wake_namespace_0["jsx"])("div", { "aria-hidden": "true", "data-select-option-measure": "", className: (0, __wake_namespace_6["cx"])(__wake_namespace_9["optionStyle"], __wake_namespace_9["measureStyle"]), children: "M" }), dropdownRender ? dropdownRender(menu) : menu] });
 };
 const __wake_default_export = SelectOverlay;
 Object.defineProperty(exports, "default", { enumerable: true, get: function() {

package/cjs/_wake/src/selectOverlay.styles.cjs

@@ -0,0 +1,68 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@crab-dev/rc-checkbox");
+require("@crab-dev/rc-spin");
+require("./token.cjs");
+const overlayStyle = "rc-select-2b62562b9766";
+Object.defineProperty(exports, "overlayStyle", { enumerable: true, get: function() {
+  return overlayStyle;
+} });
+const optionStyle = "rc-select-4c26800476b7";
+Object.defineProperty(exports, "optionStyle", { enumerable: true, get: function() {
+  return optionStyle;
+} });
+const optionHighlightStyle = "rc-select-868bf53a2d33";
+Object.defineProperty(exports, "optionHighlightStyle", { enumerable: true, get: function() {
+  return optionHighlightStyle;
+} });
+const measureStyle = "rc-select-f4efdbe79bde";
+Object.defineProperty(exports, "measureStyle", { enumerable: true, get: function() {
+  return measureStyle;
+} });
+const optionSelectedStyle = "rc-select-dca4819751f4";
+Object.defineProperty(exports, "optionSelectedStyle", { enumerable: true, get: function() {
+  return optionSelectedStyle;
+} });
+const optionSelectedSingleStyle = "rc-select-b8e7cfd3837c";
+Object.defineProperty(exports, "optionSelectedSingleStyle", { enumerable: true, get: function() {
+  return optionSelectedSingleStyle;
+} });
+const optionDisabledStyle = "rc-select-fd6a969fdc3f";
+Object.defineProperty(exports, "optionDisabledStyle", { enumerable: true, get: function() {
+  return optionDisabledStyle;
+} });
+const optionLabelStyle = "rc-select-d58ef5724e7d";
+Object.defineProperty(exports, "optionLabelStyle", { enumerable: true, get: function() {
+  return optionLabelStyle;
+} });
+const checkIconStyle = "rc-select-bbb208831319";
+Object.defineProperty(exports, "checkIconStyle", { enumerable: true, get: function() {
+  return checkIconStyle;
+} });
+const checkboxIndicatorStyle = "rc-select-52f500f177fc";
+Object.defineProperty(exports, "checkboxIndicatorStyle", { enumerable: true, get: function() {
+  return checkboxIndicatorStyle;
+} });
+const emptyStyle = "rc-select-e84bd23bdc99";
+Object.defineProperty(exports, "emptyStyle", { enumerable: true, get: function() {
+  return emptyStyle;
+} });
+const groupLabelStyle = "rc-select-3ce923bc7749";
+Object.defineProperty(exports, "groupLabelStyle", { enumerable: true, get: function() {
+  return groupLabelStyle;
+} });
+const groupedOptionStyle = "rc-select-16181d2683cf";
+Object.defineProperty(exports, "groupedOptionStyle", { enumerable: true, get: function() {
+  return groupedOptionStyle;
+} });
+const virtualTopSpacerStyle = "rc-select-7804943b918e";
+Object.defineProperty(exports, "virtualTopSpacerStyle", { enumerable: true, get: function() {
+  return virtualTopSpacerStyle;
+} });
+const virtualBottomSpacerStyle = "rc-select-86002077b8c2";
+Object.defineProperty(exports, "virtualBottomSpacerStyle", { enumerable: true, get: function() {
+  return virtualBottomSpacerStyle;
+} });
+const loadingStyle = "rc-select-3809e79e5752";
+Object.defineProperty(exports, "loadingStyle", { enumerable: true, get: function() {
+  return loadingStyle;
+} });

package/cjs/_wake/src/token.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const __wake_namespace_0 = require("@crab-dev/css");
-const vars = (0, __wake_namespace_0["defineTokens"])({ "option.checkbox.width": "--select-option-checkbox-width", "option.background-color-hover": "--select-option-background-color-hover", "option.color-selected": "--select-option-color-selected", "option.background-color-selected": "--select-option-background-color-selected", "option.color-disabled": "--select-option-color-disabled", "option.highlight.background-color": "--select-option-highlight-background-color", "option.background-color-active": "--select-option-background-color-active", "option.height": "--select-option-height", "option.padding-block": "--select-option-padding-block", "option.font-size": "--select-option-font-size", "option.line-height": "--select-option-line-height", "root.transition": "--select-root-transition", "root.opacity-disabled": "--select-root-opacity-disabled", "root.touch.min-height": "--select-root-touch-min-height", "root.outline-width-focus": "--select-root-outline-width-focus", "root.outline-offset-focus": "--select-root-outline-offset-focus", "root.border-width": "--select-root-border-width", "root.border-style": "--select-root-border-style", "root.border-color": "--select-root-border-color", "root.border-color-hover": "--select-root-border-color-hover", "root.border-color-focus": "--select-root-border-color-focus", "root.border-color-error": "--select-root-border-color-error", "root.border-color-warning": "--select-root-border-color-warning", "root.border-radius": "--select-root-border-radius", "root.background-color": "--select-root-background-color", "root.background-color-disabled": "--select-root-background-color-disabled", "root.box-shadow": "--select-root-box-shadow", "root.box-shadow-focus": "--select-root-box-shadow-focus", "root.validation.box-shadow-error": "--select-root-validation-box-shadow-error", "root.validation.box-shadow-warning": "--select-root-validation-box-shadow-warning", "root.color-loading": "--select-root-color-loading", "motion.interaction.transition": "--select-motion-interaction-transition", "motion.spatial.transition": "--select-motion-spatial-transition", "text.color": "--select-text-color", "text.color-placeholder": "--select-text-color-placeholder", "text.color-disabled": "--select-text-color-disabled", "tag.background-color": "--select-tag-background-color", "tag.color": "--select-tag-color", "tag.close.color-hover": "--select-tag-close-color-hover", "clear.color": "--select-clear-color", "clear.color-hover": "--select-clear-color-hover", "clear.width": "--select-clear-width", "clear.height": "--select-clear-height", "clear.touch.width": "--select-clear-touch-width", "clear.box-shadow-focus": "--select-clear-box-shadow-focus", "icon.width": "--select-icon-width", "icon.color": "--select-icon-color", "field.gap": "--select-field-gap", "field.padding-inline": "--select-field-padding-inline", "field.label.top": "--select-field-label-top", "field.label.padding-inline": "--select-field-label-padding-inline", "field.label.font-size": "--select-field-label-font-size", "field.label.line-height": "--select-field-label-line-height", "field.label.color": "--select-field-label-color", "field.label.color-focus": "--select-field-label-color-focus", "field.input.padding-top": "--select-field-input-padding-top", "field.transition": "--select-field-transition", "field.filled.background-color": "--select-field-filled-background-color", "field.filled.background-color-hover": "--select-field-filled-background-color-hover", "field.indicator.border-color": "--select-field-indicator-border-color", "field.indicator.box-shadow-focus": "--select-field-indicator-box-shadow-focus", "field.indicator.box-shadow-error": "--select-field-indicator-box-shadow-error", "field.indicator.box-shadow-warning": "--select-field-indicator-box-shadow-warning", "field.color-error": "--select-field-color-error", "field.color-warning": "--select-field-color-warning", "field.support.line-height": "--select-field-support-line-height", "group.color": "--select-group-color", "group.font-size": "--select-group-font-size", "size.large.height": "--select-size-large-height", "size.large.padding": "--select-size-large-padding", "size.large.font-size": "--select-size-large-font-size", "size.large.line-height": "--select-size-large-line-height", "size.large.action.width": "--select-size-large-action-width", "size.middle.height": "--select-size-middle-height", "size.middle.padding": "--select-size-middle-padding", "size.middle.font-size": "--select-size-middle-font-size", "size.middle.line-height": "--select-size-middle-line-height", "size.middle.action.width": "--select-size-middle-action-width", "size.small.height": "--select-size-small-height", "size.small.padding": "--select-size-small-padding", "size.small.font-size": "--select-size-small-font-size", "size.small.line-height": "--select-size-small-line-height", "size.small.action.width": "--select-size-small-action-width", "dropdown.margin": "--select-dropdown-margin", "dropdown.max-height": "--select-dropdown-max-height", "dropdown.padding": "--select-dropdown-padding", "dropdown.option.padding": "--select-dropdown-option-padding", "dropdown.border-radius": "--select-dropdown-border-radius" });
+const vars = (0, __wake_namespace_0["defineTokens"])({ "option.checkbox.width": "--select-option-checkbox-width", "option.background-color-hover": "--select-option-background-color-hover", "option.color-selected": "--select-option-color-selected", "option.background-color-selected": "--select-option-background-color-selected", "option.border-radius": "--select-option-border-radius", "option.color-disabled": "--select-option-color-disabled", "option.highlight.background-color": "--select-option-highlight-background-color", "option.background-color-active": "--select-option-background-color-active", "option.selection.background-color-hover": "--select-option-selection-background-color-hover", "option.selection.background-color-active": "--select-option-selection-background-color-active", "option.activity.outline-color": "--select-option-activity-outline-color", "option.activity.outline-width": "--select-option-activity-outline-width", "option.activity.outline-offset": "--select-option-activity-outline-offset", "option.height": "--select-option-height", "option.padding-block": "--select-option-padding-block", "option.font-size": "--select-option-font-size", "option.line-height": "--select-option-line-height", "root.transition": "--select-root-transition", "root.opacity-disabled": "--select-root-opacity-disabled", "root.touch.min-height": "--select-root-touch-min-height", "root.outline-width-focus": "--select-root-outline-width-focus", "root.outline-offset-focus": "--select-root-outline-offset-focus", "root.border-width": "--select-root-border-width", "root.border-style": "--select-root-border-style", "root.border-color": "--select-root-border-color", "root.border-color-hover": "--select-root-border-color-hover", "root.border-color-focus": "--select-root-border-color-focus", "root.border-color-error": "--select-root-border-color-error", "root.border-color-warning": "--select-root-border-color-warning", "root.border-radius": "--select-root-border-radius", "root.background-color": "--select-root-background-color", "root.background-color-disabled": "--select-root-background-color-disabled", "root.box-shadow": "--select-root-box-shadow", "root.box-shadow-focus": "--select-root-box-shadow-focus", "root.validation.box-shadow-error": "--select-root-validation-box-shadow-error", "root.validation.box-shadow-warning": "--select-root-validation-box-shadow-warning", "root.color-loading": "--select-root-color-loading", "motion.interaction.transition": "--select-motion-interaction-transition", "motion.spatial.transition": "--select-motion-spatial-transition", "text.color": "--select-text-color", "text.color-placeholder": "--select-text-color-placeholder", "text.color-disabled": "--select-text-color-disabled", "tag.background-color": "--select-tag-background-color", "tag.color": "--select-tag-color", "tag.close.color-hover": "--select-tag-close-color-hover", "clear.color": "--select-clear-color", "clear.color-hover": "--select-clear-color-hover", "clear.width": "--select-clear-width", "clear.height": "--select-clear-height", "clear.touch.width": "--select-clear-touch-width", "clear.box-shadow-focus": "--select-clear-box-shadow-focus", "icon.width": "--select-icon-width", "icon.color": "--select-icon-color", "field.gap": "--select-field-gap", "field.padding-inline": "--select-field-padding-inline", "field.min-height": "--select-field-min-height", "field.label.top": "--select-field-label-top", "field.label.padding-inline": "--select-field-label-padding-inline", "field.label.font-size": "--select-field-label-font-size", "field.label.line-height": "--select-field-label-line-height", "field.label.color": "--select-field-label-color", "field.label.color-focus": "--select-field-label-color-focus", "field.input.padding-top": "--select-field-input-padding-top", "field.transition": "--select-field-transition", "field.filled.background-color": "--select-field-filled-background-color", "field.filled.background-color-hover": "--select-field-filled-background-color-hover", "field.filled.min-height": "--select-field-filled-min-height", "field.indicator.border-color": "--select-field-indicator-border-color", "field.indicator.box-shadow-focus": "--select-field-indicator-box-shadow-focus", "field.indicator.box-shadow-error": "--select-field-indicator-box-shadow-error", "field.indicator.box-shadow-warning": "--select-field-indicator-box-shadow-warning", "field.color-error": "--select-field-color-error", "field.color-warning": "--select-field-color-warning", "field.support.line-height": "--select-field-support-line-height", "field.outline.border-width-focus": "--select-field-outline-border-width-focus", "group.color": "--select-group-color", "group.font-size": "--select-group-font-size", "size.large.height": "--select-size-large-height", "size.large.padding": "--select-size-large-padding", "size.large.font-size": "--select-size-large-font-size", "size.large.line-height": "--select-size-large-line-height", "size.large.action.width": "--select-size-large-action-width", "size.medium.height": "--select-size-medium-height", "size.medium.padding": "--select-size-medium-padding", "size.medium.font-size": "--select-size-medium-font-size", "size.medium.line-height": "--select-size-medium-line-height", "size.medium.action.width": "--select-size-medium-action-width", "size.small.height": "--select-size-small-height", "size.small.padding": "--select-size-small-padding", "size.small.font-size": "--select-size-small-font-size", "size.small.line-height": "--select-size-small-line-height", "size.small.action.width": "--select-size-small-action-width", "dropdown.margin": "--select-dropdown-margin", "dropdown.max-height": "--select-dropdown-max-height", "dropdown.padding": "--select-dropdown-padding", "dropdown.option.padding": "--select-dropdown-option-padding", "dropdown.border-radius": "--select-dropdown-border-radius" });
 Object.defineProperty(exports, "vars", { enumerable: true, get: function() {
   return vars;
 } });
-const token = (0, __wake_namespace_0["defineTokens"])({ "option": { "checkbox": { "width": `var(${vars["option.checkbox.width"]}, 18px)` }, "background-color-hover": `var(${vars["option.background-color-hover"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "color-selected": `var(${vars["option.color-selected"]}, var(--token-semantic-color-brand-on-container, var(--token-semantic-color-selection-foreground, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))))`, "background-color-selected": `var(${vars["option.background-color-selected"]}, var(--token-semantic-color-brand-container, var(--token-semantic-color-selection-background, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))))`, "color-disabled": `var(${vars["option.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "highlight": { "background-color": `var(${vars["option.highlight.background-color"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))` }, "background-color-active": `var(${vars["option.background-color-active"]}, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "height": `var(${vars["option.height"]}, var(--token-semantic-density-item, var(--token-global-size-48, 48px)))`, "padding-block": `var(${vars["option.padding-block"]}, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))`, "font-size": `var(${vars["option.font-size"]}, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["option.line-height"]}, var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5)))` }, "root": { "transition": `var(${vars["root.transition"]}, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "opacity-disabled": `var(${vars["root.opacity-disabled"]}, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)))`, "touch": { "min-height": `var(${vars["root.touch.min-height"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "outline-width-focus": `var(${vars["root.outline-width-focus"]}, 2px)`, "outline-offset-focus": `var(${vars["root.outline-offset-focus"]}, 2px)`, "border-width": `var(${vars["root.border-width"]}, 1px)`, "border-style": `var(${vars["root.border-style"]}, solid)`, "border-color": `var(${vars["root.border-color"]}, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))))`, "border-color-hover": `var(${vars["root.border-color-hover"]}, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "border-color-focus": `var(${vars["root.border-color-focus"]}, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "border-color-error": `var(${vars["root.border-color-error"]}, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "border-color-warning": `var(${vars["root.border-color-warning"]}, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))`, "border-radius": `var(${vars["root.border-radius"]}, var(--token-semantic-shape-extra-small, var(--token-global-radius-2, 4px)))`, "background-color": `var(${vars["root.background-color"]}, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "background-color-disabled": `var(${vars["root.background-color-disabled"]}, var(--token-semantic-color-background-disabled, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "box-shadow": `var(${vars["root.box-shadow"]}, none)`, "box-shadow-focus": `var(${vars["root.box-shadow-focus"]}, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "validation": { "box-shadow-error": `var(${vars["root.validation.box-shadow-error"]}, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "box-shadow-warning": `var(${vars["root.validation.box-shadow-warning"]}, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))` }, "color-loading": `var(${vars["root.color-loading"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "motion": { "interaction": { "transition": `var(${vars["motion.interaction.transition"]}, var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))` }, "spatial": { "transition": `var(${vars["motion.spatial.transition"]}, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))))` } }, "text": { "color": `var(${vars["text.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "color-placeholder": `var(${vars["text.color-placeholder"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-disabled": `var(${vars["text.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))` }, "tag": { "background-color": `var(${vars["tag.background-color"]}, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "color": `var(${vars["tag.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "close": { "color-hover": `var(${vars["tag.close.color-hover"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` } }, "clear": { "color": `var(${vars["clear.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-hover": `var(${vars["clear.color-hover"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "width": `var(${vars["clear.width"]}, var(--token-semantic-size-48, var(--token-global-size-48, 48px)))`, "height": `var(${vars["clear.height"]}, var(--token-semantic-size-48, var(--token-global-size-48, 48px)))`, "touch": { "width": `var(${vars["clear.touch.width"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "box-shadow-focus": `var(${vars["clear.box-shadow-focus"]}, inset 0 0 0 1px var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "icon": { "width": `var(${vars["icon.width"]}, var(--token-semantic-space-group-gap, var(--token-global-space-6, 24px)))`, "color": `var(${vars["icon.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "field": { "gap": `var(${vars["field.gap"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.padding-inline"]}, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)))`, "label": { "top": `var(${vars["field.label.top"]}, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))`, "padding-inline": `var(${vars["field.label.padding-inline"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["field.label.font-size"]}, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)))`, "line-height": `var(${vars["field.label.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))`, "color": `var(${vars["field.label.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-focus": `var(${vars["field.label.color-focus"]}, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))` }, "input": { "padding-top": `var(${vars["field.input.padding-top"]}, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)))` }, "transition": `var(${vars["field.transition"]}, top var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), font-size var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "filled": { "background-color": `var(${vars["field.filled.background-color"]}, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "background-color-hover": `var(${vars["field.filled.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))))` }, "indicator": { "border-color": `var(${vars["field.indicator.border-color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "box-shadow-focus": `var(${vars["field.indicator.box-shadow-focus"]}, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "box-shadow-error": `var(${vars["field.indicator.box-shadow-error"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "box-shadow-warning": `var(${vars["field.indicator.box-shadow-warning"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))` }, "color-error": `var(${vars["field.color-error"]}, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))))`, "color-warning": `var(${vars["field.color-warning"]}, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))))`, "support": { "line-height": `var(${vars["field.support.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))` } }, "group": { "color": `var(${vars["group.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "font-size": `var(${vars["group.font-size"]}, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)))` }, "size": { "large": { "height": `var(${vars["size.large.height"]}, var(--token-semantic-sizing-large-field, var(--token-global-size-64, 64px)))`, "padding": `var(${vars["size.large.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-space-control-padding-x, var(--token-global-space-3, 12px)))`, "font-size": `var(${vars["size.large.font-size"]}, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.large.line-height"]}, calc(var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)) * var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5))))`, "action": { "width": `var(${vars["size.large.action.width"]}, var(--token-semantic-sizing-large-action, var(--token-global-size-48, 48px)))` } }, "middle": { "height": `var(${vars["size.middle.height"]}, var(--token-semantic-sizing-middle-field, var(--token-global-size-56, 56px)))`, "padding": `var(${vars["size.middle.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-space-control-padding-x, var(--token-global-space-3, 12px)))`, "font-size": `var(${vars["size.middle.font-size"]}, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.middle.line-height"]}, calc(var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)) * var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5))))`, "action": { "width": `var(${vars["size.middle.action.width"]}, var(--token-semantic-sizing-middle-action, var(--token-global-size-40, 40px)))` } }, "small": { "height": `var(${vars["size.small.height"]}, var(--token-semantic-sizing-small-field, var(--token-global-size-48, 48px)))`, "padding": `var(${vars["size.small.padding"]}, 0 var(--token-semantic-space-control-padding-x-small, var(--token-global-space-2, 8px)))`, "font-size": `var(${vars["size.small.font-size"]}, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.small.line-height"]}, calc(var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)) * var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5))))`, "action": { "width": `var(${vars["size.small.action.width"]}, var(--token-semantic-sizing-small-action, var(--token-global-size-32, 32px)))` } } }, "dropdown": { "margin": `var(${vars["dropdown.margin"]}, 6px)`, "max-height": `var(${vars["dropdown.max-height"]}, 240px)`, "padding": `var(${vars["dropdown.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "option": { "padding": `var(${vars["dropdown.option.padding"]}, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))` }, "border-radius": `var(${vars["dropdown.border-radius"]}, var(--token-semantic-shape-extra-small, var(--token-global-radius-2, 4px)))` } });
+const token = (0, __wake_namespace_0["defineTokens"])({ "option": { "checkbox": { "width": `var(${vars["option.checkbox.width"]}, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)))` }, "background-color-hover": `var(${vars["option.background-color-hover"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "color-selected": `var(${vars["option.color-selected"]}, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))))`, "background-color-selected": `var(${vars["option.background-color-selected"]}, var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))))`, "border-radius": `var(${vars["option.border-radius"]}, var(--token-semantic-field-option-radius, var(--token-global-radius-0, 0px)))`, "color-disabled": `var(${vars["option.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "highlight": { "background-color": `var(${vars["option.highlight.background-color"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))` }, "background-color-active": `var(${vars["option.background-color-active"]}, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "selection": { "background-color-hover": `var(${vars["option.selection.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))`, "background-color-active": `var(${vars["option.selection.background-color-active"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))` }, "activity": { "outline-color": `var(${vars["option.activity.outline-color"]}, var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "outline-width": `var(${vars["option.activity.outline-width"]}, 2px)`, "outline-offset": `var(${vars["option.activity.outline-offset"]}, -2px)` }, "height": `var(${vars["option.height"]}, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px))))`, "padding-block": `var(${vars["option.padding-block"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["option.font-size"]}, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)))`, "line-height": `var(${vars["option.line-height"]}, var(--token-semantic-typography-body-medium-line-height, var(--token-global-line-height-14-20, 1.4285714285714286)))` }, "root": { "transition": `var(${vars["root.transition"]}, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "opacity-disabled": `var(${vars["root.opacity-disabled"]}, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)))`, "touch": { "min-height": `var(${vars["root.touch.min-height"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "outline-width-focus": `var(${vars["root.outline-width-focus"]}, 2px)`, "outline-offset-focus": `var(${vars["root.outline-offset-focus"]}, 2px)`, "border-width": `var(${vars["root.border-width"]}, 1px)`, "border-style": `var(${vars["root.border-style"]}, solid)`, "border-color": `var(${vars["root.border-color"]}, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))))`, "border-color-hover": `var(${vars["root.border-color-hover"]}, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "border-color-focus": `var(${vars["root.border-color-focus"]}, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "border-color-error": `var(${vars["root.border-color-error"]}, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "border-color-warning": `var(${vars["root.border-color-warning"]}, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))`, "border-radius": `var(${vars["root.border-radius"]}, var(--token-semantic-shape-control, var(--token-global-radius-2, 4px)))`, "background-color": `var(${vars["root.background-color"]}, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "background-color-disabled": `var(${vars["root.background-color-disabled"]}, var(--token-semantic-color-background-disabled, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "box-shadow": `var(${vars["root.box-shadow"]}, var(--token-semantic-field-control-shadow, none))`, "box-shadow-focus": `var(${vars["root.box-shadow-focus"]}, var(--token-semantic-field-control-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "validation": { "box-shadow-error": `var(${vars["root.validation.box-shadow-error"]}, var(--token-semantic-field-control-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727)))))`, "box-shadow-warning": `var(${vars["root.validation.box-shadow-warning"]}, var(--token-semantic-field-control-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73)))))` }, "color-loading": `var(${vars["root.color-loading"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "motion": { "interaction": { "transition": `var(${vars["motion.interaction.transition"]}, var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))` }, "spatial": { "transition": `var(${vars["motion.spatial.transition"]}, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))))` } }, "text": { "color": `var(${vars["text.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "color-placeholder": `var(${vars["text.color-placeholder"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-disabled": `var(${vars["text.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))` }, "tag": { "background-color": `var(${vars["tag.background-color"]}, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "color": `var(${vars["tag.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "close": { "color-hover": `var(${vars["tag.close.color-hover"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` } }, "clear": { "color": `var(${vars["clear.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-hover": `var(${vars["clear.color-hover"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "width": `var(${vars["clear.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "height": `var(${vars["clear.height"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "touch": { "width": `var(${vars["clear.touch.width"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "box-shadow-focus": `var(${vars["clear.box-shadow-focus"]}, inset 0 0 0 1px var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "icon": { "width": `var(${vars["icon.width"]}, var(--token-semantic-field-icon-size, var(--token-global-space-6, 24px)))`, "color": `var(${vars["icon.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "field": { "gap": `var(${vars["field.gap"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.padding-inline"]}, var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "min-height": `var(${vars["field.min-height"]}, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px)))`, "label": { "top": `var(${vars["field.label.top"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.label.padding-inline"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["field.label.font-size"]}, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)))`, "line-height": `var(${vars["field.label.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))`, "color": `var(${vars["field.label.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-focus": `var(${vars["field.label.color-focus"]}, var(--token-semantic-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "input": { "padding-top": `var(${vars["field.input.padding-top"]}, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)))` }, "transition": `var(${vars["field.transition"]}, top var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), font-size var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "filled": { "background-color": `var(${vars["field.filled.background-color"]}, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "background-color-hover": `var(${vars["field.filled.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))))`, "min-height": `var(${vars["field.filled.min-height"]}, var(--token-semantic-size-field-labeled, var(--token-global-size-48, 48px)))` }, "indicator": { "border-color": `var(${vars["field.indicator.border-color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "box-shadow-focus": `var(${vars["field.indicator.box-shadow-focus"]}, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "box-shadow-error": `var(${vars["field.indicator.box-shadow-error"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "box-shadow-warning": `var(${vars["field.indicator.box-shadow-warning"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))` }, "color-error": `var(${vars["field.color-error"]}, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))))`, "color-warning": `var(${vars["field.color-warning"]}, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))))`, "support": { "line-height": `var(${vars["field.support.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))` }, "outline": { "border-width-focus": `var(${vars["field.outline.border-width-focus"]}, 3px)` } }, "group": { "color": `var(${vars["group.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "font-size": `var(${vars["group.font-size"]}, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)))` }, "size": { "large": { "height": `var(${vars["size.large.height"]}, var(--token-semantic-sizing-large-field, var(--token-global-size-40, 40px)))`, "padding": `var(${vars["size.large.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.large.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.large.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.large.action.width"]}, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)))` } }, "medium": { "height": `var(${vars["size.medium.height"]}, var(--token-semantic-sizing-medium-field, var(--token-global-size-36, 36px)))`, "padding": `var(${vars["size.medium.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.medium.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.medium.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.medium.action.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))` } }, "small": { "height": `var(${vars["size.small.height"]}, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px)))`, "padding": `var(${vars["size.small.padding"]}, 0 var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.small.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.small.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.small.action.width"]}, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)))` } } }, "dropdown": { "margin": `var(${vars["dropdown.margin"]}, 6px)`, "max-height": `var(${vars["dropdown.max-height"]}, 240px)`, "padding": `var(${vars["dropdown.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "option": { "padding": `var(${vars["dropdown.option.padding"]}, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))` }, "border-radius": `var(${vars["dropdown.border-radius"]}, var(--token-semantic-shape-overlay, var(--token-global-radius-14, 28px)))` } });
 const __wake_default_export = token;
 Object.defineProperty(exports, "default", { enumerable: true, get: function() {
   return __wake_default_export;

package/css/index.css

@@ -1,8 +1,5 @@
-.rc-select-0f3ecf945b98{display: inline-grid;width: 100%;min-width: 0;max-width: 100%;gap: var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));}.rc-select-3bd2a27273ad{padding-inline: var(--select-field-padding-inline, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)));color: var(--select-field-label-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-size: var(--select-field-label-font-size, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)));line-height: var(--select-field-support-line-height, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)));overflow-wrap: anywhere;}.rc-select-3bd2a27273ad[data-status="error"]{color: var(--select-field-color-error, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))));}.rc-select-3bd2a27273ad[data-status="warning"]{color: var(--select-field-color-warning, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))));}@media (forced-colors: active){.rc-select-3bd2a27273ad{color: CanvasText;}}.rc-select-208f8e064cef{position: relative;display: inline-flex;align-items: center;width: 100%;box-sizing: border-box;border: var(--select-root-border-width, 1px) var(--select-root-border-style, solid) var(--select-root-border-color, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))));border-radius: var(--select-root-border-radius, var(--token-semantic-shape-extra-small, var(--token-global-radius-2, 4px)));background-color: transparent;color: var(--select-text-color, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));cursor: pointer;user-select: none;outline: none;transition: var(--select-root-transition, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}.rc-select-208f8e064cef:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]):not([data-status]){border-color: var(--select-root-border-color-hover, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-208f8e064cef:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--select-root-box-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));}@media (prefers-reduced-motion: reduce){.rc-select-208f8e064cef{transition: none;}}@media (pointer: coarse){.rc-select-208f8e064cef.rc-select-208f8e064cef{min-height: calc(var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px))) + 2 * var(--select-root-border-width, 1px));padding-block: 0;--select-clear-width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}@media (forced-colors: active){.rc-select-208f8e064cef{border-color: ButtonText;}.rc-select-208f8e064cef:is(:focus-within, [aria-expanded="true"]){outline: var(--select-root-outline-width-focus, 2px) solid Highlight;outline-offset: var(--select-root-outline-offset-focus, 2px);}.rc-select-208f8e064cef[aria-disabled='true']{border-color: GrayText;color: GrayText;}}.rc-select-de4f87d60f05[data-appearance="filled"][data-labeled="true"] > [data-role="select-value"]{padding-top: var(--select-field-input-padding-top, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)));}.rc-select-de4f87d60f05[data-labeled="true"][data-floating="false"]:not(:focus-within) > [data-role="select-value"]{visibility: hidden;}.rc-select-de4f87d60f05[data-appearance="filled"]{border-radius: var(--select-root-border-radius, var(--token-semantic-shape-extra-small, var(--token-global-radius-2, 4px))) var(--select-root-border-radius, var(--token-semantic-shape-extra-small, var(--token-global-radius-2, 4px))) 0 0;border-color: transparent;border-bottom-color: var(--select-field-indicator-border-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));background: var(--select-field-filled-background-color, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))));box-shadow: none;}.rc-select-de4f87d60f05[data-appearance="filled"]:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]){background: var(--select-field-filled-background-color-hover, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))));}:is(.rc-select-de4f87d60f05[data-appearance="filled"]:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"])):not([data-status]){border-color: transparent;border-bottom-color: var(--select-text-color, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-de4f87d60f05[data-appearance="filled"]:is(:focus-within, [aria-expanded="true"]){border-color: transparent;border-bottom-color: var(--select-root-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--select-field-indicator-box-shadow-focus, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));}.rc-select-de4f87d60f05.rc-select-de4f87d60f05[data-status="error"] > [data-role="select-label"]{color: var(--select-field-color-error, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))));}.rc-select-de4f87d60f05.rc-select-de4f87d60f05[data-status="warning"] > [data-role="select-label"]{color: var(--select-field-color-warning, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))));}.rc-select-de4f87d60f05.rc-select-de4f87d60f05[data-appearance="filled"][data-status="error"]{border-color: transparent;border-bottom-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}:is(.rc-select-de4f87d60f05.rc-select-de4f87d60f05[data-appearance="filled"][data-status="error"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--select-field-indicator-box-shadow-error, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-de4f87d60f05.rc-select-de4f87d60f05[data-appearance="filled"][data-status="warning"]{border-color: transparent;border-bottom-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}:is(.rc-select-de4f87d60f05.rc-select-de4f87d60f05[data-appearance="filled"][data-status="warning"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--select-field-indicator-box-shadow-warning, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}@media (forced-colors: active){.rc-select-de4f87d60f05.rc-select-de4f87d60f05{border-color: CanvasText;background: Canvas;}.rc-select-de4f87d60f05[aria-disabled="true"]{border-color: GrayText;}}.rc-select-608ca49a02dc{position: absolute;z-index: 1;inset-inline-start: var(--select-field-padding-inline, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)));top: 50%;transform: translateY(-50%);max-width: calc(100% - 2 * var(--select-field-padding-inline, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px))) - var(--select-clear-width, var(--token-semantic-size-48, var(--token-global-size-48, 48px))) - var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px))));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;pointer-events: none;color: var(--select-field-label-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-size: var(--select-size-middle-font-size, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-field-label-line-height, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)));transition: var(--select-field-transition, top var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), font-size var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}[aria-busy="true"] > .rc-select-608ca49a02dc{max-width: calc(100% - 2 * var(--select-field-padding-inline, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px))) - var(--select-icon-width, var(--token-semantic-space-group-gap, var(--token-global-space-6, 24px))) - var(--select-clear-width, var(--token-semantic-size-48, var(--token-global-size-48, 48px))) - 2 * var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px))));}[data-appearance="outlined"]:is(:focus-within, [data-floating="true"]) > .rc-select-608ca49a02dc{top: 0;transform: translateY(-50%);padding-inline: var(--select-field-label-padding-inline, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));background: var(--select-root-background-color, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))));font-size: var(--select-field-label-font-size, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)));max-width: calc(100% - 2 * var(--select-field-padding-inline, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px))));}[data-appearance="filled"]:is(:focus-within, [data-floating="true"]) > .rc-select-608ca49a02dc{top: calc(50% - (var(--select-size-middle-line-height, calc(var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)) * var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5)))) + var(--select-field-input-padding-top, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)))) / 2);transform: none;padding: 0;background: transparent;font-size: var(--select-field-label-font-size, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)));}[data-appearance]:focus-within > .rc-select-608ca49a02dc,[data-appearance][aria-expanded="true"] > .rc-select-608ca49a02dc{color: var(--select-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));}@media (prefers-reduced-motion: reduce){.rc-select-608ca49a02dc{transition: none;}}@media (forced-colors: active){.rc-select-608ca49a02dc{color: CanvasText;}}.rc-select-238e884e6a17{opacity: var(--select-root-opacity-disabled, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)));cursor: not-allowed;pointer-events: none;}.rc-select-e0726e9ad481{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-e0726e9ad481:hover:not([aria-disabled="true"]){border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-e0726e9ad481:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));box-shadow: var(--select-root-validation-box-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-79b739b32fcb{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-79b739b32fcb:hover:not([aria-disabled="true"]){border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-79b739b32fcb:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));box-shadow: var(--select-root-validation-box-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-1356dfc74a7f{display: flex;align-items: center;flex-wrap: wrap;gap: 4px;flex: 1;min-width: 0;overflow: hidden;}.rc-select-52cbc5cc4f0f{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rc-select-37ce25dfcd13{color: var(--select-text-color-placeholder, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rc-select-50dd3c70bcdc{flex: 1;min-width: 0;}/* The Select field owns focus, including forced colors; avoid a second ring. */
-    .rc-select-50dd3c70bcdc.rc-select-50dd3c70bcdc:focus-within{outline: none;}.rc-select-d7edabfe7361{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: var(--select-icon-width, var(--token-semantic-space-group-gap, var(--token-global-space-6, 24px)));height: var(--select-icon-width, var(--token-semantic-space-group-gap, var(--token-global-space-6, 24px)));color: var(--select-icon-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));}.rc-select-d7edabfe7361 > svg{width: 100%;height: 100%;}.rc-select-d7edabfe7361{transition: transform var(--select-motion-spatial-transition, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))));}@media (prefers-reduced-motion: reduce){.rc-select-d7edabfe7361{transition: none;}}.rc-select-30173f5e3d41{transform: rotate(180deg);}.rc-select-2e4337f305d8{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 120px;}.rc-select-ee9f2054c459{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;gap: var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));margin-inline-start: var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));}.rc-select-8504d95b52bc{flex-shrink: 0;}.rc-select-8504d95b52bc.rc-select-8504d95b52bc{--button-icon-width: var(--select-icon-width, var(--token-semantic-space-group-gap, var(--token-global-space-6, 24px)));padding: 0;width: var(--select-clear-width, var(--token-semantic-size-48, var(--token-global-size-48, 48px)));min-width: var(--select-clear-width, var(--token-semantic-size-48, var(--token-global-size-48, 48px)));height: var(--select-clear-height, var(--token-semantic-size-48, var(--token-global-size-48, 48px)));color: var(--select-clear-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));}.rc-select-8504d95b52bc.rc-select-8504d95b52bc:hover{color: var(--select-clear-color-hover, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}// 字段容器已经应用禁用透明度。
-    .rc-select-8504d95b52bc.rc-select-8504d95b52bc:disabled > span{opacity: 1;}@media (pointer: coarse){.rc-select-8504d95b52bc.rc-select-8504d95b52bc{width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));min-width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));height: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-3ab2c2f8c427{display: inline-flex;align-items: center;color: var(--select-root-color-loading, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));flex-shrink: 0;--rc-spin-size: var(--select-icon-width, var(--token-semantic-space-group-gap, var(--token-global-space-6, 24px)));--spin-ring-indicator-stroke: currentColor;--spin-ring-track-stroke: transparent;}.rc-select-df4a743b55e1{padding: var(--select-size-large-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-space-control-padding-x, var(--token-global-space-3, 12px)));--select-clear-width: var(--select-size-large-action-width, var(--token-semantic-sizing-large-action, var(--token-global-size-48, 48px)));--select-clear-height: var(--select-size-large-action-width, var(--token-semantic-sizing-large-action, var(--token-global-size-48, 48px)));font-size: var(--select-size-large-font-size, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-large-line-height, calc(var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)) * var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5))));}.rc-select-de4a743b542e{padding: var(--select-size-middle-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-space-control-padding-x, var(--token-global-space-3, 12px)));--select-clear-width: var(--select-size-middle-action-width, var(--token-semantic-sizing-middle-action, var(--token-global-size-40, 40px)));--select-clear-height: var(--select-size-middle-action-width, var(--token-semantic-sizing-middle-action, var(--token-global-size-40, 40px)));font-size: var(--select-size-middle-font-size, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-middle-line-height, calc(var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)) * var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5))));}.rc-select-dd4a743b527b{padding: var(--select-size-small-padding, 0 var(--token-semantic-space-control-padding-x-small, var(--token-global-space-2, 8px)));--select-clear-width: var(--select-size-small-action-width, var(--token-semantic-sizing-small-action, var(--token-global-size-32, 32px)));--select-clear-height: var(--select-size-small-action-width, var(--token-semantic-sizing-small-action, var(--token-global-size-32, 32px)));font-size: var(--select-size-small-font-size, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-small-line-height, calc(var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)) * var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5))));}.rc-select-b8fc5925a597{height: max(var(--select-size-large-height, var(--token-semantic-sizing-large-field, var(--token-global-size-64, 64px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-b7fc5925a3e4{height: max(var(--select-size-middle-height, var(--token-semantic-sizing-middle-field, var(--token-global-size-56, 56px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-bafc5925a8fd{height: max(var(--select-size-small-height, var(--token-semantic-sizing-small-field, var(--token-global-size-48, 48px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-5d07f79a2f4a{min-height: var(--select-size-large-height, var(--token-semantic-sizing-large-field, var(--token-global-size-64, 64px)));}.rc-select-5e07f79a30fd{min-height: var(--select-size-middle-height, var(--token-semantic-sizing-middle-field, var(--token-global-size-56, 56px)));}.rc-select-5b07f79a2be4{min-height: var(--select-size-small-height, var(--token-semantic-sizing-small-field, var(--token-global-size-48, 48px)));}.rc-select-8032ea9d3fcc{padding: var(--select-dropdown-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));overflow: hidden;}.rc-select-41a9c05e6999{position: relative;display: flex;align-items: center;width: 100%;padding: var(--select-option-padding-block, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px))) 8px;border-radius: 3px;cursor: pointer;user-select: none;height: max(var(--select-option-height, var(--token-semantic-density-item, var(--token-global-size-48, 48px))), calc(1lh + 2 * var(--select-option-padding-block, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))));}@media (pointer: coarse){.rc-select-41a9c05e6999{min-height: var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-41a9c05e6999{box-sizing: border-box;font-size: var(--select-option-font-size, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-option-line-height, var(--token-semantic-typography-body-large-line-height, var(--token-global-line-height-16-24, 1.5)));outline: none;transition: var(--select-root-transition, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}.rc-select-41a9c05e6999:hover:not([aria-disabled='true']){background-color: var(--select-option-background-color-hover, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}.rc-select-41a9c05e6999:active:not([aria-disabled='true']){background-color: var(--select-option-background-color-active, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}/* 选中背景直接绑定 aria-selected(而非另开一个由 JS 条件应用的 class),
-       靠 [属性选择器] 叠加 class 把 specificity 提到 (0,2,0)——正好压过
-       上面的 :hover/:active(同为 (0,2,0) 但声明更早)以及下面 optionHighlightStyle
-       这个纯 class 选择器 (0,1,0),确保"选中"背景不会被鼠标悬停或键盘高亮盖掉。 */
-    .rc-select-41a9c05e6999[aria-selected="true"]{background-color: var(--select-option-background-color-selected, var(--token-semantic-color-brand-container, var(--token-semantic-color-selection-background, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))));color: var(--select-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-semantic-color-selection-foreground, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}@media (prefers-reduced-motion: reduce){.rc-select-41a9c05e6999{transition: none;}}@media (forced-colors: active){.rc-select-41a9c05e6999{forced-color-adjust: none;background: Canvas;color: CanvasText;}.rc-select-41a9c05e6999[aria-selected='true']{background: Highlight;color: HighlightText;}.rc-select-41a9c05e6999[aria-disabled='true']{color: GrayText;}}.rc-select-787681543371{background-color: var(--select-option-highlight-background-color, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}.rc-select-9fccdf1a17f8{position: absolute;visibility: hidden;pointer-events: none;width: 1px;overflow: hidden;}.rc-select-afbd832dfa96{font-weight: 500;}.rc-select-92da46dc013a{font-weight: 500;color: var(--select-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-semantic-color-selection-foreground, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}.rc-select-b51a97d11fd1{opacity: var(--select-root-opacity-disabled, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)));cursor: not-allowed;pointer-events: none;}@media (forced-colors: active){.rc-select-b51a97d11fd1{opacity: 1;}}.rc-select-462ffe03d1f7{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;min-width: 0;}.rc-select-4d7b259b317b{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 16px;height: 16px;margin-left: 8px;color: var(--select-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-semantic-color-selection-foreground, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}.rc-select-8509288b81d2{/* The option row owns the hit area; its checkbox is a decorative indicator. */
-    --checkbox-control-target-width: var(--select-option-checkbox-width, 18px);--checkbox-root-touch-min-width: var(--select-option-checkbox-width, 18px);--checkbox-root-touch-min-height: var(--select-option-checkbox-width, 18px);display: inline-flex;flex-shrink: 0;margin-right: 8px;pointer-events: none;}.rc-select-742133f23b03{padding: 24px 8px;color: var(--select-text-color-placeholder, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));text-align: center;font-size: var(--select-option-font-size, var(--token-semantic-typography-body-large-font-size, var(--token-global-font-size-md, 16px)));}.rc-select-4222a3b1548f{display: flex;align-items: center;padding: 4px 8px;height: var(--select-option-measured-height, var(--select-option-height, var(--token-semantic-density-item, var(--token-global-size-48, 48px))));}@media (pointer: coarse){.rc-select-4222a3b1548f{min-height: var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-4222a3b1548f{box-sizing: border-box;font-size: var(--select-group-font-size, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)));color: var(--select-group-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-weight: 500;user-select: none;}.rc-select-fa0b905ad8a1{padding-left: 20px;}.rc-select-25c250ff4ce4{display: block;width: 100%;height: var(--crab-rc-virtual-top-padding-height, 0px);}.rc-select-bf5e0c73c29c{display: block;width: 100%;height: var(--crab-rc-virtual-bottom-padding-height, 0px);}.rc-select-0ed119f292d0{display: flex;align-items: center;justify-content: center;padding: 24px 8px;color: var(--select-root-color-loading, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));--rc-spin-size: 20px;--spin-ring-indicator-stroke: currentColor;--spin-ring-track-stroke: transparent;}
+.rc-select-0f3ecf945b98{display: inline-grid;width: 100%;min-width: 0;max-width: 100%;gap: var(--token-semantic-field-layout-row-gap, var(--token-global-space-1, 4px));}.rc-select-3bd2a27273ad{padding-inline: var(--token-semantic-field-support-padding-inline, var(--token-global-space-4, 16px));color: var(--select-field-label-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-size: var(--select-field-label-font-size, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)));line-height: var(--select-field-support-line-height, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)));overflow-wrap: anywhere;}.rc-select-3bd2a27273ad[data-status="error"]{color: var(--select-field-color-error, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))));}.rc-select-3bd2a27273ad[data-status="warning"]{color: var(--select-field-color-warning, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))));}@media (forced-colors: active){.rc-select-3bd2a27273ad{color: CanvasText;}}.rc-select-df4a743b55e1{padding: var(--select-size-large-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)));--select-clear-width: var(--select-size-large-action-width, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)));--select-clear-height: var(--select-size-large-action-width, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)));font-size: var(--select-size-large-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-large-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-de4a743b542e{padding: var(--select-size-medium-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)));--select-clear-width: var(--select-size-medium-action-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));--select-clear-height: var(--select-size-medium-action-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));font-size: var(--select-size-medium-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-medium-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-dd4a743b527b{padding: var(--select-size-small-padding, 0 var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)));--select-clear-width: var(--select-size-small-action-width, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)));--select-clear-height: var(--select-size-small-action-width, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)));font-size: var(--select-size-small-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-small-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-b8fc5925a597{height: max(var(--select-size-large-height, var(--token-semantic-sizing-large-field, var(--token-global-size-40, 40px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-b7fc5925a3e4{height: max(var(--select-size-medium-height, var(--token-semantic-sizing-medium-field, var(--token-global-size-36, 36px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-bafc5925a8fd{height: max(var(--select-size-small-height, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-5d07f79a2f4a{min-height: max(var(--select-size-large-height, var(--token-semantic-sizing-large-field, var(--token-global-size-40, 40px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))));}.rc-select-5e07f79a30fd{min-height: max(var(--select-size-medium-height, var(--token-semantic-sizing-medium-field, var(--token-global-size-36, 36px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))));}.rc-select-5b07f79a2be4{min-height: max(var(--select-size-small-height, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))));}.rc-select-5e896678dc89{position: relative;display: inline-flex;align-items: center;width: 100%;box-sizing: border-box;border: var(--select-root-border-width, 1px) var(--select-root-border-style, solid) var(--select-root-border-color, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))));border-radius: var(--select-root-border-radius, var(--token-semantic-shape-control, var(--token-global-radius-2, 4px)));background-color: var(--select-root-background-color, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))));box-shadow: var(--select-root-box-shadow, var(--token-semantic-field-control-shadow, none));color: var(--select-text-color, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));cursor: pointer;user-select: none;outline: none;transition: var(--select-root-transition, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}.rc-select-5e896678dc89:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]):not([data-status]){border-color: var(--select-root-border-color-hover, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-5e896678dc89:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--select-root-box-shadow-focus, var(--token-semantic-field-control-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))));}@media (prefers-reduced-motion: reduce){.rc-select-5e896678dc89{transition: none;}}@media (pointer: coarse){.rc-select-5e896678dc89.rc-select-5e896678dc89{min-height: max(var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))), calc(var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px))) + 2 * var(--select-root-border-width, 1px)));padding-block: 0;--select-clear-width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}@media (forced-colors: active){.rc-select-5e896678dc89{border-color: ButtonText;}.rc-select-5e896678dc89:is(:focus-within, [aria-expanded="true"]){outline: var(--select-root-outline-width-focus, 2px) solid Highlight;outline-offset: var(--select-root-outline-offset-focus, 2px);}.rc-select-5e896678dc89[aria-disabled='true']{border-color: GrayText;color: GrayText;}}.rc-select-29edc097b42b{grid-column: 1;grid-row: 1;}.rc-select-29edc097b42b[data-labeled="true"]{grid-row: var(--token-semantic-field-layout-control-row, 1);}.rc-select-29edc097b42b[data-appearance="filled"][data-labeled="true"] > [data-role="select-value"]{padding-top: var(--token-semantic-field-input-filled-padding-top, var(--token-global-space-4, 16px));}.rc-select-29edc097b42b[data-appearance="filled"]{border-radius: var(--token-semantic-field-filled-border-radius, var(--token-global-radius-2, 4px) var(--token-global-radius-2, 4px) 0 0);border-width: var(--token-semantic-field-filled-border-width, 0 0 1px);border-color: var(--token-semantic-field-filled-border-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));background: var(--token-semantic-field-filled-background-color, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))));}.rc-select-29edc097b42b[data-appearance="filled"]:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]){background: var(--token-semantic-field-filled-background-color-hover, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 8%, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))));}:is(.rc-select-29edc097b42b[data-appearance="filled"]:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"])):not([data-status]){border-color: var(--token-semantic-field-filled-border-color-hover, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-29edc097b42b[data-appearance="filled"]:is(:focus-within, [aria-expanded="true"]){border-color: var(--token-semantic-field-filled-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--token-semantic-field-filled-shadow-focus, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="error"]{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="error"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-filled-shadow-error, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="warning"]{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="warning"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-filled-shadow-warning, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]{border-color: var(--token-semantic-field-outlined-border-color, transparent);}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]):hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]){border-color: var(--token-semantic-field-outlined-border-color-hover, transparent);}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]):is(:focus-within, [aria-expanded="true"]){border-color: var(--token-semantic-field-outlined-border-color-focus, transparent);box-shadow: var(--token-semantic-field-outlined-shadow-focus, none);}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]{border-color: var(--token-semantic-field-outlined-border-color-error, transparent);}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]):hover{border-color: var(--token-semantic-field-outlined-border-color-error, transparent);}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-outlined-shadow-error, none);}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]{border-color: var(--token-semantic-field-outlined-border-color-warning, transparent);}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]):hover{border-color: var(--token-semantic-field-outlined-border-color-warning, transparent);}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-outlined-shadow-warning, none);}.rc-select-29edc097b42b > fieldset{display: var(--token-semantic-field-outline-display, block);position: absolute;inset: calc(0px - var(--token-semantic-field-label-floating-line-height, var(--token-global-space-4, 16px)) / 2) 0 0;margin: 0;padding: 0;min-width: 0;pointer-events: none;border: var(--select-root-border-width, 1px) solid var(--select-root-border-color, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))));border-radius: inherit;}.rc-select-29edc097b42b > fieldset > legend{visibility: hidden;overflow: hidden;max-width: 0;height: var(--token-semantic-field-label-floating-line-height, var(--token-global-space-4, 16px));margin-inline-start: var(--token-semantic-field-outline-legend-margin, var(--token-global-space-3, 12px));padding: 0;font-size: var(--token-semantic-field-label-floating-font-size, var(--token-global-font-size-xs, 12px));line-height: 1;white-space: nowrap;}.rc-select-29edc097b42b:is(:focus-within, [data-floating="true"]) > fieldset > legend{max-width: 100%;padding-inline: var(--token-semantic-field-outline-legend-padding, var(--token-global-space-1, 4px));}.rc-select-29edc097b42b:hover:not([aria-disabled="true"]) > fieldset{border-color: var(--select-root-border-color-hover, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-29edc097b42b:is(:focus-within, [aria-expanded="true"]) > fieldset{border-color: var(--select-root-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));border-width: var(--select-field-outline-border-width-focus, 3px);}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-status="error"] > fieldset{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-status="warning"] > fieldset{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]{opacity: 1;color: var(--token-semantic-field-disabled-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));border-color: var(--token-semantic-field-disabled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 12%, transparent));box-shadow: none;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) > fieldset{border-color: var(--token-semantic-field-disabled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 12%, transparent));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"]{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-value"]{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-placeholder"],:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"] button{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"] button span{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"])[data-appearance="filled"]{border-color: var(--token-semantic-field-disabled-filled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));background: var(--token-semantic-field-disabled-filled-background, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 4%, transparent));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"])[data-appearance="outlined"][data-labeled="true"]{border-color: var(--token-semantic-field-outlined-border-color, transparent);}@media (forced-colors: active){.rc-select-29edc097b42b.rc-select-29edc097b42b{border-color: CanvasText;background: Canvas;}.rc-select-29edc097b42b > fieldset{display: none;}.rc-select-29edc097b42b[aria-disabled="true"]{border-color: GrayText;}}.rc-select-910e459fbbe0{display: grid;grid-template-columns: minmax(0, 1fr);row-gap: var(--token-semantic-field-layout-row-gap, var(--token-global-space-1, 4px));min-width: 0;}.rc-select-910e459fbbe0 > [data-role="select-label"]{display: inline-flex;gap: var(--token-semantic-field-required-gap, var(--token-global-space-1, 4px));position: relative;z-index: 1;grid-column: 1;grid-row: var(--token-semantic-field-layout-label-row, 1);align-self: var(--token-semantic-field-label-align, center);justify-self: start;min-width: 0;max-width: calc(100% - 2 * var(--select-field-padding-inline, var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px))) - var(--select-clear-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px))) - var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px))));margin-inline: var(--token-semantic-field-label-margin-inline, var(--token-global-space-4, 16px));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;pointer-events: none;color: var(--select-field-label-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-size: var(--token-semantic-field-label-font-size, var(--token-global-font-size-md, 16px));line-height: var(--token-semantic-field-label-line-height, var(--token-global-space-6, 24px));transition: var(--select-field-transition, top var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), font-size var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}:is(.rc-select-910e459fbbe0 > [data-role="select-label"]) > [data-required-marker]{flex-shrink: 0;order: var(--token-semantic-field-required-order, 1);color: var(--token-semantic-field-required-color, inherit);}:is(.rc-select-910e459fbbe0 > [data-role="select-label"]) > [id]{min-width: 0;overflow: hidden;text-overflow: ellipsis;}.rc-select-910e459fbbe0:is(:focus-within, [data-floating="true"]) > [data-role="select-label"]{align-self: var(--token-semantic-field-label-floating-align, start);font-size: var(--token-semantic-field-label-floating-font-size, var(--token-global-font-size-xs, 12px));line-height: var(--token-semantic-field-label-floating-line-height, var(--token-global-space-4, 16px));transform: var(--token-semantic-field-label-floating-transform, translateY(-50%));}.rc-select-910e459fbbe0[data-appearance="filled"]:is(:focus-within, [data-floating="true"]) > [data-role="select-label"]{margin-block-start: var(--token-semantic-field-label-filled-offset, var(--token-global-space-2, 8px));transform: none;}.rc-select-910e459fbbe0:is(:focus-within, [data-open="true"]) > [data-role="select-label"]{color: var(--select-field-label-color-focus, var(--token-semantic-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))));}.rc-select-910e459fbbe0[data-status="error"] > [data-role="select-label"]{color: var(--select-field-color-error, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))));}.rc-select-910e459fbbe0[data-status="warning"] > [data-role="select-label"]{color: var(--select-field-color-warning, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))));}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"]{color: var(--token-semantic-field-disabled-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"] > [data-required-marker]{color: inherit;}.rc-select-910e459fbbe0[data-labeled="true"][data-floating="false"]:not(:focus-within) [data-role="select-placeholder"]{color: var(--token-semantic-field-label-empty-placeholder-color, transparent);}@media (prefers-reduced-motion: reduce){.rc-select-910e459fbbe0 > [data-role="select-label"]{transition: none;}}@media (forced-colors: active){.rc-select-910e459fbbe0 > [data-role="select-label"]{color: CanvasText;}.rc-select-910e459fbbe0 > [data-role="select-label"] > [data-required-marker]{color: inherit;}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"]{color: GrayText;}}.rc-select-82fbf3807561{opacity: var(--select-root-opacity-disabled, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)));cursor: not-allowed;pointer-events: none;}.rc-select-6d2a034155e7{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-6d2a034155e7:hover:not([aria-disabled="true"]){border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-6d2a034155e7:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));box-shadow: var(--select-root-validation-box-shadow-error, var(--token-semantic-field-control-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727)))));}.rc-select-36466465840d{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-36466465840d:hover:not([aria-disabled="true"]){border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-36466465840d:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));box-shadow: var(--select-root-validation-box-shadow-warning, var(--token-semantic-field-control-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73)))));}.rc-select-f0b8a9c0c369{display: flex;align-items: center;flex-wrap: wrap;gap: 4px;flex: 1;min-width: 0;overflow: hidden;}.rc-select-bcd33343d38d{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rc-select-30719d992205{color: var(--select-text-color-placeholder, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rc-select-c91210473c12{flex: 1;min-width: 0;}/* The Select field owns focus, including forced colors; avoid a second ring. */
+    .rc-select-c91210473c12.rc-select-c91210473c12:focus-within{outline: none;}.rc-select-8ca15a371517{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-6, 24px)));height: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-6, 24px)));color: var(--select-icon-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));}.rc-select-8ca15a371517 > svg{width: 100%;height: 100%;}.rc-select-8ca15a371517{transition: transform var(--select-motion-spatial-transition, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))));}@media (prefers-reduced-motion: reduce){.rc-select-8ca15a371517{transition: none;}}.rc-select-72a72768a0ef{transform: rotate(180deg);}.rc-select-113a9493f812{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 120px;}.rc-select-5032f5885db7{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;gap: var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));margin-inline-start: var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));}.rc-select-aa51540f6a1a{flex-shrink: 0;}.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a{--button-icon-width: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-6, 24px)));padding: 0;width: var(--select-clear-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));min-width: var(--select-clear-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));height: var(--select-clear-height, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));color: var(--select-clear-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));}.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a:hover{color: var(--select-clear-color-hover, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}/* 字段容器已经应用禁用透明度。 */
+    .rc-select-aa51540f6a1a.rc-select-aa51540f6a1a:disabled > span{opacity: 1;}@media (pointer: coarse){.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a{width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));min-width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));height: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-14f1c2e4ccd5{display: inline-flex;align-items: center;color: var(--select-root-color-loading, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));flex-shrink: 0;--rc-spin-size: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-6, 24px)));--spin-ring-indicator-stroke: currentColor;--spin-ring-track-stroke: transparent;}.rc-select-2b62562b9766{padding: var(--select-dropdown-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));overflow: hidden;}.rc-select-4c26800476b7{position: relative;display: flex;align-items: center;width: 100%;padding: var(--select-option-padding-block, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px))) 8px;border-radius: var(--select-option-border-radius, var(--token-semantic-field-option-radius, var(--token-global-radius-0, 0px)));cursor: pointer;user-select: none;height: max(var(--select-option-height, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px)))), calc(1lh + 2 * var(--select-option-padding-block, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))));}@media (pointer: coarse){.rc-select-4c26800476b7{min-height: var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-4c26800476b7{box-sizing: border-box;font-size: var(--select-option-font-size, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)));line-height: var(--select-option-line-height, var(--token-semantic-typography-body-medium-line-height, var(--token-global-line-height-14-20, 1.4285714285714286)));outline: none;transition: var(--select-root-transition, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}.rc-select-4c26800476b7:hover:not([aria-disabled='true']){background-color: var(--select-option-background-color-hover, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}.rc-select-4c26800476b7:active:not([aria-disabled='true']){background-color: var(--select-option-background-color-active, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}/* Selection stays visible beneath independent hover, pressed and active-descendant feedback. */
+    .rc-select-4c26800476b7[aria-selected="true"]{background-color: var(--select-option-background-color-selected, var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))));color: var(--select-option-color-selected, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}.rc-select-4c26800476b7[aria-selected="true"]:hover:not([aria-disabled='true']){background-color: var(--select-option-selection-background-color-hover, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))));}.rc-select-4c26800476b7[aria-selected="true"]:active:not([aria-disabled='true']){background-color: var(--select-option-selection-background-color-active, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))));}.rc-select-4c26800476b7[data-highlighted="true"]{outline: var(--select-option-activity-outline-width, 2px) solid var(--select-option-activity-outline-color, var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))));outline-offset: var(--select-option-activity-outline-offset, -2px);}@media (prefers-reduced-motion: reduce){.rc-select-4c26800476b7{transition: none;}}@media (forced-colors: active){.rc-select-4c26800476b7{forced-color-adjust: none;background: Canvas;color: CanvasText;}.rc-select-4c26800476b7:hover:not([aria-disabled='true']),.rc-select-4c26800476b7:active:not([aria-disabled='true']){background: Canvas;}.rc-select-4c26800476b7[aria-selected='true']{background: Highlight;color: HighlightText;}.rc-select-4c26800476b7[aria-selected='true']:hover:not([aria-disabled='true']),.rc-select-4c26800476b7[aria-selected='true']:active:not([aria-disabled='true']){background: Highlight;color: HighlightText;}.rc-select-4c26800476b7[data-highlighted='true']{outline-color: CanvasText;}.rc-select-4c26800476b7[aria-selected='true'][data-highlighted='true']{outline-color: HighlightText;}.rc-select-4c26800476b7[aria-disabled='true']{color: GrayText;}}.rc-select-868bf53a2d33{background-color: var(--select-option-highlight-background-color, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}.rc-select-f4efdbe79bde{position: absolute;visibility: hidden;pointer-events: none;width: 1px;overflow: hidden;}.rc-select-dca4819751f4{font-weight: 500;}.rc-select-b8e7cfd3837c{font-weight: 500;color: var(--select-option-color-selected, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}.rc-select-fd6a969fdc3f{opacity: var(--select-root-opacity-disabled, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)));cursor: not-allowed;pointer-events: none;}@media (forced-colors: active){.rc-select-fd6a969fdc3f{opacity: 1;}}.rc-select-d58ef5724e7d{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;min-width: 0;}.rc-select-bbb208831319{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 16px;height: 16px;margin-inline-start: 8px;color: var(--select-option-color-selected, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}.rc-select-52f500f177fc{/* The option row owns the hit area; its checkbox is a decorative indicator. */
+    --checkbox-control-target-width: var(--select-option-checkbox-width, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)));--checkbox-root-touch-min-width: var(--select-option-checkbox-width, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)));--checkbox-root-touch-min-height: var(--select-option-checkbox-width, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)));display: inline-flex;flex-shrink: 0;margin-inline-end: 8px;pointer-events: none;}.rc-select-e84bd23bdc99{padding: 24px 8px;color: var(--select-text-color-placeholder, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));text-align: center;font-size: var(--select-option-font-size, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)));}.rc-select-3ce923bc7749{display: flex;align-items: center;padding: 4px 8px;height: var(--select-option-measured-height, var(--select-option-height, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px)))));}@media (pointer: coarse){.rc-select-3ce923bc7749{min-height: var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-3ce923bc7749{box-sizing: border-box;font-size: var(--select-group-font-size, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)));color: var(--select-group-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-weight: 500;user-select: none;}.rc-select-16181d2683cf{padding-inline-start: 20px;}.rc-select-7804943b918e{display: block;width: 100%;height: var(--crab-rc-virtual-top-padding-height, 0px);}.rc-select-86002077b8c2{display: block;width: 100%;height: var(--crab-rc-virtual-bottom-padding-height, 0px);}.rc-select-3809e79e5752{display: flex;align-items: center;justify-content: center;padding: 24px 8px;color: var(--select-root-color-loading, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));--rc-spin-size: 20px;--spin-ring-indicator-stroke: currentColor;--spin-ring-track-stroke: transparent;}

package/declarations/_wake/src/select.d.ts

@@ -1,4 +1,44 @@
-import { useId, useRef, useState, type FC } from "react";
-import type { FlatOption, SelectOption, SelectOptionGroup, SelectOptionOrGroup, SelectProps } from "./types.js";
-declare const Select: FC<SelectProps>;
+import RcDropdownContainer, { type DropdownOpenChangeDetails } from "@crab-dev/rc-dropdown-container";
+import type { ReactNode } from 'react';
+import type { FlatOption, SelectChangeDetails, SelectOption, SelectOptionGroup, SelectOptionOrGroup, SelectProps } from "./types.js";
+declare function SelectField({ children }: { children: ReactNode }): import("react").JSX.Element;
+declare function Select({
+    ref,
+    id,
+    options,
+    placeholder,
+    disabled,
+    searchable,
+    multiple,
+    size: sizeProp,
+    status,
+    appearance,
+    label,
+    supportingText,
+    errorText,
+    required,
+    allowClear,
+    loading,
+    maxTagCount,
+    autoFocus,
+    notFoundContent,
+    popupClassName,
+    popupMatchSelectWidth,
+    optionRender,
+    tagRender,
+    dropdownRender,
+    value,
+    defaultValue,
+    onValueChange,
+    open,
+    defaultOpen,
+    onOpenChange,
+    onFocus,
+    onBlur,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...restProps
+}: SelectProps): import("react").JSX.Element;
 export default Select;