@purpur/library 9.8.1 → 9.9.0

package/dist/text-field-CthxpKsp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-CthxpKsp.js","sources":["../../../components/icon/dist/components/edit-ai.es.js","../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field-base.tsx","../../../components/text-field/src/text-field-ai.tsx","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { jsx as i } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n  name: \"edit-ai\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z\"/></svg>',\n  keywords: [\"edit-ai\"],\n  category: \"ai\"\n}, l = (a) => /* @__PURE__ */ i(o, { ...a, svg: t });\nl.displayName = \"IconEditAi\";\nexport {\n  l as IconEditAi\n};\n//# sourceMappingURL=edit-ai.es.js.map\n","import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n  return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, { forwardRef, type ReactNode, useId } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldBaseProps } from \"./text-field\";\nimport defaultStyles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\nconst defaultRootClassName = \"purpur-text-field-default\";\n\n// Internal overrides for variant composition (not part of the public API)\nexport type TextFieldBaseInternalOverrides = {\n  _styles?: Record<string, string>;\n  _rootClassName?: string;\n  _prependEndAdornments?: ReactNode[];\n  _inputModifiers?: Record<string, boolean>;\n  _frameModifiers?: Record<string, boolean>;\n  _inputContainerRef?: React.Ref<HTMLDivElement>;\n};\n\nexport const TextFieldBase = forwardRef<\n  HTMLInputElement,\n  TextFieldBaseProps & TextFieldBaseInternalOverrides\n>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      clearButtonAriaLabel,\n      beforeField,\n      afterField,\n      endAdornment,\n      errorText,\n      helperText,\n      hideRequiredAsterisk = false,\n      label,\n      loading = false,\n      onClear,\n      startAdornment,\n      valid = false,\n      negative = false,\n      _styles,\n      _rootClassName,\n      _prependEndAdornments,\n      _inputModifiers,\n      _frameModifiers,\n      _inputContainerRef,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const cx = c.bind(_styles ?? defaultStyles);\n    const rootClassName = _rootClassName ?? defaultRootClassName;\n    const randomId = useId();\n    const inputId = inputProps.id ?? randomId;\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n    const startAdornments: ReactNode[] = Array.isArray(startAdornment)\n      ? startAdornment.filter((adornment) => !!adornment)\n      : startAdornment\n        ? [startAdornment]\n        : [];\n    const hasValue =\n      typeof inputProps.value === \"number\"\n        ? inputProps.value !== undefined\n        : inputProps.value?.length;\n    const hasClearButton =\n      hasValue &&\n      !inputProps.disabled &&\n      !inputProps.readOnly &&\n      !loading &&\n      onClear &&\n      clearButtonAriaLabel;\n\n    const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n    const setRef = (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        ref.current = node;\n      }\n    };\n    const handleClear = () => {\n      onClear?.();\n      internalRef.current?.focus();\n    };\n\n    const localEndAdornments: ReactNode[] = [\n      ...(_prependEndAdornments ?? []),\n      loading && (\n        <Spinner\n          key=\"spinner\"\n          disabled={inputProps.disabled}\n          size=\"xs\"\n          data-testid={getTestId(\"spinner\")}\n          negative={negative}\n        />\n      ),\n      hasClearButton && (\n        <Button\n          negative={negative}\n          key=\"clear-button\"\n          variant=\"tertiary-purple\"\n          onClick={handleClear}\n          iconOnly\n          aria-label={clearButtonAriaLabel ?? \"\"}\n          data-testid={getTestId(\"clear-button\")}\n          tabIndex={-1}\n        >\n          <IconClose size=\"xs\" />\n        </Button>\n      ),\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`, {\n            [`${rootClassName}__valid-icon--negative`]: negative,\n          })}\n        />\n      ),\n    ].filter((adornment) => !!adornment);\n\n    const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n      [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n      [`${rootClassName}__input-container--end-adornment`]:\n        localEndAdornments.length || endAdornment,\n      [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n      [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n      [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n      [`${rootClassName}__input-container--negative`]: negative,\n    });\n\n    return (\n      <div className={cx(className, rootClassName)} data-testid={dataTestId}>\n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={inputProps.disabled}\n            negative={negative}\n          >\n            {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          {!!beforeField && beforeField}\n          <div ref={_inputContainerRef} className={inputContainerClassnames}>\n            {!!startAdornments.length && (\n              <div\n                data-testid={getTestId(\"start-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {startAdornments.map((adornment, index) => (\n                  <React.Fragment key={index}>{adornment}</React.Fragment>\n                ))}\n              </div>\n            )}\n            <input\n              {...inputProps}\n              id={inputId}\n              ref={setRef}\n              data-testid={getTestId(\"input\")}\n              aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n              className={cx([\n                `${rootClassName}__input`,\n                {\n                  [`${rootClassName}__input--valid`]: isValid,\n                  [`${rootClassName}__input--error`]: !!errorText,\n                  [`${rootClassName}__input--negative`]: negative,\n                  ...(_inputModifiers ?? {}),\n                },\n              ])}\n            />\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n                ...(_frameModifiers ?? {}),\n              })}\n            />\n            {(!!localEndAdornments.length || endAdornment) && (\n              <div\n                data-testid={getTestId(\"end-adornments\")}\n                className={cx(`${rootClassName}__adornment-container`)}\n              >\n                {localEndAdornments}\n                {endAdornment}\n              </div>\n            )}\n          </div>\n          {!!afterField && afterField}\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n            disabled={inputProps.disabled}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nTextFieldBase.displayName = \"TextField\";\n","import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconEditAi } from \"@purpur/icon/edit-ai\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldAiInternalProps } from \"./text-field\";\nimport aiStyles from \"./text-field-ai.module.scss\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nconst cx = c.bind(aiStyles);\nconst rootClassName = \"purpur-text-field-ai\";\nconst defaultTypingAnimationDurationMs = 1400;\n\nconst hasInputValue = (value: unknown) => {\n  if (typeof value === \"number\") {\n    return !Number.isNaN(value);\n  }\n\n  if (typeof value === \"string\") {\n    return value.length > 0;\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n\n  return value !== undefined && value !== null;\n};\n\nexport const TextFieldAiInternal = forwardRef<HTMLInputElement, TextFieldAiInternalProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      animatePrepopulatedValue = false,\n      typingAnimationDurationMs = defaultTypingAnimationDurationMs,\n      endAdornment,\n      value: controlledValue,\n      defaultValue,\n      onChange,\n      disabled,\n      readOnly,\n      valid = false,\n      negative = false,\n      ...baseProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isControlled = controlledValue !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n    const [hasUserEditedValue, setHasUserEditedValue] = useState(false);\n    const [shouldAnimatePrepopulatedValue, setShouldAnimatePrepopulatedValue] = useState(false);\n    const [hasAnimatedPrepopulatedValue, setHasAnimatedPrepopulatedValue] = useState(false);\n    const [animatedTypingValue, setAnimatedTypingValue] = useState<string | null>(null);\n    const typingAnimationTimerRef = useRef<number | null>(null);\n    const inputContainerRef = useRef<HTMLDivElement | null>(null);\n\n    const value = isControlled ? controlledValue : uncontrolledValue;\n    const hasValue = hasInputValue(value);\n    const isAiPresentationActive = hasValue && !hasUserEditedValue;\n    const isTypingAnimationRunning = animatedTypingValue !== null;\n    const displayValue = isTypingAnimationRunning ? animatedTypingValue : value ?? \"\";\n    const shouldAnimatePrepopulated =\n      isAiPresentationActive &&\n      animatePrepopulatedValue &&\n      !hasAnimatedPrepopulatedValue &&\n      !disabled &&\n      !readOnly;\n\n    const clearTypingAnimation = useCallback(() => {\n      if (typingAnimationTimerRef.current !== null) {\n        window.clearInterval(typingAnimationTimerRef.current);\n        typingAnimationTimerRef.current = null;\n      }\n    }, []);\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      clearTypingAnimation();\n      setAnimatedTypingValue(null);\n\n      if (!isControlled) {\n        setUncontrolledValue(event.currentTarget.value);\n      }\n\n      setHasUserEditedValue(true);\n      onChange?.(event);\n    };\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulated || typeof IntersectionObserver === \"undefined\") {\n        return;\n      }\n\n      const node = inputContainerRef.current;\n\n      if (!node) {\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const isVisible = entries.some((entry) => entry.isIntersecting);\n\n          if (isVisible) {\n            setShouldAnimatePrepopulatedValue(true);\n            setHasAnimatedPrepopulatedValue(true);\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.35 }\n      );\n\n      observer.observe(node);\n\n      return () => observer.disconnect();\n    }, [shouldAnimatePrepopulated]);\n\n    useEffect(() => {\n      if (!shouldAnimatePrepopulatedValue || hasUserEditedValue || typeof value !== \"string\") {\n        return;\n      }\n\n      const shouldReduceMotion = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\n\n      if (shouldReduceMotion || value.length === 0) {\n        setShouldAnimatePrepopulatedValue(false);\n        return;\n      }\n\n      clearTypingAnimation();\n      setAnimatedTypingValue(\"\");\n\n      let index = 0;\n      const safeAnimationDuration =\n        Number.isFinite(typingAnimationDurationMs) && typingAnimationDurationMs > 0\n          ? typingAnimationDurationMs\n          : defaultTypingAnimationDurationMs;\n      const intervalDuration = Math.max(20, Math.floor(safeAnimationDuration / value.length));\n\n      typingAnimationTimerRef.current = window.setInterval(() => {\n        index += 1;\n        setAnimatedTypingValue(value.slice(0, index));\n\n        if (index >= value.length) {\n          clearTypingAnimation();\n          setAnimatedTypingValue(null);\n          setShouldAnimatePrepopulatedValue(false);\n        }\n      }, intervalDuration);\n\n      return clearTypingAnimation;\n    }, [\n      clearTypingAnimation,\n      hasUserEditedValue,\n      shouldAnimatePrepopulatedValue,\n      typingAnimationDurationMs,\n      value,\n    ]);\n\n    useEffect(() => clearTypingAnimation, [clearTypingAnimation]);\n\n    const aiEndAdornments: ReactNode[] = [];\n\n    if (endAdornment === undefined && isAiPresentationActive) {\n      aiEndAdornments.push(\n        <IconEditAi\n          key=\"ai-icon\"\n          size=\"xs\"\n          data-testid={getTestId(\"edit-ai-icon\")}\n          className={cx(`${rootClassName}__ai-icon`, {\n            [`${rootClassName}__ai-icon--negative`]: negative,\n          })}\n        />\n      );\n    }\n\n    return (\n      <TextFieldBase\n        ref={ref}\n        data-testid={dataTestId}\n        {...baseProps}\n        endAdornment={endAdornment}\n        value={displayValue}\n        onChange={handleInputChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        valid={valid}\n        negative={negative}\n        _styles={aiStyles}\n        _rootClassName={rootClassName}\n        _prependEndAdornments={aiEndAdornments}\n        _inputModifiers={{ [`${rootClassName}__input--ai`]: isAiPresentationActive }}\n        _frameModifiers={{ [`${rootClassName}__frame--ai`]: isAiPresentationActive }}\n        _inputContainerRef={inputContainerRef}\n      />\n    );\n  }\n);\n\nTextFieldAiInternal.displayName = \"TextField\";\n","import React, {\n  forwardRef,\n  type HTMLInputTypeAttribute,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { TextFieldAiInternal } from \"./text-field-ai\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nexport const textFieldVariants = [\"default\", \"ai\"] as const;\nexport type TextFieldVariant = (typeof textFieldVariants)[number];\n\ntype TextFieldCommonProps = {\n  /**\n   * Use to display e.g. a button before the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  beforeField?: ReactNode;\n  /**\n   * Use to display e.g. a button after the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  afterField?: ReactNode;\n  /**\n   * Use to display e.g. an icon at the end inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Use to render error message below the text field. The text field renders with error appearance.\n   * */\n  errorText?: string;\n  /**\n   * Use to give context about the field's input. Renders below the field.\n   * */\n  helperText?: string;\n  /**\n   * The label of the text field.\n   * */\n  label?: string;\n  /**\n   *  Use to render a spinner at the end inside of the text field.\n   */\n  loading?: boolean;\n  /**\n   * Hide the asterisk for required fields.\n   * This is useful when the field is required but the context already indicates that.\n   */\n  hideRequiredAsterisk?: boolean;\n  /**\n   * Use to display e.g. an icon at the start inside of the text field.\n   *\n   * _NOTE: Should ideally only be used by other purpur components!_\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Use to set the type of the field.\n   */\n  type?: Extract<\n    HTMLInputTypeAttribute,\n    \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n  >;\n  /**\n   * Use to render text field with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  negative?: boolean;\n};\n\ntype TextFieldClearProps =\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel: string;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear: () => void;\n    }\n  | {\n      /**\n       * An accessible label for the clear button.\n       * */\n      clearButtonAriaLabel?: never;\n      /**\n       * Event handler called when the clear button is clicked.\n       * */\n      onClear?: never;\n    };\n\ntype TextFieldAiProps = {\n  /**\n   * Animate prepopulated value once when the field scrolls into view.\n   */\n  animatePrepopulatedValue?: boolean;\n  /**\n   * Duration in milliseconds for the prepopulated typing animation.\n   */\n  typingAnimationDurationMs?: number;\n};\n\nexport type TextFieldBaseProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps;\n\nexport type TextFieldAiInternalProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps;\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n  TextFieldCommonProps &\n  TextFieldClearProps &\n  TextFieldAiProps & {\n    /**\n     * Use to select the text field variant.\n     * - `\"default\"` renders a standard text field.\n     * - `\"ai\"` renders a text field with AI presentation (gradient border, AI icon, typing animation).\n     * @default \"default\"\n     */\n    variant?: TextFieldVariant;\n  };\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  ({ variant = \"default\", ...props }, ref) => {\n    if (variant === \"ai\") {\n      return <TextFieldAiInternal ref={ref} {...props} />;\n    }\n\n    return <TextFieldBase ref={ref} {...props} />;\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n  isValidElement<TextFieldProps>(child) &&\n  (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["t","l","a","i","o","useMutableRefObject","value","useRef","defaultRootClassName","TextFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","_styles","_rootClassName","_prependEndAdornments","_inputModifiers","_frameModifiers","_inputContainerRef","inputProps","ref","cx","c","defaultStyles","rootClassName","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","index","React","FieldHelperText","FieldErrorText","aiStyles","defaultTypingAnimationDurationMs","hasInputValue","TextFieldAiInternal","animatePrepopulatedValue","typingAnimationDurationMs","controlledValue","defaultValue","onChange","disabled","readOnly","baseProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","hasUserEditedValue","setHasUserEditedValue","shouldAnimatePrepopulatedValue","setShouldAnimatePrepopulatedValue","hasAnimatedPrepopulatedValue","setHasAnimatedPrepopulatedValue","animatedTypingValue","setAnimatedTypingValue","typingAnimationTimerRef","inputContainerRef","isAiPresentationActive","displayValue","shouldAnimatePrepopulated","clearTypingAnimation","useCallback","handleInputChange","event","useEffect","observer","entries","entry","safeAnimationDuration","intervalDuration","aiEndAdornments","IconEditAi","textFieldVariants","TextField","variant","props","isTextField","child","isValidElement"],"mappings":"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"}

package/dist/text-field.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-C2W13n15.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;exports.textFieldVariants=e.textFieldVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-CthxpKsp.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;exports.textFieldVariants=e.textFieldVariants;
 //# sourceMappingURL=text-field.cjs.js.map

package/dist/text-field.es.js

@@ -1,4 +1,4 @@
-import { T as i, i as a, t as s } from "./text-field-D8MMa6ij.mjs";
+import { T as i, i as a, t as s } from "./text-field-AsvqJh6P.mjs";
 export {
   i as TextField,
   a as isTextField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpur/library",
-  "version": "9.8.1",
+  "version": "9.9.0",
   "license": "AGPL-3.0-only",
   "sideEffects": [
     "*.css",
@@ -104,81 +104,81 @@
     "typescript": "5.9.3",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-static-copy": "3.1.6",
-    "vite": "7.3.2",
+    "vite": "7.3.5",
     "shx": "0.4.0",
     "@purpur/accordion": "8.21.0",
     "@purpur/action": "8.21.0",
-    "@purpur/badge": "8.21.0",
     "@purpur/alert-badge": "8.21.0",
+    "@purpur/autocomplete": "8.21.0",
+    "@purpur/badge": "8.21.0",
     "@purpur/breadcrumbs": "8.21.0",
     "@purpur/button": "8.21.0",
     "@purpur/calendar": "8.21.0",
-    "@purpur/autocomplete": "8.21.0",
     "@purpur/card": "8.21.0",
+    "@purpur/checkbox": "8.21.0",
     "@purpur/chip-group": "8.21.0",
     "@purpur/color-dot": "8.21.0",
-    "@purpur/component-rig": "1.0.0",
-    "@purpur/checkbox": "8.21.0",
     "@purpur/common-types": "8.21.0",
-    "@purpur/countdown": "8.21.0",
+    "@purpur/component-rig": "1.0.0",
     "@purpur/container": "8.21.0",
-    "@purpur/counter-badge": "8.21.0",
     "@purpur/content-block": "8.21.0",
+    "@purpur/countdown": "8.21.0",
+    "@purpur/counter-badge": "8.21.0",
     "@purpur/cta-link": "8.21.0",
-    "@purpur/date-picker": "8.21.0",
     "@purpur/date-field": "8.21.0",
+    "@purpur/date-picker": "8.21.0",
     "@purpur/dismissable-chip-group": "8.21.0",
-    "@purpur/drawer": "8.21.0",
-    "@purpur/field-helper-text": "8.21.0",
     "@purpur/field-error-text": "8.21.0",
+    "@purpur/drawer": "8.21.0",
     "@purpur/footer": "8.21.0",
+    "@purpur/field-helper-text": "8.21.0",
     "@purpur/grid": "8.21.0",
     "@purpur/heading": "8.21.0",
-    "@purpur/hero-banner": "8.21.0",
-    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/icon": "8.21.0",
-    "@purpur/label": "8.21.0",
+    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/link": "8.21.0",
+    "@purpur/hero-banner": "8.21.0",
+    "@purpur/label": "8.21.0",
     "@purpur/listbox": "8.21.0",
+    "@purpur/notification-banner": "8.21.0",
     "@purpur/logo": "8.21.0",
     "@purpur/modal": "8.21.0",
     "@purpur/notification": "8.21.0",
-    "@purpur/notification-banner": "8.21.0",
     "@purpur/pagination": "8.21.0",
-    "@purpur/password-field": "8.21.0",
     "@purpur/paragraph": "8.21.0",
+    "@purpur/password-field": "8.21.0",
     "@purpur/popover": "8.21.0",
     "@purpur/product-card": "8.21.0",
-    "@purpur/quantity-selector": "8.21.0",
     "@purpur/promotion-card": "8.21.0",
     "@purpur/radio-button-group": "8.21.0",
+    "@purpur/quantity-selector": "8.21.0",
     "@purpur/radio-card-group": "8.21.0",
     "@purpur/rich-text": "8.21.0",
     "@purpur/search-field": "8.21.0",
     "@purpur/select": "8.21.0",
+    "@purpur/skeleton": "8.21.0",
     "@purpur/slider": "8.21.0",
     "@purpur/spacer": "8.21.0",
-    "@purpur/skeleton": "8.21.0",
-    "@purpur/spinner": "8.21.0",
     "@purpur/stepper": "8.21.0",
+    "@purpur/spinner": "8.21.0",
+    "@purpur/table": "8.21.0",
     "@purpur/tabs": "8.21.0",
     "@purpur/text-area": "8.21.0",
     "@purpur/text-field": "8.21.0",
-    "@purpur/table": "8.21.0",
     "@purpur/text-spacing": "8.21.0",
     "@purpur/theme": "8.21.0",
-    "@purpur/tokens": "8.21.0",
-    "@purpur/tooltip": "8.21.0",
     "@purpur/toggle": "8.21.0",
+    "@purpur/tokens": "8.21.0",
     "@purpur/visually-hidden": "8.21.0",
     "@purpur/chat-field": "9.4.2",
+    "@purpur/tooltip": "8.21.0",
     "@purpur/dropdown": "0.1.0",
     "@purpur/carousel": "8.21.0",
+    "@purpur/avatar": "1.0.0",
     "@purpur/comparison-table": "8.21.0",
     "@purpur/date-range-field": "8.21.0",
-    "@purpur/avatar": "1.0.0",
-    "@purpur/message": "1.0.0",
-    "@purpur/loading": "1.0.0"
+    "@purpur/loading": "1.0.0",
+    "@purpur/message": "1.0.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

package/dist/select-BEmu_fh9.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-BEmu_fh9.mjs","sources":["../../../components/select/src/select.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./select.module.scss\";\n\nexport type SelectProps = Omit<BaseProps<\"select\">, \"multiple\" | \"children\"> & {\n  label?: string;\n  /**\n   * Options which will be available in the select input's dropdown menu.\n   *\n   * For single options:\n   *\n   * ```\n   * [\n   *   {\n   *     label: \"Option 1\",\n   *     value: \"Option 1\"\n   *   },\n   *   {\n   *     label: \"Option 2\",\n   *     value: \"Option 2\"\n   *   }\n   * ]\n   * ```\n   * For option groups:\n   *\n   * ```\n   *\n   * [\n   *   {\n   *     label: \"Option group 1\"\n   *     options: [\n   *       {\n   *         label: \"Group 1 option 1\",\n   *         value: \"group 1 option 1\"\n   *       },\n   *       {\n   *         label: \"Group 1 option 2\",\n   *         value: \"Group 1 option 2\"\n   *       }\n   *     ]\n   *   }\n   * ]\n   * ```\n   *\n   * _Note! When no value is provided for the option, the label of the option is used as a fallback._\n   */\n  options: (SelectOption | SelectOptionGroup)[];\n  /**\n   * Placeholder option for the dropdown (e.g \"Select\" / \"Choose\").\n   *\n   * Use the following format when providing a placeholder:\n   *\n   * ```\n   * {\n   *   label: \"Placeholder option\",\n   *   value: \"Placeholder value\"\n   * }\n   * ```\n   */\n  placeholder?: SelectOption;\n  readOnly?: boolean;\n  errorText?: string;\n  helperText?: string;\n  /**\n   * Use to render select with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  loading?: boolean;\n  negative?: boolean;\n};\n\nexport type SelectOption = {\n  label: string;\n  value?: string;\n};\n\nexport type SelectOptionGroup = {\n  label: string;\n  options: SelectOption[];\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-select\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      label,\n      options,\n      className,\n      errorText,\n      helperText,\n      negative = false,\n      placeholder,\n      readOnly = false,\n      [\"data-testid\"]: dataTestId,\n      valid,\n      loading,\n      ...selectProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const randomId = useId();\n    const fieldId = selectProps.id ?? randomId;\n\n    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;\n\n    const selectContainerClassnames = cx(`${rootClassName}__select-container`, {\n      [`${rootClassName}__select-container--disabled`]: selectProps.disabled,\n      [`${rootClassName}__select-container--readonly`]: readOnly && !selectProps.disabled,\n      [`${rootClassName}__select-container--negative`]: negative,\n    });\n\n    <IconChevronDown\n      className={cx(`${rootClassName}__select-icon`, {\n        [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n        [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n        [`${rootClassName}__select-icon--is-valid`]: isValid,\n        [`${rootClassName}__select-icon--negative`]: negative,\n      })}\n      data-testid={getTestId(\"dropdown-icon\")}\n      size=\"sm\"\n    />;\n    {\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`)}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--negative`]: negative,\n        })}\n      >\n        {label && (\n          <Label\n            htmlFor={fieldId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={selectProps.disabled}\n            negative={negative}\n          >\n            {selectProps.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          <div className={selectContainerClassnames}>\n            <select\n              {...selectProps}\n              onChange={readOnly ? undefined : selectProps?.onChange}\n              id={fieldId}\n              ref={ref}\n              data-testid={getTestId(\"select\")}\n              aria-describedby={selectProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={selectProps[\"aria-invalid\"] || !!errorText}\n              aria-disabled={selectProps[\"aria-disabled\"] || selectProps.disabled}\n              aria-readonly={selectProps[\"aria-readonly\"] || (readOnly && !selectProps.disabled)}\n              className={cx(`${rootClassName}__select`, {\n                [`${rootClassName}__select--error`]: !!errorText,\n                [`${rootClassName}__select--is-valid`]: isValid,\n                [`${rootClassName}__select--negative`]: negative,\n              })}\n            >\n              {placeholder && (\n                <option value={placeholder.value ?? placeholder.label} disabled>\n                  {placeholder.label}\n                </option>\n              )}\n              {options.map((optionOrOptionGroup, index) =>\n                isOptionGroup(optionOrOptionGroup)\n                  ? renderOptionGroup(optionOrOptionGroup, fieldId, index, readOnly)\n                  : renderOptionItem(optionOrOptionGroup, fieldId, index, readOnly)\n              )}\n            </select>\n            <div className={cx(`${rootClassName}__end-adornments`)}>\n              {loading ? (\n                <Spinner\n                  key=\"spinner\"\n                  disabled={selectProps.disabled}\n                  size=\"xxs\"\n                  negative={negative}\n                  data-testid={getTestId(\"spinner\")}\n                />\n              ) : (\n                <IconChevronDown\n                  key=\"chevron-down-icon\"\n                  className={cx(`${rootClassName}__select-icon`, {\n                    [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n                    [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n                    [`${rootClassName}__select-icon--is-valid`]: isValid,\n                    [`${rootClassName}__select-icon--negative`]: negative,\n                  })}\n                  data-testid={getTestId(\"dropdown-icon\")}\n                  size=\"sm\"\n                />\n              )}\n              {isValid && (\n                <IconCheckCircleFilled\n                  key=\"valid-icon\"\n                  data-testid={getTestId(\"valid-icon\")}\n                  className={cx(`${rootClassName}__valid-icon`)}\n                />\n              )}\n            </div>\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n          </div>\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            disabled={selectProps.disabled}\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText negative={negative} data-testid={getTestId(\"error-text\")}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nconst isOptionGroup = (option: SelectOption | SelectOptionGroup): option is SelectOptionGroup => {\n  // eslint-disable-next-line no-prototype-builtins\n  return option.hasOwnProperty(\"options\");\n};\n\nconst renderOptionGroup = (\n  optionGroup: SelectOptionGroup,\n  fieldId: string,\n  index: number,\n  disableOption: boolean\n) => {\n  const groupKey = `${fieldId}--group--${index}`;\n\n  return (\n    <optgroup key={groupKey} label={optionGroup.label}>\n      {optionGroup.options.map((option, index) => {\n        return renderOptionItem(option, groupKey, index, disableOption);\n      })}\n    </optgroup>\n  );\n};\n\nconst renderOptionItem = (option: SelectOption, key: string, index: number, disabled: boolean) => {\n  return (\n    <option\n      key={`${key}--option--${index}`}\n      value={option.value ?? option.label}\n      disabled={disabled}\n    >\n      {option.label}\n    </option>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["cx","c","styles","rootClassName","Select","forwardRef","label","options","className","errorText","helperText","negative","placeholder","readOnly","dataTestId","valid","loading","selectProps","ref","getTestId","name","isValid","randomId","useId","fieldId","helperTextId","selectContainerClassnames","IconChevronDown","IconCheckCircleFilled","jsxs","Label","jsx","optionOrOptionGroup","index","isOptionGroup","renderOptionGroup","renderOptionItem","Spinner","FieldHelperText","FieldErrorText","option","optionGroup","disableOption","groupKey","key","disabled"],"mappings":"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"}

package/dist/select-DOqTJgTj.js

@@ -1,2 +0,0 @@
-"use strict";const _=require("react/jsx-runtime"),g=require("react"),F=require("./field-error-text-FhQulSV5.js"),S=require("./field-helper-text-DSKO-Tce.js"),x=require("./check-circle-filled.es-5-GXE9l4.js"),h=require("./chevron-down.es-BMjgiS3F.js"),z=require("./label-yHK80hhV.js"),R=require("./spinner-tKunS_o-.js"),E=require("./bind-DeUYJ6m9.js"),H={"purpur-select":"_purpur-select_1gf3p_1","purpur-select__label":"_purpur-select__label_1gf3p_7","purpur-select__field-row":"_purpur-select__field-row_1gf3p_12","purpur-select__frame":"_purpur-select__frame_1gf3p_16","purpur-select__frame--negative":"_purpur-select__frame--negative_1gf3p_23","purpur-select__select-container":"_purpur-select__select-container_1gf3p_26","purpur-select__select-container--disabled":"_purpur-select__select-container--disabled_1gf3p_33","purpur-select__select":"_purpur-select__select_1gf3p_26","purpur-select__select-container--readonly":"_purpur-select__select-container--readonly_1gf3p_33","purpur-select__select-container--negative":"_purpur-select__select-container--negative_1gf3p_41","purpur-select__select--error":"_purpur-select__select--error_1gf3p_91","purpur-select__select--is-valid":"_purpur-select__select--is-valid_1gf3p_97","purpur-select__select--negative":"_purpur-select__select--negative_1gf3p_103","purpur-select__end-adornments":"_purpur-select__end-adornments_1gf3p_120","purpur-select__select-icon":"_purpur-select__select-icon_1gf3p_130","purpur-select__select-icon--readonly":"_purpur-select__select-icon--readonly_1gf3p_133","purpur-select__select-icon--disabled":"_purpur-select__select-icon--disabled_1gf3p_133","purpur-select__select-icon--negative":"_purpur-select__select-icon--negative_1gf3p_136","purpur-select__valid-icon":"_purpur-select__valid-icon_1gf3p_142"},r=E.c.bind(H),e="purpur-select",j=g.forwardRef(({label:i,options:n,className:u,errorText:t,helperText:p,negative:l=!1,placeholder:d,readOnly:a=!1,["data-testid"]:$,valid:q,loading:w,...s},y)=>{const c=f=>$?`${$}-${f}`:void 0,o=q&&!t,C=g.useId(),b=s.id??C,v=p?`${b}-helper-text`:void 0,I=r(`${e}__select-container`,{[`${e}__select-container--disabled`]:s.disabled,[`${e}__select-container--readonly`]:a&&!s.disabled,[`${e}__select-container--negative`]:l});return h.l,r(`${e}__select-icon`,{[`${e}__select-icon--disabled`]:s.disabled,[`${e}__select-icon--readonly`]:a&&!s.disabled,[`${e}__select-icon--is-valid`]:o,[`${e}__select-icon--negative`]:l}),c("dropdown-icon"),o&&(x.r,c("valid-icon"),r(`${e}__valid-icon`)),_.jsxs("div",{className:r(e,u,{[`${e}--negative`]:l}),children:[i&&_.jsxs(z.Label,{htmlFor:b,className:r(`${e}__label`),"data-testid":c("label"),disabled:s.disabled,negative:l,children:[s.required&&_.jsx("span",{"aria-hidden":!0,children:"*"}),i]}),_.jsx("div",{className:r(`${e}__field-row`),children:_.jsxs("div",{className:I,children:[_.jsxs("select",{...s,onChange:a?void 0:s?.onChange,id:b,ref:y,"data-testid":c("select"),"aria-describedby":s["aria-describedby"]||v,"aria-invalid":s["aria-invalid"]||!!t,"aria-disabled":s["aria-disabled"]||s.disabled,"aria-readonly":s["aria-readonly"]||a&&!s.disabled,className:r(`${e}__select`,{[`${e}__select--error`]:!!t,[`${e}__select--is-valid`]:o,[`${e}__select--negative`]:l}),children:[d&&_.jsx("option",{value:d.value??d.label,disabled:!0,children:d.label}),n.map((f,m)=>k(f)?D(f,b,m,a):N(f,b,m,a))]}),_.jsxs("div",{className:r(`${e}__end-adornments`),children:[w?_.jsx(R.Spinner,{disabled:s.disabled,size:"xxs",negative:l,"data-testid":c("spinner")},"spinner"):_.jsx(h.l,{className:r(`${e}__select-icon`,{[`${e}__select-icon--disabled`]:s.disabled,[`${e}__select-icon--readonly`]:a&&!s.disabled,[`${e}__select-icon--is-valid`]:o,[`${e}__select-icon--negative`]:l}),"data-testid":c("dropdown-icon"),size:"sm"},"chevron-down-icon"),o&&_.jsx(x.r,{"data-testid":c("valid-icon"),className:r(`${e}__valid-icon`)},"valid-icon")]}),_.jsx("div",{className:r(`${e}__frame`,{[`${e}__frame--negative`]:l})})]})}),v&&_.jsx(S.FieldHelperText,{disabled:s.disabled,"data-testid":c("helper-text"),id:v,negative:l,children:p}),t&&_.jsx(F.FieldErrorText,{negative:l,"data-testid":c("error-text"),children:t})]})}),k=i=>i.hasOwnProperty("options"),D=(i,n,u,t)=>{const p=`${n}--group--${u}`;return _.jsx("optgroup",{label:i.label,children:i.options.map((l,d)=>N(l,p,d,t))},p)},N=(i,n,u,t)=>_.jsx("option",{value:i.value??i.label,disabled:t,children:i.label},`${n}--option--${u}`);j.displayName="Select";exports.Select=j;
-//# sourceMappingURL=select-DOqTJgTj.js.map

package/dist/select-DOqTJgTj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-DOqTJgTj.js","sources":["../../../components/select/src/select.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./select.module.scss\";\n\nexport type SelectProps = Omit<BaseProps<\"select\">, \"multiple\" | \"children\"> & {\n  label?: string;\n  /**\n   * Options which will be available in the select input's dropdown menu.\n   *\n   * For single options:\n   *\n   * ```\n   * [\n   *   {\n   *     label: \"Option 1\",\n   *     value: \"Option 1\"\n   *   },\n   *   {\n   *     label: \"Option 2\",\n   *     value: \"Option 2\"\n   *   }\n   * ]\n   * ```\n   * For option groups:\n   *\n   * ```\n   *\n   * [\n   *   {\n   *     label: \"Option group 1\"\n   *     options: [\n   *       {\n   *         label: \"Group 1 option 1\",\n   *         value: \"group 1 option 1\"\n   *       },\n   *       {\n   *         label: \"Group 1 option 2\",\n   *         value: \"Group 1 option 2\"\n   *       }\n   *     ]\n   *   }\n   * ]\n   * ```\n   *\n   * _Note! When no value is provided for the option, the label of the option is used as a fallback._\n   */\n  options: (SelectOption | SelectOptionGroup)[];\n  /**\n   * Placeholder option for the dropdown (e.g \"Select\" / \"Choose\").\n   *\n   * Use the following format when providing a placeholder:\n   *\n   * ```\n   * {\n   *   label: \"Placeholder option\",\n   *   value: \"Placeholder value\"\n   * }\n   * ```\n   */\n  placeholder?: SelectOption;\n  readOnly?: boolean;\n  errorText?: string;\n  helperText?: string;\n  /**\n   * Use to render select with valid appearance. A check\n   * icon will render at the start inside of the input.\n   */\n  valid?: boolean;\n  loading?: boolean;\n  negative?: boolean;\n};\n\nexport type SelectOption = {\n  label: string;\n  value?: string;\n};\n\nexport type SelectOptionGroup = {\n  label: string;\n  options: SelectOption[];\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-select\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      label,\n      options,\n      className,\n      errorText,\n      helperText,\n      negative = false,\n      placeholder,\n      readOnly = false,\n      [\"data-testid\"]: dataTestId,\n      valid,\n      loading,\n      ...selectProps\n    },\n    ref\n  ) => {\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isValid = valid && !errorText;\n    const randomId = useId();\n    const fieldId = selectProps.id ?? randomId;\n\n    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;\n\n    const selectContainerClassnames = cx(`${rootClassName}__select-container`, {\n      [`${rootClassName}__select-container--disabled`]: selectProps.disabled,\n      [`${rootClassName}__select-container--readonly`]: readOnly && !selectProps.disabled,\n      [`${rootClassName}__select-container--negative`]: negative,\n    });\n\n    <IconChevronDown\n      className={cx(`${rootClassName}__select-icon`, {\n        [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n        [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n        [`${rootClassName}__select-icon--is-valid`]: isValid,\n        [`${rootClassName}__select-icon--negative`]: negative,\n      })}\n      data-testid={getTestId(\"dropdown-icon\")}\n      size=\"sm\"\n    />;\n    {\n      isValid && (\n        <IconCheckCircleFilled\n          key=\"valid-icon\"\n          data-testid={getTestId(\"valid-icon\")}\n          className={cx(`${rootClassName}__valid-icon`)}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cx(rootClassName, className, {\n          [`${rootClassName}--negative`]: negative,\n        })}\n      >\n        {label && (\n          <Label\n            htmlFor={fieldId}\n            className={cx(`${rootClassName}__label`)}\n            data-testid={getTestId(\"label\")}\n            disabled={selectProps.disabled}\n            negative={negative}\n          >\n            {selectProps.required && <span aria-hidden>*</span>}\n            {label}\n          </Label>\n        )}\n        <div className={cx(`${rootClassName}__field-row`)}>\n          <div className={selectContainerClassnames}>\n            <select\n              {...selectProps}\n              onChange={readOnly ? undefined : selectProps?.onChange}\n              id={fieldId}\n              ref={ref}\n              data-testid={getTestId(\"select\")}\n              aria-describedby={selectProps[\"aria-describedby\"] || helperTextId}\n              aria-invalid={selectProps[\"aria-invalid\"] || !!errorText}\n              aria-disabled={selectProps[\"aria-disabled\"] || selectProps.disabled}\n              aria-readonly={selectProps[\"aria-readonly\"] || (readOnly && !selectProps.disabled)}\n              className={cx(`${rootClassName}__select`, {\n                [`${rootClassName}__select--error`]: !!errorText,\n                [`${rootClassName}__select--is-valid`]: isValid,\n                [`${rootClassName}__select--negative`]: negative,\n              })}\n            >\n              {placeholder && (\n                <option value={placeholder.value ?? placeholder.label} disabled>\n                  {placeholder.label}\n                </option>\n              )}\n              {options.map((optionOrOptionGroup, index) =>\n                isOptionGroup(optionOrOptionGroup)\n                  ? renderOptionGroup(optionOrOptionGroup, fieldId, index, readOnly)\n                  : renderOptionItem(optionOrOptionGroup, fieldId, index, readOnly)\n              )}\n            </select>\n            <div className={cx(`${rootClassName}__end-adornments`)}>\n              {loading ? (\n                <Spinner\n                  key=\"spinner\"\n                  disabled={selectProps.disabled}\n                  size=\"xxs\"\n                  negative={negative}\n                  data-testid={getTestId(\"spinner\")}\n                />\n              ) : (\n                <IconChevronDown\n                  key=\"chevron-down-icon\"\n                  className={cx(`${rootClassName}__select-icon`, {\n                    [`${rootClassName}__select-icon--disabled`]: selectProps.disabled,\n                    [`${rootClassName}__select-icon--readonly`]: readOnly && !selectProps.disabled,\n                    [`${rootClassName}__select-icon--is-valid`]: isValid,\n                    [`${rootClassName}__select-icon--negative`]: negative,\n                  })}\n                  data-testid={getTestId(\"dropdown-icon\")}\n                  size=\"sm\"\n                />\n              )}\n              {isValid && (\n                <IconCheckCircleFilled\n                  key=\"valid-icon\"\n                  data-testid={getTestId(\"valid-icon\")}\n                  className={cx(`${rootClassName}__valid-icon`)}\n                />\n              )}\n            </div>\n            <div\n              className={cx(`${rootClassName}__frame`, {\n                [`${rootClassName}__frame--negative`]: negative,\n              })}\n            />\n          </div>\n        </div>\n        {helperTextId && (\n          <FieldHelperText\n            disabled={selectProps.disabled}\n            data-testid={getTestId(\"helper-text\")}\n            id={helperTextId}\n            negative={negative}\n          >\n            {helperText}\n          </FieldHelperText>\n        )}\n        {errorText && (\n          <FieldErrorText negative={negative} data-testid={getTestId(\"error-text\")}>\n            {errorText}\n          </FieldErrorText>\n        )}\n      </div>\n    );\n  }\n);\n\nconst isOptionGroup = (option: SelectOption | SelectOptionGroup): option is SelectOptionGroup => {\n  // eslint-disable-next-line no-prototype-builtins\n  return option.hasOwnProperty(\"options\");\n};\n\nconst renderOptionGroup = (\n  optionGroup: SelectOptionGroup,\n  fieldId: string,\n  index: number,\n  disableOption: boolean\n) => {\n  const groupKey = `${fieldId}--group--${index}`;\n\n  return (\n    <optgroup key={groupKey} label={optionGroup.label}>\n      {optionGroup.options.map((option, index) => {\n        return renderOptionItem(option, groupKey, index, disableOption);\n      })}\n    </optgroup>\n  );\n};\n\nconst renderOptionItem = (option: SelectOption, key: string, index: number, disabled: boolean) => {\n  return (\n    <option\n      key={`${key}--option--${index}`}\n      value={option.value ?? option.label}\n      disabled={disabled}\n    >\n      {option.label}\n    </option>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"names":["cx","c","styles","rootClassName","Select","forwardRef","label","options","className","errorText","helperText","negative","placeholder","readOnly","dataTestId","valid","loading","selectProps","ref","getTestId","name","isValid","randomId","useId","fieldId","helperTextId","selectContainerClassnames","jsx","IconChevronDown","IconCheckCircleFilled","jsxs","Label","optionOrOptionGroup","index","isOptionGroup","renderOptionGroup","renderOptionItem","Spinner","FieldHelperText","FieldErrorText","option","optionGroup","disableOption","groupKey","key","disabled"],"mappings":"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"}