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

boreal-ui 0.0.1 → 0.0.10

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 (335) hide show

package/dist/core/Toggle-v31rt4Ya.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle-v31rt4Ya.cjs","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/core/Toggle.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToggleProps } from \"./Toggle.types\";\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\nexport interface ToggleBaseProps extends ToggleProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ToggleBase = forwardRef<HTMLButtonElement, ToggleBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n label,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n disabled = false,\r\n classMap,\r\n className,\r\n \"data-testid\": testId = \"toggle\",\r\n },\r\n ref\r\n ) => {\r\n const handleToggle = () => {\r\n if (!disabled) onChange(!checked);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if ((e.key === \"Enter\" \|\| e.key === \" \") && !disabled) {\r\n e.preventDefault();\r\n handleToggle();\r\n }\r\n };\r\n\r\n const containerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [classMap, size, disabled, shadow, rounding, theme, state]\r\n );\r\n\r\n const toggleClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toggle,\r\n checked && classMap.active,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, checked, rounding]\r\n );\r\n\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n return (\r\n <div className={containerClass} data-testid={`${testId}-wrapper`}>\r\n <button\r\n ref={ref}\r\n id={`${testId}-button`}\r\n className={toggleClass}\r\n role=\"switch\"\r\n aria-checked={checked}\r\n aria-labelledby={labelId}\r\n aria-label={label ? undefined : \"Toggle switch\"}\r\n type=\"button\"\r\n disabled={disabled}\r\n onClick={handleToggle}\r\n onKeyDown={handleKeyDown}\r\n data-testid={testId}\r\n >\r\n <span className={classMap.slider} data-testid={`${testId}-slider`} />\r\n </button>\r\n\r\n {label && (\r\n <label\r\n id={labelId}\r\n htmlFor={`${testId}-button`}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nToggleBase.displayName = \"ToggleBase\";\r\nexport default ToggleBase;\r\n","import React from \"react\";\r\nimport \"./Toggle.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst classes = {\r\n container: \"container\",\r\n toggle: \"toggle\",\r\n active: \"toggle_active\",\r\n slider: \"toggle_slider\",\r\n label: \"toggle_label\",\r\n\r\n primary: \"toggle_primary\",\r\n secondary: \"toggle_secondary\",\r\n tertiary: \"toggle_tertiary\",\r\n quaternary: \"toggle_quaternary\",\r\n\r\n success: \"toggle_success\",\r\n warning: \"toggle_warning\",\r\n error: \"toggle_error\",\r\n\r\n clear: \"toggle_clear\",\r\n\r\n disabled: \"toggle_disabled\",\r\n\r\n xs: \"toggle_xs\",\r\n small: \"toggle_small\",\r\n medium: \"toggle_medium\",\r\n large: \"toggle_large\",\r\n xl: \"toggle_xl\",\r\n\r\n shadowNone: \"toggle_shadow-None\",\r\n shadowLight: \"toggle_shadow-Light\",\r\n shadowMedium: \"toggle_shadow-Medium\",\r\n shadowStrong: \"toggle_shadow-Strong\",\r\n shadowIntense: \"toggle_shadow-Intense\",\r\n\r\n roundNone: \"toggle_round-None\",\r\n roundSmall: \"toggle_round-Small\",\r\n roundMedium: \"toggle_round-Medium\",\r\n roundLarge: \"toggle_round-Large\",\r\n};\r\n\r\nconst Toggle: React.FC<ToggleProps> = (props) => {\r\n return <ToggleBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Toggle;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAeA,MAAM,aAAaA,~~MAAA~~;~~AAAA~~,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQC,kBAAAA,~~gBAAgB~~;AAAA,~~IACxB~~,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~IAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~IAC1B~~,QAAQ;AAAA,IACR,OAAOC,kBAAAA,~~eAAe~~;AAAA,~~IACtB~~,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,~~KAE1B~~,QACG;AACH,UAAM,eAAe,MAAM;AACzB,UAAI,CAAC,~~SAAmB~~,~~UAAA~~,CAAC,OAAO;AAAA,IAClC;~~AAEM~~,~~UAAA~~,gBAAgB,CAAC,MAAwC;AAC7D,WAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAAC,UAAU;AACrD,UAAE,~~eAAe~~;~~AACJ~~,qBAAA;AAAA,~~MAAA~~;AAAA,~~IAEjB~~;AAEA,UAAM,iBAAiBC,~~MAAA~~;~~AAAA~~,MACrB,MACEC,~~WAAA~~;~~AAAA~~,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb,YAAY,SAAS,QAAQC,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD,YAAY,SAAS;AAAA,QACrB;AAAA,~~MACF~~;AAAA,~~MACF~~,CAAC,UAAU,MAAM,UAAU,QAAQ,UAAU,OAAO,KAAK;AAAA,~~IAC3D~~;~~AAEA~~,UAAM,cAAcF,~~MAAA~~;~~AAAA~~,MAClB,MACEC,~~WAAA~~;~~AAAA~~,QACE,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,~~MACrD~~;AAAA,~~MACF~~,CAAC,UAAU,SAAS,QAAQ;AAAA,~~IAC9B~~;~~AAEA~~,UAAM,UAAU,QAAQ,GAAG,MAAM,WAAW;AAE5C,2CACG,~~OAAI~~,~~EAAA~~,WAAW,gBAAgB,eAAa,GAAG,MAAM,YACpD,UAAA;AAAA,MAAAC,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,IAAI,GAAG,MAAM;AAAA,UACb,WAAW;AAAA,UACX,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,mBAAiB;AAAA,UACjB,cAAY,QAAQ,SAAY;AAAA,UAChC,MAAK;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,WAAW;AAAA,UACX,eAAa;AAAA,UAEb,UAAAA,~~2BAAA~~,IAAC,UAAK,WAAW,SAAS,QAAQ,eAAa,GAAG,MAAM,~~UAAW~~,~~CAAA~~;AAAA,QAAA;AAAA,~~MACrE~~;AAAA,~~MAEC~~,SACCA,~~2BAAA~~;~~AAAA~~,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,SAAS,GAAG,MAAM;AAAA,UAClB,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,~~EAAA~~;~~AAGN~~;AAEA,WAAW,cAAc;ACpGzB,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,UAAU;AAAA,EAEV,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;~~AAEM~~,~~MAAA~~,SAAgC,CAAC,UAAU;AAC/C,~~SAAQA~~,2BAAAA,~~IAAA~~,YAAA,EAAY,GAAG,OAAO,UAAU,SAAS;AACnD;;"}
1	+ {"version":3,"file":"Toggle-v31rt4Ya.cjs","sources":["../../src/components/Toggle/ToggleBase.tsx","../../src/components/Toggle/core/Toggle.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToggleProps } from \"./Toggle.types\";\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\nexport interface ToggleBaseProps extends ToggleProps {\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ToggleBase = forwardRef<HTMLButtonElement, ToggleBaseProps>(\r\n (\r\n {\r\n checked,\r\n onChange,\r\n label,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n disabled = false,\r\n classMap,\r\n className,\r\n \"data-testid\": testId = \"toggle\",\r\n },\r\n ref\r\n ) => {\r\n const handleToggle = () => {\r\n if (!disabled) onChange(!checked);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n if ((e.key === \"Enter\" \|\| e.key === \" \") && !disabled) {\r\n e.preventDefault();\r\n handleToggle();\r\n }\r\n };\r\n\r\n const containerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[theme],\r\n classMap[state],\r\n classMap[size],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n className\r\n ),\r\n [classMap, size, disabled, shadow, rounding, theme, state]\r\n );\r\n\r\n const toggleClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toggle,\r\n checked && classMap.active,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, checked, rounding]\r\n );\r\n\r\n const labelId = label ? `${testId}-label` : undefined;\r\n\r\n return (\r\n <div className={containerClass} data-testid={`${testId}-wrapper`}>\r\n <button\r\n ref={ref}\r\n id={`${testId}-button`}\r\n className={toggleClass}\r\n role=\"switch\"\r\n aria-checked={checked}\r\n aria-labelledby={labelId}\r\n aria-label={label ? undefined : \"Toggle switch\"}\r\n type=\"button\"\r\n disabled={disabled}\r\n onClick={handleToggle}\r\n onKeyDown={handleKeyDown}\r\n data-testid={testId}\r\n >\r\n <span className={classMap.slider} data-testid={`${testId}-slider`} />\r\n </button>\r\n\r\n {label && (\r\n <label\r\n id={labelId}\r\n htmlFor={`${testId}-button`}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nToggleBase.displayName = \"ToggleBase\";\r\nexport default ToggleBase;\r\n","import React from \"react\";\r\nimport \"./Toggle.scss\";\r\nimport ToggleBase from \"../ToggleBase\";\r\nimport { ToggleProps } from \"../Toggle.types\";\r\n\r\nconst classes = {\r\n container: \"container\",\r\n toggle: \"toggle\",\r\n active: \"toggle_active\",\r\n slider: \"toggle_slider\",\r\n label: \"toggle_label\",\r\n\r\n primary: \"toggle_primary\",\r\n secondary: \"toggle_secondary\",\r\n tertiary: \"toggle_tertiary\",\r\n quaternary: \"toggle_quaternary\",\r\n\r\n success: \"toggle_success\",\r\n warning: \"toggle_warning\",\r\n error: \"toggle_error\",\r\n\r\n clear: \"toggle_clear\",\r\n\r\n disabled: \"toggle_disabled\",\r\n\r\n xs: \"toggle_xs\",\r\n small: \"toggle_small\",\r\n medium: \"toggle_medium\",\r\n large: \"toggle_large\",\r\n xl: \"toggle_xl\",\r\n\r\n shadowNone: \"toggle_shadow-None\",\r\n shadowLight: \"toggle_shadow-Light\",\r\n shadowMedium: \"toggle_shadow-Medium\",\r\n shadowStrong: \"toggle_shadow-Strong\",\r\n shadowIntense: \"toggle_shadow-Intense\",\r\n\r\n roundNone: \"toggle_round-None\",\r\n roundSmall: \"toggle_round-Small\",\r\n roundMedium: \"toggle_round-Medium\",\r\n roundLarge: \"toggle_round-Large\",\r\n};\r\n\r\nconst Toggle: React.FC<ToggleProps> = (props) => {\r\n return <ToggleBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Toggle;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useMemo","combineClassNames","capitalize","jsx"],"mappings":"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"}

package/dist/core/Toolbar-94Pu5-SL.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toolbar-94Pu5-SL.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, ToolbarProps } from \"./Toolbar.types\";\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\nexport const ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n title,\r\n left,\r\n center,\r\n right,\r\n avatar,\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n className = \"\",\r\n \"data-testid\": testId = \"toolbar\",\r\n AvatarComponent,\r\n classMap,\r\n ariaLabel = \"Toolbar\",\r\n headingLevel = 1,\r\n}): JSX.Element => {\r\n const TitleTag = `h${headingLevel}` as keyof JSX.IntrinsicElements;\r\n\r\n const headerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toolbar,\r\n classMap[theme],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, theme, className]\r\n );\r\n\r\n return (\r\n <header\r\n className={headerClass}\r\n role=\"banner\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar left section\"\r\n data-testid={`${testId}-left`}\r\n >\r\n {left}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar center section\"\r\n data-testid={`${testId}-center`}\r\n >\r\n {title && (\r\n <TitleTag className={classMap.title} data-testid={`${testId}-title`}>\r\n {title}\r\n </TitleTag>\r\n )}\r\n {center}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar right section\"\r\n data-testid={`${testId}-right`}\r\n >\r\n {right}\r\n {avatar && (\r\n <div\r\n className={classMap.avatarWrapper}\r\n data-testid={`${testId}-avatar`}\r\n >\r\n <AvatarComponent\r\n name={avatar.name}\r\n src={avatar.src}\r\n size={avatar.size \|\| \"medium\"}\r\n shape={avatar.shape \|\| \"circle\"}\r\n theme={avatar.theme}\r\n outline={avatar.outline}\r\n onClick={avatar.onClick}\r\n aria-hidden={!avatar.name}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </header>\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,~~gBAAgB~~;AAAA,~~EACxB~~,SAAS,~~iBAAiB~~;AAAA,~~EAC1B~~,WAAW,~~mBAAmB~~;AAAA,~~EAC9B~~,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAAmB;~~AACX~~,~~QAAA~~,WAAW,IAAI,YAAY;AAEjC,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,~~IACrD~~;AAAA,~~IACF~~,CAAC,UAAU,OAAO,SAAS;AAAA,~~EAC7B~~;~~AAGE~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,~~QACH~~;AAAA,~~QAEA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,~~cACC~~,~~SAAA~~,oBAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,~~UACH~~,MAAA,~~CAAA~~;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,~~QACH~~;AAAA,~~QAEA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA;AAAA,cACA,UACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,OAAO;AAAA,sBACb,KAAK,OAAO;AAAA,sBACZ,MAAM,OAAO,QAAQ;AAAA,sBACrB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO;AAAA,sBACd,SAAS,OAAO;AAAA,sBAChB,SAAS,OAAO;AAAA,sBAChB,eAAa,CAAC,OAAO;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACvB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,~~EACF~~;~~AAEJ~~;AC3FA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EAEf,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;~~AAEM~~,~~MAAA~~,UAAkC,CAAC,~~UACtC~~,~~oBAAA~~,aAAA,EAAa,GAAG,OAAO,iBAAiB,QAAQ,UAAU,~~QAAS~~,~~CAAA~~;"}
1	+ {"version":3,"file":"Toolbar-94Pu5-SL.js","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, ToolbarProps } from \"./Toolbar.types\";\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\nexport const ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n title,\r\n left,\r\n center,\r\n right,\r\n avatar,\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n className = \"\",\r\n \"data-testid\": testId = \"toolbar\",\r\n AvatarComponent,\r\n classMap,\r\n ariaLabel = \"Toolbar\",\r\n headingLevel = 1,\r\n}): JSX.Element => {\r\n const TitleTag = `h${headingLevel}` as keyof JSX.IntrinsicElements;\r\n\r\n const headerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toolbar,\r\n classMap[theme],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, theme, className]\r\n );\r\n\r\n return (\r\n <header\r\n className={headerClass}\r\n role=\"banner\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar left section\"\r\n data-testid={`${testId}-left`}\r\n >\r\n {left}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar center section\"\r\n data-testid={`${testId}-center`}\r\n >\r\n {title && (\r\n <TitleTag className={classMap.title} data-testid={`${testId}-title`}>\r\n {title}\r\n </TitleTag>\r\n )}\r\n {center}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar right section\"\r\n data-testid={`${testId}-right`}\r\n >\r\n {right}\r\n {avatar && (\r\n <div\r\n className={classMap.avatarWrapper}\r\n data-testid={`${testId}-avatar`}\r\n >\r\n <AvatarComponent\r\n name={avatar.name}\r\n src={avatar.src}\r\n size={avatar.size \|\| \"medium\"}\r\n shape={avatar.shape \|\| \"circle\"}\r\n theme={avatar.theme}\r\n outline={avatar.outline}\r\n onClick={avatar.onClick}\r\n aria-hidden={!avatar.name}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </header>\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,SAAS,iBAAA;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAAmB;AACjB,QAAM,WAAW,IAAI,YAAY;AAEjC,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,OAAO,SAAS;AAAA,EAAA;AAG7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA,SACC,oBAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,UAAA,MAAA,CACH;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA;AAAA,cACA,UACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,OAAO;AAAA,sBACb,KAAK,OAAO;AAAA,sBACZ,MAAM,OAAO,QAAQ;AAAA,sBACrB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO;AAAA,sBACd,SAAS,OAAO;AAAA,sBAChB,SAAS,OAAO;AAAA,sBAChB,eAAa,CAAC,OAAO;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACvB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AC3FA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EAEf,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAkC,CAAC,UACvC,oBAAC,aAAA,EAAa,GAAG,OAAO,iBAAiB,QAAQ,UAAU,QAAA,CAAS;"}

package/dist/core/Toolbar-Cg_ofRqY.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toolbar-Cg_ofRqY.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, ToolbarProps } from \"./Toolbar.types\";\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\nexport const ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n title,\r\n left,\r\n center,\r\n right,\r\n avatar,\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n className = \"\",\r\n \"data-testid\": testId = \"toolbar\",\r\n AvatarComponent,\r\n classMap,\r\n ariaLabel = \"Toolbar\",\r\n headingLevel = 1,\r\n}): JSX.Element => {\r\n const TitleTag = `h${headingLevel}` as keyof JSX.IntrinsicElements;\r\n\r\n const headerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toolbar,\r\n classMap[theme],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, theme, className]\r\n );\r\n\r\n return (\r\n <header\r\n className={headerClass}\r\n role=\"banner\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar left section\"\r\n data-testid={`${testId}-left`}\r\n >\r\n {left}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar center section\"\r\n data-testid={`${testId}-center`}\r\n >\r\n {title && (\r\n <TitleTag className={classMap.title} data-testid={`${testId}-title`}>\r\n {title}\r\n </TitleTag>\r\n )}\r\n {center}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar right section\"\r\n data-testid={`${testId}-right`}\r\n >\r\n {right}\r\n {avatar && (\r\n <div\r\n className={classMap.avatarWrapper}\r\n data-testid={`${testId}-avatar`}\r\n >\r\n <AvatarComponent\r\n name={avatar.name}\r\n src={avatar.src}\r\n size={avatar.size \|\| \"medium\"}\r\n shape={avatar.shape \|\| \"circle\"}\r\n theme={avatar.theme}\r\n outline={avatar.outline}\r\n onClick={avatar.onClick}\r\n aria-hidden={!avatar.name}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </header>\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":";;;;;;;AAUO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,~~gBAAgB~~;AAAA,~~EACxB~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~EAC1B~~,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~EAC9B~~,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAAmB;~~AACX~~,~~QAAA~~,WAAW,IAAI,YAAY;AAEjC,QAAM,cAAcC,~~MAAA~~;~~AAAA~~,IAClB,MACEC,~~WAAA~~;~~AAAA~~,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,~~IACrD~~;AAAA,~~IACF~~,CAAC,UAAU,OAAO,SAAS;AAAA,~~EAC7B~~;~~AAGE~~,~~SAAAC~~,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAC,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,~~QACH~~;AAAA,~~QAEAD~~,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,~~cACC~~,~~SAAAC~~,2BAAAA,IAAC,YAAS,WAAW,SAAS,OAAO,eAAa,GAAG,MAAM,UACxD,~~UACH~~,MAAA,~~CAAA~~;AAAA,cAED;AAAA,YAAA;AAAA,UAAA;AAAA,~~QACH~~;AAAA,~~QAEAD~~,~~2BAAA~~;~~AAAA~~,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA;AAAA,cACA,UACCC,~~2BAAA~~;~~AAAA~~,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAEtB,UAAAA,~~2BAAA~~;~~AAAA~~,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,OAAO;AAAA,sBACb,KAAK,OAAO;AAAA,sBACZ,MAAM,OAAO,QAAQ;AAAA,sBACrB,OAAO,OAAO,SAAS;AAAA,sBACvB,OAAO,OAAO;AAAA,sBACd,SAAS,OAAO;AAAA,sBAChB,SAAS,OAAO;AAAA,sBAChB,eAAa,CAAC,OAAO;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACvB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,~~EACF~~;~~AAEJ~~;AC3FA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EAEf,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;~~AAEM~~,~~MAAA~~,UAAkC,CAAC,~~UACtCA~~,~~2BAAA~~,~~IAAA~~,aAAA,EAAa,GAAG,OAAO,iBAAiBC,OAAAA,QAAQ,UAAU,~~QAAS~~,~~CAAA~~;;"}
1	+ {"version":3,"file":"Toolbar-Cg_ofRqY.cjs","sources":["../../src/components/Toolbar/ToolbarBase.tsx","../../src/components/Toolbar/core/Toolbar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ToolbarBaseProps, ToolbarProps } from \"./Toolbar.types\";\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\nexport const ToolbarBase: React.FC<ToolbarBaseProps> = ({\r\n title,\r\n left,\r\n center,\r\n right,\r\n avatar,\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n className = \"\",\r\n \"data-testid\": testId = \"toolbar\",\r\n AvatarComponent,\r\n classMap,\r\n ariaLabel = \"Toolbar\",\r\n headingLevel = 1,\r\n}): JSX.Element => {\r\n const TitleTag = `h${headingLevel}` as keyof JSX.IntrinsicElements;\r\n\r\n const headerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.toolbar,\r\n classMap[theme],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, theme, className]\r\n );\r\n\r\n return (\r\n <header\r\n className={headerClass}\r\n role=\"banner\"\r\n aria-label={ariaLabel}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar left section\"\r\n data-testid={`${testId}-left`}\r\n >\r\n {left}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar center section\"\r\n data-testid={`${testId}-center`}\r\n >\r\n {title && (\r\n <TitleTag className={classMap.title} data-testid={`${testId}-title`}>\r\n {title}\r\n </TitleTag>\r\n )}\r\n {center}\r\n </div>\r\n\r\n <div\r\n className={classMap.section}\r\n role=\"navigation\"\r\n aria-label=\"Toolbar right section\"\r\n data-testid={`${testId}-right`}\r\n >\r\n {right}\r\n {avatar && (\r\n <div\r\n className={classMap.avatarWrapper}\r\n data-testid={`${testId}-avatar`}\r\n >\r\n <AvatarComponent\r\n name={avatar.name}\r\n src={avatar.src}\r\n size={avatar.size \|\| \"medium\"}\r\n shape={avatar.shape \|\| \"circle\"}\r\n theme={avatar.theme}\r\n outline={avatar.outline}\r\n onClick={avatar.onClick}\r\n aria-hidden={!avatar.name}\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </header>\r\n );\r\n};\r\n","import React from \"react\";\r\nimport \"./Toolbar.scss\";\r\nimport Avatar from \"../../Avatar/core/Avatar\";\r\nimport { ToolbarBase } from \"../ToolbarBase\";\r\nimport { ToolbarProps } from \"../Toolbar.types\";\r\n\r\nconst classes = {\r\n toolbar: \"toolbar\",\r\n section: \"toolbar_section\",\r\n title: \"toolbar_title\",\r\n avatarWrapper: \"toolbar_avatarWrapper\",\r\n\r\n primary: \"toolbar_primary\",\r\n secondary: \"toolbar_secondary\",\r\n tertiary: \"toolbar_tertiary\",\r\n quaternary: \"toolbar_quaternary\",\r\n\r\n clear: \"toolbar_clear\",\r\n\r\n shadowNone: \"toolbar_shadow-None\",\r\n shadowLight: \"toolbar_shadow-Light\",\r\n shadowMedium: \"toolbar_shadow-Medium\",\r\n shadowStrong: \"toolbar_shadow-Strong\",\r\n shadowIntense: \"toolbar_shadow-Intense\",\r\n\r\n roundNone: \"toolbar_round-None\",\r\n roundSmall: \"toolbar_round-Small\",\r\n roundMedium: \"toolbar_round-Medium\",\r\n roundLarge: \"toolbar_round-Large\",\r\n};\r\n\r\nconst Toolbar: React.FC<ToolbarProps> = (props) => (\r\n <ToolbarBase {...props} AvatarComponent={Avatar} classMap={classes} />\r\n);\r\n\r\nexport default Toolbar;\r\n"],"names":["getDefaultTheme","getDefaultShadow","getDefaultRounding","useMemo","combineClassNames","capitalize","jsxs","jsx","Avatar"],"mappings":"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"}

package/dist/core/Tooltip-5SfsTZvz.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip-5SfsTZvz.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.types\";\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\nexport const TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n content,\r\n position = \"top\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n children,\r\n className = \"\",\r\n \"data-testid\": testId = \"tooltip\",\r\n classMap,\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const tooltipId = useId();\r\n const [visible, setVisible] = useState(false);\r\n const showTooltip = () => setVisible(true);\r\n const hideTooltip = () => setVisible(false);\r\n\r\n const toolTipClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tooltip,\r\n classMap[position],\r\n classMap[theme],\r\n classMap[state],\r\n visible && classMap.visible,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, position, theme, visible, shadow, rounding]\r\n );\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={`${testId}-container`}\r\n onMouseEnter={showTooltip}\r\n onMouseLeave={hideTooltip}\r\n onFocus={showTooltip}\r\n onBlur={hideTooltip}\r\n >\r\n <span\r\n tabIndex={0}\r\n aria-describedby={tooltipId}\r\n data-testid={`${testId}-trigger`}\r\n className={classMap.triggerWrapper}\r\n >\r\n {children}\r\n </span>\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n data-testid={testId}\r\n aria-hidden={!visible}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAUO,MAAM,cAAcA,~~MAAA~~;~~AAAA~~,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQC,kBAAAA,~~gBAAgB~~;AAAA,~~IACxB~~,WAAWC,kBAAAA,~~mBAAmB~~;AAAA,~~IAC9B~~,SAASC,kBAAAA,~~iBAAiB~~;AAAA,~~IAC1B~~,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,~~KAEL~~,QACG;AACH,UAAM,YAAYC,MAAAA,~~MAAM~~;~~AACxB~~,UAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;~~AACtC~~,~~UAAA~~,cAAc,MAAM,WAAW,IAAI;~~AACnC~~,~~UAAA~~,cAAc,MAAM,WAAW,KAAK;AAE1C,UAAM,mBAAmBC,~~MAAA~~;~~AAAA~~,MACvB,MACEC,~~WAAA~~;~~AAAA~~,QACE,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,~~MACrD~~;AAAA,~~MACF~~,CAAC,UAAU,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAAA,~~IACvD~~;~~AAGE~~,~~WAAAC~~,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF,~~WAAA~~,kBAAkB,SAAS,WAAW,SAAS;AAAA,QAC1D,eAAa,GAAG,MAAM;AAAA,QACtB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QAER,UAAA;AAAA,UAAAG,~~2BAAA~~;~~AAAA~~,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,oBAAkB;AAAA,cAClB,eAAa,GAAG,MAAM;AAAA,cACtB,WAAW,SAAS;AAAA,cAEnB;AAAA,YAAA;AAAA,~~UACH~~;AAAA,~~UACAA~~,~~2BAAA~~;~~AAAA~~,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,MAAK;AAAA,cACL,eAAa;AAAA,cACb,eAAa,CAAC;AAAA,cACb,GAAG;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,~~IACF~~;AAAA,~~EAAA~~;~~AAGN~~;AAEA,YAAY,cAAc;AC7E1B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,SAAS;AAAA,EAET,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAUV,~~MAAA~~,WAAyC,CAAC,OAAO,QAC/DU,~~2BAAA~~,IAAC,~~aAAa~~,~~EAAA~~,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS,CACtD;AAED,QAAQ,cAAc;;"}
1	+ {"version":3,"file":"Tooltip-5SfsTZvz.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.types\";\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\nexport const TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n content,\r\n position = \"top\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n children,\r\n className = \"\",\r\n \"data-testid\": testId = \"tooltip\",\r\n classMap,\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const tooltipId = useId();\r\n const [visible, setVisible] = useState(false);\r\n const showTooltip = () => setVisible(true);\r\n const hideTooltip = () => setVisible(false);\r\n\r\n const toolTipClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tooltip,\r\n classMap[position],\r\n classMap[theme],\r\n classMap[state],\r\n visible && classMap.visible,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, position, theme, visible, shadow, rounding]\r\n );\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={`${testId}-container`}\r\n onMouseEnter={showTooltip}\r\n onMouseLeave={hideTooltip}\r\n onFocus={showTooltip}\r\n onBlur={hideTooltip}\r\n >\r\n <span\r\n tabIndex={0}\r\n aria-describedby={tooltipId}\r\n data-testid={`${testId}-trigger`}\r\n className={classMap.triggerWrapper}\r\n >\r\n {children}\r\n </span>\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n data-testid={testId}\r\n aria-hidden={!visible}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAUO,MAAM,cAAcA,MAAAA;AAAAA,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAYC,MAAAA,MAAA;AAClB,UAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAC5C,UAAM,cAAc,MAAM,WAAW,IAAI;AACzC,UAAM,cAAc,MAAM,WAAW,KAAK;AAE1C,UAAM,mBAAmBC,MAAAA;AAAAA,MACvB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAGvD,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF,WAAAA,kBAAkB,SAAS,WAAW,SAAS;AAAA,QAC1D,eAAa,GAAG,MAAM;AAAA,QACtB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QAER,UAAA;AAAA,UAAAG,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,oBAAkB;AAAA,cAClB,eAAa,GAAG,MAAM;AAAA,cACtB,WAAW,SAAS;AAAA,cAEnB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEHA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,MAAK;AAAA,cACL,eAAa;AAAA,cACb,eAAa,CAAC;AAAA,cACb,GAAG;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,YAAY,cAAc;AC7E1B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,SAAS;AAAA,EAET,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAUV,MAAAA,WAAyC,CAAC,OAAO,QAC/DU,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS,CACtD;AAED,QAAQ,cAAc;;"}

package/dist/core/Tooltip-XfsZnGgV.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip-XfsZnGgV.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.types\";\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\nexport const TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n content,\r\n position = \"top\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n children,\r\n className = \"\",\r\n \"data-testid\": testId = \"tooltip\",\r\n classMap,\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const tooltipId = useId();\r\n const [visible, setVisible] = useState(false);\r\n const showTooltip = () => setVisible(true);\r\n const hideTooltip = () => setVisible(false);\r\n\r\n const toolTipClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tooltip,\r\n classMap[position],\r\n classMap[theme],\r\n classMap[state],\r\n visible && classMap.visible,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, position, theme, visible, shadow, rounding]\r\n );\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={`${testId}-container`}\r\n onMouseEnter={showTooltip}\r\n onMouseLeave={hideTooltip}\r\n onFocus={showTooltip}\r\n onBlur={hideTooltip}\r\n >\r\n <span\r\n tabIndex={0}\r\n aria-describedby={tooltipId}\r\n data-testid={`${testId}-trigger`}\r\n className={classMap.triggerWrapper}\r\n >\r\n {children}\r\n </span>\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n data-testid={testId}\r\n aria-hidden={!visible}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":[],"mappings":";;;;;AAUO,MAAM,cAAc;AAAA,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQ,~~gBAAgB~~;AAAA,~~IACxB~~,WAAW,~~mBAAmB~~;AAAA,~~IAC9B~~,SAAS,~~iBAAiB~~;AAAA,~~IAC1B~~,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,~~KAEL~~,QACG;AACH,UAAM,YAAY,~~MAAM~~;~~AACxB~~,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;~~AACtC~~,~~UAAA~~,cAAc,MAAM,WAAW,IAAI;~~AACnC~~,~~UAAA~~,cAAc,MAAM,WAAW,KAAK;AAE1C,UAAM,mBAAmB;AAAA,MACvB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,~~MACrD~~;AAAA,~~MACF~~,CAAC,UAAU,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAAA,~~IACvD~~;~~AAGE~~,~~WAAA~~;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,kBAAkB,SAAS,WAAW,SAAS;AAAA,QAC1D,eAAa,GAAG,MAAM;AAAA,QACtB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QAER,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,oBAAkB;AAAA,cAClB,eAAa,GAAG,MAAM;AAAA,cACtB,WAAW,SAAS;AAAA,cAEnB;AAAA,YAAA;AAAA,~~UACH~~;AAAA,~~UACA~~;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,MAAK;AAAA,cACL,eAAa;AAAA,cACb,eAAa,CAAC;AAAA,cACb,GAAG;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,~~IACF~~;AAAA,~~EAAA~~;~~AAGN~~;AAEA,YAAY,cAAc;AC7E1B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,SAAS;AAAA,EAET,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,~~aAAa~~,~~EAAA~~,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS,CACtD;AAED,QAAQ,cAAc;"}
1	+ {"version":3,"file":"Tooltip-XfsZnGgV.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo, useState } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps } from \"./Tooltip.types\";\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\nexport const TooltipBase = forwardRef<\r\n HTMLDivElement,\r\n TooltipProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n content,\r\n position = \"top\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n children,\r\n className = \"\",\r\n \"data-testid\": testId = \"tooltip\",\r\n classMap,\r\n ...rest\r\n },\r\n ref\r\n ) => {\r\n const tooltipId = useId();\r\n const [visible, setVisible] = useState(false);\r\n const showTooltip = () => setVisible(true);\r\n const hideTooltip = () => setVisible(false);\r\n\r\n const toolTipClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.tooltip,\r\n classMap[position],\r\n classMap[theme],\r\n classMap[state],\r\n visible && classMap.visible,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`]\r\n ),\r\n [classMap, position, theme, visible, shadow, rounding]\r\n );\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={`${testId}-container`}\r\n onMouseEnter={showTooltip}\r\n onMouseLeave={hideTooltip}\r\n onFocus={showTooltip}\r\n onBlur={hideTooltip}\r\n >\r\n <span\r\n tabIndex={0}\r\n aria-describedby={tooltipId}\r\n data-testid={`${testId}-trigger`}\r\n className={classMap.triggerWrapper}\r\n >\r\n {children}\r\n </span>\r\n <div\r\n ref={ref}\r\n id={tooltipId}\r\n className={toolTipClassName}\r\n role=\"tooltip\"\r\n data-testid={testId}\r\n aria-hidden={!visible}\r\n {...rest}\r\n >\r\n {content}\r\n </div>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport { TooltipBase } from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n container: \"tooltip_container\",\r\n triggerWrapper: \"tooltip_triggerWrapper\",\r\n tooltip: \"tooltip\",\r\n\r\n top: \"tooltip_top\",\r\n bottom: \"tooltip_bottom\",\r\n left: \"tooltip_left\",\r\n right: \"tooltip_right\",\r\n\r\n primary: \"tooltip_primary\",\r\n secondary: \"tooltip_secondary\",\r\n tertiary: \"tooltip_tertiary\",\r\n quaternary: \"tooltip_quaternary\",\r\n\r\n success: \"tooltip_success\",\r\n error: \"tooltip_error\",\r\n warning: \"tooltip_warning\",\r\n\r\n clear: \"tooltip_clear\",\r\n\r\n shadowNone: \"tooltip_shadow-None\",\r\n shadowLight: \"tooltip_shadow-Light\",\r\n shadowMedium: \"tooltip_shadow-Medium\",\r\n shadowStrong: \"tooltip_shadow-Strong\",\r\n shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n roundNone: \"tooltip_round-None\",\r\n roundSmall: \"tooltip_round-Small\",\r\n roundMedium: \"tooltip_round-Medium\",\r\n roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":[],"mappings":";;;;;AAUO,MAAM,cAAc;AAAA,EAIzB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,MAAA;AAClB,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,UAAM,cAAc,MAAM,WAAW,IAAI;AACzC,UAAM,cAAc,MAAM,WAAW,KAAK;AAE1C,UAAM,mBAAmB;AAAA,MACvB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,QAAQ;AAAA,QACjB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAAA,IAAA;AAGvD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,kBAAkB,SAAS,WAAW,SAAS;AAAA,QAC1D,eAAa,GAAG,MAAM;AAAA,QACtB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,QAAQ;AAAA,QAER,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,oBAAkB;AAAA,cAClB,eAAa,GAAG,MAAM;AAAA,cACtB,WAAW,SAAS;AAAA,cAEnB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,MAAK;AAAA,cACL,eAAa;AAAA,cACb,eAAa,CAAC;AAAA,cACb,GAAG;AAAA,cAEH,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,YAAY,cAAc;AC7E1B,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,SAAS;AAAA,EAET,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,QAAA,CAAS,CACtD;AAED,QAAQ,cAAc;"}

package/dist/core/boreal-style-config-BILmxkZG.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"boreal-style-config-BILmxkZG.js","sources":["../../src/config/boreal-style-config.ts"],"sourcesContent":["/*\r\n ---------------------------------------------------------------------\r\n * boreal-style-config.ts\r\n * ---------------------------------------------------------------------\r\n * Provides global configuration for default Boreal UI styles.\r\n \r\n Allows applications to override default values for:\r\n * - Theme type (e.g., primary, secondary)\r\n * - Component rounding\r\n * - Shadow intensity\r\n * - Default size\r\n * - Default color scheme name\r\n \r\n These defaults are used when components are rendered without\r\n * explicit props or style overrides.\r\n \r\n Usage:\r\n * ```ts\r\n * setBorealStyleConfig({\r\n * defaultTheme: \"secondary\",\r\n * defaultRounding: \"large\",\r\n * defaultShadow: \"strong\",\r\n * defaultSize: \"large\",\r\n * defaultColorSchemeName: \"Ocean Breeze\",\r\n * });\r\n * ```\r\n \r\n Accessor functions ensure safe fallback to internal defaults.\r\n /\r\n\r\nimport { RoundingType, ShadowType, SizeType, ThemeType } from \"../types/types\";\r\n\r\n/\r\n Type for configuring global Boreal UI style defaults.\r\n /\r\nexport type BorealStyleConfig = {\r\n defaultTheme: ThemeType;\r\n defaultRounding: RoundingType;\r\n defaultShadow: ShadowType;\r\n defaultSize: SizeType;\r\n defaultColorSchemeName: string;\r\n};\r\n\r\nconst fallback: BorealStyleConfig = {\r\n defaultTheme: \"primary\",\r\n defaultRounding: \"medium\",\r\n defaultShadow: \"light\",\r\n defaultSize: \"medium\",\r\n defaultColorSchemeName: \"Forest Dusk\",\r\n};\r\n\r\nlet userConfig: Partial<BorealStyleConfig> = {};\r\n\r\n/\r\n Overrides the default Boreal UI styling configuration.\r\n \r\n @param {Partial<BorealStyleConfig>} config - A partial configuration object with any default values to override.\r\n /\r\nexport const setBorealStyleConfig = (config: Partial<BorealStyleConfig>) => {\r\n userConfig = config;\r\n};\r\n\r\n/\r\n Gets the default theme type (e.g., \"primary\", \"secondary\").\r\n /\r\nexport const getDefaultTheme = (): ThemeType =>\r\n userConfig.defaultTheme ?? fallback.defaultTheme;\r\n\r\n/\r\n Gets the default component rounding type (e.g., \"medium\", \"large\").\r\n /\r\nexport const getDefaultRounding = (): RoundingType =>\r\n userConfig.defaultRounding ?? fallback.defaultRounding;\r\n\r\n/\r\n Gets the default shadow depth (e.g., \"light\", \"strong\").\r\n /\r\nexport const getDefaultShadow = (): ShadowType =>\r\n userConfig.defaultShadow ?? fallback.defaultShadow;\r\n\r\n/\r\n Gets the default component size (e.g., \"small\", \"medium\", \"large\").\r\n /\r\nexport const getDefaultSize = (): SizeType =>\r\n userConfig.defaultSize ?? fallback.defaultSize;\r\n\r\n/\r\n Gets the default color scheme name (e.g., \"Forest Dusk\").\r\n */\r\n\r\nexport const getDefaultColorSchemeName = (): string =>\r\n userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;\r\n"],"names":[],"mappings":"AA2CA,MAAM,WAA8B;AAAA,EAClC,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,wBAAwB;AAC1B;AAEA,IAAI,aAAyC,~~CAAC~~;~~AAOjC~~,~~MAAA~~,uBAAuB,CAAC,WAAuC;~~AAC7D~~,~~eAAA~~;AACf;AAKO,MAAM,kBAAkB,MAC7B,WAAW,gBAAgB,SAAS;AAK/B,MAAM,qBAAqB,MAChC,WAAW,mBAAmB,SAAS;AAKlC,MAAM,mBAAmB,MAC9B,WAAW,iBAAiB,SAAS;AAKhC,MAAM,iBAAiB,MAC5B,WAAW,eAAe,SAAS;AAM9B,MAAM,4BAA4B,MACvC,WAAW,0BAA0B,SAAS;"}
1	+ {"version":3,"file":"boreal-style-config-BILmxkZG.js","sources":["../../src/config/boreal-style-config.ts"],"sourcesContent":["/*\r\n ---------------------------------------------------------------------\r\n * boreal-style-config.ts\r\n * ---------------------------------------------------------------------\r\n * Provides global configuration for default Boreal UI styles.\r\n \r\n Allows applications to override default values for:\r\n * - Theme type (e.g., primary, secondary)\r\n * - Component rounding\r\n * - Shadow intensity\r\n * - Default size\r\n * - Default color scheme name\r\n \r\n These defaults are used when components are rendered without\r\n * explicit props or style overrides.\r\n \r\n Usage:\r\n * ```ts\r\n * setBorealStyleConfig({\r\n * defaultTheme: \"secondary\",\r\n * defaultRounding: \"large\",\r\n * defaultShadow: \"strong\",\r\n * defaultSize: \"large\",\r\n * defaultColorSchemeName: \"Ocean Breeze\",\r\n * });\r\n * ```\r\n \r\n Accessor functions ensure safe fallback to internal defaults.\r\n /\r\n\r\nimport { RoundingType, ShadowType, SizeType, ThemeType } from \"../types/types\";\r\n\r\n/\r\n Type for configuring global Boreal UI style defaults.\r\n /\r\nexport type BorealStyleConfig = {\r\n defaultTheme: ThemeType;\r\n defaultRounding: RoundingType;\r\n defaultShadow: ShadowType;\r\n defaultSize: SizeType;\r\n defaultColorSchemeName: string;\r\n};\r\n\r\nconst fallback: BorealStyleConfig = {\r\n defaultTheme: \"primary\",\r\n defaultRounding: \"medium\",\r\n defaultShadow: \"light\",\r\n defaultSize: \"medium\",\r\n defaultColorSchemeName: \"Forest Dusk\",\r\n};\r\n\r\nlet userConfig: Partial<BorealStyleConfig> = {};\r\n\r\n/\r\n Overrides the default Boreal UI styling configuration.\r\n \r\n @param {Partial<BorealStyleConfig>} config - A partial configuration object with any default values to override.\r\n /\r\nexport const setBorealStyleConfig = (config: Partial<BorealStyleConfig>) => {\r\n userConfig = config;\r\n};\r\n\r\n/\r\n Gets the default theme type (e.g., \"primary\", \"secondary\").\r\n /\r\nexport const getDefaultTheme = (): ThemeType =>\r\n userConfig.defaultTheme ?? fallback.defaultTheme;\r\n\r\n/\r\n Gets the default component rounding type (e.g., \"medium\", \"large\").\r\n /\r\nexport const getDefaultRounding = (): RoundingType =>\r\n userConfig.defaultRounding ?? fallback.defaultRounding;\r\n\r\n/\r\n Gets the default shadow depth (e.g., \"light\", \"strong\").\r\n /\r\nexport const getDefaultShadow = (): ShadowType =>\r\n userConfig.defaultShadow ?? fallback.defaultShadow;\r\n\r\n/\r\n Gets the default component size (e.g., \"small\", \"medium\", \"large\").\r\n /\r\nexport const getDefaultSize = (): SizeType =>\r\n userConfig.defaultSize ?? fallback.defaultSize;\r\n\r\n/\r\n Gets the default color scheme name (e.g., \"Forest Dusk\").\r\n */\r\n\r\nexport const getDefaultColorSchemeName = (): string =>\r\n userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;\r\n"],"names":[],"mappings":"AA2CA,MAAM,WAA8B;AAAA,EAClC,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,wBAAwB;AAC1B;AAEA,IAAI,aAAyC,CAAA;AAOtC,MAAM,uBAAuB,CAAC,WAAuC;AAC1E,eAAa;AACf;AAKO,MAAM,kBAAkB,MAC7B,WAAW,gBAAgB,SAAS;AAK/B,MAAM,qBAAqB,MAChC,WAAW,mBAAmB,SAAS;AAKlC,MAAM,mBAAmB,MAC9B,WAAW,iBAAiB,SAAS;AAKhC,MAAM,iBAAiB,MAC5B,WAAW,eAAe,SAAS;AAM9B,MAAM,4BAA4B,MACvC,WAAW,0BAA0B,SAAS;"}

package/dist/core/boreal-style-config-Rr5d5Qts.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"boreal-style-config-Rr5d5Qts.cjs","sources":["../../src/config/boreal-style-config.ts"],"sourcesContent":["/*\r\n ---------------------------------------------------------------------\r\n * boreal-style-config.ts\r\n * ---------------------------------------------------------------------\r\n * Provides global configuration for default Boreal UI styles.\r\n \r\n Allows applications to override default values for:\r\n * - Theme type (e.g., primary, secondary)\r\n * - Component rounding\r\n * - Shadow intensity\r\n * - Default size\r\n * - Default color scheme name\r\n \r\n These defaults are used when components are rendered without\r\n * explicit props or style overrides.\r\n \r\n Usage:\r\n * ```ts\r\n * setBorealStyleConfig({\r\n * defaultTheme: \"secondary\",\r\n * defaultRounding: \"large\",\r\n * defaultShadow: \"strong\",\r\n * defaultSize: \"large\",\r\n * defaultColorSchemeName: \"Ocean Breeze\",\r\n * });\r\n * ```\r\n \r\n Accessor functions ensure safe fallback to internal defaults.\r\n /\r\n\r\nimport { RoundingType, ShadowType, SizeType, ThemeType } from \"../types/types\";\r\n\r\n/\r\n Type for configuring global Boreal UI style defaults.\r\n /\r\nexport type BorealStyleConfig = {\r\n defaultTheme: ThemeType;\r\n defaultRounding: RoundingType;\r\n defaultShadow: ShadowType;\r\n defaultSize: SizeType;\r\n defaultColorSchemeName: string;\r\n};\r\n\r\nconst fallback: BorealStyleConfig = {\r\n defaultTheme: \"primary\",\r\n defaultRounding: \"medium\",\r\n defaultShadow: \"light\",\r\n defaultSize: \"medium\",\r\n defaultColorSchemeName: \"Forest Dusk\",\r\n};\r\n\r\nlet userConfig: Partial<BorealStyleConfig> = {};\r\n\r\n/\r\n Overrides the default Boreal UI styling configuration.\r\n \r\n @param {Partial<BorealStyleConfig>} config - A partial configuration object with any default values to override.\r\n /\r\nexport const setBorealStyleConfig = (config: Partial<BorealStyleConfig>) => {\r\n userConfig = config;\r\n};\r\n\r\n/\r\n Gets the default theme type (e.g., \"primary\", \"secondary\").\r\n /\r\nexport const getDefaultTheme = (): ThemeType =>\r\n userConfig.defaultTheme ?? fallback.defaultTheme;\r\n\r\n/\r\n Gets the default component rounding type (e.g., \"medium\", \"large\").\r\n /\r\nexport const getDefaultRounding = (): RoundingType =>\r\n userConfig.defaultRounding ?? fallback.defaultRounding;\r\n\r\n/\r\n Gets the default shadow depth (e.g., \"light\", \"strong\").\r\n /\r\nexport const getDefaultShadow = (): ShadowType =>\r\n userConfig.defaultShadow ?? fallback.defaultShadow;\r\n\r\n/\r\n Gets the default component size (e.g., \"small\", \"medium\", \"large\").\r\n /\r\nexport const getDefaultSize = (): SizeType =>\r\n userConfig.defaultSize ?? fallback.defaultSize;\r\n\r\n/\r\n Gets the default color scheme name (e.g., \"Forest Dusk\").\r\n */\r\n\r\nexport const getDefaultColorSchemeName = (): string =>\r\n userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;\r\n"],"names":[],"mappings":";AA2CA,MAAM,WAA8B;AAAA,EAClC,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,wBAAwB;AAC1B;AAEA,IAAI,aAAyC,~~CAAC~~;~~AAOjC~~,~~MAAA~~,uBAAuB,CAAC,WAAuC;~~AAC7D~~,~~eAAA~~;AACf;AAKO,MAAM,kBAAkB,MAC7B,WAAW,gBAAgB,SAAS;AAK/B,MAAM,qBAAqB,MAChC,WAAW,mBAAmB,SAAS;AAKlC,MAAM,mBAAmB,MAC9B,WAAW,iBAAiB,SAAS;AAKhC,MAAM,iBAAiB,MAC5B,WAAW,eAAe,SAAS;AAM9B,MAAM,4BAA4B,MACvC,WAAW,0BAA0B,SAAS;;;;;;;"}
1	+ {"version":3,"file":"boreal-style-config-Rr5d5Qts.cjs","sources":["../../src/config/boreal-style-config.ts"],"sourcesContent":["/*\r\n ---------------------------------------------------------------------\r\n * boreal-style-config.ts\r\n * ---------------------------------------------------------------------\r\n * Provides global configuration for default Boreal UI styles.\r\n \r\n Allows applications to override default values for:\r\n * - Theme type (e.g., primary, secondary)\r\n * - Component rounding\r\n * - Shadow intensity\r\n * - Default size\r\n * - Default color scheme name\r\n \r\n These defaults are used when components are rendered without\r\n * explicit props or style overrides.\r\n \r\n Usage:\r\n * ```ts\r\n * setBorealStyleConfig({\r\n * defaultTheme: \"secondary\",\r\n * defaultRounding: \"large\",\r\n * defaultShadow: \"strong\",\r\n * defaultSize: \"large\",\r\n * defaultColorSchemeName: \"Ocean Breeze\",\r\n * });\r\n * ```\r\n \r\n Accessor functions ensure safe fallback to internal defaults.\r\n /\r\n\r\nimport { RoundingType, ShadowType, SizeType, ThemeType } from \"../types/types\";\r\n\r\n/\r\n Type for configuring global Boreal UI style defaults.\r\n /\r\nexport type BorealStyleConfig = {\r\n defaultTheme: ThemeType;\r\n defaultRounding: RoundingType;\r\n defaultShadow: ShadowType;\r\n defaultSize: SizeType;\r\n defaultColorSchemeName: string;\r\n};\r\n\r\nconst fallback: BorealStyleConfig = {\r\n defaultTheme: \"primary\",\r\n defaultRounding: \"medium\",\r\n defaultShadow: \"light\",\r\n defaultSize: \"medium\",\r\n defaultColorSchemeName: \"Forest Dusk\",\r\n};\r\n\r\nlet userConfig: Partial<BorealStyleConfig> = {};\r\n\r\n/\r\n Overrides the default Boreal UI styling configuration.\r\n \r\n @param {Partial<BorealStyleConfig>} config - A partial configuration object with any default values to override.\r\n /\r\nexport const setBorealStyleConfig = (config: Partial<BorealStyleConfig>) => {\r\n userConfig = config;\r\n};\r\n\r\n/\r\n Gets the default theme type (e.g., \"primary\", \"secondary\").\r\n /\r\nexport const getDefaultTheme = (): ThemeType =>\r\n userConfig.defaultTheme ?? fallback.defaultTheme;\r\n\r\n/\r\n Gets the default component rounding type (e.g., \"medium\", \"large\").\r\n /\r\nexport const getDefaultRounding = (): RoundingType =>\r\n userConfig.defaultRounding ?? fallback.defaultRounding;\r\n\r\n/\r\n Gets the default shadow depth (e.g., \"light\", \"strong\").\r\n /\r\nexport const getDefaultShadow = (): ShadowType =>\r\n userConfig.defaultShadow ?? fallback.defaultShadow;\r\n\r\n/\r\n Gets the default component size (e.g., \"small\", \"medium\", \"large\").\r\n /\r\nexport const getDefaultSize = (): SizeType =>\r\n userConfig.defaultSize ?? fallback.defaultSize;\r\n\r\n/\r\n Gets the default color scheme name (e.g., \"Forest Dusk\").\r\n */\r\n\r\nexport const getDefaultColorSchemeName = (): string =>\r\n userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;\r\n"],"names":[],"mappings":";AA2CA,MAAM,WAA8B;AAAA,EAClC,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,wBAAwB;AAC1B;AAEA,IAAI,aAAyC,CAAA;AAOtC,MAAM,uBAAuB,CAAC,WAAuC;AAC1E,eAAa;AACf;AAKO,MAAM,kBAAkB,MAC7B,WAAW,gBAAgB,SAAS;AAK/B,MAAM,qBAAqB,MAChC,WAAW,mBAAmB,SAAS;AAKlC,MAAM,mBAAmB,MAC9B,WAAW,iBAAiB,SAAS;AAKhC,MAAM,iBAAiB,MAC5B,WAAW,eAAe,SAAS;AAM9B,MAAM,4BAA4B,MACvC,WAAW,0BAA0B,SAAS;;;;;;;"}

package/dist/core/capitalize-C0TSQSPh.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"capitalize-C0TSQSPh.js","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["/*\r\n Capitalizes the first letter of a given string.\r\n \r\n Returns the string with its first character converted to uppercase,\r\n * leaving the rest of the string unchanged.\r\n \r\n @param {string} s - The input string to capitalize.\r\n * @returns {string} The capitalized string.\r\n \r\n @example\r\n * capitalize(\"hello\"); // \"Hello\"\r\n * capitalize(\"world\"); // \"World\"\r\n */\r\nexport const capitalize = (s: string): string =>\r\n s.charAt(0).toUpperCase() + s.slice(1);\r\n"],"names":[],"mappings":"~~AAaa~~,~~MAAA~~,aAAa,CAAC,MACzB,EAAE,OAAO,CAAC,EAAE,~~YAAY~~,~~IAAI~~,EAAE,MAAM,CAAC;"}
1	+ {"version":3,"file":"capitalize-C0TSQSPh.js","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["/*\r\n Capitalizes the first letter of a given string.\r\n \r\n Returns the string with its first character converted to uppercase,\r\n * leaving the rest of the string unchanged.\r\n \r\n @param {string} s - The input string to capitalize.\r\n * @returns {string} The capitalized string.\r\n \r\n @example\r\n * capitalize(\"hello\"); // \"Hello\"\r\n * capitalize(\"world\"); // \"World\"\r\n */\r\nexport const capitalize = (s: string): string =>\r\n s.charAt(0).toUpperCase() + s.slice(1);\r\n"],"names":[],"mappings":"AAaO,MAAM,aAAa,CAAC,MACzB,EAAE,OAAO,CAAC,EAAE,YAAA,IAAgB,EAAE,MAAM,CAAC;"}

package/dist/core/capitalize-DoV-nOmN.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"capitalize-DoV-nOmN.cjs","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["/*\r\n Capitalizes the first letter of a given string.\r\n \r\n Returns the string with its first character converted to uppercase,\r\n * leaving the rest of the string unchanged.\r\n \r\n @param {string} s - The input string to capitalize.\r\n * @returns {string} The capitalized string.\r\n \r\n @example\r\n * capitalize(\"hello\"); // \"Hello\"\r\n * capitalize(\"world\"); // \"World\"\r\n */\r\nexport const capitalize = (s: string): string =>\r\n s.charAt(0).toUpperCase() + s.slice(1);\r\n"],"names":[],"mappings":";~~AAaa~~,~~MAAA~~,aAAa,CAAC,MACzB,EAAE,OAAO,CAAC,EAAE,~~YAAY~~,~~IAAI~~,EAAE,MAAM,CAAC;;"}
1	+ {"version":3,"file":"capitalize-DoV-nOmN.cjs","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["/*\r\n Capitalizes the first letter of a given string.\r\n \r\n Returns the string with its first character converted to uppercase,\r\n * leaving the rest of the string unchanged.\r\n \r\n @param {string} s - The input string to capitalize.\r\n * @returns {string} The capitalized string.\r\n \r\n @example\r\n * capitalize(\"hello\"); // \"Hello\"\r\n * capitalize(\"world\"); // \"World\"\r\n */\r\nexport const capitalize = (s: string): string =>\r\n s.charAt(0).toUpperCase() + s.slice(1);\r\n"],"names":[],"mappings":";AAaO,MAAM,aAAa,CAAC,MACzB,EAAE,OAAO,CAAC,EAAE,YAAA,IAAgB,EAAE,MAAM,CAAC;;"}

package/dist/core/colorSchemes.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colorSchemes.cjs.js","sources":["../../src/styles/Themes.ts"],"sourcesContent":["/*\r\n ---------------------------------------------------------------------\r\n * colorSchemes.ts\r\n * ---------------------------------------------------------------------\r\n * A curated list of predefined color schemes used for theming\r\n * in the Boreal UI system. Each scheme follows the `ColorScheme`\r\n * interface and defines a unique aesthetic by setting:\r\n \r\n - primaryColor: Main accent color for buttons, links, highlights\r\n * - secondaryColor: Complementary accent\r\n * - tertiaryColor: Alternative accent\r\n * - quaternaryColor: Another alternative accent\r\n * - backgroundColor: Default background for surfaces\r\n \r\n These schemes are typically used in theme switchers,\r\n * brand customization, or design system previews.\r\n \r\n New schemes can be registered dynamically at runtime using\r\n * `registerColorScheme()` from the color scheme registry.\r\n \r\n Example usage:\r\n * const currentTheme = colorSchemes.find(t => t.name === \"Ocean Breeze\");\r\n */\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\n\r\nexport const colorSchemes: ColorScheme[] = [\r\n {\r\n name: \"Ocean Breeze\",\r\n primaryColor: \"#02a899\",\r\n secondaryColor: \"#de6559\",\r\n tertiaryColor: \"#729E9A\",\r\n quaternaryColor: \"#ffa17f\",\r\n backgroundColor: \"#d9dbd9\",\r\n },\r\n {\r\n name: \"Rose Quartz\",\r\n primaryColor: \"#d98768\",\r\n secondaryColor: \"#a37981\",\r\n tertiaryColor: \"#806868\",\r\n quaternaryColor: \"#f1b8a0\",\r\n backgroundColor: \"#f7f4f2\",\r\n },\r\n {\r\n name: \"Berry Burst\",\r\n primaryColor: \"#b57077\",\r\n secondaryColor: \"#9183a3\",\r\n tertiaryColor: \"#78666D\",\r\n quaternaryColor: \"#e4b9c0\",\r\n backgroundColor: \"#EDEDED\",\r\n },\r\n {\r\n name: \"Autumn Glow\",\r\n primaryColor: \"#dea9a9\",\r\n secondaryColor: \"#CC8430\",\r\n tertiaryColor: \"#B7926A\",\r\n quaternaryColor: \"#ffe2b0\",\r\n backgroundColor: \"#F5F5F5\",\r\n },\r\n {\r\n name: \"Tropical Sunrise\",\r\n primaryColor: \"#DAA200\",\r\n secondaryColor: \"#d9a76c\",\r\n tertiaryColor: \"#AD8A59\",\r\n quaternaryColor: \"#ffe4b3\",\r\n backgroundColor: \"#fcfbf7\",\r\n },\r\n {\r\n name: \"Golden Hour\",\r\n primaryColor: \"#B58800\",\r\n secondaryColor: \"#9574cc\",\r\n tertiaryColor: \"#B5A163\",\r\n quaternaryColor: \"#c5a8ff\",\r\n backgroundColor: \"#dbdbd9\",\r\n },\r\n {\r\n name: \"Sunset\",\r\n primaryColor: \"#492578\",\r\n secondaryColor: \"#7d533b\",\r\n tertiaryColor: \"#b372d2\",\r\n quaternaryColor: \"#C68559\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n {\r\n name: \"Forest Dusk\",\r\n primaryColor: \"#1c4d3a\",\r\n secondaryColor: \"#6e502e\",\r\n tertiaryColor: \"#2c7160\",\r\n quaternaryColor: \"#dab57b\",\r\n backgroundColor: \"#222e2e\",\r\n },\r\n {\r\n name: \"Eclipse Night\",\r\n primaryColor: \"#4c4f5e\",\r\n secondaryColor: \"#444447\",\r\n tertiaryColor: \"#989bad\",\r\n quaternaryColor: \"#a58aff\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n];\r\n"],"names":[],"mappings":";;AA0BO,MAAM,eAA8B;AAAA,EACzC;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAErB;;"}
1	+ {"version":3,"file":"colorSchemes.cjs.js","sources":["../../src/styles/Themes.ts"],"sourcesContent":["/*\r\n ---------------------------------------------------------------------\r\n * colorSchemes.ts\r\n * ---------------------------------------------------------------------\r\n * A curated list of predefined color schemes used for theming\r\n * in the Boreal UI system. Each scheme follows the `ColorScheme`\r\n * interface and defines a unique aesthetic by setting:\r\n \r\n - primaryColor: Main accent color for buttons, links, highlights\r\n * - secondaryColor: Complementary accent\r\n * - tertiaryColor: Alternative accent\r\n * - quaternaryColor: Another alternative accent\r\n * - backgroundColor: Default background for surfaces\r\n \r\n These schemes are typically used in theme switchers,\r\n * brand customization, or design system previews.\r\n \r\n New schemes can be registered dynamically at runtime using\r\n * `registerColorScheme()` from the color scheme registry.\r\n \r\n Example usage:\r\n * const currentTheme = colorSchemes.find(t => t.name === \"Ocean Breeze\");\r\n */\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\n\r\nexport const colorSchemes: ColorScheme[] = [\r\n {\r\n name: \"Ocean Breeze\",\r\n primaryColor: \"#02a899\",\r\n secondaryColor: \"#de6559\",\r\n tertiaryColor: \"#729E9A\",\r\n quaternaryColor: \"#ffa17f\",\r\n backgroundColor: \"#d9dbd9\",\r\n },\r\n {\r\n name: \"Rose Quartz\",\r\n primaryColor: \"#d98768\",\r\n secondaryColor: \"#a37981\",\r\n tertiaryColor: \"#806868\",\r\n quaternaryColor: \"#f1b8a0\",\r\n backgroundColor: \"#f7f4f2\",\r\n },\r\n {\r\n name: \"Berry Burst\",\r\n primaryColor: \"#b57077\",\r\n secondaryColor: \"#9183a3\",\r\n tertiaryColor: \"#78666D\",\r\n quaternaryColor: \"#e4b9c0\",\r\n backgroundColor: \"#EDEDED\",\r\n },\r\n {\r\n name: \"Autumn Glow\",\r\n primaryColor: \"#dea9a9\",\r\n secondaryColor: \"#CC8430\",\r\n tertiaryColor: \"#B7926A\",\r\n quaternaryColor: \"#ffe2b0\",\r\n backgroundColor: \"#F5F5F5\",\r\n },\r\n {\r\n name: \"Tropical Sunrise\",\r\n primaryColor: \"#DAA200\",\r\n secondaryColor: \"#d9a76c\",\r\n tertiaryColor: \"#AD8A59\",\r\n quaternaryColor: \"#ffe4b3\",\r\n backgroundColor: \"#fcfbf7\",\r\n },\r\n {\r\n name: \"Golden Hour\",\r\n primaryColor: \"#B58800\",\r\n secondaryColor: \"#9574cc\",\r\n tertiaryColor: \"#B5A163\",\r\n quaternaryColor: \"#c5a8ff\",\r\n backgroundColor: \"#dbdbd9\",\r\n },\r\n {\r\n name: \"Sunset\",\r\n primaryColor: \"#492578\",\r\n secondaryColor: \"#7d533b\",\r\n tertiaryColor: \"#b372d2\",\r\n quaternaryColor: \"#C68559\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n {\r\n name: \"Forest Dusk\",\r\n primaryColor: \"#1c4d3a\",\r\n secondaryColor: \"#6e502e\",\r\n tertiaryColor: \"#2c7160\",\r\n quaternaryColor: \"#dab57b\",\r\n backgroundColor: \"#222e2e\",\r\n },\r\n {\r\n name: \"Eclipse Night\",\r\n primaryColor: \"#4c4f5e\",\r\n secondaryColor: \"#444447\",\r\n tertiaryColor: \"#989bad\",\r\n quaternaryColor: \"#a58aff\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n];\r\n"],"names":[],"mappings":";;AA0BO,MAAM,eAA8B;AAAA,EACzC;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAErB;;"}

package/dist/core/colorSchemes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colorSchemes.js","sources":["../../src/styles/Themes.ts"],"sourcesContent":["/*\r\n ---------------------------------------------------------------------\r\n * colorSchemes.ts\r\n * ---------------------------------------------------------------------\r\n * A curated list of predefined color schemes used for theming\r\n * in the Boreal UI system. Each scheme follows the `ColorScheme`\r\n * interface and defines a unique aesthetic by setting:\r\n \r\n - primaryColor: Main accent color for buttons, links, highlights\r\n * - secondaryColor: Complementary accent\r\n * - tertiaryColor: Alternative accent\r\n * - quaternaryColor: Another alternative accent\r\n * - backgroundColor: Default background for surfaces\r\n \r\n These schemes are typically used in theme switchers,\r\n * brand customization, or design system previews.\r\n \r\n New schemes can be registered dynamically at runtime using\r\n * `registerColorScheme()` from the color scheme registry.\r\n \r\n Example usage:\r\n * const currentTheme = colorSchemes.find(t => t.name === \"Ocean Breeze\");\r\n */\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\n\r\nexport const colorSchemes: ColorScheme[] = [\r\n {\r\n name: \"Ocean Breeze\",\r\n primaryColor: \"#02a899\",\r\n secondaryColor: \"#de6559\",\r\n tertiaryColor: \"#729E9A\",\r\n quaternaryColor: \"#ffa17f\",\r\n backgroundColor: \"#d9dbd9\",\r\n },\r\n {\r\n name: \"Rose Quartz\",\r\n primaryColor: \"#d98768\",\r\n secondaryColor: \"#a37981\",\r\n tertiaryColor: \"#806868\",\r\n quaternaryColor: \"#f1b8a0\",\r\n backgroundColor: \"#f7f4f2\",\r\n },\r\n {\r\n name: \"Berry Burst\",\r\n primaryColor: \"#b57077\",\r\n secondaryColor: \"#9183a3\",\r\n tertiaryColor: \"#78666D\",\r\n quaternaryColor: \"#e4b9c0\",\r\n backgroundColor: \"#EDEDED\",\r\n },\r\n {\r\n name: \"Autumn Glow\",\r\n primaryColor: \"#dea9a9\",\r\n secondaryColor: \"#CC8430\",\r\n tertiaryColor: \"#B7926A\",\r\n quaternaryColor: \"#ffe2b0\",\r\n backgroundColor: \"#F5F5F5\",\r\n },\r\n {\r\n name: \"Tropical Sunrise\",\r\n primaryColor: \"#DAA200\",\r\n secondaryColor: \"#d9a76c\",\r\n tertiaryColor: \"#AD8A59\",\r\n quaternaryColor: \"#ffe4b3\",\r\n backgroundColor: \"#fcfbf7\",\r\n },\r\n {\r\n name: \"Golden Hour\",\r\n primaryColor: \"#B58800\",\r\n secondaryColor: \"#9574cc\",\r\n tertiaryColor: \"#B5A163\",\r\n quaternaryColor: \"#c5a8ff\",\r\n backgroundColor: \"#dbdbd9\",\r\n },\r\n {\r\n name: \"Sunset\",\r\n primaryColor: \"#492578\",\r\n secondaryColor: \"#7d533b\",\r\n tertiaryColor: \"#b372d2\",\r\n quaternaryColor: \"#C68559\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n {\r\n name: \"Forest Dusk\",\r\n primaryColor: \"#1c4d3a\",\r\n secondaryColor: \"#6e502e\",\r\n tertiaryColor: \"#2c7160\",\r\n quaternaryColor: \"#dab57b\",\r\n backgroundColor: \"#222e2e\",\r\n },\r\n {\r\n name: \"Eclipse Night\",\r\n primaryColor: \"#4c4f5e\",\r\n secondaryColor: \"#444447\",\r\n tertiaryColor: \"#989bad\",\r\n quaternaryColor: \"#a58aff\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n];\r\n"],"names":[],"mappings":"AA0BO,MAAM,eAA8B;AAAA,EACzC;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,~~EACnB~~;AAAA,~~EACA~~;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAErB;"}
1	+ {"version":3,"file":"colorSchemes.js","sources":["../../src/styles/Themes.ts"],"sourcesContent":["/*\r\n ---------------------------------------------------------------------\r\n * colorSchemes.ts\r\n * ---------------------------------------------------------------------\r\n * A curated list of predefined color schemes used for theming\r\n * in the Boreal UI system. Each scheme follows the `ColorScheme`\r\n * interface and defines a unique aesthetic by setting:\r\n \r\n - primaryColor: Main accent color for buttons, links, highlights\r\n * - secondaryColor: Complementary accent\r\n * - tertiaryColor: Alternative accent\r\n * - quaternaryColor: Another alternative accent\r\n * - backgroundColor: Default background for surfaces\r\n \r\n These schemes are typically used in theme switchers,\r\n * brand customization, or design system previews.\r\n \r\n New schemes can be registered dynamically at runtime using\r\n * `registerColorScheme()` from the color scheme registry.\r\n \r\n Example usage:\r\n * const currentTheme = colorSchemes.find(t => t.name === \"Ocean Breeze\");\r\n */\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\n\r\nexport const colorSchemes: ColorScheme[] = [\r\n {\r\n name: \"Ocean Breeze\",\r\n primaryColor: \"#02a899\",\r\n secondaryColor: \"#de6559\",\r\n tertiaryColor: \"#729E9A\",\r\n quaternaryColor: \"#ffa17f\",\r\n backgroundColor: \"#d9dbd9\",\r\n },\r\n {\r\n name: \"Rose Quartz\",\r\n primaryColor: \"#d98768\",\r\n secondaryColor: \"#a37981\",\r\n tertiaryColor: \"#806868\",\r\n quaternaryColor: \"#f1b8a0\",\r\n backgroundColor: \"#f7f4f2\",\r\n },\r\n {\r\n name: \"Berry Burst\",\r\n primaryColor: \"#b57077\",\r\n secondaryColor: \"#9183a3\",\r\n tertiaryColor: \"#78666D\",\r\n quaternaryColor: \"#e4b9c0\",\r\n backgroundColor: \"#EDEDED\",\r\n },\r\n {\r\n name: \"Autumn Glow\",\r\n primaryColor: \"#dea9a9\",\r\n secondaryColor: \"#CC8430\",\r\n tertiaryColor: \"#B7926A\",\r\n quaternaryColor: \"#ffe2b0\",\r\n backgroundColor: \"#F5F5F5\",\r\n },\r\n {\r\n name: \"Tropical Sunrise\",\r\n primaryColor: \"#DAA200\",\r\n secondaryColor: \"#d9a76c\",\r\n tertiaryColor: \"#AD8A59\",\r\n quaternaryColor: \"#ffe4b3\",\r\n backgroundColor: \"#fcfbf7\",\r\n },\r\n {\r\n name: \"Golden Hour\",\r\n primaryColor: \"#B58800\",\r\n secondaryColor: \"#9574cc\",\r\n tertiaryColor: \"#B5A163\",\r\n quaternaryColor: \"#c5a8ff\",\r\n backgroundColor: \"#dbdbd9\",\r\n },\r\n {\r\n name: \"Sunset\",\r\n primaryColor: \"#492578\",\r\n secondaryColor: \"#7d533b\",\r\n tertiaryColor: \"#b372d2\",\r\n quaternaryColor: \"#C68559\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n {\r\n name: \"Forest Dusk\",\r\n primaryColor: \"#1c4d3a\",\r\n secondaryColor: \"#6e502e\",\r\n tertiaryColor: \"#2c7160\",\r\n quaternaryColor: \"#dab57b\",\r\n backgroundColor: \"#222e2e\",\r\n },\r\n {\r\n name: \"Eclipse Night\",\r\n primaryColor: \"#4c4f5e\",\r\n secondaryColor: \"#444447\",\r\n tertiaryColor: \"#989bad\",\r\n quaternaryColor: \"#a58aff\",\r\n backgroundColor: \"#2b2b2b\",\r\n },\r\n];\r\n"],"names":[],"mappings":"AA0BO,MAAM,eAA8B;AAAA,EACzC;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAAA,EAEnB;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAErB;"}

package/dist/core/index.cjs.js CHANGED Viewed

@@ -9,7 +9,7 @@ const Button = require("./Button-wz_We8xU.cjs");
 const IconButton = require("./IconButton-BxUXK-xn.cjs");
 const STT = require("./STT-D6L-amjZ.cjs");
 const TextInput = require("./TextInput-8AbKEfUH.cjs");
-const TextArea = require("./TextArea-CxJexFDv.cjs");
+const TextArea = require("./TextArea-Dn9aynnY.cjs");
 const Select = require("./Select-9F6p9ghR.cjs");
 const Footer = require("./Footer-B4Owy88y.cjs");
 const FileUpload = require("./FileUpload-Dv2cvYI2.cjs");

package/dist/core/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n ChipComponent: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n (\r\n {\r\n chips,\r\n onRemove,\r\n position = \"topCenter\",\r\n size = \"medium\",\r\n className = \"\",\r\n ChipComponent,\r\n classMap,\r\n },\r\n ref\r\n ) => {\r\n const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n useEffect(() => {\r\n const initialized = chips.map((chip) => ({\r\n ...chip,\r\n id: chip.id \|\| uuidv4(),\r\n }));\r\n setVisibleChips(initialized);\r\n }, [chips]);\r\n\r\n const handleClose = useCallback(\r\n (id: string) => {\r\n setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n onRemove?.(id);\r\n },\r\n [onRemove]\r\n );\r\n\r\n useImperativeHandle(ref, () => ({\r\n closeAllChips: () => {\r\n visibleChips.forEach((chip) => handleClose(chip.id!));\r\n },\r\n }));\r\n\r\n const containerClassName = [\r\n classMap.container,\r\n classMap[position],\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \");\r\n\r\n return (\r\n <div\r\n className={containerClassName}\r\n role=\"region\"\r\n aria-label=\"Notifications\"\r\n aria-live=\"polite\"\r\n data-testid=\"chip-group\"\r\n >\r\n <ul role=\"list\" className={classMap.list}>\r\n {visibleChips.map((chip, index) => {\r\n const chipPosition = chip.position \|\| position;\r\n const chipPositionClass = classMap[chipPosition];\r\n\r\n return (\r\n <li key={chip.id} role=\"listitem\">\r\n <ChipComponent\r\n id={chip.id}\r\n message={chip.message}\r\n icon={chip.icon}\r\n theme={chip.theme}\r\n state={chip.state}\r\n size={chip.size \|\| size}\r\n rounding={chip.rounding}\r\n shadow={chip.shadow}\r\n visible={true}\r\n onClose={() => handleClose(chip.id!)}\r\n autoClose={chip.autoClose}\r\n duration={chip.duration}\r\n position={chipPosition}\r\n usePortal={false}\r\n stackIndex={index}\r\n className={combineClassNames(\r\n classMap.chip,\r\n chip.className,\r\n chipPositionClass\r\n )}\r\n data-testid={chip[\"data-testid\"]}\r\n />\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n container: \"chip_group\",\r\n list: \"chip_group_list\",\r\n topCenter: \"chip_group_topCenter\",\r\n bottomCenter: \"chip_group_bottomCenter\",\r\n topLeft: \"chip_group_topLeft\",\r\n topRight: \"chip_group_topRight\",\r\n bottomLeft: \"chip_group_bottomLeft\",\r\n bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n (props, ref) => (\r\n <ChipGroupBase\r\n {...props}\r\n ref={ref}\r\n ChipComponent={Chip}\r\n classMap={classMap}\r\n />\r\n )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["forwardRef","classMap","useState","useEffect","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgBA,~~MAAA~~;~~AAAA~~,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,UAAAC;AAAA,~~KAEF~~,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAsB,CAAA,CAAE;AAEhEC,UAAAA,UAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAAC,UAAU;AAAA,QACvC,GAAG;AAAA,QACH,IAAI,KAAK,MAAMC,~~KAAO~~,GAAA;AAAA,~~MAAA~~,EACtB;AACF,sBAAgB,WAAW;AAAA,~~IAAA~~,~~GAC1B~~,CAAC,KAAK,CAAC;AAEV,UAAM,cAAcC,~~MAAA~~;~~AAAA~~,MAClB,CAAC,OAAe;~~AACE~~,~~wBAAA~~,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACzD,6CAAW;AAAA,MACb;AAAA,MACA,CAAC,QAAQ;AAAA,~~IACX~~;~~AAEAC~~,~~UAAA~~,oBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAAC,SAAS,YAAY,KAAK,EAAG,CAAC;AAAA,~~MAAA~~;AAAA,~~IACtD~~,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzBL,UAAS;AAAA,MACTA,UAAS,QAAQ;AAAA,MACjB;AAAA,~~IAEC~~,~~EAAA~~,OAAO,OAAO,EACd,KAAK,GAAG;~~AAGT~~,~~WAAAM~~,~~2BAAA~~;~~AAAA~~,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAAA,2BAAAA,IAAC,~~MAAG~~,~~EAAA~~,MAAK,QAAO,WAAWN,UAAS,MACjC,~~UAAa~~,~~aAAA~~,IAAI,CAAC,MAAM,UAAU;~~AAC3B~~,~~gBAAA~~,eAAe,KAAK,YAAY;~~AAChC~~,~~gBAAA~~,oBAAoBA,UAAS,YAAY;~~AAG7C~~,~~iBAAAM~~,2BAAAA,IAAC,~~MAAiB~~,~~EAAA~~,MAAK,YACrB,UAAAA,~~2BAAA~~;~~AAAA~~,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,KAAK;AAAA,cACT,SAAS,KAAK;AAAA,cACd,MAAM,KAAK;AAAA,cACX,OAAO,KAAK;AAAA,cACZ,OAAO,KAAK;AAAA,cACZ,MAAM,KAAK,QAAQ;AAAA,cACnB,UAAU,KAAK;AAAA,cACf,QAAQ,KAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAY,KAAK,EAAG;AAAA,cACnC,WAAW,KAAK;AAAA,cAChB,UAAU,KAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAWC,~~WAAA~~;~~AAAA~~,gBACTP,UAAS;AAAA,gBACT,KAAK;AAAA,gBACL;AAAA,~~cACF~~;AAAA,~~cACA~~,eAAa,KAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBO,KAAK,EAwBd;AAAA,~~QAAA~~,~~CAEH~~,~~EACH~~,~~CAAA~~;AAAA,MAAA;AAAA,~~IACF~~;AAAA,~~EAAA~~;~~AAGN~~;AAEA,cAAc,cAAc;ACvG5B,MAAM,WAAW;AAAA,EACf,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACNM,~~2BAAA~~;~~AAAA~~,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAeE,~~KAAA~~;~~AAAA~~,MACf;AAAA,IAAA;AAAA,EAAA;AAGN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n ChipComponent: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n (\r\n {\r\n chips,\r\n onRemove,\r\n position = \"topCenter\",\r\n size = \"medium\",\r\n className = \"\",\r\n ChipComponent,\r\n classMap,\r\n },\r\n ref\r\n ) => {\r\n const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n useEffect(() => {\r\n const initialized = chips.map((chip) => ({\r\n ...chip,\r\n id: chip.id \|\| uuidv4(),\r\n }));\r\n setVisibleChips(initialized);\r\n }, [chips]);\r\n\r\n const handleClose = useCallback(\r\n (id: string) => {\r\n setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n onRemove?.(id);\r\n },\r\n [onRemove]\r\n );\r\n\r\n useImperativeHandle(ref, () => ({\r\n closeAllChips: () => {\r\n visibleChips.forEach((chip) => handleClose(chip.id!));\r\n },\r\n }));\r\n\r\n const containerClassName = [\r\n classMap.container,\r\n classMap[position],\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \");\r\n\r\n return (\r\n <div\r\n className={containerClassName}\r\n role=\"region\"\r\n aria-label=\"Notifications\"\r\n aria-live=\"polite\"\r\n data-testid=\"chip-group\"\r\n >\r\n <ul role=\"list\" className={classMap.list}>\r\n {visibleChips.map((chip, index) => {\r\n const chipPosition = chip.position \|\| position;\r\n const chipPositionClass = classMap[chipPosition];\r\n\r\n return (\r\n <li key={chip.id} role=\"listitem\">\r\n <ChipComponent\r\n id={chip.id}\r\n message={chip.message}\r\n icon={chip.icon}\r\n theme={chip.theme}\r\n state={chip.state}\r\n size={chip.size \|\| size}\r\n rounding={chip.rounding}\r\n shadow={chip.shadow}\r\n visible={true}\r\n onClose={() => handleClose(chip.id!)}\r\n autoClose={chip.autoClose}\r\n duration={chip.duration}\r\n position={chipPosition}\r\n usePortal={false}\r\n stackIndex={index}\r\n className={combineClassNames(\r\n classMap.chip,\r\n chip.className,\r\n chipPositionClass\r\n )}\r\n data-testid={chip[\"data-testid\"]}\r\n />\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n container: \"chip_group\",\r\n list: \"chip_group_list\",\r\n topCenter: \"chip_group_topCenter\",\r\n bottomCenter: \"chip_group_bottomCenter\",\r\n topLeft: \"chip_group_topLeft\",\r\n topRight: \"chip_group_topRight\",\r\n bottomLeft: \"chip_group_bottomLeft\",\r\n bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n (props, ref) => (\r\n <ChipGroupBase\r\n {...props}\r\n ref={ref}\r\n ChipComponent={Chip}\r\n classMap={classMap}\r\n />\r\n )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["forwardRef","classMap","useState","useEffect","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip"],"mappings":"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"}

package/dist/core/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { B } from "./Button-DEYbr8xW.js";
 import { I } from "./IconButton-B6cAP2hY.js";
 import { S } from "./STT-aXWWubSC.js";
 import { T as T2 } from "./TextInput-CtI8fsXR.js";
-import { T as T3 } from "./TextArea-B88b8dFf.js";
+import { T as T3 } from "./TextArea-B0it55lO.js";
 import { S as S2 } from "./Select-C4a_4B87.js";
 import { F, U } from "./Footer-bKgKgU6L.js";
 import { F as F2 } from "./FileUpload-DxjQ2wnn.js";

package/dist/core/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n ChipComponent: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n (\r\n {\r\n chips,\r\n onRemove,\r\n position = \"topCenter\",\r\n size = \"medium\",\r\n className = \"\",\r\n ChipComponent,\r\n classMap,\r\n },\r\n ref\r\n ) => {\r\n const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n useEffect(() => {\r\n const initialized = chips.map((chip) => ({\r\n ...chip,\r\n id: chip.id \|\| uuidv4(),\r\n }));\r\n setVisibleChips(initialized);\r\n }, [chips]);\r\n\r\n const handleClose = useCallback(\r\n (id: string) => {\r\n setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n onRemove?.(id);\r\n },\r\n [onRemove]\r\n );\r\n\r\n useImperativeHandle(ref, () => ({\r\n closeAllChips: () => {\r\n visibleChips.forEach((chip) => handleClose(chip.id!));\r\n },\r\n }));\r\n\r\n const containerClassName = [\r\n classMap.container,\r\n classMap[position],\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \");\r\n\r\n return (\r\n <div\r\n className={containerClassName}\r\n role=\"region\"\r\n aria-label=\"Notifications\"\r\n aria-live=\"polite\"\r\n data-testid=\"chip-group\"\r\n >\r\n <ul role=\"list\" className={classMap.list}>\r\n {visibleChips.map((chip, index) => {\r\n const chipPosition = chip.position \|\| position;\r\n const chipPositionClass = classMap[chipPosition];\r\n\r\n return (\r\n <li key={chip.id} role=\"listitem\">\r\n <ChipComponent\r\n id={chip.id}\r\n message={chip.message}\r\n icon={chip.icon}\r\n theme={chip.theme}\r\n state={chip.state}\r\n size={chip.size \|\| size}\r\n rounding={chip.rounding}\r\n shadow={chip.shadow}\r\n visible={true}\r\n onClose={() => handleClose(chip.id!)}\r\n autoClose={chip.autoClose}\r\n duration={chip.duration}\r\n position={chipPosition}\r\n usePortal={false}\r\n stackIndex={index}\r\n className={combineClassNames(\r\n classMap.chip,\r\n chip.className,\r\n chipPositionClass\r\n )}\r\n data-testid={chip[\"data-testid\"]}\r\n />\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n container: \"chip_group\",\r\n list: \"chip_group_list\",\r\n topCenter: \"chip_group_topCenter\",\r\n bottomCenter: \"chip_group_bottomCenter\",\r\n topLeft: \"chip_group_topLeft\",\r\n topRight: \"chip_group_topRight\",\r\n bottomLeft: \"chip_group_bottomLeft\",\r\n bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n (props, ref) => (\r\n <ChipGroupBase\r\n {...props}\r\n ref={ref}\r\n ChipComponent={Chip}\r\n classMap={classMap}\r\n />\r\n )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["classMap","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,UAAAA;AAAA,~~KAEF~~,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAEhE,cAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAAC,UAAU;AAAA,QACvC,GAAG;AAAA,QACH,IAAI,KAAK,MAAMC,~~GAAO~~;AAAA,~~MAAA~~,EACtB;AACF,sBAAgB,WAAW;AAAA,~~IAAA~~,~~GAC1B~~,CAAC,KAAK,CAAC;AAEV,UAAM,cAAc;AAAA,MAClB,CAAC,OAAe;~~AACE~~,~~wBAAA~~,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACzD,6CAAW;AAAA,MACb;AAAA,MACA,CAAC,QAAQ;AAAA,~~IACX~~;~~AAEA~~,wBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAAC,SAAS,YAAY,KAAK,EAAG,CAAC;AAAA,~~MAAA~~;AAAA,~~IACtD~~,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzBD,UAAS;AAAA,MACTA,UAAS,QAAQ;AAAA,MACjB;AAAA,~~IAEC~~,~~EAAA~~,OAAO,OAAO,EACd,KAAK,GAAG;~~AAGT~~,~~WAAA~~;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAA,oBAAC,~~MAAG~~,~~EAAA~~,MAAK,QAAO,WAAWA,UAAS,MACjC,~~UAAa~~,~~aAAA~~,IAAI,CAAC,MAAM,UAAU;~~AAC3B~~,~~gBAAA~~,eAAe,KAAK,YAAY;~~AAChC~~,~~gBAAA~~,oBAAoBA,UAAS,YAAY;~~AAG7C~~,~~iBAAA~~,oBAAC,~~MAAiB~~,~~EAAA~~,MAAK,YACrB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,KAAK;AAAA,cACT,SAAS,KAAK;AAAA,cACd,MAAM,KAAK;AAAA,cACX,OAAO,KAAK;AAAA,cACZ,OAAO,KAAK;AAAA,cACZ,MAAM,KAAK,QAAQ;AAAA,cACnB,UAAU,KAAK;AAAA,cACf,QAAQ,KAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAY,KAAK,EAAG;AAAA,cACnC,WAAW,KAAK;AAAA,cAChB,UAAU,KAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,gBACTA,UAAS;AAAA,gBACT,KAAK;AAAA,gBACL;AAAA,~~cACF~~;AAAA,~~cACA~~,eAAa,KAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBO,KAAK,EAwBd;AAAA,~~QAAA~~,~~CAEH~~,~~EACH~~,~~CAAA~~;AAAA,MAAA;AAAA,~~IACF~~;AAAA,~~EAAA~~;~~AAGN~~;AAEA,cAAc,cAAc;ACvG5B,MAAM,WAAW;AAAA,EACf,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACN;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useImperativeHandle,\r\n useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n ChipComponent: React.ElementType;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n (\r\n {\r\n chips,\r\n onRemove,\r\n position = \"topCenter\",\r\n size = \"medium\",\r\n className = \"\",\r\n ChipComponent,\r\n classMap,\r\n },\r\n ref\r\n ) => {\r\n const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n useEffect(() => {\r\n const initialized = chips.map((chip) => ({\r\n ...chip,\r\n id: chip.id \|\| uuidv4(),\r\n }));\r\n setVisibleChips(initialized);\r\n }, [chips]);\r\n\r\n const handleClose = useCallback(\r\n (id: string) => {\r\n setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n onRemove?.(id);\r\n },\r\n [onRemove]\r\n );\r\n\r\n useImperativeHandle(ref, () => ({\r\n closeAllChips: () => {\r\n visibleChips.forEach((chip) => handleClose(chip.id!));\r\n },\r\n }));\r\n\r\n const containerClassName = [\r\n classMap.container,\r\n classMap[position],\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(\" \");\r\n\r\n return (\r\n <div\r\n className={containerClassName}\r\n role=\"region\"\r\n aria-label=\"Notifications\"\r\n aria-live=\"polite\"\r\n data-testid=\"chip-group\"\r\n >\r\n <ul role=\"list\" className={classMap.list}>\r\n {visibleChips.map((chip, index) => {\r\n const chipPosition = chip.position \|\| position;\r\n const chipPositionClass = classMap[chipPosition];\r\n\r\n return (\r\n <li key={chip.id} role=\"listitem\">\r\n <ChipComponent\r\n id={chip.id}\r\n message={chip.message}\r\n icon={chip.icon}\r\n theme={chip.theme}\r\n state={chip.state}\r\n size={chip.size \|\| size}\r\n rounding={chip.rounding}\r\n shadow={chip.shadow}\r\n visible={true}\r\n onClose={() => handleClose(chip.id!)}\r\n autoClose={chip.autoClose}\r\n duration={chip.duration}\r\n position={chipPosition}\r\n usePortal={false}\r\n stackIndex={index}\r\n className={combineClassNames(\r\n classMap.chip,\r\n chip.className,\r\n chipPositionClass\r\n )}\r\n data-testid={chip[\"data-testid\"]}\r\n />\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n container: \"chip_group\",\r\n list: \"chip_group_list\",\r\n topCenter: \"chip_group_topCenter\",\r\n bottomCenter: \"chip_group_bottomCenter\",\r\n topLeft: \"chip_group_topLeft\",\r\n topRight: \"chip_group_topRight\",\r\n bottomLeft: \"chip_group_bottomLeft\",\r\n bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n (props, ref) => (\r\n <ChipGroupBase\r\n {...props}\r\n ref={ref}\r\n ChipComponent={Chip}\r\n classMap={classMap}\r\n />\r\n )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["classMap","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,UAAAA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAEhE,cAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAAC,UAAU;AAAA,QACvC,GAAG;AAAA,QACH,IAAI,KAAK,MAAMC,GAAA;AAAA,MAAO,EACtB;AACF,sBAAgB,WAAW;AAAA,IAC7B,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,cAAc;AAAA,MAClB,CAAC,OAAe;AACd,wBAAgB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACzD,6CAAW;AAAA,MACb;AAAA,MACA,CAAC,QAAQ;AAAA,IAAA;AAGX,wBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAAC,SAAS,YAAY,KAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzBD,UAAS;AAAA,MACTA,UAAS,QAAQ;AAAA,MACjB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAA,oBAAC,MAAA,EAAG,MAAK,QAAO,WAAWA,UAAS,MACjC,UAAA,aAAa,IAAI,CAAC,MAAM,UAAU;AACjC,gBAAM,eAAe,KAAK,YAAY;AACtC,gBAAM,oBAAoBA,UAAS,YAAY;AAE/C,iBACE,oBAAC,MAAA,EAAiB,MAAK,YACrB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,KAAK;AAAA,cACT,SAAS,KAAK;AAAA,cACd,MAAM,KAAK;AAAA,cACX,OAAO,KAAK;AAAA,cACZ,OAAO,KAAK;AAAA,cACZ,MAAM,KAAK,QAAQ;AAAA,cACnB,UAAU,KAAK;AAAA,cACf,QAAQ,KAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAY,KAAK,EAAG;AAAA,cACnC,WAAW,KAAK;AAAA,cAChB,UAAU,KAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,gBACTA,UAAS;AAAA,gBACT,KAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAa,KAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBO,KAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;ACvG5B,MAAM,WAAW;AAAA,EACf,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACN;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/core/registerColorSheme-BPX0H7hl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"registerColorSheme-BPX0H7hl.js","sources":["../../src/styles/colorSchemeRegistry.ts"],"sourcesContent":["/*\r\n -----------------------------------------------------\r\n * Color Scheme Registry\r\n * -----------------------------------------------------\r\n * Provides utility functions for managing theme color schemes\r\n * used throughout the application.\r\n \r\n Includes:\r\n * - registerColorScheme: adds custom color schemes at runtime.\r\n * - getAllColorSchemes: retrieves all registered schemes.\r\n /\r\n\r\n\"use client\";\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\nimport { colorSchemes } from \"./Themes\";\r\n\r\n/\r\n Registers custom color schemes.\r\n \r\n If a scheme with the same name exists, it will be skipped unless `override` is true.\r\n \r\n @param {ColorScheme[]} customSchemes - An array of color schemes to register.\r\n * @param {boolean} [override=false] - Whether to replace existing schemes with the same name.\r\n \r\n @example\r\n * registerColorScheme([ { name: \"ocean\", ... } ], true);\r\n /\r\nexport const registerColorScheme = (\r\n customSchemes: ColorScheme[],\r\n override: boolean = false\r\n) => {\r\n for (const scheme of customSchemes) {\r\n const index = colorSchemes.findIndex((s) => s.name === scheme.name);\r\n if (index === -1) {\r\n colorSchemes.push(scheme);\r\n } else if (override) {\r\n colorSchemes[index] = scheme;\r\n } else if (process.env.NODE_ENV === \"development\") {\r\n console.warn(`Color scheme \"${scheme.name}\" already exists. Skipping.`);\r\n }\r\n }\r\n};\r\n\r\n/\r\n Removes a color scheme by its name.\r\n \r\n @param {string} name - The name of the color scheme to remove.\r\n * @returns {boolean} True if a scheme was removed, false if it was not found.\r\n \r\n @example\r\n * removeColorScheme(\"darkMode\"); // returns true if it existed\r\n /\r\nexport function removeColorScheme(name: string): boolean {\r\n const index = colorSchemes.findIndex((s) => s.name === name);\r\n if (index !== -1) {\r\n colorSchemes.splice(index, 1);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Returns a copy of all registered color schemes.\r\n \r\n @returns {ColorScheme[]} An array of all registered color schemes.\r\n \r\n @example\r\n * const themes = getAllColorSchemes();\r\n * console.log(themes.map((t) => t.name));\r\n */\r\nexport function getAllColorSchemes(): ColorScheme[] {\r\n return [...colorSchemes];\r\n}\r\n"],"names":[],"mappings":";AA4BO,MAAM,sBAAsB,CACjC,eACA,WAAoB,UACjB;AACH,aAAW,UAAU,eAAe;~~AAC5B~~,~~UAAA~~,QAAQ,aAAa,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,IAAI;AAClE,QAAI,UAAU,IAAI;AAChB,mBAAa,KAAK,MAAM;AAAA,~~eACf~~,UAAU;AACnB,mBAAa,KAAK,IAAI;AAAA,~~IACb~~,~~WAAA~~,QAAQ,IAAI,aAAa,eAAe;AACjD,cAAQ,KAAK,iBAAiB,OAAO,IAAI,6BAA6B;AAAA,~~IAAA~~;AAAA,~~EACxE~~;~~AAEJ~~;AA6BO,SAAS,qBAAoC;~~AAC3C~~,~~SAAA~~,CAAC,GAAG,YAAY;AACzB;"}
1	+ {"version":3,"file":"registerColorSheme-BPX0H7hl.js","sources":["../../src/styles/colorSchemeRegistry.ts"],"sourcesContent":["/*\r\n -----------------------------------------------------\r\n * Color Scheme Registry\r\n * -----------------------------------------------------\r\n * Provides utility functions for managing theme color schemes\r\n * used throughout the application.\r\n \r\n Includes:\r\n * - registerColorScheme: adds custom color schemes at runtime.\r\n * - getAllColorSchemes: retrieves all registered schemes.\r\n /\r\n\r\n\"use client\";\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\nimport { colorSchemes } from \"./Themes\";\r\n\r\n/\r\n Registers custom color schemes.\r\n \r\n If a scheme with the same name exists, it will be skipped unless `override` is true.\r\n \r\n @param {ColorScheme[]} customSchemes - An array of color schemes to register.\r\n * @param {boolean} [override=false] - Whether to replace existing schemes with the same name.\r\n \r\n @example\r\n * registerColorScheme([ { name: \"ocean\", ... } ], true);\r\n /\r\nexport const registerColorScheme = (\r\n customSchemes: ColorScheme[],\r\n override: boolean = false\r\n) => {\r\n for (const scheme of customSchemes) {\r\n const index = colorSchemes.findIndex((s) => s.name === scheme.name);\r\n if (index === -1) {\r\n colorSchemes.push(scheme);\r\n } else if (override) {\r\n colorSchemes[index] = scheme;\r\n } else if (process.env.NODE_ENV === \"development\") {\r\n console.warn(`Color scheme \"${scheme.name}\" already exists. Skipping.`);\r\n }\r\n }\r\n};\r\n\r\n/\r\n Removes a color scheme by its name.\r\n \r\n @param {string} name - The name of the color scheme to remove.\r\n * @returns {boolean} True if a scheme was removed, false if it was not found.\r\n \r\n @example\r\n * removeColorScheme(\"darkMode\"); // returns true if it existed\r\n /\r\nexport function removeColorScheme(name: string): boolean {\r\n const index = colorSchemes.findIndex((s) => s.name === name);\r\n if (index !== -1) {\r\n colorSchemes.splice(index, 1);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Returns a copy of all registered color schemes.\r\n \r\n @returns {ColorScheme[]} An array of all registered color schemes.\r\n \r\n @example\r\n * const themes = getAllColorSchemes();\r\n * console.log(themes.map((t) => t.name));\r\n */\r\nexport function getAllColorSchemes(): ColorScheme[] {\r\n return [...colorSchemes];\r\n}\r\n"],"names":[],"mappings":";AA4BO,MAAM,sBAAsB,CACjC,eACA,WAAoB,UACjB;AACH,aAAW,UAAU,eAAe;AAClC,UAAM,QAAQ,aAAa,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,IAAI;AAClE,QAAI,UAAU,IAAI;AAChB,mBAAa,KAAK,MAAM;AAAA,IAC1B,WAAW,UAAU;AACnB,mBAAa,KAAK,IAAI;AAAA,IACxB,WAAW,QAAQ,IAAI,aAAa,eAAe;AACjD,cAAQ,KAAK,iBAAiB,OAAO,IAAI,6BAA6B;AAAA,IACxE;AAAA,EACF;AACF;AA6BO,SAAS,qBAAoC;AAClD,SAAO,CAAC,GAAG,YAAY;AACzB;"}

package/dist/core/registerColorSheme-nhYu5hbY.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"registerColorSheme-nhYu5hbY.cjs","sources":["../../src/styles/colorSchemeRegistry.ts"],"sourcesContent":["/*\r\n -----------------------------------------------------\r\n * Color Scheme Registry\r\n * -----------------------------------------------------\r\n * Provides utility functions for managing theme color schemes\r\n * used throughout the application.\r\n \r\n Includes:\r\n * - registerColorScheme: adds custom color schemes at runtime.\r\n * - getAllColorSchemes: retrieves all registered schemes.\r\n /\r\n\r\n\"use client\";\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\nimport { colorSchemes } from \"./Themes\";\r\n\r\n/\r\n Registers custom color schemes.\r\n \r\n If a scheme with the same name exists, it will be skipped unless `override` is true.\r\n \r\n @param {ColorScheme[]} customSchemes - An array of color schemes to register.\r\n * @param {boolean} [override=false] - Whether to replace existing schemes with the same name.\r\n \r\n @example\r\n * registerColorScheme([ { name: \"ocean\", ... } ], true);\r\n /\r\nexport const registerColorScheme = (\r\n customSchemes: ColorScheme[],\r\n override: boolean = false\r\n) => {\r\n for (const scheme of customSchemes) {\r\n const index = colorSchemes.findIndex((s) => s.name === scheme.name);\r\n if (index === -1) {\r\n colorSchemes.push(scheme);\r\n } else if (override) {\r\n colorSchemes[index] = scheme;\r\n } else if (process.env.NODE_ENV === \"development\") {\r\n console.warn(`Color scheme \"${scheme.name}\" already exists. Skipping.`);\r\n }\r\n }\r\n};\r\n\r\n/\r\n Removes a color scheme by its name.\r\n \r\n @param {string} name - The name of the color scheme to remove.\r\n * @returns {boolean} True if a scheme was removed, false if it was not found.\r\n \r\n @example\r\n * removeColorScheme(\"darkMode\"); // returns true if it existed\r\n /\r\nexport function removeColorScheme(name: string): boolean {\r\n const index = colorSchemes.findIndex((s) => s.name === name);\r\n if (index !== -1) {\r\n colorSchemes.splice(index, 1);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Returns a copy of all registered color schemes.\r\n \r\n @returns {ColorScheme[]} An array of all registered color schemes.\r\n \r\n @example\r\n * const themes = getAllColorSchemes();\r\n * console.log(themes.map((t) => t.name));\r\n */\r\nexport function getAllColorSchemes(): ColorScheme[] {\r\n return [...colorSchemes];\r\n}\r\n"],"names":["colorSchemes"],"mappings":";;AA4BO,MAAM,sBAAsB,CACjC,eACA,WAAoB,UACjB;AACH,aAAW,UAAU,eAAe;~~AAC5B~~,~~UAAA~~,QAAQA,~~0BAAa~~,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,IAAI;AAClE,QAAI,UAAU,IAAI;AAChBA,~~mBAAA~~,aAAa,KAAK,MAAM;AAAA,~~eACf~~,UAAU;AACnBA,~~mBAAA~~,aAAa,KAAK,IAAI;AAAA,~~IACb~~,~~WAAA~~,QAAQ,IAAI,aAAa,eAAe;AACjD,cAAQ,KAAK,iBAAiB,OAAO,IAAI,6BAA6B;AAAA,~~IAAA~~;AAAA,~~EACxE~~;~~AAEJ~~;AA6BO,SAAS,qBAAoC;~~AAC3C~~,~~SAAA~~,CAAC,GAAGA,aAAAA,YAAY;AACzB;;;"}
1	+ {"version":3,"file":"registerColorSheme-nhYu5hbY.cjs","sources":["../../src/styles/colorSchemeRegistry.ts"],"sourcesContent":["/*\r\n -----------------------------------------------------\r\n * Color Scheme Registry\r\n * -----------------------------------------------------\r\n * Provides utility functions for managing theme color schemes\r\n * used throughout the application.\r\n \r\n Includes:\r\n * - registerColorScheme: adds custom color schemes at runtime.\r\n * - getAllColorSchemes: retrieves all registered schemes.\r\n /\r\n\r\n\"use client\";\r\n\r\nimport { ColorScheme } from \"@/types/types\";\r\nimport { colorSchemes } from \"./Themes\";\r\n\r\n/\r\n Registers custom color schemes.\r\n \r\n If a scheme with the same name exists, it will be skipped unless `override` is true.\r\n \r\n @param {ColorScheme[]} customSchemes - An array of color schemes to register.\r\n * @param {boolean} [override=false] - Whether to replace existing schemes with the same name.\r\n \r\n @example\r\n * registerColorScheme([ { name: \"ocean\", ... } ], true);\r\n /\r\nexport const registerColorScheme = (\r\n customSchemes: ColorScheme[],\r\n override: boolean = false\r\n) => {\r\n for (const scheme of customSchemes) {\r\n const index = colorSchemes.findIndex((s) => s.name === scheme.name);\r\n if (index === -1) {\r\n colorSchemes.push(scheme);\r\n } else if (override) {\r\n colorSchemes[index] = scheme;\r\n } else if (process.env.NODE_ENV === \"development\") {\r\n console.warn(`Color scheme \"${scheme.name}\" already exists. Skipping.`);\r\n }\r\n }\r\n};\r\n\r\n/\r\n Removes a color scheme by its name.\r\n \r\n @param {string} name - The name of the color scheme to remove.\r\n * @returns {boolean} True if a scheme was removed, false if it was not found.\r\n \r\n @example\r\n * removeColorScheme(\"darkMode\"); // returns true if it existed\r\n /\r\nexport function removeColorScheme(name: string): boolean {\r\n const index = colorSchemes.findIndex((s) => s.name === name);\r\n if (index !== -1) {\r\n colorSchemes.splice(index, 1);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Returns a copy of all registered color schemes.\r\n \r\n @returns {ColorScheme[]} An array of all registered color schemes.\r\n \r\n @example\r\n * const themes = getAllColorSchemes();\r\n * console.log(themes.map((t) => t.name));\r\n */\r\nexport function getAllColorSchemes(): ColorScheme[] {\r\n return [...colorSchemes];\r\n}\r\n"],"names":["colorSchemes"],"mappings":";;AA4BO,MAAM,sBAAsB,CACjC,eACA,WAAoB,UACjB;AACH,aAAW,UAAU,eAAe;AAClC,UAAM,QAAQA,aAAAA,aAAa,UAAU,CAAC,MAAM,EAAE,SAAS,OAAO,IAAI;AAClE,QAAI,UAAU,IAAI;AAChBA,mBAAAA,aAAa,KAAK,MAAM;AAAA,IAC1B,WAAW,UAAU;AACnBA,mBAAAA,aAAa,KAAK,IAAI;AAAA,IACxB,WAAW,QAAQ,IAAI,aAAa,eAAe;AACjD,cAAQ,KAAK,iBAAiB,OAAO,IAAI,6BAA6B;AAAA,IACxE;AAAA,EACF;AACF;AA6BO,SAAS,qBAAoC;AAClD,SAAO,CAAC,GAAGA,aAAAA,YAAY;AACzB;;;"}

package/dist/core/style.css CHANGED Viewed

@@ -12545,7 +12545,7 @@ a:hover {
   display: flex;
   flex-direction: column;
   margin-bottom: 16px;
-  max-width: 400px;
+  width: fit-content;
 }
 .form_group_label {
   color: var(--text-color-primary);
@@ -12622,7 +12622,7 @@ a:hover {
   }
 }
 .form_group_horizontal_input_field {
-  width: 100%;
+  width: fit-content;
   flex: 1;
 }
 .form_group_horizontal_input_field_form-error {

package/dist/next/Accordion-BD-HsAos.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion-BD-HsAos.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n \"data-testid\": testId,\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const contentId = `${id \|\| internalId}-content`;\r\n const buttonId = `${id \|\| internalId}-button`;\r\n const descId = description ? `${id \|\| internalId}-desc` : undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (disabled) return;\r\n if (e.key === \"Enter\" \|\| e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useMemo(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded]);\r\n\r\n useMemo(() => {\r\n if (asyncContent && isExpanded && isLoading) {\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n }, [asyncContent, isExpanded, isLoading]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className\r\n ),\r\n [classMap, size, disabled, isExpanded, className]\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded\r\n ),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled}\r\n aria-describedby={descId}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-labelledby={buttonId}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div className={classMap.loading}>Loading...</div>\r\n )}\r\n {(!lazyLoad \|\| hasBeenExpanded) &&\r\n (!asyncContent \|\| !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n const id = useId();\r\n const getUniqueId = () => `accordion-${id}`;\r\n\r\n return (\r\n <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","outline","expanded","disabled","useMemo","useState","combineClassNames","capitalize","jsxs","jsx","useId"],"mappings":"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"}
1	+ {"version":3,"file":"Accordion-BD-HsAos.cjs","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n \"data-testid\": testId,\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const contentId = `${id \|\| internalId}-content`;\r\n const buttonId = `${id \|\| internalId}-button`;\r\n const descId = description ? `${id \|\| internalId}-desc` : undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (disabled) return;\r\n if (e.key === \"Enter\" \|\| e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useMemo(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded]);\r\n\r\n useMemo(() => {\r\n if (asyncContent && isExpanded && isLoading) {\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n }, [asyncContent, isExpanded, isLoading]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className\r\n ),\r\n [classMap, size, disabled, isExpanded, className]\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded\r\n ),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled}\r\n aria-describedby={descId}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-labelledby={buttonId}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div className={classMap.loading}>Loading...</div>\r\n )}\r\n {(!lazyLoad \|\| hasBeenExpanded) &&\r\n (!asyncContent \|\| !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n const id = useId();\r\n const getUniqueId = () => `accordion-${id}`;\r\n\r\n return (\r\n <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","getDefaultRounding","getDefaultShadow","getDefaultSize","getDefaultTheme","outline","expanded","disabled","useMemo","useState","combineClassNames","capitalize","jsxs","jsx","useId"],"mappings":"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"}

package/dist/next/Accordion-Bu2IAjE6.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion-Bu2IAjE6.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n \"data-testid\": testId,\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const contentId = `${id \|\| internalId}-content`;\r\n const buttonId = `${id \|\| internalId}-button`;\r\n const descId = description ? `${id \|\| internalId}-desc` : undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (disabled) return;\r\n if (e.key === \"Enter\" \|\| e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useMemo(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded]);\r\n\r\n useMemo(() => {\r\n if (asyncContent && isExpanded && isLoading) {\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n }, [asyncContent, isExpanded, isLoading]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className\r\n ),\r\n [classMap, size, disabled, isExpanded, className]\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded\r\n ),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled}\r\n aria-describedby={descId}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-labelledby={buttonId}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div className={classMap.loading}>Loading...</div>\r\n )}\r\n {(!lazyLoad \|\| hasBeenExpanded) &&\r\n (!asyncContent \|\| !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n const id = useId();\r\n const getUniqueId = () => `accordion-${id}`;\r\n\r\n return (\r\n <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","outline","expanded","disabled"],"mappings":"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"}
1	+ {"version":3,"file":"Accordion-Bu2IAjE6.js","sources":["../../src/components/Accordion/AccordionBase.tsx","../../src/components/Accordion/next/Accordion.tsx"],"sourcesContent":["import React, { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { AccordionProps } from \"./Accordion.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\nexport interface AccordionBaseProps extends AccordionProps {\r\n getUniqueId: () => string;\r\n classMap: Record<string, string>;\r\n}\r\n\r\nexport const AccordionBase: React.FC<AccordionBaseProps> = ({\r\n title,\r\n id,\r\n children,\r\n lazyLoad = false,\r\n iconPosition = \"right\",\r\n isToggleable = true,\r\n asyncContent = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n description,\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n expanded,\r\n disabled,\r\n customCollapsedIcon,\r\n customExpandedIcon,\r\n onToggle,\r\n initiallyExpanded = false,\r\n className = \"\",\r\n getUniqueId,\r\n classMap,\r\n \"data-testid\": testId,\r\n ...rest\r\n}) => {\r\n const isControlled = expanded !== undefined;\r\n const internalId = useMemo(getUniqueId, []);\r\n const [internalExpanded, setInternalExpanded] = useState(initiallyExpanded);\r\n const [hasBeenExpanded, setHasBeenExpanded] = useState(initiallyExpanded);\r\n const [isLoading, setIsLoading] = useState(asyncContent && initiallyExpanded);\r\n const isExpanded = isControlled ? expanded : internalExpanded;\r\n\r\n const contentId = `${id \|\| internalId}-content`;\r\n const buttonId = `${id \|\| internalId}-button`;\r\n const descId = description ? `${id \|\| internalId}-desc` : undefined;\r\n\r\n const toggleAccordion = () => {\r\n if (disabled) return;\r\n if (!isToggleable && isExpanded) return;\r\n isControlled ? onToggle?.(!expanded) : setInternalExpanded((prev) => !prev);\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (disabled) return;\r\n if (e.key === \"Enter\" \|\| e.key === \" \") {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n };\r\n\r\n useMemo(() => {\r\n if (isExpanded && !hasBeenExpanded) {\r\n setHasBeenExpanded(true);\r\n }\r\n }, [isExpanded]);\r\n\r\n useMemo(() => {\r\n if (asyncContent && isExpanded && isLoading) {\r\n const timer = setTimeout(() => {\r\n setIsLoading(false);\r\n }, 1000);\r\n\r\n return () => clearTimeout(timer);\r\n }\r\n }, [asyncContent, isExpanded, isLoading]);\r\n\r\n const renderedIcon = isExpanded\r\n ? (customExpandedIcon ?? \"−\")\r\n : (customCollapsedIcon ?? \"+\");\r\n\r\n const wrapperClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.accordion,\r\n classMap[size],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded,\r\n className\r\n ),\r\n [classMap, size, disabled, isExpanded, className]\r\n );\r\n\r\n const headerClassName = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.header,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n isExpanded && classMap.expanded\r\n ),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const contentClassName = useMemo(\r\n () => combineClassNames(classMap.content, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n const iconClassName = useMemo(\r\n () => combineClassNames(classMap.icon, isExpanded && classMap.expanded),\r\n [classMap, isExpanded]\r\n );\r\n\r\n return (\r\n <div {...rest} className={wrapperClassName}>\r\n <button\r\n id={buttonId}\r\n className={headerClassName}\r\n onClick={toggleAccordion}\r\n onKeyDown={handleKeyDown}\r\n type=\"button\"\r\n aria-expanded={isExpanded}\r\n aria-controls={contentId}\r\n aria-disabled={disabled}\r\n aria-describedby={descId}\r\n tabIndex={disabled ? -1 : 0}\r\n disabled={disabled}\r\n data-testid={testId ? `${testId}-accordion-toggle` : undefined}\r\n >\r\n {iconPosition === \"left\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n <span\r\n className={classMap.accordionTitle}\r\n data-testid={testId ? `${testId}-title` : undefined}\r\n >\r\n {title}\r\n </span>\r\n {iconPosition === \"right\" && (\r\n <span\r\n className={iconClassName}\r\n aria-hidden=\"true\"\r\n data-testid={testId ? `${testId}-icon` : undefined}\r\n >\r\n {renderedIcon}\r\n </span>\r\n )}\r\n </button>\r\n\r\n {description && (\r\n <span\r\n id={descId}\r\n className=\"sr_only\"\r\n data-testid={testId ? `${testId}-description` : undefined}\r\n >\r\n {description}\r\n </span>\r\n )}\r\n\r\n <div\r\n id={contentId}\r\n role=\"region\"\r\n aria-labelledby={buttonId}\r\n className={contentClassName}\r\n data-state={isExpanded ? \"open\" : \"collapsed\"}\r\n data-testid={testId ? `${testId}-content` : undefined}\r\n >\r\n {isExpanded && asyncContent && isLoading && (\r\n <div className={classMap.loading}>Loading...</div>\r\n )}\r\n {(!lazyLoad \|\| hasBeenExpanded) &&\r\n (!asyncContent \|\| !isLoading) &&\r\n children}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nAccordionBase.displayName = \"AccordionBase\";\r\n","\"use client\";\r\n\r\nimport React, { useId } from \"react\";\r\nimport { AccordionBase } from \"../AccordionBase\";\r\nimport type { AccordionProps } from \"../Accordion.types\";\r\nimport styles from \"./Accordion.module.scss\";\r\n\r\nconst Accordion: React.FC<AccordionProps> = (props) => {\r\n const id = useId();\r\n const getUniqueId = () => `accordion-${id}`;\r\n\r\n return (\r\n <AccordionBase {...props} getUniqueId={getUniqueId} classMap={styles} />\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["title","outline","expanded","disabled"],"mappings":"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"}

package/dist/next/ArrowRightIcon-BVb75OpX.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowRightIcon-BVb75OpX.cjs","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: 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=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":["jsx"],"mappings":";;~~AAAM~~,~~MAAA~~,iBAA0D,CAAC,UAC/DA,~~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;;"}
1	+ {"version":3,"file":"ArrowRightIcon-BVb75OpX.cjs","sources":["../../src/Icons/ArrowRightIcon.tsx"],"sourcesContent":["const ArrowRightIcon: 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=\"M8.71299 18.6929C8.43273 18.5768 8.25 18.3033 8.25 18V5.99998C8.25 5.69663 8.43273 5.42315 8.71299 5.30707C8.99324 5.19098 9.31583 5.25515 9.53033 5.46965L15.5303 11.4696C15.8232 11.7625 15.8232 12.2374 15.5303 12.5303L9.53033 18.5303C9.31583 18.7448 8.99324 18.809 8.71299 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\nexport default ArrowRightIcon;\r\n"],"names":["jsx"],"mappings":";;AAAA,MAAM,iBAA0D,CAAC,UAC/DA,2BAAAA;AAAAA,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,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;;"}