boreal-ui 0.0.72 → 0.0.74

package/dist/next/Tabs-D5_4LqI2.cjs

@@ -1,255 +0,0 @@
-"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-C1UIwOFN.cjs");
-const tabs_container = "_tabs_container_1kzsw_85";
-const tabs = "_tabs_1kzsw_85";
-const icon = "_icon_1kzsw_109";
-const tab = "_tab_1kzsw_85";
-const xs = "_xs_1kzsw_180";
-const small = "_small_1kzsw_190";
-const medium = "_medium_1kzsw_200";
-const large = "_large_1kzsw_210";
-const xl = "_xl_1kzsw_220";
-const primary = "_primary_1kzsw_230";
-const active = "_active_1kzsw_230";
-const secondary = "_secondary_1kzsw_239";
-const tertiary = "_tertiary_1kzsw_248";
-const quaternary = "_quaternary_1kzsw_257";
-const clear = "_clear_1kzsw_266";
-const success = "_success_1kzsw_275";
-const error = "_error_1kzsw_284";
-const warning = "_warning_1kzsw_293";
-const roundNone = "_roundNone_1kzsw_306";
-const roundSmall = "_roundSmall_1kzsw_316";
-const roundMedium = "_roundMedium_1kzsw_326";
-const roundLarge = "_roundLarge_1kzsw_336";
-const roundFull = "_roundFull_1kzsw_346";
-const shadowNone = "_shadowNone_1kzsw_356";
-const shadowLight = "_shadowLight_1kzsw_360";
-const shadowMedium = "_shadowMedium_1kzsw_364";
-const shadowStrong = "_shadowStrong_1kzsw_368";
-const shadowIntense = "_shadowIntense_1kzsw_372";
-const styles = {
-  tabs_container,
-  tabs,
-  icon,
-  tab,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  primary,
-  active,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense
-};
-const getClass = (classMap, keys) => {
-  for (const k of keys) {
-    const v = classMap[k];
-    if (typeof v === "string" && v.length > 0) return v;
-  }
-  return void 0;
-};
-const TabsBase = ({
-  tabs: tabs2,
-  defaultIndex = 0,
-  value,
-  onChange,
-  ariaLabel = "Tabs",
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  className = "",
-  theme = borealStyleConfig.getDefaultTheme(),
-  state = "",
-  size = borealStyleConfig.getDefaultSize(),
-  orientation = "horizontal",
-  activationMode = "auto",
-  idBase,
-  "data-testid": testId = "tabs",
-  classMap
-}) => {
-  const uid = React.useId();
-  const baseId = React.useMemo(() => {
-    return idBase ?? `${testId}-${uid}`;
-  }, [idBase, testId, uid]);
-  const isControlled = typeof value === "number";
-  const [uncontrolledIndex, setUncontrolledIndex] = React.useState(defaultIndex);
-  const activeIndex = isControlled ? value : uncontrolledIndex;
-  const [focusIndex, setFocusIndex] = React.useState(defaultIndex);
-  const tabRefs = React.useRef([]);
-  React.useEffect(() => {
-    var _a;
-    const current = activationMode === "manual" ? focusIndex : activeIndex;
-    tabRefs.current.forEach((el, i) => {
-      if (!el) return;
-      el.setAttribute("tabindex", i === current ? "0" : "-1");
-    });
-    (_a = tabRefs.current[current]) == null ? void 0 : _a.focus();
-  }, [activeIndex, focusIndex, activationMode]);
-  React.useEffect(() => {
-    if (isControlled) setFocusIndex(activeIndex);
-  }, [activeIndex, isControlled]);
-  const containerClassNames = React.useMemo(() => {
-    const containerClass = getClass(classMap, ["container", "tabsContainer", "tabs_container"]) ?? "";
-    const themeClass = classMap[theme] ?? "";
-    const stateClass = state ? classMap[state] ?? "" : "";
-    const sizeClass = classMap[size] ?? "";
-    return classNames.combineClassNames(
-      containerClass,
-      themeClass,
-      stateClass,
-      sizeClass,
-      className
-    );
-  }, [classMap, theme, state, size, className]);
-  const tabBaseClassNames = React.useMemo(() => {
-    const tabClass = getClass(classMap, ["tab", "tabs_tab"]) ?? "";
-    const shadowClass = shadow ? classMap[`shadow${capitalize.capitalize(shadow)}`] ?? classMap[`tabs_shadow-${capitalize.capitalize(shadow)}`] : "";
-    const roundingClass = rounding ? classMap[`round${capitalize.capitalize(rounding)}`] ?? classMap[`tabs_round-${capitalize.capitalize(rounding)}`] : "";
-    return classNames.combineClassNames(tabClass, shadowClass, roundingClass);
-  }, [classMap, shadow, rounding]);
-  const activeClass = React.useMemo(() => {
-    return getClass(classMap, ["active", "tabs_active"]) ?? "";
-  }, [classMap]);
-  const disabledClass = React.useMemo(() => {
-    return getClass(classMap, ["disabled", "tabs_disabled"]) ?? "";
-  }, [classMap]);
-  const iconClass = React.useMemo(() => {
-    return getClass(classMap, ["icon", "tabs_icon"]) ?? "";
-  }, [classMap]);
-  const tabListClass = React.useMemo(() => {
-    return getClass(classMap, ["tabs", "tabs"]) ?? "";
-  }, [classMap]);
-  const isDisabled = (index) => {
-    var _a;
-    return Boolean((_a = tabs2[index]) == null ? void 0 : _a.disabled);
-  };
-  const nextEnabled = (start, dir) => {
-    const len = tabs2.length;
-    let i = start;
-    for (let n = 0; n < len; n++) {
-      i = (i + dir + len) % len;
-      if (!isDisabled(i)) return i;
-    }
-    return start;
-  };
-  const activate = (index) => {
-    if (isDisabled(index)) return;
-    if (!isControlled) setUncontrolledIndex(index);
-    onChange == null ? void 0 : onChange(index);
-  };
-  const onKeyDown = (event) => {
-    const horiz = orientation === "horizontal";
-    const { key } = event;
-    let newFocus = focusIndex;
-    if (horiz && key === "ArrowRight") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, 1);
-    } else if (horiz && key === "ArrowLeft") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, -1);
-    } else if (!horiz && key === "ArrowDown") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, 1);
-    } else if (!horiz && key === "ArrowUp") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, -1);
-    } else if (key === "Home") {
-      event.preventDefault();
-      newFocus = nextEnabled(-1, 1);
-    } else if (key === "End") {
-      event.preventDefault();
-      newFocus = nextEnabled(0, -1);
-    } else if (activationMode === "manual" && (key === "Enter" || key === " ")) {
-      event.preventDefault();
-      if (!isDisabled(focusIndex)) activate(focusIndex);
-      return;
-    } else {
-      return;
-    }
-    setFocusIndex(newFocus);
-    if (activationMode === "auto") activate(newFocus);
-  };
-  return /* @__PURE__ */ require$$2.jsx("div", { className: containerClassNames, "data-testid": testId, children: /* @__PURE__ */ require$$2.jsx(
-    "div",
-    {
-      className: tabListClass,
-      "aria-label": ariaLabel,
-      role: "tablist",
-      "aria-orientation": orientation,
-      onKeyDown,
-      "data-testid": `${testId}-tablist`,
-      children: tabs2.map((tab2, index) => {
-        const Icon = tab2.icon;
-        const isActive = index === activeIndex;
-        const disabled = isDisabled(index);
-        const tabId = `${baseId}-tab-${index}`;
-        const panelId = `${baseId}-panel-${index}`;
-        return /* @__PURE__ */ require$$2.jsxs(
-          "button",
-          {
-            ref: (el) => {
-              tabRefs.current[index] = el;
-            },
-            className: classNames.combineClassNames(
-              tabBaseClassNames,
-              isActive && activeClass,
-              disabled && disabledClass
-            ),
-            role: "tab",
-            type: "button",
-            "aria-selected": isActive,
-            "aria-controls": panelId,
-            id: tabId,
-            "aria-disabled": disabled || void 0,
-            onClick: () => {
-              if (disabled) return;
-              setFocusIndex(index);
-              activate(index);
-            },
-            "data-testid": `${testId}-tab-${index}`,
-            children: [
-              Icon && /* @__PURE__ */ require$$2.jsx(
-                "span",
-                {
-                  className: iconClass,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-icon-${index}`,
-                  children: /* @__PURE__ */ require$$2.jsx(Icon, {})
-                }
-              ),
-              tab2.label
-            ]
-          },
-          `${tab2.label}-${index}`
-        );
-      })
-    }
-  ) });
-};
-TabsBase.displayName = "TabsBase";
-const Tabs = (props) => {
-  return /* @__PURE__ */ require$$2.jsx(TabsBase, { ...props, classMap: styles });
-};
-Tabs.displayName = "Tabs";
-exports.Tabs = Tabs;
-//# sourceMappingURL=Tabs-D5_4LqI2.cjs.map

package/dist/next/Tabs-D5_4LqI2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs-D5_4LqI2.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState, useId } from \"react\";\r\nimport { BaseTabsProps } from \"./Tabs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\ntype Dir = 1 | -1;\r\n\r\nconst getClass = (\r\n  classMap: Record<string, string>,\r\n  keys: string[],\r\n): string | undefined => {\r\n  for (const k of keys) {\r\n    const v = classMap[k];\r\n    if (typeof v === \"string\" && v.length > 0) return v;\r\n  }\r\n  return undefined;\r\n};\r\n\r\nconst TabsBase: React.FC<BaseTabsProps> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  value,\r\n  onChange,\r\n  ariaLabel = \"Tabs\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  orientation = \"horizontal\",\r\n  activationMode = \"auto\",\r\n  idBase,\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const baseId = useMemo<string>(() => {\r\n    return idBase ?? `${testId}-${uid}`;\r\n  }, [idBase, testId, uid]);\r\n\r\n  const isControlled: boolean = typeof value === \"number\";\r\n\r\n  const [uncontrolledIndex, setUncontrolledIndex] =\r\n    useState<number>(defaultIndex);\r\n\r\n  const activeIndex: number = isControlled\r\n    ? (value as number)\r\n    : uncontrolledIndex;\r\n\r\n  const [focusIndex, setFocusIndex] = useState<number>(defaultIndex);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    const current = activationMode === \"manual\" ? focusIndex : activeIndex;\r\n\r\n    tabRefs.current.forEach((el, i) => {\r\n      if (!el) return;\r\n      el.setAttribute(\"tabindex\", i === current ? \"0\" : \"-1\");\r\n    });\r\n\r\n    tabRefs.current[current]?.focus();\r\n  }, [activeIndex, focusIndex, activationMode]);\r\n\r\n  useEffect(() => {\r\n    if (isControlled) setFocusIndex(activeIndex);\r\n  }, [activeIndex, isControlled]);\r\n\r\n  const containerClassNames = useMemo(() => {\r\n    const containerClass =\r\n      getClass(classMap, [\"container\", \"tabsContainer\", \"tabs_container\"]) ??\r\n      \"\";\r\n    const themeClass = classMap[theme] ?? \"\";\r\n    const stateClass = state ? (classMap[state] ?? \"\") : \"\";\r\n    const sizeClass = classMap[size] ?? \"\";\r\n\r\n    return combineClassNames(\r\n      containerClass,\r\n      themeClass,\r\n      stateClass,\r\n      sizeClass,\r\n      className,\r\n    );\r\n  }, [classMap, theme, state, size, className]);\r\n\r\n  const tabBaseClassNames = useMemo(() => {\r\n    const tabClass = getClass(classMap, [\"tab\", \"tabs_tab\"]) ?? \"\";\r\n    const shadowClass = shadow\r\n      ? (classMap[`shadow${capitalize(shadow)}`] ??\r\n        classMap[`tabs_shadow-${capitalize(shadow)}`])\r\n      : \"\";\r\n    const roundingClass = rounding\r\n      ? (classMap[`round${capitalize(rounding)}`] ??\r\n        classMap[`tabs_round-${capitalize(rounding)}`])\r\n      : \"\";\r\n\r\n    return combineClassNames(tabClass, shadowClass, roundingClass);\r\n  }, [classMap, shadow, rounding]);\r\n\r\n  const activeClass = useMemo(() => {\r\n    return getClass(classMap, [\"active\", \"tabs_active\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const disabledClass = useMemo(() => {\r\n    return getClass(classMap, [\"disabled\", \"tabs_disabled\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const iconClass = useMemo(() => {\r\n    return getClass(classMap, [\"icon\", \"tabs_icon\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const tabListClass = useMemo(() => {\r\n    return getClass(classMap, [\"tabs\", \"tabs\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const isDisabled = (index: number): boolean => Boolean(tabs[index]?.disabled);\r\n\r\n  const nextEnabled = (start: number, dir: Dir): number => {\r\n    const len = tabs.length;\r\n    let i = start;\r\n\r\n    for (let n = 0; n < len; n++) {\r\n      i = (i + dir + len) % len;\r\n      if (!isDisabled(i)) return i;\r\n    }\r\n    return start;\r\n  };\r\n\r\n  const activate = (index: number): void => {\r\n    if (isDisabled(index)) return;\r\n\r\n    if (!isControlled) setUncontrolledIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n    const horiz = orientation === \"horizontal\";\r\n    const { key } = event;\r\n\r\n    let newFocus = focusIndex;\r\n\r\n    if (horiz && key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (horiz && key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (!horiz && key === \"ArrowDown\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (!horiz && key === \"ArrowUp\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (key === \"Home\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(-1, 1);\r\n    } else if (key === \"End\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(0, -1);\r\n    } else if (\r\n      activationMode === \"manual\" &&\r\n      (key === \"Enter\" || key === \" \")\r\n    ) {\r\n      event.preventDefault();\r\n      if (!isDisabled(focusIndex)) activate(focusIndex);\r\n      return;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    setFocusIndex(newFocus);\r\n    if (activationMode === \"auto\") activate(newFocus);\r\n  };\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        className={tabListClass}\r\n        aria-label={ariaLabel}\r\n        role=\"tablist\"\r\n        aria-orientation={orientation}\r\n        onKeyDown={onKeyDown}\r\n        data-testid={`${testId}-tablist`}\r\n      >\r\n        {tabs.map((tab, index) => {\r\n          const Icon = tab.icon;\r\n          const isActive = index === activeIndex;\r\n          const disabled = isDisabled(index);\r\n\r\n          const tabId = `${baseId}-tab-${index}`;\r\n          const panelId = `${baseId}-panel-${index}`;\r\n\r\n          return (\r\n            <button\r\n              key={`${tab.label}-${index}`}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabBaseClassNames,\r\n                isActive && activeClass,\r\n                disabled && disabledClass,\r\n              )}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={isActive}\r\n              aria-controls={panelId}\r\n              id={tabId}\r\n              aria-disabled={disabled || undefined}\r\n              onClick={() => {\r\n                if (disabled) return;\r\n                setFocusIndex(index);\r\n                activate(index);\r\n              }}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <span\r\n                  className={iconClass}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </span>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTabsBase.displayName = \"TabsBase\";\r\nexport default TabsBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={styles} />;\r\n};\r\nTabs.displayName = \"Tabs\";\r\nexport default Tabs;\r\n"],"names":["tabs","getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useId","useMemo","useState","useRef","useEffect","combineClassNames","capitalize","jsx","tab","jsxs"],"mappings":"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"}

package/dist/next/Tabs-XAXQS4Zl.js

@@ -1,256 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useId, useMemo, useState, useRef, useEffect } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { d as getDefaultTheme, c as getDefaultSize, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
-const tabs_container = "_tabs_container_1kzsw_85";
-const tabs = "_tabs_1kzsw_85";
-const icon = "_icon_1kzsw_109";
-const tab = "_tab_1kzsw_85";
-const xs = "_xs_1kzsw_180";
-const small = "_small_1kzsw_190";
-const medium = "_medium_1kzsw_200";
-const large = "_large_1kzsw_210";
-const xl = "_xl_1kzsw_220";
-const primary = "_primary_1kzsw_230";
-const active = "_active_1kzsw_230";
-const secondary = "_secondary_1kzsw_239";
-const tertiary = "_tertiary_1kzsw_248";
-const quaternary = "_quaternary_1kzsw_257";
-const clear = "_clear_1kzsw_266";
-const success = "_success_1kzsw_275";
-const error = "_error_1kzsw_284";
-const warning = "_warning_1kzsw_293";
-const roundNone = "_roundNone_1kzsw_306";
-const roundSmall = "_roundSmall_1kzsw_316";
-const roundMedium = "_roundMedium_1kzsw_326";
-const roundLarge = "_roundLarge_1kzsw_336";
-const roundFull = "_roundFull_1kzsw_346";
-const shadowNone = "_shadowNone_1kzsw_356";
-const shadowLight = "_shadowLight_1kzsw_360";
-const shadowMedium = "_shadowMedium_1kzsw_364";
-const shadowStrong = "_shadowStrong_1kzsw_368";
-const shadowIntense = "_shadowIntense_1kzsw_372";
-const styles = {
-  tabs_container,
-  tabs,
-  icon,
-  tab,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  primary,
-  active,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense
-};
-const getClass = (classMap, keys) => {
-  for (const k of keys) {
-    const v = classMap[k];
-    if (typeof v === "string" && v.length > 0) return v;
-  }
-  return void 0;
-};
-const TabsBase = ({
-  tabs: tabs2,
-  defaultIndex = 0,
-  value,
-  onChange,
-  ariaLabel = "Tabs",
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  className = "",
-  theme = getDefaultTheme(),
-  state = "",
-  size = getDefaultSize(),
-  orientation = "horizontal",
-  activationMode = "auto",
-  idBase,
-  "data-testid": testId = "tabs",
-  classMap
-}) => {
-  const uid = useId();
-  const baseId = useMemo(() => {
-    return idBase ?? `${testId}-${uid}`;
-  }, [idBase, testId, uid]);
-  const isControlled = typeof value === "number";
-  const [uncontrolledIndex, setUncontrolledIndex] = useState(defaultIndex);
-  const activeIndex = isControlled ? value : uncontrolledIndex;
-  const [focusIndex, setFocusIndex] = useState(defaultIndex);
-  const tabRefs = useRef([]);
-  useEffect(() => {
-    var _a;
-    const current = activationMode === "manual" ? focusIndex : activeIndex;
-    tabRefs.current.forEach((el, i) => {
-      if (!el) return;
-      el.setAttribute("tabindex", i === current ? "0" : "-1");
-    });
-    (_a = tabRefs.current[current]) == null ? void 0 : _a.focus();
-  }, [activeIndex, focusIndex, activationMode]);
-  useEffect(() => {
-    if (isControlled) setFocusIndex(activeIndex);
-  }, [activeIndex, isControlled]);
-  const containerClassNames = useMemo(() => {
-    const containerClass = getClass(classMap, ["container", "tabsContainer", "tabs_container"]) ?? "";
-    const themeClass = classMap[theme] ?? "";
-    const stateClass = state ? classMap[state] ?? "" : "";
-    const sizeClass = classMap[size] ?? "";
-    return combineClassNames(
-      containerClass,
-      themeClass,
-      stateClass,
-      sizeClass,
-      className
-    );
-  }, [classMap, theme, state, size, className]);
-  const tabBaseClassNames = useMemo(() => {
-    const tabClass = getClass(classMap, ["tab", "tabs_tab"]) ?? "";
-    const shadowClass = shadow ? classMap[`shadow${capitalize(shadow)}`] ?? classMap[`tabs_shadow-${capitalize(shadow)}`] : "";
-    const roundingClass = rounding ? classMap[`round${capitalize(rounding)}`] ?? classMap[`tabs_round-${capitalize(rounding)}`] : "";
-    return combineClassNames(tabClass, shadowClass, roundingClass);
-  }, [classMap, shadow, rounding]);
-  const activeClass = useMemo(() => {
-    return getClass(classMap, ["active", "tabs_active"]) ?? "";
-  }, [classMap]);
-  const disabledClass = useMemo(() => {
-    return getClass(classMap, ["disabled", "tabs_disabled"]) ?? "";
-  }, [classMap]);
-  const iconClass = useMemo(() => {
-    return getClass(classMap, ["icon", "tabs_icon"]) ?? "";
-  }, [classMap]);
-  const tabListClass = useMemo(() => {
-    return getClass(classMap, ["tabs", "tabs"]) ?? "";
-  }, [classMap]);
-  const isDisabled = (index) => {
-    var _a;
-    return Boolean((_a = tabs2[index]) == null ? void 0 : _a.disabled);
-  };
-  const nextEnabled = (start, dir) => {
-    const len = tabs2.length;
-    let i = start;
-    for (let n = 0; n < len; n++) {
-      i = (i + dir + len) % len;
-      if (!isDisabled(i)) return i;
-    }
-    return start;
-  };
-  const activate = (index) => {
-    if (isDisabled(index)) return;
-    if (!isControlled) setUncontrolledIndex(index);
-    onChange == null ? void 0 : onChange(index);
-  };
-  const onKeyDown = (event) => {
-    const horiz = orientation === "horizontal";
-    const { key } = event;
-    let newFocus = focusIndex;
-    if (horiz && key === "ArrowRight") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, 1);
-    } else if (horiz && key === "ArrowLeft") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, -1);
-    } else if (!horiz && key === "ArrowDown") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, 1);
-    } else if (!horiz && key === "ArrowUp") {
-      event.preventDefault();
-      newFocus = nextEnabled(focusIndex, -1);
-    } else if (key === "Home") {
-      event.preventDefault();
-      newFocus = nextEnabled(-1, 1);
-    } else if (key === "End") {
-      event.preventDefault();
-      newFocus = nextEnabled(0, -1);
-    } else if (activationMode === "manual" && (key === "Enter" || key === " ")) {
-      event.preventDefault();
-      if (!isDisabled(focusIndex)) activate(focusIndex);
-      return;
-    } else {
-      return;
-    }
-    setFocusIndex(newFocus);
-    if (activationMode === "auto") activate(newFocus);
-  };
-  return /* @__PURE__ */ jsx("div", { className: containerClassNames, "data-testid": testId, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: tabListClass,
-      "aria-label": ariaLabel,
-      role: "tablist",
-      "aria-orientation": orientation,
-      onKeyDown,
-      "data-testid": `${testId}-tablist`,
-      children: tabs2.map((tab2, index) => {
-        const Icon = tab2.icon;
-        const isActive = index === activeIndex;
-        const disabled = isDisabled(index);
-        const tabId = `${baseId}-tab-${index}`;
-        const panelId = `${baseId}-panel-${index}`;
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            ref: (el) => {
-              tabRefs.current[index] = el;
-            },
-            className: combineClassNames(
-              tabBaseClassNames,
-              isActive && activeClass,
-              disabled && disabledClass
-            ),
-            role: "tab",
-            type: "button",
-            "aria-selected": isActive,
-            "aria-controls": panelId,
-            id: tabId,
-            "aria-disabled": disabled || void 0,
-            onClick: () => {
-              if (disabled) return;
-              setFocusIndex(index);
-              activate(index);
-            },
-            "data-testid": `${testId}-tab-${index}`,
-            children: [
-              Icon && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: iconClass,
-                  "aria-hidden": "true",
-                  "data-testid": `${testId}-icon-${index}`,
-                  children: /* @__PURE__ */ jsx(Icon, {})
-                }
-              ),
-              tab2.label
-            ]
-          },
-          `${tab2.label}-${index}`
-        );
-      })
-    }
-  ) });
-};
-TabsBase.displayName = "TabsBase";
-const Tabs = (props) => {
-  return /* @__PURE__ */ jsx(TabsBase, { ...props, classMap: styles });
-};
-Tabs.displayName = "Tabs";
-export {
-  Tabs as T
-};
-//# sourceMappingURL=Tabs-XAXQS4Zl.js.map

package/dist/next/Tabs-XAXQS4Zl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs-XAXQS4Zl.js","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState, useId } from \"react\";\r\nimport { BaseTabsProps } from \"./Tabs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\ntype Dir = 1 | -1;\r\n\r\nconst getClass = (\r\n  classMap: Record<string, string>,\r\n  keys: string[],\r\n): string | undefined => {\r\n  for (const k of keys) {\r\n    const v = classMap[k];\r\n    if (typeof v === \"string\" && v.length > 0) return v;\r\n  }\r\n  return undefined;\r\n};\r\n\r\nconst TabsBase: React.FC<BaseTabsProps> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  value,\r\n  onChange,\r\n  ariaLabel = \"Tabs\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  orientation = \"horizontal\",\r\n  activationMode = \"auto\",\r\n  idBase,\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const baseId = useMemo<string>(() => {\r\n    return idBase ?? `${testId}-${uid}`;\r\n  }, [idBase, testId, uid]);\r\n\r\n  const isControlled: boolean = typeof value === \"number\";\r\n\r\n  const [uncontrolledIndex, setUncontrolledIndex] =\r\n    useState<number>(defaultIndex);\r\n\r\n  const activeIndex: number = isControlled\r\n    ? (value as number)\r\n    : uncontrolledIndex;\r\n\r\n  const [focusIndex, setFocusIndex] = useState<number>(defaultIndex);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    const current = activationMode === \"manual\" ? focusIndex : activeIndex;\r\n\r\n    tabRefs.current.forEach((el, i) => {\r\n      if (!el) return;\r\n      el.setAttribute(\"tabindex\", i === current ? \"0\" : \"-1\");\r\n    });\r\n\r\n    tabRefs.current[current]?.focus();\r\n  }, [activeIndex, focusIndex, activationMode]);\r\n\r\n  useEffect(() => {\r\n    if (isControlled) setFocusIndex(activeIndex);\r\n  }, [activeIndex, isControlled]);\r\n\r\n  const containerClassNames = useMemo(() => {\r\n    const containerClass =\r\n      getClass(classMap, [\"container\", \"tabsContainer\", \"tabs_container\"]) ??\r\n      \"\";\r\n    const themeClass = classMap[theme] ?? \"\";\r\n    const stateClass = state ? (classMap[state] ?? \"\") : \"\";\r\n    const sizeClass = classMap[size] ?? \"\";\r\n\r\n    return combineClassNames(\r\n      containerClass,\r\n      themeClass,\r\n      stateClass,\r\n      sizeClass,\r\n      className,\r\n    );\r\n  }, [classMap, theme, state, size, className]);\r\n\r\n  const tabBaseClassNames = useMemo(() => {\r\n    const tabClass = getClass(classMap, [\"tab\", \"tabs_tab\"]) ?? \"\";\r\n    const shadowClass = shadow\r\n      ? (classMap[`shadow${capitalize(shadow)}`] ??\r\n        classMap[`tabs_shadow-${capitalize(shadow)}`])\r\n      : \"\";\r\n    const roundingClass = rounding\r\n      ? (classMap[`round${capitalize(rounding)}`] ??\r\n        classMap[`tabs_round-${capitalize(rounding)}`])\r\n      : \"\";\r\n\r\n    return combineClassNames(tabClass, shadowClass, roundingClass);\r\n  }, [classMap, shadow, rounding]);\r\n\r\n  const activeClass = useMemo(() => {\r\n    return getClass(classMap, [\"active\", \"tabs_active\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const disabledClass = useMemo(() => {\r\n    return getClass(classMap, [\"disabled\", \"tabs_disabled\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const iconClass = useMemo(() => {\r\n    return getClass(classMap, [\"icon\", \"tabs_icon\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const tabListClass = useMemo(() => {\r\n    return getClass(classMap, [\"tabs\", \"tabs\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const isDisabled = (index: number): boolean => Boolean(tabs[index]?.disabled);\r\n\r\n  const nextEnabled = (start: number, dir: Dir): number => {\r\n    const len = tabs.length;\r\n    let i = start;\r\n\r\n    for (let n = 0; n < len; n++) {\r\n      i = (i + dir + len) % len;\r\n      if (!isDisabled(i)) return i;\r\n    }\r\n    return start;\r\n  };\r\n\r\n  const activate = (index: number): void => {\r\n    if (isDisabled(index)) return;\r\n\r\n    if (!isControlled) setUncontrolledIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n    const horiz = orientation === \"horizontal\";\r\n    const { key } = event;\r\n\r\n    let newFocus = focusIndex;\r\n\r\n    if (horiz && key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (horiz && key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (!horiz && key === \"ArrowDown\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (!horiz && key === \"ArrowUp\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (key === \"Home\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(-1, 1);\r\n    } else if (key === \"End\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(0, -1);\r\n    } else if (\r\n      activationMode === \"manual\" &&\r\n      (key === \"Enter\" || key === \" \")\r\n    ) {\r\n      event.preventDefault();\r\n      if (!isDisabled(focusIndex)) activate(focusIndex);\r\n      return;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    setFocusIndex(newFocus);\r\n    if (activationMode === \"auto\") activate(newFocus);\r\n  };\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        className={tabListClass}\r\n        aria-label={ariaLabel}\r\n        role=\"tablist\"\r\n        aria-orientation={orientation}\r\n        onKeyDown={onKeyDown}\r\n        data-testid={`${testId}-tablist`}\r\n      >\r\n        {tabs.map((tab, index) => {\r\n          const Icon = tab.icon;\r\n          const isActive = index === activeIndex;\r\n          const disabled = isDisabled(index);\r\n\r\n          const tabId = `${baseId}-tab-${index}`;\r\n          const panelId = `${baseId}-panel-${index}`;\r\n\r\n          return (\r\n            <button\r\n              key={`${tab.label}-${index}`}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabBaseClassNames,\r\n                isActive && activeClass,\r\n                disabled && disabledClass,\r\n              )}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={isActive}\r\n              aria-controls={panelId}\r\n              id={tabId}\r\n              aria-disabled={disabled || undefined}\r\n              onClick={() => {\r\n                if (disabled) return;\r\n                setFocusIndex(index);\r\n                activate(index);\r\n              }}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <span\r\n                  className={iconClass}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </span>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTabsBase.displayName = \"TabsBase\";\r\nexport default TabsBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={styles} />;\r\n};\r\nTabs.displayName = \"Tabs\";\r\nexport default Tabs;\r\n"],"names":["tabs","tab"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,WAAW,CACf,UACA,SACuB;AACvB,aAAW,KAAK,MAAM;AACpB,UAAM,IAAI,SAAS,CAAC;AACpB,QAAI,OAAO,MAAM,YAAY,EAAE,SAAS,EAAG,QAAO;AAAA,EACpD;AACA,SAAO;AACT;AAEA,MAAM,WAAoC,CAAC;AAAA,EACzC,MAAAA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AAEZ,QAAM,SAAS,QAAgB,MAAM;AACnC,WAAO,UAAU,GAAG,MAAM,IAAI,GAAG;AAAA,EACnC,GAAG,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAExB,QAAM,eAAwB,OAAO,UAAU;AAE/C,QAAM,CAAC,mBAAmB,oBAAoB,IAC5C,SAAiB,YAAY;AAE/B,QAAM,cAAsB,eACvB,QACD;AAEJ,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiB,YAAY;AAEjE,QAAM,UAAU,OAAqC,EAAE;AAEvD,YAAU,MAAM;;AACd,UAAM,UAAU,mBAAmB,WAAW,aAAa;AAE3D,YAAQ,QAAQ,QAAQ,CAAC,IAAI,MAAM;AACjC,UAAI,CAAC,GAAI;AACT,SAAG,aAAa,YAAY,MAAM,UAAU,MAAM,IAAI;AAAA,IACxD,CAAC;AAED,kBAAQ,QAAQ,OAAO,MAAvB,mBAA0B;AAAA,EAC5B,GAAG,CAAC,aAAa,YAAY,cAAc,CAAC;AAE5C,YAAU,MAAM;AACd,QAAI,4BAA4B,WAAW;AAAA,EAC7C,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,QAAM,sBAAsB,QAAQ,MAAM;AACxC,UAAM,iBACJ,SAAS,UAAU,CAAC,aAAa,iBAAiB,gBAAgB,CAAC,KACnE;AACF,UAAM,aAAa,SAAS,KAAK,KAAK;AACtC,UAAM,aAAa,QAAS,SAAS,KAAK,KAAK,KAAM;AACrD,UAAM,YAAY,SAAS,IAAI,KAAK;AAEpC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ,GAAG,CAAC,UAAU,OAAO,OAAO,MAAM,SAAS,CAAC;AAE5C,QAAM,oBAAoB,QAAQ,MAAM;AACtC,UAAM,WAAW,SAAS,UAAU,CAAC,OAAO,UAAU,CAAC,KAAK;AAC5D,UAAM,cAAc,SACf,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE,KACvC,SAAS,eAAe,WAAW,MAAM,CAAC,EAAE,IAC5C;AACJ,UAAM,gBAAgB,WACjB,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE,KACxC,SAAS,cAAc,WAAW,QAAQ,CAAC,EAAE,IAC7C;AAEJ,WAAO,kBAAkB,UAAU,aAAa,aAAa;AAAA,EAC/D,GAAG,CAAC,UAAU,QAAQ,QAAQ,CAAC;AAE/B,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,SAAS,UAAU,CAAC,UAAU,aAAa,CAAC,KAAK;AAAA,EAC1D,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,gBAAgB,QAAQ,MAAM;AAClC,WAAO,SAAS,UAAU,CAAC,YAAY,eAAe,CAAC,KAAK;AAAA,EAC9D,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAY,QAAQ,MAAM;AAC9B,WAAO,SAAS,UAAU,CAAC,QAAQ,WAAW,CAAC,KAAK;AAAA,EACtD,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,SAAS,UAAU,CAAC,QAAQ,MAAM,CAAC,KAAK;AAAA,EACjD,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,aAAa,CAAC,UAAA;;AAA2B,oBAAQ,KAAAA,MAAK,KAAK,MAAV,mBAAa,QAAQ;AAAA;AAE5E,QAAM,cAAc,CAAC,OAAe,QAAqB;AACvD,UAAM,MAAMA,MAAK;AACjB,QAAI,IAAI;AAER,aAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC5B,WAAK,IAAI,MAAM,OAAO;AACtB,UAAI,CAAC,WAAW,CAAC,EAAG,QAAO;AAAA,IAC7B;AACA,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,CAAC,UAAwB;AACxC,QAAI,WAAW,KAAK,EAAG;AAEvB,QAAI,CAAC,aAAc,sBAAqB,KAAK;AAC7C,yCAAW;AAAA,EACb;AAEA,QAAM,YAAY,CAAC,UAAqD;AACtE,UAAM,QAAQ,gBAAgB;AAC9B,UAAM,EAAE,QAAQ;AAEhB,QAAI,WAAW;AAEf,QAAI,SAAS,QAAQ,cAAc;AACjC,YAAM,eAAA;AACN,iBAAW,YAAY,YAAY,CAAC;AAAA,IACtC,WAAW,SAAS,QAAQ,aAAa;AACvC,YAAM,eAAA;AACN,iBAAW,YAAY,YAAY,EAAE;AAAA,IACvC,WAAW,CAAC,SAAS,QAAQ,aAAa;AACxC,YAAM,eAAA;AACN,iBAAW,YAAY,YAAY,CAAC;AAAA,IACtC,WAAW,CAAC,SAAS,QAAQ,WAAW;AACtC,YAAM,eAAA;AACN,iBAAW,YAAY,YAAY,EAAE;AAAA,IACvC,WAAW,QAAQ,QAAQ;AACzB,YAAM,eAAA;AACN,iBAAW,YAAY,IAAI,CAAC;AAAA,IAC9B,WAAW,QAAQ,OAAO;AACxB,YAAM,eAAA;AACN,iBAAW,YAAY,GAAG,EAAE;AAAA,IAC9B,WACE,mBAAmB,aAClB,QAAQ,WAAW,QAAQ,MAC5B;AACA,YAAM,eAAA;AACN,UAAI,CAAC,WAAW,UAAU,YAAY,UAAU;AAChD;AAAA,IACF,OAAO;AACL;AAAA,IACF;AAEA,kBAAc,QAAQ;AACtB,QAAI,mBAAmB,OAAQ,UAAS,QAAQ;AAAA,EAClD;AAEA,SACE,oBAAC,OAAA,EAAI,WAAW,qBAAqB,eAAa,QAChD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAY;AAAA,MACZ,MAAK;AAAA,MACL,oBAAkB;AAAA,MAClB;AAAA,MACA,eAAa,GAAG,MAAM;AAAA,MAErB,UAAAA,MAAK,IAAI,CAACC,MAAK,UAAU;AACxB,cAAM,OAAOA,KAAI;AACjB,cAAM,WAAW,UAAU;AAC3B,cAAM,WAAW,WAAW,KAAK;AAEjC,cAAM,QAAQ,GAAG,MAAM,QAAQ,KAAK;AACpC,cAAM,UAAU,GAAG,MAAM,UAAU,KAAK;AAExC,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,KAAK,CAAC,OAAO;AACX,sBAAQ,QAAQ,KAAK,IAAI;AAAA,YAC3B;AAAA,YACA,WAAW;AAAA,cACT;AAAA,cACA,YAAY;AAAA,cACZ,YAAY;AAAA,YAAA;AAAA,YAEd,MAAK;AAAA,YACL,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,IAAI;AAAA,YACJ,iBAAe,YAAY;AAAA,YAC3B,SAAS,MAAM;AACb,kBAAI,SAAU;AACd,4BAAc,KAAK;AACnB,uBAAS,KAAK;AAAA,YAChB;AAAA,YACA,eAAa,GAAG,MAAM,QAAQ,KAAK;AAAA,YAElC,UAAA;AAAA,cAAA,QACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM,SAAS,KAAK;AAAA,kBAEpC,8BAAC,MAAA,CAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGTA,KAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UA/BA,GAAGA,KAAI,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,MAkChC,CAAC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAAS,cAAc;AC3OvB,MAAM,OAA4B,CAAC,UAAU;AAC3C,SAAO,oBAAC,UAAA,EAAU,GAAG,OAAO,UAAU,QAAQ;AAChD;AACA,KAAK,cAAc;"}