boreal-ui 0.0.1

package/dist/core/Toolbar-Cg_ofRqY.cjs

@@ -0,0 +1,124 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const Avatar = require("./Avatar-B5aqfDZX.cjs");
+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 ToolbarBase = ({
+  title,
+  left,
+  center,
+  right,
+  avatar,
+  theme = borealStyleConfig.getDefaultTheme(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  className = "",
+  "data-testid": testId = "toolbar",
+  AvatarComponent,
+  classMap,
+  ariaLabel = "Toolbar",
+  headingLevel = 1
+}) => {
+  const TitleTag = `h${headingLevel}`;
+  const headerClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.toolbar,
+      classMap[theme],
+      className,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+    ),
+    [classMap, theme, className]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "header",
+    {
+      className: headerClass,
+      role: "banner",
+      "aria-label": ariaLabel,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: classMap.section,
+            role: "navigation",
+            "aria-label": "Toolbar left section",
+            "data-testid": `${testId}-left`,
+            children: left
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: classMap.section,
+            role: "navigation",
+            "aria-label": "Toolbar center section",
+            "data-testid": `${testId}-center`,
+            children: [
+              title && /* @__PURE__ */ jsxRuntime.jsx(TitleTag, { className: classMap.title, "data-testid": `${testId}-title`, children: title }),
+              center
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: classMap.section,
+            role: "navigation",
+            "aria-label": "Toolbar right section",
+            "data-testid": `${testId}-right`,
+            children: [
+              right,
+              avatar && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: classMap.avatarWrapper,
+                  "data-testid": `${testId}-avatar`,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    AvatarComponent,
+                    {
+                      name: avatar.name,
+                      src: avatar.src,
+                      size: avatar.size || "medium",
+                      shape: avatar.shape || "circle",
+                      theme: avatar.theme,
+                      outline: avatar.outline,
+                      onClick: avatar.onClick,
+                      "aria-hidden": !avatar.name
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const classes = {
+  toolbar: "toolbar",
+  section: "toolbar_section",
+  title: "toolbar_title",
+  avatarWrapper: "toolbar_avatarWrapper",
+  primary: "toolbar_primary",
+  secondary: "toolbar_secondary",
+  tertiary: "toolbar_tertiary",
+  quaternary: "toolbar_quaternary",
+  clear: "toolbar_clear",
+  shadowNone: "toolbar_shadow-None",
+  shadowLight: "toolbar_shadow-Light",
+  shadowMedium: "toolbar_shadow-Medium",
+  shadowStrong: "toolbar_shadow-Strong",
+  shadowIntense: "toolbar_shadow-Intense",
+  roundNone: "toolbar_round-None",
+  roundSmall: "toolbar_round-Small",
+  roundMedium: "toolbar_round-Medium",
+  roundLarge: "toolbar_round-Large"
+};
+const Toolbar = (props) => /* @__PURE__ */ jsxRuntime.jsx(ToolbarBase, { ...props, AvatarComponent: Avatar.Avatar, classMap: classes });
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=Toolbar-Cg_ofRqY.cjs.map

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

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

package/dist/core/Toolbar.cjs.js

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

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

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

package/dist/core/Toolbar.js

@@ -0,0 +1,5 @@
+import { T } from "./Toolbar-94Pu5-SL.js";
+export {
+  T as default
+};
+//# sourceMappingURL=Toolbar.js.map

package/dist/core/Toolbar.js.map

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

package/dist/core/Tooltip-5SfsTZvz.cjs

@@ -0,0 +1,105 @@
+"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 TooltipBase = React.forwardRef(
+  ({
+    content,
+    position = "top",
+    theme = borealStyleConfig.getDefaultTheme(),
+    rounding = borealStyleConfig.getDefaultRounding(),
+    shadow = borealStyleConfig.getDefaultShadow(),
+    state = "",
+    children,
+    className = "",
+    "data-testid": testId = "tooltip",
+    classMap,
+    ...rest
+  }, ref) => {
+    const tooltipId = React.useId();
+    const [visible, setVisible] = React.useState(false);
+    const showTooltip = () => setVisible(true);
+    const hideTooltip = () => setVisible(false);
+    const toolTipClassName = React.useMemo(
+      () => classNames.combineClassNames(
+        classMap.tooltip,
+        classMap[position],
+        classMap[theme],
+        classMap[state],
+        visible && classMap.visible,
+        shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+      ),
+      [classMap, position, theme, visible, shadow, rounding]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: classNames.combineClassNames(classMap.container, className),
+        "data-testid": `${testId}-container`,
+        onMouseEnter: showTooltip,
+        onMouseLeave: hideTooltip,
+        onFocus: showTooltip,
+        onBlur: hideTooltip,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              tabIndex: 0,
+              "aria-describedby": tooltipId,
+              "data-testid": `${testId}-trigger`,
+              className: classMap.triggerWrapper,
+              children
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref,
+              id: tooltipId,
+              className: toolTipClassName,
+              role: "tooltip",
+              "data-testid": testId,
+              "aria-hidden": !visible,
+              ...rest,
+              children: content
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TooltipBase.displayName = "TooltipBase";
+const classes = {
+  container: "tooltip_container",
+  triggerWrapper: "tooltip_triggerWrapper",
+  tooltip: "tooltip",
+  top: "tooltip_top",
+  bottom: "tooltip_bottom",
+  left: "tooltip_left",
+  right: "tooltip_right",
+  primary: "tooltip_primary",
+  secondary: "tooltip_secondary",
+  tertiary: "tooltip_tertiary",
+  quaternary: "tooltip_quaternary",
+  success: "tooltip_success",
+  error: "tooltip_error",
+  warning: "tooltip_warning",
+  clear: "tooltip_clear",
+  shadowNone: "tooltip_shadow-None",
+  shadowLight: "tooltip_shadow-Light",
+  shadowMedium: "tooltip_shadow-Medium",
+  shadowStrong: "tooltip_shadow-Strong",
+  shadowIntense: "tooltip_shadow-Intense",
+  roundNone: "tooltip_round-None",
+  roundSmall: "tooltip_round-Small",
+  roundMedium: "tooltip_round-Medium",
+  roundLarge: "tooltip_round-Large"
+};
+const Tooltip = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipBase, { ...props, ref, classMap: classes }));
+Tooltip.displayName = "Tooltip";
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip-5SfsTZvz.cjs.map

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

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

package/dist/core/Tooltip-XfsZnGgV.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId, useState, 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, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const TooltipBase = forwardRef(
+  ({
+    content,
+    position = "top",
+    theme = getDefaultTheme(),
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    state = "",
+    children,
+    className = "",
+    "data-testid": testId = "tooltip",
+    classMap,
+    ...rest
+  }, ref) => {
+    const tooltipId = useId();
+    const [visible, setVisible] = useState(false);
+    const showTooltip = () => setVisible(true);
+    const hideTooltip = () => setVisible(false);
+    const toolTipClassName = useMemo(
+      () => combineClassNames(
+        classMap.tooltip,
+        classMap[position],
+        classMap[theme],
+        classMap[state],
+        visible && classMap.visible,
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`]
+      ),
+      [classMap, position, theme, visible, shadow, rounding]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: combineClassNames(classMap.container, className),
+        "data-testid": `${testId}-container`,
+        onMouseEnter: showTooltip,
+        onMouseLeave: hideTooltip,
+        onFocus: showTooltip,
+        onBlur: hideTooltip,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              tabIndex: 0,
+              "aria-describedby": tooltipId,
+              "data-testid": `${testId}-trigger`,
+              className: classMap.triggerWrapper,
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref,
+              id: tooltipId,
+              className: toolTipClassName,
+              role: "tooltip",
+              "data-testid": testId,
+              "aria-hidden": !visible,
+              ...rest,
+              children: content
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TooltipBase.displayName = "TooltipBase";
+const classes = {
+  container: "tooltip_container",
+  triggerWrapper: "tooltip_triggerWrapper",
+  tooltip: "tooltip",
+  top: "tooltip_top",
+  bottom: "tooltip_bottom",
+  left: "tooltip_left",
+  right: "tooltip_right",
+  primary: "tooltip_primary",
+  secondary: "tooltip_secondary",
+  tertiary: "tooltip_tertiary",
+  quaternary: "tooltip_quaternary",
+  success: "tooltip_success",
+  error: "tooltip_error",
+  warning: "tooltip_warning",
+  clear: "tooltip_clear",
+  shadowNone: "tooltip_shadow-None",
+  shadowLight: "tooltip_shadow-Light",
+  shadowMedium: "tooltip_shadow-Medium",
+  shadowStrong: "tooltip_shadow-Strong",
+  shadowIntense: "tooltip_shadow-Intense",
+  roundNone: "tooltip_round-None",
+  roundSmall: "tooltip_round-Small",
+  roundMedium: "tooltip_round-Medium",
+  roundLarge: "tooltip_round-Large"
+};
+const Tooltip = forwardRef((props, ref) => /* @__PURE__ */ jsx(TooltipBase, { ...props, ref, classMap: classes }));
+Tooltip.displayName = "Tooltip";
+export {
+  Tooltip as T
+};
+//# sourceMappingURL=Tooltip-XfsZnGgV.js.map

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

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

package/dist/core/Tooltip.cjs.js

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

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

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

package/dist/core/Tooltip.js

@@ -0,0 +1,5 @@
+import { T } from "./Tooltip-XfsZnGgV.js";
+export {
+  T as default
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/core/Tooltip.js.map

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

package/dist/core/boreal-style-config-BILmxkZG.js

@@ -0,0 +1,25 @@
+const fallback = {
+  defaultTheme: "primary",
+  defaultRounding: "medium",
+  defaultShadow: "light",
+  defaultSize: "medium",
+  defaultColorSchemeName: "Forest Dusk"
+};
+let userConfig = {};
+const setBorealStyleConfig = (config) => {
+  userConfig = config;
+};
+const getDefaultTheme = () => userConfig.defaultTheme ?? fallback.defaultTheme;
+const getDefaultRounding = () => userConfig.defaultRounding ?? fallback.defaultRounding;
+const getDefaultShadow = () => userConfig.defaultShadow ?? fallback.defaultShadow;
+const getDefaultSize = () => userConfig.defaultSize ?? fallback.defaultSize;
+const getDefaultColorSchemeName = () => userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;
+export {
+  getDefaultRounding as a,
+  getDefaultShadow as b,
+  getDefaultSize as c,
+  getDefaultTheme as d,
+  getDefaultColorSchemeName as g,
+  setBorealStyleConfig as s
+};
+//# sourceMappingURL=boreal-style-config-BILmxkZG.js.map

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

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

package/dist/core/boreal-style-config-Rr5d5Qts.cjs

@@ -0,0 +1,24 @@
+"use strict";
+const fallback = {
+  defaultTheme: "primary",
+  defaultRounding: "medium",
+  defaultShadow: "light",
+  defaultSize: "medium",
+  defaultColorSchemeName: "Forest Dusk"
+};
+let userConfig = {};
+const setBorealStyleConfig = (config) => {
+  userConfig = config;
+};
+const getDefaultTheme = () => userConfig.defaultTheme ?? fallback.defaultTheme;
+const getDefaultRounding = () => userConfig.defaultRounding ?? fallback.defaultRounding;
+const getDefaultShadow = () => userConfig.defaultShadow ?? fallback.defaultShadow;
+const getDefaultSize = () => userConfig.defaultSize ?? fallback.defaultSize;
+const getDefaultColorSchemeName = () => userConfig.defaultColorSchemeName ?? fallback.defaultColorSchemeName;
+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

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

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

package/dist/core/capitalize-C0TSQSPh.js

@@ -0,0 +1,5 @@
+const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+export {
+  capitalize as c
+};
+//# sourceMappingURL=capitalize-C0TSQSPh.js.map

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

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

package/dist/core/capitalize-DoV-nOmN.cjs

@@ -0,0 +1,4 @@
+"use strict";
+const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+exports.capitalize = capitalize;
+//# sourceMappingURL=capitalize-DoV-nOmN.cjs.map

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

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

package/dist/core/classNames-AS8QjFq7.js

@@ -0,0 +1,7 @@
+function combineClassNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+export {
+  combineClassNames as c
+};
+//# sourceMappingURL=classNames-AS8QjFq7.js.map

package/dist/core/classNames-AS8QjFq7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames-AS8QjFq7.js","sources":["../../src/utils/classNames.ts"],"sourcesContent":["/**\r\n * Combines multiple class names into a single space-separated string.\r\n *\r\n * Filters out falsy values such as `false`, `null`, `undefined`, and empty strings.\r\n * Useful for conditionally applying classes in JSX.\r\n *\r\n * @param {...(string | false | null | undefined)[]} classes - An array of class names or falsy values.\r\n * @returns {string} A single string of space-separated class names.\r\n *\r\n * @example\r\n * combineClassNames(\"btn\", isActive && \"btn--active\", isDisabled && \"btn--disabled\");\r\n * // \"btn btn--active\" (if isActive is true and isDisabled is false)\r\n */\r\nexport function combineClassNames(\r\n  ...classes: (string | false | null | undefined)[]\r\n): string {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n"],"names":[],"mappings":"AAaO,SAAS,qBACX,SACK;AACR,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;"}

package/dist/core/classNames-BcWMx052.cjs

@@ -0,0 +1,6 @@
+"use strict";
+function combineClassNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+exports.combineClassNames = combineClassNames;
+//# sourceMappingURL=classNames-BcWMx052.cjs.map

package/dist/core/classNames-BcWMx052.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames-BcWMx052.cjs","sources":["../../src/utils/classNames.ts"],"sourcesContent":["/**\r\n * Combines multiple class names into a single space-separated string.\r\n *\r\n * Filters out falsy values such as `false`, `null`, `undefined`, and empty strings.\r\n * Useful for conditionally applying classes in JSX.\r\n *\r\n * @param {...(string | false | null | undefined)[]} classes - An array of class names or falsy values.\r\n * @returns {string} A single string of space-separated class names.\r\n *\r\n * @example\r\n * combineClassNames(\"btn\", isActive && \"btn--active\", isDisabled && \"btn--disabled\");\r\n * // \"btn btn--active\" (if isActive is true and isDisabled is false)\r\n */\r\nexport function combineClassNames(\r\n  ...classes: (string | false | null | undefined)[]\r\n): string {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n"],"names":[],"mappings":";AAaO,SAAS,qBACX,SACK;AACR,SAAO,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;;"}

package/dist/core/colorSchemes.cjs.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const colorSchemes = [
+  {
+    name: "Ocean Breeze",
+    primaryColor: "#02a899",
+    secondaryColor: "#de6559",
+    tertiaryColor: "#729E9A",
+    quaternaryColor: "#ffa17f",
+    backgroundColor: "#d9dbd9"
+  },
+  {
+    name: "Rose Quartz",
+    primaryColor: "#d98768",
+    secondaryColor: "#a37981",
+    tertiaryColor: "#806868",
+    quaternaryColor: "#f1b8a0",
+    backgroundColor: "#f7f4f2"
+  },
+  {
+    name: "Berry Burst",
+    primaryColor: "#b57077",
+    secondaryColor: "#9183a3",
+    tertiaryColor: "#78666D",
+    quaternaryColor: "#e4b9c0",
+    backgroundColor: "#EDEDED"
+  },
+  {
+    name: "Autumn Glow",
+    primaryColor: "#dea9a9",
+    secondaryColor: "#CC8430",
+    tertiaryColor: "#B7926A",
+    quaternaryColor: "#ffe2b0",
+    backgroundColor: "#F5F5F5"
+  },
+  {
+    name: "Tropical Sunrise",
+    primaryColor: "#DAA200",
+    secondaryColor: "#d9a76c",
+    tertiaryColor: "#AD8A59",
+    quaternaryColor: "#ffe4b3",
+    backgroundColor: "#fcfbf7"
+  },
+  {
+    name: "Golden Hour",
+    primaryColor: "#B58800",
+    secondaryColor: "#9574cc",
+    tertiaryColor: "#B5A163",
+    quaternaryColor: "#c5a8ff",
+    backgroundColor: "#dbdbd9"
+  },
+  {
+    name: "Sunset",
+    primaryColor: "#492578",
+    secondaryColor: "#7d533b",
+    tertiaryColor: "#b372d2",
+    quaternaryColor: "#C68559",
+    backgroundColor: "#2b2b2b"
+  },
+  {
+    name: "Forest Dusk",
+    primaryColor: "#1c4d3a",
+    secondaryColor: "#6e502e",
+    tertiaryColor: "#2c7160",
+    quaternaryColor: "#dab57b",
+    backgroundColor: "#222e2e"
+  },
+  {
+    name: "Eclipse Night",
+    primaryColor: "#4c4f5e",
+    secondaryColor: "#444447",
+    tertiaryColor: "#989bad",
+    quaternaryColor: "#a58aff",
+    backgroundColor: "#2b2b2b"
+  }
+];
+exports.colorSchemes = colorSchemes;
+//# sourceMappingURL=colorSchemes.cjs.js.map

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

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