smartsell-ui-kit 0.1.0 → 0.1.2

package/dist/chunk-YWH2VIAD.js

@@ -1,573 +0,0 @@
-// src/components/Modal.tsx
-import { useEffect, useMemo, useState } from "react";
-
-// src/color.ts
-function withAlpha(hex, alpha) {
-  const normalized = hex.replace("#", "").trim();
-  const value = normalized.length === 3 ? normalized.split("").map((char) => char + char).join("") : normalized;
-  const red = Number.parseInt(value.slice(0, 2), 16);
-  const green = Number.parseInt(value.slice(2, 4), 16);
-  const blue = Number.parseInt(value.slice(4, 6), 16);
-  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
-}
-
-// src/components/Modal.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var defaultThemeColors = {
-  background: "#f8fafc",
-  surface: "#ffffff",
-  onSurface: "#0f172a",
-  onBackground: "#0f172a",
-  primary: "#0f766e",
-  onPrimary: "#ffffff",
-  secondary: "#1d4ed8",
-  onSecondary: "#ffffff",
-  negative: "#dc2626",
-  warning: "#d97706"
-};
-var srOnlyStyle = {
-  position: "absolute",
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  border: 0
-};
-var isUiKitThemeTokens = (theme) => {
-  return Boolean(theme && typeof theme === "object" && "theme" in theme);
-};
-var resolveTheme = (theme) => {
-  var _a;
-  const colorOverrides = isUiKitThemeTokens(theme) ? theme.theme.colors : (_a = theme == null ? void 0 : theme.colors) != null ? _a : {};
-  const colors = {
-    ...defaultThemeColors,
-    ...colorOverrides
-  };
-  return {
-    colors,
-    borderSoft: isUiKitThemeTokens(theme) ? theme.borderSoft : withAlpha(colors.onSurface, 0.1),
-    borderStrong: isUiKitThemeTokens(theme) ? theme.borderStrong : withAlpha(colors.onSurface, 0.16),
-    surfaceMuted: isUiKitThemeTokens(theme) ? theme.surfaceMuted : withAlpha(colors.onSurface, 0.04),
-    surfaceRaised: isUiKitThemeTokens(theme) ? theme.surfaceRaised : withAlpha(colors.surface, 0.94),
-    overlay: isUiKitThemeTokens(theme) ? theme.overlay : withAlpha("#030712", 0.62),
-    mutedText: isUiKitThemeTokens(theme) ? theme.mutedText : withAlpha(colors.onSurface, 0.72)
-  };
-};
-var normalizeWidth = (maxWidth) => {
-  if (typeof maxWidth === "number") {
-    return `${maxWidth}px`;
-  }
-  return maxWidth != null ? maxWidth : "720px";
-};
-var isLikelyMobileViewport = () => {
-  if (typeof window === "undefined" || typeof navigator === "undefined") {
-    return false;
-  }
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-    navigator.userAgent
-  );
-};
-var createTitleId = (title) => {
-  if (typeof title === "string" || typeof title === "number") {
-    const normalized = String(title).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
-    return `smartsell-modal-${normalized || "dialog"}`;
-  }
-  return "smartsell-modal-dialog";
-};
-var isLegacyModalProps = (props) => {
-  return "showModal" in props;
-};
-var normalizeLegacyAction = (action, fallbackDisabled = false) => {
-  var _a, _b, _c;
-  return {
-    label: action.name,
-    onClick: action.onClick,
-    appearance: (_a = action.type) != null ? _a : "contained",
-    style: (_b = action.style) != null ? _b : { maxWidth: "150px" },
-    disabled: (_c = action.disable) != null ? _c : fallbackDisabled
-  };
-};
-var normalizeModalProps = (props) => {
-  var _a, _b;
-  if (!isLegacyModalProps(props)) {
-    return props;
-  }
-  const isBusy = Boolean(props.isLoading);
-  const disableAction = Boolean(props.disableActionBtn || props.isLoading);
-  return {
-    isOpen: props.showModal,
-    onClose: props.closeModal,
-    title: props.title,
-    children: props.children,
-    theme: props.theme,
-    maximized: props.maximized,
-    contentStyle: props.style,
-    bodyStyle: props.bodyStyle,
-    hideCloseButton: props.hideCloseIcon,
-    disableDismiss: isBusy,
-    closeOnBackdrop: false,
-    closeOnEscape: false,
-    isBusy,
-    closeAction: props.onlyCloseButton ? {
-      label: "Close",
-      onClick: props.closeModal,
-      appearance: "contained",
-      disabled: isBusy
-    } : void 0,
-    cancelAction: props.onlyCloseButton || !props.cancelButton ? void 0 : {
-      label: "Cancel",
-      onClick: props.cancelButton,
-      appearance: "text",
-      style: { maxWidth: "100px" }
-    },
-    confirmAction: props.onlyCloseButton || props.hideActionButton || !props.action ? void 0 : {
-      label: (_a = props.actionNameBtn) != null ? _a : "Save",
-      onClick: props.action,
-      appearance: "contained",
-      style: { maxWidth: "100px" },
-      disabled: disableAction
-    },
-    extraActions: props.onlyCloseButton ? void 0 : (_b = props.additionalActions) == null ? void 0 : _b.map((action) => normalizeLegacyAction(action, disableAction))
-  };
-};
-function ModalActionButton({
-  action,
-  theme
-}) {
-  var _a, _b;
-  const { colors } = theme;
-  const {
-    label,
-    onClick,
-    appearance = "contained",
-    disabled = false,
-    style
-  } = action;
-  const buttonStyle = {
-    width: "100%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "0.4rem",
-    padding: appearance === "link" ? 0 : "0.9rem 1.15rem",
-    boxSizing: "border-box",
-    cursor: disabled ? "not-allowed" : "pointer",
-    fontWeight: 700,
-    fontSize: "1.05rem",
-    lineHeight: 1.2,
-    margin: 0,
-    textAlign: "center",
-    transition: "0.5s",
-    opacity: disabled ? 0.5 : 1,
-    filter: disabled ? "saturate(0)" : void 0
-  };
-  if (appearance === "text") {
-    buttonStyle.background = "none";
-    buttonStyle.border = "1px solid transparent";
-    buttonStyle.color = colors.primary;
-    buttonStyle.boxShadow = "none";
-  } else if (appearance === "link") {
-    buttonStyle.background = "none";
-    buttonStyle.border = "none";
-    buttonStyle.color = colors.primary;
-    buttonStyle.boxShadow = "none";
-  } else if (appearance === "outlined") {
-    buttonStyle.background = "none";
-    buttonStyle.border = `2px solid ${colors.primary}`;
-    buttonStyle.color = colors.primary;
-    buttonStyle.boxShadow = `0 14px 28px ${withAlpha(colors.onSurface, 0.08)}`;
-  } else {
-    buttonStyle.background = colors.primary;
-    buttonStyle.border = "1px solid transparent";
-    buttonStyle.color = colors.onPrimary;
-    buttonStyle.boxShadow = `0 14px 28px ${withAlpha(colors.primary, 0.22)}`;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        width: (_a = style == null ? void 0 : style.width) != null ? _a : (style == null ? void 0 : style.maxWidth) ? "100%" : "max-content",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        margin: 0,
-        marginBottom: (_b = style == null ? void 0 : style.marginBottom) != null ? _b : 0,
-        ...style
-      },
-      children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: disabled ? void 0 : onClick,
-          disabled,
-          style: buttonStyle,
-          children: label
-        }
-      )
-    }
-  );
-}
-function ModalBusyIndicator({
-  theme
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "aria-live": "polite",
-      role: "status",
-      style: {
-        position: "relative",
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: 56,
-        height: 56,
-        borderRadius: 999,
-        backgroundColor: withAlpha(theme.colors.surface, 0.88),
-        boxShadow: `0 18px 36px ${withAlpha(theme.colors.onSurface, 0.08)}`
-      },
-      children: [
-        /* @__PURE__ */ jsx("span", { style: srOnlyStyle, children: "Loading" }),
-        /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", width: "32", height: "32", viewBox: "0 0 40 40", fill: "none", children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: "20",
-              cy: "20",
-              r: "16",
-              stroke: withAlpha(theme.colors.onSurface, 0.12),
-              strokeWidth: "4"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M20 4C28.837 4 36 11.163 36 20",
-              stroke: theme.colors.primary,
-              strokeWidth: "4",
-              strokeLinecap: "round",
-              children: /* @__PURE__ */ jsx(
-                "animateTransform",
-                {
-                  attributeName: "transform",
-                  type: "rotate",
-                  from: "0 20 20",
-                  to: "360 20 20",
-                  dur: "0.75s",
-                  repeatCount: "indefinite"
-                }
-              )
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function UnifiedModal({
-  isOpen,
-  onClose,
-  children,
-  title,
-  headerContent,
-  footer,
-  confirmAction,
-  cancelAction,
-  closeAction,
-  extraActions,
-  maxWidth,
-  closeOnBackdrop = true,
-  closeOnEscape = true,
-  hideCloseButton = false,
-  hideExpandButton = false,
-  disableDismiss = false,
-  maximized,
-  contentStyle,
-  bodyStyle,
-  isBusy = false,
-  theme
-}) {
-  var _a, _b;
-  const modalTheme = useMemo(() => resolveTheme(theme), [theme]);
-  const [isMaximized, setIsMaximized] = useState(maximized != null ? maximized : false);
-  const titleId = useMemo(() => createTitleId(title), [title]);
-  const shouldDisableDismiss = disableDismiss || isBusy;
-  useEffect(() => {
-    if (typeof maximized === "boolean") {
-      setIsMaximized(maximized);
-      return;
-    }
-    if (isLikelyMobileViewport()) {
-      setIsMaximized(true);
-    }
-  }, [maximized]);
-  useEffect(() => {
-    if (!isOpen || typeof window === "undefined" || typeof document === "undefined") {
-      return;
-    }
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    const handleKeyDown = (event) => {
-      if (!shouldDisableDismiss && closeOnEscape && event.key === "Escape") {
-        onClose();
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.body.style.overflow = previousOverflow;
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [closeOnEscape, isOpen, onClose, shouldDisableDismiss]);
-  if (!isOpen) {
-    return null;
-  }
-  const resolvedHeader = headerContent != null ? headerContent : title ? /* @__PURE__ */ jsx(
-    "h2",
-    {
-      id: titleId,
-      style: {
-        margin: 0,
-        color: modalTheme.colors.onSurface,
-        fontSize: 30,
-        fontWeight: 800,
-        lineHeight: 1.1
-      },
-      children: title
-    }
-  ) : null;
-  let footerContent = footer;
-  if (footerContent === void 0) {
-    if (closeAction && !closeAction.hidden) {
-      footerContent = /* @__PURE__ */ jsx(
-        ModalActionButton,
-        {
-          action: { ...closeAction, disabled: closeAction.disabled || isBusy },
-          theme: modalTheme
-        }
-      );
-    } else {
-      const resolvedActions = [
-        cancelAction ? {
-          ...cancelAction,
-          appearance: (_a = cancelAction.appearance) != null ? _a : "text",
-          disabled: cancelAction.disabled || isBusy
-        } : void 0,
-        ...(extraActions != null ? extraActions : []).map((action) => {
-          var _a2;
-          return {
-            ...action,
-            appearance: (_a2 = action.appearance) != null ? _a2 : "contained",
-            disabled: action.disabled || isBusy
-          };
-        }),
-        confirmAction ? {
-          ...confirmAction,
-          appearance: (_b = confirmAction.appearance) != null ? _b : "contained",
-          disabled: confirmAction.disabled || isBusy
-        } : void 0
-      ].reduce((items, action) => {
-        if (!action || action.hidden) {
-          return items;
-        }
-        items.push(action);
-        return items;
-      }, []);
-      footerContent = resolvedActions.length > 0 ? resolvedActions.map((action, index) => /* @__PURE__ */ jsx(
-        ModalActionButton,
-        {
-          action,
-          theme: modalTheme
-        },
-        `modal-action-${index}`
-      )) : void 0;
-    }
-  }
-  const shouldRenderFooter = footerContent !== void 0 && footerContent !== null && footerContent !== false;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-label": headerContent ? typeof title === "string" ? title : "Dialog" : void 0,
-      "aria-labelledby": headerContent ? void 0 : title ? titleId : void 0,
-      "aria-busy": isBusy,
-      "aria-modal": "true",
-      role: "dialog",
-      onMouseDown: (event) => {
-        if (!shouldDisableDismiss && closeOnBackdrop && event.target === event.currentTarget) {
-          onClose();
-        }
-      },
-      style: {
-        position: "fixed",
-        inset: 0,
-        zIndex: 70,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: isMaximized ? 0 : 16,
-        backgroundColor: modalTheme.overlay,
-        backdropFilter: "blur(8px)"
-      },
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            position: "relative",
-            display: "flex",
-            flexDirection: "column",
-            width: isMaximized ? "100vw" : "min(100%, 100%)",
-            maxWidth: isMaximized ? "100vw" : normalizeWidth(maxWidth),
-            height: isMaximized ? "100vh" : void 0,
-            maxHeight: isMaximized ? "100vh" : "calc(100vh - 32px)",
-            minWidth: isMaximized ? "100vw" : 300,
-            borderRadius: isMaximized ? 0 : 30,
-            border: `1px solid ${modalTheme.borderSoft}`,
-            background: `linear-gradient(180deg, ${modalTheme.surfaceRaised}, ${modalTheme.colors.surface})`,
-            boxShadow: `0 34px 80px ${withAlpha("#020617", 0.28)}`,
-            color: modalTheme.colors.onSurface,
-            overflow: "hidden",
-            ...contentStyle
-          },
-          children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  alignItems: "flex-start",
-                  justifyContent: "space-between",
-                  gap: 12,
-                  padding: "18px 20px 12px",
-                  borderBottom: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        flex: 1,
-                        opacity: isBusy ? 0.38 : 1,
-                        transition: "opacity 180ms ease"
-                      },
-                      children: resolvedHeader
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-                    !hideExpandButton ? /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        "aria-label": isMaximized ? "Minimize modal" : "Maximize modal",
-                        title: isMaximized ? "Minimize" : "Maximize",
-                        type: "button",
-                        onClick: () => setIsMaximized((current) => !current),
-                        style: {
-                          height: 40,
-                          width: 40,
-                          borderRadius: 999,
-                          border: `1px solid ${modalTheme.borderSoft}`,
-                          backgroundColor: "transparent",
-                          color: modalTheme.colors.onSurface,
-                          cursor: "pointer",
-                          fontSize: 18,
-                          fontWeight: 700
-                        },
-                        children: isMaximized ? "\u25A2" : "\u25A1"
-                      }
-                    ) : null,
-                    !hideCloseButton ? /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        "aria-label": "Close modal",
-                        type: "button",
-                        onClick: shouldDisableDismiss ? void 0 : onClose,
-                        style: {
-                          height: 40,
-                          width: 40,
-                          borderRadius: 999,
-                          border: `1px solid ${modalTheme.borderSoft}`,
-                          backgroundColor: "transparent",
-                          color: modalTheme.colors.onSurface,
-                          cursor: shouldDisableDismiss ? "not-allowed" : "pointer",
-                          fontSize: 20,
-                          fontWeight: 700,
-                          opacity: shouldDisableDismiss ? 0.5 : 1
-                        },
-                        children: "\xD7"
-                      }
-                    ) : null
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  flex: 1,
-                  minHeight: 0,
-                  position: "relative",
-                  overflow: "auto",
-                  padding: 24,
-                  ...bodyStyle
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        opacity: isBusy ? 0.38 : 1,
-                        filter: isBusy ? "saturate(0.8)" : "none",
-                        pointerEvents: isBusy ? "none" : "auto",
-                        transition: "opacity 180ms ease, filter 180ms ease"
-                      },
-                      children
-                    }
-                  ),
-                  isBusy ? /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        position: "absolute",
-                        inset: 0,
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        backgroundColor: withAlpha(modalTheme.colors.surface, 0.58),
-                        backdropFilter: "blur(2px)"
-                      },
-                      children: /* @__PURE__ */ jsx(ModalBusyIndicator, { theme: modalTheme })
-                    }
-                  ) : null
-                ]
-              }
-            ),
-            shouldRenderFooter ? /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "flex-end",
-                  gap: 10,
-                  padding: "12px 20px 16px",
-                  borderTop: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`
-                },
-                children: footerContent
-              }
-            ) : null
-          ]
-        }
-      )
-    }
-  );
-}
-function Modal(props) {
-  return /* @__PURE__ */ jsx(UnifiedModal, { ...normalizeModalProps(props) });
-}
-
-export {
-  withAlpha,
-  Modal
-};
-//# sourceMappingURL=chunk-YWH2VIAD.js.map

package/dist/chunk-YWH2VIAD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal.tsx","../src/color.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport { withAlpha } from '../color';\nimport type { UiKitThemeTokens } from '../theme';\n\ntype ModalActionAppearance = 'text' | 'outlined' | 'contained' | 'link';\n\ntype ModalThemeColors = {\n  background: string;\n  surface: string;\n  onSurface: string;\n  onBackground: string;\n  primary: string;\n  onPrimary: string;\n  secondary: string;\n  onSecondary: string;\n  negative: string;\n  warning: string;\n};\n\nexport interface ModalTheme {\n  colors?: Partial<ModalThemeColors>;\n}\n\nexport type ModalThemeSource = ModalTheme | UiKitThemeTokens;\n\nexport interface ModalAction {\n  label: ReactNode;\n  onClick: () => void;\n  appearance?: ModalActionAppearance;\n  style?: CSSProperties;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\ninterface BaseModalProps {\n  children?: ReactNode;\n  theme?: ModalThemeSource;\n}\n\nexport interface ModalProps extends BaseModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  headerContent?: ReactNode;\n  footer?: ReactNode;\n  confirmAction?: ModalAction;\n  cancelAction?: ModalAction;\n  closeAction?: ModalAction;\n  extraActions?: ModalAction[];\n  maxWidth?: number | string;\n  closeOnBackdrop?: boolean;\n  closeOnEscape?: boolean;\n  hideCloseButton?: boolean;\n  hideExpandButton?: boolean;\n  disableDismiss?: boolean;\n  maximized?: boolean;\n  contentStyle?: CSSProperties;\n  bodyStyle?: CSSProperties;\n  isBusy?: boolean;\n}\n\nexport interface LegacyModalAction {\n  name: string;\n  onClick: () => void;\n  type?: ModalActionAppearance;\n  style?: CSSProperties;\n  disable?: boolean;\n}\n\nexport interface LegacyModalCompatProps extends BaseModalProps {\n  title: ReactNode;\n  showModal: boolean;\n  closeModal: () => void;\n  action?: () => void;\n  actionNameBtn?: string | undefined;\n  hideActionButton?: boolean;\n  cancelButton?: () => void;\n  disableActionBtn?: boolean;\n  isLoading?: boolean;\n  onlyCloseButton?: boolean;\n  hideCloseIcon?: boolean;\n  style?: CSSProperties;\n  bodyStyle?: CSSProperties;\n  additionalActions?: LegacyModalAction[];\n  maximized?: boolean;\n}\n\nexport type LegacyModalProps = LegacyModalCompatProps;\nexport type StandardModalProps = ModalProps;\n\ntype ModalInputProps = ModalProps | LegacyModalCompatProps;\n\nconst defaultThemeColors: ModalThemeColors = {\n  background: '#f8fafc',\n  surface: '#ffffff',\n  onSurface: '#0f172a',\n  onBackground: '#0f172a',\n  primary: '#0f766e',\n  onPrimary: '#ffffff',\n  secondary: '#1d4ed8',\n  onSecondary: '#ffffff',\n  negative: '#dc2626',\n  warning: '#d97706',\n};\n\nconst srOnlyStyle: CSSProperties = {\n  position: 'absolute',\n  width: 1,\n  height: 1,\n  padding: 0,\n  margin: -1,\n  overflow: 'hidden',\n  clip: 'rect(0, 0, 0, 0)',\n  whiteSpace: 'nowrap',\n  border: 0,\n};\n\nconst isUiKitThemeTokens = (theme?: ModalThemeSource): theme is UiKitThemeTokens => {\n  return Boolean(theme && typeof theme === 'object' && 'theme' in theme);\n};\n\nconst resolveTheme = (theme?: ModalThemeSource) => {\n  const colorOverrides = isUiKitThemeTokens(theme)\n    ? theme.theme.colors\n    : (theme?.colors ?? {});\n\n  const colors: ModalThemeColors = {\n    ...defaultThemeColors,\n    ...colorOverrides,\n  };\n\n  return {\n    colors,\n    borderSoft: isUiKitThemeTokens(theme)\n      ? theme.borderSoft\n      : withAlpha(colors.onSurface, 0.1),\n    borderStrong: isUiKitThemeTokens(theme)\n      ? theme.borderStrong\n      : withAlpha(colors.onSurface, 0.16),\n    surfaceMuted: isUiKitThemeTokens(theme)\n      ? theme.surfaceMuted\n      : withAlpha(colors.onSurface, 0.04),\n    surfaceRaised: isUiKitThemeTokens(theme)\n      ? theme.surfaceRaised\n      : withAlpha(colors.surface, 0.94),\n    overlay: isUiKitThemeTokens(theme)\n      ? theme.overlay\n      : withAlpha('#030712', 0.62),\n    mutedText: isUiKitThemeTokens(theme)\n      ? theme.mutedText\n      : withAlpha(colors.onSurface, 0.72),\n  };\n};\n\nconst normalizeWidth = (maxWidth?: number | string): string | number => {\n  if (typeof maxWidth === 'number') {\n    return `${maxWidth}px`;\n  }\n\n  return maxWidth ?? '720px';\n};\n\nconst isLikelyMobileViewport = (): boolean => {\n  if (typeof window === 'undefined' || typeof navigator === 'undefined') {\n    return false;\n  }\n\n  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n    navigator.userAgent,\n  );\n};\n\nconst createTitleId = (title?: ReactNode): string => {\n  if (typeof title === 'string' || typeof title === 'number') {\n    const normalized = String(title)\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, '-')\n      .replace(/(^-|-$)/g, '');\n\n    return `smartsell-modal-${normalized || 'dialog'}`;\n  }\n\n  return 'smartsell-modal-dialog';\n};\n\nconst isLegacyModalProps = (props: ModalInputProps): props is LegacyModalCompatProps => {\n  return 'showModal' in props;\n};\n\nconst normalizeLegacyAction = (\n  action: LegacyModalAction,\n  fallbackDisabled = false,\n): ModalAction => {\n  return {\n    label: action.name,\n    onClick: action.onClick,\n    appearance: action.type ?? 'contained',\n    style: action.style ?? { maxWidth: '150px' },\n    disabled: action.disable ?? fallbackDisabled,\n  };\n};\n\nconst normalizeModalProps = (props: ModalInputProps): ModalProps => {\n  if (!isLegacyModalProps(props)) {\n    return props;\n  }\n\n  const isBusy = Boolean(props.isLoading);\n  const disableAction = Boolean(props.disableActionBtn || props.isLoading);\n\n  return {\n    isOpen: props.showModal,\n    onClose: props.closeModal,\n    title: props.title,\n    children: props.children,\n    theme: props.theme,\n    maximized: props.maximized,\n    contentStyle: props.style,\n    bodyStyle: props.bodyStyle,\n    hideCloseButton: props.hideCloseIcon,\n    disableDismiss: isBusy,\n    closeOnBackdrop: false,\n    closeOnEscape: false,\n    isBusy,\n    closeAction: props.onlyCloseButton\n      ? {\n          label: 'Close',\n          onClick: props.closeModal,\n          appearance: 'contained',\n          disabled: isBusy,\n        }\n      : undefined,\n    cancelAction: props.onlyCloseButton || !props.cancelButton\n      ? undefined\n      : {\n          label: 'Cancel',\n          onClick: props.cancelButton,\n          appearance: 'text',\n          style: { maxWidth: '100px' },\n        },\n    confirmAction: props.onlyCloseButton || props.hideActionButton || !props.action\n      ? undefined\n      : {\n          label: props.actionNameBtn ?? 'Save',\n          onClick: props.action,\n          appearance: 'contained',\n          style: { maxWidth: '100px' },\n          disabled: disableAction,\n        },\n    extraActions: props.onlyCloseButton\n      ? undefined\n      : props.additionalActions?.map((action) => normalizeLegacyAction(action, disableAction)),\n  };\n};\n\nfunction ModalActionButton({\n  action,\n  theme,\n}: {\n  action: ModalAction;\n  theme: ReturnType<typeof resolveTheme>;\n}) {\n  const { colors } = theme;\n  const {\n    label,\n    onClick,\n    appearance = 'contained',\n    disabled = false,\n    style,\n  } = action;\n\n  const buttonStyle: CSSProperties = {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '0.4rem',\n    padding: appearance === 'link' ? 0 : '0.9rem 1.15rem',\n    boxSizing: 'border-box',\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    fontWeight: 700,\n    fontSize: '1.05rem',\n    lineHeight: 1.2,\n    margin: 0,\n    textAlign: 'center',\n    transition: '0.5s',\n    opacity: disabled ? 0.5 : 1,\n    filter: disabled ? 'saturate(0)' : undefined,\n  };\n\n  if (appearance === 'text') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = '1px solid transparent';\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = 'none';\n  } else if (appearance === 'link') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = 'none';\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = 'none';\n  } else if (appearance === 'outlined') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = `2px solid ${colors.primary}`;\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = `0 14px 28px ${withAlpha(colors.onSurface, 0.08)}`;\n  } else {\n    buttonStyle.background = colors.primary;\n    buttonStyle.border = '1px solid transparent';\n    buttonStyle.color = colors.onPrimary;\n    buttonStyle.boxShadow = `0 14px 28px ${withAlpha(colors.primary, 0.22)}`;\n  }\n\n  return (\n    <div\n      style={{\n        width: style?.width ?? (style?.maxWidth ? '100%' : 'max-content'),\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        margin: 0,\n        marginBottom: style?.marginBottom ?? 0,\n        ...style,\n      }}\n    >\n      <button\n        type=\"button\"\n        onClick={disabled ? undefined : onClick}\n        disabled={disabled}\n        style={buttonStyle}\n      >\n        {label}\n      </button>\n    </div>\n  );\n}\n\nfunction ModalBusyIndicator({\n  theme,\n}: {\n  theme: ReturnType<typeof resolveTheme>;\n}) {\n  return (\n    <div\n      aria-live=\"polite\"\n      role=\"status\"\n      style={{\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 56,\n        height: 56,\n        borderRadius: 999,\n        backgroundColor: withAlpha(theme.colors.surface, 0.88),\n        boxShadow: `0 18px 36px ${withAlpha(theme.colors.onSurface, 0.08)}`,\n      }}\n    >\n      <span style={srOnlyStyle}>Loading</span>\n      <svg aria-hidden=\"true\" width=\"32\" height=\"32\" viewBox=\"0 0 40 40\" fill=\"none\">\n        <circle\n          cx=\"20\"\n          cy=\"20\"\n          r=\"16\"\n          stroke={withAlpha(theme.colors.onSurface, 0.12)}\n          strokeWidth=\"4\"\n        />\n        <path\n          d=\"M20 4C28.837 4 36 11.163 36 20\"\n          stroke={theme.colors.primary}\n          strokeWidth=\"4\"\n          strokeLinecap=\"round\"\n        >\n          <animateTransform\n            attributeName=\"transform\"\n            type=\"rotate\"\n            from=\"0 20 20\"\n            to=\"360 20 20\"\n            dur=\"0.75s\"\n            repeatCount=\"indefinite\"\n          />\n        </path>\n      </svg>\n    </div>\n  );\n}\n\nfunction UnifiedModal({\n  isOpen,\n  onClose,\n  children,\n  title,\n  headerContent,\n  footer,\n  confirmAction,\n  cancelAction,\n  closeAction,\n  extraActions,\n  maxWidth,\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  hideCloseButton = false,\n  hideExpandButton = false,\n  disableDismiss = false,\n  maximized,\n  contentStyle,\n  bodyStyle,\n  isBusy = false,\n  theme,\n}: ModalProps) {\n  const modalTheme = useMemo(() => resolveTheme(theme), [theme]);\n  const [isMaximized, setIsMaximized] = useState<boolean>(maximized ?? false);\n  const titleId = useMemo(() => createTitleId(title), [title]);\n  const shouldDisableDismiss = disableDismiss || isBusy;\n\n  useEffect(() => {\n    if (typeof maximized === 'boolean') {\n      setIsMaximized(maximized);\n      return;\n    }\n\n    if (isLikelyMobileViewport()) {\n      setIsMaximized(true);\n    }\n  }, [maximized]);\n\n  useEffect(() => {\n    if (!isOpen || typeof window === 'undefined' || typeof document === 'undefined') {\n      return;\n    }\n\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (!shouldDisableDismiss && closeOnEscape && event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.body.style.overflow = previousOverflow;\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [closeOnEscape, isOpen, onClose, shouldDisableDismiss]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  const resolvedHeader = headerContent ?? (title ? (\n    <h2\n      id={titleId}\n      style={{\n        margin: 0,\n        color: modalTheme.colors.onSurface,\n        fontSize: 30,\n        fontWeight: 800,\n        lineHeight: 1.1,\n      }}\n    >\n      {title}\n    </h2>\n  ) : null);\n\n  let footerContent = footer;\n\n  if (footerContent === undefined) {\n    if (closeAction && !closeAction.hidden) {\n      footerContent = (\n        <ModalActionButton\n          action={{ ...closeAction, disabled: closeAction.disabled || isBusy }}\n          theme={modalTheme}\n        />\n      );\n    } else {\n      const resolvedActions = [\n        cancelAction\n          ? {\n              ...cancelAction,\n              appearance: cancelAction.appearance ?? 'text',\n              disabled: cancelAction.disabled || isBusy,\n            }\n          : undefined,\n        ...(extraActions ?? []).map((action) => ({\n          ...action,\n          appearance: action.appearance ?? 'contained',\n          disabled: action.disabled || isBusy,\n        })),\n        confirmAction\n          ? {\n              ...confirmAction,\n              appearance: confirmAction.appearance ?? 'contained',\n              disabled: confirmAction.disabled || isBusy,\n            }\n          : undefined,\n      ].reduce<ModalAction[]>((items, action) => {\n        if (!action || action.hidden) {\n          return items;\n        }\n\n        items.push(action);\n        return items;\n      }, []);\n\n      footerContent = resolvedActions.length > 0\n        ? resolvedActions.map((action, index) => (\n            <ModalActionButton\n              key={`modal-action-${index}`}\n              action={action}\n              theme={modalTheme}\n            />\n          ))\n        : undefined;\n    }\n  }\n\n  const shouldRenderFooter = footerContent !== undefined && footerContent !== null && footerContent !== false;\n\n  return (\n    <div\n      aria-label={headerContent ? (typeof title === 'string' ? title : 'Dialog') : undefined}\n      aria-labelledby={headerContent ? undefined : title ? titleId : undefined}\n      aria-busy={isBusy}\n      aria-modal=\"true\"\n      role=\"dialog\"\n      onMouseDown={(event) => {\n        if (!shouldDisableDismiss && closeOnBackdrop && event.target === event.currentTarget) {\n          onClose();\n        }\n      }}\n      style={{\n        position: 'fixed',\n        inset: 0,\n        zIndex: 70,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: isMaximized ? 0 : 16,\n        backgroundColor: modalTheme.overlay,\n        backdropFilter: 'blur(8px)',\n      }}\n    >\n      <div\n        style={{\n          position: 'relative',\n          display: 'flex',\n          flexDirection: 'column',\n          width: isMaximized ? '100vw' : 'min(100%, 100%)',\n          maxWidth: isMaximized ? '100vw' : normalizeWidth(maxWidth),\n          height: isMaximized ? '100vh' : undefined,\n          maxHeight: isMaximized ? '100vh' : 'calc(100vh - 32px)',\n          minWidth: isMaximized ? '100vw' : 300,\n          borderRadius: isMaximized ? 0 : 30,\n          border: `1px solid ${modalTheme.borderSoft}`,\n          background: `linear-gradient(180deg, ${modalTheme.surfaceRaised}, ${modalTheme.colors.surface})`,\n          boxShadow: `0 34px 80px ${withAlpha('#020617', 0.28)}`,\n          color: modalTheme.colors.onSurface,\n          overflow: 'hidden',\n          ...contentStyle,\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'space-between',\n            gap: 12,\n            padding: '18px 20px 12px',\n            borderBottom: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`,\n          }}\n        >\n          <div\n            style={{\n              flex: 1,\n              opacity: isBusy ? 0.38 : 1,\n              transition: 'opacity 180ms ease',\n            }}\n          >\n            {resolvedHeader}\n          </div>\n          <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n            {!hideExpandButton ? (\n              <button\n                aria-label={isMaximized ? 'Minimize modal' : 'Maximize modal'}\n                title={isMaximized ? 'Minimize' : 'Maximize'}\n                type=\"button\"\n                onClick={() => setIsMaximized((current) => !current)}\n                style={{\n                  height: 40,\n                  width: 40,\n                  borderRadius: 999,\n                  border: `1px solid ${modalTheme.borderSoft}`,\n                  backgroundColor: 'transparent',\n                  color: modalTheme.colors.onSurface,\n                  cursor: 'pointer',\n                  fontSize: 18,\n                  fontWeight: 700,\n                }}\n              >\n                {isMaximized ? '▢' : '□'}\n              </button>\n            ) : null}\n            {!hideCloseButton ? (\n              <button\n                aria-label=\"Close modal\"\n                type=\"button\"\n                onClick={shouldDisableDismiss ? undefined : onClose}\n                style={{\n                  height: 40,\n                  width: 40,\n                  borderRadius: 999,\n                  border: `1px solid ${modalTheme.borderSoft}`,\n                  backgroundColor: 'transparent',\n                  color: modalTheme.colors.onSurface,\n                  cursor: shouldDisableDismiss ? 'not-allowed' : 'pointer',\n                  fontSize: 20,\n                  fontWeight: 700,\n                  opacity: shouldDisableDismiss ? 0.5 : 1,\n                }}\n              >\n                ×\n              </button>\n            ) : null}\n          </div>\n        </div>\n\n        <div\n          style={{\n            flex: 1,\n            minHeight: 0,\n            position: 'relative',\n            overflow: 'auto',\n            padding: 24,\n            ...bodyStyle,\n          }}\n        >\n          <div\n            style={{\n              opacity: isBusy ? 0.38 : 1,\n              filter: isBusy ? 'saturate(0.8)' : 'none',\n              pointerEvents: isBusy ? 'none' : 'auto',\n              transition: 'opacity 180ms ease, filter 180ms ease',\n            }}\n          >\n            {children}\n          </div>\n          {isBusy ? (\n            <div\n              style={{\n                position: 'absolute',\n                inset: 0,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                backgroundColor: withAlpha(modalTheme.colors.surface, 0.58),\n                backdropFilter: 'blur(2px)',\n              }}\n            >\n              <ModalBusyIndicator theme={modalTheme} />\n            </div>\n          ) : null}\n        </div>\n\n        {shouldRenderFooter ? (\n          <div\n            style={{\n              display: 'flex',\n              justifyContent: 'flex-end',\n              gap: 10,\n              padding: '12px 20px 16px',\n              borderTop: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`,\n            }}\n          >\n            {footerContent}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport function Modal(props: ModalInputProps) {\n  return <UnifiedModal {...normalizeModalProps(props)} />;\n}\n","export function withAlpha(hex: string, alpha: number): string {\n  const normalized = hex.replace('#', '').trim();\n  const value = normalized.length === 3\n    ? normalized.split('').map((char) => char + char).join('')\n    : normalized;\n\n  const red = Number.parseInt(value.slice(0, 2), 16);\n  const green = Number.parseInt(value.slice(2, 4), 16);\n  const blue = Number.parseInt(value.slice(4, 6), 16);\n\n  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n}"],"mappings":";AAAA,SAAS,WAAW,SAAS,gBAAgB;;;ACAtC,SAAS,UAAU,KAAa,OAAuB;AAC5D,QAAM,aAAa,IAAI,QAAQ,KAAK,EAAE,EAAE,KAAK;AAC7C,QAAM,QAAQ,WAAW,WAAW,IAChC,WAAW,MAAM,EAAE,EAAE,IAAI,CAAC,SAAS,OAAO,IAAI,EAAE,KAAK,EAAE,IACvD;AAEJ,QAAM,MAAM,OAAO,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AACjD,QAAM,QAAQ,OAAO,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AACnD,QAAM,OAAO,OAAO,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;AAElD,SAAO,QAAQ,GAAG,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK;AACjD;;;AD2TM,cAkCA,YAlCA;AAxON,IAAM,qBAAuC;AAAA,EAC3C,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AAAA,EACV,SAAS;AACX;AAEA,IAAM,cAA6B;AAAA,EACjC,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ;AACV;AAEA,IAAM,qBAAqB,CAAC,UAAwD;AAClF,SAAO,QAAQ,SAAS,OAAO,UAAU,YAAY,WAAW,KAAK;AACvE;AAEA,IAAM,eAAe,CAAC,UAA6B;AA3HnD;AA4HE,QAAM,iBAAiB,mBAAmB,KAAK,IAC3C,MAAM,MAAM,UACX,oCAAO,WAAP,YAAiB,CAAC;AAEvB,QAAM,SAA2B;AAAA,IAC/B,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,SAAO;AAAA,IACL;AAAA,IACA,YAAY,mBAAmB,KAAK,IAChC,MAAM,aACN,UAAU,OAAO,WAAW,GAAG;AAAA,IACnC,cAAc,mBAAmB,KAAK,IAClC,MAAM,eACN,UAAU,OAAO,WAAW,IAAI;AAAA,IACpC,cAAc,mBAAmB,KAAK,IAClC,MAAM,eACN,UAAU,OAAO,WAAW,IAAI;AAAA,IACpC,eAAe,mBAAmB,KAAK,IACnC,MAAM,gBACN,UAAU,OAAO,SAAS,IAAI;AAAA,IAClC,SAAS,mBAAmB,KAAK,IAC7B,MAAM,UACN,UAAU,WAAW,IAAI;AAAA,IAC7B,WAAW,mBAAmB,KAAK,IAC/B,MAAM,YACN,UAAU,OAAO,WAAW,IAAI;AAAA,EACtC;AACF;AAEA,IAAM,iBAAiB,CAAC,aAAgD;AACtE,MAAI,OAAO,aAAa,UAAU;AAChC,WAAO,GAAG,QAAQ;AAAA,EACpB;AAEA,SAAO,8BAAY;AACrB;AAEA,IAAM,yBAAyB,MAAe;AAC5C,MAAI,OAAO,WAAW,eAAe,OAAO,cAAc,aAAa;AACrE,WAAO;AAAA,EACT;AAEA,SAAO,iEAAiE;AAAA,IACtE,UAAU;AAAA,EACZ;AACF;AAEA,IAAM,gBAAgB,CAAC,UAA8B;AACnD,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;AAC1D,UAAM,aAAa,OAAO,KAAK,EAC5B,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AAEzB,WAAO,mBAAmB,cAAc,QAAQ;AAAA,EAClD;AAEA,SAAO;AACT;AAEA,IAAM,qBAAqB,CAAC,UAA4D;AACtF,SAAO,eAAe;AACxB;AAEA,IAAM,wBAAwB,CAC5B,QACA,mBAAmB,UACH;AAlMlB;AAmME,SAAO;AAAA,IACL,OAAO,OAAO;AAAA,IACd,SAAS,OAAO;AAAA,IAChB,aAAY,YAAO,SAAP,YAAe;AAAA,IAC3B,QAAO,YAAO,UAAP,YAAgB,EAAE,UAAU,QAAQ;AAAA,IAC3C,WAAU,YAAO,YAAP,YAAkB;AAAA,EAC9B;AACF;AAEA,IAAM,sBAAsB,CAAC,UAAuC;AA5MpE;AA6ME,MAAI,CAAC,mBAAmB,KAAK,GAAG;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,QAAQ,MAAM,SAAS;AACtC,QAAM,gBAAgB,QAAQ,MAAM,oBAAoB,MAAM,SAAS;AAEvE,SAAO;AAAA,IACL,QAAQ,MAAM;AAAA,IACd,SAAS,MAAM;AAAA,IACf,OAAO,MAAM;AAAA,IACb,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,WAAW,MAAM;AAAA,IACjB,cAAc,MAAM;AAAA,IACpB,WAAW,MAAM;AAAA,IACjB,iBAAiB,MAAM;AAAA,IACvB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA,aAAa,MAAM,kBACf;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM;AAAA,MACf,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ,IACA;AAAA,IACJ,cAAc,MAAM,mBAAmB,CAAC,MAAM,eAC1C,SACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,EAAE,UAAU,QAAQ;AAAA,IAC7B;AAAA,IACJ,eAAe,MAAM,mBAAmB,MAAM,oBAAoB,CAAC,MAAM,SACrE,SACA;AAAA,MACE,QAAO,WAAM,kBAAN,YAAuB;AAAA,MAC9B,SAAS,MAAM;AAAA,MACf,YAAY;AAAA,MACZ,OAAO,EAAE,UAAU,QAAQ;AAAA,MAC3B,UAAU;AAAA,IACZ;AAAA,IACJ,cAAc,MAAM,kBAChB,UACA,WAAM,sBAAN,mBAAyB,IAAI,CAAC,WAAW,sBAAsB,QAAQ,aAAa;AAAA,EAC1F;AACF;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AAvQH;AAwQE,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX;AAAA,EACF,IAAI;AAEJ,QAAM,cAA6B;AAAA,IACjC,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,SAAS,eAAe,SAAS,IAAI;AAAA,IACrC,WAAW;AAAA,IACX,QAAQ,WAAW,gBAAgB;AAAA,IACnC,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,WAAW,MAAM;AAAA,IAC1B,QAAQ,WAAW,gBAAgB;AAAA,EACrC;AAEA,MAAI,eAAe,QAAQ;AACzB,gBAAY,aAAa;AACzB,gBAAY,SAAS;AACrB,gBAAY,QAAQ,OAAO;AAC3B,gBAAY,YAAY;AAAA,EAC1B,WAAW,eAAe,QAAQ;AAChC,gBAAY,aAAa;AACzB,gBAAY,SAAS;AACrB,gBAAY,QAAQ,OAAO;AAC3B,gBAAY,YAAY;AAAA,EAC1B,WAAW,eAAe,YAAY;AACpC,gBAAY,aAAa;AACzB,gBAAY,SAAS,aAAa,OAAO,OAAO;AAChD,gBAAY,QAAQ,OAAO;AAC3B,gBAAY,YAAY,eAAe,UAAU,OAAO,WAAW,IAAI,CAAC;AAAA,EAC1E,OAAO;AACL,gBAAY,aAAa,OAAO;AAChC,gBAAY,SAAS;AACrB,gBAAY,QAAQ,OAAO;AAC3B,gBAAY,YAAY,eAAe,UAAU,OAAO,SAAS,IAAI,CAAC;AAAA,EACxE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAO,oCAAO,UAAP,aAAiB,+BAAO,YAAW,SAAS;AAAA,QACnD,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,eAAc,oCAAO,iBAAP,YAAuB;AAAA,QACrC,GAAG;AAAA,MACL;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,WAAW,SAAY;AAAA,UAChC;AAAA,UACA,OAAO;AAAA,UAEN;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AACF,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAO;AAAA,QACL,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB,UAAU,MAAM,OAAO,SAAS,IAAI;AAAA,QACrD,WAAW,eAAe,UAAU,MAAM,OAAO,WAAW,IAAI,CAAC;AAAA,MACnE;AAAA,MAEA;AAAA,4BAAC,UAAK,OAAO,aAAa,qBAAO;AAAA,QACjC,qBAAC,SAAI,eAAY,QAAO,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACtE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,GAAE;AAAA,cACF,QAAQ,UAAU,MAAM,OAAO,WAAW,IAAI;AAAA,cAC9C,aAAY;AAAA;AAAA,UACd;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,GAAE;AAAA,cACF,QAAQ,MAAM,OAAO;AAAA,cACrB,aAAY;AAAA,cACZ,eAAc;AAAA,cAEd;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAc;AAAA,kBACd,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,aAAY;AAAA;AAAA,cACd;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAAe;AA1Zf;AA2ZE,QAAM,aAAa,QAAQ,MAAM,aAAa,KAAK,GAAG,CAAC,KAAK,CAAC;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkB,gCAAa,KAAK;AAC1E,QAAM,UAAU,QAAQ,MAAM,cAAc,KAAK,GAAG,CAAC,KAAK,CAAC;AAC3D,QAAM,uBAAuB,kBAAkB;AAE/C,YAAU,MAAM;AACd,QAAI,OAAO,cAAc,WAAW;AAClC,qBAAe,SAAS;AACxB;AAAA,IACF;AAEA,QAAI,uBAAuB,GAAG;AAC5B,qBAAe,IAAI;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AAC/E;AAAA,IACF;AAEA,UAAM,mBAAmB,SAAS,KAAK,MAAM;AAC7C,aAAS,KAAK,MAAM,WAAW;AAE/B,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,UAAI,CAAC,wBAAwB,iBAAiB,MAAM,QAAQ,UAAU;AACpE,gBAAQ;AAAA,MACV;AAAA,IACF;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAEhD,WAAO,MAAM;AACX,eAAS,KAAK,MAAM,WAAW;AAC/B,aAAO,oBAAoB,WAAW,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,eAAe,QAAQ,SAAS,oBAAoB,CAAC;AAEzD,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,wCAAkB,QACvC;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO,WAAW,OAAO;AAAA,QACzB,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH,IACE;AAEJ,MAAI,gBAAgB;AAEpB,MAAI,kBAAkB,QAAW;AAC/B,QAAI,eAAe,CAAC,YAAY,QAAQ;AACtC,sBACE;AAAA,QAAC;AAAA;AAAA,UACC,QAAQ,EAAE,GAAG,aAAa,UAAU,YAAY,YAAY,OAAO;AAAA,UACnE,OAAO;AAAA;AAAA,MACT;AAAA,IAEJ,OAAO;AACL,YAAM,kBAAkB;AAAA,QACtB,eACI;AAAA,UACE,GAAG;AAAA,UACH,aAAY,kBAAa,eAAb,YAA2B;AAAA,UACvC,UAAU,aAAa,YAAY;AAAA,QACrC,IACA;AAAA,QACJ,IAAI,sCAAgB,CAAC,GAAG,IAAI,CAAC,WAAQ;AAve7C,cAAAA;AAueiD;AAAA,YACvC,GAAG;AAAA,YACH,aAAYA,MAAA,OAAO,eAAP,OAAAA,MAAqB;AAAA,YACjC,UAAU,OAAO,YAAY;AAAA,UAC/B;AAAA,SAAE;AAAA,QACF,gBACI;AAAA,UACE,GAAG;AAAA,UACH,aAAY,mBAAc,eAAd,YAA4B;AAAA,UACxC,UAAU,cAAc,YAAY;AAAA,QACtC,IACA;AAAA,MACN,EAAE,OAAsB,CAAC,OAAO,WAAW;AACzC,YAAI,CAAC,UAAU,OAAO,QAAQ;AAC5B,iBAAO;AAAA,QACT;AAEA,cAAM,KAAK,MAAM;AACjB,eAAO;AAAA,MACT,GAAG,CAAC,CAAC;AAEL,sBAAgB,gBAAgB,SAAS,IACrC,gBAAgB,IAAI,CAAC,QAAQ,UAC3B;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,OAAO;AAAA;AAAA,QAFF,gBAAgB,KAAK;AAAA,MAG5B,CACD,IACD;AAAA,IACN;AAAA,EACF;AAEA,QAAM,qBAAqB,kBAAkB,UAAa,kBAAkB,QAAQ,kBAAkB;AAEtG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY,gBAAiB,OAAO,UAAU,WAAW,QAAQ,WAAY;AAAA,MAC7E,mBAAiB,gBAAgB,SAAY,QAAQ,UAAU;AAAA,MAC/D,aAAW;AAAA,MACX,cAAW;AAAA,MACX,MAAK;AAAA,MACL,aAAa,CAAC,UAAU;AACtB,YAAI,CAAC,wBAAwB,mBAAmB,MAAM,WAAW,MAAM,eAAe;AACpF,kBAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS,cAAc,IAAI;AAAA,QAC3B,iBAAiB,WAAW;AAAA,QAC5B,gBAAgB;AAAA,MAClB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,SAAS;AAAA,YACT,eAAe;AAAA,YACf,OAAO,cAAc,UAAU;AAAA,YAC/B,UAAU,cAAc,UAAU,eAAe,QAAQ;AAAA,YACzD,QAAQ,cAAc,UAAU;AAAA,YAChC,WAAW,cAAc,UAAU;AAAA,YACnC,UAAU,cAAc,UAAU;AAAA,YAClC,cAAc,cAAc,IAAI;AAAA,YAChC,QAAQ,aAAa,WAAW,UAAU;AAAA,YAC1C,YAAY,2BAA2B,WAAW,aAAa,KAAK,WAAW,OAAO,OAAO;AAAA,YAC7F,WAAW,eAAe,UAAU,WAAW,IAAI,CAAC;AAAA,YACpD,OAAO,WAAW,OAAO;AAAA,YACzB,UAAU;AAAA,YACV,GAAG;AAAA,UACL;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,KAAK;AAAA,kBACL,SAAS;AAAA,kBACT,cAAc,aAAa,UAAU,WAAW,OAAO,WAAW,IAAI,CAAC;AAAA,gBACzE;AAAA,gBAEA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO;AAAA,wBACL,MAAM;AAAA,wBACN,SAAS,SAAS,OAAO;AAAA,wBACzB,YAAY;AAAA,sBACd;AAAA,sBAEC;AAAA;AAAA,kBACH;AAAA,kBACA,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,GACzD;AAAA,qBAAC,mBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,cAAY,cAAc,mBAAmB;AAAA,wBAC7C,OAAO,cAAc,aAAa;AAAA,wBAClC,MAAK;AAAA,wBACL,SAAS,MAAM,eAAe,CAAC,YAAY,CAAC,OAAO;AAAA,wBACnD,OAAO;AAAA,0BACL,QAAQ;AAAA,0BACR,OAAO;AAAA,0BACP,cAAc;AAAA,0BACd,QAAQ,aAAa,WAAW,UAAU;AAAA,0BAC1C,iBAAiB;AAAA,0BACjB,OAAO,WAAW,OAAO;AAAA,0BACzB,QAAQ;AAAA,0BACR,UAAU;AAAA,0BACV,YAAY;AAAA,wBACd;AAAA,wBAEC,wBAAc,WAAM;AAAA;AAAA,oBACvB,IACE;AAAA,oBACH,CAAC,kBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,cAAW;AAAA,wBACX,MAAK;AAAA,wBACL,SAAS,uBAAuB,SAAY;AAAA,wBAC5C,OAAO;AAAA,0BACL,QAAQ;AAAA,0BACR,OAAO;AAAA,0BACP,cAAc;AAAA,0BACd,QAAQ,aAAa,WAAW,UAAU;AAAA,0BAC1C,iBAAiB;AAAA,0BACjB,OAAO,WAAW,OAAO;AAAA,0BACzB,QAAQ,uBAAuB,gBAAgB;AAAA,0BAC/C,UAAU;AAAA,0BACV,YAAY;AAAA,0BACZ,SAAS,uBAAuB,MAAM;AAAA,wBACxC;AAAA,wBACD;AAAA;AAAA,oBAED,IACE;AAAA,qBACN;AAAA;AAAA;AAAA,YACF;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,MAAM;AAAA,kBACN,WAAW;AAAA,kBACX,UAAU;AAAA,kBACV,UAAU;AAAA,kBACV,SAAS;AAAA,kBACT,GAAG;AAAA,gBACL;AAAA,gBAEA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO;AAAA,wBACL,SAAS,SAAS,OAAO;AAAA,wBACzB,QAAQ,SAAS,kBAAkB;AAAA,wBACnC,eAAe,SAAS,SAAS;AAAA,wBACjC,YAAY;AAAA,sBACd;AAAA,sBAEC;AAAA;AAAA,kBACH;AAAA,kBACC,SACC;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO;AAAA,wBACL,UAAU;AAAA,wBACV,OAAO;AAAA,wBACP,SAAS;AAAA,wBACT,YAAY;AAAA,wBACZ,gBAAgB;AAAA,wBAChB,iBAAiB,UAAU,WAAW,OAAO,SAAS,IAAI;AAAA,wBAC1D,gBAAgB;AAAA,sBAClB;AAAA,sBAEA,8BAAC,sBAAmB,OAAO,YAAY;AAAA;AAAA,kBACzC,IACE;AAAA;AAAA;AAAA,YACN;AAAA,YAEC,qBACC;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,gBAAgB;AAAA,kBAChB,KAAK;AAAA,kBACL,SAAS;AAAA,kBACT,WAAW,aAAa,UAAU,WAAW,OAAO,WAAW,IAAI,CAAC;AAAA,gBACtE;AAAA,gBAEC;AAAA;AAAA,YACH,IACE;AAAA;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,MAAM,OAAwB;AAC5C,SAAO,oBAAC,gBAAc,GAAG,oBAAoB,KAAK,GAAG;AACvD;","names":["_a"]}