@servicetitan/anvil2 2.8.0 → 2.9.0

package/dist/{SelectTriggerBase-Bxmv6oXk.js → SelectTriggerBase-Ni8WqeUx.js}

@@ -3,12 +3,12 @@ import { useId, useRef, useState, useLayoutEffect, isValidElement } from 'react'
 import { c as cx } from './index-De1g9FRV.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
-import { B as Button } from './Button-a_D7tUgM.js';
-import { C as Chip } from './Chip-BnofwIUN.js';
+import { B as Button } from './Button-BdrrhBTI.js';
+import { C as Chip } from './Chip-Ce0WGKAc.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
-import { F as FieldLabel } from './FieldLabel-Dr41PRxH.js';
+import { F as FieldLabel } from './FieldLabel-HO2VP-4B.js';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
-import { s as styles } from './SelectTriggerBase.module-B0NFRlQP.js';
+import { s as styles } from './SelectTriggerBase.module-CKoq6qzX.js';
 import { H as Helper } from './Helper-B_FIOlhy.js';
 
 const ADD_NEW = Symbol.for("add-new");
@@ -122,7 +122,10 @@ const SelectTriggerBase = function({
       setForceRenderCount((x) => x + 1);
     } else if (rowsRef?.current?.children) {
       const children = rowsRef?.current?.children;
-      const rowData = Array.from(children).reduce(
+      const chipChildren = Array.from(children).filter(
+        (child) => !child.classList?.contains(styles["input-flex"])
+      );
+      const rowData = chipChildren.reduce(
         (acc, child) => {
           const top = child.getBoundingClientRect().top;
           if (!acc.length) {
@@ -216,70 +219,80 @@ const SelectTriggerBase = function({
             ) })
           ] }),
           /* @__PURE__ */ jsx("div", { className: styles["prefix-wrapper"], children: prefix ? /* @__PURE__ */ jsx("div", { className: styles["prefix"], children: prefix }) : null }),
-          /* @__PURE__ */ jsxs("div", { className: styles["rows-wrapper"], ref: rowsRef, children: [
-            selectedItems.length && removeSelectedItem != null ? selectedItems.slice(0, selectedItemsDisplayCount).map((item, index) => {
-              return /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: styles["chip-wrapper"],
-                  children: /* @__PURE__ */ jsx(
-                    Chip,
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(styles["rows-wrapper"], {
+                [styles["max-rows"]]: maxRows !== void 0,
+                [styles["single-row"]]: maxRows === 1 && !stillCalculating
+              }),
+              ref: rowsRef,
+              children: [
+                selectedItems.length && removeSelectedItem != null ? selectedItems.slice(0, selectedItemsDisplayCount).map((item, index) => {
+                  return /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: styles["chip-wrapper"],
+                      children: /* @__PURE__ */ jsx(
+                        Chip,
+                        {
+                          ...mergeChipProps(
+                            chipProps(item, index),
+                            selectedItemProps(item, index),
+                            {
+                              label: itemToString(item),
+                              onClose: disabled || readOnly ? void 0 : (_e) => {
+                                removeSelectedItem(item);
+                              },
+                              className: styles["chip"],
+                              title: itemToString(item)
+                            }
+                          )
+                        }
+                      )
+                    },
+                    `selected-item-${index}`
+                  );
+                }) : null,
+                collapsedChips && maxRows != null ? /* @__PURE__ */ jsx("div", { className: styles["chip-wrapper"], children: /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    label: `+${selectedItems.length - selectedItemsDisplayCount}`,
+                    className: styles["chip"],
+                    title: selectedItems.slice(selectedItemsDisplayCount).map((item) => itemToString(item)).join(", ")
+                  }
+                ) }) : null,
+                /* @__PURE__ */ jsxs(Flex, { className: styles["input-flex"], alignItems: "center", children: [
+                  variant === "select" ? /* @__PURE__ */ jsx(
+                    "div",
                     {
-                      ...mergeChipProps(
-                        chipProps(item, index),
-                        selectedItemProps(item, index),
+                      ...inputProps,
+                      className: cx(ComboboxInputClassNames, inputProps.className),
+                      children: selectedItems.length ? null : selectedItem ? itemToString(selectedItem) : /* @__PURE__ */ jsx(
+                        "span",
                         {
-                          label: itemToString(item),
-                          onClose: disabled || readOnly ? void 0 : (_e) => {
-                            removeSelectedItem(item);
-                          },
-                          className: styles["chip"],
-                          title: itemToString(item)
+                          className: styles["fake-placeholder"],
+                          id: placeholderUid,
+                          children: placeholder
                         }
                       )
                     }
-                  )
-                },
-                `selected-item-${index}`
-              );
-            }) : null,
-            collapsedChips && maxRows != null ? /* @__PURE__ */ jsx("div", { className: styles["chip-wrapper"], children: /* @__PURE__ */ jsx(
-              Chip,
-              {
-                label: `+${selectedItems.length - selectedItemsDisplayCount}`,
-                className: styles["chip"],
-                title: selectedItems.slice(selectedItemsDisplayCount).map((item) => itemToString(item)).join(", ")
-              }
-            ) }) : null,
-            /* @__PURE__ */ jsxs(Flex, { className: styles["input-flex"], alignItems: "center", children: [
-              variant === "select" ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  ...inputProps,
-                  className: cx(ComboboxInputClassNames, inputProps.className),
-                  children: selectedItems.length ? null : selectedItem ? itemToString(selectedItem) : /* @__PURE__ */ jsx(
-                    "span",
+                  ) : /* @__PURE__ */ jsx(
+                    "input",
                     {
-                      className: styles["fake-placeholder"],
-                      id: placeholderUid,
-                      children: placeholder
+                      ...inputProps,
+                      placeholder,
+                      className: cx(ComboboxInputClassNames, inputProps.className),
+                      ...inputProps["aria-expanded"] != null && inputProps["aria-controls"] != null ? {
+                        role: "combobox"
+                      } : {}
                     }
-                  )
-                }
-              ) : /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ...inputProps,
-                  placeholder,
-                  className: cx(ComboboxInputClassNames, inputProps.className),
-                  ...inputProps["aria-expanded"] != null && inputProps["aria-controls"] != null ? {
-                    role: "combobox"
-                  } : {}
-                }
-              ),
-              suffix ? /* @__PURE__ */ jsx("div", { className: styles["suffix"], children: suffix }) : null
-            ] })
-          ] })
+                  ),
+                  suffix ? /* @__PURE__ */ jsx("div", { className: styles["suffix"], children: suffix }) : null
+                ] })
+              ]
+            }
+          )
         ]
       }
     ),
@@ -298,4 +311,4 @@ const SelectTriggerBase = function({
 };
 
 export { ADD_NEW as A, SelectTriggerBase as S, defaultItemToKey as a, SELECT_ALL as b, defaultItemToString as d, getScrollParent as g, isMultiple as i };
-//# sourceMappingURL=SelectTriggerBase-Bxmv6oXk.js.map
+//# sourceMappingURL=SelectTriggerBase-Ni8WqeUx.js.map

package/dist/SelectTriggerBase-Ni8WqeUx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTriggerBase-Ni8WqeUx.js","sources":["../src/components/Combobox/internal/ComboboxUtils.ts","../src/components/SelectTrigger/internal/SelectTriggerBase.tsx"],"sourcesContent":["import {\n  ComboboxMultipleProps,\n  ComboboxProps,\n  ComboboxSelectProps,\n  SelectMultipleProps,\n} from \"../ComboboxTypes\";\n\nexport const ADD_NEW = Symbol.for(\"add-new\");\nexport const SELECT_ALL = Symbol.for(\"select-all\");\n\n/**\n * Default function to convert an item to a string representation\n * @template Item - The type of the item\n * @param item - The item to convert to string\n * @returns String representation of the item or empty string if null/undefined\n */\nexport const defaultItemToString = function <Item>(item: Item | null) {\n  return item != null ? String(item) : \"\";\n};\n\n/**\n * Default function to generate a unique key for an item\n * @template Item - The type of the item\n * @param item - The item to generate a key for\n * @returns The item itself as the key\n */\nexport const defaultItemToKey = function <Item>(item: Item | null) {\n  return item;\n};\n\nexport function isMultiple<Item>(\n  props: ComboboxProps<Item> | ComboboxSelectProps<Item>,\n): props is ComboboxMultipleProps<Item> | SelectMultipleProps<Item> {\n  return Object.hasOwn(props, \"multiple\") && props.multiple === true;\n}\n\nexport function getScrollParent(node: HTMLElement | null) {\n  if (node == null) {\n    return null;\n  }\n\n  if (node.scrollHeight > node.clientHeight) {\n    return node;\n  } else {\n    if (node.parentNode instanceof HTMLElement) {\n      return getScrollParent(node.parentNode);\n    }\n    return null;\n  }\n}\n","import {\n  useState,\n  useId,\n  useRef,\n  useLayoutEffect,\n  isValidElement,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type MutableRefObject,\n  type MouseEventHandler,\n  ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Chip, ChipProps } from \"../../Chip\";\nimport { Flex } from \"../../Flex\";\nimport { FieldLabel, FieldLabelProps } from \"../../FieldLabel\";\nimport { Helper } from \"../../../internal/components\";\nimport { warnDeprecatedErrorUsage } from \"../../FieldMessage\";\nimport { TextFieldProps } from \"../../TextField\";\n\nimport styles from \"./SelectTriggerBase.module.scss\";\nimport { DistributiveOmit } from \"../../../types\";\nimport { defaultItemToString } from \"../../Combobox/internal/ComboboxUtils\";\n\ntype PartialChipProps = Partial<Omit<ChipProps, \"icon\" | \"avatar\">> &\n  (\n    | { icon?: ChipProps[\"icon\"]; avatar?: never }\n    | { icon?: never; avatar?: ChipProps[\"avatar\"] }\n  );\n\nfunction mergeChipProps(\n  ...propSets: (PartialChipProps | Partial<ChipProps>)[]\n): ChipProps {\n  const merged = propSets.reduce(\n    (acc, props) => ({ ...acc, ...props }),\n    {} as Record<string, unknown>,\n  );\n\n  return merged as ChipProps;\n}\n\nexport type SelectTriggerBaseProps<Item = unknown> = DistributiveOmit<\n  TextFieldProps,\n  \"showCounter\" | \"prefix\"\n> & {\n  /**\n   * Should be a positive integer.\n   */\n  maxRows?: number;\n\n  /** Allows Combobox/Select to display custom-colored Chips */\n  selectedItemProps?: (item: Item, index: number) => PartialChipProps;\n} & {\n  itemToString?: (item: Item) => string;\n  removeSelectedItem?: (item: Item) => void;\n  disableClearSelection?: boolean;\n  selectedItem: Item | null;\n  selectedItems: Item[];\n\n  inputValue?: string;\n  referenceRef?: MutableRefObject<HTMLDivElement | null>;\n} & {\n  variant?: \"select\" | \"combobox\";\n  onClearButtonClick?: MouseEventHandler<HTMLButtonElement>;\n  labelProps?: Partial<FieldLabelProps>;\n  inputWrapperProps?: ComponentPropsWithoutRef<\"div\">;\n  toggleButtonProps?: ComponentPropsWithoutRef<\"button\">;\n  chipProps?: (item: Item, index: number) => PartialChipProps;\n  inputProps?: ComponentPropsWithoutRef<\"input\" | \"div\">;\n} & {\n  prefix?: string | ReactNode;\n};\n\nexport const SelectTriggerBase = function <Item>({\n  className,\n  label,\n  size,\n  error,\n  hint,\n  description,\n  prefix,\n  suffix,\n  maxRows,\n  selectedItemProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  disabled,\n  readOnly,\n  /** ======== */\n  disableClearSelection,\n  itemToString: itemToStringProp,\n  selectedItem,\n  selectedItems,\n  removeSelectedItem,\n  inputValue,\n  referenceRef,\n  /** ======== */\n  variant = \"select\",\n  onClearButtonClick,\n  labelProps,\n  inputWrapperProps = {},\n  toggleButtonProps = {},\n  inputProps = {},\n  chipProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  warning,\n  placeholder,\n  ...rest\n}: SelectTriggerBaseProps<Item>) {\n  const itemToString = itemToStringProp ?? defaultItemToString<Item>;\n\n  const ComboboxTriggerClassNames = cx(styles[\"search-field\"], {\n    [styles[\"select\"]]: variant === \"select\",\n  });\n\n  const noClearButton = disabled || readOnly || disableClearSelection;\n\n  const ComboboxInputWrapperClassNames = cx(\n    styles[\"input-wrapper\"],\n    className\n      ? {\n          [className]: variant === \"select\",\n        }\n      : {},\n    {\n      [styles[\"small\"]]: size === \"small\",\n      [styles[\"large\"]]: size === \"large\",\n      [styles[\"no-clear-button\"]]: noClearButton,\n    },\n  );\n\n  const ComboboxInputClassNames = cx(\n    styles[\"input\"],\n    className\n      ? {\n          [className]: variant === \"combobox\",\n        }\n      : {},\n    {\n      [styles[\"error\"]]: error,\n    },\n  );\n\n  const helperUid = \"helper\" + useId();\n  const placeholderUid = \"placeholder\" + useId();\n  const ariaDescribedBy = `${helperUid} ${placeholderUid}`;\n\n  warnDeprecatedErrorUsage(\"SelectTrigger\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n  const rowsRef = useRef<HTMLDivElement>(null);\n  const [stillCalculating, setStillCalculating] = useState<boolean>(false);\n  const [collapsedChips, setCollapsedChips] = useState<boolean>(false);\n  const [visibleChipsCount, setVisibleChipsCount] = useState<number | null>(\n    null,\n  );\n  const [forceRenderCount, setForceRenderCount] = useState<number>(0);\n\n  useLayoutEffect(() => {\n    // we only need to do this nonsense if maxRows is set\n    if (maxRows === undefined) return;\n\n    // 1) Render with no chips collapsed, if it's already just one row, we're done\n    // 2) If there is a second row, then render again with best guess at how we should collapse\n    // 3) If there is still a second row while collapsed, then render again with one less item\n    // 4) Keep going until there is only one row, then /actually/ render\n\n    // start calculation loop, set intiial values and force re-render\n    if (stillCalculating === false) {\n      setStillCalculating(true);\n      setCollapsedChips(false);\n      setVisibleChipsCount(null);\n      setForceRenderCount((x) => x + 1);\n\n      // otherwise, calculate the number of rows\n    } else if (rowsRef?.current?.children) {\n      const children = rowsRef?.current?.children;\n\n      // Exclude the input-flex element from row counting so the algorithm\n      // only considers chip elements when deciding whether to collapse.\n      // The input will naturally fit alongside chips thanks to its\n      // reduced min-width.\n      const chipChildren = Array.from(children).filter(\n        (child) =>\n          !(child as HTMLElement).classList?.contains(styles[\"input-flex\"]),\n      );\n\n      const rowData = chipChildren.reduce(\n        (acc, child) => {\n          const top = child.getBoundingClientRect().top;\n\n          if (!acc.length) {\n            return [{ count: 1, top }];\n          } else if (acc[acc.length - 1].top === top) {\n            return [\n              ...acc.slice(0, -1),\n              { count: acc[acc.length - 1].count + 1, top },\n            ];\n          } else if (acc[acc.length - 1].top !== top) {\n            return [...acc, { count: 1, top }];\n          } else {\n            return acc;\n          }\n        },\n        [] as { count: number; top: number }[],\n      );\n\n      // Call it a day if:\n      // We don't have a second row OR\n      // We're already hiding everything OR\n      // There's only one item selected\n      if (\n        !rowData[maxRows] ||\n        visibleChipsCount === 0 ||\n        selectedItems.length === 1\n      ) {\n        setStillCalculating(false);\n      } else {\n        setCollapsedChips(true);\n\n        // otherwise, either guess how many visible chips we have\n        if (visibleChipsCount == null) {\n          if (rowData[maxRows]) {\n            const quickGuess = Math.max(\n              rowData\n                .slice(0, maxRows)\n                .reduce((sum, row) => sum + row.count, -1),\n              0,\n            );\n\n            setVisibleChipsCount(quickGuess);\n          } else {\n            const naiveGuess = Math.max(\n              rowData.reduce((sum, row) => sum + row.count, -2),\n              0,\n            );\n            setVisibleChipsCount(naiveGuess);\n          }\n\n          // or decrease our last guess by 1 and try again\n        } else {\n          setVisibleChipsCount(visibleChipsCount - 1);\n        }\n\n        setForceRenderCount((x) => x + 1);\n      }\n    }\n  }, [selectedItems.length, maxRows, forceRenderCount]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const selectedItemsDisplayCount =\n    collapsedChips && maxRows != null && visibleChipsCount !== null\n      ? visibleChipsCount\n      : selectedItems.length;\n\n  // TODO: Update this to use a TextField component once we can pass props\n  //       directly to both the label and the text input\n  return (\n    <div {...rest} className={ComboboxTriggerClassNames} ref={referenceRef}>\n      {label ? (\n        <FieldLabel\n          {...labelProps}\n          className={cx(styles[\"label\"], labelProps?.className)}\n        >\n          {label}\n        </FieldLabel>\n      ) : null}\n\n      <div\n        {...inputWrapperProps}\n        className={ComboboxInputWrapperClassNames}\n        {...(variant === \"select\"\n          ? {\n              \"aria-describedby\": ariaDescribedBy,\n              \"aria-labelledby\": labelProps?.id,\n            }\n          : {})}\n      >\n        <div className={styles[\"buttons-wrapper\"]}>\n          {(inputValue || selectedItem || selectedItems.length) &&\n          !noClearButton ? (\n            <div className={styles[\"close-button-wrapper\"]}>\n              <Button\n                aria-label=\"clear selection\"\n                appearance=\"ghost\"\n                size=\"small\"\n                icon={Close}\n                className={styles[\"close-button\"]}\n                onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                  e.stopPropagation();\n                  onClearButtonClick?.(e);\n                }}\n                tabIndex={-1}\n              />\n            </div>\n          ) : null}\n\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              {...toggleButtonProps}\n              {...(variant === \"select\" ? { tabIndex: -1, inert: \"true\" } : {})}\n              className={styles[\"toggle-button\"]}\n              aria-label=\"toggle menu\"\n              icon={Chevron_Right}\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className={styles[\"prefix-wrapper\"]}>\n          {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n        </div>\n\n        <div\n          className={cx(styles[\"rows-wrapper\"], {\n            [styles[\"max-rows\"]]: maxRows !== undefined,\n            [styles[\"single-row\"]]: maxRows === 1 && !stillCalculating,\n          })}\n          ref={rowsRef}\n        >\n          {selectedItems.length && removeSelectedItem != null\n            ? selectedItems\n                .slice(0, selectedItemsDisplayCount)\n                .map((item, index) => {\n                  return (\n                    <div\n                      key={`selected-item-${index}`}\n                      className={styles[\"chip-wrapper\"]}\n                    >\n                      <Chip\n                        {...mergeChipProps(\n                          chipProps(item, index),\n                          selectedItemProps(item, index),\n                          {\n                            label: itemToString(item),\n                            onClose:\n                              disabled || readOnly\n                                ? undefined\n                                : (_e) => {\n                                    removeSelectedItem(item);\n                                  },\n                            className: styles[\"chip\"],\n                            title: itemToString(item),\n                          },\n                        )}\n                      />\n                    </div>\n                  );\n                })\n            : null}\n\n          {collapsedChips && maxRows != null ? (\n            <div className={styles[\"chip-wrapper\"]}>\n              <Chip\n                label={`+${selectedItems.length - selectedItemsDisplayCount}`}\n                className={styles[\"chip\"]}\n                title={selectedItems\n                  .slice(selectedItemsDisplayCount)\n                  .map((item) => itemToString(item))\n                  .join(\", \")}\n              />\n            </div>\n          ) : null}\n\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            {variant === \"select\" ? (\n              <div\n                {...inputProps}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n              >\n                {selectedItems.length ? null : selectedItem ? (\n                  itemToString(selectedItem)\n                ) : (\n                  <span\n                    className={styles[\"fake-placeholder\"]}\n                    id={placeholderUid}\n                  >\n                    {placeholder}\n                  </span>\n                )}\n              </div>\n            ) : (\n              <input\n                {...inputProps}\n                placeholder={placeholder}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n                {...(inputProps[\"aria-expanded\"] != null &&\n                inputProps[\"aria-controls\"] != null\n                  ? {\n                      role: \"combobox\",\n                    }\n                  : {})}\n              />\n            )}\n\n            {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n          </Flex>\n        </div>\n      </div>\n\n      {hint || errorMessages || warning || description ? (\n        <Helper\n          id={helperUid}\n          error={\n            typeof errorMessages === \"string\" || Array.isArray(errorMessages)\n              ? errorMessages\n              : undefined\n          }\n          warning={warning}\n          errorMessage={\n            isValidElement(errorMessages) ? errorMessages : undefined\n          }\n          hint={hint}\n          description={description}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["Close","Chevron_Right"],"mappings":";;;;;;;;;;;;;AAOO,MAAM,OAAA,GAAU,MAAA,CAAO,GAAA,CAAI,SAAS;AACpC,MAAM,UAAA,GAAa,MAAA,CAAO,GAAA,CAAI,YAAY;AAQ1C,MAAM,mBAAA,GAAsB,SAAgB,IAAA,EAAmB;AACpE,EAAA,OAAO,IAAA,IAAQ,IAAA,GAAO,MAAA,CAAO,IAAI,CAAA,GAAI,EAAA;AACvC;AAQO,MAAM,gBAAA,GAAmB,SAAgB,IAAA,EAAmB;AACjE,EAAA,OAAO,IAAA;AACT;AAEO,SAAS,WACd,KAAA,EACkE;AAClE,EAAA,OAAO,OAAO,MAAA,CAAO,KAAA,EAAO,UAAU,CAAA,IAAK,MAAM,QAAA,KAAa,IAAA;AAChE;AAEO,SAAS,gBAAgB,IAAA,EAA0B;AACxD,EAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,IAAA,CAAK,YAAA,GAAe,IAAA,CAAK,YAAA,EAAc;AACzC,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,MAAO;AACL,IAAA,IAAI,IAAA,CAAK,sBAAsB,WAAA,EAAa;AAC1C,MAAA,OAAO,eAAA,CAAgB,KAAK,UAAU,CAAA;AAAA,IACxC;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AACF;;ACfA,SAAS,kBACJ,QAAA,EACQ;AACX,EAAA,MAAM,SAAS,QAAA,CAAS,MAAA;AAAA,IACtB,CAAC,GAAA,EAAK,KAAA,MAAW,EAAE,GAAG,GAAA,EAAK,GAAG,KAAA,EAAM,CAAA;AAAA,IACpC;AAAC,GACH;AAEA,EAAA,OAAO,MAAA;AACT;AAkCO,MAAM,oBAAoB,SAAgB;AAAA,EAC/C,SAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,iBAAA,GAAoB,CAAC,KAAA,EAAa,MAAA,MAAsC,EAAC,CAAA;AAAA,EACzE,QAAA;AAAA,EACA,QAAA;AAAA;AAAA,EAEA,qBAAA;AAAA,EACA,YAAA,EAAc,gBAAA;AAAA,EACd,YAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA;AAAA,EAEA,OAAA,GAAU,QAAA;AAAA,EACV,kBAAA;AAAA,EACA,UAAA;AAAA,EACA,oBAAoB,EAAC;AAAA,EACrB,oBAAoB,EAAC;AAAA,EACrB,aAAa,EAAC;AAAA,EACd,SAAA,GAAY,CAAC,KAAA,EAAa,MAAA,MAAsC,EAAC,CAAA;AAAA,EACjE,OAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiC;AAC/B,EAAA,MAAM,eAAe,gBAAA,IAAoB,mBAAA;AAEzC,EAAA,MAAM,yBAAA,GAA4B,EAAA,CAAG,MAAA,CAAO,cAAc,CAAA,EAAG;AAAA,IAC3D,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,OAAA,KAAY;AAAA,GACjC,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,YAAY,QAAA,IAAY,qBAAA;AAE9C,EAAA,MAAM,8BAAA,GAAiC,EAAA;AAAA,IACrC,OAAO,eAAe,CAAA;AAAA,IACtB,SAAA,GACI;AAAA,MACE,CAAC,SAAS,GAAG,OAAA,KAAY;AAAA,QAE3B,EAAC;AAAA,IACL;AAAA,MACE,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,MAC5B,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,MAC5B,CAAC,MAAA,CAAO,iBAAiB,CAAC,GAAG;AAAA;AAC/B,GACF;AAEA,EAAA,MAAM,uBAAA,GAA0B,EAAA;AAAA,IAC9B,OAAO,OAAO,CAAA;AAAA,IACd,SAAA,GACI;AAAA,MACE,CAAC,SAAS,GAAG,OAAA,KAAY;AAAA,QAE3B,EAAC;AAAA,IACL;AAAA,MACE,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG;AAAA;AACrB,GACF;AAEA,EAAA,MAAM,SAAA,GAAY,WAAW,KAAA,EAAM;AACnC,EAAA,MAAM,cAAA,GAAiB,gBAAgB,KAAA,EAAM;AAC7C,EAAA,MAAM,eAAA,GAAkB,CAAA,EAAG,SAAS,CAAA,CAAA,EAAI,cAAc,CAAA,CAAA;AAEtD,EAAA,wBAAA,CAAyB,iBAAiB,KAAK,CAAA;AAE/C,EAAA,MAAM,gBACJ,OAAO,KAAA,KAAU,SAAA,IAAa,KAAA,KAAU,SAAY,MAAA,GAAY,KAAA;AAElE,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAkB,KAAK,CAAA;AACvE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAkB,KAAK,CAAA;AACnE,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,QAAA;AAAA,IAChD;AAAA,GACF;AACA,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAiB,CAAC,CAAA;AAElE,EAAA,eAAA,CAAgB,MAAM;AAEpB,IAAA,IAAI,YAAY,MAAA,EAAW;AAQ3B,IAAA,IAAI,qBAAqB,KAAA,EAAO;AAC9B,MAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,MAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,MAAA,oBAAA,CAAqB,IAAI,CAAA;AACzB,MAAA,mBAAA,CAAoB,CAAC,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAAA,IAGlC,CAAA,MAAA,IAAW,OAAA,EAAS,OAAA,EAAS,QAAA,EAAU;AACrC,MAAA,MAAM,QAAA,GAAW,SAAS,OAAA,EAAS,QAAA;AAMnC,MAAA,MAAM,YAAA,GAAe,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAA,CAAE,MAAA;AAAA,QACxC,CAAC,UACC,CAAE,KAAA,CAAsB,WAAW,QAAA,CAAS,MAAA,CAAO,YAAY,CAAC;AAAA,OACpE;AAEA,MAAA,MAAM,UAAU,YAAA,CAAa,MAAA;AAAA,QAC3B,CAAC,KAAK,KAAA,KAAU;AACd,UAAA,MAAM,GAAA,GAAM,KAAA,CAAM,qBAAA,EAAsB,CAAE,GAAA;AAE1C,UAAA,IAAI,CAAC,IAAI,MAAA,EAAQ;AACf,YAAA,OAAO,CAAC,EAAE,KAAA,EAAO,CAAA,EAAG,KAAK,CAAA;AAAA,UAC3B,WAAW,GAAA,CAAI,GAAA,CAAI,SAAS,CAAC,CAAA,CAAE,QAAQ,GAAA,EAAK;AAC1C,YAAA,OAAO;AAAA,cACL,GAAG,GAAA,CAAI,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AAAA,cAClB,EAAE,OAAO,GAAA,CAAI,GAAA,CAAI,SAAS,CAAC,CAAA,CAAE,KAAA,GAAQ,CAAA,EAAG,GAAA;AAAI,aAC9C;AAAA,UACF,WAAW,GAAA,CAAI,GAAA,CAAI,SAAS,CAAC,CAAA,CAAE,QAAQ,GAAA,EAAK;AAC1C,YAAA,OAAO,CAAC,GAAG,GAAA,EAAK,EAAE,KAAA,EAAO,CAAA,EAAG,KAAK,CAAA;AAAA,UACnC,CAAA,MAAO;AACL,YAAA,OAAO,GAAA;AAAA,UACT;AAAA,QACF,CAAA;AAAA,QACA;AAAC,OACH;AAMA,MAAA,IACE,CAAC,QAAQ,OAAO,CAAA,IAChB,sBAAsB,CAAA,IACtB,aAAA,CAAc,WAAW,CAAA,EACzB;AACA,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,MAC3B,CAAA,MAAO;AACL,QAAA,iBAAA,CAAkB,IAAI,CAAA;AAGtB,QAAA,IAAI,qBAAqB,IAAA,EAAM;AAC7B,UAAA,IAAI,OAAA,CAAQ,OAAO,CAAA,EAAG;AACpB,YAAA,MAAM,aAAa,IAAA,CAAK,GAAA;AAAA,cACtB,OAAA,CACG,KAAA,CAAM,CAAA,EAAG,OAAO,CAAA,CAChB,MAAA,CAAO,CAAC,GAAA,EAAK,GAAA,KAAQ,GAAA,GAAM,GAAA,CAAI,KAAA,EAAO,EAAE,CAAA;AAAA,cAC3C;AAAA,aACF;AAEA,YAAA,oBAAA,CAAqB,UAAU,CAAA;AAAA,UACjC,CAAA,MAAO;AACL,YAAA,MAAM,aAAa,IAAA,CAAK,GAAA;AAAA,cACtB,OAAA,CAAQ,OAAO,CAAC,GAAA,EAAK,QAAQ,GAAA,GAAM,GAAA,CAAI,OAAO,EAAE,CAAA;AAAA,cAChD;AAAA,aACF;AACA,YAAA,oBAAA,CAAqB,UAAU,CAAA;AAAA,UACjC;AAAA,QAGF,CAAA,MAAO;AACL,UAAA,oBAAA,CAAqB,oBAAoB,CAAC,CAAA;AAAA,QAC5C;AAEA,QAAA,mBAAA,CAAoB,CAAC,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAAA,MAClC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAA,CAAc,MAAA,EAAQ,OAAA,EAAS,gBAAgB,CAAC,CAAA;AAEpD,EAAA,MAAM,4BACJ,cAAA,IAAkB,OAAA,IAAW,QAAQ,iBAAA,KAAsB,IAAA,GACvD,oBACA,aAAA,CAAc,MAAA;AAIpB,EAAA,4BACG,KAAA,EAAA,EAAK,GAAG,MAAM,SAAA,EAAW,yBAAA,EAA2B,KAAK,YAAA,EACvD,QAAA,EAAA;AAAA,IAAA,KAAA,mBACC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,WAAW,EAAA,CAAG,MAAA,CAAO,OAAO,CAAA,EAAG,YAAY,SAAS,CAAA;AAAA,QAEnD,QAAA,EAAA;AAAA;AAAA,KACH,GACE,IAAA;AAAA,oBAEJ,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,iBAAA;AAAA,QACJ,SAAA,EAAW,8BAAA;AAAA,QACV,GAAI,YAAY,QAAA,GACb;AAAA,UACE,kBAAA,EAAoB,eAAA;AAAA,UACpB,mBAAmB,UAAA,EAAY;AAAA,YAEjC,EAAC;AAAA,QAEL,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iBAAiB,CAAA,EACpC,QAAA,EAAA;AAAA,YAAA,CAAA,UAAA,IAAc,YAAA,IAAgB,aAAA,CAAc,MAAA,KAC9C,CAAC,aAAA,uBACE,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,sBAAsB,CAAA,EAC3C,QAAA,kBAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,YAAA,EAAW,iBAAA;AAAA,gBACX,UAAA,EAAW,OAAA;AAAA,gBACX,IAAA,EAAK,OAAA;AAAA,gBACL,IAAA,EAAMA,QAAA;AAAA,gBACN,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,gBAChC,OAAA,EAAS,CAAC,CAAA,KAAqC;AAC7C,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,kBAAA,GAAqB,CAAC,CAAA;AAAA,gBACxB,CAAA;AAAA,gBACA,QAAA,EAAU;AAAA;AAAA,eAEd,CAAA,GACE,IAAA;AAAA,4BAEJ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,uBAAuB,CAAA,EAC5C,QAAA,kBAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACE,GAAG,iBAAA;AAAA,gBACH,GAAI,YAAY,QAAA,GAAW,EAAE,UAAU,EAAA,EAAI,KAAA,EAAO,MAAA,EAAO,GAAI,EAAC;AAAA,gBAC/D,SAAA,EAAW,OAAO,eAAe,CAAA;AAAA,gBACjC,YAAA,EAAW,aAAA;AAAA,gBACX,IAAA,EAAMC,eAAA;AAAA,gBACN,UAAA,EAAW,OAAA;AAAA,gBACX,IAAA,EAAK,OAAA;AAAA,gBACL;AAAA;AAAA,aACF,EACF;AAAA,WAAA,EACF,CAAA;AAAA,0BAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBAAgB,CAAA,EACpC,QAAA,EAAA,MAAA,mBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,QAAQ,CAAA,EAAI,QAAA,EAAA,MAAA,EAAO,IAAS,IAAA,EAC/D,CAAA;AAAA,0BAEA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,cAAc,CAAA,EAAG;AAAA,gBACpC,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG,OAAA,KAAY,MAAA;AAAA,gBAClC,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,OAAA,KAAY,KAAK,CAAC;AAAA,eAC3C,CAAA;AAAA,cACD,GAAA,EAAK,OAAA;AAAA,cAEJ,QAAA,EAAA;AAAA,gBAAA,aAAA,CAAc,MAAA,IAAU,kBAAA,IAAsB,IAAA,GAC3C,aAAA,CACG,KAAA,CAAM,CAAA,EAAG,yBAAyB,CAAA,CAClC,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AACpB,kBAAA,uBACE,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBAEC,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,sBAEhC,QAAA,kBAAA,GAAA;AAAA,wBAAC,IAAA;AAAA,wBAAA;AAAA,0BACE,GAAG,cAAA;AAAA,4BACF,SAAA,CAAU,MAAM,KAAK,CAAA;AAAA,4BACrB,iBAAA,CAAkB,MAAM,KAAK,CAAA;AAAA,4BAC7B;AAAA,8BACE,KAAA,EAAO,aAAa,IAAI,CAAA;AAAA,8BACxB,OAAA,EACE,QAAA,IAAY,QAAA,GACR,MAAA,GACA,CAAC,EAAA,KAAO;AACN,gCAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,8BACzB,CAAA;AAAA,8BACN,SAAA,EAAW,OAAO,MAAM,CAAA;AAAA,8BACxB,KAAA,EAAO,aAAa,IAAI;AAAA;AAC1B;AACF;AAAA;AACF,qBAAA;AAAA,oBAnBK,iBAAiB,KAAK,CAAA;AAAA,mBAoB7B;AAAA,gBAEJ,CAAC,CAAA,GACH,IAAA;AAAA,gBAEH,cAAA,IAAkB,WAAW,IAAA,mBAC5B,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,cAAc,CAAA,EACnC,QAAA,kBAAA,GAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,KAAA,EAAO,CAAA,CAAA,EAAI,aAAA,CAAc,MAAA,GAAS,yBAAyB,CAAA,CAAA;AAAA,oBAC3D,SAAA,EAAW,OAAO,MAAM,CAAA;AAAA,oBACxB,KAAA,EAAO,aAAA,CACJ,KAAA,CAAM,yBAAyB,CAAA,CAC/B,GAAA,CAAI,CAAC,IAAA,KAAS,YAAA,CAAa,IAAI,CAAC,CAAA,CAChC,KAAK,IAAI;AAAA;AAAA,mBAEhB,CAAA,GACE,IAAA;AAAA,qCAEH,IAAA,EAAA,EAAK,SAAA,EAAW,OAAO,YAAY,CAAA,EAAG,YAAW,QAAA,EAC/C,QAAA,EAAA;AAAA,kBAAA,OAAA,KAAY,QAAA,mBACX,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACE,GAAG,UAAA;AAAA,sBACJ,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,UAAA,CAAW,SAAS,CAAA;AAAA,sBAE1D,wBAAc,MAAA,GAAS,IAAA,GAAO,YAAA,GAC7B,YAAA,CAAa,YAAY,CAAA,mBAEzB,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAW,OAAO,kBAAkB,CAAA;AAAA,0BACpC,EAAA,EAAI,cAAA;AAAA,0BAEH,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,mBAEJ,mBAEA,GAAA;AAAA,oBAAC,OAAA;AAAA,oBAAA;AAAA,sBACE,GAAG,UAAA;AAAA,sBACJ,WAAA;AAAA,sBACA,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,UAAA,CAAW,SAAS,CAAA;AAAA,sBAC1D,GAAI,WAAW,eAAe,CAAA,IAAK,QACpC,UAAA,CAAW,eAAe,KAAK,IAAA,GAC3B;AAAA,wBACE,IAAA,EAAM;AAAA,0BAER;AAAC;AAAA,mBACP;AAAA,kBAGD,MAAA,uBAAU,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,QAAQ,CAAA,EAAI,kBAAO,CAAA,GAAS;AAAA,iBAAA,EAC/D;AAAA;AAAA;AAAA;AACF;AAAA;AAAA,KACF;AAAA,IAEC,IAAA,IAAQ,aAAA,IAAiB,OAAA,IAAW,WAAA,mBACnC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,SAAA;AAAA,QACJ,KAAA,EACE,OAAO,aAAA,KAAkB,QAAA,IAAY,MAAM,OAAA,CAAQ,aAAa,IAC5D,aAAA,GACA,MAAA;AAAA,QAEN,OAAA;AAAA,QACA,YAAA,EACE,cAAA,CAAe,aAAa,CAAA,GAAI,aAAA,GAAgB,MAAA;AAAA,QAElD,IAAA;AAAA,QACA;AAAA;AAAA,KACF,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

package/dist/SelectTriggerBase.css

@@ -1,22 +1,22 @@
 @layer starter, reset, base, state, application;
 /* REVERT LAYER BUGFIX START */
-._search-field_ff5ti_2 input::-moz-placeholder {
+._search-field_8dfv3_2 input::-moz-placeholder {
   all: revert-layer;
   -webkit-font-smoothing: auto;
 }
-._search-field_ff5ti_2 > label,
-._search-field_ff5ti_2 input,
-._search-field_ff5ti_2 button,
-._search-field_ff5ti_2 div[class*=input-wrapper],
-._search-field_ff5ti_2 input::placeholder {
+._search-field_8dfv3_2 > label,
+._search-field_8dfv3_2 input,
+._search-field_8dfv3_2 button,
+._search-field_8dfv3_2 div[class*=input-wrapper],
+._search-field_8dfv3_2 input::placeholder {
   all: revert-layer;
   -webkit-font-smoothing: auto;
 }
 
 /* REVERT LAYER BUGFIX END */
 @layer reset {
-  ._buttons-wrapper_ff5ti_13,
-  ._search-field_ff5ti_2 {
+  ._buttons-wrapper_8dfv3_13,
+  ._search-field_8dfv3_2 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -29,8 +29,8 @@
     box-sizing: border-box;
     display: flex;
   }
-  ._input_ff5ti_27,
-  ._input-wrapper_ff5ti_28 {
+  ._input_8dfv3_27,
+  ._input-wrapper_8dfv3_28 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -43,8 +43,8 @@
     box-sizing: border-box;
     display: block;
   }
-  ._toggle-button-wrapper_ff5ti_41,
-  ._close-button-wrapper_ff5ti_42 {
+  ._toggle-button-wrapper_8dfv3_41,
+  ._close-button-wrapper_8dfv3_42 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -57,8 +57,8 @@
     box-sizing: border-box;
     display: revert-layer;
   }
-  ._prefix_ff5ti_55,
-  ._suffix_ff5ti_56 {
+  ._prefix_8dfv3_55,
+  ._suffix_8dfv3_56 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -73,15 +73,15 @@
   }
 }
 @layer base {
-  ._search-field_ff5ti_2 {
+  ._search-field_8dfv3_2 {
     flex-direction: column;
     gap: 0.5rem;
     font-size: 1rem;
   }
-  ._search-field_ff5ti_2._select_ff5ti_76 {
+  ._search-field_8dfv3_2._select_8dfv3_76 {
     cursor: pointer;
   }
-  ._input-wrapper_ff5ti_28 {
+  ._input-wrapper_8dfv3_28 {
     display: flex;
     position: relative;
     border: 0.0625rem solid var(--border-color, #949596);
@@ -92,82 +92,91 @@
     padding-inline-end: 4.5rem;
     background-color: var(--background-color, #ffffff);
   }
-  ._input-wrapper_ff5ti_28._no-clear-button_ff5ti_90 {
+  ._input-wrapper_8dfv3_28._no-clear-button_8dfv3_90 {
     padding-inline-end: 2rem;
   }
-  ._input-wrapper_ff5ti_28._no-toggle-button_ff5ti_93 {
+  ._input-wrapper_8dfv3_28._no-toggle-button_8dfv3_93 {
     padding-inline-end: 2rem;
   }
-  ._input-wrapper_ff5ti_28._no-clear-button_ff5ti_90._no-toggle-button_ff5ti_93 {
+  ._input-wrapper_8dfv3_28._no-clear-button_8dfv3_90._no-toggle-button_8dfv3_93 {
     padding-inline-end: 0.75rem;
   }
-  ._input-wrapper_ff5ti_28 ._input-flex_ff5ti_99 {
-    flex: 1 1 100px;
+  ._input-wrapper_8dfv3_28 ._input-flex_8dfv3_99 {
+    flex: 1 1 4rem;
     width: 0px;
-    min-width: 100px;
+    min-width: 4rem;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
-  ._input-wrapper_ff5ti_28 ._input_ff5ti_27 {
+  ._select_8dfv3_76 ._input-wrapper_8dfv3_28 ._input-flex_8dfv3_99 {
+    flex: 1 1 0;
+    min-width: 0;
+  }
+  ._input-wrapper_8dfv3_28 ._input_8dfv3_27 {
     display: flex;
     align-items: center;
-    flex: 1 0 100px;
-    width: 100px;
-    min-width: 100px;
+    flex: 1 0 4rem;
+    width: 4rem;
+    min-width: 4rem;
     height: 2.375rem;
     padding-block: 0.5rem;
     padding-inline: 0;
     transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
   }
+  ._select_8dfv3_76 ._input-wrapper_8dfv3_28 ._input_8dfv3_27 {
+    flex: 1 0 0;
+    width: 0;
+    min-width: 0;
+  }
   @media (prefers-reduced-motion: reduce) {
-    ._input-wrapper_ff5ti_28 ._input_ff5ti_27 {
+    ._input-wrapper_8dfv3_28 ._input_8dfv3_27 {
       transition-duration: 0.01ms !important;
       transition-property: outline;
     }
   }
-  ._input-wrapper_ff5ti_28 ._input_ff5ti_27::-moz-placeholder {
+  ._input-wrapper_8dfv3_28 ._input_8dfv3_27::-moz-placeholder {
     color: var(--foreground-color-subdued, #737475);
   }
-  ._input-wrapper_ff5ti_28 ._input_ff5ti_27::placeholder {
+  ._input-wrapper_8dfv3_28 ._input_8dfv3_27::placeholder {
     color: var(--foreground-color-subdued, #737475);
   }
-  ._input-wrapper_ff5ti_28 ._fake-placeholder_ff5ti_127 {
+  ._input-wrapper_8dfv3_28 ._fake-placeholder_8dfv3_136 {
     color: var(--foreground-color-subdued, #737475);
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
   }
-  ._buttons-wrapper_ff5ti_13 {
+  ._buttons-wrapper_8dfv3_13 {
     position: absolute;
     inset-block-start: 0;
     inset-inline-end: 0;
     height: 2.375rem;
   }
-  ._close-button-wrapper_ff5ti_42 {
+  ._close-button-wrapper_8dfv3_42 {
     display: flex;
     align-items: center;
     cursor: pointer;
   }
-  ._close-button-wrapper_ff5ti_42 ._close-button_ff5ti_42 {
+  ._close-button-wrapper_8dfv3_42 ._close-button_8dfv3_42 {
     color: var(--foreground-color, #141414);
   }
-  ._toggle-button-wrapper_ff5ti_41 {
+  ._toggle-button-wrapper_8dfv3_41 {
     display: flex;
     align-items: center;
     cursor: pointer;
   }
-  ._toggle-button_ff5ti_41 {
+  ._toggle-button_8dfv3_41 {
     color: var(--foreground-color, #141414);
     transform: rotate(90deg);
     transition: transform 200ms cubic-bezier(0, 0, 0.4, 1);
   }
   @media (prefers-reduced-motion: reduce) {
-    ._toggle-button_ff5ti_41 {
+    ._toggle-button_8dfv3_41 {
       transition-duration: 0.01ms !important;
     }
   }
-  ._prefix-wrapper_ff5ti_160 {
+  ._prefix-wrapper_8dfv3_169 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
@@ -175,7 +184,7 @@
     pointer-events: none;
     height: 2.375rem;
   }
-  ._rows-wrapper_ff5ti_168 {
+  ._rows-wrapper_8dfv3_177 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
@@ -185,18 +194,26 @@
     width: 100%;
     max-width: 100%;
   }
-  ._chip-wrapper_ff5ti_178 {
+  ._rows-wrapper_8dfv3_177._max-rows_8dfv3_187 {
+    overflow: clip;
+    overflow-clip-margin: 0.25rem;
+  }
+  ._rows-wrapper_8dfv3_177._single-row_8dfv3_191 {
+    flex-wrap: nowrap;
+  }
+  ._chip-wrapper_8dfv3_194 {
     display: flex;
     justify-content: center;
     align-items: center;
+    min-width: 0;
     max-width: 100%;
     height: 2.375rem;
   }
-  ._chip-wrapper_ff5ti_178 ._chip_ff5ti_178 {
+  ._chip-wrapper_8dfv3_194 ._chip_8dfv3_194 {
     max-width: 100%;
   }
-  ._prefix_ff5ti_55,
-  ._suffix_ff5ti_56 {
+  ._prefix_8dfv3_55,
+  ._suffix_8dfv3_56 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -214,77 +231,77 @@
     font-weight: 600;
     min-width: 2rem;
   }
-  ._prefix_ff5ti_55 {
+  ._prefix_8dfv3_55 {
     padding-inline-end: 0.5rem;
   }
-  ._suffix_ff5ti_56 {
+  ._suffix_8dfv3_56 {
     padding-inline-start: 0.5rem;
     padding-inline-end: 0.5rem;
   }
 }
 @layer state {
-  ._input-wrapper_ff5ti_28._small_ff5ti_216 ._input_ff5ti_27 {
+  ._input-wrapper_8dfv3_28._small_8dfv3_233 ._input_8dfv3_27 {
     height: 1.875rem;
   }
-  ._input-wrapper_ff5ti_28._large_ff5ti_219 ._input_ff5ti_27 {
+  ._input-wrapper_8dfv3_28._large_8dfv3_236 ._input_8dfv3_27 {
     height: 2.875rem;
   }
-  ._input-wrapper_ff5ti_28 input._input_ff5ti_27:-moz-read-only {
+  ._input-wrapper_8dfv3_28 input._input_8dfv3_27:-moz-read-only {
     background-color: var(--background-color-strong, #f7f7f7);
   }
-  ._input-wrapper_ff5ti_28 input._input_ff5ti_27:read-only {
+  ._input-wrapper_8dfv3_28 input._input_8dfv3_27:read-only {
     background-color: var(--background-color-strong, #f7f7f7);
   }
-  ._input-wrapper_ff5ti_28._disabled_ff5ti_225, ._input-wrapper_ff5ti_28[disabled], ._input-wrapper_ff5ti_28:has(._input_ff5ti_27:disabled) {
+  ._input-wrapper_8dfv3_28._disabled_8dfv3_242, ._input-wrapper_8dfv3_28[disabled], ._input-wrapper_8dfv3_28:has(._input_8dfv3_27:disabled) {
     opacity: 0.4;
   }
-  ._input-wrapper_ff5ti_28._disabled_ff5ti_225 *, ._input-wrapper_ff5ti_28[disabled] *, ._input-wrapper_ff5ti_28:has(._input_ff5ti_27:disabled) * {
+  ._input-wrapper_8dfv3_28._disabled_8dfv3_242 *, ._input-wrapper_8dfv3_28[disabled] *, ._input-wrapper_8dfv3_28:has(._input_8dfv3_27:disabled) * {
     cursor: not-allowed;
   }
-  ._input-wrapper_ff5ti_28:has(input._input_ff5ti_27:-moz-read-only) {
+  ._input-wrapper_8dfv3_28:has(input._input_8dfv3_27:-moz-read-only) {
     background-color: var(--background-color-strong, #f7f7f7);
   }
-  ._input-wrapper_ff5ti_28[disabled], ._input-wrapper_ff5ti_28[readonly], ._input-wrapper_ff5ti_28._disabled_ff5ti_225, ._input-wrapper_ff5ti_28:has(input._input_ff5ti_27:read-only) {
+  ._input-wrapper_8dfv3_28[disabled], ._input-wrapper_8dfv3_28[readonly], ._input-wrapper_8dfv3_28._disabled_8dfv3_242, ._input-wrapper_8dfv3_28:has(input._input_8dfv3_27:read-only) {
     background-color: var(--background-color-strong, #f7f7f7);
   }
-  ._input-wrapper_ff5ti_28:focus:not([disabled]), ._input-wrapper_ff5ti_28:focus-visible, ._input-wrapper_ff5ti_28:has(._input_ff5ti_27:focus-visible) {
+  ._input-wrapper_8dfv3_28:focus:not([disabled]), ._input-wrapper_8dfv3_28:focus-visible, ._input-wrapper_8dfv3_28:has(._input_8dfv3_27:focus-visible) {
     outline-width: 0.125rem;
   }
-  ._input-wrapper_ff5ti_28:has(._input_ff5ti_27._error_ff5ti_237) {
+  ._input-wrapper_8dfv3_28:has(._input_8dfv3_27._error_8dfv3_254) {
     border-color: var(--border-color-danger, #e13212);
   }
-  ._input-wrapper_ff5ti_28:focus:has(._input_ff5ti_27._error_ff5ti_237):not([disabled]), ._input-wrapper_ff5ti_28:focus-visible:has(._input_ff5ti_27._error_ff5ti_237), ._input-wrapper_ff5ti_28:has(._input_ff5ti_27._error_ff5ti_237:focus-visible) {
+  ._input-wrapper_8dfv3_28:focus:has(._input_8dfv3_27._error_8dfv3_254):not([disabled]), ._input-wrapper_8dfv3_28:focus-visible:has(._input_8dfv3_27._error_8dfv3_254), ._input-wrapper_8dfv3_28:has(._input_8dfv3_27._error_8dfv3_254:focus-visible) {
     outline-color: var(--focus-ring-color-danger, #e13212);
     outline-width: 0.125rem;
   }
-  ._small_ff5ti_216 ._buttons-wrapper_ff5ti_13 {
+  ._small_8dfv3_233 ._buttons-wrapper_8dfv3_13 {
     height: 1.875rem;
   }
-  ._large_ff5ti_219 ._buttons-wrapper_ff5ti_13 {
+  ._large_8dfv3_236 ._buttons-wrapper_8dfv3_13 {
     height: 2.875rem;
   }
-  ._close-button-wrapper_ff5ti_42 ._close-button_ff5ti_42[data-interactive=hover]::before, ._close-button-wrapper_ff5ti_42 ._close-button_ff5ti_42:hover::before, ._close-button-wrapper_ff5ti_42 ._close-button_ff5ti_42:disabled:not(._loading-infinite_ff5ti_250, ._loading-progress_ff5ti_250), ._close-button-wrapper_ff5ti_42 ._close-button_ff5ti_42._disabled_ff5ti_225:not(._loading-infinite_ff5ti_250, ._loading-progress_ff5ti_250), ._close-button-wrapper_ff5ti_42 ._close-button_ff5ti_42[aria-disabled=true]:not(._loading-infinite_ff5ti_250, ._loading-progress_ff5ti_250) {
+  ._close-button-wrapper_8dfv3_42 ._close-button_8dfv3_42[data-interactive=hover]::before, ._close-button-wrapper_8dfv3_42 ._close-button_8dfv3_42:hover::before, ._close-button-wrapper_8dfv3_42 ._close-button_8dfv3_42:disabled:not(._loading-infinite_8dfv3_267, ._loading-progress_8dfv3_267), ._close-button-wrapper_8dfv3_42 ._close-button_8dfv3_42._disabled_8dfv3_242:not(._loading-infinite_8dfv3_267, ._loading-progress_8dfv3_267), ._close-button-wrapper_8dfv3_42 ._close-button_8dfv3_42[aria-disabled=true]:not(._loading-infinite_8dfv3_267, ._loading-progress_8dfv3_267) {
     background-color: inherit;
   }
-  ._toggle-button-wrapper_ff5ti_41 ._toggle-button_ff5ti_41[aria-expanded=true] {
+  ._toggle-button-wrapper_8dfv3_41 ._toggle-button_8dfv3_41[aria-expanded=true] {
     transform: rotate(270deg);
   }
-  ._toggle-button-wrapper_ff5ti_41 ._toggle-button_ff5ti_41[data-interactive=hover]::before, ._toggle-button-wrapper_ff5ti_41 ._toggle-button_ff5ti_41:hover::before, ._toggle-button-wrapper_ff5ti_41 ._toggle-button_ff5ti_41:disabled:not(._loading-infinite_ff5ti_250, ._loading-progress_ff5ti_250), ._toggle-button-wrapper_ff5ti_41 ._toggle-button_ff5ti_41._disabled_ff5ti_225:not(._loading-infinite_ff5ti_250, ._loading-progress_ff5ti_250), ._toggle-button-wrapper_ff5ti_41 ._toggle-button_ff5ti_41[aria-disabled=true]:not(._loading-infinite_ff5ti_250, ._loading-progress_ff5ti_250) {
+  ._toggle-button-wrapper_8dfv3_41 ._toggle-button_8dfv3_41[data-interactive=hover]::before, ._toggle-button-wrapper_8dfv3_41 ._toggle-button_8dfv3_41:hover::before, ._toggle-button-wrapper_8dfv3_41 ._toggle-button_8dfv3_41:disabled:not(._loading-infinite_8dfv3_267, ._loading-progress_8dfv3_267), ._toggle-button-wrapper_8dfv3_41 ._toggle-button_8dfv3_41._disabled_8dfv3_242:not(._loading-infinite_8dfv3_267, ._loading-progress_8dfv3_267), ._toggle-button-wrapper_8dfv3_41 ._toggle-button_8dfv3_41[aria-disabled=true]:not(._loading-infinite_8dfv3_267, ._loading-progress_8dfv3_267) {
     background-color: inherit;
   }
-  [aria-expanded=true] ._toggle-button-wrapper_ff5ti_41 ._toggle-button_ff5ti_41 {
+  [aria-expanded=true] ._toggle-button-wrapper_8dfv3_41 ._toggle-button_8dfv3_41 {
     transform: rotate(270deg);
   }
-  ._small_ff5ti_216 ._prefix-wrapper_ff5ti_160 {
+  ._small_8dfv3_233 ._prefix-wrapper_8dfv3_169 {
     height: 1.875rem;
   }
-  ._large_ff5ti_219 ._prefix-wrapper_ff5ti_160 {
+  ._large_8dfv3_236 ._prefix-wrapper_8dfv3_169 {
     height: 2.875rem;
   }
-  ._small_ff5ti_216 ._chip-wrapper_ff5ti_178 {
+  ._small_8dfv3_233 ._chip-wrapper_8dfv3_194 {
     height: 1.875rem;
   }
-  ._large_ff5ti_219 ._chip-wrapper_ff5ti_178 {
+  ._large_8dfv3_236 ._chip-wrapper_8dfv3_194 {
     height: 2.875rem;
   }
 }

package/dist/SelectTriggerBase.module-CKoq6qzX.js

@@ -0,0 +1,38 @@
+import './SelectTriggerBase.css';const input = "_input_8dfv3_27";
+const prefix = "_prefix_8dfv3_55";
+const suffix = "_suffix_8dfv3_56";
+const select = "_select_8dfv3_76";
+const chip = "_chip_8dfv3_194";
+const small = "_small_8dfv3_233";
+const large = "_large_8dfv3_236";
+const disabled = "_disabled_8dfv3_242";
+const error = "_error_8dfv3_254";
+const styles = {
+	"search-field": "_search-field_8dfv3_2",
+	"buttons-wrapper": "_buttons-wrapper_8dfv3_13",
+	input: input,
+	"input-wrapper": "_input-wrapper_8dfv3_28",
+	"toggle-button-wrapper": "_toggle-button-wrapper_8dfv3_41",
+	"close-button-wrapper": "_close-button-wrapper_8dfv3_42",
+	prefix: prefix,
+	suffix: suffix,
+	select: select,
+	"no-clear-button": "_no-clear-button_8dfv3_90",
+	"no-toggle-button": "_no-toggle-button_8dfv3_93",
+	"input-flex": "_input-flex_8dfv3_99",
+	"fake-placeholder": "_fake-placeholder_8dfv3_136",
+	"close-button": "_close-button_8dfv3_42",
+	"toggle-button": "_toggle-button_8dfv3_41",
+	"prefix-wrapper": "_prefix-wrapper_8dfv3_169",
+	"rows-wrapper": "_rows-wrapper_8dfv3_177",
+	"max-rows": "_max-rows_8dfv3_187",
+	"single-row": "_single-row_8dfv3_191",
+	"chip-wrapper": "_chip-wrapper_8dfv3_194",
+	chip: chip,
+	small: small,
+	large: large,
+	disabled: disabled,
+	error: error};
+
+export { styles as s };
+//# sourceMappingURL=SelectTriggerBase.module-CKoq6qzX.js.map

package/dist/SelectTriggerBase.module-CKoq6qzX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTriggerBase.module-CKoq6qzX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{Stepper-_27Lmm2K.js → Stepper-Dt2xAXth.js}

@@ -8,7 +8,7 @@ import { e as DurationSlow } from './primitive-C3RFDRA8.js';
 import { Overflow } from './Overflow.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 import { m as motion } from './proxy-DEehATlA.js';
-import { B as Button } from './Button-a_D7tUgM.js';
+import { B as Button } from './Button-BdrrhBTI.js';
 import { useTrackingId } from './useTrackingId.js';
 
 import './Stepper.css';const StepperContext = createContext({
@@ -627,4 +627,4 @@ const Stepper = Object.assign(
 Stepper.displayName = "Stepper";
 
 export { Stepper as S };
-//# sourceMappingURL=Stepper-_27Lmm2K.js.map
+//# sourceMappingURL=Stepper-Dt2xAXth.js.map