boreal-ui 0.0.72 → 0.0.74

package/dist/core/Badge-DwWiN50f.js

@@ -0,0 +1,179 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
+const BadgeBase = ({
+  children,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  role,
+  tabIndex,
+  theme = getDefaultTheme(),
+  state = "",
+  disabled = false,
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  title,
+  size = getDefaultSize(),
+  outline = false,
+  icon: Icon,
+  className = "",
+  classMap,
+  "data-testid": testId = "badge",
+  onClick,
+  href,
+  ...rest
+}) => {
+  if (children == null && !Icon) return null;
+  const isTextContent = typeof children === "string" || typeof children === "number";
+  const accessibleLabel = ariaLabel ?? (isTextContent ? String(children) : void 0);
+  const combinedClassName = useMemo(
+    () => combineClassNames(
+      classMap.badge,
+      classMap[size],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      disabled && classMap.disabled,
+      outline && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [
+      size,
+      theme,
+      state,
+      shadow,
+      rounding,
+      disabled,
+      outline,
+      onClick,
+      className,
+      classMap
+    ]
+  );
+  const handleClick = (e) => {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  const sharedAccessibilityProps = {
+    ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+    ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
+    ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+    ...ariaLive ? { "aria-live": ariaLive } : {},
+    ...ariaAtomic !== void 0 ? { "aria-atomic": ariaAtomic } : {},
+    ...role ? { role } : {},
+    ...tabIndex !== void 0 ? { tabIndex } : {}
+  };
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    Icon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        className: classMap.badge_icon,
+        "aria-hidden": "true",
+        focusable: "false",
+        "data-testid": testId ? `${testId}-icon` : void 0
+      }
+    ),
+    children
+  ] });
+  if (href) {
+    const isHttp = /^https?:\/\//i.test(href);
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: disabled ? void 0 : href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? accessibleLabel,
+        "aria-disabled": disabled || void 0,
+        tabIndex: disabled ? -1 : tabIndex,
+        target: isHttp && !disabled ? "_blank" : void 0,
+        rel: isHttp && !disabled ? "noopener noreferrer" : void 0,
+        ...sharedAccessibilityProps,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: combinedClassName,
+        onClick: handleClick,
+        disabled,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? accessibleLabel,
+        ...sharedAccessibilityProps,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: combinedClassName,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      title: title ?? accessibleLabel,
+      role: role ?? "status",
+      tabIndex,
+      ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+      ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
+      ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+      ...ariaLive ? { "aria-live": ariaLive } : {},
+      ...ariaAtomic !== void 0 ? { "aria-atomic": ariaAtomic } : {},
+      ...rest,
+      children: inner
+    }
+  );
+};
+const classes = {
+  badge: "badge",
+  primary: "badge_primary",
+  secondary: "badge_secondary",
+  tertiary: "badge_tertiary",
+  quaternary: "badge_quaternary",
+  clear: "badge_clear",
+  success: "badge_success",
+  error: "badge_error",
+  warning: "badge_warning",
+  xs: "badge_xs",
+  small: "badge_small",
+  medium: "badge_medium",
+  large: "badge_large",
+  xl: "badge_xl",
+  shadowNone: "badge_shadow-None",
+  shadowLight: "badge_shadow-Light",
+  shadowMedium: "badge_shadow-Medium",
+  shadowStrong: "badge_shadow-Strong",
+  shadowIntense: "badge_shadow-Intense",
+  roundNone: "badge_round-None",
+  roundSmall: "badge_round-Small",
+  roundMedium: "badge_round-Medium",
+  roundLarge: "badge_round-Large",
+  outline: "badge_outline",
+  disabled: "badge_disabled",
+  icon: "badge_icon",
+  clickable: "badge_clickable"
+};
+const Badge = (props) => {
+  return /* @__PURE__ */ jsx(BadgeBase, { ...props, classMap: classes });
+};
+Badge.displayName = "Badge";
+export {
+  Badge as B
+};
+//# sourceMappingURL=Badge-DwWiN50f.js.map

package/dist/core/Badge-DwWiN50f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-DwWiN50f.js","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/core/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeBaseProps } from \"./Badge.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\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  children,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  role,\r\n  tabIndex,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"badge\",\r\n  onClick,\r\n  href,\r\n  ...rest\r\n}: BadgeBaseProps) => {\r\n  if (children == null && !Icon) return null;\r\n\r\n  const isTextContent =\r\n    typeof children === \"string\" || typeof children === \"number\";\r\n\r\n  const accessibleLabel =\r\n    ariaLabel ?? (isTextContent ? String(children) : undefined);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className,\r\n      ),\r\n    [\r\n      size,\r\n      theme,\r\n      state,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  const sharedAccessibilityProps = {\r\n    ...(accessibleLabel ? { \"aria-label\": accessibleLabel } : {}),\r\n    ...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {}),\r\n    ...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {}),\r\n    ...(ariaLive ? { \"aria-live\": ariaLive } : {}),\r\n    ...(ariaAtomic !== undefined ? { \"aria-atomic\": ariaAtomic } : {}),\r\n    ...(role ? { role } : {}),\r\n    ...(tabIndex !== undefined ? { tabIndex } : {}),\r\n  };\r\n\r\n  const inner = (\r\n    <>\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap.badge_icon}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {children}\r\n    </>\r\n  );\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n\r\n    return (\r\n      <a\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? accessibleLabel}\r\n        aria-disabled={disabled || undefined}\r\n        tabIndex={disabled ? -1 : tabIndex}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        {...sharedAccessibilityProps}\r\n        {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {inner}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? accessibleLabel}\r\n        {...sharedAccessibilityProps}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {inner}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      title={title ?? accessibleLabel}\r\n      role={role ?? \"status\"}\r\n      tabIndex={tabIndex}\r\n      {...(accessibleLabel ? { \"aria-label\": accessibleLabel } : {})}\r\n      {...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {})}\r\n      {...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {})}\r\n      {...(ariaLive ? { \"aria-live\": ariaLive } : {})}\r\n      {...(ariaAtomic !== undefined ? { \"aria-atomic\": ariaAtomic } : {})}\r\n      {...(rest as React.HTMLAttributes<HTMLSpanElement>)}\r\n    >\r\n      {inner}\r\n    </span>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport \"./Badge.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst classes = {\r\n  badge: \"badge\",\r\n\r\n  primary: \"badge_primary\",\r\n  secondary: \"badge_secondary\",\r\n  tertiary: \"badge_tertiary\",\r\n  quaternary: \"badge_quaternary\",\r\n  clear: \"badge_clear\",\r\n\r\n  success: \"badge_success\",\r\n  error: \"badge_error\",\r\n  warning: \"badge_warning\",\r\n\r\n  xs: \"badge_xs\",\r\n  small: \"badge_small\",\r\n  medium: \"badge_medium\",\r\n  large: \"badge_large\",\r\n  xl: \"badge_xl\",\r\n\r\n  shadowNone: \"badge_shadow-None\",\r\n  shadowLight: \"badge_shadow-Light\",\r\n  shadowMedium: \"badge_shadow-Medium\",\r\n  shadowStrong: \"badge_shadow-Strong\",\r\n  shadowIntense: \"badge_shadow-Intense\",\r\n\r\n  roundNone: \"badge_round-None\",\r\n  roundSmall: \"badge_round-Small\",\r\n  roundMedium: \"badge_round-Medium\",\r\n  roundLarge: \"badge_round-Large\",\r\n\r\n  outline: \"badge_outline\",\r\n  disabled: \"badge_disabled\",\r\n  icon: \"badge_icon\",\r\n  clickable: \"badge_clickable\",\r\n};\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={classes} />;\r\n};\r\nBadge.displayName = \"Badge\";\r\nexport default Badge;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Badge-oXVUTleI.cjs

@@ -0,0 +1,178 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+const BadgeBase = ({
+  children,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-live": ariaLive,
+  "aria-atomic": ariaAtomic,
+  role,
+  tabIndex,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  disabled = false,
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  title,
+  size = borealStyleConfig.getDefaultSize(),
+  outline = false,
+  icon: Icon,
+  className = "",
+  classMap,
+  "data-testid": testId = "badge",
+  onClick,
+  href,
+  ...rest
+}) => {
+  if (children == null && !Icon) return null;
+  const isTextContent = typeof children === "string" || typeof children === "number";
+  const accessibleLabel = ariaLabel ?? (isTextContent ? String(children) : void 0);
+  const combinedClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.badge,
+      classMap[size],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      disabled && classMap.disabled,
+      outline && classMap.outline,
+      onClick && classMap.clickable,
+      className
+    ),
+    [
+      size,
+      theme,
+      state,
+      shadow,
+      rounding,
+      disabled,
+      outline,
+      onClick,
+      className,
+      classMap
+    ]
+  );
+  const handleClick = (e) => {
+    if (disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  const sharedAccessibilityProps = {
+    ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+    ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
+    ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+    ...ariaLive ? { "aria-live": ariaLive } : {},
+    ...ariaAtomic !== void 0 ? { "aria-atomic": ariaAtomic } : {},
+    ...role ? { role } : {},
+    ...tabIndex !== void 0 ? { tabIndex } : {}
+  };
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    Icon && /* @__PURE__ */ jsxRuntime.jsx(
+      Icon,
+      {
+        className: classMap.badge_icon,
+        "aria-hidden": "true",
+        focusable: "false",
+        "data-testid": testId ? `${testId}-icon` : void 0
+      }
+    ),
+    children
+  ] });
+  if (href) {
+    const isHttp = /^https?:\/\//i.test(href);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: disabled ? void 0 : href,
+        className: combinedClassName,
+        onClick: handleClick,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? accessibleLabel,
+        "aria-disabled": disabled || void 0,
+        tabIndex: disabled ? -1 : tabIndex,
+        target: isHttp && !disabled ? "_blank" : void 0,
+        rel: isHttp && !disabled ? "noopener noreferrer" : void 0,
+        ...sharedAccessibilityProps,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: combinedClassName,
+        onClick: handleClick,
+        disabled,
+        "data-testid": testId ? `${testId}-main` : void 0,
+        title: title ?? accessibleLabel,
+        ...sharedAccessibilityProps,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: combinedClassName,
+      "data-testid": testId ? `${testId}-main` : void 0,
+      title: title ?? accessibleLabel,
+      role: role ?? "status",
+      tabIndex,
+      ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+      ...ariaLabelledBy ? { "aria-labelledby": ariaLabelledBy } : {},
+      ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+      ...ariaLive ? { "aria-live": ariaLive } : {},
+      ...ariaAtomic !== void 0 ? { "aria-atomic": ariaAtomic } : {},
+      ...rest,
+      children: inner
+    }
+  );
+};
+const classes = {
+  badge: "badge",
+  primary: "badge_primary",
+  secondary: "badge_secondary",
+  tertiary: "badge_tertiary",
+  quaternary: "badge_quaternary",
+  clear: "badge_clear",
+  success: "badge_success",
+  error: "badge_error",
+  warning: "badge_warning",
+  xs: "badge_xs",
+  small: "badge_small",
+  medium: "badge_medium",
+  large: "badge_large",
+  xl: "badge_xl",
+  shadowNone: "badge_shadow-None",
+  shadowLight: "badge_shadow-Light",
+  shadowMedium: "badge_shadow-Medium",
+  shadowStrong: "badge_shadow-Strong",
+  shadowIntense: "badge_shadow-Intense",
+  roundNone: "badge_round-None",
+  roundSmall: "badge_round-Small",
+  roundMedium: "badge_round-Medium",
+  roundLarge: "badge_round-Large",
+  outline: "badge_outline",
+  disabled: "badge_disabled",
+  icon: "badge_icon",
+  clickable: "badge_clickable"
+};
+const Badge = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(BadgeBase, { ...props, classMap: classes });
+};
+Badge.displayName = "Badge";
+exports.Badge = Badge;
+//# sourceMappingURL=Badge-oXVUTleI.cjs.map

package/dist/core/Badge-oXVUTleI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-oXVUTleI.cjs","sources":["../../src/components/Badge/BadgeBase.tsx","../../src/components/Badge/core/Badge.tsx"],"sourcesContent":["import React, { useMemo, MouseEvent } from \"react\";\r\nimport { BadgeBaseProps } from \"./Badge.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\nexport const BadgeBase: React.FC<BadgeBaseProps> = ({\r\n  children,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-atomic\": ariaAtomic,\r\n  role,\r\n  tabIndex,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  disabled = false,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  icon: Icon,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"badge\",\r\n  onClick,\r\n  href,\r\n  ...rest\r\n}: BadgeBaseProps) => {\r\n  if (children == null && !Icon) return null;\r\n\r\n  const isTextContent =\r\n    typeof children === \"string\" || typeof children === \"number\";\r\n\r\n  const accessibleLabel =\r\n    ariaLabel ?? (isTextContent ? String(children) : undefined);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.badge,\r\n        classMap[size],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        onClick && classMap.clickable,\r\n        className,\r\n      ),\r\n    [\r\n      size,\r\n      theme,\r\n      state,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      onClick,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    onClick?.(e as MouseEvent<HTMLButtonElement | HTMLAnchorElement>);\r\n  };\r\n\r\n  const sharedAccessibilityProps = {\r\n    ...(accessibleLabel ? { \"aria-label\": accessibleLabel } : {}),\r\n    ...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {}),\r\n    ...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {}),\r\n    ...(ariaLive ? { \"aria-live\": ariaLive } : {}),\r\n    ...(ariaAtomic !== undefined ? { \"aria-atomic\": ariaAtomic } : {}),\r\n    ...(role ? { role } : {}),\r\n    ...(tabIndex !== undefined ? { tabIndex } : {}),\r\n  };\r\n\r\n  const inner = (\r\n    <>\r\n      {Icon && (\r\n        <Icon\r\n          className={classMap.badge_icon}\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n          data-testid={testId ? `${testId}-icon` : undefined}\r\n        />\r\n      )}\r\n      {children}\r\n    </>\r\n  );\r\n\r\n  if (href) {\r\n    const isHttp = /^https?:\\/\\//i.test(href);\r\n\r\n    return (\r\n      <a\r\n        href={disabled ? undefined : href}\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? accessibleLabel}\r\n        aria-disabled={disabled || undefined}\r\n        tabIndex={disabled ? -1 : tabIndex}\r\n        target={isHttp && !disabled ? \"_blank\" : undefined}\r\n        rel={isHttp && !disabled ? \"noopener noreferrer\" : undefined}\r\n        {...sharedAccessibilityProps}\r\n        {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\r\n      >\r\n        {inner}\r\n      </a>\r\n    );\r\n  }\r\n\r\n  if (onClick) {\r\n    return (\r\n      <button\r\n        type=\"button\"\r\n        className={combinedClassName}\r\n        onClick={handleClick}\r\n        disabled={disabled}\r\n        data-testid={testId ? `${testId}-main` : undefined}\r\n        title={title ?? accessibleLabel}\r\n        {...sharedAccessibilityProps}\r\n        {...(rest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\r\n      >\r\n        {inner}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={combinedClassName}\r\n      data-testid={testId ? `${testId}-main` : undefined}\r\n      title={title ?? accessibleLabel}\r\n      role={role ?? \"status\"}\r\n      tabIndex={tabIndex}\r\n      {...(accessibleLabel ? { \"aria-label\": accessibleLabel } : {})}\r\n      {...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {})}\r\n      {...(ariaDescribedBy ? { \"aria-describedby\": ariaDescribedBy } : {})}\r\n      {...(ariaLive ? { \"aria-live\": ariaLive } : {})}\r\n      {...(ariaAtomic !== undefined ? { \"aria-atomic\": ariaAtomic } : {})}\r\n      {...(rest as React.HTMLAttributes<HTMLSpanElement>)}\r\n    >\r\n      {inner}\r\n    </span>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport \"./Badge.scss\";\r\nimport { BadgeBase } from \"../BadgeBase\";\r\nimport { BadgeProps } from \"../Badge.types\";\r\n\r\nconst classes = {\r\n  badge: \"badge\",\r\n\r\n  primary: \"badge_primary\",\r\n  secondary: \"badge_secondary\",\r\n  tertiary: \"badge_tertiary\",\r\n  quaternary: \"badge_quaternary\",\r\n  clear: \"badge_clear\",\r\n\r\n  success: \"badge_success\",\r\n  error: \"badge_error\",\r\n  warning: \"badge_warning\",\r\n\r\n  xs: \"badge_xs\",\r\n  small: \"badge_small\",\r\n  medium: \"badge_medium\",\r\n  large: \"badge_large\",\r\n  xl: \"badge_xl\",\r\n\r\n  shadowNone: \"badge_shadow-None\",\r\n  shadowLight: \"badge_shadow-Light\",\r\n  shadowMedium: \"badge_shadow-Medium\",\r\n  shadowStrong: \"badge_shadow-Strong\",\r\n  shadowIntense: \"badge_shadow-Intense\",\r\n\r\n  roundNone: \"badge_round-None\",\r\n  roundSmall: \"badge_round-Small\",\r\n  roundMedium: \"badge_round-Medium\",\r\n  roundLarge: \"badge_round-Large\",\r\n\r\n  outline: \"badge_outline\",\r\n  disabled: \"badge_disabled\",\r\n  icon: \"badge_icon\",\r\n  clickable: \"badge_clickable\",\r\n};\r\n\r\nconst Badge: React.FC<BadgeProps> = (props) => {\r\n  return <BadgeBase {...props} classMap={classes} />;\r\n};\r\nBadge.displayName = \"Badge\";\r\nexport default Badge;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useMemo","combineClassNames","capitalize","jsxs","Fragment","jsx"],"mappings":"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"}

package/dist/core/Badge.cjs.js

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

package/dist/core/Badge.js

@@ -1,4 +1,4 @@
-import { B } from "./Badge-BEj0KQvW.js";
+import { B } from "./Badge-DwWiN50f.js";
 export {
   B as default
 };

package/dist/core/Breadcrumbs-B7hp9_u1.cjs

@@ -0,0 +1,210 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const ArrowRightIcon = require("./ArrowRightIcon-ClXQHGAD.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
+;/* empty css                   */
+const Button = require("./Button-nxtJFOWD.cjs");
+const ELLIPSIS_LABEL = "…";
+const BreadcrumbsBase = ({
+  items,
+  "aria-label": ariaLabel = "Breadcrumbs",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  separator,
+  classMap,
+  disabled = false,
+  size = borealStyleConfig.getDefaultSize(),
+  outline = false,
+  className = "",
+  maxVisible,
+  LinkComponent = "a",
+  ButtonComponent = "button",
+  "data-testid": testId = "breadcrumbs",
+  ...rest
+}) => {
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const handleExpand = () => {
+    setIsExpanded(true);
+  };
+  if (!items || items.length === 0) return null;
+  const visibleItems = React.useMemo(() => {
+    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;
+    const first = items[0];
+    const lastItems = items.slice(items.length - (maxVisible - 2));
+    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];
+  }, [items, isExpanded, maxVisible]);
+  const breadcrumbsClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.breadcrumbs,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      disabled && classMap.disabled,
+      outline && classMap.outline,
+      className
+    ),
+    [
+      theme,
+      state,
+      size,
+      shadow,
+      rounding,
+      disabled,
+      outline,
+      className,
+      classMap
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      ...rest,
+      "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "data-testid": testId ? `${testId}-nav-container` : void 0,
+      className: breadcrumbsClass,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "ol",
+        {
+          className: classMap.list,
+          "data-testid": testId ? `${testId}-nav-list` : void 0,
+          itemScope: true,
+          itemType: "https://schema.org/BreadcrumbList",
+          children: visibleItems.map((item, index) => {
+            const isLast = index === visibleItems.length - 1;
+            const isEllipsis = item.label === ELLIPSIS_LABEL;
+            const isItemDisabled = disabled || item.disabled;
+            const itemClassName = classNames.combineClassNames(
+              classMap.item,
+              isExpanded && !isEllipsis && classMap.item_animate,
+              isLast && classMap.item_active,
+              isItemDisabled && classMap.disabled
+            );
+            const itemTitle = item.title ?? item.label;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "li",
+              {
+                "data-testid": testId ? `${testId}-nav-item` : void 0,
+                className: itemClassName,
+                itemProp: "itemListElement",
+                itemScope: true,
+                itemType: "https://schema.org/ListItem",
+                children: [
+                  isEllipsis ? /* @__PURE__ */ jsxRuntime.jsx(
+                    ButtonComponent,
+                    {
+                      theme: "clear",
+                      size: "xs",
+                      className: classMap.ellipsis,
+                      "aria-label": "Show all breadcrumbs",
+                      "aria-expanded": isExpanded,
+                      "aria-disabled": isItemDisabled || void 0,
+                      onClick: isItemDisabled ? void 0 : handleExpand,
+                      disabled: isItemDisabled,
+                      tabIndex: isItemDisabled ? -1 : 0,
+                      "data-testid": testId ? `${testId}-ellipsis` : void 0,
+                      children: item.label
+                    }
+                  ) : item.href && !isLast ? isItemDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: classNames.combineClassNames(
+                        classMap.link_disabled,
+                        classMap.current
+                      ),
+                      title: itemTitle,
+                      "aria-label": item["aria-label"],
+                      "aria-disabled": "true",
+                      itemProp: "name",
+                      "data-testid": testId ? `${testId}-nav-item-label` : void 0,
+                      children: item.label
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    LinkComponent,
+                    {
+                      href: item.href,
+                      className: classMap.link,
+                      title: itemTitle,
+                      "aria-label": item["aria-label"],
+                      itemProp: "item",
+                      "data-testid": testId ? `${testId}-nav-item-label` : void 0,
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { itemProp: "name", className: classMap.link_label, children: item.label })
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: classMap.current,
+                      itemProp: "name",
+                      "aria-current": "page",
+                      "aria-label": item["aria-label"],
+                      title: itemTitle,
+                      "data-testid": testId ? `${testId}-nav-item-current` : void 0,
+                      children: item.label
+                    }
+                  ),
+                  !isLast && /* @__PURE__ */ jsxRuntime.jsx("span", { className: classMap.separator, "aria-hidden": "true", children: separator ?? /* @__PURE__ */ jsxRuntime.jsx(ArrowRightIcon.ArrowRightIcon, {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("meta", { itemProp: "position", content: `${index + 1}` })
+                ]
+              },
+              `${item.label}-${item.href ?? index}`
+            );
+          })
+        }
+      )
+    }
+  );
+};
+BreadcrumbsBase.displayName = "BreadcrumbsBase";
+const classes = {
+  breadcrumbs: "breadcrumbs",
+  primary: "breadcrumbs_primary",
+  secondary: "breadcrumbs_secondary",
+  tertiary: "breadcrumbs_tertiary",
+  quaternary: "breadcrumbs_quaternary",
+  success: "breadcrumbs_success",
+  warning: "breadcrumbs_warning",
+  error: "breadcrumbs_error",
+  clear: "breadcrumbs_clear",
+  outline: "breadcrumbs_outline",
+  disabled: "breadcrumbs_disabled",
+  shadowNone: "breadcrumbs_shadow-None",
+  shadowLight: "breadcrumbs_shadow-Light",
+  shadowMedium: "breadcrumbs_shadow-Medium",
+  shadowStrong: "breadcrumbs_shadow-Strong",
+  shadowIntense: "breadcrumbs_shadow-Intense",
+  roundNone: "breadcrumbs_round-None",
+  roundSmall: "breadcrumbs_round-Small",
+  roundMedium: "breadcrumbs_round-Medium",
+  roundLarge: "breadcrumbs_round-Large",
+  xs: "breadcrumbs_xs",
+  small: "breadcrumbs_small",
+  medium: "breadcrumbs_medium",
+  large: "breadcrumbs_large",
+  xl: "breadcrumbs_xl",
+  list: "breadcrumbs_list",
+  item: "breadcrumbs_item",
+  item_animate: "breadcrumbs_item_animate",
+  item_active: "breadcrumbs_item_active",
+  ellipsis: "breadcrumbs_ellipsis",
+  link: "breadcrumbs_link",
+  link_label: "breadcrumbs_link_label",
+  current: "breadcrumbs_current",
+  separator: "breadcrumbs_separator",
+  separator_icon: "breadcrumbs_separator_icon"
+};
+const Breadcrumbs = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbsBase, { ...props, classMap: classes, ButtonComponent: Button.Button });
+};
+Breadcrumbs.displayName = "Breadcrumbs";
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs-B7hp9_u1.cjs.map

package/dist/core/Breadcrumbs-B7hp9_u1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-B7hp9_u1.cjs","sources":["../../src/components/Breadcrumbs/BreadcrumbsBase.tsx","../../src/components/Breadcrumbs/core/Breadcrumbs.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\r\nimport { Breadcrumb, BreadcrumbsBaseProps } from \"./Breadcrumbs.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { ArrowRightIcon } from \"../../Icons/index\";\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\nconst ELLIPSIS_LABEL = \"…\";\r\n\r\nexport const BreadcrumbsBase: React.FC<BreadcrumbsBaseProps> = ({\r\n  items,\r\n  \"aria-label\": ariaLabel = \"Breadcrumbs\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  separator,\r\n  classMap,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline = false,\r\n  className = \"\",\r\n  maxVisible,\r\n  LinkComponent = \"a\",\r\n  ButtonComponent = \"button\",\r\n  \"data-testid\": testId = \"breadcrumbs\",\r\n  ...rest\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n\r\n  const handleExpand = () => {\r\n    setIsExpanded(true);\r\n  };\r\n\r\n  if (!items || items.length === 0) return null;\r\n\r\n  const visibleItems: Breadcrumb[] = useMemo(() => {\r\n    if (isExpanded || !maxVisible || items.length <= maxVisible) return items;\r\n\r\n    const first = items[0];\r\n    const lastItems = items.slice(items.length - (maxVisible - 2));\r\n\r\n    return [first, { label: ELLIPSIS_LABEL }, ...lastItems];\r\n  }, [items, isExpanded, maxVisible]);\r\n\r\n  const breadcrumbsClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.breadcrumbs,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        disabled && classMap.disabled,\r\n        outline && classMap.outline,\r\n        className,\r\n      ),\r\n    [\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      disabled,\r\n      outline,\r\n      className,\r\n      classMap,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      {...rest}\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId ? `${testId}-nav-container` : undefined}\r\n      className={breadcrumbsClass}\r\n    >\r\n      <ol\r\n        className={classMap.list}\r\n        data-testid={testId ? `${testId}-nav-list` : undefined}\r\n        itemScope\r\n        itemType=\"https://schema.org/BreadcrumbList\"\r\n      >\r\n        {visibleItems.map((item, index) => {\r\n          const isLast = index === visibleItems.length - 1;\r\n          const isEllipsis = item.label === ELLIPSIS_LABEL;\r\n          const isItemDisabled = disabled || item.disabled;\r\n\r\n          const itemClassName = combineClassNames(\r\n            classMap.item,\r\n            isExpanded && !isEllipsis && classMap.item_animate,\r\n            isLast && classMap.item_active,\r\n            isItemDisabled && classMap.disabled,\r\n          );\r\n\r\n          const itemTitle = item.title ?? item.label;\r\n\r\n          return (\r\n            <li\r\n              data-testid={testId ? `${testId}-nav-item` : undefined}\r\n              key={`${item.label}-${item.href ?? index}`}\r\n              className={itemClassName}\r\n              itemProp=\"itemListElement\"\r\n              itemScope\r\n              itemType=\"https://schema.org/ListItem\"\r\n            >\r\n              {isEllipsis ? (\r\n                <ButtonComponent\r\n                  theme=\"clear\"\r\n                  size=\"xs\"\r\n                  className={classMap.ellipsis}\r\n                  aria-label=\"Show all breadcrumbs\"\r\n                  aria-expanded={isExpanded}\r\n                  aria-disabled={isItemDisabled || undefined}\r\n                  onClick={isItemDisabled ? undefined : handleExpand}\r\n                  disabled={isItemDisabled}\r\n                  tabIndex={isItemDisabled ? -1 : 0}\r\n                  data-testid={testId ? `${testId}-ellipsis` : undefined}\r\n                >\r\n                  {item.label}\r\n                </ButtonComponent>\r\n              ) : item.href && !isLast ? (\r\n                isItemDisabled ? (\r\n                  <span\r\n                    className={combineClassNames(\r\n                      classMap.link_disabled,\r\n                      classMap.current,\r\n                    )}\r\n                    title={itemTitle}\r\n                    aria-label={item[\"aria-label\"]}\r\n                    aria-disabled=\"true\"\r\n                    itemProp=\"name\"\r\n                    data-testid={\r\n                      testId ? `${testId}-nav-item-label` : undefined\r\n                    }\r\n                  >\r\n                    {item.label}\r\n                  </span>\r\n                ) : (\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    className={classMap.link}\r\n                    title={itemTitle}\r\n                    aria-label={item[\"aria-label\"]}\r\n                    itemProp=\"item\"\r\n                    data-testid={\r\n                      testId ? `${testId}-nav-item-label` : undefined\r\n                    }\r\n                  >\r\n                    <span itemProp=\"name\" className={classMap.link_label}>\r\n                      {item.label}\r\n                    </span>\r\n                  </LinkComponent>\r\n                )\r\n              ) : (\r\n                <span\r\n                  className={classMap.current}\r\n                  itemProp=\"name\"\r\n                  aria-current=\"page\"\r\n                  aria-label={item[\"aria-label\"]}\r\n                  title={itemTitle}\r\n                  data-testid={\r\n                    testId ? `${testId}-nav-item-current` : undefined\r\n                  }\r\n                >\r\n                  {item.label}\r\n                </span>\r\n              )}\r\n\r\n              {!isLast && (\r\n                <span className={classMap.separator} aria-hidden=\"true\">\r\n                  {separator ?? <ArrowRightIcon />}\r\n                </span>\r\n              )}\r\n\r\n              <meta itemProp=\"position\" content={`${index + 1}`} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n\r\nBreadcrumbsBase.displayName = \"BreadcrumbsBase\";\r\n","import React from \"react\";\r\nimport \"./Breadcrumbs.scss\";\r\nimport { BreadcrumbsBase } from \"../BreadcrumbsBase\";\r\nimport { BreadcrumbsProps } from \"../Breadcrumbs.types\";\r\nimport { Button } from \"../../../index.core\";\r\n\r\nconst classes = {\r\n  breadcrumbs: \"breadcrumbs\",\r\n\r\n  primary: \"breadcrumbs_primary\",\r\n  secondary: \"breadcrumbs_secondary\",\r\n  tertiary: \"breadcrumbs_tertiary\",\r\n  quaternary: \"breadcrumbs_quaternary\",\r\n\r\n  success: \"breadcrumbs_success\",\r\n  warning: \"breadcrumbs_warning\",\r\n  error: \"breadcrumbs_error\",\r\n\r\n  clear: \"breadcrumbs_clear\",\r\n\r\n  outline: \"breadcrumbs_outline\",\r\n  disabled: \"breadcrumbs_disabled\",\r\n\r\n  shadowNone: \"breadcrumbs_shadow-None\",\r\n  shadowLight: \"breadcrumbs_shadow-Light\",\r\n  shadowMedium: \"breadcrumbs_shadow-Medium\",\r\n  shadowStrong: \"breadcrumbs_shadow-Strong\",\r\n  shadowIntense: \"breadcrumbs_shadow-Intense\",\r\n\r\n  roundNone: \"breadcrumbs_round-None\",\r\n  roundSmall: \"breadcrumbs_round-Small\",\r\n  roundMedium: \"breadcrumbs_round-Medium\",\r\n  roundLarge: \"breadcrumbs_round-Large\",\r\n\r\n  xs: \"breadcrumbs_xs\",\r\n  small: \"breadcrumbs_small\",\r\n  medium: \"breadcrumbs_medium\",\r\n  large: \"breadcrumbs_large\",\r\n  xl: \"breadcrumbs_xl\",\r\n\r\n  list: \"breadcrumbs_list\",\r\n  item: \"breadcrumbs_item\",\r\n  item_animate: \"breadcrumbs_item_animate\",\r\n  item_active: \"breadcrumbs_item_active\",\r\n  ellipsis: \"breadcrumbs_ellipsis\",\r\n  link: \"breadcrumbs_link\",\r\n  link_label: \"breadcrumbs_link_label\",\r\n  current: \"breadcrumbs_current\",\r\n  separator: \"breadcrumbs_separator\",\r\n  separator_icon: \"breadcrumbs_separator_icon\",\r\n};\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\r\n  return (\r\n    <BreadcrumbsBase {...props} classMap={classes} ButtonComponent={Button} />\r\n  );\r\n};\r\nBreadcrumbs.displayName = \"Breadcrumbs\";\r\nexport default Breadcrumbs;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","getDefaultSize","useState","useMemo","combineClassNames","capitalize","jsx","jsxs","ArrowRightIcon","Button"],"mappings":";;;;;;;;;AAYA,MAAM,iBAAiB;AAEhB,MAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA,cAAc,YAAY;AAAA,EAC1B,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAOC,kBAAAA,eAAA;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,eAAe,SAAS;AAAA,EACxB,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAAS,KAAK;AAElD,QAAM,eAAe,MAAM;AACzB,kBAAc,IAAI;AAAA,EACpB;AAEA,MAAI,CAAC,SAAS,MAAM,WAAW,EAAG,QAAO;AAEzC,QAAM,eAA6BC,MAAAA,QAAQ,MAAM;AAC/C,QAAI,cAAc,CAAC,cAAc,MAAM,UAAU,WAAY,QAAO;AAEpE,UAAM,QAAQ,MAAM,CAAC;AACrB,UAAM,YAAY,MAAM,MAAM,MAAM,UAAU,aAAa,EAAE;AAE7D,WAAO,CAAC,OAAO,EAAE,OAAO,eAAA,GAAkB,GAAG,SAAS;AAAA,EACxD,GAAG,CAAC,OAAO,YAAY,UAAU,CAAC;AAElC,QAAM,mBAAmBA,MAAAA;AAAAA,IACvB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,YAAY,SAAS;AAAA,MACrB,WAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,iBAAiB,SAAY;AAAA,MACzC,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa,SAAS,GAAG,MAAM,mBAAmB;AAAA,MAClD,WAAW;AAAA,MAEX,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAa,SAAS,GAAG,MAAM,cAAc;AAAA,UAC7C,WAAS;AAAA,UACT,UAAS;AAAA,UAER,UAAA,aAAa,IAAI,CAAC,MAAM,UAAU;AACjC,kBAAM,SAAS,UAAU,aAAa,SAAS;AAC/C,kBAAM,aAAa,KAAK,UAAU;AAClC,kBAAM,iBAAiB,YAAY,KAAK;AAExC,kBAAM,gBAAgBF,WAAAA;AAAAA,cACpB,SAAS;AAAA,cACT,cAAc,CAAC,cAAc,SAAS;AAAA,cACtC,UAAU,SAAS;AAAA,cACnB,kBAAkB,SAAS;AAAA,YAAA;AAG7B,kBAAM,YAAY,KAAK,SAAS,KAAK;AAErC,mBACEG,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAa,SAAS,GAAG,MAAM,cAAc;AAAA,gBAE7C,WAAW;AAAA,gBACX,UAAS;AAAA,gBACT,WAAS;AAAA,gBACT,UAAS;AAAA,gBAER,UAAA;AAAA,kBAAA,aACCD,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,MAAK;AAAA,sBACL,WAAW,SAAS;AAAA,sBACpB,cAAW;AAAA,sBACX,iBAAe;AAAA,sBACf,iBAAe,kBAAkB;AAAA,sBACjC,SAAS,iBAAiB,SAAY;AAAA,sBACtC,UAAU;AAAA,sBACV,UAAU,iBAAiB,KAAK;AAAA,sBAChC,eAAa,SAAS,GAAG,MAAM,cAAc;AAAA,sBAE5C,UAAA,KAAK;AAAA,oBAAA;AAAA,kBAAA,IAEN,KAAK,QAAQ,CAAC,SAChB,iBACEA,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWF,WAAAA;AAAAA,wBACT,SAAS;AAAA,wBACT,SAAS;AAAA,sBAAA;AAAA,sBAEX,OAAO;AAAA,sBACP,cAAY,KAAK,YAAY;AAAA,sBAC7B,iBAAc;AAAA,sBACd,UAAS;AAAA,sBACT,eACE,SAAS,GAAG,MAAM,oBAAoB;AAAA,sBAGvC,UAAA,KAAK;AAAA,oBAAA;AAAA,kBAAA,IAGRE,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAM,KAAK;AAAA,sBACX,WAAW,SAAS;AAAA,sBACpB,OAAO;AAAA,sBACP,cAAY,KAAK,YAAY;AAAA,sBAC7B,UAAS;AAAA,sBACT,eACE,SAAS,GAAG,MAAM,oBAAoB;AAAA,sBAGxC,UAAAA,2BAAAA,IAAC,UAAK,UAAS,QAAO,WAAW,SAAS,YACvC,eAAK,MAAA,CACR;AAAA,oBAAA;AAAA,kBAAA,IAIJA,2BAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,SAAS;AAAA,sBACpB,UAAS;AAAA,sBACT,gBAAa;AAAA,sBACb,cAAY,KAAK,YAAY;AAAA,sBAC7B,OAAO;AAAA,sBACP,eACE,SAAS,GAAG,MAAM,sBAAsB;AAAA,sBAGzC,UAAA,KAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAIT,CAAC,UACAA,2BAAAA,IAAC,QAAA,EAAK,WAAW,SAAS,WAAW,eAAY,QAC9C,UAAA,aAAaA,2BAAAA,IAACE,eAAAA,gBAAA,CAAA,CAAe,GAChC;AAAA,kBAGFF,+BAAC,UAAK,UAAS,YAAW,SAAS,GAAG,QAAQ,CAAC,GAAA,CAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,cA3E9C,GAAG,KAAK,KAAK,IAAI,KAAK,QAAQ,KAAK;AAAA,YAAA;AAAA,UA8E9C,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEA,gBAAgB,cAAc;AC5L9B,MAAM,UAAU;AAAA,EACd,aAAa;AAAA,EAEb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,UAAU;AAAA,EAEV,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;AAAA,EAEZ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAClB;AAEA,MAAM,cAA0C,CAAC,UAAU;AACzD,wCACG,iBAAA,EAAiB,GAAG,OAAO,UAAU,SAAS,iBAAiBG,OAAAA,QAAQ;AAE5E;AACA,YAAY,cAAc;;"}