boreal-ui 0.0.33 → 0.0.35

package/dist/core/{Card-BRExeyNd.js → Card-Bagax-bx.js}

@@ -5,7 +5,7 @@ import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
 /* empty css                 */
 import { B as Button } from "./Button-sz60qyTn.js";
-import { I as IconButton } from "./IconButton-B9WWbeSM.js";
+import { I as IconButton } from "./IconButton-DgfUCfo9.js";
 import { S as SkeletonLoader } from "./Skeleton-CMhlYg-Q.js";
 const CardBase = ({
   theme = getDefaultTheme(),
@@ -260,4 +260,4 @@ const Card = (props) => {
 export {
   Card as C
 };
-//# sourceMappingURL=Card-BRExeyNd.js.map
+//# sourceMappingURL=Card-Bagax-bx.js.map

package/dist/core/{Card-BRExeyNd.js.map → Card-Bagax-bx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-BRExeyNd.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps } from \"./Card.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const hasImageObj =\r\n    typeof imageUrl === \"object\" && imageUrl && \"src\" in imageUrl;\r\n  const imgSrc = hasImageObj ? imageUrl.src : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (hasImageObj ? (imageUrl as any).width : undefined) ?? imageWidth;\r\n  const resolvedHeight =\r\n    (hasImageObj ? (imageUrl as any).height : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc as any}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc as any}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n  card: \"card\",\r\n\r\n  left: \"card_left\",\r\n  right: \"card_right\",\r\n  center: \"card_center\",\r\n\r\n  primary: \"card_primary\",\r\n  secondary: \"card_secondary\",\r\n  tertiary: \"card_tertiary\",\r\n  quaternary: \"card_quaternary\",\r\n\r\n  success: \"card_success\",\r\n  warning: \"card_warning\",\r\n  error: \"card_error\",\r\n\r\n  clear: \"card_clear\",\r\n\r\n  outline: \"card_outline\",\r\n  loading: \"card_loading\",\r\n\r\n  content: \"card_content\",\r\n\r\n  xs: \"card_xs\",\r\n  small: \"card_small\",\r\n  medium: \"card_medium\",\r\n  large: \"card_large\",\r\n  xl: \"card_xl\",\r\n\r\n  shadowNone: \"card_shadow-None\",\r\n  shadowLight: \"card_shadow-Light\",\r\n  shadowMedium: \"card_shadow-Medium\",\r\n  shadowStrong: \"card_shadow-Strong\",\r\n  shadowIntense: \"card_shadow-Intense\",\r\n\r\n  roundNone: \"card_round-None\",\r\n  roundSmall: \"card_round-Small\",\r\n  roundMedium: \"card_round-Medium\",\r\n  roundLarge: \"card_round-Large\",\r\n\r\n  vertical: \"card_vertical\",\r\n  horizontal: \"card_horizontal\",\r\n\r\n  image: \"card_image\",\r\n  header: \"card_header\",\r\n  title: \"card_title\",\r\n  icon: \"card_icon\",\r\n  body: \"card_body\",\r\n  description: \"card_description\",\r\n  children: \"card_children\",\r\n  footer: \"card_footer\",\r\n  actions: \"card_actions\",\r\n  action_button: \"card_action_button\",\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={classes}\r\n      SkeletonComponent={Skeleton}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["Skeleton"],"mappings":"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"}
+{"version":3,"file":"Card-Bagax-bx.js","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps } from \"./Card.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const hasImageObj =\r\n    typeof imageUrl === \"object\" && imageUrl && \"src\" in imageUrl;\r\n  const imgSrc = hasImageObj ? imageUrl.src : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (hasImageObj ? (imageUrl as any).width : undefined) ?? imageWidth;\r\n  const resolvedHeight =\r\n    (hasImageObj ? (imageUrl as any).height : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc as any}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc as any}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n  card: \"card\",\r\n\r\n  left: \"card_left\",\r\n  right: \"card_right\",\r\n  center: \"card_center\",\r\n\r\n  primary: \"card_primary\",\r\n  secondary: \"card_secondary\",\r\n  tertiary: \"card_tertiary\",\r\n  quaternary: \"card_quaternary\",\r\n\r\n  success: \"card_success\",\r\n  warning: \"card_warning\",\r\n  error: \"card_error\",\r\n\r\n  clear: \"card_clear\",\r\n\r\n  outline: \"card_outline\",\r\n  loading: \"card_loading\",\r\n\r\n  content: \"card_content\",\r\n\r\n  xs: \"card_xs\",\r\n  small: \"card_small\",\r\n  medium: \"card_medium\",\r\n  large: \"card_large\",\r\n  xl: \"card_xl\",\r\n\r\n  shadowNone: \"card_shadow-None\",\r\n  shadowLight: \"card_shadow-Light\",\r\n  shadowMedium: \"card_shadow-Medium\",\r\n  shadowStrong: \"card_shadow-Strong\",\r\n  shadowIntense: \"card_shadow-Intense\",\r\n\r\n  roundNone: \"card_round-None\",\r\n  roundSmall: \"card_round-Small\",\r\n  roundMedium: \"card_round-Medium\",\r\n  roundLarge: \"card_round-Large\",\r\n\r\n  vertical: \"card_vertical\",\r\n  horizontal: \"card_horizontal\",\r\n\r\n  image: \"card_image\",\r\n  header: \"card_header\",\r\n  title: \"card_title\",\r\n  icon: \"card_icon\",\r\n  body: \"card_body\",\r\n  description: \"card_description\",\r\n  children: \"card_children\",\r\n  footer: \"card_footer\",\r\n  actions: \"card_actions\",\r\n  action_button: \"card_action_button\",\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={classes}\r\n      SkeletonComponent={Skeleton}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["Skeleton"],"mappings":"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"}

package/dist/core/{Card-jrGaJLdX.cjs → Card-DtHJdWNq.cjs}

@@ -6,7 +6,7 @@ const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 ;/* empty css                   */
 const Button = require("./Button-CD1ETVvS.cjs");
-const IconButton = require("./IconButton-D_W4nsPZ.cjs");
+const IconButton = require("./IconButton-Bjjlbqiq.cjs");
 const Skeleton = require("./Skeleton-BlyxKLt_.cjs");
 const CardBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
@@ -259,4 +259,4 @@ const Card = (props) => {
   );
 };
 exports.Card = Card;
-//# sourceMappingURL=Card-jrGaJLdX.cjs.map
+//# sourceMappingURL=Card-DtHJdWNq.cjs.map

package/dist/core/{Card-jrGaJLdX.cjs.map → Card-DtHJdWNq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-jrGaJLdX.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps } from \"./Card.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const hasImageObj =\r\n    typeof imageUrl === \"object\" && imageUrl && \"src\" in imageUrl;\r\n  const imgSrc = hasImageObj ? imageUrl.src : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (hasImageObj ? (imageUrl as any).width : undefined) ?? imageWidth;\r\n  const resolvedHeight =\r\n    (hasImageObj ? (imageUrl as any).height : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc as any}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc as any}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n  card: \"card\",\r\n\r\n  left: \"card_left\",\r\n  right: \"card_right\",\r\n  center: \"card_center\",\r\n\r\n  primary: \"card_primary\",\r\n  secondary: \"card_secondary\",\r\n  tertiary: \"card_tertiary\",\r\n  quaternary: \"card_quaternary\",\r\n\r\n  success: \"card_success\",\r\n  warning: \"card_warning\",\r\n  error: \"card_error\",\r\n\r\n  clear: \"card_clear\",\r\n\r\n  outline: \"card_outline\",\r\n  loading: \"card_loading\",\r\n\r\n  content: \"card_content\",\r\n\r\n  xs: \"card_xs\",\r\n  small: \"card_small\",\r\n  medium: \"card_medium\",\r\n  large: \"card_large\",\r\n  xl: \"card_xl\",\r\n\r\n  shadowNone: \"card_shadow-None\",\r\n  shadowLight: \"card_shadow-Light\",\r\n  shadowMedium: \"card_shadow-Medium\",\r\n  shadowStrong: \"card_shadow-Strong\",\r\n  shadowIntense: \"card_shadow-Intense\",\r\n\r\n  roundNone: \"card_round-None\",\r\n  roundSmall: \"card_round-Small\",\r\n  roundMedium: \"card_round-Medium\",\r\n  roundLarge: \"card_round-Large\",\r\n\r\n  vertical: \"card_vertical\",\r\n  horizontal: \"card_horizontal\",\r\n\r\n  image: \"card_image\",\r\n  header: \"card_header\",\r\n  title: \"card_title\",\r\n  icon: \"card_icon\",\r\n  body: \"card_body\",\r\n  description: \"card_description\",\r\n  children: \"card_children\",\r\n  footer: \"card_footer\",\r\n  actions: \"card_actions\",\r\n  action_button: \"card_action_button\",\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={classes}\r\n      SkeletonComponent={Skeleton}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Button","IconButton","Skeleton"],"mappings":"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"}
+{"version":3,"file":"Card-DtHJdWNq.cjs","sources":["../../src/components/Card/CardBase.tsx","../../src/components/Card/core/Card.tsx"],"sourcesContent":["import React, { useId, useMemo } from \"react\";\r\nimport { CardBaseProps } from \"./Card.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst CardBase: React.FC<CardBaseProps> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  cardIcon,\r\n  title = \"\",\r\n  description = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  imageUrl,\r\n  imageAlt,\r\n  imageHeight,\r\n  imageWidth,\r\n  imageFill,\r\n  className = \"\",\r\n  imageClassName = \"\",\r\n  headerClassName = \"\",\r\n  bodyClassName = \"\",\r\n  footerClassName = \"\",\r\n  outline = false,\r\n  size = getDefaultSize(),\r\n  align = \"center\",\r\n  renderHeader,\r\n  renderContent,\r\n  renderFooter,\r\n  actionButtons = [],\r\n  useIconButtons = false,\r\n  layout = \"vertical\",\r\n  loading = false,\r\n  children,\r\n  \"data-testid\": testId = \"card\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-label\": ariaLabel,\r\n  classMap,\r\n  SkeletonComponent,\r\n  ImageComponent,\r\n}) => {\r\n  const autoId = useId();\r\n  const headerId = ariaLabelledBy || `${autoId}-header`;\r\n  const descriptionId = `${autoId}-description`;\r\n  const hasImage = !!imageUrl;\r\n  const derivedAriaLabel = ariaLabel || title || description || \"Content card\";\r\n\r\n  const FallbackImage = (props: React.ImgHTMLAttributes<HTMLImageElement>) => (\r\n    <img {...props} />\r\n  );\r\n\r\n  const hasImageObj =\r\n    typeof imageUrl === \"object\" && imageUrl && \"src\" in imageUrl;\r\n  const imgSrc = hasImageObj ? imageUrl.src : (imageUrl as string | undefined);\r\n\r\n  const resolvedWidth =\r\n    (hasImageObj ? (imageUrl as any).width : undefined) ?? imageWidth;\r\n  const resolvedHeight =\r\n    (hasImageObj ? (imageUrl as any).height : undefined) ?? imageHeight;\r\n\r\n  const imgAlt = imageAlt || `${title || \"Card\"} image`;\r\n\r\n  const ImageRenderer = ImageComponent || FallbackImage;\r\n  const isNextImage = typeof ImageRenderer !== \"string\";\r\n\r\n  const cardClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.card,\r\n        classMap[layout],\r\n        align && classMap[align],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        loading && classMap.loading,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      layout,\r\n      align,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      loading,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      data-testid={testId}\r\n      className={cardClassName}\r\n      role=\"region\"\r\n      aria-labelledby={title ? headerId : undefined}\r\n      aria-label={!title ? derivedAriaLabel : undefined}\r\n      aria-busy={loading || undefined}\r\n    >\r\n      {loading ? (\r\n        <SkeletonComponent\r\n          width=\"250px\"\r\n          height=\"250px\"\r\n          data-testid={`${testId}-skeleton`}\r\n        />\r\n      ) : (\r\n        <div className={classMap.content}>\r\n          {hasImage &&\r\n            (imageFill ? (\r\n              <div className={classMap.media}>\r\n                <ImageRenderer\r\n                  src={imgSrc as any}\r\n                  alt={imgAlt}\r\n                  className={combineClassNames(classMap.image, imageClassName)}\r\n                  {...(isNextImage ? { fill: true } : {})}\r\n                  {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <ImageRenderer\r\n                src={imgSrc as any}\r\n                alt={imgAlt}\r\n                className={combineClassNames(classMap.image, imageClassName)}\r\n                width={resolvedWidth ?? 640}\r\n                height={resolvedHeight ?? 360}\r\n                {...(!isNextImage ? { loading: \"lazy\" as const } : {})}\r\n              />\r\n            ))}\r\n\r\n          <div>\r\n            <div\r\n              className={combineClassNames(classMap.header, headerClassName)}\r\n              id={headerId}\r\n            >\r\n              {renderHeader ? (\r\n                renderHeader()\r\n              ) : title ? (\r\n                <h2 className={classMap.title}>\r\n                  {cardIcon && (\r\n                    <span\r\n                      className={classMap.icon}\r\n                      aria-hidden=\"true\"\r\n                      data-testid={`${testId}-icon`}\r\n                    >\r\n                      {React.createElement(cardIcon)}\r\n                    </span>\r\n                  )}\r\n                  {title}\r\n                </h2>\r\n              ) : null}\r\n            </div>\r\n\r\n            <div\r\n              className={combineClassNames(classMap.body, bodyClassName)}\r\n              role=\"group\"\r\n              aria-describedby={description ? descriptionId : undefined}\r\n            >\r\n              {renderContent ? (\r\n                renderContent()\r\n              ) : (\r\n                <>\r\n                  {description && (\r\n                    <p id={descriptionId} className={classMap.description}>\r\n                      {description}\r\n                    </p>\r\n                  )}\r\n                  {children && (\r\n                    <div className={classMap.children}>{children}</div>\r\n                  )}\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {(actionButtons.length > 0 || renderFooter) && (\r\n              <div\r\n                className={combineClassNames(classMap.footer, footerClassName)}\r\n              >\r\n                {actionButtons.length > 0 && (\r\n                  <div className={classMap.actions}>\r\n                    {actionButtons.map((button, index) =>\r\n                      useIconButtons && button.icon ? (\r\n                        <button.iconButtonComponent\r\n                          key={index}\r\n                          icon={button.icon}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"clear\"}\r\n                          state={button.state || \"\"}\r\n                          aria-label={button.label}\r\n                          size={button.size || size}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                        />\r\n                      ) : (\r\n                        <button.buttonComponent\r\n                          key={index}\r\n                          onClick={button.onClick}\r\n                          className={classMap.action_button}\r\n                          theme={button.theme || \"secondary\"}\r\n                          state={button.state || \"\"}\r\n                          href={button.href}\r\n                          loading={button.loading}\r\n                          size={button.size || size}\r\n                        >\r\n                          {button.label}\r\n                        </button.buttonComponent>\r\n                      )\r\n                    )}\r\n                  </div>\r\n                )}\r\n                {renderFooter && renderFooter()}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nCardBase.displayName = \"CardBase\";\r\n\r\nexport default CardBase;\r\n","import React from \"react\";\r\nimport CardBase from \"../CardBase\";\r\nimport \"./Card.scss\";\r\nimport { Button, IconButton, Skeleton } from \"../../../index.core\";\r\nimport { CardProps } from \"../Card.types\";\r\n\r\nconst classes = {\r\n  card: \"card\",\r\n\r\n  left: \"card_left\",\r\n  right: \"card_right\",\r\n  center: \"card_center\",\r\n\r\n  primary: \"card_primary\",\r\n  secondary: \"card_secondary\",\r\n  tertiary: \"card_tertiary\",\r\n  quaternary: \"card_quaternary\",\r\n\r\n  success: \"card_success\",\r\n  warning: \"card_warning\",\r\n  error: \"card_error\",\r\n\r\n  clear: \"card_clear\",\r\n\r\n  outline: \"card_outline\",\r\n  loading: \"card_loading\",\r\n\r\n  content: \"card_content\",\r\n\r\n  xs: \"card_xs\",\r\n  small: \"card_small\",\r\n  medium: \"card_medium\",\r\n  large: \"card_large\",\r\n  xl: \"card_xl\",\r\n\r\n  shadowNone: \"card_shadow-None\",\r\n  shadowLight: \"card_shadow-Light\",\r\n  shadowMedium: \"card_shadow-Medium\",\r\n  shadowStrong: \"card_shadow-Strong\",\r\n  shadowIntense: \"card_shadow-Intense\",\r\n\r\n  roundNone: \"card_round-None\",\r\n  roundSmall: \"card_round-Small\",\r\n  roundMedium: \"card_round-Medium\",\r\n  roundLarge: \"card_round-Large\",\r\n\r\n  vertical: \"card_vertical\",\r\n  horizontal: \"card_horizontal\",\r\n\r\n  image: \"card_image\",\r\n  header: \"card_header\",\r\n  title: \"card_title\",\r\n  icon: \"card_icon\",\r\n  body: \"card_body\",\r\n  description: \"card_description\",\r\n  children: \"card_children\",\r\n  footer: \"card_footer\",\r\n  actions: \"card_actions\",\r\n  action_button: \"card_action_button\",\r\n};\r\n\r\nconst Card: React.FC<CardProps> = (props) => {\r\n  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({\r\n    ...b,\r\n    buttonComponent: Button,\r\n    iconButtonComponent: IconButton,\r\n  }));\r\n\r\n  return (\r\n    <CardBase\r\n      {...props}\r\n      actionButtons={wrappedButtons}\r\n      classMap={classes}\r\n      SkeletonComponent={Skeleton}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Card;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useId","jsx","useMemo","combineClassNames","capitalize","jsxs","Fragment","Button","IconButton","Skeleton"],"mappings":"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"}

package/dist/core/Card.cjs.js

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

package/dist/core/Card.js

@@ -1,4 +1,4 @@
-import { C } from "./Card-BRExeyNd.js";
+import { C } from "./Card-Bagax-bx.js";
 export {
   C as default
 };

package/dist/core/{Chip-C6sk2qAd.cjs → Chip-C8spwPgH.cjs}

@@ -6,7 +6,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 const CloseIcon = require("./CloseIcon-DSnN6ggf.cjs");
-const IconButton = require("./IconButton-D_W4nsPZ.cjs");
+const IconButton = require("./IconButton-Bjjlbqiq.cjs");
 const ChipBase = ({
   id,
   message,
@@ -157,4 +157,4 @@ const Chip = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 exports.Chip = Chip;
-//# sourceMappingURL=Chip-C6sk2qAd.cjs.map
+//# sourceMappingURL=Chip-C8spwPgH.cjs.map

package/dist/core/{Chip-C6sk2qAd.cjs.map → Chip-C8spwPgH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-C6sk2qAd.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/core/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const isAssertive = state === \"error\" || state === \"warning\";\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","import React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport \"./Chip.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst classes = {\r\n  chip: \"chip\",\r\n  icon: \"chip_icon\",\r\n  inner_icon: \"chip_icon_inner\",\r\n  message: \"chip_message\",\r\n  close: \"chip_close\",\r\n  relative: \"chip_relative\",\r\n  fixed: \"chip_fixed\",\r\n  fadeout: \"chip_fadeout\",\r\n\r\n  topCenter: \"chip_top_center\",\r\n  bottomCenter: \"chip_bottom_center\",\r\n  topLeft: \"chip_top_left\",\r\n  topRight: \"chip_top_right\",\r\n  bottomLeft: \"chip_bottom_left\",\r\n  bottomRight: \"chip_bottom_right\",\r\n\r\n  primary: \"chip_primary\",\r\n  secondary: \"chip_secondary\",\r\n  tertiary: \"chip_tertiary\",\r\n  quaternary: \"chip_quaternary\",\r\n\r\n  success: \"chip_success\",\r\n  error: \"chip_error\",\r\n  warning: \"chip_warning\",\r\n\r\n  clear: \"chip_clear\",\r\n\r\n  xs: \"chip_xs\",\r\n  small: \"chip_small\",\r\n  medium: \"chip_medium\",\r\n  large: \"chip_large\",\r\n  xl: \"chip_xl\",\r\n\r\n  shadowNone: \"chip_shadow-None\",\r\n  shadowLight: \"chip_shadow-Light\",\r\n  shadowMedium: \"chip_shadow-Medium\",\r\n  shadowStrong: \"chip_shadow-Strong\",\r\n  shadowIntense: \"chip_shadow-Intense\",\r\n\r\n  roundNone: \"chip_round-None\",\r\n  roundSmall: \"chip_round-Small\",\r\n  roundMedium: \"chip_round-Medium\",\r\n  roundLarge: \"chip_round-Large\",\r\n};\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={classes}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":"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"}
+{"version":3,"file":"Chip-C8spwPgH.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/core/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const isAssertive = state === \"error\" || state === \"warning\";\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","import React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport \"./Chip.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst classes = {\r\n  chip: \"chip\",\r\n  icon: \"chip_icon\",\r\n  inner_icon: \"chip_icon_inner\",\r\n  message: \"chip_message\",\r\n  close: \"chip_close\",\r\n  relative: \"chip_relative\",\r\n  fixed: \"chip_fixed\",\r\n  fadeout: \"chip_fadeout\",\r\n\r\n  topCenter: \"chip_top_center\",\r\n  bottomCenter: \"chip_bottom_center\",\r\n  topLeft: \"chip_top_left\",\r\n  topRight: \"chip_top_right\",\r\n  bottomLeft: \"chip_bottom_left\",\r\n  bottomRight: \"chip_bottom_right\",\r\n\r\n  primary: \"chip_primary\",\r\n  secondary: \"chip_secondary\",\r\n  tertiary: \"chip_tertiary\",\r\n  quaternary: \"chip_quaternary\",\r\n\r\n  success: \"chip_success\",\r\n  error: \"chip_error\",\r\n  warning: \"chip_warning\",\r\n\r\n  clear: \"chip_clear\",\r\n\r\n  xs: \"chip_xs\",\r\n  small: \"chip_small\",\r\n  medium: \"chip_medium\",\r\n  large: \"chip_large\",\r\n  xl: \"chip_xl\",\r\n\r\n  shadowNone: \"chip_shadow-None\",\r\n  shadowLight: \"chip_shadow-Light\",\r\n  shadowMedium: \"chip_shadow-Medium\",\r\n  shadowStrong: \"chip_shadow-Strong\",\r\n  shadowIntense: \"chip_shadow-Intense\",\r\n\r\n  roundNone: \"chip_round-None\",\r\n  roundSmall: \"chip_round-Small\",\r\n  roundMedium: \"chip_round-Medium\",\r\n  roundLarge: \"chip_round-Large\",\r\n};\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={classes}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":";;;;;;;;;AAYA,MAAM,WAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAOA,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAWC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5C,QAAM,cAAcC,MAAAA,YAAY,MAAM;AACpC,eAAW,IAAI;AACf,eAAW,MAAM,sCAAa,GAAG;AAAA,EACnC,GAAG,CAAC,OAAO,CAAC;AAEZC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,YAAM,QAAQ,WAAW,MAAM,YAAA,GAAe,QAAQ;AACtD,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,SAAS,WAAW,CAAC;AAE9CA,QAAAA,UAAU,MAAM;AACd,QAAI,oBAAoB,KAAK;AAAA,EAC/B,GAAG,CAAC,OAAO,CAAC;AAEZA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,CAAC,MAAgC;AAC7C,UAAI,EAAE,QAAQ,SAAU,aAAA;AAAA,IAC1B;AACA,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM,OAAO,oBAAoB,WAAW,KAAK;AAAA,EAC1D,GAAG,CAAC,SAAS,WAAW,CAAC;AAEzB,MAAI,CAAC,WAAW,CAAC,QAAS,QAAO;AAEjC,QAAM,gBAAgBC,WAAAA;AAAAA,IACpB,SAAS;AAAA,IACT,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,SAAS,IAAI;AAAA,IACb,SAAS,QAAQ;AAAA,IACjB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACnD,WAAW,SAAS;AAAA,IACpB,aAAa,SAAS;AAAA,IACtB;AAAA,EAAA;AAKF,QAAM,WACJ,OAAO,WAAW,cACd,SAAS,eAAe,eAAe,IACvC;AAEN,QAAM,cACJC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,eAAa;AAAA,MACb,OAAO,cAAc,OAAO,EAAE,QAAQ,eAAe;AAAA,MAEpD,UAAA;AAAA,QAAA,QACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAEtB,UAAAA,2BAAAA,IAAC,MAAA,EAAK,WAAW,SAAS,WAAA,CAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1CA,2BAAAA,IAAC,UAAK,WAAW,SAAS,SAAS,IAAI,GAAG,MAAM,YAC7C,UAAA,QAAA,CACH;AAAA,QAEAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMP;AAAA,YACN;AAAA,YACA,OAAM;AAAA,YACN,WAAU;AAAA,YACV,iBAAe,GAAG,MAAM;AAAA,YACxB,WAAW,SAAS;AAAA,YACpB,SAAS;AAAA,YACT,QAAO;AAAA,YACP,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,IA/BK;AAAA,EAAA;AAmCT,MAAI,aAAa,UAAU;AACzB,WAAOQ,SAAAA,aAAa,aAAa,QAAQ;AAAA,EAC3C;AAEA,SAAO;AACT;AAEA,SAAS,cAAc;ACxHvB,MAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EAET,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EAEb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,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;AAEA,MAAM,OAA4B,CAAC,UACjCD,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAG;AAAA,IACJ,UAAU;AAAA,IACV,qBAAqBE,WAAAA;AAAAA,IACrB,WAAWT,UAAAA;AAAAA,EAAA;AACb;;"}

package/dist/core/{Chip-ByR2AKjl.js → Chip-DxwLK-G6.js}

@@ -5,7 +5,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
 import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
-import { I as IconButton } from "./IconButton-B9WWbeSM.js";
+import { I as IconButton } from "./IconButton-DgfUCfo9.js";
 const ChipBase = ({
   id,
   message,
@@ -158,4 +158,4 @@ const Chip = (props) => /* @__PURE__ */ jsx(
 export {
   Chip as C
 };
-//# sourceMappingURL=Chip-ByR2AKjl.js.map
+//# sourceMappingURL=Chip-DxwLK-G6.js.map

package/dist/core/{Chip-ByR2AKjl.js.map → Chip-DxwLK-G6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Chip-ByR2AKjl.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/core/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const isAssertive = state === \"error\" || state === \"warning\";\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","import React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport \"./Chip.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst classes = {\r\n  chip: \"chip\",\r\n  icon: \"chip_icon\",\r\n  inner_icon: \"chip_icon_inner\",\r\n  message: \"chip_message\",\r\n  close: \"chip_close\",\r\n  relative: \"chip_relative\",\r\n  fixed: \"chip_fixed\",\r\n  fadeout: \"chip_fadeout\",\r\n\r\n  topCenter: \"chip_top_center\",\r\n  bottomCenter: \"chip_bottom_center\",\r\n  topLeft: \"chip_top_left\",\r\n  topRight: \"chip_top_right\",\r\n  bottomLeft: \"chip_bottom_left\",\r\n  bottomRight: \"chip_bottom_right\",\r\n\r\n  primary: \"chip_primary\",\r\n  secondary: \"chip_secondary\",\r\n  tertiary: \"chip_tertiary\",\r\n  quaternary: \"chip_quaternary\",\r\n\r\n  success: \"chip_success\",\r\n  error: \"chip_error\",\r\n  warning: \"chip_warning\",\r\n\r\n  clear: \"chip_clear\",\r\n\r\n  xs: \"chip_xs\",\r\n  small: \"chip_small\",\r\n  medium: \"chip_medium\",\r\n  large: \"chip_large\",\r\n  xl: \"chip_xl\",\r\n\r\n  shadowNone: \"chip_shadow-None\",\r\n  shadowLight: \"chip_shadow-Light\",\r\n  shadowMedium: \"chip_shadow-Medium\",\r\n  shadowStrong: \"chip_shadow-Strong\",\r\n  shadowIntense: \"chip_shadow-Intense\",\r\n\r\n  roundNone: \"chip_round-None\",\r\n  roundSmall: \"chip_round-Small\",\r\n  roundMedium: \"chip_round-Medium\",\r\n  roundLarge: \"chip_round-Large\",\r\n};\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={classes}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["CloseIcon"],"mappings":"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"}
+{"version":3,"file":"Chip-DxwLK-G6.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/core/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  stackIndex,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  useEffect(() => {\r\n    if (visible) setClosing(false);\r\n  }, [visible]);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: globalThis.KeyboardEvent) => {\r\n      if (e.key === \"Escape\") handleClose();\r\n    };\r\n    window.addEventListener(\"keydown\", onKey);\r\n    return () => window.removeEventListener(\"keydown\", onKey);\r\n  }, [visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const isAssertive = state === \"error\" || state === \"warning\";\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"alert\"\r\n      aria-live=\"assertive\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n      style={stackIndex != null ? { zIndex: stackIndex } : undefined}\r\n    >\r\n      {Icon && (\r\n        <span\r\n          className={classMap.icon}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        shadow=\"none\"\r\n        data-testid={`${testId}-chip-close`}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nChipBase.displayName = \"ChipBase\";\r\nexport default ChipBase;\r\n","import React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport \"./Chip.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst classes = {\r\n  chip: \"chip\",\r\n  icon: \"chip_icon\",\r\n  inner_icon: \"chip_icon_inner\",\r\n  message: \"chip_message\",\r\n  close: \"chip_close\",\r\n  relative: \"chip_relative\",\r\n  fixed: \"chip_fixed\",\r\n  fadeout: \"chip_fadeout\",\r\n\r\n  topCenter: \"chip_top_center\",\r\n  bottomCenter: \"chip_bottom_center\",\r\n  topLeft: \"chip_top_left\",\r\n  topRight: \"chip_top_right\",\r\n  bottomLeft: \"chip_bottom_left\",\r\n  bottomRight: \"chip_bottom_right\",\r\n\r\n  primary: \"chip_primary\",\r\n  secondary: \"chip_secondary\",\r\n  tertiary: \"chip_tertiary\",\r\n  quaternary: \"chip_quaternary\",\r\n\r\n  success: \"chip_success\",\r\n  error: \"chip_error\",\r\n  warning: \"chip_warning\",\r\n\r\n  clear: \"chip_clear\",\r\n\r\n  xs: \"chip_xs\",\r\n  small: \"chip_small\",\r\n  medium: \"chip_medium\",\r\n  large: \"chip_large\",\r\n  xl: \"chip_xl\",\r\n\r\n  shadowNone: \"chip_shadow-None\",\r\n  shadowLight: \"chip_shadow-Light\",\r\n  shadowMedium: \"chip_shadow-Medium\",\r\n  shadowStrong: \"chip_shadow-Strong\",\r\n  shadowIntense: \"chip_shadow-Intense\",\r\n\r\n  roundNone: \"chip_round-None\",\r\n  roundSmall: \"chip_round-Small\",\r\n  roundMedium: \"chip_round-Medium\",\r\n  roundLarge: \"chip_round-Large\",\r\n};\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={classes}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["CloseIcon"],"mappings":"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"}

package/dist/core/Chip.cjs.js

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

package/dist/core/Chip.js

@@ -1,4 +1,4 @@
-import { C } from "./Chip-ByR2AKjl.js";
+import { C } from "./Chip-DxwLK-G6.js";
 export {
   C as default
 };

package/dist/core/{CommandPalette-KcMGDC0i.js → CommandPalette-Dmy5lWzv.js}

@@ -4,7 +4,7 @@ import ReactDOM from "react-dom";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, d as getDefaultTheme, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-import { T as TextInput } from "./TextInput-C8mNE1R4.js";
+import { T as TextInput } from "./TextInput-DQPZXEA2.js";
 const CommandPaletteBase = ({
   commands,
   placeholder = "Search...",
@@ -263,4 +263,4 @@ const CommandPalette = (props) => /* @__PURE__ */ jsx(
 export {
   CommandPalette as C
 };
-//# sourceMappingURL=CommandPalette-KcMGDC0i.js.map
+//# sourceMappingURL=CommandPalette-Dmy5lWzv.js.map

package/dist/core/{CommandPalette-KcMGDC0i.js.map → CommandPalette-Dmy5lWzv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette-KcMGDC0i.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/core/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.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 interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","import React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport \"./CommandPalette.scss\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst classes = {\r\n  overlay: \"command_palette_overlay\",\r\n  command_palette: \"command_palette\",\r\n  input: \"command_palette_input\",\r\n  list: \"command_palette_list\",\r\n  item: \"command_palette_item\",\r\n  icon: \"command_palette_icon\",\r\n  active: \"command_palette_active\",\r\n  empty: \"command_palette_empty\",\r\n\r\n  primary: \"command_palette_primary\",\r\n  secondary: \"command_palette_secondary\",\r\n  tertiary: \"command_palette_tertiary\",\r\n  quaternary: \"command_palette_quaternary\",\r\n\r\n  success: \"command_palette_success\",\r\n  error: \"command_palette_error\",\r\n  warning: \"command_palette_warning\",\r\n\r\n  clear: \"command_palette_clear\",\r\n\r\n  shadowNone: \"command_palette_shadow-None\",\r\n  shadowLight: \"command_palette_shadow-Light\",\r\n  shadowMedium: \"command_palette_shadow-Medium\",\r\n  shadowStrong: \"command_palette_shadow-Strong\",\r\n  shadowIntense: \"command_palette_shadow-Intense\",\r\n\r\n  roundNone: \"command_palette_round-None\",\r\n  roundSmall: \"command_palette_round-Small\",\r\n  roundMedium: \"command_palette_round-Medium\",\r\n  roundLarge: \"command_palette_round-Large\",\r\n};\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={classes}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommandPalette-Dmy5lWzv.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/core/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.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 interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","import React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport \"./CommandPalette.scss\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst classes = {\r\n  overlay: \"command_palette_overlay\",\r\n  command_palette: \"command_palette\",\r\n  input: \"command_palette_input\",\r\n  list: \"command_palette_list\",\r\n  item: \"command_palette_item\",\r\n  icon: \"command_palette_icon\",\r\n  active: \"command_palette_active\",\r\n  empty: \"command_palette_empty\",\r\n\r\n  primary: \"command_palette_primary\",\r\n  secondary: \"command_palette_secondary\",\r\n  tertiary: \"command_palette_tertiary\",\r\n  quaternary: \"command_palette_quaternary\",\r\n\r\n  success: \"command_palette_success\",\r\n  error: \"command_palette_error\",\r\n  warning: \"command_palette_warning\",\r\n\r\n  clear: \"command_palette_clear\",\r\n\r\n  shadowNone: \"command_palette_shadow-None\",\r\n  shadowLight: \"command_palette_shadow-Light\",\r\n  shadowMedium: \"command_palette_shadow-Medium\",\r\n  shadowStrong: \"command_palette_shadow-Strong\",\r\n  shadowIntense: \"command_palette_shadow-Intense\",\r\n\r\n  roundNone: \"command_palette_round-None\",\r\n  roundSmall: \"command_palette_round-Small\",\r\n  roundMedium: \"command_palette_round-Medium\",\r\n  roundLarge: \"command_palette_round-Large\",\r\n};\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={classes}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}

package/dist/core/{CommandPalette-IOV8q6GZ.cjs → CommandPalette-SxHF3-VM.cjs}

@@ -5,7 +5,7 @@ const ReactDOM = require("react-dom");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const TextInput = require("./TextInput-B03e-LMT.cjs");
+const TextInput = require("./TextInput-5Bpg7Tdt.cjs");
 const CommandPaletteBase = ({
   commands,
   placeholder = "Search...",
@@ -262,4 +262,4 @@ const CommandPalette = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=CommandPalette-IOV8q6GZ.cjs.map
+//# sourceMappingURL=CommandPalette-SxHF3-VM.cjs.map

package/dist/core/{CommandPalette-IOV8q6GZ.cjs.map → CommandPalette-SxHF3-VM.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette-IOV8q6GZ.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/core/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.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 interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","import React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport \"./CommandPalette.scss\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst classes = {\r\n  overlay: \"command_palette_overlay\",\r\n  command_palette: \"command_palette\",\r\n  input: \"command_palette_input\",\r\n  list: \"command_palette_list\",\r\n  item: \"command_palette_item\",\r\n  icon: \"command_palette_icon\",\r\n  active: \"command_palette_active\",\r\n  empty: \"command_palette_empty\",\r\n\r\n  primary: \"command_palette_primary\",\r\n  secondary: \"command_palette_secondary\",\r\n  tertiary: \"command_palette_tertiary\",\r\n  quaternary: \"command_palette_quaternary\",\r\n\r\n  success: \"command_palette_success\",\r\n  error: \"command_palette_error\",\r\n  warning: \"command_palette_warning\",\r\n\r\n  clear: \"command_palette_clear\",\r\n\r\n  shadowNone: \"command_palette_shadow-None\",\r\n  shadowLight: \"command_palette_shadow-Light\",\r\n  shadowMedium: \"command_palette_shadow-Medium\",\r\n  shadowStrong: \"command_palette_shadow-Strong\",\r\n  shadowIntense: \"command_palette_shadow-Intense\",\r\n\r\n  roundNone: \"command_palette_round-None\",\r\n  roundSmall: \"command_palette_round-Small\",\r\n  roundMedium: \"command_palette_round-Medium\",\r\n  roundLarge: \"command_palette_round-Large\",\r\n};\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={classes}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}
+{"version":3,"file":"CommandPalette-SxHF3-VM.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/core/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.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 interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (activeIndex < 0 || activeIndex >= filtered.length) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(q)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    prevFocusRef.current = (document.activeElement as HTMLElement) ?? null;\r\n\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(-1);\r\n      setMounted(false);\r\n      prevFocusRef.current?.focus?.();\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0 && filtered[activeIndex]) {\r\n          filtered[activeIndex].action();\r\n          onClose();\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") onClose();\r\n    },\r\n    [onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const listId = `${testId}-list`;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        onKeyDown={handleContainerKeyDown}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={filtered.length > 0}\r\n          aria-controls={listId}\r\n          aria-activedescendant={\r\n            activeIndex >= 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id={listId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n          aria-busy={isLoading || undefined}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={`${cmd.label}-${index}`}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\r\nexport default CommandPaletteBase;\r\n","import React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport \"./CommandPalette.scss\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst classes = {\r\n  overlay: \"command_palette_overlay\",\r\n  command_palette: \"command_palette\",\r\n  input: \"command_palette_input\",\r\n  list: \"command_palette_list\",\r\n  item: \"command_palette_item\",\r\n  icon: \"command_palette_icon\",\r\n  active: \"command_palette_active\",\r\n  empty: \"command_palette_empty\",\r\n\r\n  primary: \"command_palette_primary\",\r\n  secondary: \"command_palette_secondary\",\r\n  tertiary: \"command_palette_tertiary\",\r\n  quaternary: \"command_palette_quaternary\",\r\n\r\n  success: \"command_palette_success\",\r\n  error: \"command_palette_error\",\r\n  warning: \"command_palette_warning\",\r\n\r\n  clear: \"command_palette_clear\",\r\n\r\n  shadowNone: \"command_palette_shadow-None\",\r\n  shadowLight: \"command_palette_shadow-Light\",\r\n  shadowMedium: \"command_palette_shadow-Medium\",\r\n  shadowStrong: \"command_palette_shadow-Strong\",\r\n  shadowIntense: \"command_palette_shadow-Intense\",\r\n\r\n  roundNone: \"command_palette_round-None\",\r\n  roundSmall: \"command_palette_round-Small\",\r\n  roundMedium: \"command_palette_round-Medium\",\r\n  roundLarge: \"command_palette_round-Large\",\r\n};\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={classes}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}

package/dist/core/CommandPalette.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const CommandPalette = require("./CommandPalette-IOV8q6GZ.cjs");
+const CommandPalette = require("./CommandPalette-SxHF3-VM.cjs");
 module.exports = CommandPalette.CommandPalette;
 //# sourceMappingURL=CommandPalette.cjs.js.map

package/dist/core/CommandPalette.js

@@ -1,4 +1,4 @@
-import { C } from "./CommandPalette-KcMGDC0i.js";
+import { C } from "./CommandPalette-Dmy5lWzv.js";
 export {
   C as default
 };

package/dist/core/{Dropdown-CJo6T9__.cjs → Dropdown-Dlo--tIl.cjs}

@@ -5,7 +5,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 ;/* empty css                   */
-const IconButton = require("./IconButton-D_W4nsPZ.cjs");
+const IconButton = require("./IconButton-Bjjlbqiq.cjs");
 const MenuIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -276,4 +276,4 @@ const Dropdown = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown, { ...props, IconButton: IconButton.IconButton, classMap: classes });
 };
 exports.Dropdown = Dropdown;
-//# sourceMappingURL=Dropdown-CJo6T9__.cjs.map
+//# sourceMappingURL=Dropdown-Dlo--tIl.cjs.map