boreal-ui 0.0.76 → 0.0.78

package/dist/next/ScrollToTop.css

@@ -0,0 +1,215 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+._wrapper_c3kuy_85 {
+  position: fixed;
+  bottom: calc(65px + env(safe-area-inset-bottom, 0px));
+  right: var(--spacing-sm);
+  z-index: 2003;
+  cursor: pointer;
+  opacity: 0.9;
+  transition: opacity var(--transition-default), transform var(--transition-default);
+}
+._wrapper_c3kuy_85:hover {
+  opacity: 1;
+  transform: scale(1.05);
+}
+@media (width <= 319.98px) {
+  ._wrapper_c3kuy_85:hover {
+    transform: scale(1.02);
+  }
+}
+@media (width <= 319.98px) {
+  ._wrapper_c3kuy_85 {
+    bottom: calc(56px + env(safe-area-inset-bottom, 0px));
+    right: var(--spacing-xs);
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_c3kuy_85 {
+    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
+    right: var(--spacing-md);
+  }
+}
+._wrapper_c3kuy_85 ._button_c3kuy_115 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background-color: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+._wrapper_c3kuy_85 ._button_c3kuy_115:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 3px;
+  border-radius: 8px;
+}
+._wrapper_c3kuy_85 ._icon_c3kuy_130 {
+  font-size: var(--font-size-label);
+  color: var(--text-color-primary);
+  background-color: var(--background-color-lighter);
+  padding: var(--spacing-xs);
+  width: 100%;
+  height: 100%;
+}
+@media (width <= 319.98px) {
+  ._wrapper_c3kuy_85 ._icon_c3kuy_130 {
+    font-size: var(--font-size-caption);
+    padding: 1px;
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_c3kuy_85 ._icon_c3kuy_130 {
+    font-size: var(--font-size-body-sm);
+    padding: var(--spacing-sm);
+  }
+}
+
+._roundNone_c3kuy_151 ._icon_c3kuy_130 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_c3kuy_155 ._icon_c3kuy_130 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_c3kuy_159 ._icon_c3kuy_130 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_c3kuy_163 ._icon_c3kuy_130 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_c3kuy_167 ._icon_c3kuy_130 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_c3kuy_171 ._icon_c3kuy_130 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_c3kuy_175 ._icon_c3kuy_130 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_c3kuy_179 ._icon_c3kuy_130 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_c3kuy_183 ._icon_c3kuy_130 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_c3kuy_187 ._icon_c3kuy_130 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._wrapper_c3kuy_85,
+  ._wrapper_c3kuy_85 * {
+    transition: none !important;
+  }
+  ._wrapper_c3kuy_85:hover {
+    transform: none !important;
+  }
+}
+@media (hover: none) {
+  ._wrapper_c3kuy_85:hover {
+    transform: none;
+  }
+}
+@media (forced-colors: active) {
+  ._wrapper_c3kuy_85 ._icon_c3kuy_130 {
+    background: Canvas;
+    color: ButtonText;
+    border: 1px solid ButtonText;
+  }
+  ._wrapper_c3kuy_85 ._button_c3kuy_115:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 3px;
+  }
+}

package/dist/next/ScrollToTop.js

@@ -1,4 +1,4 @@
-import { S } from "./ScrollToTop-Cw7LXubo.js";
+import { S } from "./ScrollToTop-C7ThHvxg.js";
 export {
   S as default
 };

package/dist/next/{Select-DAD4xA1b.cjs → Select-CiyDDVhq.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Select.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const CheveronDownIcon = require("./CheveronDownIcon-CyoOZUNY.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
@@ -255,4 +255,4 @@ const Select = React.forwardRef((props, ref) => {
 });
 Select.displayName = "Select";
 exports.Select = Select;
-//# sourceMappingURL=Select-DAD4xA1b.cjs.map
+//# sourceMappingURL=Select-CiyDDVhq.cjs.map

package/dist/next/{Select-DAD4xA1b.cjs.map → Select-CiyDDVhq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-DAD4xA1b.cjs","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      required,\r\n      name,\r\n      label,\r\n      labelPosition = \"top\",\r\n      id,\r\n      form,\r\n      autoComplete,\r\n      role,\r\n      tabIndex,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-busy\": ariaBusy,\r\n      \"aria-live\": ariaLive = \"polite\",\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const selectId = id || `${generatedId}-select`;\r\n    const internalDescriptionId = ariaDescription\r\n      ? `${generatedId}-desc`\r\n      : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const hasLabel = Boolean(label);\r\n\r\n    const layoutClasses = useMemo(() => {\r\n      const posClass = hasLabel\r\n        ? classMap[`label${capitalize(labelPosition)}`]\r\n        : undefined;\r\n\r\n      return combineClassNames(classMap.layout, posClass);\r\n    }, [classMap, hasLabel, labelPosition]);\r\n\r\n    const labelClasses = useMemo(\r\n      () => combineClassNames(classMap.label, classMap.labelOverlay),\r\n      [classMap],\r\n    );\r\n\r\n    const computedDescribedBy = useMemo(() => {\r\n      const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);\r\n      return ids.length > 0 ? ids.join(\" \") : undefined;\r\n    }, [ariaDescribedBy, internalDescriptionId]);\r\n\r\n    const computedAriaLabel = ariaLabelledBy\r\n      ? undefined\r\n      : ariaLabel || placeholder;\r\n\r\n    const labelNode = hasLabel ? (\r\n      <div className={labelClasses} data-testid={`${testId}-label`}>\r\n        {label}\r\n      </div>\r\n    ) : null;\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          setLoading(true);\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        } finally {\r\n          if (isMounted) setLoading(false);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled],\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () => combineClassNames(classMap.select, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.icon,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    const opts = asyncOptions ? internalOptions : options;\r\n\r\n    return (\r\n      <div className={layoutClasses} data-testid={`${testId}-layout`}>\r\n        {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n        <div className={wrapperClasses} data-testid={testId}>\r\n          <select\r\n            ref={ref}\r\n            id={selectId}\r\n            name={name}\r\n            form={form}\r\n            autoComplete={autoComplete}\r\n            role={role}\r\n            tabIndex={tabIndex}\r\n            value={value ?? \"\"}\r\n            onChange={handleChange}\r\n            className={selectClasses}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-description={ariaDescription}\r\n            aria-describedby={computedDescribedBy}\r\n            aria-disabled={disabled || undefined}\r\n            aria-invalid={ariaInvalid ?? (state === \"error\" || undefined)}\r\n            aria-required={ariaRequired ?? (required || undefined)}\r\n            aria-busy={ariaBusy ?? (loading || undefined)}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n          >\r\n            <option value=\"\" disabled hidden>\r\n              {placeholder}\r\n            </option>\r\n\r\n            {opts.map((option) => (\r\n              <option\r\n                key={option.value}\r\n                value={option.value}\r\n                disabled={option.disabled}\r\n                data-testid={`${testId}-option-${option.value}`}\r\n              >\r\n                {option.label}\r\n              </option>\r\n            ))}\r\n          </select>\r\n\r\n          <div\r\n            className={iconClasses}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n          </div>\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={internalDescriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n\r\n          {loading && (\r\n            <span\r\n              className={classMap.loading}\r\n              aria-live={ariaLive}\r\n              data-testid={`${testId}-loading`}\r\n            >\r\n              Loading options…\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {\r\n  return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n});\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","label","useId","useState","useMemo","capitalize","combineClassNames","jsx","useEffect","jsxs","ChevronDownIcon"],"mappings":"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"}
+{"version":3,"file":"Select-CiyDDVhq.cjs","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      required,\r\n      name,\r\n      label,\r\n      labelPosition = \"top\",\r\n      id,\r\n      form,\r\n      autoComplete,\r\n      role,\r\n      tabIndex,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-busy\": ariaBusy,\r\n      \"aria-live\": ariaLive = \"polite\",\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const selectId = id || `${generatedId}-select`;\r\n    const internalDescriptionId = ariaDescription\r\n      ? `${generatedId}-desc`\r\n      : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const hasLabel = Boolean(label);\r\n\r\n    const layoutClasses = useMemo(() => {\r\n      const posClass = hasLabel\r\n        ? classMap[`label${capitalize(labelPosition)}`]\r\n        : undefined;\r\n\r\n      return combineClassNames(classMap.layout, posClass);\r\n    }, [classMap, hasLabel, labelPosition]);\r\n\r\n    const labelClasses = useMemo(\r\n      () => combineClassNames(classMap.label, classMap.labelOverlay),\r\n      [classMap],\r\n    );\r\n\r\n    const computedDescribedBy = useMemo(() => {\r\n      const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);\r\n      return ids.length > 0 ? ids.join(\" \") : undefined;\r\n    }, [ariaDescribedBy, internalDescriptionId]);\r\n\r\n    const computedAriaLabel = ariaLabelledBy\r\n      ? undefined\r\n      : ariaLabel || placeholder;\r\n\r\n    const labelNode = hasLabel ? (\r\n      <div className={labelClasses} data-testid={`${testId}-label`}>\r\n        {label}\r\n      </div>\r\n    ) : null;\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          setLoading(true);\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        } finally {\r\n          if (isMounted) setLoading(false);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled],\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () => combineClassNames(classMap.select, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.icon,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    const opts = asyncOptions ? internalOptions : options;\r\n\r\n    return (\r\n      <div className={layoutClasses} data-testid={`${testId}-layout`}>\r\n        {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n        <div className={wrapperClasses} data-testid={testId}>\r\n          <select\r\n            ref={ref}\r\n            id={selectId}\r\n            name={name}\r\n            form={form}\r\n            autoComplete={autoComplete}\r\n            role={role}\r\n            tabIndex={tabIndex}\r\n            value={value ?? \"\"}\r\n            onChange={handleChange}\r\n            className={selectClasses}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-description={ariaDescription}\r\n            aria-describedby={computedDescribedBy}\r\n            aria-disabled={disabled || undefined}\r\n            aria-invalid={ariaInvalid ?? (state === \"error\" || undefined)}\r\n            aria-required={ariaRequired ?? (required || undefined)}\r\n            aria-busy={ariaBusy ?? (loading || undefined)}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n          >\r\n            <option value=\"\" disabled hidden>\r\n              {placeholder}\r\n            </option>\r\n\r\n            {opts.map((option) => (\r\n              <option\r\n                key={option.value}\r\n                value={option.value}\r\n                disabled={option.disabled}\r\n                data-testid={`${testId}-option-${option.value}`}\r\n              >\r\n                {option.label}\r\n              </option>\r\n            ))}\r\n          </select>\r\n\r\n          <div\r\n            className={iconClasses}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n          </div>\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={internalDescriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n\r\n          {loading && (\r\n            <span\r\n              className={classMap.loading}\r\n              aria-live={ariaLive}\r\n              data-testid={`${testId}-loading`}\r\n            >\r\n              Loading options…\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {\r\n  return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n});\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","label","useId","useState","useMemo","capitalize","combineClassNames","jsx","useEffect","jsxs","ChevronDownIcon"],"mappings":"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"}

package/dist/next/{Select-b8fO1q2K.js → Select-D4bH7djH.js}

@@ -4,7 +4,7 @@ import { C as ChevronDownIcon } from "./CheveronDownIcon-Cn9jj-ku.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const BaseSelect = forwardRef(
+import './Select.css';const BaseSelect = forwardRef(
   ({
     theme = getDefaultTheme(),
     state = "",
@@ -256,4 +256,4 @@ Select.displayName = "Select";
 export {
   Select as S
 };
-//# sourceMappingURL=Select-b8fO1q2K.js.map
+//# sourceMappingURL=Select-D4bH7djH.js.map

package/dist/next/{Select-b8fO1q2K.js.map → Select-D4bH7djH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-b8fO1q2K.js","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      required,\r\n      name,\r\n      label,\r\n      labelPosition = \"top\",\r\n      id,\r\n      form,\r\n      autoComplete,\r\n      role,\r\n      tabIndex,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-busy\": ariaBusy,\r\n      \"aria-live\": ariaLive = \"polite\",\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const selectId = id || `${generatedId}-select`;\r\n    const internalDescriptionId = ariaDescription\r\n      ? `${generatedId}-desc`\r\n      : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const hasLabel = Boolean(label);\r\n\r\n    const layoutClasses = useMemo(() => {\r\n      const posClass = hasLabel\r\n        ? classMap[`label${capitalize(labelPosition)}`]\r\n        : undefined;\r\n\r\n      return combineClassNames(classMap.layout, posClass);\r\n    }, [classMap, hasLabel, labelPosition]);\r\n\r\n    const labelClasses = useMemo(\r\n      () => combineClassNames(classMap.label, classMap.labelOverlay),\r\n      [classMap],\r\n    );\r\n\r\n    const computedDescribedBy = useMemo(() => {\r\n      const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);\r\n      return ids.length > 0 ? ids.join(\" \") : undefined;\r\n    }, [ariaDescribedBy, internalDescriptionId]);\r\n\r\n    const computedAriaLabel = ariaLabelledBy\r\n      ? undefined\r\n      : ariaLabel || placeholder;\r\n\r\n    const labelNode = hasLabel ? (\r\n      <div className={labelClasses} data-testid={`${testId}-label`}>\r\n        {label}\r\n      </div>\r\n    ) : null;\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          setLoading(true);\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        } finally {\r\n          if (isMounted) setLoading(false);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled],\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () => combineClassNames(classMap.select, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.icon,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    const opts = asyncOptions ? internalOptions : options;\r\n\r\n    return (\r\n      <div className={layoutClasses} data-testid={`${testId}-layout`}>\r\n        {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n        <div className={wrapperClasses} data-testid={testId}>\r\n          <select\r\n            ref={ref}\r\n            id={selectId}\r\n            name={name}\r\n            form={form}\r\n            autoComplete={autoComplete}\r\n            role={role}\r\n            tabIndex={tabIndex}\r\n            value={value ?? \"\"}\r\n            onChange={handleChange}\r\n            className={selectClasses}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-description={ariaDescription}\r\n            aria-describedby={computedDescribedBy}\r\n            aria-disabled={disabled || undefined}\r\n            aria-invalid={ariaInvalid ?? (state === \"error\" || undefined)}\r\n            aria-required={ariaRequired ?? (required || undefined)}\r\n            aria-busy={ariaBusy ?? (loading || undefined)}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n          >\r\n            <option value=\"\" disabled hidden>\r\n              {placeholder}\r\n            </option>\r\n\r\n            {opts.map((option) => (\r\n              <option\r\n                key={option.value}\r\n                value={option.value}\r\n                disabled={option.disabled}\r\n                data-testid={`${testId}-option-${option.value}`}\r\n              >\r\n                {option.label}\r\n              </option>\r\n            ))}\r\n          </select>\r\n\r\n          <div\r\n            className={iconClasses}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n          </div>\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={internalDescriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n\r\n          {loading && (\r\n            <span\r\n              className={classMap.loading}\r\n              aria-live={ariaLive}\r\n              data-testid={`${testId}-loading`}\r\n            >\r\n              Loading options…\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {\r\n  return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n});\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["outline","disabled","label"],"mappings":"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"}
+{"version":3,"file":"Select-D4bH7djH.js","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      required,\r\n      name,\r\n      label,\r\n      labelPosition = \"top\",\r\n      id,\r\n      form,\r\n      autoComplete,\r\n      role,\r\n      tabIndex,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-busy\": ariaBusy,\r\n      \"aria-live\": ariaLive = \"polite\",\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const selectId = id || `${generatedId}-select`;\r\n    const internalDescriptionId = ariaDescription\r\n      ? `${generatedId}-desc`\r\n      : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const hasLabel = Boolean(label);\r\n\r\n    const layoutClasses = useMemo(() => {\r\n      const posClass = hasLabel\r\n        ? classMap[`label${capitalize(labelPosition)}`]\r\n        : undefined;\r\n\r\n      return combineClassNames(classMap.layout, posClass);\r\n    }, [classMap, hasLabel, labelPosition]);\r\n\r\n    const labelClasses = useMemo(\r\n      () => combineClassNames(classMap.label, classMap.labelOverlay),\r\n      [classMap],\r\n    );\r\n\r\n    const computedDescribedBy = useMemo(() => {\r\n      const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);\r\n      return ids.length > 0 ? ids.join(\" \") : undefined;\r\n    }, [ariaDescribedBy, internalDescriptionId]);\r\n\r\n    const computedAriaLabel = ariaLabelledBy\r\n      ? undefined\r\n      : ariaLabel || placeholder;\r\n\r\n    const labelNode = hasLabel ? (\r\n      <div className={labelClasses} data-testid={`${testId}-label`}>\r\n        {label}\r\n      </div>\r\n    ) : null;\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          setLoading(true);\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        } finally {\r\n          if (isMounted) setLoading(false);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled],\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () => combineClassNames(classMap.select, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.icon,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    const opts = asyncOptions ? internalOptions : options;\r\n\r\n    return (\r\n      <div className={layoutClasses} data-testid={`${testId}-layout`}>\r\n        {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n        <div className={wrapperClasses} data-testid={testId}>\r\n          <select\r\n            ref={ref}\r\n            id={selectId}\r\n            name={name}\r\n            form={form}\r\n            autoComplete={autoComplete}\r\n            role={role}\r\n            tabIndex={tabIndex}\r\n            value={value ?? \"\"}\r\n            onChange={handleChange}\r\n            className={selectClasses}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-description={ariaDescription}\r\n            aria-describedby={computedDescribedBy}\r\n            aria-disabled={disabled || undefined}\r\n            aria-invalid={ariaInvalid ?? (state === \"error\" || undefined)}\r\n            aria-required={ariaRequired ?? (required || undefined)}\r\n            aria-busy={ariaBusy ?? (loading || undefined)}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n          >\r\n            <option value=\"\" disabled hidden>\r\n              {placeholder}\r\n            </option>\r\n\r\n            {opts.map((option) => (\r\n              <option\r\n                key={option.value}\r\n                value={option.value}\r\n                disabled={option.disabled}\r\n                data-testid={`${testId}-option-${option.value}`}\r\n              >\r\n                {option.label}\r\n              </option>\r\n            ))}\r\n          </select>\r\n\r\n          <div\r\n            className={iconClasses}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n          </div>\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={internalDescriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n\r\n          {loading && (\r\n            <span\r\n              className={classMap.loading}\r\n              aria-live={ariaLive}\r\n              data-testid={`${testId}-loading`}\r\n            >\r\n              Loading options…\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {\r\n  return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n});\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["outline","disabled","label"],"mappings":";;;;;;AAkBA,MAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,SAAAA,WAAU;AAAA,IACV,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,UAAAC,YAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAAC;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,aAAa,WAAW;AAAA,IACxB,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,cAAc,MAAA;AACpB,UAAM,WAAW,MAAM,GAAG,WAAW;AACrC,UAAM,wBAAwB,kBAC1B,GAAG,WAAW,UACd;AAEJ,UAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,OAAO;AAC9D,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,UAAM,WAAW,QAAQA,MAAK;AAE9B,UAAM,gBAAgB,QAAQ,MAAM;AAClC,YAAM,WAAW,WACb,SAAS,QAAQ,WAAW,aAAa,CAAC,EAAE,IAC5C;AAEJ,aAAO,kBAAkB,SAAS,QAAQ,QAAQ;AAAA,IACpD,GAAG,CAAC,UAAU,UAAU,aAAa,CAAC;AAEtC,UAAM,eAAe;AAAA,MACnB,MAAM,kBAAkB,SAAS,OAAO,SAAS,YAAY;AAAA,MAC7D,CAAC,QAAQ;AAAA,IAAA;AAGX,UAAM,sBAAsB,QAAQ,MAAM;AACxC,YAAM,MAAM,CAAC,iBAAiB,qBAAqB,EAAE,OAAO,OAAO;AACnE,aAAO,IAAI,SAAS,IAAI,IAAI,KAAK,GAAG,IAAI;AAAA,IAC1C,GAAG,CAAC,iBAAiB,qBAAqB,CAAC;AAE3C,UAAM,oBAAoB,iBACtB,SACA,aAAa;AAEjB,UAAM,YAAY,WAChB,oBAAC,OAAA,EAAI,WAAW,cAAc,eAAa,GAAG,MAAM,UACjD,UAAAA,OAAA,CACH,IACE;AAEJ,cAAU,MAAM;AACd,UAAI,CAAC,aAAc;AAEnB,UAAI,YAAY;AAEhB,YAAM,OAAO,YAAY;AACvB,YAAI;AACF,qBAAW,IAAI;AACf,gBAAM,UAAU,MAAM,aAAa,EAAE;AACrC,cAAI,8BAA8B,OAAO;AAAA,QAC3C,SAAS,KAAK;AACZ,kBAAQ,MAAM,2BAA2B,GAAG;AAAA,QAC9C,UAAA;AACE,cAAI,sBAAsB,KAAK;AAAA,QACjC;AAAA,MACF;AAEA,WAAA;AAEA,UAAI,eAAe,GAAG;AACpB,cAAM,aAAa,YAAY,MAAM,YAAY;AACjD,eAAO,MAAM;AACX,wBAAc,UAAU;AACxB,sBAAY;AAAA,QACd;AAAA,MACF;AAEA,aAAO,MAAM;AACX,oBAAY;AAAA,MACd;AAAA,IACF,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,UAAM,eAAe,CAAC,UAA0C;AAC9D,eAAS,MAAM,OAAO,KAAK;AAAA,IAC7B;AAEA,UAAM,iBAAiB;AAAA,MACrB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd;AAAA,QACA,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDF,YAAW,SAAS;AAAA,QACpBC,aAAY,SAAS;AAAA,MAAA;AAAA,MAEzB,CAAC,UAAU,OAAO,OAAO,WAAW,QAAQ,UAAUD,UAASC,SAAQ;AAAA,IAAA;AAGzE,UAAM,gBAAgB;AAAA,MACpB,MAAM,kBAAkB,SAAS,QAAQD,YAAW,SAAS,OAAO;AAAA,MACpE,CAAC,UAAUA,QAAO;AAAA,IAAA;AAGpB,UAAM,cAAc;AAAA,MAClB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACdC,aAAY,SAAS;AAAA,MAAA;AAAA,MAEzB,CAAC,UAAU,OAAOA,SAAQ;AAAA,IAAA;AAG5B,UAAM,OAAO,eAAe,kBAAkB;AAE9C,gCACG,OAAA,EAAI,WAAW,eAAe,eAAa,GAAG,MAAM,WACjD,UAAA;AAAA,OAAA,kBAAkB,SAAS,kBAAkB,WAAW;AAAA,MAE1D,qBAAC,OAAA,EAAI,WAAW,gBAAgB,eAAa,QAC3C,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO,SAAS;AAAA,YAChB,UAAU;AAAA,YACV,WAAW;AAAA,YACX,cAAY;AAAA,YACZ,mBAAiB;AAAA,YACjB,oBAAkB;AAAA,YAClB,oBAAkB;AAAA,YAClB,iBAAeA,aAAY;AAAA,YAC3B,gBAAc,gBAAgB,UAAU,WAAW;AAAA,YACnD,iBAAe,iBAAiB,YAAY;AAAA,YAC5C,aAAW,aAAa,WAAW;AAAA,YACnC,UAAAA;AAAA,YACA;AAAA,YACA,eAAa,GAAG,MAAM;AAAA,YAEtB,UAAA;AAAA,cAAA,oBAAC,YAAO,OAAM,IAAG,UAAQ,MAAC,QAAM,MAC7B,UAAA,YAAA,CACH;AAAA,cAEC,KAAK,IAAI,CAAC,WACT;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,OAAO,OAAO;AAAA,kBACd,UAAU,OAAO;AAAA,kBACjB,eAAa,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA,kBAE5C,UAAA,OAAO;AAAA,gBAAA;AAAA,gBALH,OAAO;AAAA,cAAA,CAOf;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAEtB,UAAA,oBAAC,iBAAA,EAAgB,eAAY,QAAO,WAAW,MAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvD,mBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAU;AAAA,YACV,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,WACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,aAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YACvB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,GAEJ;AAAA,OAEE,kBAAkB,YAAY,kBAAkB,YAAY;AAAA,IAAA,GAChE;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3OzB,MAAM,SAAS,WAA2C,CAAC,OAAO,QAAQ;AACxE,6BAAQ,YAAA,EAAY,GAAG,OAAO,KAAU,UAAU,QAAQ;AAC5D,CAAC;AAED,OAAO,cAAc;"}

package/dist/next/Select.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Select = require("./Select-DAD4xA1b.cjs");
+const Select = require("./Select-CiyDDVhq.cjs");
 module.exports = Select.Select;
 //# sourceMappingURL=Select.cjs.js.map