npm - boreal-ui - Versions diffs - 0.0.1 → 0.0.9 - Mend

boreal-ui 0.0.1 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (311) hide show

package/dist/next/Select-DwWTQcCU.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select-DwWTQcCU.js","sources":["../../src/Icons/CheveronDownIcon.tsx","../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["const ChevronDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ChevronDownIcon;\r\n","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 { SelectProps } from \"./Select.types\";\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\n\r\ninterface BaseSelectProps extends SelectProps {\r\n classMap: Record<string, string>;\r\n}\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 ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n className = \"\",\r\n classMap,\r\n asyncOptions,\r\n pollInterval = 0,\r\n \"data-testid\": testId = \"select\",\r\n },\r\n ref\r\n ) => {\r\n const id = useId();\r\n const selectId = `${id}-select`;\r\n const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n const [internalOptions, setInternalOptions] = useState(options);\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 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 }\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 () =>\r\n combineClassNames(\r\n classMap.select,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline ? classMap.outline : \"\"\r\n ),\r\n [classMap, theme, state, outline]\r\n );\r\n\r\n return (\r\n <div className={wrapperClasses} data-testid={testId}>\r\n <select\r\n ref={ref}\r\n id={selectId}\r\n value={value}\r\n onChange={handleChange}\r\n className={selectClasses}\r\n aria-label={ariaLabel \|\| placeholder}\r\n aria-describedby={descId}\r\n aria-disabled={disabled}\r\n disabled={disabled}\r\n data-testid={`${testId}-input`}\r\n >\r\n <option value=\"\" disabled hidden>\r\n {placeholder}\r\n </option>\r\n {(asyncOptions ? internalOptions : options).map((option) => (\r\n <option\r\n key={option.value}\r\n value={option.value}\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={`${classMap.icon} ${classMap[theme]} ${\r\n disabled && classMap.disabled ? classMap.disabled : \"\"\r\n }`}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <ChevronDownIcon />\r\n </div>\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descId}\r\n className=\"sr-only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\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 React 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 = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n (props, ref) => {\r\n return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["outline","disabled"],"mappings":";;;;;AAAA,MAAM,kBAA2D,CAAC,UAChE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;ACKF,MAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE,QAAQ,~~gBAAgB~~;AAAA,~~IACxB~~,QAAQ;AAAA,IACR,SAAAA,WAAU;AAAA,IACV,WAAW,~~mBAAmB~~;AAAA,~~IAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~IAC1B~~;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,eAAe,SAAS;AAAA,~~KAE1B~~,QACG;AACH,UAAM,KAAK,~~MAAM~~;AACX,~~UAAA~~,WAAW,GAAG,EAAE;AACtB,UAAM,SAAS,kBAAkB,GAAG,EAAE,UAAU;AAEhD,UAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,OAAO;AAE9D,cAAU,MAAM;AACd,UAAI,CAAC,aAAc;AAEnB,UAAI,YAAY;AAEhB,YAAM,OAAO,YAAY;~~AACnB~~,~~YAAA~~;~~AACI~~,~~gBAAA~~,UAAU,MAAM,aAAa,EAAE;~~AACjC~~,~~cAAA~~,8BAA8B,OAAO;AAAA,~~iBAClC~~,KAAK;~~AACJ~~,~~kBAAA~~,MAAM,2BAA2B,GAAG;AAAA,~~QAAA~~;AAAA,~~MAEhD~~;~~AAEK~~,WAAA;~~AAEL~~,UAAI,eAAe,GAAG;~~AACd~~,~~cAAA~~,aAAa,YAAY,MAAM,YAAY;AACjD,eAAO,MAAM;AACX,wBAAc,UAAU;~~AACZ~~,~~sBAAA~~;AAAA,QACd;AAAA,~~MAAA~~;~~AAGF~~,aAAO,MAAM;~~AACC~~,~~oBAAA~~;AAAA,MACd;AAAA,~~IAAA~~,~~GACC~~,CAAC,cAAc,YAAY,CAAC;~~AAEzB~~,~~UAAA~~,eAAe,CAAC,UAA0C;~~AACrD~~,~~eAAA~~,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,QACnDD,WAAU,SAAS,UAAU;AAAA,QAC7BC,YAAW,SAAS,WAAW;AAAA,~~MACjC~~;AAAA,~~MACF~~,CAAC,UAAU,OAAO,OAAO,WAAW,QAAQ,UAAUD,UAASC,SAAQ;AAAA,~~IACzE~~;~~AAEA~~,UAAM,gBAAgB;AAAA,MACpB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDD,WAAU,SAAS,UAAU;AAAA,~~MAC/B~~;AAAA,~~MACF~~,CAAC,UAAU,OAAO,OAAOA,QAAO;AAAA,~~IAClC~~;~~AAEA~~,~~WACG~~,~~qBAAA~~,OAAA,EAAI,WAAW,gBAAgB,eAAa,QAC3C,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAI;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,cAAY,aAAa;AAAA,UACzB,oBAAkB;AAAA,UAClB,iBAAeC;AAAA,UACf,UAAAA;AAAA,UACA,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAA;AAAA,YAAA,oBAAC,YAAO,OAAM,IAAG,UAAQ,MAAC,QAAM,MAC7B,~~UACH~~,YAAA,~~CAAA~~;AAAA,aACE,eAAe,kBAAkB,SAAS,IAAI,CAAC,WAC/C;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,OAAO,OAAO;AAAA,gBACd,eAAa,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA,gBAE5C,~~UAAO~~,~~OAAA~~;AAAA,cAAA;AAAA,cAJH,OAAO;AAAA,~~YAMf~~,~~CAAA~~;AAAA,UAAA;AAAA,QAAA;AAAA,~~MACH~~;AAAA,~~MAEA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAG,SAAS,IAAI,IAAI,SAAS,KAAK,CAAC,IAC5CA,aAAY,SAAS,WAAW,SAAS,WAAW,EACtD;AAAA,UACA,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,8BAAC,~~iBAAgB~~,CAAA,~~CAAA~~;AAAA,QAAA;AAAA,~~MACnB~~;AAAA,~~MAEC~~,mBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,~~EAAA~~;~~AAGN~~;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7JzB,MAAM,SAAS,MAAM;AAAA,EACnB,CAAC,OAAO,QAAQ;AACd,+BAAQ,~~YAAY~~,~~EAAA~~,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,~~EAAA~~;~~AAE9D~~;AAEA,OAAO,cAAc;"}
1	+ {"version":3,"file":"Select-DwWTQcCU.js","sources":["../../src/Icons/CheveronDownIcon.tsx","../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["const ChevronDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ChevronDownIcon;\r\n","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 { SelectProps } from \"./Select.types\";\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\n\r\ninterface BaseSelectProps extends SelectProps {\r\n classMap: Record<string, string>;\r\n}\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 ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n className = \"\",\r\n classMap,\r\n asyncOptions,\r\n pollInterval = 0,\r\n \"data-testid\": testId = \"select\",\r\n },\r\n ref\r\n ) => {\r\n const id = useId();\r\n const selectId = `${id}-select`;\r\n const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n const [internalOptions, setInternalOptions] = useState(options);\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 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 }\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 () =>\r\n combineClassNames(\r\n classMap.select,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline ? classMap.outline : \"\"\r\n ),\r\n [classMap, theme, state, outline]\r\n );\r\n\r\n return (\r\n <div className={wrapperClasses} data-testid={testId}>\r\n <select\r\n ref={ref}\r\n id={selectId}\r\n value={value}\r\n onChange={handleChange}\r\n className={selectClasses}\r\n aria-label={ariaLabel \|\| placeholder}\r\n aria-describedby={descId}\r\n aria-disabled={disabled}\r\n disabled={disabled}\r\n data-testid={`${testId}-input`}\r\n >\r\n <option value=\"\" disabled hidden>\r\n {placeholder}\r\n </option>\r\n {(asyncOptions ? internalOptions : options).map((option) => (\r\n <option\r\n key={option.value}\r\n value={option.value}\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={`${classMap.icon} ${classMap[theme]} ${\r\n disabled && classMap.disabled ? classMap.disabled : \"\"\r\n }`}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <ChevronDownIcon />\r\n </div>\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descId}\r\n className=\"sr-only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\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 React 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 = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n (props, ref) => {\r\n return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["outline","disabled"],"mappings":"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"}

package/dist/next/Select-_f1aZuKO.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select-_f1aZuKO.cjs","sources":["../../src/Icons/CheveronDownIcon.tsx","../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["const ChevronDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ChevronDownIcon;\r\n","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 { SelectProps } from \"./Select.types\";\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\n\r\ninterface BaseSelectProps extends SelectProps {\r\n classMap: Record<string, string>;\r\n}\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 ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n className = \"\",\r\n classMap,\r\n asyncOptions,\r\n pollInterval = 0,\r\n \"data-testid\": testId = \"select\",\r\n },\r\n ref\r\n ) => {\r\n const id = useId();\r\n const selectId = `${id}-select`;\r\n const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n const [internalOptions, setInternalOptions] = useState(options);\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 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 }\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 () =>\r\n combineClassNames(\r\n classMap.select,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline ? classMap.outline : \"\"\r\n ),\r\n [classMap, theme, state, outline]\r\n );\r\n\r\n return (\r\n <div className={wrapperClasses} data-testid={testId}>\r\n <select\r\n ref={ref}\r\n id={selectId}\r\n value={value}\r\n onChange={handleChange}\r\n className={selectClasses}\r\n aria-label={ariaLabel \|\| placeholder}\r\n aria-describedby={descId}\r\n aria-disabled={disabled}\r\n disabled={disabled}\r\n data-testid={`${testId}-input`}\r\n >\r\n <option value=\"\" disabled hidden>\r\n {placeholder}\r\n </option>\r\n {(asyncOptions ? internalOptions : options).map((option) => (\r\n <option\r\n key={option.value}\r\n value={option.value}\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={`${classMap.icon} ${classMap[theme]} ${\r\n disabled && classMap.disabled ? classMap.disabled : \"\"\r\n }`}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <ChevronDownIcon />\r\n </div>\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descId}\r\n className=\"sr-only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\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 React 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 = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n (props, ref) => {\r\n return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["jsx","forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","useId","useState","useEffect","useMemo","combineClassNames","capitalize","jsxs"],"mappings":";;;;;;AAAA,MAAM,kBAA2D,CAAC,UAChEA,~~2BAAA~~;~~AAAA~~,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;ACKF,MAAM,aAAaC,~~MAAA~~;~~AAAA~~,EACjB,CACE;AAAA,IACE,QAAQC,kBAAAA,~~gBAAgB~~;AAAA,~~IACxB~~,QAAQ;AAAA,IACR,SAAAC,WAAU;AAAA,IACV,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~IAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~IAC1B~~;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,eAAe,SAAS;AAAA,~~KAE1B~~,QACG;AACH,UAAM,KAAKC,MAAAA,~~MAAM~~;AACX,~~UAAA~~,WAAW,GAAG,EAAE;AACtB,UAAM,SAAS,kBAAkB,GAAG,EAAE,UAAU;AAEhD,UAAM,CAAC,iBAAiB,kBAAkB,IAAIC,MAAAA,SAAS,OAAO;AAE9DC,UAAAA,UAAU,MAAM;AACd,UAAI,CAAC,aAAc;AAEnB,UAAI,YAAY;AAEhB,YAAM,OAAO,YAAY;~~AACnB~~,~~YAAA~~;~~AACI~~,~~gBAAA~~,UAAU,MAAM,aAAa,EAAE;~~AACjC~~,~~cAAA~~,8BAA8B,OAAO;AAAA,~~iBAClC~~,KAAK;~~AACJ~~,~~kBAAA~~,MAAM,2BAA2B,GAAG;AAAA,~~QAAA~~;AAAA,~~MAEhD~~;~~AAEK~~,WAAA;~~AAEL~~,UAAI,eAAe,GAAG;~~AACd~~,~~cAAA~~,aAAa,YAAY,MAAM,YAAY;AACjD,eAAO,MAAM;AACX,wBAAc,UAAU;~~AACZ~~,~~sBAAA~~;AAAA,QACd;AAAA,~~MAAA~~;~~AAGF~~,aAAO,MAAM;~~AACC~~,~~oBAAA~~;AAAA,MACd;AAAA,~~IAAA~~,~~GACC~~,CAAC,cAAc,YAAY,CAAC;~~AAEzB~~,~~UAAA~~,eAAe,CAAC,UAA0C;~~AACrD~~,~~eAAA~~,MAAM,OAAO,KAAK;AAAA,IAC7B;AAEA,UAAM,iBAAiBC,~~MAAA~~;~~AAAA~~,MACrB,MACEC,~~WAAA~~;~~AAAA~~,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd;AAAA,QACA,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDT,WAAU,SAAS,UAAU;AAAA,QAC7BG,YAAW,SAAS,WAAW;AAAA,~~MACjC~~;AAAA,~~MACF~~,CAAC,UAAU,OAAO,OAAO,WAAW,QAAQ,UAAUH,UAASG,SAAQ;AAAA,~~IACzE~~;~~AAEA~~,UAAM,gBAAgBI,~~MAAA~~;~~AAAA~~,MACpB,MACEC,~~WAAA~~;~~AAAA~~,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnDT,WAAU,SAAS,UAAU;AAAA,~~MAC/B~~;AAAA,~~MACF~~,CAAC,UAAU,OAAO,OAAOA,QAAO;AAAA,~~IAClC~~;~~AAEA~~,~~WACGU~~,2BAAAA,~~KAAA~~,OAAA,EAAI,WAAW,gBAAgB,eAAa,QAC3C,UAAA;AAAA,MAAAA,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAI;AAAA,UACJ;AAAA,UACA,UAAU;AAAA,UACV,WAAW;AAAA,UACX,cAAY,aAAa;AAAA,UACzB,oBAAkB;AAAA,UAClB,iBAAeP;AAAA,UACf,UAAAA;AAAA,UACA,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAA;AAAA,YAAAN,2BAAAA,IAAC,YAAO,OAAM,IAAG,UAAQ,MAAC,QAAM,MAC7B,~~UACH~~,YAAA,~~CAAA~~;AAAA,aACE,eAAe,kBAAkB,SAAS,IAAI,CAAC,WAC/CA,~~2BAAA~~;~~AAAA~~,cAAC;AAAA,cAAA;AAAA,gBAEC,OAAO,OAAO;AAAA,gBACd,eAAa,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA,gBAE5C,~~UAAO~~,~~OAAA~~;AAAA,cAAA;AAAA,cAJH,OAAO;AAAA,~~YAMf~~,~~CAAA~~;AAAA,UAAA;AAAA,QAAA;AAAA,~~MACH~~;AAAA,~~MAEAA~~,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,GAAG,SAAS,IAAI,IAAI,SAAS,KAAK,CAAC,IAC5CM,aAAY,SAAS,WAAW,SAAS,WAAW,EACtD;AAAA,UACA,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,yCAAC,~~iBAAgB~~,CAAA,~~CAAA~~;AAAA,QAAA;AAAA,~~MACnB~~;AAAA,~~MAEC~~,mBACCN,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,~~EAAA~~;~~AAGN~~;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7JzB,MAAM,SAAS,MAAM;AAAA,EACnB,CAAC,OAAO,QAAQ;AACd,0CAAQ,~~YAAY~~,~~EAAA~~,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,~~EAAA~~;~~AAE9D~~;AAEA,OAAO,cAAc;;"}
1	+ {"version":3,"file":"Select-_f1aZuKO.cjs","sources":["../../src/Icons/CheveronDownIcon.tsx","../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["const ChevronDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ChevronDownIcon;\r\n","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 { SelectProps } from \"./Select.types\";\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\n\r\ninterface BaseSelectProps extends SelectProps {\r\n classMap: Record<string, string>;\r\n}\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 ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n className = \"\",\r\n classMap,\r\n asyncOptions,\r\n pollInterval = 0,\r\n \"data-testid\": testId = \"select\",\r\n },\r\n ref\r\n ) => {\r\n const id = useId();\r\n const selectId = `${id}-select`;\r\n const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n const [internalOptions, setInternalOptions] = useState(options);\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 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 }\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 () =>\r\n combineClassNames(\r\n classMap.select,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline ? classMap.outline : \"\"\r\n ),\r\n [classMap, theme, state, outline]\r\n );\r\n\r\n return (\r\n <div className={wrapperClasses} data-testid={testId}>\r\n <select\r\n ref={ref}\r\n id={selectId}\r\n value={value}\r\n onChange={handleChange}\r\n className={selectClasses}\r\n aria-label={ariaLabel \|\| placeholder}\r\n aria-describedby={descId}\r\n aria-disabled={disabled}\r\n disabled={disabled}\r\n data-testid={`${testId}-input`}\r\n >\r\n <option value=\"\" disabled hidden>\r\n {placeholder}\r\n </option>\r\n {(asyncOptions ? internalOptions : options).map((option) => (\r\n <option\r\n key={option.value}\r\n value={option.value}\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={`${classMap.icon} ${classMap[theme]} ${\r\n disabled && classMap.disabled ? classMap.disabled : \"\"\r\n }`}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <ChevronDownIcon />\r\n </div>\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descId}\r\n className=\"sr-only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\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 React 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 = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n (props, ref) => {\r\n return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["jsx","forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","useId","useState","useEffect","useMemo","combineClassNames","capitalize","jsxs"],"mappings":"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"}

package/dist/next/Skeleton-BWBHgsOM.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton-BWBHgsOM.js","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SkeletonProps } from \"./Skeleton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface SkeletonBaseProps extends SkeletonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps> = ({\r\n width = \"100%\",\r\n height = \"100%\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n label = \"Loading content...\",\r\n \"data-testid\": testId = \"skeleton-loader\",\r\n classMap,\r\n ...rest\r\n}) => {\r\n const descriptionId = `${testId}-desc`;\r\n\r\n const skeletonClasses = combineClassNames(\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n );\r\n\r\n return (\r\n <div\r\n className={skeletonClasses}\r\n style={{ width, height }}\r\n role=\"status\"\r\n aria-busy=\"true\"\r\n aria-live=\"polite\"\r\n aria-describedby={descriptionId}\r\n data-testid={testId}\r\n aria-label={label}\r\n {...rest}\r\n >\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n return (\r\n <SkeletonBase\r\n {...props}\r\n className={combineClassNames(styles.skeletonLoader, props.className)}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\n\r\nexport default SkeletonLoader;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,~~mBAAmB~~;AAAA,~~EAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;~~AACE~~,~~QAAA~~,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkB;AAAA,IACtB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,~~EACF~~;~~AAGE~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,~~OAAO~~;AAAA,~~MACvB~~,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,~~EACF~~;~~AAEJ~~;~~AC7CM~~,~~MAAA~~,iBAA0C,CAAC,UAAU;~~AAEvD~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,~~EACZ~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"Skeleton-BWBHgsOM.js","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SkeletonProps } from \"./Skeleton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface SkeletonBaseProps extends SkeletonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps> = ({\r\n width = \"100%\",\r\n height = \"100%\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n label = \"Loading content...\",\r\n \"data-testid\": testId = \"skeleton-loader\",\r\n classMap,\r\n ...rest\r\n}) => {\r\n const descriptionId = `${testId}-desc`;\r\n\r\n const skeletonClasses = combineClassNames(\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n );\r\n\r\n return (\r\n <div\r\n className={skeletonClasses}\r\n style={{ width, height }}\r\n role=\"status\"\r\n aria-busy=\"true\"\r\n aria-live=\"polite\"\r\n aria-describedby={descriptionId}\r\n data-testid={testId}\r\n aria-label={label}\r\n {...rest}\r\n >\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n return (\r\n <SkeletonBase\r\n {...props}\r\n className={combineClassNames(styles.skeletonLoader, props.className)}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\n\r\nexport default SkeletonLoader;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkB;AAAA,IACtB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,EAAA;AAGF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AC7CA,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/next/Skeleton-CMuXs5GO.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton-CMuXs5GO.cjs","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SkeletonProps } from \"./Skeleton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface SkeletonBaseProps extends SkeletonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps> = ({\r\n width = \"100%\",\r\n height = \"100%\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n label = \"Loading content...\",\r\n \"data-testid\": testId = \"skeleton-loader\",\r\n classMap,\r\n ...rest\r\n}) => {\r\n const descriptionId = `${testId}-desc`;\r\n\r\n const skeletonClasses = combineClassNames(\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n );\r\n\r\n return (\r\n <div\r\n className={skeletonClasses}\r\n style={{ width, height }}\r\n role=\"status\"\r\n aria-busy=\"true\"\r\n aria-live=\"polite\"\r\n aria-describedby={descriptionId}\r\n data-testid={testId}\r\n aria-label={label}\r\n {...rest}\r\n >\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n return (\r\n <SkeletonBase\r\n {...props}\r\n className={combineClassNames(styles.skeletonLoader, props.className)}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\n\r\nexport default SkeletonLoader;\r\n"],"names":["getDefaultRounding","getDefaultShadow","combineClassNames","capitalize","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAWA,kBAAAA,~~mBAAmB~~;AAAA,~~EAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;~~AACE~~,~~QAAA~~,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkBC,~~WAAA~~;~~AAAA~~,IACtB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,~~EACF~~;~~AAGE~~,~~SAAAC~~,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,~~OAAO~~;AAAA,~~MACvB~~,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAAA,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,~~EACF~~;~~AAEJ~~;~~AC7CM~~,~~MAAA~~,iBAA0C,CAAC,UAAU;~~AAEvD~~,~~SAAAA~~,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF,WAAAA,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,~~EACZ~~;~~AAEJ~~;;"}
1	+ {"version":3,"file":"Skeleton-CMuXs5GO.cjs","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SkeletonProps } from \"./Skeleton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface SkeletonBaseProps extends SkeletonProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps> = ({\r\n width = \"100%\",\r\n height = \"100%\",\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n label = \"Loading content...\",\r\n \"data-testid\": testId = \"skeleton-loader\",\r\n classMap,\r\n ...rest\r\n}) => {\r\n const descriptionId = `${testId}-desc`;\r\n\r\n const skeletonClasses = combineClassNames(\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n );\r\n\r\n return (\r\n <div\r\n className={skeletonClasses}\r\n style={{ width, height }}\r\n role=\"status\"\r\n aria-busy=\"true\"\r\n aria-live=\"polite\"\r\n aria-describedby={descriptionId}\r\n data-testid={testId}\r\n aria-label={label}\r\n {...rest}\r\n >\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n return (\r\n <SkeletonBase\r\n {...props}\r\n className={combineClassNames(styles.skeletonLoader, props.className)}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\n\r\nexport default SkeletonLoader;\r\n"],"names":["getDefaultRounding","getDefaultShadow","combineClassNames","capitalize","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,kBAAkBC,WAAAA;AAAAA,IACtB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD;AAAA,EAAA;AAGF,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AC7CA,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF,WAAAA,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}

package/dist/next/Slider-B5BJJyaD.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider-B5BJJyaD.js","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/next/Slider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SliderProps } from \"./Slider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SliderBase: React.FC<\r\n SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n value,\r\n onChange,\r\n min = 0,\r\n max = 100,\r\n step = 1,\r\n label,\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n showValue = true,\r\n className = \"\",\r\n \"aria-label\": ariaLabel,\r\n \"data-testid\": testId = \"slider\",\r\n classMap,\r\n}) => {\r\n const inputId = `${testId}-input`;\r\n const labelId = `${testId}-label`;\r\n const valueText = `${value}`;\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, size, theme, state, className]\r\n );\r\n\r\n return (\r\n <div className={containerClasses} data-testid={`${testId}-container`}>\r\n {label && (\r\n <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.wrapper}>\r\n <input\r\n id={inputId}\r\n type=\"range\"\r\n className={classMap.slider}\r\n value={value}\r\n onChange={onChange}\r\n min={min}\r\n max={max}\r\n step={step}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={value}\r\n aria-valuetext={valueText}\r\n aria-labelledby={label ? labelId : undefined}\r\n aria-label={label ? undefined : ariaLabel \|\| \"Slider\"}\r\n data-testid={testId}\r\n />\r\n {showValue && (\r\n <span\r\n className={classMap.value}\r\n id={`${testId}-value`}\r\n aria-live=\"polite\"\r\n data-testid={`${testId}-value`}\r\n >\r\n {value}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SliderBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Slider.module.scss\";\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n return <SliderBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Slider;\r\n"],"names":["value","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH,OAAAA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAO,~~eAAe~~;AAAA,~~EACtB~~,WAAW,~~mBAAmB~~;AAAA,~~EAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~,QAAQ,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;~~AACE~~,~~QAAA~~,UAAU,GAAG,MAAM;~~AACnB~~,~~QAAA~~,UAAU,GAAG,MAAM;~~AACnB~~,~~QAAA~~,YAAY,GAAGD,MAAK;AAE1B,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,~~IACF~~;AAAA,~~IACF~~,CAAC,UAAU,MAAM,OAAO,OAAO,SAAS;AAAA,~~EAC1C~~;~~AAEA~~,8BACG,~~OAAI~~,~~EAAA~~,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,~~IACCC~~,~~UAAA~~,oBAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,~~UACHA~~,OAAA,~~CAAA~~;AAAA,~~IAGD~~,~~qBAAA~~,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAAD;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAeA;AAAA,UACf,kBAAgB;AAAA,UAChB,mBAAiBC,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY,aAAa;AAAA,UAC7C,eAAa;AAAA,QAAA;AAAA,~~MACf~~;AAAA,~~MACC~~,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,IAAI,GAAG,MAAM;AAAA,UACb,aAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,~~EAEJ~~,~~CAAA~~;AAAA,EAAA,GACF;AAEJ;~~ACjFM~~,~~MAAA~~,SAAgC,CAAC,UAAU;AAC/C,~~SAAQ~~,~~oBAAA~~,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;"}
1	+ {"version":3,"file":"Slider-B5BJJyaD.js","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/next/Slider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SliderProps } from \"./Slider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SliderBase: React.FC<\r\n SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n value,\r\n onChange,\r\n min = 0,\r\n max = 100,\r\n step = 1,\r\n label,\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n showValue = true,\r\n className = \"\",\r\n \"aria-label\": ariaLabel,\r\n \"data-testid\": testId = \"slider\",\r\n classMap,\r\n}) => {\r\n const inputId = `${testId}-input`;\r\n const labelId = `${testId}-label`;\r\n const valueText = `${value}`;\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, size, theme, state, className]\r\n );\r\n\r\n return (\r\n <div className={containerClasses} data-testid={`${testId}-container`}>\r\n {label && (\r\n <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.wrapper}>\r\n <input\r\n id={inputId}\r\n type=\"range\"\r\n className={classMap.slider}\r\n value={value}\r\n onChange={onChange}\r\n min={min}\r\n max={max}\r\n step={step}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={value}\r\n aria-valuetext={valueText}\r\n aria-labelledby={label ? labelId : undefined}\r\n aria-label={label ? undefined : ariaLabel \|\| \"Slider\"}\r\n data-testid={testId}\r\n />\r\n {showValue && (\r\n <span\r\n className={classMap.value}\r\n id={`${testId}-value`}\r\n aria-live=\"polite\"\r\n data-testid={`${testId}-value`}\r\n >\r\n {value}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SliderBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Slider.module.scss\";\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n return <SliderBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Slider;\r\n"],"names":["value","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH,OAAAA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,YAAY,GAAGD,MAAK;AAE1B,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,OAAO,OAAO,SAAS;AAAA,EAAA;AAG1C,8BACG,OAAA,EAAI,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IAAAC,UACC,oBAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,UAAAA,OAAA,CACH;AAAA,IAGF,qBAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAAD;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAeA;AAAA,UACf,kBAAgB;AAAA,UAChB,mBAAiBC,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY,aAAa;AAAA,UAC7C,eAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,IAAI,GAAG,MAAM;AAAA,UACb,aAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;ACjFA,MAAM,SAAgC,CAAC,UAAU;AAC/C,SAAO,oBAAC,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;"}

package/dist/next/Slider-DbxNKdGq.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider-DbxNKdGq.cjs","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/next/Slider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SliderProps } from \"./Slider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SliderBase: React.FC<\r\n SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n value,\r\n onChange,\r\n min = 0,\r\n max = 100,\r\n step = 1,\r\n label,\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n showValue = true,\r\n className = \"\",\r\n \"aria-label\": ariaLabel,\r\n \"data-testid\": testId = \"slider\",\r\n classMap,\r\n}) => {\r\n const inputId = `${testId}-input`;\r\n const labelId = `${testId}-label`;\r\n const valueText = `${value}`;\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, size, theme, state, className]\r\n );\r\n\r\n return (\r\n <div className={containerClasses} data-testid={`${testId}-container`}>\r\n {label && (\r\n <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.wrapper}>\r\n <input\r\n id={inputId}\r\n type=\"range\"\r\n className={classMap.slider}\r\n value={value}\r\n onChange={onChange}\r\n min={min}\r\n max={max}\r\n step={step}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={value}\r\n aria-valuetext={valueText}\r\n aria-labelledby={label ? labelId : undefined}\r\n aria-label={label ? undefined : ariaLabel \|\| \"Slider\"}\r\n data-testid={testId}\r\n />\r\n {showValue && (\r\n <span\r\n className={classMap.value}\r\n id={`${testId}-value`}\r\n aria-live=\"polite\"\r\n data-testid={`${testId}-value`}\r\n >\r\n {value}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SliderBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Slider.module.scss\";\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n return <SliderBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Slider;\r\n"],"names":["value","label","getDefaultSize","getDefaultRounding","getDefaultShadow","getDefaultTheme","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH,OAAAA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAOC,kBAAAA,~~eAAe~~;AAAA,~~EACtB~~,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~EAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~,QAAQC,kBAAAA,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;~~AACE~~,~~QAAA~~,UAAU,GAAG,MAAM;~~AACnB~~,~~QAAA~~,UAAU,GAAG,MAAM;~~AACnB~~,~~QAAA~~,YAAY,GAAGL,MAAK;AAE1B,QAAM,mBAAmBM,~~MAAA~~;~~AAAA~~,IACvB,MACEC,~~WAAA~~;~~AAAA~~,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,~~IACF~~;AAAA,~~IACF~~,CAAC,UAAU,MAAM,OAAO,OAAO,SAAS;AAAA,~~EAC1C~~;~~AAEA~~,yCACG,~~OAAI~~,~~EAAA~~,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,~~IACCP~~,~~UAAAQ~~,2BAAAA,IAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,~~UACHR~~,OAAA,~~CAAA~~;AAAA,~~IAGDS~~,~~2BAAA~~,~~KAAA~~,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAAD,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAAT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAeA;AAAA,UACf,kBAAgB;AAAA,UAChB,mBAAiBC,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY,aAAa;AAAA,UAC7C,eAAa;AAAA,QAAA;AAAA,~~MACf~~;AAAA,~~MACC~~,aACCQ,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,IAAI,GAAG,MAAM;AAAA,UACb,aAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,~~EAEJ~~,~~CAAA~~;AAAA,EAAA,GACF;AAEJ;~~ACjFM~~,~~MAAA~~,SAAgC,CAAC,UAAU;AAC/C,~~SAAQS~~,2BAAAA,~~IAAA~~,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;;"}
1	+ {"version":3,"file":"Slider-DbxNKdGq.cjs","sources":["../../src/components/Slider/SliderBase.tsx","../../src/components/Slider/next/Slider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SliderProps } from \"./Slider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SliderBase: React.FC<\r\n SliderProps & { classMap: Record<string, string> }\r\n> = ({\r\n value,\r\n onChange,\r\n min = 0,\r\n max = 100,\r\n step = 1,\r\n label,\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n showValue = true,\r\n className = \"\",\r\n \"aria-label\": ariaLabel,\r\n \"data-testid\": testId = \"slider\",\r\n classMap,\r\n}) => {\r\n const inputId = `${testId}-input`;\r\n const labelId = `${testId}-label`;\r\n const valueText = `${value}`;\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, size, theme, state, className]\r\n );\r\n\r\n return (\r\n <div className={containerClasses} data-testid={`${testId}-container`}>\r\n {label && (\r\n <label id={labelId} htmlFor={inputId} className={classMap.label}>\r\n {label}\r\n </label>\r\n )}\r\n\r\n <div className={classMap.wrapper}>\r\n <input\r\n id={inputId}\r\n type=\"range\"\r\n className={classMap.slider}\r\n value={value}\r\n onChange={onChange}\r\n min={min}\r\n max={max}\r\n step={step}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={value}\r\n aria-valuetext={valueText}\r\n aria-labelledby={label ? labelId : undefined}\r\n aria-label={label ? undefined : ariaLabel \|\| \"Slider\"}\r\n data-testid={testId}\r\n />\r\n {showValue && (\r\n <span\r\n className={classMap.value}\r\n id={`${testId}-value`}\r\n aria-live=\"polite\"\r\n data-testid={`${testId}-value`}\r\n >\r\n {value}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SliderBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Slider.module.scss\";\r\nimport { SliderProps } from \"../Slider.types\";\r\nimport SliderBase from \"../SliderBase\";\r\n\r\nconst Slider: React.FC<SliderProps> = (props) => {\r\n return <SliderBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Slider;\r\n"],"names":["value","label","getDefaultSize","getDefaultRounding","getDefaultShadow","getDefaultTheme","useMemo","combineClassNames","capitalize","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAEF,CAAC;AAAA,EACH,OAAAA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,YAAY,GAAGL,MAAK;AAE1B,QAAM,mBAAmBM,MAAAA;AAAAA,IACvB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,OAAO,OAAO,SAAS;AAAA,EAAA;AAG1C,yCACG,OAAA,EAAI,WAAW,kBAAkB,eAAa,GAAG,MAAM,cACrD,UAAA;AAAA,IAAAP,UACCQ,2BAAAA,IAAC,WAAM,IAAI,SAAS,SAAS,SAAS,WAAW,SAAS,OACvD,UAAAR,OAAA,CACH;AAAA,IAGFS,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,MAAAD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,WAAW,SAAS;AAAA,UACpB,OAAAT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAeA;AAAA,UACf,kBAAgB;AAAA,UAChB,mBAAiBC,SAAQ,UAAU;AAAA,UACnC,cAAYA,SAAQ,SAAY,aAAa;AAAA,UAC7C,eAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,aACCQ,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,IAAI,GAAG,MAAM;AAAA,UACb,aAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;ACjFA,MAAM,SAAgC,CAAC,UAAU;AAC/C,SAAOS,2BAAAA,IAAC,YAAA,EAAY,GAAG,OAAO,UAAU,QAAQ;AAClD;;"}

package/dist/next/Spinner-BxvU43sx.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner-BxvU43sx.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = 50,\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"spinner\",\r\n label,\r\n classMap,\r\n}) => {\r\n const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n const spinnerSize = `${size}px`;\r\n\r\n const labelId = `${testId}`;\r\n\r\n const spinnerClasses = useMemo(\r\n () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n [classMap, theme, state]\r\n );\r\n\r\n return (\r\n <div\r\n className={`${classMap.wrapper} ${className}`}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-busy=\"true\"\r\n aria-label={label \|\| \"Loading\"}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.shadowElement,\r\n shadow && classMap[`shadow${capitalize(shadow)}`]\r\n )}\r\n style={{ width: spinnerSize, height: spinnerSize }}\r\n />\r\n <div\r\n className={spinnerClasses}\r\n style={{\r\n width: spinnerSize,\r\n height: spinnerSize,\r\n borderWidth: strokeWidth,\r\n }}\r\n data-testid={testId}\r\n aria-hidden=\"true\"\r\n />\r\n <span\r\n id={labelId}\r\n className={\"sr_only\"}\r\n data-testid={`${testId}-sr-label`}\r\n >\r\n {label}\r\n </span>\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":["label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAA;AAAA,EACA;AACF,MAAM;~~AACE~~,~~QAAA~~,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;~~AACnD~~,~~QAAA~~,cAAc,GAAG,IAAI;~~AAErB~~,~~QAAA~~,UAAU,GAAG,MAAM;AAEzB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,~~EACzB~~;~~AAGE~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,cAAYA,UAAS;AAAA,MAErB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT,SAAS;AAAA,cACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,~~YAClD~~;AAAA,~~YACA~~,OAAO,EAAE,OAAO,aAAa,QAAQ,~~YAAY~~;AAAA,~~UAAA~~;AAAA,~~QACnD~~;AAAA,~~QACA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,~~YACf~~;AAAA,~~YACA~~,eAAa;AAAA,YACb,eAAY;AAAA,UAAA;AAAA,~~QACd~~;AAAA,~~QACA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,~~QACH~~;AAAA,~~QACA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,~~EACF~~;~~AAEJ~~;~~ACjEM~~,~~MAAA~~,UAAkC,CAAC,UAAU;AACjD,~~SAAQ~~,~~oBAAA~~,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;"}
1	+ {"version":3,"file":"Spinner-BxvU43sx.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = 50,\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"spinner\",\r\n label,\r\n classMap,\r\n}) => {\r\n const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n const spinnerSize = `${size}px`;\r\n\r\n const labelId = `${testId}`;\r\n\r\n const spinnerClasses = useMemo(\r\n () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n [classMap, theme, state]\r\n );\r\n\r\n return (\r\n <div\r\n className={`${classMap.wrapper} ${className}`}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-busy=\"true\"\r\n aria-label={label \|\| \"Loading\"}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.shadowElement,\r\n shadow && classMap[`shadow${capitalize(shadow)}`]\r\n )}\r\n style={{ width: spinnerSize, height: spinnerSize }}\r\n />\r\n <div\r\n className={spinnerClasses}\r\n style={{\r\n width: spinnerSize,\r\n height: spinnerSize,\r\n borderWidth: strokeWidth,\r\n }}\r\n data-testid={testId}\r\n aria-hidden=\"true\"\r\n />\r\n <span\r\n id={labelId}\r\n className={\"sr_only\"}\r\n data-testid={`${testId}-sr-label`}\r\n >\r\n {label}\r\n </span>\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":["label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AACzD,QAAM,cAAc,GAAG,IAAI;AAE3B,QAAM,UAAU,GAAG,MAAM;AAEzB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,cAAYA,UAAS;AAAA,MAErB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT,SAAS;AAAA,cACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,YAAA;AAAA,YAElD,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,UAAY;AAAA,QAAA;AAAA,QAEnD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAa;AAAA,YACb,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;ACjEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAO,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;"}

package/dist/next/Spinner-Doh4Uft1.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner-Doh4Uft1.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = 50,\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"spinner\",\r\n label,\r\n classMap,\r\n}) => {\r\n const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n const spinnerSize = `${size}px`;\r\n\r\n const labelId = `${testId}`;\r\n\r\n const spinnerClasses = useMemo(\r\n () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n [classMap, theme, state]\r\n );\r\n\r\n return (\r\n <div\r\n className={`${classMap.wrapper} ${className}`}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-busy=\"true\"\r\n aria-label={label \|\| \"Loading\"}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.shadowElement,\r\n shadow && classMap[`shadow${capitalize(shadow)}`]\r\n )}\r\n style={{ width: spinnerSize, height: spinnerSize }}\r\n />\r\n <div\r\n className={spinnerClasses}\r\n style={{\r\n width: spinnerSize,\r\n height: spinnerSize,\r\n borderWidth: strokeWidth,\r\n }}\r\n data-testid={testId}\r\n aria-hidden=\"true\"\r\n />\r\n <span\r\n id={labelId}\r\n className={\"sr_only\"}\r\n data-testid={`${testId}-sr-label`}\r\n >\r\n {label}\r\n </span>\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","label","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAC;AAAA,EACA;AACF,MAAM;~~AACE~~,~~QAAA~~,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;~~AACnD~~,~~QAAA~~,cAAc,GAAG,IAAI;~~AAErB~~,~~QAAA~~,UAAU,GAAG,MAAM;AAEzB,QAAM,iBAAiBC,~~MAAA~~;~~AAAA~~,IACrB,MAAMC,~~6BAAkB~~,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,~~EACzB~~;~~AAGE~~,~~SAAAC~~,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,cAAYH,UAAS;AAAA,MAErB,UAAA;AAAA,QAAAI,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,~~WAAA~~;~~AAAA~~,cACT,SAAS;AAAA,cACT,UAAU,SAAS,SAASG,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,~~YAClD~~;AAAA,~~YACA~~,OAAO,EAAE,OAAO,aAAa,QAAQ,~~YAAY~~;AAAA,~~UAAA~~;AAAA,~~QACnD~~;AAAA,~~QACAD~~,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,~~YACf~~;AAAA,~~YACA~~,eAAa;AAAA,YACb,eAAY;AAAA,UAAA;AAAA,~~QACd~~;AAAA,~~QACAA~~,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAJ;AAAA,UAAA;AAAA,~~QACH~~;AAAA,~~QACAI~~,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,~~EACF~~;~~AAEJ~~;~~ACjEM~~,~~MAAA~~,UAAkC,CAAC,UAAU;AACjD,~~SAAQI~~,2BAAAA,~~IAAA~~,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;;"}
1	+ {"version":3,"file":"Spinner-Doh4Uft1.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = 50,\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n \"data-testid\": testId = \"spinner\",\r\n label,\r\n classMap,\r\n}) => {\r\n const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n const spinnerSize = `${size}px`;\r\n\r\n const labelId = `${testId}`;\r\n\r\n const spinnerClasses = useMemo(\r\n () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n [classMap, theme, state]\r\n );\r\n\r\n return (\r\n <div\r\n className={`${classMap.wrapper} ${className}`}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n aria-busy=\"true\"\r\n aria-label={label \|\| \"Loading\"}\r\n >\r\n <div\r\n className={combineClassNames(\r\n classMap.shadowElement,\r\n shadow && classMap[`shadow${capitalize(shadow)}`]\r\n )}\r\n style={{ width: spinnerSize, height: spinnerSize }}\r\n />\r\n <div\r\n className={spinnerClasses}\r\n style={{\r\n width: spinnerSize,\r\n height: spinnerSize,\r\n borderWidth: strokeWidth,\r\n }}\r\n data-testid={testId}\r\n aria-hidden=\"true\"\r\n />\r\n <span\r\n id={labelId}\r\n className={\"sr_only\"}\r\n data-testid={`${testId}-sr-label`}\r\n >\r\n {label}\r\n </span>\r\n <span\r\n id={labelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","label","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AACzD,QAAM,cAAc,GAAG,IAAI;AAE3B,QAAM,UAAU,GAAG,MAAM;AAEzB,QAAM,iBAAiBC,MAAAA;AAAAA,IACrB,MAAMC,WAAAA,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,SAAS,OAAO,IAAI,SAAS;AAAA,MAC3C,MAAK;AAAA,MACL,aAAU;AAAA,MACV,aAAU;AAAA,MACV,cAAYH,UAAS;AAAA,MAErB,UAAA;AAAA,QAAAI,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,WAAAA;AAAAA,cACT,SAAS;AAAA,cACT,UAAU,SAAS,SAASG,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,YAAA;AAAA,YAElD,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,UAAY;AAAA,QAAA;AAAA,QAEnDD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAa;AAAA,YACb,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHI,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;ACjEA,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAOI,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;;"}

package/dist/next/{Stepper-DGbO-fUh.js → Stepper-5FojeYPE.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
-import { I as IconButton } from "./IconButton-EbX_9a0k.js";
+import { I as IconButton } from "./IconButton-DFrFh0kg.js";
 const noScroll = "_noScroll_tubgw_91";
 const errorMessage = "_errorMessage_tubgw_92";
 const loadingContainer = "_loadingContainer_tubgw_93";
@@ -194,4 +194,4 @@ const Stepper = (props) => /* @__PURE__ */ jsx(StepperBase, { ...props, classMap
 export {
   Stepper as S
 };
-//# sourceMappingURL=Stepper-DGbO-fUh.js.map
+//# sourceMappingURL=Stepper-5FojeYPE.js.map

package/dist/next/{Stepper-DGbO-fUh.js.map → Stepper-5FojeYPE.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper-~~DGbO-fUh~~.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface StepperBaseProps extends StepperProps {\r\n classMap: Record<string, string>;\r\n IconButtonComponent: React.FC<any>;\r\n}\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n steps,\r\n activeStep,\r\n onStepClick,\r\n disableBackNavigation = false,\r\n orientation = \"horizontal\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n \"data-testid\": testId = \"stepper\",\r\n classMap,\r\n className,\r\n IconButtonComponent,\r\n}) => {\r\n const stepCount = steps.length;\r\n const groupLabelId = `${testId}-label`;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.stepper,\r\n classMap[orientation],\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n )}\r\n role=\"list\"\r\n aria-labelledby={groupLabelId}\r\n data-testid={testId}\r\n >\r\n <span id={groupLabelId} className=\"sr_only\">\r\n Progress Stepper\r\n </span>\r\n\r\n {steps.map((step, index) => {\r\n const Icon = step.icon \|\| (() => <span>{index + 1}</span>);\r\n const isCompleted = index < activeStep;\r\n const isActive = index === activeStep;\r\n const isBefore = index < activeStep;\r\n const isDisabled = disableBackNavigation && isBefore;\r\n const canFocus = !!onStepClick && !isDisabled;\r\n const stepId = `${testId}-step-${index}`;\r\n const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n return (\r\n <div\r\n key={index}\r\n role=\"listitem\"\r\n className={combineClassNames(\r\n classMap.step,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\",\r\n onStepClick ? classMap.clickable : \"\"\r\n )}\r\n data-testid={stepId}\r\n >\r\n <IconButtonComponent\r\n icon={Icon}\r\n theme={theme}\r\n state={state}\r\n className={combineClassNames(\r\n classMap.stepButton,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\"\r\n )}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n disabled={isDisabled}\r\n outline={!isActive}\r\n aria-label={label}\r\n aria-current={isActive ? \"step\" : undefined}\r\n aria-disabled={isDisabled}\r\n data-testid={`${stepId}-icon`}\r\n tabIndex={canFocus ? 0 : -1}\r\n onClick={() => onStepClick?.(index)}\r\n onKeyDown={(e: React.KeyboardEvent) => {\r\n if ((e.key === \"Enter\" \|\| e.key === \" \") && !isDisabled) {\r\n e.preventDefault();\r\n onStepClick?.(index);\r\n }\r\n }}\r\n />\r\n\r\n <span\r\n className={classMap.stepLabel}\r\n data-testid={`${stepId}-label`}\r\n aria-hidden=\"true\"\r\n >\r\n {step.label}\r\n </span>\r\n\r\n {index < steps.length - 1 && (\r\n <div\r\n className={classMap.connector}\r\n aria-hidden=\"true\"\r\n data-testid={`${stepId}-connector`}\r\n />\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StepperBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":["step","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,QAAQ,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,OAAO,~~eAAe~~;AAAA,~~EACtB~~,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~,WAAW,~~mBAAmB~~;AAAA,~~EAC9B~~,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,MAAM;~~AAClB~~,~~QAAA~~,eAAe,GAAG,MAAM;~~AAG5B~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,SAAS;AAAA,QACT,SAAS,WAAW;AAAA,QACpB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb;AAAA,~~MACF~~;AAAA,~~MACA~~,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA,oBAAC,~~QAAK~~,~~EAAA~~,IAAI,cAAc,WAAU,WAAU,~~UAE5C~~,~~oBAAA~~;AAAA,QAEC,MAAM,IAAI,CAACA,OAAM,UAAU;AAC1B,gBAAM,OAAOA,MAAK,SAAS,~~MAAO~~,~~oBAAA~~,QAAA,EAAM,kBAAQ,~~EAAE~~,~~CAAA~~;AAClD,gBAAM,cAAc,QAAQ;AAC5B,gBAAM,WAAW,UAAU;AAC3B,gBAAM,WAAW,QAAQ;AACzB,gBAAM,aAAa,yBAAyB;AAC5C,gBAAM,WAAW,CAAC,CAAC,eAAe,CAAC;AACnC,gBAAM,SAAS,GAAG,MAAM,SAAS,KAAK;~~AAChC~~,~~gBAAAC~~,SAAQ,QAAQ,QAAQ,CAAC,OAAO,SAAS,KAAKD,MAAK,KAAK;~~AAG5D~~,~~iBAAA~~;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,WAAW;AAAA,gBACT,SAAS;AAAA,gBACT,WAAW,SAAS,SAAS;AAAA,gBAC7B,cAAc,SAAS,YAAY;AAAA,gBACnC,cAAc,SAAS,YAAY;AAAA,~~cACrC~~;AAAA,~~cACA~~,eAAa;AAAA,cAEb,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAM;AAAA,oBACN;AAAA,oBACA;AAAA,oBACA,WAAW;AAAA,sBACT,SAAS;AAAA,sBACT,WAAW,SAAS,SAAS;AAAA,sBAC7B,cAAc,SAAS,YAAY;AAAA,~~oBACrC~~;AAAA,~~oBACA~~;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAU;AAAA,oBACV,SAAS,CAAC;AAAA,oBACV,cAAYC;AAAA,oBACZ,gBAAc,WAAW,SAAS;AAAA,oBAClC,iBAAe;AAAA,oBACf,eAAa,GAAG,MAAM;AAAA,oBACtB,UAAU,WAAW,IAAI;AAAA,oBACzB,SAAS,MAAM,2CAAc;AAAA,oBAC7B,WAAW,CAAC,MAA2B;AACrC,2BAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAAC,YAAY;AACvD,0BAAE,~~eAAe~~;~~AACjB~~,mEAAc;AAAA,~~sBAAK~~;AAAA,~~oBACrB~~;AAAA,~~kBACF~~;AAAA,~~gBACF~~;AAAA,~~gBAEA~~;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAa,GAAG,MAAM;AAAA,oBACtB,eAAY;AAAA,oBAEX,~~UAAKD~~,~~MAAA~~;AAAA,kBAAA;AAAA,~~gBACR~~;AAAA,~~gBAEC~~,QAAQ,MAAM,SAAS,KACtB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAa,GAAG,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxB;AAAA,YAAA;AAAA,YAnDG;AAAA,~~UAqDP~~;AAAA,~~QAEH~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EACH~~;~~AAEJ~~;~~AClHM~~,~~MAAA~~,UAAkC,CAAC,~~UACtC~~,~~oBAAA~~,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,qBAAqB,~~WAAY~~,~~CAAA~~;"}
1	+ {"version":3,"file":"Stepper-5FojeYPE.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface StepperBaseProps extends StepperProps {\r\n classMap: Record<string, string>;\r\n IconButtonComponent: React.FC<any>;\r\n}\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n steps,\r\n activeStep,\r\n onStepClick,\r\n disableBackNavigation = false,\r\n orientation = \"horizontal\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n \"data-testid\": testId = \"stepper\",\r\n classMap,\r\n className,\r\n IconButtonComponent,\r\n}) => {\r\n const stepCount = steps.length;\r\n const groupLabelId = `${testId}-label`;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.stepper,\r\n classMap[orientation],\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n )}\r\n role=\"list\"\r\n aria-labelledby={groupLabelId}\r\n data-testid={testId}\r\n >\r\n <span id={groupLabelId} className=\"sr_only\">\r\n Progress Stepper\r\n </span>\r\n\r\n {steps.map((step, index) => {\r\n const Icon = step.icon \|\| (() => <span>{index + 1}</span>);\r\n const isCompleted = index < activeStep;\r\n const isActive = index === activeStep;\r\n const isBefore = index < activeStep;\r\n const isDisabled = disableBackNavigation && isBefore;\r\n const canFocus = !!onStepClick && !isDisabled;\r\n const stepId = `${testId}-step-${index}`;\r\n const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n return (\r\n <div\r\n key={index}\r\n role=\"listitem\"\r\n className={combineClassNames(\r\n classMap.step,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\",\r\n onStepClick ? classMap.clickable : \"\"\r\n )}\r\n data-testid={stepId}\r\n >\r\n <IconButtonComponent\r\n icon={Icon}\r\n theme={theme}\r\n state={state}\r\n className={combineClassNames(\r\n classMap.stepButton,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\"\r\n )}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n disabled={isDisabled}\r\n outline={!isActive}\r\n aria-label={label}\r\n aria-current={isActive ? \"step\" : undefined}\r\n aria-disabled={isDisabled}\r\n data-testid={`${stepId}-icon`}\r\n tabIndex={canFocus ? 0 : -1}\r\n onClick={() => onStepClick?.(index)}\r\n onKeyDown={(e: React.KeyboardEvent) => {\r\n if ((e.key === \"Enter\" \|\| e.key === \" \") && !isDisabled) {\r\n e.preventDefault();\r\n onStepClick?.(index);\r\n }\r\n }}\r\n />\r\n\r\n <span\r\n className={classMap.stepLabel}\r\n data-testid={`${stepId}-label`}\r\n aria-hidden=\"true\"\r\n >\r\n {step.label}\r\n </span>\r\n\r\n {index < steps.length - 1 && (\r\n <div\r\n className={classMap.connector}\r\n aria-hidden=\"true\"\r\n data-testid={`${stepId}-connector`}\r\n />\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StepperBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":["step","label"],"mappings":"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"}

package/dist/next/{Stepper-CQaWoBJ2.cjs → Stepper-D2UYDRwT.cjs} RENAMED Viewed

@@ -2,7 +2,7 @@
 const require$$2 = require("react/jsx-runtime");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const IconButton = require("./IconButton-mY_E1gsn.cjs");
+const IconButton = require("./IconButton-CNzF48hu.cjs");
 const noScroll = "_noScroll_tubgw_91";
 const errorMessage = "_errorMessage_tubgw_92";
 const loadingContainer = "_loadingContainer_tubgw_93";
@@ -193,4 +193,4 @@ const StepperBase = ({
 };
 const Stepper = (props) => /* @__PURE__ */ require$$2.jsx(StepperBase, { ...props, classMap: styles, IconButtonComponent: IconButton.IconButton });
 exports.Stepper = Stepper;
-//# sourceMappingURL=Stepper-CQaWoBJ2.cjs.map
+//# sourceMappingURL=Stepper-D2UYDRwT.cjs.map

package/dist/next/{Stepper-CQaWoBJ2.cjs.map → Stepper-D2UYDRwT.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper-~~CQaWoBJ2~~.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface StepperBaseProps extends StepperProps {\r\n classMap: Record<string, string>;\r\n IconButtonComponent: React.FC<any>;\r\n}\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n steps,\r\n activeStep,\r\n onStepClick,\r\n disableBackNavigation = false,\r\n orientation = \"horizontal\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n \"data-testid\": testId = \"stepper\",\r\n classMap,\r\n className,\r\n IconButtonComponent,\r\n}) => {\r\n const stepCount = steps.length;\r\n const groupLabelId = `${testId}-label`;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.stepper,\r\n classMap[orientation],\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n )}\r\n role=\"list\"\r\n aria-labelledby={groupLabelId}\r\n data-testid={testId}\r\n >\r\n <span id={groupLabelId} className=\"sr_only\">\r\n Progress Stepper\r\n </span>\r\n\r\n {steps.map((step, index) => {\r\n const Icon = step.icon \|\| (() => <span>{index + 1}</span>);\r\n const isCompleted = index < activeStep;\r\n const isActive = index === activeStep;\r\n const isBefore = index < activeStep;\r\n const isDisabled = disableBackNavigation && isBefore;\r\n const canFocus = !!onStepClick && !isDisabled;\r\n const stepId = `${testId}-step-${index}`;\r\n const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n return (\r\n <div\r\n key={index}\r\n role=\"listitem\"\r\n className={combineClassNames(\r\n classMap.step,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\",\r\n onStepClick ? classMap.clickable : \"\"\r\n )}\r\n data-testid={stepId}\r\n >\r\n <IconButtonComponent\r\n icon={Icon}\r\n theme={theme}\r\n state={state}\r\n className={combineClassNames(\r\n classMap.stepButton,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\"\r\n )}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n disabled={isDisabled}\r\n outline={!isActive}\r\n aria-label={label}\r\n aria-current={isActive ? \"step\" : undefined}\r\n aria-disabled={isDisabled}\r\n data-testid={`${stepId}-icon`}\r\n tabIndex={canFocus ? 0 : -1}\r\n onClick={() => onStepClick?.(index)}\r\n onKeyDown={(e: React.KeyboardEvent) => {\r\n if ((e.key === \"Enter\" \|\| e.key === \" \") && !isDisabled) {\r\n e.preventDefault();\r\n onStepClick?.(index);\r\n }\r\n }}\r\n />\r\n\r\n <span\r\n className={classMap.stepLabel}\r\n data-testid={`${stepId}-label`}\r\n aria-hidden=\"true\"\r\n >\r\n {step.label}\r\n </span>\r\n\r\n {index < steps.length - 1 && (\r\n <div\r\n className={classMap.connector}\r\n aria-hidden=\"true\"\r\n data-testid={`${stepId}-connector`}\r\n />\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StepperBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","step","label","IconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,QAAQA,kBAAAA,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,OAAOC,kBAAAA,~~eAAe~~;AAAA,~~EACtB~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~EAC9B~~,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,MAAM;~~AAClB~~,~~QAAA~~,eAAe,GAAG,MAAM;~~AAG5B~~,~~SAAAC~~,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,~~WAAA~~;~~AAAA~~,QACT,SAAS;AAAA,QACT,SAAS,WAAW;AAAA,QACpB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb;AAAA,~~MACF~~;AAAA,~~MACA~~,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,+BAAC,~~QAAK~~,~~EAAA~~,IAAI,cAAc,WAAU,WAAU,~~UAE5C~~,~~oBAAA~~;AAAA,QAEC,MAAM,IAAI,CAACC,OAAM,UAAU;AAC1B,gBAAM,OAAOA,MAAK,SAAS,~~MAAOD~~,~~2BAAA~~,~~IAAA~~,QAAA,EAAM,kBAAQ,~~EAAE~~,~~CAAA~~;AAClD,gBAAM,cAAc,QAAQ;AAC5B,gBAAM,WAAW,UAAU;AAC3B,gBAAM,WAAW,QAAQ;AACzB,gBAAM,aAAa,yBAAyB;AAC5C,gBAAM,WAAW,CAAC,CAAC,eAAe,CAAC;AACnC,gBAAM,SAAS,GAAG,MAAM,SAAS,KAAK;~~AAChC~~,~~gBAAAE~~,SAAQ,QAAQ,QAAQ,CAAC,OAAO,SAAS,KAAKD,MAAK,KAAK;~~AAG5D~~,~~iBAAAH~~,~~2BAAA~~;~~AAAA~~,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,WAAWC,~~WAAA~~;~~AAAA~~,gBACT,SAAS;AAAA,gBACT,WAAW,SAAS,SAAS;AAAA,gBAC7B,cAAc,SAAS,YAAY;AAAA,gBACnC,cAAc,SAAS,YAAY;AAAA,~~cACrC~~;AAAA,~~cACA~~,eAAa;AAAA,cAEb,UAAA;AAAA,gBAAAC,~~2BAAA~~;~~AAAA~~,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAM;AAAA,oBACN;AAAA,oBACA;AAAA,oBACA,WAAWD,~~WAAA~~;~~AAAA~~,sBACT,SAAS;AAAA,sBACT,WAAW,SAAS,SAAS;AAAA,sBAC7B,cAAc,SAAS,YAAY;AAAA,~~oBACrC~~;AAAA,~~oBACA~~;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAU;AAAA,oBACV,SAAS,CAAC;AAAA,oBACV,cAAYG;AAAA,oBACZ,gBAAc,WAAW,SAAS;AAAA,oBAClC,iBAAe;AAAA,oBACf,eAAa,GAAG,MAAM;AAAA,oBACtB,UAAU,WAAW,IAAI;AAAA,oBACzB,SAAS,MAAM,2CAAc;AAAA,oBAC7B,WAAW,CAAC,MAA2B;AACrC,2BAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAAC,YAAY;AACvD,0BAAE,~~eAAe~~;~~AACjB~~,mEAAc;AAAA,~~sBAAK~~;AAAA,~~oBACrB~~;AAAA,~~kBACF~~;AAAA,~~gBACF~~;AAAA,~~gBAEAF~~,~~2BAAA~~;~~AAAA~~,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAa,GAAG,MAAM;AAAA,oBACtB,eAAY;AAAA,oBAEX,~~UAAKC~~,~~MAAA~~;AAAA,kBAAA;AAAA,~~gBACR~~;AAAA,~~gBAEC~~,QAAQ,MAAM,SAAS,KACtBD,~~2BAAA~~;~~AAAA~~,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAa,GAAG,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxB;AAAA,YAAA;AAAA,YAnDG;AAAA,~~UAqDP~~;AAAA,~~QAEH~~,~~CAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EACH~~;~~AAEJ~~;~~AClHM~~,~~MAAA~~,UAAkC,CAAC,~~UACtCA~~,~~2BAAA~~,~~IAAA~~,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,qBAAqBG,~~sBAAY~~,~~CAAA~~;;"}
1	+ {"version":3,"file":"Stepper-D2UYDRwT.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface StepperBaseProps extends StepperProps {\r\n classMap: Record<string, string>;\r\n IconButtonComponent: React.FC<any>;\r\n}\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n steps,\r\n activeStep,\r\n onStepClick,\r\n disableBackNavigation = false,\r\n orientation = \"horizontal\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n \"data-testid\": testId = \"stepper\",\r\n classMap,\r\n className,\r\n IconButtonComponent,\r\n}) => {\r\n const stepCount = steps.length;\r\n const groupLabelId = `${testId}-label`;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(\r\n classMap.stepper,\r\n classMap[orientation],\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n )}\r\n role=\"list\"\r\n aria-labelledby={groupLabelId}\r\n data-testid={testId}\r\n >\r\n <span id={groupLabelId} className=\"sr_only\">\r\n Progress Stepper\r\n </span>\r\n\r\n {steps.map((step, index) => {\r\n const Icon = step.icon \|\| (() => <span>{index + 1}</span>);\r\n const isCompleted = index < activeStep;\r\n const isActive = index === activeStep;\r\n const isBefore = index < activeStep;\r\n const isDisabled = disableBackNavigation && isBefore;\r\n const canFocus = !!onStepClick && !isDisabled;\r\n const stepId = `${testId}-step-${index}`;\r\n const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n return (\r\n <div\r\n key={index}\r\n role=\"listitem\"\r\n className={combineClassNames(\r\n classMap.step,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\",\r\n onStepClick ? classMap.clickable : \"\"\r\n )}\r\n data-testid={stepId}\r\n >\r\n <IconButtonComponent\r\n icon={Icon}\r\n theme={theme}\r\n state={state}\r\n className={combineClassNames(\r\n classMap.stepButton,\r\n isActive ? classMap.active : \"\",\r\n isCompleted ? classMap.completed : \"\"\r\n )}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n disabled={isDisabled}\r\n outline={!isActive}\r\n aria-label={label}\r\n aria-current={isActive ? \"step\" : undefined}\r\n aria-disabled={isDisabled}\r\n data-testid={`${stepId}-icon`}\r\n tabIndex={canFocus ? 0 : -1}\r\n onClick={() => onStepClick?.(index)}\r\n onKeyDown={(e: React.KeyboardEvent) => {\r\n if ((e.key === \"Enter\" \|\| e.key === \" \") && !isDisabled) {\r\n e.preventDefault();\r\n onStepClick?.(index);\r\n }\r\n }}\r\n />\r\n\r\n <span\r\n className={classMap.stepLabel}\r\n data-testid={`${stepId}-label`}\r\n aria-hidden=\"true\"\r\n >\r\n {step.label}\r\n </span>\r\n\r\n {index < steps.length - 1 && (\r\n <div\r\n className={classMap.connector}\r\n aria-hidden=\"true\"\r\n data-testid={`${stepId}-connector`}\r\n />\r\n )}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default StepperBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","step","label","IconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,WAAWC,kBAAAA,mBAAA;AAAA,EACX,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,MAAM;AACxB,QAAM,eAAe,GAAG,MAAM;AAE9B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,WAAAA;AAAAA,QACT,SAAS;AAAA,QACT,SAAS,WAAW;AAAA,QACpB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,+BAAC,QAAA,EAAK,IAAI,cAAc,WAAU,WAAU,UAAA,oBAE5C;AAAA,QAEC,MAAM,IAAI,CAACC,OAAM,UAAU;AAC1B,gBAAM,OAAOA,MAAK,SAAS,MAAMD,2BAAAA,IAAC,QAAA,EAAM,kBAAQ,EAAA,CAAE;AAClD,gBAAM,cAAc,QAAQ;AAC5B,gBAAM,WAAW,UAAU;AAC3B,gBAAM,WAAW,QAAQ;AACzB,gBAAM,aAAa,yBAAyB;AAC5C,gBAAM,WAAW,CAAC,CAAC,eAAe,CAAC;AACnC,gBAAM,SAAS,GAAG,MAAM,SAAS,KAAK;AACtC,gBAAME,SAAQ,QAAQ,QAAQ,CAAC,OAAO,SAAS,KAAKD,MAAK,KAAK;AAE9D,iBACEH,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,WAAWC,WAAAA;AAAAA,gBACT,SAAS;AAAA,gBACT,WAAW,SAAS,SAAS;AAAA,gBAC7B,cAAc,SAAS,YAAY;AAAA,gBACnC,cAAc,SAAS,YAAY;AAAA,cAAA;AAAA,cAErC,eAAa;AAAA,cAEb,UAAA;AAAA,gBAAAC,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAM;AAAA,oBACN;AAAA,oBACA;AAAA,oBACA,WAAWD,WAAAA;AAAAA,sBACT,SAAS;AAAA,sBACT,WAAW,SAAS,SAAS;AAAA,sBAC7B,cAAc,SAAS,YAAY;AAAA,oBAAA;AAAA,oBAErC;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAU;AAAA,oBACV,SAAS,CAAC;AAAA,oBACV,cAAYG;AAAA,oBACZ,gBAAc,WAAW,SAAS;AAAA,oBAClC,iBAAe;AAAA,oBACf,eAAa,GAAG,MAAM;AAAA,oBACtB,UAAU,WAAW,IAAI;AAAA,oBACzB,SAAS,MAAM,2CAAc;AAAA,oBAC7B,WAAW,CAAC,MAA2B;AACrC,2BAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAAC,YAAY;AACvD,0BAAE,eAAA;AACF,mEAAc;AAAA,sBAChB;AAAA,oBACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGFF,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAa,GAAG,MAAM;AAAA,oBACtB,eAAY;AAAA,oBAEX,UAAAC,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGP,QAAQ,MAAM,SAAS,KACtBD,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAa,GAAG,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxB;AAAA,YAAA;AAAA,YAnDG;AAAA,UAAA;AAAA,QAuDX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AClHA,MAAM,UAAkC,CAAC,UACvCA,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ,qBAAqBG,sBAAA,CAAY;;"}

package/dist/next/Stepper.cjs.js CHANGED Viewed

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

package/dist/next/Stepper.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S } from "./Stepper-DGbO-fUh.js";
+import { S } from "./Stepper-5FojeYPE.js";
 export {
   S as default
 };

package/dist/next/Tabs-CNU0A_YY.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs-CNU0A_YY.js","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/Tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\r\nimport { TabsProps } from \"./Tabs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TabsBase: React.FC<TabsProps & { classMap: Record<string, string> }> = ({\r\n tabs,\r\n defaultIndex = 0,\r\n onChange,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n \"data-testid\": testId = \"tabs\",\r\n classMap,\r\n}) => {\r\n const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n const tabRefs = useRef<(HTMLButtonElement \| null)[]>([]);\r\n\r\n useEffect(() => {\r\n tabRefs.current[activeIndex]?.focus();\r\n }, [activeIndex]);\r\n\r\n const handleTabClick = (index: number) => {\r\n setActiveIndex(index);\r\n onChange?.(index);\r\n };\r\n\r\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n const { key } = event;\r\n\r\n const lastIndex = tabs.length - 1;\r\n let newIndex = activeIndex;\r\n\r\n if (key === \"ArrowRight\") {\r\n newIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;\r\n } else if (key === \"ArrowLeft\") {\r\n newIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;\r\n } else if (key === \"Home\") {\r\n newIndex = 0;\r\n } else if (key === \"End\") {\r\n newIndex = lastIndex;\r\n }\r\n\r\n if (newIndex !== activeIndex) {\r\n event.preventDefault();\r\n setActiveIndex(newIndex);\r\n onChange?.(newIndex);\r\n }\r\n };\r\n\r\n const containerClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n ),\r\n [classMap, theme, state, size, className]\r\n );\r\n\r\n const tabClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tab,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap]\r\n );\r\n\r\n return (\r\n <div className={containerClassNames} data-testid={testId}>\r\n <div\r\n className={classMap.tabs}\r\n role=\"tablist\"\r\n aria-label=\"Tabs\"\r\n onKeyDown={handleKeyDown}\r\n data-testid={`${testId}-tablist`}\r\n >\r\n {tabs.map((tab, index) => {\r\n const Icon = tab.icon;\r\n const isActive = index === activeIndex;\r\n\r\n return (\r\n <button\r\n key={index}\r\n ref={(el): void => {\r\n tabRefs.current[index] = el;\r\n }}\r\n className={combineClassNames(\r\n tabClassNames,\r\n isActive ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleTabClick(index)}\r\n role=\"tab\"\r\n type=\"button\"\r\n tabIndex={isActive ? 0 : -1}\r\n aria-selected={isActive}\r\n aria-controls={`${testId}-panel-${index}`}\r\n id={`${testId}-tab-${index}`}\r\n data-testid={`${testId}-tab-${index}`}\r\n >\r\n {Icon && (\r\n <div\r\n className={classMap.icon}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon-${index}`}\r\n >\r\n <Icon />\r\n </div>\r\n )}\r\n {tab.label}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n\r\n <div\r\n className={classMap.content}\r\n role=\"tabpanel\"\r\n id={`${testId}-panel-${activeIndex}`}\r\n aria-labelledby={`${testId}-tab-${activeIndex}`}\r\n tabIndex={0}\r\n data-testid={`${testId}-panel`}\r\n >\r\n {tabs[activeIndex].content}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TabsBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n return <TabsBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["tabs","tab"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,WAAuE,CAAC;AAAA,EAC5E,MAAAA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,WAAW,~~mBAAmB~~;AAAA,~~EAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~,YAAY;AAAA,EACZ,QAAQ,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,OAAO,~~eAAe~~;AAAA,~~EACtB~~,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,YAAY;~~AACrD~~,~~QAAA~~,UAAU,OAAqC,EAAE;AAEvD,YAAU,MAAM;;~~AACN~~,~~kBAAA~~,QAAQ,WAAW,~~MAAnB~~,~~mBAAsB~~;AAAA,~~EAAM~~,~~GACnC~~,CAAC,WAAW,CAAC;~~AAEV~~,~~QAAA~~,iBAAiB,CAAC,UAAkB;AACxC,mBAAe,KAAK;AACpB,yCAAW;AAAA,EACb;~~AAEM~~,~~QAAA~~,gBAAgB,CAAC,UAA+C;~~AAC9D~~,~~UAAA~~,EAAE,QAAQ;~~AAEV~~,~~UAAA~~,YAAYA,MAAK,SAAS;AAChC,QAAI,WAAW;AAEf,QAAI,QAAQ,cAAc;~~AACb~~,~~iBAAA~~,gBAAgB,YAAY,IAAI,cAAc;AAAA,~~IAAA~~,~~WAChD~~,QAAQ,aAAa;~~AACnB~~,~~iBAAA~~,gBAAgB,IAAI,YAAY,cAAc;AAAA,~~IAAA~~,~~WAChD~~,QAAQ,QAAQ;~~AACd~~,~~iBAAA~~;AAAA,~~IAAA~~,~~WACF~~,QAAQ,OAAO;~~AACb~~,~~iBAAA~~;AAAA,~~IAAA~~;~~AAGb~~,QAAI,aAAa,aAAa;AAC5B,YAAM,~~eAAe~~;~~AACrB~~,qBAAe,QAAQ;AACvB,2CAAW;AAAA,~~IAAQ~~;AAAA,~~EAEvB~~;AAEA,QAAM,sBAAsB;AAAA,IAC1B,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb;AAAA,~~IACF~~;AAAA,~~IACF~~,CAAC,UAAU,OAAO,OAAO,MAAM,SAAS;AAAA,~~EAC1C~~;~~AAEA~~,QAAM,gBAAgB;AAAA,IACpB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,~~IACrD~~;AAAA,~~IACF~~,CAAC,QAAQ;AAAA,~~EACX~~;~~AAEA~~,~~SACG~~,~~qBAAA~~,OAAA,EAAI,WAAW,qBAAqB,eAAa,QAChD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAErB,~~UAAKA~~,~~MAAA~~,IAAI,CAACC,MAAK,UAAU;AACxB,gBAAM,OAAOA,KAAI;AACjB,gBAAM,WAAW,UAAU;~~AAGzB~~,~~iBAAA~~;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,KAAK,CAAC,OAAa;~~AACT~~,~~wBAAA~~,QAAQ,KAAK,IAAI;AAAA,cAC3B;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA,WAAW,SAAS,SAAS;AAAA,~~cAC/B~~;AAAA,~~cACA~~,SAAS,MAAM,eAAe,KAAK;AAAA,cACnC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAU,WAAW,IAAI;AAAA,cACzB,iBAAe;AAAA,cACf,iBAAe,GAAG,MAAM,UAAU,KAAK;AAAA,cACvC,IAAI,GAAG,MAAM,QAAQ,KAAK;AAAA,cAC1B,eAAa,GAAG,MAAM,QAAQ,KAAK;AAAA,cAElC,UAAA;AAAA,~~gBACC~~,~~QAAA~~;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAa,GAAG,MAAM,SAAS,KAAK;AAAA,oBAEpC,8BAAC,~~MAAK~~,CAAA,~~CAAA~~;AAAA,kBAAA;AAAA,~~gBACR~~;AAAA,~~gBAEDA~~,KAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YA1BA;AAAA,~~UA2BP~~;AAAA,~~QAEH~~,~~CAAA~~;AAAA,MAAA;AAAA,~~IACH~~;AAAA,~~IAEA~~;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,IAAI,GAAG,MAAM,UAAU,WAAW;AAAA,QAClC,mBAAiB,GAAG,MAAM,QAAQ,WAAW;AAAA,QAC7C,UAAU;AAAA,QACV,eAAa,GAAG,MAAM;AAAA,QAErB,UAAAD,MAAK,WAAW,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACF;AAEJ;~~ACrIM~~,~~MAAA~~,OAA4B,CAAC,UAAU;AAC3C,~~SAAQ~~,~~oBAAA~~,UAAA,EAAU,GAAG,OAAO,UAAU,QAAQ;AAChD;"}
1	+ {"version":3,"file":"Tabs-CNU0A_YY.js","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/Tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\r\nimport { TabsProps } from \"./Tabs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TabsBase: React.FC<TabsProps & { classMap: Record<string, string> }> = ({\r\n tabs,\r\n defaultIndex = 0,\r\n onChange,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n \"data-testid\": testId = \"tabs\",\r\n classMap,\r\n}) => {\r\n const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n const tabRefs = useRef<(HTMLButtonElement \| null)[]>([]);\r\n\r\n useEffect(() => {\r\n tabRefs.current[activeIndex]?.focus();\r\n }, [activeIndex]);\r\n\r\n const handleTabClick = (index: number) => {\r\n setActiveIndex(index);\r\n onChange?.(index);\r\n };\r\n\r\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n const { key } = event;\r\n\r\n const lastIndex = tabs.length - 1;\r\n let newIndex = activeIndex;\r\n\r\n if (key === \"ArrowRight\") {\r\n newIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;\r\n } else if (key === \"ArrowLeft\") {\r\n newIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;\r\n } else if (key === \"Home\") {\r\n newIndex = 0;\r\n } else if (key === \"End\") {\r\n newIndex = lastIndex;\r\n }\r\n\r\n if (newIndex !== activeIndex) {\r\n event.preventDefault();\r\n setActiveIndex(newIndex);\r\n onChange?.(newIndex);\r\n }\r\n };\r\n\r\n const containerClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n ),\r\n [classMap, theme, state, size, className]\r\n );\r\n\r\n const tabClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tab,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap]\r\n );\r\n\r\n return (\r\n <div className={containerClassNames} data-testid={testId}>\r\n <div\r\n className={classMap.tabs}\r\n role=\"tablist\"\r\n aria-label=\"Tabs\"\r\n onKeyDown={handleKeyDown}\r\n data-testid={`${testId}-tablist`}\r\n >\r\n {tabs.map((tab, index) => {\r\n const Icon = tab.icon;\r\n const isActive = index === activeIndex;\r\n\r\n return (\r\n <button\r\n key={index}\r\n ref={(el): void => {\r\n tabRefs.current[index] = el;\r\n }}\r\n className={combineClassNames(\r\n tabClassNames,\r\n isActive ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleTabClick(index)}\r\n role=\"tab\"\r\n type=\"button\"\r\n tabIndex={isActive ? 0 : -1}\r\n aria-selected={isActive}\r\n aria-controls={`${testId}-panel-${index}`}\r\n id={`${testId}-tab-${index}`}\r\n data-testid={`${testId}-tab-${index}`}\r\n >\r\n {Icon && (\r\n <div\r\n className={classMap.icon}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon-${index}`}\r\n >\r\n <Icon />\r\n </div>\r\n )}\r\n {tab.label}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n\r\n <div\r\n className={classMap.content}\r\n role=\"tabpanel\"\r\n id={`${testId}-panel-${activeIndex}`}\r\n aria-labelledby={`${testId}-tab-${activeIndex}`}\r\n tabIndex={0}\r\n data-testid={`${testId}-panel`}\r\n >\r\n {tabs[activeIndex].content}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TabsBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n return <TabsBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["tabs","tab"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,WAAuE,CAAC;AAAA,EAC5E,MAAAA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,YAAY;AAC3D,QAAM,UAAU,OAAqC,EAAE;AAEvD,YAAU,MAAM;;AACd,kBAAQ,QAAQ,WAAW,MAA3B,mBAA8B;AAAA,EAChC,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,iBAAiB,CAAC,UAAkB;AACxC,mBAAe,KAAK;AACpB,yCAAW;AAAA,EACb;AAEA,QAAM,gBAAgB,CAAC,UAA+C;AACpE,UAAM,EAAE,QAAQ;AAEhB,UAAM,YAAYA,MAAK,SAAS;AAChC,QAAI,WAAW;AAEf,QAAI,QAAQ,cAAc;AACxB,iBAAW,gBAAgB,YAAY,IAAI,cAAc;AAAA,IAC3D,WAAW,QAAQ,aAAa;AAC9B,iBAAW,gBAAgB,IAAI,YAAY,cAAc;AAAA,IAC3D,WAAW,QAAQ,QAAQ;AACzB,iBAAW;AAAA,IACb,WAAW,QAAQ,OAAO;AACxB,iBAAW;AAAA,IACb;AAEA,QAAI,aAAa,aAAa;AAC5B,YAAM,eAAA;AACN,qBAAe,QAAQ;AACvB,2CAAW;AAAA,IACb;AAAA,EACF;AAEA,QAAM,sBAAsB;AAAA,IAC1B,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,OAAO,MAAM,SAAS;AAAA,EAAA;AAG1C,QAAM,gBAAgB;AAAA,IACpB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,QAAQ;AAAA,EAAA;AAGX,SACE,qBAAC,OAAA,EAAI,WAAW,qBAAqB,eAAa,QAChD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAErB,UAAAA,MAAK,IAAI,CAACC,MAAK,UAAU;AACxB,gBAAM,OAAOA,KAAI;AACjB,gBAAM,WAAW,UAAU;AAE3B,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,KAAK,CAAC,OAAa;AACjB,wBAAQ,QAAQ,KAAK,IAAI;AAAA,cAC3B;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA,WAAW,SAAS,SAAS;AAAA,cAAA;AAAA,cAE/B,SAAS,MAAM,eAAe,KAAK;AAAA,cACnC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAU,WAAW,IAAI;AAAA,cACzB,iBAAe;AAAA,cACf,iBAAe,GAAG,MAAM,UAAU,KAAK;AAAA,cACvC,IAAI,GAAG,MAAM,QAAQ,KAAK;AAAA,cAC1B,eAAa,GAAG,MAAM,QAAQ,KAAK;AAAA,cAElC,UAAA;AAAA,gBAAA,QACC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAa,GAAG,MAAM,SAAS,KAAK;AAAA,oBAEpC,8BAAC,MAAA,CAAA,CAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGTA,KAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YA1BA;AAAA,UAAA;AAAA,QA6BX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,IAAI,GAAG,MAAM,UAAU,WAAW;AAAA,QAClC,mBAAiB,GAAG,MAAM,QAAQ,WAAW;AAAA,QAC7C,UAAU;AAAA,QACV,eAAa,GAAG,MAAM;AAAA,QAErB,UAAAD,MAAK,WAAW,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACF;AAEJ;ACrIA,MAAM,OAA4B,CAAC,UAAU;AAC3C,SAAO,oBAAC,UAAA,EAAU,GAAG,OAAO,UAAU,QAAQ;AAChD;"}

package/dist/next/Tabs-DuZPFjen.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs-DuZPFjen.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/Tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\r\nimport { TabsProps } from \"./Tabs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TabsBase: React.FC<TabsProps & { classMap: Record<string, string> }> = ({\r\n tabs,\r\n defaultIndex = 0,\r\n onChange,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n \"data-testid\": testId = \"tabs\",\r\n classMap,\r\n}) => {\r\n const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n const tabRefs = useRef<(HTMLButtonElement \| null)[]>([]);\r\n\r\n useEffect(() => {\r\n tabRefs.current[activeIndex]?.focus();\r\n }, [activeIndex]);\r\n\r\n const handleTabClick = (index: number) => {\r\n setActiveIndex(index);\r\n onChange?.(index);\r\n };\r\n\r\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n const { key } = event;\r\n\r\n const lastIndex = tabs.length - 1;\r\n let newIndex = activeIndex;\r\n\r\n if (key === \"ArrowRight\") {\r\n newIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;\r\n } else if (key === \"ArrowLeft\") {\r\n newIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;\r\n } else if (key === \"Home\") {\r\n newIndex = 0;\r\n } else if (key === \"End\") {\r\n newIndex = lastIndex;\r\n }\r\n\r\n if (newIndex !== activeIndex) {\r\n event.preventDefault();\r\n setActiveIndex(newIndex);\r\n onChange?.(newIndex);\r\n }\r\n };\r\n\r\n const containerClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n ),\r\n [classMap, theme, state, size, className]\r\n );\r\n\r\n const tabClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tab,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap]\r\n );\r\n\r\n return (\r\n <div className={containerClassNames} data-testid={testId}>\r\n <div\r\n className={classMap.tabs}\r\n role=\"tablist\"\r\n aria-label=\"Tabs\"\r\n onKeyDown={handleKeyDown}\r\n data-testid={`${testId}-tablist`}\r\n >\r\n {tabs.map((tab, index) => {\r\n const Icon = tab.icon;\r\n const isActive = index === activeIndex;\r\n\r\n return (\r\n <button\r\n key={index}\r\n ref={(el): void => {\r\n tabRefs.current[index] = el;\r\n }}\r\n className={combineClassNames(\r\n tabClassNames,\r\n isActive ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleTabClick(index)}\r\n role=\"tab\"\r\n type=\"button\"\r\n tabIndex={isActive ? 0 : -1}\r\n aria-selected={isActive}\r\n aria-controls={`${testId}-panel-${index}`}\r\n id={`${testId}-tab-${index}`}\r\n data-testid={`${testId}-tab-${index}`}\r\n >\r\n {Icon && (\r\n <div\r\n className={classMap.icon}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon-${index}`}\r\n >\r\n <Icon />\r\n </div>\r\n )}\r\n {tab.label}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n\r\n <div\r\n className={classMap.content}\r\n role=\"tabpanel\"\r\n id={`${testId}-panel-${activeIndex}`}\r\n aria-labelledby={`${testId}-tab-${activeIndex}`}\r\n tabIndex={0}\r\n data-testid={`${testId}-panel`}\r\n >\r\n {tabs[activeIndex].content}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TabsBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n return <TabsBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["tabs","getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","tab"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,WAAuE,CAAC;AAAA,EAC5E,MAAAA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~EAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~,YAAY;AAAA,EACZ,QAAQC,kBAAAA,~~gBAAgB~~;AAAA,~~EACxB~~,QAAQ;AAAA,EACR,OAAOC,kBAAAA,~~eAAe~~;AAAA,~~EACtB~~,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAIC,MAAAA,SAAS,YAAY;~~AACrD~~,~~QAAA~~,UAAUC,~~MAAqC~~,~~OAAA~~,EAAE;AAEvDC,QAAAA,UAAU,MAAM;;~~AACN~~,~~kBAAA~~,QAAQ,WAAW,~~MAAnB~~,~~mBAAsB~~;AAAA,~~EAAM~~,~~GACnC~~,CAAC,WAAW,CAAC;~~AAEV~~,~~QAAA~~,iBAAiB,CAAC,UAAkB;AACxC,mBAAe,KAAK;AACpB,yCAAW;AAAA,EACb;~~AAEM~~,~~QAAA~~,gBAAgB,CAAC,UAA+C;~~AAC9D~~,~~UAAA~~,EAAE,QAAQ;~~AAEV~~,~~UAAA~~,YAAYP,MAAK,SAAS;AAChC,QAAI,WAAW;AAEf,QAAI,QAAQ,cAAc;~~AACb~~,~~iBAAA~~,gBAAgB,YAAY,IAAI,cAAc;AAAA,~~IAAA~~,~~WAChD~~,QAAQ,aAAa;~~AACnB~~,~~iBAAA~~,gBAAgB,IAAI,YAAY,cAAc;AAAA,~~IAAA~~,~~WAChD~~,QAAQ,QAAQ;~~AACd~~,~~iBAAA~~;AAAA,~~IAAA~~,~~WACF~~,QAAQ,OAAO;~~AACb~~,~~iBAAA~~;AAAA,~~IAAA~~;~~AAGb~~,QAAI,aAAa,aAAa;AAC5B,YAAM,~~eAAe~~;~~AACrB~~,qBAAe,QAAQ;AACvB,2CAAW;AAAA,~~IAAQ~~;AAAA,~~EAEvB~~;AAEA,QAAM,sBAAsBQ,~~MAAA~~;~~AAAA~~,IAC1B,MACEC,~~WAAA~~;~~AAAA~~,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb;AAAA,~~IACF~~;AAAA,~~IACF~~,CAAC,UAAU,OAAO,OAAO,MAAM,SAAS;AAAA,~~EAC1C~~;~~AAEA~~,QAAM,gBAAgBD,~~MAAA~~;~~AAAA~~,IACpB,MACEC,~~WAAA~~;~~AAAA~~,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,~~IACrD~~;AAAA,~~IACF~~,CAAC,QAAQ;AAAA,~~EACX~~;~~AAEA~~,~~SACGC~~,2BAAAA,~~KAAA~~,OAAA,EAAI,WAAW,qBAAqB,eAAa,QAChD,UAAA;AAAA,IAAAC,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAErB,~~UAAKZ~~,~~MAAA~~,IAAI,CAACa,MAAK,UAAU;AACxB,gBAAM,OAAOA,KAAI;AACjB,gBAAM,WAAW,UAAU;~~AAGzB~~,~~iBAAAF~~,~~2BAAA~~;~~AAAA~~,YAAC;AAAA,YAAA;AAAA,cAEC,KAAK,CAAC,OAAa;~~AACT~~,~~wBAAA~~,QAAQ,KAAK,IAAI;AAAA,cAC3B;AAAA,cACA,WAAWF,~~WAAA~~;~~AAAA~~,gBACT;AAAA,gBACA,WAAW,SAAS,SAAS;AAAA,~~cAC/B~~;AAAA,~~cACA~~,SAAS,MAAM,eAAe,KAAK;AAAA,cACnC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAU,WAAW,IAAI;AAAA,cACzB,iBAAe;AAAA,cACf,iBAAe,GAAG,MAAM,UAAU,KAAK;AAAA,cACvC,IAAI,GAAG,MAAM,QAAQ,KAAK;AAAA,cAC1B,eAAa,GAAG,MAAM,QAAQ,KAAK;AAAA,cAElC,UAAA;AAAA,~~gBACC~~,~~QAAAG~~,~~2BAAA~~;~~AAAA~~,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAa,GAAG,MAAM,SAAS,KAAK;AAAA,oBAEpC,yCAAC,~~MAAK~~,CAAA,~~CAAA~~;AAAA,kBAAA;AAAA,~~gBACR~~;AAAA,~~gBAEDC~~,KAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YA1BA;AAAA,~~UA2BP~~;AAAA,~~QAEH~~,~~CAAA~~;AAAA,MAAA;AAAA,~~IACH~~;AAAA,~~IAEAD~~,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,IAAI,GAAG,MAAM,UAAU,WAAW;AAAA,QAClC,mBAAiB,GAAG,MAAM,QAAQ,WAAW;AAAA,QAC7C,UAAU;AAAA,QACV,eAAa,GAAG,MAAM;AAAA,QAErB,UAAAZ,MAAK,WAAW,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACF;AAEJ;~~ACrIM~~,~~MAAA~~,OAA4B,CAAC,UAAU;AAC3C,~~SAAQY~~,2BAAAA,~~IAAA~~,UAAA,EAAU,GAAG,OAAO,UAAU,QAAQ;AAChD;;"}
1	+ {"version":3,"file":"Tabs-DuZPFjen.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/Tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\r\nimport { TabsProps } from \"./Tabs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TabsBase: React.FC<TabsProps & { classMap: Record<string, string> }> = ({\r\n tabs,\r\n defaultIndex = 0,\r\n onChange,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n className = \"\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n \"data-testid\": testId = \"tabs\",\r\n classMap,\r\n}) => {\r\n const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n const tabRefs = useRef<(HTMLButtonElement \| null)[]>([]);\r\n\r\n useEffect(() => {\r\n tabRefs.current[activeIndex]?.focus();\r\n }, [activeIndex]);\r\n\r\n const handleTabClick = (index: number) => {\r\n setActiveIndex(index);\r\n onChange?.(index);\r\n };\r\n\r\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n const { key } = event;\r\n\r\n const lastIndex = tabs.length - 1;\r\n let newIndex = activeIndex;\r\n\r\n if (key === \"ArrowRight\") {\r\n newIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;\r\n } else if (key === \"ArrowLeft\") {\r\n newIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;\r\n } else if (key === \"Home\") {\r\n newIndex = 0;\r\n } else if (key === \"End\") {\r\n newIndex = lastIndex;\r\n }\r\n\r\n if (newIndex !== activeIndex) {\r\n event.preventDefault();\r\n setActiveIndex(newIndex);\r\n onChange?.(newIndex);\r\n }\r\n };\r\n\r\n const containerClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n className\r\n ),\r\n [classMap, theme, state, size, className]\r\n );\r\n\r\n const tabClassNames = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tab,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap]\r\n );\r\n\r\n return (\r\n <div className={containerClassNames} data-testid={testId}>\r\n <div\r\n className={classMap.tabs}\r\n role=\"tablist\"\r\n aria-label=\"Tabs\"\r\n onKeyDown={handleKeyDown}\r\n data-testid={`${testId}-tablist`}\r\n >\r\n {tabs.map((tab, index) => {\r\n const Icon = tab.icon;\r\n const isActive = index === activeIndex;\r\n\r\n return (\r\n <button\r\n key={index}\r\n ref={(el): void => {\r\n tabRefs.current[index] = el;\r\n }}\r\n className={combineClassNames(\r\n tabClassNames,\r\n isActive ? classMap.active : \"\"\r\n )}\r\n onClick={() => handleTabClick(index)}\r\n role=\"tab\"\r\n type=\"button\"\r\n tabIndex={isActive ? 0 : -1}\r\n aria-selected={isActive}\r\n aria-controls={`${testId}-panel-${index}`}\r\n id={`${testId}-tab-${index}`}\r\n data-testid={`${testId}-tab-${index}`}\r\n >\r\n {Icon && (\r\n <div\r\n className={classMap.icon}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon-${index}`}\r\n >\r\n <Icon />\r\n </div>\r\n )}\r\n {tab.label}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n\r\n <div\r\n className={classMap.content}\r\n role=\"tabpanel\"\r\n id={`${testId}-panel-${activeIndex}`}\r\n aria-labelledby={`${testId}-tab-${activeIndex}`}\r\n tabIndex={0}\r\n data-testid={`${testId}-panel`}\r\n >\r\n {tabs[activeIndex].content}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TabsBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n return <TabsBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["tabs","getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","tab"],"mappings":"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"}

package/dist/next/TagInput.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
-const Taginput = require("./Taginput-DAZs0PlQ.cjs");
+const Taginput = require("./Taginput-BcNgwFOj.cjs");
 module.exports = Taginput.TagInput;
 //# sourceMappingURL=TagInput.cjs.js.map

package/dist/next/TagInput.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { T } from "./Taginput-Bppb5ahN.js";
+import { T } from "./Taginput-CdYMgcYY.js";
 export {
   T as default
 };

package/dist/next/{Taginput-DAZs0PlQ.cjs → Taginput-BcNgwFOj.cjs} RENAMED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
-const IconButton = require("./IconButton-mY_E1gsn.cjs");
-const TextInput = require("./TextInput-D2cpcHhQ.cjs");
+const IconButton = require("./IconButton-CNzF48hu.cjs");
+const TextInput = require("./TextInput-iQT-2lPj.cjs");
 const React = require("react");
 const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
@@ -293,4 +293,4 @@ const TagInput = (props) => {
   );
 };
 exports.TagInput = TagInput;
-//# sourceMappingURL=Taginput-DAZs0PlQ.cjs.map
+//# sourceMappingURL=Taginput-BcNgwFOj.cjs.map

package/dist/next/{Taginput-DAZs0PlQ.cjs.map → Taginput-BcNgwFOj.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Taginput-DAZs0PlQ.cjs","sources":["../../src/components/TagInput/TagInputBase.tsx","../../src/components/TagInput/next/Taginput.tsx"],"sourcesContent":["import React, {\r\n useId,\r\n useState,\r\n KeyboardEvent,\r\n useMemo,\r\n useEffect,\r\n} from \"react\";\r\nimport { TagInputProps } from \"./Taginput.types\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TagInputBase: React.FC<\r\n TagInputProps & {\r\n classMap: Record<string, string>;\r\n IconButton: React.FC<any>;\r\n TextInput: React.FC<any>;\r\n }\r\n> = ({\r\n tags = [],\r\n onChange,\r\n fetchSuggestions,\r\n debounceMs = 300,\r\n placeholder = \"Add a tag...\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n \"data-testid\": testId = \"tag-input\",\r\n ariaDescription = \"Type a tag and press Enter or comma to add. Existing tags can be removed using the remove button next to each tag.\",\r\n classMap,\r\n IconButton,\r\n TextInput,\r\n}) => {\r\n const inputId = useId();\r\n const descId = `${inputId}-desc`;\r\n const labelId = `${inputId}-label`;\r\n\r\n const [inputValue, setInputValue] = useState(\"\");\r\n const [tagList, setTagList] = useState<string[]>(tags);\r\n const [lastAction, setLastAction] = useState<string>(\"\");\r\n\r\n const [suggestions, setSuggestions] = useState<string[]>([]);\r\n const [debounceTimeout, setDebounceTimeout] = useState<NodeJS.Timeout \| null>(\r\n null\r\n );\r\n\r\n useEffect(() => {\r\n if (!fetchSuggestions \|\| !inputValue.trim()) {\r\n setSuggestions([]);\r\n return;\r\n }\r\n\r\n if (debounceTimeout) {\r\n clearTimeout(debounceTimeout);\r\n }\r\n\r\n const timeout = setTimeout(async () => {\r\n try {\r\n const result = await fetchSuggestions(inputValue);\r\n setSuggestions(result);\r\n } catch (error) {\r\n console.error(\"Failed to fetch tag suggestions:\", error);\r\n }\r\n }, debounceMs);\r\n\r\n setDebounceTimeout(timeout);\r\n\r\n return () => clearTimeout(timeout);\r\n }, [inputValue, fetchSuggestions, debounceMs]);\r\n\r\n const handleAddTag = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (\r\n (event.key === \"Enter\" \|\| event.key === \",\") &&\r\n inputValue.trim() !== \"\"\r\n ) {\r\n event.preventDefault();\r\n const newTag = inputValue.trim();\r\n if (!tagList.includes(newTag)) {\r\n const updated = [...tagList, newTag];\r\n setTagList(updated);\r\n onChange?.(updated);\r\n setLastAction(`Added tag ${newTag}`);\r\n }\r\n setInputValue(\"\");\r\n }\r\n };\r\n\r\n const handleRemoveTag = (tag: string) => {\r\n const updated = tagList.filter((t) => t !== tag);\r\n setTagList(updated);\r\n onChange?.(updated);\r\n setLastAction(`Removed tag ${tag}`);\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tagInput,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size]\r\n ),\r\n [classMap, theme, state, size]\r\n );\r\n\r\n const tagClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tag,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap]\r\n );\r\n\r\n return (\r\n <div\r\n className={wrapperClass}\r\n role=\"group\"\r\n aria-labelledby={labelId}\r\n aria-describedby={descId}\r\n data-testid={testId}\r\n >\r\n <label id={labelId} className=\"sr_only\">\r\n Tag Input\r\n </label>\r\n <div\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </div>\r\n\r\n <ul\r\n className={classMap.tagContainer}\r\n aria-live=\"polite\"\r\n aria-relevant=\"additions removals\"\r\n data-testid={`${testId}-list`}\r\n >\r\n {tagList.map((tag, index) => (\r\n <li\r\n key={tag}\r\n className={tagClass}\r\n role=\"listitem\"\r\n data-testid={`${testId}-tag-${index}`}\r\n >\r\n <span className={classMap.tagLabel}>{tag}</span>\r\n <IconButton\r\n type=\"button\"\r\n aria-label={`Remove tag ${tag}`}\r\n className={classMap.removeButton}\r\n onClick={() => handleRemoveTag(tag)}\r\n data-testid={`${testId}-remove-${index}`}\r\n icon={CloseIcon}\r\n size=\"small\"\r\n theme=\"clear\"\r\n />\r\n </li>\r\n ))}\r\n </ul>\r\n\r\n <div className={classMap.inputWrapper}>\r\n <TextInput\r\n id={inputId}\r\n type=\"text\"\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n className={classMap.input}\r\n value={inputValue}\r\n placeholder={tagList.length === 0 ? placeholder : \"\"}\r\n onChange={(e: { target: { value: string } }) =>\r\n setInputValue(e.target.value)\r\n }\r\n onKeyDown={handleAddTag}\r\n aria-label=\"Add new tag\"\r\n aria-describedby={descId}\r\n data-testid={`${testId}-input`}\r\n />\r\n </div>\r\n {suggestions.length > 0 && (\r\n <ul\r\n className={classMap.suggestionList}\r\n role=\"listbox\"\r\n id={`${inputId}-listbox`}\r\n title=\"suggestions\"\r\n data-testid={`${testId}-suggestions`}\r\n >\r\n {suggestions.map((suggestion, index) => (\r\n <li\r\n key={index}\r\n className={classMap.suggestionItem}\r\n onClick={() => {\r\n if (!tagList.includes(suggestion)) {\r\n const updated = [...tagList, suggestion];\r\n setTagList(updated);\r\n onChange?.(updated);\r\n setLastAction(`Added tag ${suggestion}`);\r\n }\r\n setInputValue(\"\");\r\n setSuggestions([]);\r\n }}\r\n role=\"option\"\r\n data-testid={`${testId}-suggestion-${index}`}\r\n >\r\n {suggestion}\r\n </li>\r\n ))}\r\n </ul>\r\n )}\r\n\r\n <div aria-live=\"polite\" className=\"sr_only\">\r\n {lastAction}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TagInputBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Taginput.module.scss\";\r\nimport { IconButton, TextInput } from \"@/index.next\";\r\nimport TagInputBase from \"../TagInputBase\";\r\nimport { TagInputProps } from \"../Taginput.types\";\r\n\r\nconst TagInput: React.FC<TagInputProps> = (props) => {\r\n return (\r\n <TagInputBase\r\n {...props}\r\n classMap={styles}\r\n IconButton={IconButton}\r\n TextInput={TextInput}\r\n />\r\n );\r\n};\r\n\r\nexport default TagInput;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","IconButton","TextInput","useId","useState","useEffect","error","tag","useMemo","combineClassNames","capitalize","jsxs","jsx","CloseIcon"],"mappings":"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"}
1	+ {"version":3,"file":"Taginput-BcNgwFOj.cjs","sources":["../../src/components/TagInput/TagInputBase.tsx","../../src/components/TagInput/next/Taginput.tsx"],"sourcesContent":["import React, {\r\n useId,\r\n useState,\r\n KeyboardEvent,\r\n useMemo,\r\n useEffect,\r\n} from \"react\";\r\nimport { TagInputProps } from \"./Taginput.types\";\r\nimport { CloseIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TagInputBase: React.FC<\r\n TagInputProps & {\r\n classMap: Record<string, string>;\r\n IconButton: React.FC<any>;\r\n TextInput: React.FC<any>;\r\n }\r\n> = ({\r\n tags = [],\r\n onChange,\r\n fetchSuggestions,\r\n debounceMs = 300,\r\n placeholder = \"Add a tag...\",\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n \"data-testid\": testId = \"tag-input\",\r\n ariaDescription = \"Type a tag and press Enter or comma to add. Existing tags can be removed using the remove button next to each tag.\",\r\n classMap,\r\n IconButton,\r\n TextInput,\r\n}) => {\r\n const inputId = useId();\r\n const descId = `${inputId}-desc`;\r\n const labelId = `${inputId}-label`;\r\n\r\n const [inputValue, setInputValue] = useState(\"\");\r\n const [tagList, setTagList] = useState<string[]>(tags);\r\n const [lastAction, setLastAction] = useState<string>(\"\");\r\n\r\n const [suggestions, setSuggestions] = useState<string[]>([]);\r\n const [debounceTimeout, setDebounceTimeout] = useState<NodeJS.Timeout \| null>(\r\n null\r\n );\r\n\r\n useEffect(() => {\r\n if (!fetchSuggestions \|\| !inputValue.trim()) {\r\n setSuggestions([]);\r\n return;\r\n }\r\n\r\n if (debounceTimeout) {\r\n clearTimeout(debounceTimeout);\r\n }\r\n\r\n const timeout = setTimeout(async () => {\r\n try {\r\n const result = await fetchSuggestions(inputValue);\r\n setSuggestions(result);\r\n } catch (error) {\r\n console.error(\"Failed to fetch tag suggestions:\", error);\r\n }\r\n }, debounceMs);\r\n\r\n setDebounceTimeout(timeout);\r\n\r\n return () => clearTimeout(timeout);\r\n }, [inputValue, fetchSuggestions, debounceMs]);\r\n\r\n const handleAddTag = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (\r\n (event.key === \"Enter\" \|\| event.key === \",\") &&\r\n inputValue.trim() !== \"\"\r\n ) {\r\n event.preventDefault();\r\n const newTag = inputValue.trim();\r\n if (!tagList.includes(newTag)) {\r\n const updated = [...tagList, newTag];\r\n setTagList(updated);\r\n onChange?.(updated);\r\n setLastAction(`Added tag ${newTag}`);\r\n }\r\n setInputValue(\"\");\r\n }\r\n };\r\n\r\n const handleRemoveTag = (tag: string) => {\r\n const updated = tagList.filter((t) => t !== tag);\r\n setTagList(updated);\r\n onChange?.(updated);\r\n setLastAction(`Removed tag ${tag}`);\r\n };\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tagInput,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size]\r\n ),\r\n [classMap, theme, state, size]\r\n );\r\n\r\n const tagClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tag,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap]\r\n );\r\n\r\n return (\r\n <div\r\n className={wrapperClass}\r\n role=\"group\"\r\n aria-labelledby={labelId}\r\n aria-describedby={descId}\r\n data-testid={testId}\r\n >\r\n <label id={labelId} className=\"sr_only\">\r\n Tag Input\r\n </label>\r\n <div\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </div>\r\n\r\n <ul\r\n className={classMap.tagContainer}\r\n aria-live=\"polite\"\r\n aria-relevant=\"additions removals\"\r\n data-testid={`${testId}-list`}\r\n >\r\n {tagList.map((tag, index) => (\r\n <li\r\n key={tag}\r\n className={tagClass}\r\n role=\"listitem\"\r\n data-testid={`${testId}-tag-${index}`}\r\n >\r\n <span className={classMap.tagLabel}>{tag}</span>\r\n <IconButton\r\n type=\"button\"\r\n aria-label={`Remove tag ${tag}`}\r\n className={classMap.removeButton}\r\n onClick={() => handleRemoveTag(tag)}\r\n data-testid={`${testId}-remove-${index}`}\r\n icon={CloseIcon}\r\n size=\"small\"\r\n theme=\"clear\"\r\n />\r\n </li>\r\n ))}\r\n </ul>\r\n\r\n <div className={classMap.inputWrapper}>\r\n <TextInput\r\n id={inputId}\r\n type=\"text\"\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n className={classMap.input}\r\n value={inputValue}\r\n placeholder={tagList.length === 0 ? placeholder : \"\"}\r\n onChange={(e: { target: { value: string } }) =>\r\n setInputValue(e.target.value)\r\n }\r\n onKeyDown={handleAddTag}\r\n aria-label=\"Add new tag\"\r\n aria-describedby={descId}\r\n data-testid={`${testId}-input`}\r\n />\r\n </div>\r\n {suggestions.length > 0 && (\r\n <ul\r\n className={classMap.suggestionList}\r\n role=\"listbox\"\r\n id={`${inputId}-listbox`}\r\n title=\"suggestions\"\r\n data-testid={`${testId}-suggestions`}\r\n >\r\n {suggestions.map((suggestion, index) => (\r\n <li\r\n key={index}\r\n className={classMap.suggestionItem}\r\n onClick={() => {\r\n if (!tagList.includes(suggestion)) {\r\n const updated = [...tagList, suggestion];\r\n setTagList(updated);\r\n onChange?.(updated);\r\n setLastAction(`Added tag ${suggestion}`);\r\n }\r\n setInputValue(\"\");\r\n setSuggestions([]);\r\n }}\r\n role=\"option\"\r\n data-testid={`${testId}-suggestion-${index}`}\r\n >\r\n {suggestion}\r\n </li>\r\n ))}\r\n </ul>\r\n )}\r\n\r\n <div aria-live=\"polite\" className=\"sr_only\">\r\n {lastAction}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default TagInputBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Taginput.module.scss\";\r\nimport { IconButton, TextInput } from \"@/index.next\";\r\nimport TagInputBase from \"../TagInputBase\";\r\nimport { TagInputProps } from \"../Taginput.types\";\r\n\r\nconst TagInput: React.FC<TagInputProps> = (props) => {\r\n return (\r\n <TagInputBase\r\n {...props}\r\n classMap={styles}\r\n IconButton={IconButton}\r\n TextInput={TextInput}\r\n />\r\n );\r\n};\r\n\r\nexport default TagInput;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","IconButton","TextInput","useId","useState","useEffect","error","tag","useMemo","combineClassNames","capitalize","jsxs","jsx","CloseIcon"],"mappings":"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"}