@salutejs/plasma-web 1.583.0-canary.1991.15256515100.0 → 1.583.0-canary.1993.15271190997.0

package/components/NumberInput/NumberInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const NumberInput: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -28,55 +29,55 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & (({
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    precision?: number;
-    isLoading?: boolean;
+    value?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    precision?: number | undefined;
+    isLoading?: boolean | undefined;
     loader?: import("react").ReactNode;
-    size?: string;
-    view?: string;
-    clear?: boolean;
-    shape?: string;
-    disabled?: boolean;
-    textBefore?: string;
-    textAfter?: string;
+    size?: string | undefined;
+    view?: string | undefined;
+    clear?: boolean | undefined;
+    shape?: string | undefined;
+    disabled?: boolean | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
     customIncrementButton?: import("react").ReactNode;
     incrementIcon?: import("react").ReactNode;
     customDecrementButton?: import("react").ReactNode;
     decrementIcon?: import("react").ReactNode;
-    isManualInput?: boolean;
-    onChange?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
-    onIncrement?: (value: number) => void;
-    onDecrement?: (value: number) => void;
+    isManualInput?: boolean | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
+    onIncrement?: ((value: number) => void) | undefined;
+    onDecrement?: ((value: number) => void) | undefined;
 } & {
-    segmentation?: "clear";
-    inputBackgroundType?: never;
+    segmentation?: "clear" | undefined;
+    inputBackgroundType?: undefined;
 } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    precision?: number;
-    isLoading?: boolean;
+    value?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    precision?: number | undefined;
+    isLoading?: boolean | undefined;
     loader?: import("react").ReactNode;
-    size?: string;
-    view?: string;
-    clear?: boolean;
-    shape?: string;
-    disabled?: boolean;
-    textBefore?: string;
-    textAfter?: string;
+    size?: string | undefined;
+    view?: string | undefined;
+    clear?: boolean | undefined;
+    shape?: string | undefined;
+    disabled?: boolean | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
     customIncrementButton?: import("react").ReactNode;
     incrementIcon?: import("react").ReactNode;
     customDecrementButton?: import("react").ReactNode;
     decrementIcon?: import("react").ReactNode;
-    isManualInput?: boolean;
-    onChange?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
-    onIncrement?: (value: number) => void;
-    onDecrement?: (value: number) => void;
+    isManualInput?: boolean | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
+    onIncrement?: ((value: number) => void) | undefined;
+    onDecrement?: ((value: number) => void) | undefined;
 } & {
-    segmentation?: string;
-    inputBackgroundType?: string;
+    segmentation?: string | undefined;
+    inputBackgroundType?: string | undefined;
 } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "size"> & import("react").RefAttributes<HTMLInputElement>))>;

package/components/Pagination/Pagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Пагинация
  */

package/components/Popover/Popover.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Popover: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Price/Price.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Компонент для отображения цены / стоимости / суммы.
  */

package/components/Progress/Progress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Progress: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Radiobox/Radiobox.d.ts

@@ -23,7 +23,7 @@ declare const RadioboxComponent: import("react").FunctionComponent<import("@salu
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & import("@salutejs/plasma-new-hope/types/engines/types").Filter<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("@salutejs/plasma-new-hope/styled-components").BaseboxProps, "indeterminate" | "appearance"> & import("react").RefAttributes<HTMLInputElement>>;
-export type RadioboxProps = ComponentProps<typeof RadioboxComponent>;
+export declare type RadioboxProps = ComponentProps<typeof RadioboxComponent>;
 /**
  * Переключатель, или *радиокнопка*.
  */

package/components/Range/Range.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Компонент Range.
  */
@@ -18,123 +19,123 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & (({
-    label?: string;
-    leftHelper?: string;
+    label?: string | undefined;
+    leftHelper?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
-    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    firstValueError?: boolean;
-    secondValueError?: boolean;
-    firstValueSuccess?: boolean;
-    secondValueSuccess?: boolean;
-    firstPlaceholder?: string;
-    secondPlaceholder?: string;
-    firstTextfieldContentLeft?: import("react").ReactElement;
-    firstTextfieldContentRight?: import("react").ReactElement;
-    secondTextfieldContentLeft?: import("react").ReactElement;
-    secondTextfieldContentRight?: import("react").ReactElement;
-    firstTextfieldTextAfter?: string;
-    secondTextfieldTextAfter?: string;
-    autoComplete?: string;
-    view?: string;
-    size?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    requiredPlacement?: "left" | "right";
-    required?: boolean;
-    hasRequiredIndicator?: boolean;
-    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onFocusFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onFocusSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    firstValueError?: boolean | undefined;
+    secondValueError?: boolean | undefined;
+    firstValueSuccess?: boolean | undefined;
+    secondValueSuccess?: boolean | undefined;
+    firstPlaceholder?: string | undefined;
+    secondPlaceholder?: string | undefined;
+    firstTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldTextAfter?: string | undefined;
+    secondTextfieldTextAfter?: string | undefined;
+    autoComplete?: string | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    required?: boolean | undefined;
+    hasRequiredIndicator?: boolean | undefined;
+    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
     firstTextfieldTextBefore: string;
     secondTextfieldTextBefore: string;
-    dividerVariant?: "none";
-    dividerIcon?: never;
+    dividerVariant?: "none" | undefined;
+    dividerIcon?: undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
-    label?: string;
-    leftHelper?: string;
+    label?: string | undefined;
+    leftHelper?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
-    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    firstValueError?: boolean;
-    secondValueError?: boolean;
-    firstValueSuccess?: boolean;
-    secondValueSuccess?: boolean;
-    firstPlaceholder?: string;
-    secondPlaceholder?: string;
-    firstTextfieldContentLeft?: import("react").ReactElement;
-    firstTextfieldContentRight?: import("react").ReactElement;
-    secondTextfieldContentLeft?: import("react").ReactElement;
-    secondTextfieldContentRight?: import("react").ReactElement;
-    firstTextfieldTextAfter?: string;
-    secondTextfieldTextAfter?: string;
-    autoComplete?: string;
-    view?: string;
-    size?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    requiredPlacement?: "left" | "right";
-    required?: boolean;
-    hasRequiredIndicator?: boolean;
-    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onFocusFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onFocusSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    firstValueError?: boolean | undefined;
+    secondValueError?: boolean | undefined;
+    firstValueSuccess?: boolean | undefined;
+    secondValueSuccess?: boolean | undefined;
+    firstPlaceholder?: string | undefined;
+    secondPlaceholder?: string | undefined;
+    firstTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldTextAfter?: string | undefined;
+    secondTextfieldTextAfter?: string | undefined;
+    autoComplete?: string | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    required?: boolean | undefined;
+    hasRequiredIndicator?: boolean | undefined;
+    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
-    dividerVariant?: "dash";
-    dividerIcon?: never;
-    firstTextfieldTextBefore?: string;
-    secondTextfieldTextBefore?: string;
+    dividerVariant?: "dash" | undefined;
+    dividerIcon?: undefined;
+    firstTextfieldTextBefore?: string | undefined;
+    secondTextfieldTextBefore?: string | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
-    label?: string;
-    leftHelper?: string;
+    label?: string | undefined;
+    leftHelper?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
-    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    firstValueError?: boolean;
-    secondValueError?: boolean;
-    firstValueSuccess?: boolean;
-    secondValueSuccess?: boolean;
-    firstPlaceholder?: string;
-    secondPlaceholder?: string;
-    firstTextfieldContentLeft?: import("react").ReactElement;
-    firstTextfieldContentRight?: import("react").ReactElement;
-    secondTextfieldContentLeft?: import("react").ReactElement;
-    secondTextfieldContentRight?: import("react").ReactElement;
-    firstTextfieldTextAfter?: string;
-    secondTextfieldTextAfter?: string;
-    autoComplete?: string;
-    view?: string;
-    size?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    requiredPlacement?: "left" | "right";
-    required?: boolean;
-    hasRequiredIndicator?: boolean;
-    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onFocusFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onFocusSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    firstValueError?: boolean | undefined;
+    secondValueError?: boolean | undefined;
+    firstValueSuccess?: boolean | undefined;
+    secondValueSuccess?: boolean | undefined;
+    firstPlaceholder?: string | undefined;
+    secondPlaceholder?: string | undefined;
+    firstTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldTextAfter?: string | undefined;
+    secondTextfieldTextAfter?: string | undefined;
+    autoComplete?: string | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    required?: boolean | undefined;
+    hasRequiredIndicator?: boolean | undefined;
+    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
     dividerIcon?: import("react").ReactNode;
-    dividerVariant?: "icon";
-    firstTextfieldTextBefore?: string;
-    secondTextfieldTextBefore?: string;
+    dividerVariant?: "icon" | undefined;
+    firstTextfieldTextBefore?: string | undefined;
+    secondTextfieldTextBefore?: string | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>))>;

package/components/Rating/Rating.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Rating: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -19,17 +20,17 @@ export declare const Rating: import("react").FunctionComponent<import("@salutejs
         displayS: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    value?: number | null;
-    hasValue?: boolean;
-    precision?: number;
-    valuePlacement?: "before" | "after";
-    iconSlot?: React.ReactNode;
-    iconSlotOutline?: React.ReactNode;
-    iconSlotHalf?: React.ReactNode;
-    hasIcons?: boolean;
-    iconQuantity?: 1 | 5 | 10;
-    helperText?: string;
-    helperTextStretching?: "fixed" | "filled";
-    size?: string;
-    view?: string;
+    value?: number | null | undefined;
+    hasValue?: boolean | undefined;
+    precision?: number | undefined;
+    valuePlacement?: "after" | "before" | undefined;
+    iconSlot?: import("react").ReactNode;
+    iconSlotOutline?: import("react").ReactNode;
+    iconSlotHalf?: import("react").ReactNode;
+    hasIcons?: boolean | undefined;
+    iconQuantity?: 1 | 5 | 10 | undefined;
+    helperText?: string | undefined;
+    helperTextStretching?: "fixed" | "filled" | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>>;

package/components/Segment/Segment.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Провайдер контекста для группы сегментов и хук для доступа к контексту.
  */
@@ -58,12 +59,12 @@ export declare const SegmentItem: import("react").FunctionComponent<import("@sal
     };
 }> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     value: string;
-    id?: string;
-    label?: React.ReactNode;
-    pilled?: boolean;
-    customHandleSelect?: (e: import("react").MouseEvent<HTMLButtonElement>) => void;
-    size?: string;
-    view?: string;
-    contentLeft?: React.ReactNode;
-    contentRight?: React.ReactNode | string;
+    id?: string | undefined;
+    label?: import("react").ReactNode;
+    pilled?: boolean | undefined;
+    customHandleSelect?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/components/Select/Select.config.js

@@ -16,16 +16,16 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorFocus, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.textFieldHintIconColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorFocus, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.textFieldHintIconColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorFocus, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.textFieldHintIconColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorFocus, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.textFieldHintIconColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-transparent-deep);\n                ", ":var(--on-light-surface-transparent-deep-hover);\n                ", ":var(--on-light-surface-transparent-deep-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
-      black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-solid-default);\n                ", ":var(--on-light-surface-solid-default-hover);\n                ", ": var(--on-light-surface-solid-default-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
-      white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorFocus, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor, _styledComponents.selectTokens.textFieldHintIconColor),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorFocus, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor, _styledComponents.selectTokens.textFieldHintIconColor),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorFocus, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor, _styledComponents.selectTokens.textFieldHintIconColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorFocus, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor, _styledComponents.selectTokens.textFieldHintIconColor),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor),
+      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-transparent-deep);\n                ", ":var(--on-light-surface-transparent-deep-hover);\n                ", ":var(--on-light-surface-transparent-deep-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor),
+      black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-solid-default);\n                ", ":var(--on-light-surface-solid-default-hover);\n                ", ": var(--on-light-surface-solid-default-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor),
+      white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": 0.4;\n                ", ": var(--text-primary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ", ": 0.25rem;\n                ", ": -0.438rem -0.438rem -0.438rem 0;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": 0.563rem -2.938rem auto auto;\n                ", ": 0.563rem -2.188rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n                ", ": 1.5rem -2.488rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0 0.75rem 0 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1.125rem;\n                ", ": 0.75rem 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": transparent;\n                ", ": 0.125rem;\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldBorderWidth, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldRightContentWithHintMargin, _styledComponents.selectTokens.textFieldContentRightWrapperGap, _styledComponents.selectTokens.textFieldContentRightWrapperMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldHintMargin, _styledComponents.selectTokens.textFieldHintTargetSize, _styledComponents.selectTokens.textFieldHintInnerLabelPlacementOffset, _styledComponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldIndicatorSizeInner, _styledComponents.selectTokens.textFieldIndicatorSizeOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPadding, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderCheckedColor, _styledComponents.selectTokens.checkboxTriggerBorderWidth, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize),