boreal-ui 0.0.71 → 0.0.73

package/dist/core/Tooltip-_e_4s6pE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-_e_4s6pE.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import React, {\r\n  forwardRef,\r\n  useEffect,\r\n  useId,\r\n  useMemo,\r\n  useState,\r\n  isValidElement,\r\n  cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps, TriggerElementProps } from \"./Tooltip.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction mergeIds(...values: Array<string | undefined>) {\r\n  return values.filter(Boolean).join(\" \") || undefined;\r\n}\r\n\r\nfunction callAll<E>(...handlers: Array<((event: E) => void) | undefined>) {\r\n  return (event: E) => {\r\n    handlers.forEach((handler) => handler?.(event));\r\n  };\r\n}\r\n\r\nconst TooltipBase = forwardRef<\r\n  HTMLDivElement,\r\n  TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\r\n  {\r\n    content,\r\n    position = \"top\",\r\n    theme = getDefaultTheme(),\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    state = \"\",\r\n    children,\r\n    className = \"\",\r\n    id,\r\n    triggerId,\r\n    triggerAriaLabel,\r\n    triggerAriaLabelledBy,\r\n    triggerAriaDescribedBy,\r\n    keepMountedWhenHidden = true,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"data-testid\": testId = \"tooltip\",\r\n    classMap,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const generatedId = useId();\r\n  const tooltipId = id ?? generatedId;\r\n\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  const show = () => setVisible(true);\r\n  const hide = () => setVisible(false);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    return () => document.removeEventListener(\"keydown\", onKey);\r\n  }, [visible]);\r\n\r\n  const toolTipClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tooltip,\r\n        classMap[position],\r\n        classMap[theme],\r\n        classMap[state],\r\n        visible && classMap.visible,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, position, theme, state, visible, shadow, rounding],\r\n  );\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const child = children as React.ReactElement<TriggerElementProps>;\r\n    const childProps = child.props;\r\n\r\n    const isNaturallyFocusable =\r\n      typeof child.type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(child.type);\r\n\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || childProps.tabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    const mergedAriaDescribedBy = mergeIds(\r\n      childProps[\"aria-describedby\"],\r\n      triggerAriaDescribedBy,\r\n      visible ? tooltipId : undefined,\r\n    );\r\n\r\n    trigger = cloneElement(child, {\r\n      ...maybeTabIndex,\r\n      id: triggerId ?? childProps.id,\r\n      \"aria-label\": triggerAriaLabel ?? childProps[\"aria-label\"],\r\n      \"aria-labelledby\": triggerAriaLabelledBy ?? childProps[\"aria-labelledby\"],\r\n      \"aria-describedby\": mergedAriaDescribedBy,\r\n      \"data-testid\": `${testId}-trigger`,\r\n      onMouseEnter: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseEnter,\r\n        show,\r\n      ),\r\n      onMouseLeave: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseLeave,\r\n        hide,\r\n      ),\r\n      onFocus: callAll<React.FocusEvent<HTMLElement>>(childProps.onFocus, show),\r\n      onBlur: callAll<React.FocusEvent<HTMLElement>>(childProps.onBlur, hide),\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span\r\n        id={triggerId}\r\n        tabIndex={0}\r\n        className={classMap.triggerWrapper}\r\n        aria-label={triggerAriaLabel}\r\n        aria-labelledby={triggerAriaLabelledBy}\r\n        aria-describedby={mergeIds(\r\n          triggerAriaDescribedBy,\r\n          visible ? tooltipId : undefined,\r\n        )}\r\n        data-testid={`${testId}-trigger`}\r\n        onMouseEnter={show}\r\n        onMouseLeave={hide}\r\n        onFocus={show}\r\n        onBlur={hide}\r\n      >\r\n        {children}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  const shouldRenderTooltip = keepMountedWhenHidden || visible;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={`${testId}-container`}\r\n    >\r\n      {trigger}\r\n\r\n      {shouldRenderTooltip && (\r\n        <div\r\n          ref={ref}\r\n          id={tooltipId}\r\n          className={toolTipClassName}\r\n          role=\"tooltip\"\r\n          aria-hidden={!visible}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          data-testid={testId}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n  container: \"tooltip_container\",\r\n  triggerWrapper: \"tooltip_triggerWrapper\",\r\n  tooltip: \"tooltip\",\r\n\r\n  top: \"tooltip_top\",\r\n  bottom: \"tooltip_bottom\",\r\n  left: \"tooltip_left\",\r\n  right: \"tooltip_right\",\r\n\r\n  primary: \"tooltip_primary\",\r\n  secondary: \"tooltip_secondary\",\r\n  tertiary: \"tooltip_tertiary\",\r\n  quaternary: \"tooltip_quaternary\",\r\n\r\n  success: \"tooltip_success\",\r\n  error: \"tooltip_error\",\r\n  warning: \"tooltip_warning\",\r\n\r\n  clear: \"tooltip_clear\",\r\n\r\n  shadowNone: \"tooltip_shadow-None\",\r\n  shadowLight: \"tooltip_shadow-Light\",\r\n  shadowMedium: \"tooltip_shadow-Medium\",\r\n  shadowStrong: \"tooltip_shadow-Strong\",\r\n  shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n  roundNone: \"tooltip_round-None\",\r\n  roundSmall: \"tooltip_round-Small\",\r\n  roundMedium: \"tooltip_round-Medium\",\r\n  roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["forwardRef","TooltipBase","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useEffect","useMemo","combineClassNames","capitalize","isValidElement","cloneElement","jsx","jsxs"],"mappings":"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"}

package/dist/core/{Tooltip-BzRqlOTz.js → Tooltip-wKNLA3ua.js}

@@ -1,8 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { forwardRef, useId, useState, useEffect, useMemo, isValidElement, cloneElement } from "react";
+import { forwardRef, useId, useState, useEffect, useMemo, isValidElement, cloneElement } 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, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+function mergeIds(...values) {
+  return values.filter(Boolean).join(" ") || void 0;
+}
+function callAll(...handlers) {
+  return (event) => {
+    handlers.forEach((handler) => handler == null ? void 0 : handler(event));
+  };
+}
 const TooltipBase = forwardRef(function TooltipBase2({
   content,
   position = "top",
@@ -12,11 +20,20 @@ const TooltipBase = forwardRef(function TooltipBase2({
   state = "",
   children,
   className = "",
+  id,
+  triggerId,
+  triggerAriaLabel,
+  triggerAriaLabelledBy,
+  triggerAriaDescribedBy,
+  keepMountedWhenHidden = true,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   "data-testid": testId = "tooltip",
   classMap,
   ...rest
 }, ref) {
-  const tooltipId = useId();
+  const generatedId = useId();
+  const tooltipId = id ?? generatedId;
   const [visible, setVisible] = useState(false);
   const show = () => setVisible(true);
   const hide = () => setVisible(false);
@@ -40,26 +57,58 @@ const TooltipBase = forwardRef(function TooltipBase2({
     ),
     [classMap, position, theme, state, visible, shadow, rounding]
   );
-  const triggerProps = {
-    onMouseEnter: show,
-    onMouseLeave: hide,
-    onFocus: show,
-    onBlur: hide,
-    "aria-describedby": visible ? tooltipId : void 0,
-    "data-testid": `${testId}-trigger`
-  };
   let trigger;
   if (isValidElement(children)) {
-    const isNaturallyFocusable = React.isValidElement(children) && typeof children.type === "string" && ["a", "button", "input", "textarea", "select"].includes(children.type);
-    const existingTabIndex = children.props.tabIndex;
-    const maybeTabIndex = isNaturallyFocusable || existingTabIndex !== void 0 ? {} : { tabIndex: 0 };
-    trigger = cloneElement(children, {
-      ...triggerProps,
-      ...maybeTabIndex
+    const child = children;
+    const childProps = child.props;
+    const isNaturallyFocusable = typeof child.type === "string" && ["a", "button", "input", "textarea", "select"].includes(child.type);
+    const maybeTabIndex = isNaturallyFocusable || childProps.tabIndex !== void 0 ? {} : { tabIndex: 0 };
+    const mergedAriaDescribedBy = mergeIds(
+      childProps["aria-describedby"],
+      triggerAriaDescribedBy,
+      visible ? tooltipId : void 0
+    );
+    trigger = cloneElement(child, {
+      ...maybeTabIndex,
+      id: triggerId ?? childProps.id,
+      "aria-label": triggerAriaLabel ?? childProps["aria-label"],
+      "aria-labelledby": triggerAriaLabelledBy ?? childProps["aria-labelledby"],
+      "aria-describedby": mergedAriaDescribedBy,
+      "data-testid": `${testId}-trigger`,
+      onMouseEnter: callAll(
+        childProps.onMouseEnter,
+        show
+      ),
+      onMouseLeave: callAll(
+        childProps.onMouseLeave,
+        hide
+      ),
+      onFocus: callAll(childProps.onFocus, show),
+      onBlur: callAll(childProps.onBlur, hide)
     });
   } else {
-    trigger = /* @__PURE__ */ jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+    trigger = /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: triggerId,
+        tabIndex: 0,
+        className: classMap.triggerWrapper,
+        "aria-label": triggerAriaLabel,
+        "aria-labelledby": triggerAriaLabelledBy,
+        "aria-describedby": mergeIds(
+          triggerAriaDescribedBy,
+          visible ? tooltipId : void 0
+        ),
+        "data-testid": `${testId}-trigger`,
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        children
+      }
+    );
   }
+  const shouldRenderTooltip = keepMountedWhenHidden || visible;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -67,7 +116,7 @@ const TooltipBase = forwardRef(function TooltipBase2({
       "data-testid": `${testId}-container`,
       children: [
         trigger,
-        /* @__PURE__ */ jsx(
+        shouldRenderTooltip && /* @__PURE__ */ jsx(
           "div",
           {
             ref,
@@ -75,6 +124,8 @@ const TooltipBase = forwardRef(function TooltipBase2({
             className: toolTipClassName,
             role: "tooltip",
             "aria-hidden": !visible,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
             "data-testid": testId,
             ...rest,
             children: content
@@ -116,4 +167,4 @@ Tooltip.displayName = "Tooltip";
 export {
   Tooltip as T
 };
-//# sourceMappingURL=Tooltip-BzRqlOTz.js.map
+//# sourceMappingURL=Tooltip-wKNLA3ua.js.map

package/dist/core/Tooltip-wKNLA3ua.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-wKNLA3ua.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/core/Tooltip.tsx"],"sourcesContent":["import React, {\r\n  forwardRef,\r\n  useEffect,\r\n  useId,\r\n  useMemo,\r\n  useState,\r\n  isValidElement,\r\n  cloneElement,\r\n} from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TooltipProps, TriggerElementProps } from \"./Tooltip.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction mergeIds(...values: Array<string | undefined>) {\r\n  return values.filter(Boolean).join(\" \") || undefined;\r\n}\r\n\r\nfunction callAll<E>(...handlers: Array<((event: E) => void) | undefined>) {\r\n  return (event: E) => {\r\n    handlers.forEach((handler) => handler?.(event));\r\n  };\r\n}\r\n\r\nconst TooltipBase = forwardRef<\r\n  HTMLDivElement,\r\n  TooltipProps & { classMap: Record<string, string> }\r\n>(function TooltipBase(\r\n  {\r\n    content,\r\n    position = \"top\",\r\n    theme = getDefaultTheme(),\r\n    rounding = getDefaultRounding(),\r\n    shadow = getDefaultShadow(),\r\n    state = \"\",\r\n    children,\r\n    className = \"\",\r\n    id,\r\n    triggerId,\r\n    triggerAriaLabel,\r\n    triggerAriaLabelledBy,\r\n    triggerAriaDescribedBy,\r\n    keepMountedWhenHidden = true,\r\n    \"aria-label\": ariaLabel,\r\n    \"aria-labelledby\": ariaLabelledBy,\r\n    \"data-testid\": testId = \"tooltip\",\r\n    classMap,\r\n    ...rest\r\n  },\r\n  ref,\r\n) {\r\n  const generatedId = useId();\r\n  const tooltipId = id ?? generatedId;\r\n\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  const show = () => setVisible(true);\r\n  const hide = () => setVisible(false);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", onKey);\r\n    return () => document.removeEventListener(\"keydown\", onKey);\r\n  }, [visible]);\r\n\r\n  const toolTipClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tooltip,\r\n        classMap[position],\r\n        classMap[theme],\r\n        classMap[state],\r\n        visible && classMap.visible,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, position, theme, state, visible, shadow, rounding],\r\n  );\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const child = children as React.ReactElement<TriggerElementProps>;\r\n    const childProps = child.props;\r\n\r\n    const isNaturallyFocusable =\r\n      typeof child.type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(child.type);\r\n\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || childProps.tabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    const mergedAriaDescribedBy = mergeIds(\r\n      childProps[\"aria-describedby\"],\r\n      triggerAriaDescribedBy,\r\n      visible ? tooltipId : undefined,\r\n    );\r\n\r\n    trigger = cloneElement(child, {\r\n      ...maybeTabIndex,\r\n      id: triggerId ?? childProps.id,\r\n      \"aria-label\": triggerAriaLabel ?? childProps[\"aria-label\"],\r\n      \"aria-labelledby\": triggerAriaLabelledBy ?? childProps[\"aria-labelledby\"],\r\n      \"aria-describedby\": mergedAriaDescribedBy,\r\n      \"data-testid\": `${testId}-trigger`,\r\n      onMouseEnter: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseEnter,\r\n        show,\r\n      ),\r\n      onMouseLeave: callAll<React.MouseEvent<HTMLElement>>(\r\n        childProps.onMouseLeave,\r\n        hide,\r\n      ),\r\n      onFocus: callAll<React.FocusEvent<HTMLElement>>(childProps.onFocus, show),\r\n      onBlur: callAll<React.FocusEvent<HTMLElement>>(childProps.onBlur, hide),\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span\r\n        id={triggerId}\r\n        tabIndex={0}\r\n        className={classMap.triggerWrapper}\r\n        aria-label={triggerAriaLabel}\r\n        aria-labelledby={triggerAriaLabelledBy}\r\n        aria-describedby={mergeIds(\r\n          triggerAriaDescribedBy,\r\n          visible ? tooltipId : undefined,\r\n        )}\r\n        data-testid={`${testId}-trigger`}\r\n        onMouseEnter={show}\r\n        onMouseLeave={hide}\r\n        onFocus={show}\r\n        onBlur={hide}\r\n      >\r\n        {children}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  const shouldRenderTooltip = keepMountedWhenHidden || visible;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(classMap.container, className)}\r\n      data-testid={`${testId}-container`}\r\n    >\r\n      {trigger}\r\n\r\n      {shouldRenderTooltip && (\r\n        <div\r\n          ref={ref}\r\n          id={tooltipId}\r\n          className={toolTipClassName}\r\n          role=\"tooltip\"\r\n          aria-hidden={!visible}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={ariaLabelledBy}\r\n          data-testid={testId}\r\n          {...rest}\r\n        >\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./Tooltip.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst classes = {\r\n  container: \"tooltip_container\",\r\n  triggerWrapper: \"tooltip_triggerWrapper\",\r\n  tooltip: \"tooltip\",\r\n\r\n  top: \"tooltip_top\",\r\n  bottom: \"tooltip_bottom\",\r\n  left: \"tooltip_left\",\r\n  right: \"tooltip_right\",\r\n\r\n  primary: \"tooltip_primary\",\r\n  secondary: \"tooltip_secondary\",\r\n  tertiary: \"tooltip_tertiary\",\r\n  quaternary: \"tooltip_quaternary\",\r\n\r\n  success: \"tooltip_success\",\r\n  error: \"tooltip_error\",\r\n  warning: \"tooltip_warning\",\r\n\r\n  clear: \"tooltip_clear\",\r\n\r\n  shadowNone: \"tooltip_shadow-None\",\r\n  shadowLight: \"tooltip_shadow-Light\",\r\n  shadowMedium: \"tooltip_shadow-Medium\",\r\n  shadowStrong: \"tooltip_shadow-Strong\",\r\n  shadowIntense: \"tooltip_shadow-Intense\",\r\n\r\n  roundNone: \"tooltip_round-None\",\r\n  roundSmall: \"tooltip_round-Small\",\r\n  roundMedium: \"tooltip_round-Medium\",\r\n  roundLarge: \"tooltip_round-Large\",\r\n};\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={classes} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["TooltipBase"],"mappings":"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"}

package/dist/core/Tooltip.cjs.js

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

package/dist/core/Tooltip.js

@@ -1,4 +1,4 @@
-import { T } from "./Tooltip-BzRqlOTz.js";
+import { T } from "./Tooltip-wKNLA3ua.js";
 export {
   T as default
 };

package/dist/core/{Typography-DFXpv9CF.js → Typography-D0hPzK5Y.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo, createElement } from "react";
-import { d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+import { d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 const DEFAULT_TAG_BY_VARIANT = {
   display: "h1",
@@ -76,6 +76,14 @@ function TypographyBase({
   id,
   title,
   testId,
+  role,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-hidden": ariaHidden,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  "aria-busy": ariaBusy,
   classMap: classMap2,
   combineClassNames: combineClassNames2
 }) {
@@ -91,7 +99,7 @@ function TypographyBase({
       underline && classMap2.underline,
       truncate && classMap2.truncate,
       noWrap && classMap2.noWrap,
-      srOnly && `sr_only`,
+      srOnly && classMap2.srOnly,
       className
     ),
     [
@@ -115,8 +123,16 @@ function TypographyBase({
       id,
       title,
       style,
+      role,
       className: resolvedClassName,
-      "data-testid": testId ?? "typography"
+      "data-testid": testId ?? "typography",
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-hidden": ariaHidden,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaLive ? ariaAtomic : void 0,
+      "aria-busy": ariaLive ? ariaBusy : void 0
     },
     children
   );
@@ -175,4 +191,4 @@ function Typography(props) {
 export {
   Typography as T
 };
-//# sourceMappingURL=Typography-DFXpv9CF.js.map
+//# sourceMappingURL=Typography-D0hPzK5Y.js.map

package/dist/core/Typography-D0hPzK5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-D0hPzK5Y.js","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/core/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n  TypographyAlign,\r\n  TypographyBaseProps,\r\n  TypographyTheme,\r\n  TypographyVariant,\r\n  TypographyWeight,\r\n} from \"./Typography.types\";\r\nimport { getDefaultTheme } from \"@/config/boreal-style-config\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n  TypographyVariant,\r\n  keyof JSX.IntrinsicElements\r\n> = {\r\n  display: \"h1\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"p\",\r\n  body: \"p\",\r\n  \"body-sm\": \"p\",\r\n  label: \"span\",\r\n  caption: \"span\",\r\n  overline: \"span\",\r\n  code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n  display: \"display\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"bodyLg\",\r\n  body: \"body\",\r\n  \"body-sm\": \"bodySm\",\r\n  label: \"label\",\r\n  caption: \"caption\",\r\n  overline: \"overline\",\r\n  code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n  left: \"alignLeft\",\r\n  center: \"alignCenter\",\r\n  right: \"alignRight\",\r\n  inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n  light: \"weightLight\",\r\n  normal: \"weightNormal\",\r\n  medium: \"weightMedium\",\r\n  bold: \"weightBold\",\r\n  bolder: \"weightBolder\",\r\n  inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n  primary: \"primary\",\r\n  secondary: \"secondary\",\r\n  tertiary: \"tertiary\",\r\n  quaternary: \"quaternary\",\r\n  clear: \"clear\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  error: \"error\",\r\n  inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n  children,\r\n  variant = \"body\",\r\n  as,\r\n  align = \"inherit\",\r\n  weight = \"inherit\",\r\n  theme = getDefaultTheme(),\r\n  italic = false,\r\n  underline = false,\r\n  truncate = false,\r\n  noWrap = false,\r\n  srOnly = false,\r\n  className,\r\n  style,\r\n  id,\r\n  title,\r\n  testId,\r\n  role,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-hidden\": ariaHidden,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  \"aria-busy\": ariaBusy,\r\n  classMap,\r\n  combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n  const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n  const resolvedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.typography,\r\n        classMap[variantClassMap[variant]],\r\n        classMap[alignClassMap[align]],\r\n        classMap[weightClassMap[weight]],\r\n        classMap[themeClassMap[theme]],\r\n        italic && classMap.italic,\r\n        underline && classMap.underline,\r\n        truncate && classMap.truncate,\r\n        noWrap && classMap.noWrap,\r\n        srOnly && classMap.srOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      variant,\r\n      align,\r\n      weight,\r\n      theme,\r\n      italic,\r\n      underline,\r\n      truncate,\r\n      noWrap,\r\n      srOnly,\r\n      className,\r\n      combineClassNames,\r\n    ],\r\n  );\r\n\r\n  return createElement(\r\n    Component,\r\n    {\r\n      id,\r\n      title,\r\n      style,\r\n      role,\r\n      className: resolvedClassName,\r\n      \"data-testid\": testId ?? \"typography\",\r\n\r\n      \"aria-label\": ariaLabelledBy ? undefined : ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-hidden\": ariaHidden,\r\n      \"aria-live\": ariaLive,\r\n      \"aria-atomic\": ariaLive ? ariaAtomic : undefined,\r\n      \"aria-busy\": ariaLive ? ariaBusy : undefined,\r\n    },\r\n    children,\r\n  );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyOwnProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport \"./Typography.scss\";\r\n\r\nconst classMap = {\r\n  typography: \"typography\",\r\n  display: \"typography_display\",\r\n  h1: \"typography_h1\",\r\n  h2: \"typography_h2\",\r\n  h3: \"typography_h3\",\r\n  h4: \"typography_h4\",\r\n  h5: \"typography_h5\",\r\n  h6: \"typography_h6\",\r\n  bodyLg: \"typography_body-lg\",\r\n  body: \"typography_body\",\r\n  bodySm: \"typography_body-sm\",\r\n  label: \"typography_label\",\r\n  caption: \"typography_caption\",\r\n  overline: \"typography_overline\",\r\n  code: \"typography_code\",\r\n  alignLeft: \"typography_align-left\",\r\n  alignCenter: \"typography_align-center\",\r\n  alignRight: \"typography_align-right\",\r\n  alignInherit: \"typography_align-inherit\",\r\n  weightLight: \"typography_weight-light\",\r\n  weightNormal: \"typography_weight-normal\",\r\n  weightMedium: \"typography_weight-medium\",\r\n  weightBold: \"typography_weight-bold\",\r\n  weightBolder: \"typography_weight-bolder\",\r\n  weightInherit: \"typography_weight-inherit\",\r\n  primary: \"typography_primary\",\r\n  secondary: \"typography_secondary\",\r\n  tertiary: \"typography_tertiary\",\r\n  quaternary: \"typography_quaternary\",\r\n  clear: \"typography_clear\",\r\n  success: \"typography_success\",\r\n  warning: \"typography_warning\",\r\n  error: \"typography_error\",\r\n  themeInherit: \"typography_theme-inherit\",\r\n  italic: \"typography_italic\",\r\n  underline: \"typography_underline\",\r\n  truncate: \"typography_truncate\",\r\n  noWrap: \"typography_no-wrap\",\r\n};\r\n\r\nexport type TypographyProps = TypographyOwnProps;\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n  return (\r\n    <TypographyBase\r\n      {...props}\r\n      classMap={classMap}\r\n      combineClassNames={combineClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["classMap","combineClassNames"],"mappings":"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"}

package/dist/core/{Typography-CrSonr_W.cjs → Typography-DdTiWRgQ.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const DEFAULT_TAG_BY_VARIANT = {
   display: "h1",
@@ -77,6 +77,14 @@ function TypographyBase({
   id,
   title,
   testId,
+  role,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-hidden": ariaHidden,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  "aria-busy": ariaBusy,
   classMap: classMap2,
   combineClassNames
 }) {
@@ -92,7 +100,7 @@ function TypographyBase({
       underline && classMap2.underline,
       truncate && classMap2.truncate,
       noWrap && classMap2.noWrap,
-      srOnly && `sr_only`,
+      srOnly && classMap2.srOnly,
       className
     ),
     [
@@ -116,8 +124,16 @@ function TypographyBase({
       id,
       title,
       style,
+      role,
       className: resolvedClassName,
-      "data-testid": testId ?? "typography"
+      "data-testid": testId ?? "typography",
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-hidden": ariaHidden,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaLive ? ariaAtomic : void 0,
+      "aria-busy": ariaLive ? ariaBusy : void 0
     },
     children
   );
@@ -174,4 +190,4 @@ function Typography(props) {
   );
 }
 exports.Typography = Typography;
-//# sourceMappingURL=Typography-CrSonr_W.cjs.map
+//# sourceMappingURL=Typography-DdTiWRgQ.cjs.map

package/dist/core/Typography-DdTiWRgQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-DdTiWRgQ.cjs","sources":["../../src/components/Typography/TypographyBase.tsx","../../src/components/Typography/core/Typography.tsx"],"sourcesContent":["import { createElement, JSX, useMemo } from \"react\";\r\nimport {\r\n  TypographyAlign,\r\n  TypographyBaseProps,\r\n  TypographyTheme,\r\n  TypographyVariant,\r\n  TypographyWeight,\r\n} from \"./Typography.types\";\r\nimport { getDefaultTheme } from \"@/config/boreal-style-config\";\r\n\r\nconst DEFAULT_TAG_BY_VARIANT: Record<\r\n  TypographyVariant,\r\n  keyof JSX.IntrinsicElements\r\n> = {\r\n  display: \"h1\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"p\",\r\n  body: \"p\",\r\n  \"body-sm\": \"p\",\r\n  label: \"span\",\r\n  caption: \"span\",\r\n  overline: \"span\",\r\n  code: \"code\",\r\n};\r\n\r\nconst variantClassMap: Record<TypographyVariant, string> = {\r\n  display: \"display\",\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  \"body-lg\": \"bodyLg\",\r\n  body: \"body\",\r\n  \"body-sm\": \"bodySm\",\r\n  label: \"label\",\r\n  caption: \"caption\",\r\n  overline: \"overline\",\r\n  code: \"code\",\r\n};\r\n\r\nconst alignClassMap: Record<TypographyAlign, string> = {\r\n  left: \"alignLeft\",\r\n  center: \"alignCenter\",\r\n  right: \"alignRight\",\r\n  inherit: \"alignInherit\",\r\n};\r\n\r\nconst weightClassMap: Record<TypographyWeight, string> = {\r\n  light: \"weightLight\",\r\n  normal: \"weightNormal\",\r\n  medium: \"weightMedium\",\r\n  bold: \"weightBold\",\r\n  bolder: \"weightBolder\",\r\n  inherit: \"weightInherit\",\r\n};\r\n\r\nconst themeClassMap: Record<TypographyTheme, string> = {\r\n  primary: \"primary\",\r\n  secondary: \"secondary\",\r\n  tertiary: \"tertiary\",\r\n  quaternary: \"quaternary\",\r\n  clear: \"clear\",\r\n  success: \"success\",\r\n  warning: \"warning\",\r\n  error: \"error\",\r\n  inherit: \"themeInherit\",\r\n};\r\n\r\nfunction TypographyBase({\r\n  children,\r\n  variant = \"body\",\r\n  as,\r\n  align = \"inherit\",\r\n  weight = \"inherit\",\r\n  theme = getDefaultTheme(),\r\n  italic = false,\r\n  underline = false,\r\n  truncate = false,\r\n  noWrap = false,\r\n  srOnly = false,\r\n  className,\r\n  style,\r\n  id,\r\n  title,\r\n  testId,\r\n  role,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-hidden\": ariaHidden,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  \"aria-busy\": ariaBusy,\r\n  classMap,\r\n  combineClassNames,\r\n}: TypographyBaseProps): JSX.Element {\r\n  const Component = as ?? DEFAULT_TAG_BY_VARIANT[variant];\r\n\r\n  const resolvedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.typography,\r\n        classMap[variantClassMap[variant]],\r\n        classMap[alignClassMap[align]],\r\n        classMap[weightClassMap[weight]],\r\n        classMap[themeClassMap[theme]],\r\n        italic && classMap.italic,\r\n        underline && classMap.underline,\r\n        truncate && classMap.truncate,\r\n        noWrap && classMap.noWrap,\r\n        srOnly && classMap.srOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      variant,\r\n      align,\r\n      weight,\r\n      theme,\r\n      italic,\r\n      underline,\r\n      truncate,\r\n      noWrap,\r\n      srOnly,\r\n      className,\r\n      combineClassNames,\r\n    ],\r\n  );\r\n\r\n  return createElement(\r\n    Component,\r\n    {\r\n      id,\r\n      title,\r\n      style,\r\n      role,\r\n      className: resolvedClassName,\r\n      \"data-testid\": testId ?? \"typography\",\r\n\r\n      \"aria-label\": ariaLabelledBy ? undefined : ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-hidden\": ariaHidden,\r\n      \"aria-live\": ariaLive,\r\n      \"aria-atomic\": ariaLive ? ariaAtomic : undefined,\r\n      \"aria-busy\": ariaLive ? ariaBusy : undefined,\r\n    },\r\n    children,\r\n  );\r\n}\r\n\r\nTypographyBase.displayName = \"TypographyBase\";\r\nexport default TypographyBase;\r\n","\"use client\";\r\n\r\nimport { JSX } from \"react\";\r\nimport TypographyBase from \"../TypographyBase\";\r\nimport { TypographyOwnProps } from \"../Typography.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport \"./Typography.scss\";\r\n\r\nconst classMap = {\r\n  typography: \"typography\",\r\n  display: \"typography_display\",\r\n  h1: \"typography_h1\",\r\n  h2: \"typography_h2\",\r\n  h3: \"typography_h3\",\r\n  h4: \"typography_h4\",\r\n  h5: \"typography_h5\",\r\n  h6: \"typography_h6\",\r\n  bodyLg: \"typography_body-lg\",\r\n  body: \"typography_body\",\r\n  bodySm: \"typography_body-sm\",\r\n  label: \"typography_label\",\r\n  caption: \"typography_caption\",\r\n  overline: \"typography_overline\",\r\n  code: \"typography_code\",\r\n  alignLeft: \"typography_align-left\",\r\n  alignCenter: \"typography_align-center\",\r\n  alignRight: \"typography_align-right\",\r\n  alignInherit: \"typography_align-inherit\",\r\n  weightLight: \"typography_weight-light\",\r\n  weightNormal: \"typography_weight-normal\",\r\n  weightMedium: \"typography_weight-medium\",\r\n  weightBold: \"typography_weight-bold\",\r\n  weightBolder: \"typography_weight-bolder\",\r\n  weightInherit: \"typography_weight-inherit\",\r\n  primary: \"typography_primary\",\r\n  secondary: \"typography_secondary\",\r\n  tertiary: \"typography_tertiary\",\r\n  quaternary: \"typography_quaternary\",\r\n  clear: \"typography_clear\",\r\n  success: \"typography_success\",\r\n  warning: \"typography_warning\",\r\n  error: \"typography_error\",\r\n  themeInherit: \"typography_theme-inherit\",\r\n  italic: \"typography_italic\",\r\n  underline: \"typography_underline\",\r\n  truncate: \"typography_truncate\",\r\n  noWrap: \"typography_no-wrap\",\r\n};\r\n\r\nexport type TypographyProps = TypographyOwnProps;\r\n\r\nexport default function Typography(props: TypographyProps): JSX.Element {\r\n  return (\r\n    <TypographyBase\r\n      {...props}\r\n      classMap={classMap}\r\n      combineClassNames={combineClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["getDefaultTheme","classMap","useMemo","createElement","jsx","combineClassNames"],"mappings":"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"}

package/dist/core/Typography.cjs.js

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

package/dist/core/Typography.js

@@ -1,4 +1,4 @@
-import { T } from "./Typography-DFXpv9CF.js";
+import { T } from "./Typography-D0hPzK5Y.js";
 export {
   T as default
 };

package/dist/{next/boreal-style-config-Rr5d5Qts.cjs → core/boreal-style-config-C1UIwOFN.cjs}

@@ -4,6 +4,7 @@ const fallback = {
   defaultRounding: "medium",
   defaultShadow: "light",
   defaultSize: "medium",
+  defaultBorderWidth: "none",
   defaultColorSchemeName: "Forest Dusk"
 };
 let userConfig = {};
@@ -15,10 +16,12 @@ const getDefaultRounding = () => userConfig.defaultRounding ?? fallback.defaultR
 const getDefaultShadow = () => userConfig.defaultShadow ?? fallback.defaultShadow;
 const getDefaultSize = () => userConfig.defaultSize ?? fallback.defaultSize;
 const getDefaultColorSchemeName = () => userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;
+const getDefaultBorder = () => userConfig.defaultBorderWidth ?? fallback.defaultBorderWidth;
+exports.getDefaultBorder = getDefaultBorder;
 exports.getDefaultColorSchemeName = getDefaultColorSchemeName;
 exports.getDefaultRounding = getDefaultRounding;
 exports.getDefaultShadow = getDefaultShadow;
 exports.getDefaultSize = getDefaultSize;
 exports.getDefaultTheme = getDefaultTheme;
 exports.setBorealStyleConfig = setBorealStyleConfig;
-//# sourceMappingURL=boreal-style-config-Rr5d5Qts.cjs.map
+//# sourceMappingURL=boreal-style-config-C1UIwOFN.cjs.map

package/dist/core/boreal-style-config-C1UIwOFN.cjs.map

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

package/dist/core/{boreal-style-config-BILmxkZG.js → boreal-style-config-DsaRlxmw.js}

@@ -3,6 +3,7 @@ const fallback = {
   defaultRounding: "medium",
   defaultShadow: "light",
   defaultSize: "medium",
+  defaultBorderWidth: "none",
   defaultColorSchemeName: "Forest Dusk"
 };
 let userConfig = {};
@@ -14,12 +15,14 @@ const getDefaultRounding = () => userConfig.defaultRounding ?? fallback.defaultR
 const getDefaultShadow = () => userConfig.defaultShadow ?? fallback.defaultShadow;
 const getDefaultSize = () => userConfig.defaultSize ?? fallback.defaultSize;
 const getDefaultColorSchemeName = () => userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;
+const getDefaultBorder = () => userConfig.defaultBorderWidth ?? fallback.defaultBorderWidth;
 export {
   getDefaultRounding as a,
   getDefaultShadow as b,
   getDefaultSize as c,
   getDefaultTheme as d,
+  getDefaultBorder as e,
   getDefaultColorSchemeName as g,
   setBorealStyleConfig as s
 };
-//# sourceMappingURL=boreal-style-config-BILmxkZG.js.map
+//# sourceMappingURL=boreal-style-config-DsaRlxmw.js.map

package/dist/core/boreal-style-config-DsaRlxmw.js.map

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