boreal-ui 0.0.1

package/dist/core/Breadcrumbs-xmUgcTXF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-xmUgcTXF.cjs","sources":["../../src/components/Breadcrumbs/Breadcrumbs.types.ts","../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/core/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n  RoundingType,\r\n  ShadowType,\r\n  SizeType,\r\n  StateType,\r\n  ThemeType,\r\n} from \"@/types/types\";\r\n\r\n/**\r\n * A breadcrumb item used to define a single step in the navigation path.\r\n */\r\nexport interface Breadcrumb {\r\n  /**\r\n   * The display label for the breadcrumb.\r\n   */\r\n  label: string;\r\n\r\n  /**\r\n   * Optional URL the breadcrumb should link to.\r\n   * If not provided, it is rendered as plain text.\r\n   */\r\n  href?: string;\r\n}\r\n\r\n/**\r\n * Props for the Breadcrumbs component.\r\n */\r\nexport interface BreadcrumbsProps {\r\n  /**\r\n   * An array of breadcrumb items.\r\n   */\r\n  items: Breadcrumb[];\r\n\r\n  /**\r\n   * Disables interaction and styles as disabled.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional custom separator node between breadcrumb items.\r\n   * Defaults to a right chevron icon.\r\n   */\r\n  separator?: React.ReactNode;\r\n\r\n  /**\r\n   * Theme style to apply to the breadcrumbs\r\n   * ('primary' | 'secondary' | 'tertiary' | 'quaternary' | 'clear').\r\n   */\r\n  theme?: ThemeType;\r\n\r\n  /**\r\n   * Rounding style to apply to the breadcrumbs\r\n   * ('none' | 'small' | 'medium' | 'large' | 'full').\r\n   */\r\n  rounding?: RoundingType;\r\n\r\n  /**\r\n   * Shadow style to apply to the breadcrumbs\r\n   * ('none' | 'light' | 'medium' | 'strong' | 'intense').\r\n   */\r\n  shadow?: ShadowType;\r\n\r\n  /**\r\n   * State of the breadcrumbs\r\n   * ('success' | 'error' | 'warning' | 'disabled' | '').\r\n   * Used for visual feedback.\r\n   */\r\n  state?: StateType;\r\n\r\n  /**\r\n   * Size of the breadcrumbs\r\n   * ('xs' | 'small' | 'medium' | 'large' | 'xl').\r\n   */\r\n  size?: SizeType;\r\n\r\n  /**\r\n   * Additional class name for custom styling.\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Whether to use the outline style.\r\n   */\r\n  outline?: boolean;\r\n\r\n  /**\r\n   * Maximum number of visible items before collapsing into an ellipsis.\r\n   */\r\n  maxVisible?: number;\r\n\r\n  /**\r\n   * Optional test ID for testing frameworks.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * Label used to represent collapsed breadcrumb items.\r\n */\r\nexport const ELLIPSIS_LABEL = \"…\";\r\n","import React, { useMemo, useState } from \"react\";\r\nimport {\r\n  Breadcrumb,\r\n  BreadcrumbsProps,\r\n  ELLIPSIS_LABEL,\r\n} from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BreadcrumbsBaseProps extends BreadcrumbsProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n  ButtonComponent: React.ElementType;\r\n}\r\n\r\nexport const BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n  items,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  separator,\r\n  classMap,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  className = \"\",\r\n  maxVisible,\r\n  LinkComponent = \"a\",\r\n  ButtonComponent,\r\n  \"data-testid\": testId,\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const handleExpand = () => setIsExpanded(true);\r\n\r\n  const visibleItems: Breadcrumb[] = useMemo(() => {\r\n    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n    const first = items[0];\r\n    const lastItems = items.slice(items.length - (maxVisible - 2));\r\n    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n  }, [items, isExpanded, maxVisible]);\r\n\r\n  const breadcrumbsClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.breadcrumbs,\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        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [theme, size, outline, className]\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Breadcrumb\"\r\n      data-testid={testId ? `${testId}-nav-container` : undefined}\r\n      className={breadcrumbsClass}\r\n      itemScope\r\n      role=\"navigation\"\r\n      itemType=\"https://schema.org/BreadcrumbList\"\r\n    >\r\n      <ol\r\n        className={classMap.list}\r\n        data-testid={testId ? `${testId}-nav-list` : undefined}\r\n      >\r\n        {visibleItems.map((item, index) => {\r\n          const isLast = index === visibleItems.length - 1;\r\n          const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n\r\n          const itemClassName = combineClassNames(\r\n            classMap.item,\r\n            isExpanded && !isEllipsis && classMap.item_animate,\r\n            isLast && classMap.item_active\r\n          );\r\n\r\n          return (\r\n            <li\r\n              data-testid={testId ? `${testId}-nav-item` : undefined}\r\n              key={`${item.label}-${item.href ?? index}`}\r\n              className={itemClassName}\r\n              itemProp=\"itemListElement\"\r\n              itemScope\r\n              itemType=\"https://schema.org/ListItem\"\r\n              aria-current={isLast ? \"page\" : undefined}\r\n            >\r\n              {isEllipsis ? (\r\n                <ButtonComponent\r\n                  theme=\"clear\"\r\n                  size=\"small\"\r\n                  className={classMap.ellipsis}\r\n                  aria-label=\"Show more breadcrumbs\"\r\n                  onClick={handleExpand}\r\n                  tabIndex={0}\r\n                  data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n                >\r\n                  {item.label}\r\n                </ButtonComponent>\r\n              ) : item.href && !isLast ? (\r\n                <LinkComponent\r\n                  href={item.href}\r\n                  itemProp=\"item\"\r\n                  className={classMap.link}\r\n                  title={item.label}\r\n                  data-testid={testId ? `${testId}-nav-item-label` : undefined}\r\n                >\r\n                  <span itemProp=\"name\" className={classMap.link_label}>\r\n                    {item.label}\r\n                  </span>\r\n                </LinkComponent>\r\n              ) : (\r\n                <span\r\n                  className={classMap.current}\r\n                  itemProp=\"name\"\r\n                  aria-current=\"page\"\r\n                  data-testid={\r\n                    testId ? `${testId}-nav-item-current` : undefined\r\n                  }\r\n                >\r\n                  {item.label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className={classMap.separator} aria-hidden=\"true\">\r\n                  {separator ?? <ArrowRightIcon />}\r\n                </span>\r\n              )}\r\n              <meta itemProp=\"position\" content={`${index + 1}`} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","import React from \"react\";\r\nimport \"./Breadcrumbs.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.core\";\r\n\r\nconst classes = {\r\n  breadcrumbs: \"breadcrumbs\",\r\n\r\n  primary: \"breadcrumbs_primary\",\r\n  secondary: \"breadcrumbs_secondary\",\r\n  tertiary: \"breadcrumbs_tertiary\",\r\n  quaternary: \"breadcrumbs_quaternary\",\r\n\r\n  success: \"breadcrumbs_success\",\r\n  warning: \"breadcrumbs_warning\",\r\n  error: \"breadcrumbs_error\",\r\n\r\n  clear: \"breadcrumbs_clear\",\r\n\r\n  outline: \"breadcrumbs_outline\",\r\n  disabled: \"breadcrumbs_disabled\",\r\n\r\n  shadowNone: \"breadcrumbs_shadow-None\",\r\n  shadowLight: \"breadcrumbs_shadow-Light\",\r\n  shadowMedium: \"breadcrumbs_shadow-Medium\",\r\n  shadowStrong: \"breadcrumbs_shadow-Strong\",\r\n  shadowIntense: \"breadcrumbs_shadow-Intense\",\r\n\r\n  roundNone: \"breadcrumbs_round-None\",\r\n  roundSmall: \"breadcrumbs_round-Small\",\r\n  roundMedium: \"breadcrumbs_round-Medium\",\r\n  roundLarge: \"breadcrumbs_round-Large\",\r\n\r\n  xs: \"breadcrumbs_xs\",\r\n  small: \"breadcrumbs_small\",\r\n  medium: \"breadcrumbs_medium\",\r\n  large: \"breadcrumbs_large\",\r\n  xl: \"breadcrumbs_xl\",\r\n\r\n  list: \"breadcrumbs_list\",\r\n  item: \"breadcrumbs_item\",\r\n  item_animate: \"breadcrumbs_item_animate\",\r\n  item_active: \"breadcrumbs_item_active\",\r\n  ellipsis: \"breadcrumbs_ellipsis\",\r\n  link: \"breadcrumbs_link\",\r\n  link_label: \"breadcrumbs_link_label\",\r\n  current: \"breadcrumbs_current\",\r\n  separator: \"breadcrumbs_separator\",\r\n  separator_icon: \"breadcrumbs_separator_icon\",\r\n};\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n  return (\r\n    <BreadcrumbsBase {...props} classMap={classes} ButtonComponent={Button} />\r\n  );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useState","useMemo","combineClassNames","capitalize","jsx","jsxs","ArrowRightIcon","Button"],"mappings":"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"}

package/dist/core/Breadcrumbs.cjs.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Breadcrumbs = require("./Breadcrumbs-xmUgcTXF.cjs");
+exports.ELLIPSIS_LABEL = Breadcrumbs.ELLIPSIS_LABEL;
+exports.default = Breadcrumbs.Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.cjs.js.map

package/dist/core/Breadcrumbs.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/core/Breadcrumbs.js

@@ -0,0 +1,6 @@
+import { E, B } from "./Breadcrumbs-DhioJUB9.js";
+export {
+  E as ELLIPSIS_LABEL,
+  B as default
+};
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/core/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/core/Button-DEYbr8xW.js

@@ -0,0 +1,155 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+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";
+const ButtonBase = forwardRef(
+  ({
+    icon: Icon,
+    theme = getDefaultTheme(),
+    state = "",
+    onClick,
+    type = "button",
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    children,
+    className = "",
+    disabled = false,
+    ariaLabel,
+    href,
+    isExternal = false,
+    outline = false,
+    size = getDefaultSize(),
+    loading = false,
+    fullWidth = false,
+    "data-testid": testId,
+    classMap,
+    LinkComponent = "a",
+    ...rest
+  }, ref) => {
+    const computedAriaLabel = ariaLabel || (typeof children === "string" ? children : "Button");
+    const combinedClassName = useMemo(
+      () => combineClassNames(
+        classMap.button,
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        outline && classMap.outline,
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        fullWidth && classMap.fullWidth,
+        disabled && classMap.disabled,
+        className
+      ),
+      [theme, outline, size, fullWidth, disabled, className]
+    );
+    const sharedProps = {
+      "aria-label": computedAriaLabel,
+      "aria-busy": loading || void 0,
+      "aria-disabled": disabled || void 0,
+      "data-testid": testId,
+      tabIndex: disabled ? -1 : 0,
+      onClick: disabled ? void 0 : onClick
+    };
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      Icon && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.buttonIcon,
+          "aria-hidden": "true",
+          "data-testid": testId ? `${testId}-icon` : void 0,
+          children: /* @__PURE__ */ jsx(Icon, { className: classMap.icon })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classMap.buttonLabel,
+          "data-testid": testId ? `${testId}-loading` : void 0,
+          children: loading ? /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }) : children
+        }
+      )
+    ] });
+    if (href && isExternal) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          role: "button",
+          className: combineClassNames(combinedClassName, classMap.link),
+          ref,
+          ...sharedProps,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    if (href && !isExternal) {
+      return /* @__PURE__ */ jsx(
+        LinkComponent,
+        {
+          href,
+          role: "button",
+          className: combineClassNames(combinedClassName, classMap.link),
+          ref,
+          ...sharedProps,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: combinedClassName,
+        disabled,
+        ...sharedProps,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+ButtonBase.displayName = "ButtonBase";
+const classes = {
+  button: "button",
+  icon: "button_icon",
+  buttonIcon: "button_button-icon",
+  buttonLabel: "button_label",
+  loader: "button_loader",
+  link: "button_link",
+  fullWidth: "button_full-width",
+  disabled: "button_disabled",
+  outline: "button_outline",
+  primary: "button_primary",
+  secondary: "button_secondary",
+  tertiary: "button_tertiary",
+  quaternary: "button_quaternary",
+  clear: "button_clear",
+  success: "button_success",
+  warning: "button_warning",
+  error: "button_error",
+  xs: "button_xs",
+  small: "button_small",
+  medium: "button_medium",
+  large: "button_large",
+  xl: "button_xl",
+  shadowNone: "button_shadow-None",
+  shadowLight: "button_shadow-Light",
+  shadowMedium: "button_shadow-Medium",
+  shadowStrong: "button_shadow-Strong",
+  shadowIntense: "button_shadow-Intense",
+  roundNone: "button_round-None",
+  roundSmall: "button_round-Small",
+  roundMedium: "button_round-Medium",
+  roundLarge: "button_round-Large"
+};
+const Button = (props) => /* @__PURE__ */ jsx(ButtonBase, { ...props, classMap: classes });
+export {
+  Button as B
+};
+//# sourceMappingURL=Button-DEYbr8xW.js.map

package/dist/core/Button-DEYbr8xW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-DEYbr8xW.js","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/core/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonProps } from \"./Button.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface ButtonBaseProps extends ButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst ButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  ButtonBaseProps\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      onClick,\r\n      type = \"button\",\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      children,\r\n      className = \"\",\r\n      disabled = false,\r\n      ariaLabel,\r\n      href,\r\n      isExternal = false,\r\n      outline = false,\r\n      size = getDefaultSize(),\r\n      loading = false,\r\n      fullWidth = false,\r\n      \"data-testid\": testId,\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const computedAriaLabel =\r\n      ariaLabel || (typeof children === \"string\" ? children : \"Button\");\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.button,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          outline && classMap.outline,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          fullWidth && classMap.fullWidth,\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, outline, size, fullWidth, disabled, className]\r\n    );\r\n\r\n    const sharedProps = {\r\n      \"aria-label\": computedAriaLabel,\r\n      \"aria-busy\": loading || undefined,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"data-testid\": testId,\r\n      tabIndex: disabled ? -1 : 0,\r\n      onClick: disabled ? undefined : onClick,\r\n    };\r\n\r\n    const content = (\r\n      <>\r\n        {Icon && (\r\n          <span\r\n            className={classMap.buttonIcon}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            <Icon className={classMap.icon} />\r\n          </span>\r\n        )}\r\n        <span\r\n          className={classMap.buttonLabel}\r\n          data-testid={testId ? `${testId}-loading` : undefined}\r\n        >\r\n          {loading ? (\r\n            <div className={classMap.loader} aria-hidden=\"true\" />\r\n          ) : (\r\n            children\r\n          )}\r\n        </span>\r\n      </>\r\n    );\r\n\r\n    if (href && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          role=\"button\"\r\n          className={combineClassNames(combinedClassName, classMap.link)}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedProps}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={combineClassNames(combinedClassName, classMap.link)}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedProps}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </LinkComponent>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <button\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        type={type}\r\n        className={combinedClassName}\r\n        disabled={disabled}\r\n        {...sharedProps}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","import React from \"react\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport \"./Button.scss\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst classes = {\r\n  button: \"button\",\r\n  icon: \"button_icon\",\r\n  buttonIcon: \"button_button-icon\",\r\n  buttonLabel: \"button_label\",\r\n  loader: \"button_loader\",\r\n  link: \"button_link\",\r\n\r\n  fullWidth: \"button_full-width\",\r\n  disabled: \"button_disabled\",\r\n  outline: \"button_outline\",\r\n\r\n  primary: \"button_primary\",\r\n  secondary: \"button_secondary\",\r\n  tertiary: \"button_tertiary\",\r\n  quaternary: \"button_quaternary\",\r\n  clear: \"button_clear\",\r\n\r\n  success: \"button_success\",\r\n  warning: \"button_warning\",\r\n  error: \"button_error\",\r\n\r\n  xs: \"button_xs\",\r\n  small: \"button_small\",\r\n  medium: \"button_medium\",\r\n  large: \"button_large\",\r\n  xl: \"button_xl\",\r\n\r\n  shadowNone: \"button_shadow-None\",\r\n  shadowLight: \"button_shadow-Light\",\r\n  shadowMedium: \"button_shadow-Medium\",\r\n  shadowStrong: \"button_shadow-Strong\",\r\n  shadowIntense: \"button_shadow-Intense\",\r\n\r\n  roundNone: \"button_round-None\",\r\n  roundSmall: \"button_round-Small\",\r\n  roundMedium: \"button_round-Medium\",\r\n  roundLarge: \"button_round-Large\",\r\n};\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => (\r\n  <ButtonBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Button-wz_We8xU.cjs

@@ -0,0 +1,154 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const ButtonBase = React.forwardRef(
+  ({
+    icon: Icon,
+    theme = borealStyleConfig.getDefaultTheme(),
+    state = "",
+    onClick,
+    type = "button",
+    rounding = borealStyleConfig.getDefaultRounding(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    children,
+    className = "",
+    disabled = false,
+    ariaLabel,
+    href,
+    isExternal = false,
+    outline = false,
+    size = borealStyleConfig.getDefaultSize(),
+    loading = false,
+    fullWidth = false,
+    "data-testid": testId,
+    classMap,
+    LinkComponent = "a",
+    ...rest
+  }, ref) => {
+    const computedAriaLabel = ariaLabel || (typeof children === "string" ? children : "Button");
+    const combinedClassName = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.button,
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        outline && classMap.outline,
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+        fullWidth && classMap.fullWidth,
+        disabled && classMap.disabled,
+        className
+      ),
+      [theme, outline, size, fullWidth, disabled, className]
+    );
+    const sharedProps = {
+      "aria-label": computedAriaLabel,
+      "aria-busy": loading || void 0,
+      "aria-disabled": disabled || void 0,
+      "data-testid": testId,
+      tabIndex: disabled ? -1 : 0,
+      onClick: disabled ? void 0 : onClick
+    };
+    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      Icon && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: classMap.buttonIcon,
+          "aria-hidden": "true",
+          "data-testid": testId ? `${testId}-icon` : void 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: classMap.icon })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: classMap.buttonLabel,
+          "data-testid": testId ? `${testId}-loading` : void 0,
+          children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.loader, "aria-hidden": "true" }) : children
+        }
+      )
+    ] });
+    if (href && isExternal) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          role: "button",
+          className: classNames.combineClassNames(combinedClassName, classMap.link),
+          ref,
+          ...sharedProps,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    if (href && !isExternal) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        LinkComponent,
+        {
+          href,
+          role: "button",
+          className: classNames.combineClassNames(combinedClassName, classMap.link),
+          ref,
+          ...sharedProps,
+          ...rest,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type,
+        className: combinedClassName,
+        disabled,
+        ...sharedProps,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+ButtonBase.displayName = "ButtonBase";
+const classes = {
+  button: "button",
+  icon: "button_icon",
+  buttonIcon: "button_button-icon",
+  buttonLabel: "button_label",
+  loader: "button_loader",
+  link: "button_link",
+  fullWidth: "button_full-width",
+  disabled: "button_disabled",
+  outline: "button_outline",
+  primary: "button_primary",
+  secondary: "button_secondary",
+  tertiary: "button_tertiary",
+  quaternary: "button_quaternary",
+  clear: "button_clear",
+  success: "button_success",
+  warning: "button_warning",
+  error: "button_error",
+  xs: "button_xs",
+  small: "button_small",
+  medium: "button_medium",
+  large: "button_large",
+  xl: "button_xl",
+  shadowNone: "button_shadow-None",
+  shadowLight: "button_shadow-Light",
+  shadowMedium: "button_shadow-Medium",
+  shadowStrong: "button_shadow-Strong",
+  shadowIntense: "button_shadow-Intense",
+  roundNone: "button_round-None",
+  roundSmall: "button_round-Small",
+  roundMedium: "button_round-Medium",
+  roundLarge: "button_round-Large"
+};
+const Button = (props) => /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { ...props, classMap: classes });
+exports.Button = Button;
+//# sourceMappingURL=Button-wz_We8xU.cjs.map

package/dist/core/Button-wz_We8xU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-wz_We8xU.cjs","sources":["../../src/components/Button/ButtonBase.tsx","../../src/components/Button/core/Button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { ButtonProps } from \"./Button.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface ButtonBaseProps extends ButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst ButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  ButtonBaseProps\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      onClick,\r\n      type = \"button\",\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      children,\r\n      className = \"\",\r\n      disabled = false,\r\n      ariaLabel,\r\n      href,\r\n      isExternal = false,\r\n      outline = false,\r\n      size = getDefaultSize(),\r\n      loading = false,\r\n      fullWidth = false,\r\n      \"data-testid\": testId,\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const computedAriaLabel =\r\n      ariaLabel || (typeof children === \"string\" ? children : \"Button\");\r\n\r\n    const combinedClassName = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.button,\r\n          classMap[theme],\r\n          classMap[state],\r\n          classMap[size],\r\n          outline && classMap.outline,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          fullWidth && classMap.fullWidth,\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, outline, size, fullWidth, disabled, className]\r\n    );\r\n\r\n    const sharedProps = {\r\n      \"aria-label\": computedAriaLabel,\r\n      \"aria-busy\": loading || undefined,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"data-testid\": testId,\r\n      tabIndex: disabled ? -1 : 0,\r\n      onClick: disabled ? undefined : onClick,\r\n    };\r\n\r\n    const content = (\r\n      <>\r\n        {Icon && (\r\n          <span\r\n            className={classMap.buttonIcon}\r\n            aria-hidden=\"true\"\r\n            data-testid={testId ? `${testId}-icon` : undefined}\r\n          >\r\n            <Icon className={classMap.icon} />\r\n          </span>\r\n        )}\r\n        <span\r\n          className={classMap.buttonLabel}\r\n          data-testid={testId ? `${testId}-loading` : undefined}\r\n        >\r\n          {loading ? (\r\n            <div className={classMap.loader} aria-hidden=\"true\" />\r\n          ) : (\r\n            children\r\n          )}\r\n        </span>\r\n      </>\r\n    );\r\n\r\n    if (href && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          role=\"button\"\r\n          className={combineClassNames(combinedClassName, classMap.link)}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedProps}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={combineClassNames(combinedClassName, classMap.link)}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedProps}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </LinkComponent>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <button\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        type={type}\r\n        className={combinedClassName}\r\n        disabled={disabled}\r\n        {...sharedProps}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n\r\nexport default ButtonBase;\r\n","import React from \"react\";\r\nimport ButtonBase from \"../ButtonBase\";\r\nimport \"./Button.scss\";\r\nimport { ButtonProps } from \"../Button.types\";\r\n\r\nconst classes = {\r\n  button: \"button\",\r\n  icon: \"button_icon\",\r\n  buttonIcon: \"button_button-icon\",\r\n  buttonLabel: \"button_label\",\r\n  loader: \"button_loader\",\r\n  link: \"button_link\",\r\n\r\n  fullWidth: \"button_full-width\",\r\n  disabled: \"button_disabled\",\r\n  outline: \"button_outline\",\r\n\r\n  primary: \"button_primary\",\r\n  secondary: \"button_secondary\",\r\n  tertiary: \"button_tertiary\",\r\n  quaternary: \"button_quaternary\",\r\n  clear: \"button_clear\",\r\n\r\n  success: \"button_success\",\r\n  warning: \"button_warning\",\r\n  error: \"button_error\",\r\n\r\n  xs: \"button_xs\",\r\n  small: \"button_small\",\r\n  medium: \"button_medium\",\r\n  large: \"button_large\",\r\n  xl: \"button_xl\",\r\n\r\n  shadowNone: \"button_shadow-None\",\r\n  shadowLight: \"button_shadow-Light\",\r\n  shadowMedium: \"button_shadow-Medium\",\r\n  shadowStrong: \"button_shadow-Strong\",\r\n  shadowIntense: \"button_shadow-Intense\",\r\n\r\n  roundNone: \"button_round-None\",\r\n  roundSmall: \"button_round-Small\",\r\n  roundMedium: \"button_round-Medium\",\r\n  roundLarge: \"button_round-Large\",\r\n};\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => (\r\n  <ButtonBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Button;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useMemo","combineClassNames","capitalize","jsxs","Fragment","jsx"],"mappings":"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"}

package/dist/core/Button.cjs.js

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

package/dist/core/Button.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/core/Button.js

@@ -0,0 +1,5 @@
+import { B } from "./Button-DEYbr8xW.js";
+export {
+  B as default
+};
+//# sourceMappingURL=Button.js.map

package/dist/core/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/core/Card-DCxLBwi0.cjs

@@ -0,0 +1,224 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+;/* empty css                   */
+const Button = require("./Button-wz_We8xU.cjs");
+const IconButton = require("./IconButton-BxUXK-xn.cjs");
+const Skeleton = require("./Skeleton-CeMwLgnq.cjs");
+const CardBase = ({
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  cardIcon,
+  title = "",
+  description = "",
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  imageUrl,
+  imageAlt,
+  className = "",
+  imageClassName = "",
+  headerClassName = "",
+  bodyClassName = "",
+  footerClassName = "",
+  outline = false,
+  size = borealStyleConfig.getDefaultSize(),
+  align = "center",
+  renderHeader,
+  renderContent,
+  renderFooter,
+  actionButtons = [],
+  useIconButtons = false,
+  layout = "vertical",
+  blur = false,
+  loading = false,
+  children,
+  "data-testid": testId = "card",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-label": ariaLabel,
+  classMap,
+  SkeletonComponent,
+  ImageComponent
+}) => {
+  const autoId = React.useId();
+  const headerId = ariaLabelledBy || `${autoId}-header`;
+  const descriptionId = `${autoId}-description`;
+  const hasImage = !!imageUrl;
+  const showBlur = blur && typeof imageUrl !== "string";
+  const derivedAriaLabel = ariaLabel || title || description || "Content card";
+  const FallbackImage = (props) => /* @__PURE__ */ jsxRuntime.jsx("img", { ...props });
+  const ImageRenderer = ImageComponent || FallbackImage;
+  const cardClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.card,
+      classMap[layout],
+      align && classMap[align],
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      outline && classMap.outline,
+      loading && classMap.loading,
+      className
+    ),
+    [classMap, size, outline, align, className]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-testid": testId,
+      className: cardClassName,
+      role: "region",
+      "aria-labelledby": title ? headerId : void 0,
+      "aria-label": !title ? derivedAriaLabel : void 0,
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsx(SkeletonComponent, { width: "100%", height: "250px", "data-testid": "skeleton" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.content, children: [
+        hasImage && /* @__PURE__ */ jsxRuntime.jsx(
+          ImageRenderer,
+          {
+            src: imageUrl,
+            alt: imageAlt || `${title || "Card"} image`,
+            className: classNames.combineClassNames(classMap.image, imageClassName),
+            placeholder: showBlur ? "blur" : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: classNames.combineClassNames(classMap.header, headerClassName),
+              id: headerId,
+              children: renderHeader ? renderHeader() : title ? /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: classMap.title, children: [
+                cardIcon && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: classMap.icon,
+                    "aria-hidden": "true",
+                    "data-testid": "card-icon",
+                    children: React.createElement(cardIcon)
+                  }
+                ),
+                title
+              ] }) : null
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: classNames.combineClassNames(classMap.body, bodyClassName),
+              role: "group",
+              "aria-describedby": description ? descriptionId : void 0,
+              children: renderContent ? renderContent() : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                description && /* @__PURE__ */ jsxRuntime.jsx("p", { id: descriptionId, className: classMap.description, children: description }),
+                children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.children, children })
+              ] })
+            }
+          ),
+          (actionButtons.length > 0 || renderFooter) && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: classNames.combineClassNames(classMap.footer, footerClassName),
+              children: [
+                actionButtons.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.actions, children: actionButtons.map(
+                  (button, index) => useIconButtons && button.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+                    button.iconButtonComponent,
+                    {
+                      icon: button.icon,
+                      onClick: button.onClick,
+                      className: classMap.action_button,
+                      theme: button.theme || "clear",
+                      state: button.state || "",
+                      "aria-label": button.label,
+                      size: button.size || size,
+                      href: button.href,
+                      loading: button.loading
+                    },
+                    index
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    button.buttonComponent,
+                    {
+                      onClick: button.onClick,
+                      className: classMap.action_button,
+                      theme: button.theme || "secondary",
+                      state: button.state || "",
+                      href: button.href,
+                      loading: button.loading,
+                      size: button.size || size,
+                      "aria-label": button.label,
+                      children: button.label
+                    },
+                    index
+                  )
+                ) }),
+                renderFooter && renderFooter()
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+const classes = {
+  card: "card",
+  left: "card_left",
+  right: "card_right",
+  center: "card_center",
+  primary: "card_primary",
+  secondary: "card_secondary",
+  tertiary: "card_tertiary",
+  quaternary: "card_quaternary",
+  success: "card_success",
+  warning: "card_warning",
+  error: "card_error",
+  clear: "card_clear",
+  outline: "card_outline",
+  loading: "card_loading",
+  content: "card_content",
+  xs: "card_xs",
+  small: "card_small",
+  medium: "card_medium",
+  large: "card_large",
+  xl: "card_xl",
+  shadowNone: "card_shadow-None",
+  shadowLight: "card_shadow-Light",
+  shadowMedium: "card_shadow-Medium",
+  shadowStrong: "card_shadow-Strong",
+  shadowIntense: "card_shadow-Intense",
+  roundNone: "card_round-None",
+  roundSmall: "card_round-Small",
+  roundMedium: "card_round-Medium",
+  roundLarge: "card_round-Large",
+  vertical: "card_vertical",
+  horizontal: "card_horizontal",
+  image: "card_image",
+  header: "card_header",
+  title: "card_title",
+  icon: "card_icon",
+  body: "card_body",
+  description: "card_description",
+  children: "card_children",
+  footer: "card_footer",
+  actions: "card_actions",
+  action_button: "card_action_button"
+};
+const Card = (props) => {
+  const wrappedButtons = (props.actionButtons ?? []).map((b) => ({
+    ...b,
+    buttonComponent: Button.Button,
+    iconButtonComponent: IconButton.IconButton
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CardBase,
+    {
+      ...props,
+      actionButtons: wrappedButtons,
+      classMap: classes,
+      SkeletonComponent: Skeleton.SkeletonLoader
+    }
+  );
+};
+exports.Card = Card;
+//# sourceMappingURL=Card-DCxLBwi0.cjs.map