boreal-ui 0.0.34 → 0.0.35

package/dist/next/Tooltip-1m3gCuRE.cjs

@@ -0,0 +1,165 @@
+"use strict";
+const require$$2 = 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 noScroll = "_noScroll_32s14_91";
+const errorMessage = "_errorMessage_32s14_92";
+const loadingContainer = "_loadingContainer_32s14_93";
+const hideScrollbar = "_hideScrollbar_32s14_85";
+const sr_only = "_sr_only_32s14_94";
+const container = "_container_32s14_540";
+const tooltip = "_tooltip_32s14_544";
+const top = "_top_32s14_569";
+const bottom = "_bottom_32s14_581";
+const left = "_left_32s14_593";
+const right = "_right_32s14_605";
+const primary = "_primary_32s14_617";
+const secondary = "_secondary_32s14_637";
+const tertiary = "_tertiary_32s14_665";
+const quaternary = "_quaternary_32s14_689";
+const clear = "_clear_32s14_713";
+const success = "_success_32s14_737";
+const error = "_error_32s14_92";
+const warning = "_warning_32s14_785";
+const roundNone = "_roundNone_32s14_814";
+const roundSmall = "_roundSmall_32s14_818";
+const roundMedium = "_roundMedium_32s14_822";
+const roundLarge = "_roundLarge_32s14_826";
+const roundFull = "_roundFull_32s14_830";
+const shadowNone = "_shadowNone_32s14_834";
+const shadowLight = "_shadowLight_32s14_838";
+const shadowMedium = "_shadowMedium_32s14_842";
+const shadowStrong = "_shadowStrong_32s14_846";
+const shadowIntense = "_shadowIntense_32s14_850";
+const spin = "_spin_32s14_1";
+const pulse = "_pulse_32s14_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  tooltip,
+  top,
+  bottom,
+  left,
+  right,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_32s14_1",
+  "slide-up": "_slide-up_32s14_1",
+  "spin-3d": "_spin-3d_32s14_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_32s14_1",
+  "progress-grow": "_progress-grow_32s14_1",
+  "indeterminate-move": "_indeterminate-move_32s14_1",
+  "skeleton-loading": "_skeleton-loading_32s14_1"
+};
+const TooltipBase = React.forwardRef(function TooltipBase2({
+  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 show = () => setVisible(true);
+  const hide = () => setVisible(false);
+  React.useEffect(() => {
+    if (!visible) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") hide();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [visible]);
+  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, 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 (React.isValidElement(children)) {
+    const isNaturallyFocusable = 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 = React.cloneElement(children, {
+      ...triggerProps,
+      ...maybeTabIndex
+    });
+  } else {
+    trigger = /* @__PURE__ */ require$$2.jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+  }
+  return /* @__PURE__ */ require$$2.jsxs(
+    "div",
+    {
+      className: classNames.combineClassNames(classMap.container, className),
+      "data-testid": `${testId}-container`,
+      children: [
+        trigger,
+        /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            ref,
+            id: tooltipId,
+            className: toolTipClassName,
+            role: "tooltip",
+            "aria-hidden": !visible,
+            "data-testid": testId,
+            ...rest,
+            children: content
+          }
+        )
+      ]
+    }
+  );
+});
+TooltipBase.displayName = "TooltipBase";
+const Tooltip = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(TooltipBase, { ...props, ref, classMap: styles }));
+Tooltip.displayName = "Tooltip";
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip-1m3gCuRE.cjs.map

package/dist/next/Tooltip-1m3gCuRE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-1m3gCuRE.cjs","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/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 } 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\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    \"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\r\n  const show = () => setVisible(true);\r\n  const hide = () => setVisible(false);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\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  const triggerProps = {\r\n    onMouseEnter: show,\r\n    onMouseLeave: hide,\r\n    onFocus: show,\r\n    onBlur: hide,\r\n    \"aria-describedby\": visible ? tooltipId : undefined,\r\n    \"data-testid\": `${testId}-trigger`,\r\n  } as const;\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const isNaturallyFocusable =\r\n      typeof (children as any).type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(\r\n        (children as any).type\r\n      );\r\n\r\n    const existingTabIndex = (children.props as any).tabIndex;\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || existingTabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    trigger = cloneElement(children as React.ReactElement, {\r\n      ...triggerProps,\r\n      ...maybeTabIndex,\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span tabIndex={0} {...triggerProps} className={classMap.triggerWrapper}>\r\n        {children}\r\n      </span>\r\n    );\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    >\r\n      {trigger}\r\n\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        data-testid={testId}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={styles} />\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/next/Tooltip-D5_lSH1z.js

@@ -0,0 +1,166 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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";
+const noScroll = "_noScroll_32s14_91";
+const errorMessage = "_errorMessage_32s14_92";
+const loadingContainer = "_loadingContainer_32s14_93";
+const hideScrollbar = "_hideScrollbar_32s14_85";
+const sr_only = "_sr_only_32s14_94";
+const container = "_container_32s14_540";
+const tooltip = "_tooltip_32s14_544";
+const top = "_top_32s14_569";
+const bottom = "_bottom_32s14_581";
+const left = "_left_32s14_593";
+const right = "_right_32s14_605";
+const primary = "_primary_32s14_617";
+const secondary = "_secondary_32s14_637";
+const tertiary = "_tertiary_32s14_665";
+const quaternary = "_quaternary_32s14_689";
+const clear = "_clear_32s14_713";
+const success = "_success_32s14_737";
+const error = "_error_32s14_92";
+const warning = "_warning_32s14_785";
+const roundNone = "_roundNone_32s14_814";
+const roundSmall = "_roundSmall_32s14_818";
+const roundMedium = "_roundMedium_32s14_822";
+const roundLarge = "_roundLarge_32s14_826";
+const roundFull = "_roundFull_32s14_830";
+const shadowNone = "_shadowNone_32s14_834";
+const shadowLight = "_shadowLight_32s14_838";
+const shadowMedium = "_shadowMedium_32s14_842";
+const shadowStrong = "_shadowStrong_32s14_846";
+const shadowIntense = "_shadowIntense_32s14_850";
+const spin = "_spin_32s14_1";
+const pulse = "_pulse_32s14_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  tooltip,
+  top,
+  bottom,
+  left,
+  right,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_32s14_1",
+  "slide-up": "_slide-up_32s14_1",
+  "spin-3d": "_spin-3d_32s14_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_32s14_1",
+  "progress-grow": "_progress-grow_32s14_1",
+  "indeterminate-move": "_indeterminate-move_32s14_1",
+  "skeleton-loading": "_skeleton-loading_32s14_1"
+};
+const TooltipBase = forwardRef(function TooltipBase2({
+  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 show = () => setVisible(true);
+  const hide = () => setVisible(false);
+  useEffect(() => {
+    if (!visible) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") hide();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [visible]);
+  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, 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 = 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
+    });
+  } else {
+    trigger = /* @__PURE__ */ jsx("span", { tabIndex: 0, ...triggerProps, className: classMap.triggerWrapper, children });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: combineClassNames(classMap.container, className),
+      "data-testid": `${testId}-container`,
+      children: [
+        trigger,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            id: tooltipId,
+            className: toolTipClassName,
+            role: "tooltip",
+            "aria-hidden": !visible,
+            "data-testid": testId,
+            ...rest,
+            children: content
+          }
+        )
+      ]
+    }
+  );
+});
+TooltipBase.displayName = "TooltipBase";
+const Tooltip = forwardRef((props, ref) => /* @__PURE__ */ jsx(TooltipBase, { ...props, ref, classMap: styles }));
+Tooltip.displayName = "Tooltip";
+export {
+  Tooltip as T
+};
+//# sourceMappingURL=Tooltip-D5_lSH1z.js.map

package/dist/next/Tooltip-D5_lSH1z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-D5_lSH1z.js","sources":["../../src/components/Tooltip/TooltipBase.tsx","../../src/components/Tooltip/next/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 } 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\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    \"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\r\n  const show = () => setVisible(true);\r\n  const hide = () => setVisible(false);\r\n\r\n  useEffect(() => {\r\n    if (!visible) return;\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") hide();\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  const triggerProps = {\r\n    onMouseEnter: show,\r\n    onMouseLeave: hide,\r\n    onFocus: show,\r\n    onBlur: hide,\r\n    \"aria-describedby\": visible ? tooltipId : undefined,\r\n    \"data-testid\": `${testId}-trigger`,\r\n  } as const;\r\n\r\n  let trigger: React.ReactNode;\r\n\r\n  if (isValidElement(children)) {\r\n    const isNaturallyFocusable =\r\n      typeof (children as any).type === \"string\" &&\r\n      [\"a\", \"button\", \"input\", \"textarea\", \"select\"].includes(\r\n        (children as any).type\r\n      );\r\n\r\n    const existingTabIndex = (children.props as any).tabIndex;\r\n    const maybeTabIndex =\r\n      isNaturallyFocusable || existingTabIndex !== undefined\r\n        ? {}\r\n        : { tabIndex: 0 };\r\n\r\n    trigger = cloneElement(children as React.ReactElement, {\r\n      ...triggerProps,\r\n      ...maybeTabIndex,\r\n    });\r\n  } else {\r\n    trigger = (\r\n      <span tabIndex={0} {...triggerProps} className={classMap.triggerWrapper}>\r\n        {children}\r\n      </span>\r\n    );\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    >\r\n      {trigger}\r\n\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        data-testid={testId}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nTooltipBase.displayName = \"TooltipBase\";\r\nexport default TooltipBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport styles from \"./Tooltip.module.scss\";\r\nimport TooltipBase from \"../TooltipBase\";\r\nimport { TooltipProps } from \"../Tooltip.types\";\r\n\r\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => (\r\n  <TooltipBase {...props} ref={ref} classMap={styles} />\r\n));\r\n\r\nTooltip.displayName = \"Tooltip\";\r\n\r\nexport default Tooltip;\r\n"],"names":["TooltipBase"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc,WAGlB,SAASA,aACT;AAAA,EACE;AAAA,EACA,WAAW;AAAA,EACX,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,MAAA;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,OAAO,MAAM,WAAW,IAAI;AAClC,QAAM,OAAO,MAAM,WAAW,KAAK;AAEnC,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,MAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,KAAK;AAC1C,WAAO,MAAM,SAAS,oBAAoB,WAAW,KAAK;AAAA,EAC5D,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,QAAQ;AAAA,MACjB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,UAAU,OAAO,OAAO,SAAS,QAAQ,QAAQ;AAAA,EAAA;AAG9D,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,oBAAoB,UAAU,YAAY;AAAA,IAC1C,eAAe,GAAG,MAAM;AAAA,EAAA;AAG1B,MAAI;AAEJ,MAAI,eAAe,QAAQ,GAAG;AAC5B,UAAM,uBACJ,OAAQ,SAAiB,SAAS,YAClC,CAAC,KAAK,UAAU,SAAS,YAAY,QAAQ,EAAE;AAAA,MAC5C,SAAiB;AAAA,IAAA;AAGtB,UAAM,mBAAoB,SAAS,MAAc;AACjD,UAAM,gBACJ,wBAAwB,qBAAqB,SACzC,KACA,EAAE,UAAU,EAAA;AAElB,cAAU,aAAa,UAAgC;AAAA,MACrD,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACJ;AAAA,EACH,OAAO;AACL,cACE,oBAAC,UAAK,UAAU,GAAI,GAAG,cAAc,WAAW,SAAS,gBACtD,SAAA,CACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,kBAAkB,SAAS,WAAW,SAAS;AAAA,MAC1D,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA;AAAA,QAAA;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,MAAK;AAAA,YACL,eAAa,CAAC;AAAA,YACd,eAAa;AAAA,YACZ,GAAG;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAED,YAAY,cAAc;ACrH1B,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ,CACrD;AAED,QAAQ,cAAc;"}

package/dist/next/Tooltip.cjs.js

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

package/dist/next/Tooltip.js

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

package/dist/next/index.cjs.js

@@ -5,14 +5,14 @@ const registerColorSheme = require("./registerColorSheme-nhYu5hbY.cjs");
 const colorSchemes = require("./colorSchemes.cjs.js");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 const Button = require("./Button-sIKQmn_c.cjs");
-const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const IconButton = require("./IconButton-C3WpabtT.cjs");
 const STT = require("./STT-BygzgjFx.cjs");
-const TextInput = require("./TextInput-CpbTf99E.cjs");
-const TextArea = require("./TextArea-OpFozktU.cjs");
+const TextInput = require("./TextInput-CUBY6wCB.cjs");
+const TextArea = require("./TextArea-Cn2q5KhJ.cjs");
 const Select = require("./Select-D4QdlQ6W.cjs");
-const Footer = require("./Footer-CukKL1zM.cjs");
-const FileUpload = require("./FileUpload-DpxmgS-B.cjs");
-const TagInput = require("./TagInput-DuvUD94J.cjs");
+const Footer = require("./Footer-C98DQNB3.cjs");
+const FileUpload = require("./FileUpload-C95H9D4N.cjs");
+const TagInput = require("./TagInput-B6PAcCaw.cjs");
 const RadioButton = require("./RadioButton-V4J4u58H.cjs");
 const Slider = require("./Slider-BLoEjvbT.cjs");
 const Checkbox = require("./Checkbox-DXRmAtTt.cjs");
@@ -21,7 +21,7 @@ const FormGroup = require("./FormGroup-DXvH4AmB.cjs");
 const DataTable = require("./DataTable-B0-pq0MG.cjs");
 const DateTimePicker = require("./DateTimePicker-DivMR4Oe.cjs");
 const MarkdownRenderer = require("./MarkdownRenderer-ByOcqHm_.cjs");
-const Chip = require("./Chip-CfJ473TI.cjs");
+const Chip = require("./Chip-C7w9CTed.cjs");
 const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const uuid = require("uuid");
@@ -32,27 +32,27 @@ const CircularProgress = require("./CircularProgress-B0pzDdsh.cjs");
 const Rating = require("./Rating-C1Lb-VqV.cjs");
 const Skeleton = require("./Skeleton-BCbvshNz.cjs");
 const Spinner = require("./Spinner-Bk_yQWCK.cjs");
-const Tooltip = require("./Tooltip-CnwS0tgW.cjs");
-const MessagePopup = require("./MessagePopup-BL7842Cu.cjs");
+const Tooltip = require("./Tooltip-1m3gCuRE.cjs");
+const MessagePopup = require("./MessagePopup-CcM5nRAG.cjs");
 const PopOver = require("./PopOver-DoS-aqXT.cjs");
 const NavBar = require("./NavBar-yvxI6w8C.cjs");
 const Breadcrumbs = require("./Breadcrumbs-veVO4yuY.cjs");
-const Tabs = require("./Tabs-DhQgzZKQ.cjs");
-const Stepper = require("./Stepper-kC6EOZ_b.cjs");
-const Timeline = require("./Timeline-jmKmKwxD.cjs");
+const Tabs = require("./Tabs-Dom5sh_U.cjs");
+const Stepper = require("./Stepper-CWXKcAae.cjs");
+const Timeline = require("./Timeline-BWx1ROuN.cjs");
 const Accordion = require("./Accordion-CmbMyudL.cjs");
-const Pager = require("./Pager-jPCTdMIg.cjs");
-const Modal = require("./Modal-Bauehvf1.cjs");
-const Toggle = require("./Toggle-ei8CN3th.cjs");
-const Toolbar = require("./Toolbar-Dv6focMM.cjs");
-const Dropdown = require("./Dropdown-qvuelg8z.cjs");
+const Pager = require("./Pager-BpTg_723.cjs");
+const Modal = require("./Modal-hk84_P6s.cjs");
+const Toggle = require("./Toggle-Cs4ail9L.cjs");
+const Toolbar = require("./Toolbar-CyjJbHtq.cjs");
+const Dropdown = require("./Dropdown-BbdsK4H6.cjs");
 const Divider = require("./Divider-Bew1Qx5f.cjs");
 const MetricBox = require("./MetricBox-B9AG8u6p.cjs");
 const EmptyState = require("./EmptyState-DMIL8ecB.cjs");
-const CommandPalette = require("./CommandPalette-DhyChRCJ.cjs");
-const NotificationCenter = require("./NotificationCenter-dkrHsIKr.cjs");
+const CommandPalette = require("./CommandPalette-DHTJFymB.cjs");
+const NotificationCenter = require("./NotificationCenter-CLMiEWUG.cjs");
 const Sidebar = require("./Sidebar-CbQ4ssz-.cjs");
-const Card = require("./Card-BQTJkNCL.cjs");
+const Card = require("./Card-CAH-CrbH.cjs");
 const Avatar = require("./Avatar-hwM3F1Jw.cjs");
 const ChipGroupBase = React.forwardRef(
   ({

package/dist/next/index.js

@@ -4,14 +4,14 @@ import { colorSchemes } from "./colorSchemes.js";
 import { c as getDefaultSize } from "./boreal-style-config-BILmxkZG.js";
 import { s } from "./boreal-style-config-BILmxkZG.js";
 import { B } from "./Button-DN8rTQSp.js";
-import { I } from "./IconButton-B1r838wY.js";
+import { I } from "./IconButton-B_j-S10f.js";
 import { S } from "./STT-DKdM1tbk.js";
-import { T as T2 } from "./TextInput-G1Pvtebv.js";
-import { T as T3 } from "./TextArea-Bmkg-d0v.js";
+import { T as T2 } from "./TextInput-Zywm-WEW.js";
+import { T as T3 } from "./TextArea-C9VGM6pu.js";
 import { S as S2 } from "./Select-B3JaOW2f.js";
-import { F, U } from "./Footer-CD8eu471.js";
-import { F as F2 } from "./FileUpload-BSqFdKZD.js";
-import { T as T4 } from "./TagInput-CJ2XdMU0.js";
+import { F, U } from "./Footer-DhBE3lNY.js";
+import { F as F2 } from "./FileUpload-BxmKK5BE.js";
+import { T as T4 } from "./TagInput-C8hyzJ7f.js";
 import { R } from "./RadioButton-B2yQz2_q.js";
 import { S as S3 } from "./Slider-q_hjFuqb.js";
 import { C } from "./Checkbox-CU-XrZC7.js";
@@ -20,7 +20,7 @@ import { F as F3 } from "./FormGroup-DSDuqKWJ.js";
 import { D } from "./DataTable-D17xbmiu.js";
 import { D as D2 } from "./DateTimePicker-BJnnZBgd.js";
 import { M } from "./MarkdownRenderer-r0prlhyN.js";
-import { C as Chip } from "./Chip-CekCQRke.js";
+import { C as Chip } from "./Chip-Qa_1km99.js";
 import { jsx } from "react/jsx-runtime";
 import React, { forwardRef, useState, useEffect, useCallback, useImperativeHandle } from "react";
 import { v4 } from "uuid";
@@ -31,27 +31,27 @@ import { C as C3 } from "./CircularProgress-C3vHw9Vz.js";
 import { R as R2 } from "./Rating-DQsfA43l.js";
 import { S as S4 } from "./Skeleton-D8Jqmncm.js";
 import { S as S5 } from "./Spinner-CagtJg0l.js";
-import { T as T5 } from "./Tooltip-DhRckexD.js";
-import { M as M2 } from "./MessagePopup-Bjgods-d.js";
+import { T as T5 } from "./Tooltip-D5_lSH1z.js";
+import { M as M2 } from "./MessagePopup-BFKRiymY.js";
 import { P as P2 } from "./PopOver-BBFa0Sr0.js";
 import { N } from "./NavBar-kgNrVtKB.js";
 import { B as B3 } from "./Breadcrumbs-IO2iNAjN.js";
-import { T as T6 } from "./Tabs-CuF_JTan.js";
-import { S as S6 } from "./Stepper-BzItximd.js";
-import { T as T7 } from "./Timeline-WHRPqD31.js";
+import { T as T6 } from "./Tabs-B94nrX75.js";
+import { S as S6 } from "./Stepper-b-0SYFcE.js";
+import { T as T7 } from "./Timeline-CQxYIXCz.js";
 import { A } from "./Accordion-81qBJa4M.js";
-import { P as P3 } from "./Pager-CGqvekhJ.js";
-import { M as M3 } from "./Modal-BddVxoXY.js";
-import { T as T8 } from "./Toggle-D1vM9KrI.js";
-import { T as T9 } from "./Toolbar-Dw__aR2C.js";
-import { D as D3 } from "./Dropdown-DqYjIelJ.js";
+import { P as P3 } from "./Pager-nKqhRoht.js";
+import { M as M3 } from "./Modal-DIZf7sgL.js";
+import { T as T8 } from "./Toggle-Br6GTHrq.js";
+import { T as T9 } from "./Toolbar-DgiSHpuZ.js";
+import { D as D3 } from "./Dropdown-BvUfz8G7.js";
 import { D as D4 } from "./Divider-BGf_EQkK.js";
 import { M as M4 } from "./MetricBox-CM85hhlk.js";
 import { E } from "./EmptyState-CNii02MI.js";
-import { C as C4 } from "./CommandPalette-BEDyY7vY.js";
-import { N as N2 } from "./NotificationCenter-DlbqVzzr.js";
+import { C as C4 } from "./CommandPalette-D6ZeGNWl.js";
+import { N as N2 } from "./NotificationCenter-D3Eucn9z.js";
 import { S as S7 } from "./Sidebar-C6NbdjWV.js";
-import { C as C5 } from "./Card-B9EjkoVy.js";
+import { C as C5 } from "./Card-KFr31XTs.js";
 import { A as A2 } from "./Avatar-96V7QHyt.js";
 const ChipGroupBase = forwardRef(
   ({