boreal-ui 0.0.72 → 0.0.74

package/dist/core/Select-KiOrD0xY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-KiOrD0xY.cjs","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/core/Select.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      required,\r\n      name,\r\n      label,\r\n      labelPosition = \"top\",\r\n      id,\r\n      form,\r\n      autoComplete,\r\n      role,\r\n      tabIndex,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-busy\": ariaBusy,\r\n      \"aria-live\": ariaLive = \"polite\",\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const selectId = id || `${generatedId}-select`;\r\n    const internalDescriptionId = ariaDescription\r\n      ? `${generatedId}-desc`\r\n      : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const hasLabel = Boolean(label);\r\n\r\n    const layoutClasses = useMemo(() => {\r\n      const posClass = hasLabel\r\n        ? classMap[`label${capitalize(labelPosition)}`]\r\n        : undefined;\r\n\r\n      return combineClassNames(classMap.layout, posClass);\r\n    }, [classMap, hasLabel, labelPosition]);\r\n\r\n    const labelClasses = useMemo(\r\n      () => combineClassNames(classMap.label, classMap.labelOverlay),\r\n      [classMap],\r\n    );\r\n\r\n    const computedDescribedBy = useMemo(() => {\r\n      const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);\r\n      return ids.length > 0 ? ids.join(\" \") : undefined;\r\n    }, [ariaDescribedBy, internalDescriptionId]);\r\n\r\n    const computedAriaLabel = ariaLabelledBy\r\n      ? undefined\r\n      : ariaLabel || placeholder;\r\n\r\n    const labelNode = hasLabel ? (\r\n      <div className={labelClasses} data-testid={`${testId}-label`}>\r\n        {label}\r\n      </div>\r\n    ) : null;\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          setLoading(true);\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        } finally {\r\n          if (isMounted) setLoading(false);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled],\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () => combineClassNames(classMap.select, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.icon,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    const opts = asyncOptions ? internalOptions : options;\r\n\r\n    return (\r\n      <div className={layoutClasses} data-testid={`${testId}-layout`}>\r\n        {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n        <div className={wrapperClasses} data-testid={testId}>\r\n          <select\r\n            ref={ref}\r\n            id={selectId}\r\n            name={name}\r\n            form={form}\r\n            autoComplete={autoComplete}\r\n            role={role}\r\n            tabIndex={tabIndex}\r\n            value={value ?? \"\"}\r\n            onChange={handleChange}\r\n            className={selectClasses}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-description={ariaDescription}\r\n            aria-describedby={computedDescribedBy}\r\n            aria-disabled={disabled || undefined}\r\n            aria-invalid={ariaInvalid ?? (state === \"error\" || undefined)}\r\n            aria-required={ariaRequired ?? (required || undefined)}\r\n            aria-busy={ariaBusy ?? (loading || undefined)}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n          >\r\n            <option value=\"\" disabled hidden>\r\n              {placeholder}\r\n            </option>\r\n\r\n            {opts.map((option) => (\r\n              <option\r\n                key={option.value}\r\n                value={option.value}\r\n                disabled={option.disabled}\r\n                data-testid={`${testId}-option-${option.value}`}\r\n              >\r\n                {option.label}\r\n              </option>\r\n            ))}\r\n          </select>\r\n\r\n          <div\r\n            className={iconClasses}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-icon`}\r\n          >\r\n            <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n          </div>\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={internalDescriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n\r\n          {loading && (\r\n            <span\r\n              className={classMap.loading}\r\n              aria-live={ariaLive}\r\n              data-testid={`${testId}-loading`}\r\n            >\r\n              Loading options…\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","import { forwardRef } from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport \"./Select.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"select_wrapper\",\r\n  select: \"select\",\r\n  outline: \"select_outline\",\r\n\r\n  layout: \"select_layout\",\r\n  label: \"select_label\",\r\n  labelTop: \"select_label_top\",\r\n  labelBottom: \"select_label_bottom\",\r\n  labelLeft: \"select_label_left\",\r\n  labelRight: \"select_label_right\",\r\n\r\n  primary: \"select_primary\",\r\n  secondary: \"select_secondary\",\r\n  tertiary: \"select_tertiary\",\r\n  quaternary: \"select_quaternary\",\r\n\r\n  success: \"select_success\",\r\n  error: \"select_error\",\r\n  warning: \"select_warning\",\r\n\r\n  clear: \"select_clear\",\r\n\r\n  icon: \"select_icon\",\r\n  disabled: \"select_disabled\",\r\n\r\n  shadowNone: \"select_shadow-None\",\r\n  shadowLight: \"select_shadow-Light\",\r\n  shadowMedium: \"select_shadow-Medium\",\r\n  shadowStrong: \"select_shadow-Strong\",\r\n  shadowIntense: \"select_shadow-Intense\",\r\n\r\n  roundNone: \"select_round-None\",\r\n  roundSmall: \"select_round-Small\",\r\n  roundMedium: \"select_round-Medium\",\r\n  roundLarge: \"select_round-Large\",\r\n};\r\n\r\nconst Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {\r\n  return <BaseSelect {...props} ref={ref} classMap={classes} />;\r\n});\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useMemo","capitalize","combineClassNames","jsx","useEffect","jsxs","ChevronDownIcon"],"mappings":"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"}

package/dist/core/Select.cjs.js

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

package/dist/core/Select.js

@@ -1,4 +1,4 @@
-import { S } from "./Select-DQDXyKPq.js";
+import { S } from "./Select-BXIz5BbU.js";
 export {
   S as default
 };

package/dist/core/Sidebar-Bi7elIRO.js

@@ -0,0 +1,354 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { C as ChevronDownIcon } from "./CheveronDownIcon-Cn9jj-ku.js";
+const SidebarBase = ({
+  links,
+  classMap,
+  LinkComponent = "a",
+  isLinkActive,
+  hasActiveChild,
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  state = "",
+  showFooter = false,
+  footerLinks,
+  footerVersion,
+  outline = false,
+  className = "",
+  "data-testid": testId = "sidebar",
+  "aria-label": ariaLabel = "Sidebar navigation",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  footerAriaLabel = "Sidebar footer",
+  footerAriaLabelledBy,
+  getExpandButtonAriaLabel,
+  getExpandButtonAriaDescription,
+  ...rest
+}) => {
+  const [openItems, setOpenItems] = useState({});
+  const idsRef = useRef({});
+  const seqRef = useRef(0);
+  const idFor = (label) => {
+    if (!idsRef.current[label]) {
+      const slug = label.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, "");
+      idsRef.current[label] = `${testId}-section-${slug}-${seqRef.current++}`;
+    }
+    return idsRef.current[label];
+  };
+  useEffect(() => {
+    const next = {};
+    const walk = (nodes) => {
+      var _a;
+      for (const node of nodes) {
+        if ((_a = node.children) == null ? void 0 : _a.length) {
+          const childIsActive = (hasActiveChild == null ? void 0 : hasActiveChild(node)) ?? node.children.some(
+            (child) => {
+              var _a2;
+              return ((isLinkActive == null ? void 0 : isLinkActive(child)) ?? false) || !!((_a2 = child.children) == null ? void 0 : _a2.length) && walk(child.children);
+            }
+          );
+          if (childIsActive) {
+            next[node.label] = true;
+          }
+        }
+      }
+      return nodes.some(
+        (node) => {
+          var _a2;
+          return ((isLinkActive == null ? void 0 : isLinkActive(node)) ?? false) || !!((_a2 = node.children) == null ? void 0 : _a2.length) && walk(node.children);
+        }
+      );
+    };
+    walk(links);
+    setOpenItems((prev) => ({ ...prev, ...next }));
+  }, [links, isLinkActive, hasActiveChild]);
+  const toggleItem = (key) => setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));
+  const containerClasses = useMemo(
+    () => combineClassNames(
+      classMap.wrapper,
+      className,
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      outline && classMap.outline
+    ),
+    [classMap, className, theme, state, outline, rounding, shadow]
+  );
+  const renderLinks = (items, isChild = false) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      className: combineClassNames(
+        classMap.list,
+        isChild && classMap.childList
+      ),
+      "data-testid": `${testId}-list`,
+      children: items.map((link, idx) => {
+        const {
+          label,
+          href,
+          children,
+          icon,
+          "aria-label": linkAriaLabel,
+          "aria-description": linkAriaDescription,
+          "aria-disabled": linkAriaDisabled
+        } = link;
+        const key = `${label}-${idx}`;
+        const isActive = (isLinkActive == null ? void 0 : isLinkActive(link)) ?? false;
+        const containsActiveChild = (hasActiveChild == null ? void 0 : hasActiveChild(link)) ?? !!(children == null ? void 0 : children.some(
+          (child) => {
+            var _a;
+            return ((isLinkActive == null ? void 0 : isLinkActive(child)) ?? false) || ((_a = child.children) == null ? void 0 : _a.length) && ((hasActiveChild == null ? void 0 : hasActiveChild(child)) ?? false);
+          }
+        ));
+        const isOpen = !!openItems[label];
+        const sectionId = idFor(label);
+        const buttonId = `${sectionId}-button`;
+        const panelId = `${sectionId}-panel`;
+        return /* @__PURE__ */ jsx(
+          "li",
+          {
+            className: classMap.item,
+            "data-testid": `${testId}-listItem`,
+            children: children && children.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  id: buttonId,
+                  className: combineClassNames(
+                    classMap.link,
+                    (isActive || isOpen || containsActiveChild) && classMap.active
+                  ),
+                  onClick: () => toggleItem(label),
+                  "aria-expanded": isOpen,
+                  "aria-controls": panelId,
+                  "aria-label": (getExpandButtonAriaLabel == null ? void 0 : getExpandButtonAriaLabel(link, isOpen)) ?? linkAriaLabel,
+                  "aria-description": (getExpandButtonAriaDescription == null ? void 0 : getExpandButtonAriaDescription(link, isOpen)) ?? linkAriaDescription,
+                  "aria-disabled": linkAriaDisabled || void 0,
+                  "data-testid": `${testId}-expandItemButton`,
+                  children: [
+                    icon && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon }),
+                    /* @__PURE__ */ jsx("span", { "data-testid": `${testId}-expandItemLabel`, children: label }),
+                    /* @__PURE__ */ jsx(
+                      ChevronDownIcon,
+                      {
+                        className: combineClassNames(
+                          classMap.chevron,
+                          isOpen && classMap.chevronOpen
+                        ),
+                        "aria-hidden": "true",
+                        focusable: false,
+                        "data-testid": `${testId}-expandIcon`
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  id: panelId,
+                  className: combineClassNames(
+                    classMap.submenu,
+                    isOpen && classMap.submenuOpen
+                  ),
+                  role: "group",
+                  "aria-labelledby": buttonId,
+                  hidden: !isOpen,
+                  "data-testid": `${testId}-subMenu`,
+                  children: renderLinks(children, true)
+                }
+              )
+            ] }) : href ? /* @__PURE__ */ jsxs(
+              LinkComponent,
+              {
+                href,
+                className: combineClassNames(
+                  classMap.link,
+                  isChild && classMap.childLink,
+                  isActive && classMap.active
+                ),
+                "aria-current": isActive ? "page" : void 0,
+                "aria-label": linkAriaLabel,
+                "aria-description": linkAriaDescription,
+                "aria-disabled": linkAriaDisabled || void 0,
+                "data-testid": `${testId}-sidebarLink`,
+                children: [
+                  icon && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon }),
+                  label
+                ]
+              }
+            ) : /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: combineClassNames(
+                  classMap.link,
+                  isChild && classMap.childLink
+                ),
+                "aria-label": linkAriaLabel,
+                "aria-description": linkAriaDescription,
+                "aria-disabled": linkAriaDisabled || void 0,
+                "data-testid": `${testId}-sidebarLabel`,
+                children: [
+                  icon && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon }),
+                  label
+                ]
+              }
+            )
+          },
+          key
+        );
+      })
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: containerClasses,
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "data-testid": testId,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: classMap.nav, children: renderLinks(links) }),
+        showFooter && /* @__PURE__ */ jsxs(
+          "footer",
+          {
+            className: classMap.footer,
+            "aria-label": footerAriaLabelledBy ? void 0 : footerAriaLabel,
+            "aria-labelledby": footerAriaLabelledBy,
+            "data-testid": `${testId}-footer`,
+            children: [
+              footerLinks == null ? void 0 : footerLinks.map(
+                ({
+                  label,
+                  href,
+                  icon,
+                  "aria-label": footerLinkAriaLabel,
+                  "aria-description": footerLinkAriaDescription,
+                  "aria-disabled": footerLinkAriaDisabled
+                }, i) => /* @__PURE__ */ jsxs(
+                  LinkComponent,
+                  {
+                    href,
+                    className: classMap.footerLink,
+                    "aria-label": footerLinkAriaLabel,
+                    "aria-description": footerLinkAriaDescription,
+                    "aria-disabled": footerLinkAriaDisabled || void 0,
+                    "data-testid": `${testId}-footerLink`,
+                    children: [
+                      icon && /* @__PURE__ */ jsx("span", { className: classMap.icon, children: icon }),
+                      label
+                    ]
+                  },
+                  `${label}-${i}`
+                )
+              ),
+              footerVersion && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: classMap.footerVersion,
+                  "data-testid": `${testId}-footerVersion`,
+                  children: footerVersion
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+SidebarBase.displayName = "SidebarBase";
+const classes = {
+  wrapper: "sidebar",
+  nav: "sidebar_nav",
+  list: "sidebar_list",
+  childList: "sidebar_child_list",
+  item: "sidebar_item",
+  link: "sidebar_link",
+  childLink: "sidebar_child_link",
+  active: "sidebar_active",
+  icon: "sidebar_icon",
+  footer: "sidebar_footer",
+  footerLink: "sidebar_footer_link",
+  footerVersion: "sidebar_footer_version",
+  chevron: "sidebar_chevron",
+  chevronOpen: "sidebar_chevron_open",
+  submenu: "sidebar_submenu",
+  submenuOpen: "sidebar_submenu_open",
+  outline: "sidebar_outline",
+  primary: "sidebar_primary",
+  secondary: "sidebar_secondary",
+  tertiary: "sidebar_tertiary",
+  quaternary: "sidebar_quaternary",
+  success: "sidebar_success",
+  error: "sidebar_error",
+  warning: "sidebar_warning",
+  clear: "sidebar_clear",
+  shadowNone: "sidebar_shadow-None",
+  shadowLight: "sidebar_shadow-Light",
+  shadowMedium: "sidebar_shadow-Medium",
+  shadowStrong: "sidebar_shadow-Strong",
+  shadowIntense: "sidebar_shadow-Intense",
+  roundNone: "sidebar_round-None",
+  roundSmall: "sidebar_round-Small",
+  roundMedium: "sidebar_round-Medium",
+  roundLarge: "sidebar_round-Large"
+};
+const normalizePath = (p) => p.endsWith("/") && p.length > 1 ? p.slice(0, -1) : p;
+const getInitialPath = () => typeof window !== "undefined" ? window.location.pathname || "/" : "/";
+const isDescendantPath = (parentPath, currentPath) => {
+  const parent = normalizePath(parentPath);
+  const current = normalizePath(currentPath);
+  if (parent === "/") return current === "/";
+  return current === parent || current.startsWith(`${parent}/`);
+};
+const isActiveRecursive = (link, matcher) => {
+  var _a;
+  if (matcher(link)) return true;
+  return !!((_a = link.children) == null ? void 0 : _a.some((child) => isActiveRecursive(child, matcher)));
+};
+const Sidebar = ({
+  isLinkActive: consumerIsLinkActive,
+  hasActiveChild: consumerHasActiveChild,
+  ...props
+}) => {
+  const [pathname] = useState(getInitialPath);
+  const defaultIsLinkActive = (link) => {
+    var _a;
+    if (!link.href) return false;
+    if ((_a = link.children) == null ? void 0 : _a.length) {
+      return isDescendantPath(link.href, pathname);
+    }
+    return normalizePath(link.href) === normalizePath(pathname);
+  };
+  const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;
+  const defaultHasActiveChild = (link) => {
+    var _a;
+    return !!((_a = link.children) == null ? void 0 : _a.some(
+      (child) => isActiveRecursive(child, resolvedIsLinkActive)
+    ));
+  };
+  const resolvedHasActiveChild = consumerHasActiveChild ?? defaultHasActiveChild;
+  return /* @__PURE__ */ jsx(
+    SidebarBase,
+    {
+      ...props,
+      classMap: classes,
+      isLinkActive: resolvedIsLinkActive,
+      hasActiveChild: resolvedHasActiveChild
+    }
+  );
+};
+Sidebar.displayName = "Sidebar";
+export {
+  Sidebar as S
+};
+//# sourceMappingURL=Sidebar-Bi7elIRO.js.map

package/dist/core/Sidebar-Bi7elIRO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar-Bi7elIRO.js","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useEffect } from \"react\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\nimport { ChevronDownIcon } from \"@/Icons\";\r\nimport { BaseSidebarProps, SidebarLink } from \"./Sidebar.types\";\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n  links,\r\n  classMap,\r\n  LinkComponent = \"a\",\r\n  isLinkActive,\r\n  hasActiveChild,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  showFooter = false,\r\n  footerLinks,\r\n  footerVersion,\r\n  outline = false,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"sidebar\",\r\n  \"aria-label\": ariaLabel = \"Sidebar navigation\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  footerAriaLabel = \"Sidebar footer\",\r\n  footerAriaLabelledBy,\r\n  getExpandButtonAriaLabel,\r\n  getExpandButtonAriaDescription,\r\n  ...rest\r\n}) => {\r\n  const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\r\n\r\n  const idsRef = useRef<Record<string, string>>({});\r\n  const seqRef = useRef(0);\r\n\r\n  const idFor = (label: string) => {\r\n    if (!idsRef.current[label]) {\r\n      const slug = label\r\n        .toLowerCase()\r\n        .replace(/\\s+/g, \"-\")\r\n        .replace(/[^a-z0-9_-]/g, \"\");\r\n      idsRef.current[label] = `${testId}-section-${slug}-${seqRef.current++}`;\r\n    }\r\n    return idsRef.current[label];\r\n  };\r\n\r\n  useEffect(() => {\r\n    const next: Record<string, boolean> = {};\r\n\r\n    const walk = (nodes: SidebarLink[]): boolean => {\r\n      for (const node of nodes) {\r\n        if (node.children?.length) {\r\n          const childIsActive =\r\n            hasActiveChild?.(node) ??\r\n            node.children.some(\r\n              (child) =>\r\n                (isLinkActive?.(child) ?? false) ||\r\n                (!!child.children?.length && walk(child.children)),\r\n            );\r\n\r\n          if (childIsActive) {\r\n            next[node.label] = true;\r\n          }\r\n        }\r\n      }\r\n\r\n      return nodes.some(\r\n        (node) =>\r\n          (isLinkActive?.(node) ?? false) ||\r\n          (!!node.children?.length && walk(node.children)),\r\n      );\r\n    };\r\n\r\n    walk(links);\r\n    setOpenItems((prev) => ({ ...prev, ...next }));\r\n  }, [links, isLinkActive, hasActiveChild]);\r\n\r\n  const toggleItem = (key: string) =>\r\n    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n\r\n  const containerClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        className,\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n      ),\r\n    [classMap, className, theme, state, outline, rounding, shadow],\r\n  );\r\n\r\n  const renderLinks = (items: SidebarLink[], isChild = false) => (\r\n    <ul\r\n      className={combineClassNames(\r\n        classMap.list,\r\n        isChild && classMap.childList,\r\n      )}\r\n      data-testid={`${testId}-list`}\r\n    >\r\n      {items.map((link, idx) => {\r\n        const {\r\n          label,\r\n          href,\r\n          children,\r\n          icon,\r\n          \"aria-label\": linkAriaLabel,\r\n          \"aria-description\": linkAriaDescription,\r\n          \"aria-disabled\": linkAriaDisabled,\r\n        } = link;\r\n\r\n        const key = `${label}-${idx}`;\r\n\r\n        const isActive = isLinkActive?.(link) ?? false;\r\n        const containsActiveChild =\r\n          hasActiveChild?.(link) ??\r\n          !!children?.some(\r\n            (child) =>\r\n              (isLinkActive?.(child) ?? false) ||\r\n              (child.children?.length && (hasActiveChild?.(child) ?? false)),\r\n          );\r\n\r\n        const isOpen = !!openItems[label];\r\n        const sectionId = idFor(label);\r\n        const buttonId = `${sectionId}-button`;\r\n        const panelId = `${sectionId}-panel`;\r\n\r\n        return (\r\n          <li\r\n            key={key}\r\n            className={classMap.item}\r\n            data-testid={`${testId}-listItem`}\r\n          >\r\n            {children && children.length > 0 ? (\r\n              <>\r\n                <button\r\n                  type=\"button\"\r\n                  id={buttonId}\r\n                  className={combineClassNames(\r\n                    classMap.link,\r\n                    (isActive || isOpen || containsActiveChild) &&\r\n                      classMap.active,\r\n                  )}\r\n                  onClick={() => toggleItem(label)}\r\n                  aria-expanded={isOpen}\r\n                  aria-controls={panelId}\r\n                  aria-label={\r\n                    getExpandButtonAriaLabel?.(link, isOpen) ?? linkAriaLabel\r\n                  }\r\n                  aria-description={\r\n                    getExpandButtonAriaDescription?.(link, isOpen) ??\r\n                    linkAriaDescription\r\n                  }\r\n                  aria-disabled={linkAriaDisabled || undefined}\r\n                  data-testid={`${testId}-expandItemButton`}\r\n                >\r\n                  {icon && <span className={classMap.icon}>{icon}</span>}\r\n                  <span data-testid={`${testId}-expandItemLabel`}>{label}</span>\r\n                  <ChevronDownIcon\r\n                    className={combineClassNames(\r\n                      classMap.chevron,\r\n                      isOpen && classMap.chevronOpen,\r\n                    )}\r\n                    aria-hidden=\"true\"\r\n                    focusable={false}\r\n                    data-testid={`${testId}-expandIcon`}\r\n                  />\r\n                </button>\r\n\r\n                <div\r\n                  id={panelId}\r\n                  className={combineClassNames(\r\n                    classMap.submenu,\r\n                    isOpen && classMap.submenuOpen,\r\n                  )}\r\n                  role=\"group\"\r\n                  aria-labelledby={buttonId}\r\n                  hidden={!isOpen}\r\n                  data-testid={`${testId}-subMenu`}\r\n                >\r\n                  {renderLinks(children, true)}\r\n                </div>\r\n              </>\r\n            ) : href ? (\r\n              <LinkComponent\r\n                href={href}\r\n                className={combineClassNames(\r\n                  classMap.link,\r\n                  isChild && classMap.childLink,\r\n                  isActive && classMap.active,\r\n                )}\r\n                aria-current={isActive ? \"page\" : undefined}\r\n                aria-label={linkAriaLabel}\r\n                aria-description={linkAriaDescription}\r\n                aria-disabled={linkAriaDisabled || undefined}\r\n                data-testid={`${testId}-sidebarLink`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </LinkComponent>\r\n            ) : (\r\n              <span\r\n                className={combineClassNames(\r\n                  classMap.link,\r\n                  isChild && classMap.childLink,\r\n                )}\r\n                aria-label={linkAriaLabel}\r\n                aria-description={linkAriaDescription}\r\n                aria-disabled={linkAriaDisabled || undefined}\r\n                data-testid={`${testId}-sidebarLabel`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </span>\r\n            )}\r\n          </li>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      className={containerClasses}\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...rest}\r\n    >\r\n      <div className={classMap.nav}>{renderLinks(links)}</div>\r\n\r\n      {showFooter && (\r\n        <footer\r\n          className={classMap.footer}\r\n          aria-label={footerAriaLabelledBy ? undefined : footerAriaLabel}\r\n          aria-labelledby={footerAriaLabelledBy}\r\n          data-testid={`${testId}-footer`}\r\n        >\r\n          {footerLinks?.map(\r\n            (\r\n              {\r\n                label,\r\n                href,\r\n                icon,\r\n                \"aria-label\": footerLinkAriaLabel,\r\n                \"aria-description\": footerLinkAriaDescription,\r\n                \"aria-disabled\": footerLinkAriaDisabled,\r\n              },\r\n              i,\r\n            ) => (\r\n              <LinkComponent\r\n                key={`${label}-${i}`}\r\n                href={href}\r\n                className={classMap.footerLink}\r\n                aria-label={footerLinkAriaLabel}\r\n                aria-description={footerLinkAriaDescription}\r\n                aria-disabled={footerLinkAriaDisabled || undefined}\r\n                data-testid={`${testId}-footerLink`}\r\n              >\r\n                {icon && <span className={classMap.icon}>{icon}</span>}\r\n                {label}\r\n              </LinkComponent>\r\n            ),\r\n          )}\r\n          {footerVersion && (\r\n            <span\r\n              className={classMap.footerVersion}\r\n              data-testid={`${testId}-footerVersion`}\r\n            >\r\n              {footerVersion}\r\n            </span>\r\n          )}\r\n        </footer>\r\n      )}\r\n    </nav>\r\n  );\r\n};\r\n\r\nSidebarBase.displayName = \"SidebarBase\";\r\nexport default SidebarBase;\r\n","import React, { useState } from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"sidebar\",\r\n  nav: \"sidebar_nav\",\r\n  list: \"sidebar_list\",\r\n  childList: \"sidebar_child_list\",\r\n  item: \"sidebar_item\",\r\n  link: \"sidebar_link\",\r\n  childLink: \"sidebar_child_link\",\r\n  active: \"sidebar_active\",\r\n  icon: \"sidebar_icon\",\r\n\r\n  footer: \"sidebar_footer\",\r\n  footerLink: \"sidebar_footer_link\",\r\n  footerVersion: \"sidebar_footer_version\",\r\n\r\n  chevron: \"sidebar_chevron\",\r\n  chevronOpen: \"sidebar_chevron_open\",\r\n\r\n  submenu: \"sidebar_submenu\",\r\n  submenuOpen: \"sidebar_submenu_open\",\r\n\r\n  outline: \"sidebar_outline\",\r\n\r\n  primary: \"sidebar_primary\",\r\n  secondary: \"sidebar_secondary\",\r\n  tertiary: \"sidebar_tertiary\",\r\n  quaternary: \"sidebar_quaternary\",\r\n\r\n  success: \"sidebar_success\",\r\n  error: \"sidebar_error\",\r\n  warning: \"sidebar_warning\",\r\n\r\n  clear: \"sidebar_clear\",\r\n\r\n  shadowNone: \"sidebar_shadow-None\",\r\n  shadowLight: \"sidebar_shadow-Light\",\r\n  shadowMedium: \"sidebar_shadow-Medium\",\r\n  shadowStrong: \"sidebar_shadow-Strong\",\r\n  shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n  roundNone: \"sidebar_round-None\",\r\n  roundSmall: \"sidebar_round-Small\",\r\n  roundMedium: \"sidebar_round-Medium\",\r\n  roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n  p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst getInitialPath = () =>\r\n  typeof window !== \"undefined\" ? window.location.pathname || \"/\" : \"/\";\r\n\r\nconst isDescendantPath = (parentPath: string, currentPath: string): boolean => {\r\n  const parent = normalizePath(parentPath);\r\n  const current = normalizePath(currentPath);\r\n\r\n  if (parent === \"/\") return current === \"/\";\r\n  return current === parent || current.startsWith(`${parent}/`);\r\n};\r\n\r\nconst isActiveRecursive = (\r\n  link: SidebarLink,\r\n  matcher: (link: SidebarLink) => boolean,\r\n): boolean => {\r\n  if (matcher(link)) return true;\r\n  return !!link.children?.some((child) => isActiveRecursive(child, matcher));\r\n};\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({\r\n  isLinkActive: consumerIsLinkActive,\r\n  hasActiveChild: consumerHasActiveChild,\r\n  ...props\r\n}) => {\r\n  const [pathname] = useState(getInitialPath);\r\n\r\n  const defaultIsLinkActive = (link: SidebarLink): boolean => {\r\n    if (!link.href) return false;\r\n\r\n    if (link.children?.length) {\r\n      return isDescendantPath(link.href, pathname);\r\n    }\r\n\r\n    return normalizePath(link.href) === normalizePath(pathname);\r\n  };\r\n\r\n  const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;\r\n\r\n  const defaultHasActiveChild = (link: SidebarLink): boolean =>\r\n    !!link.children?.some((child) =>\r\n      isActiveRecursive(child, resolvedIsLinkActive),\r\n    );\r\n\r\n  const resolvedHasActiveChild =\r\n    consumerHasActiveChild ?? defaultHasActiveChild;\r\n\r\n  return (\r\n    <SidebarBase\r\n      {...props}\r\n      classMap={classes}\r\n      isLinkActive={resolvedIsLinkActive}\r\n      hasActiveChild={resolvedHasActiveChild}\r\n    />\r\n  );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["_a"],"mappings":";;;;;;AAWA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,cAAc,YAAY;AAAA,EAC1B,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkC,CAAA,CAAE;AAEtE,QAAM,SAAS,OAA+B,EAAE;AAChD,QAAM,SAAS,OAAO,CAAC;AAEvB,QAAM,QAAQ,CAAC,UAAkB;AAC/B,QAAI,CAAC,OAAO,QAAQ,KAAK,GAAG;AAC1B,YAAM,OAAO,MACV,YAAA,EACA,QAAQ,QAAQ,GAAG,EACnB,QAAQ,gBAAgB,EAAE;AAC7B,aAAO,QAAQ,KAAK,IAAI,GAAG,MAAM,YAAY,IAAI,IAAI,OAAO,SAAS;AAAA,IACvE;AACA,WAAO,OAAO,QAAQ,KAAK;AAAA,EAC7B;AAEA,YAAU,MAAM;AACd,UAAM,OAAgC,CAAA;AAEtC,UAAM,OAAO,CAAC,UAAkC;;AAC9C,iBAAW,QAAQ,OAAO;AACxB,aAAI,UAAK,aAAL,mBAAe,QAAQ;AACzB,gBAAM,iBACJ,iDAAiB,UACjB,KAAK,SAAS;AAAA,YACZ,CAAC,UAAA;;AACE,oEAAe,WAAU,UACzB,CAAC,GAACA,MAAA,MAAM,aAAN,gBAAAA,IAAgB,WAAU,KAAK,MAAM,QAAQ;AAAA;AAAA,UAAA;AAGtD,cAAI,eAAe;AACjB,iBAAK,KAAK,KAAK,IAAI;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAEA,aAAO,MAAM;AAAA,QACX,CAAC,SAAA;;AACE,gEAAe,UAAS,UACxB,CAAC,GAACA,MAAA,KAAK,aAAL,gBAAAA,IAAe,WAAU,KAAK,KAAK,QAAQ;AAAA;AAAA,MAAA;AAAA,IAEpD;AAEA,SAAK,KAAK;AACV,iBAAa,CAAC,UAAU,EAAE,GAAG,MAAM,GAAG,OAAO;AAAA,EAC/C,GAAG,CAAC,OAAO,cAAc,cAAc,CAAC;AAExC,QAAM,aAAa,CAAC,QAClB,aAAa,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,IAAI;AAEzD,QAAM,mBAAmB;AAAA,IACvB,MACE;AAAA,MACE,SAAS;AAAA,MACT;AAAA,MACA,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,WAAW,SAAS;AAAA,IAAA;AAAA,IAExB,CAAC,UAAU,WAAW,OAAO,OAAO,SAAS,UAAU,MAAM;AAAA,EAAA;AAG/D,QAAM,cAAc,CAAC,OAAsB,UAAU,UACnD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,SAAS;AAAA,QACT,WAAW,SAAS;AAAA,MAAA;AAAA,MAEtB,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,oBAAoB;AAAA,UACpB,iBAAiB;AAAA,QAAA,IACf;AAEJ,cAAM,MAAM,GAAG,KAAK,IAAI,GAAG;AAE3B,cAAM,YAAW,6CAAe,UAAS;AACzC,cAAM,uBACJ,iDAAiB,UACjB,CAAC,EAAC,qCAAU;AAAA,UACV,CAAC,UAAA;;AACE,kEAAe,WAAU,YACzB,WAAM,aAAN,mBAAgB,aAAW,iDAAiB,WAAU;AAAA;AAAA;AAG7D,cAAM,SAAS,CAAC,CAAC,UAAU,KAAK;AAChC,cAAM,YAAY,MAAM,KAAK;AAC7B,cAAM,WAAW,GAAG,SAAS;AAC7B,cAAM,UAAU,GAAG,SAAS;AAE5B,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA,YAAY,SAAS,SAAS,IAC7B,qBAAA,UAAA,EACE,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,IAAI;AAAA,kBACJ,WAAW;AAAA,oBACT,SAAS;AAAA,qBACR,YAAY,UAAU,wBACrB,SAAS;AAAA,kBAAA;AAAA,kBAEb,SAAS,MAAM,WAAW,KAAK;AAAA,kBAC/B,iBAAe;AAAA,kBACf,iBAAe;AAAA,kBACf,eACE,qEAA2B,MAAM,YAAW;AAAA,kBAE9C,qBACE,iFAAiC,MAAM,YACvC;AAAA,kBAEF,iBAAe,oBAAoB;AAAA,kBACnC,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAA;AAAA,oBAAA,QAAQ,oBAAC,QAAA,EAAK,WAAW,SAAS,MAAO,UAAA,MAAK;AAAA,wCAC9C,QAAA,EAAK,eAAa,GAAG,MAAM,oBAAqB,UAAA,OAAM;AAAA,oBACvD;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAW;AAAA,0BACT,SAAS;AAAA,0BACT,UAAU,SAAS;AAAA,wBAAA;AAAA,wBAErB,eAAY;AAAA,wBACZ,WAAW;AAAA,wBACX,eAAa,GAAG,MAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACxB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,WAAW;AAAA,oBACT,SAAS;AAAA,oBACT,UAAU,SAAS;AAAA,kBAAA;AAAA,kBAErB,MAAK;AAAA,kBACL,mBAAiB;AAAA,kBACjB,QAAQ,CAAC;AAAA,kBACT,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAA,YAAY,UAAU,IAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC7B,EAAA,CACF,IACE,OACF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,WAAW;AAAA,kBACT,SAAS;AAAA,kBACT,WAAW,SAAS;AAAA,kBACpB,YAAY,SAAS;AAAA,gBAAA;AAAA,gBAEvB,gBAAc,WAAW,SAAS;AAAA,gBAClC,cAAY;AAAA,gBACZ,oBAAkB;AAAA,gBAClB,iBAAe,oBAAoB;AAAA,gBACnC,eAAa,GAAG,MAAM;AAAA,gBAErB,UAAA;AAAA,kBAAA,QAAQ,oBAAC,QAAA,EAAK,WAAW,SAAS,MAAO,UAAA,MAAK;AAAA,kBAC9C;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,IAGH;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT,SAAS;AAAA,kBACT,WAAW,SAAS;AAAA,gBAAA;AAAA,gBAEtB,cAAY;AAAA,gBACZ,oBAAkB;AAAA,gBAClB,iBAAe,oBAAoB;AAAA,gBACnC,eAAa,GAAG,MAAM;AAAA,gBAErB,UAAA;AAAA,kBAAA,QAAQ,oBAAC,QAAA,EAAK,WAAW,SAAS,MAAO,UAAA,MAAK;AAAA,kBAC9C;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,UApFG;AAAA,QAAA;AAAA,MAwFX,CAAC;AAAA,IAAA;AAAA,EAAA;AAIL,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAY,iBAAiB,SAAY;AAAA,MACzC,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAW,SAAS,KAAM,UAAA,YAAY,KAAK,GAAE;AAAA,QAEjD,cACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,SAAS;AAAA,YACpB,cAAY,uBAAuB,SAAY;AAAA,YAC/C,mBAAiB;AAAA,YACjB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAA,2CAAa;AAAA,gBACZ,CACE;AAAA,kBACE;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,cAAc;AAAA,kBACd,oBAAoB;AAAA,kBACpB,iBAAiB;AAAA,gBAAA,GAEnB,MAEA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC;AAAA,oBACA,WAAW,SAAS;AAAA,oBACpB,cAAY;AAAA,oBACZ,oBAAkB;AAAA,oBAClB,iBAAe,0BAA0B;AAAA,oBACzC,eAAa,GAAG,MAAM;AAAA,oBAErB,UAAA;AAAA,sBAAA,QAAQ,oBAAC,QAAA,EAAK,WAAW,SAAS,MAAO,UAAA,MAAK;AAAA,sBAC9C;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBATI,GAAG,KAAK,IAAI,CAAC;AAAA,gBAAA;AAAA;AAAA,cAavB,iBACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AC1R1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AAAA,EAEf,SAAS;AAAA,EACT,aAAa;AAAA,EAEb,SAAS;AAAA,EACT,aAAa;AAAA,EAEb,SAAS;AAAA,EAET,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,gBAAgB,CAAC,MACrB,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,EAAE,MAAM,GAAG,EAAE,IAAI;AAErD,MAAM,iBAAiB,MACrB,OAAO,WAAW,cAAc,OAAO,SAAS,YAAY,MAAM;AAEpE,MAAM,mBAAmB,CAAC,YAAoB,gBAAiC;AAC7E,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,UAAU,cAAc,WAAW;AAEzC,MAAI,WAAW,IAAK,QAAO,YAAY;AACvC,SAAO,YAAY,UAAU,QAAQ,WAAW,GAAG,MAAM,GAAG;AAC9D;AAEA,MAAM,oBAAoB,CACxB,MACA,YACY;;AACZ,MAAI,QAAQ,IAAI,EAAG,QAAO;AAC1B,SAAO,CAAC,GAAC,UAAK,aAAL,mBAAe,KAAK,CAAC,UAAU,kBAAkB,OAAO,OAAO;AAC1E;AAEA,MAAM,UAAkC,CAAC;AAAA,EACvC,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,QAAQ,IAAI,SAAS,cAAc;AAE1C,QAAM,sBAAsB,CAAC,SAA+B;;AAC1D,QAAI,CAAC,KAAK,KAAM,QAAO;AAEvB,SAAI,UAAK,aAAL,mBAAe,QAAQ;AACzB,aAAO,iBAAiB,KAAK,MAAM,QAAQ;AAAA,IAC7C;AAEA,WAAO,cAAc,KAAK,IAAI,MAAM,cAAc,QAAQ;AAAA,EAC5D;AAEA,QAAM,uBAAuB,wBAAwB;AAErD,QAAM,wBAAwB,CAAC,SAAA;;AAC7B,YAAC,GAAC,UAAK,aAAL,mBAAe;AAAA,MAAK,CAAC,UACrB,kBAAkB,OAAO,oBAAoB;AAAA;AAAA;AAGjD,QAAM,yBACJ,0BAA0B;AAE5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAGtB;AAEA,QAAQ,cAAc;"}