smartsell-ui-kit 0.1.0 → 0.1.1

package/dist/types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/dist/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["export type { ButtonProps } from './components/Button';\nexport type { CardProps } from './components/Card';\nexport type { CardSmallProps } from './components/CardSmall';\nexport type { CheckboxProps } from './components/Checkbox';\nexport type {\n  ComposableModalProps,\n  ComposableModalSlotRenderProps,\n  ComposableModalSlotRenderer,\n  ModalSlotContext,\n  ModalSlotIds,\n} from './components/ComposableModal';\nexport type {\n  DatePickerChangeContext,\n  DatePickerChangeReason,\n  DatePickerMode,\n  DatePickerProps,\n  DatePickerValue,\n} from './components/DatePicker';\nexport type { InputProps } from './components/Input';\nexport type {\n  ModalAction,\n  ModalProps,\n  ModalTheme,\n  ModalThemeSource,\n  StandardModalProps,\n} from './components/Modal';\nexport type { SeparatorOrientation, SeparatorProps } from './components/Separator';\nexport type { SelectProps } from './components/Select';\nexport type {\n  SelectAsyncLoadContext,\n  SelectAsyncLoadResult,\n  SelectAsyncOption,\n  SelectAsyncOptionValue,\n  SelectAsyncProps,\n} from './components/SelectAsync';\nexport type { TableProps } from './components/Table';\nexport type { TableAsyncProps } from './components/TableAsync';\nexport type { TextareaProps } from './components/Textarea';\nexport type { ControlSize } from './foundation';\nexport type {\n  SharedTableProps,\n  TableAction,\n  TableActionSource,\n  TableActionTone,\n  TableAsyncLoadContext,\n  TableAsyncLoadResult,\n  TableColumn,\n  TableColumnAlign,\n  TableColumnType,\n  TableLabels,\n} from './componentsBase/table/types';\nexport type { UiKitThemeTokens } from './foundation';"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/types.d.cts

@@ -0,0 +1,4 @@
+export { ButtonProps, CardProps, CardSmallProps, CheckboxProps, ComposableModalProps, ComposableModalSlotRenderProps, ComposableModalSlotRenderer, ControlSize, DatePickerChangeContext, DatePickerChangeReason, DatePickerMode, DatePickerProps, DatePickerValue, InputProps, ModalAction, ModalProps, ModalSlotContext, ModalSlotIds, ModalTheme, ModalThemeSource, SelectAsyncLoadContext, SelectAsyncLoadResult, SelectAsyncOption, SelectAsyncOptionValue, SelectAsyncProps, SelectProps, SeparatorOrientation, SeparatorProps, SharedTableProps, StandardModalProps, TableAction, TableActionSource, TableActionTone, TableAsyncLoadContext, TableAsyncLoadResult, TableAsyncProps, TableColumn, TableColumnAlign, TableColumnType, TableLabels, TableProps, TextareaProps, UiKitThemeTokens } from './index.cjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'smartsell-theme';

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+export { ButtonProps, CardProps, CardSmallProps, CheckboxProps, ComposableModalProps, ComposableModalSlotRenderProps, ComposableModalSlotRenderer, ControlSize, DatePickerChangeContext, DatePickerChangeReason, DatePickerMode, DatePickerProps, DatePickerValue, InputProps, ModalAction, ModalProps, ModalSlotContext, ModalSlotIds, ModalTheme, ModalThemeSource, SelectAsyncLoadContext, SelectAsyncLoadResult, SelectAsyncOption, SelectAsyncOptionValue, SelectAsyncProps, SelectProps, SeparatorOrientation, SeparatorProps, SharedTableProps, StandardModalProps, TableAction, TableActionSource, TableActionTone, TableAsyncLoadContext, TableAsyncLoadResult, TableAsyncProps, TableColumn, TableColumnAlign, TableColumnType, TableLabels, TableProps, TextareaProps, UiKitThemeTokens } from './index.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'smartsell-theme';

package/dist/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "smartsell-ui-kit",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Public UI primitives and modal helpers for SmartSell applications.",
-  "license": "MIT",
+  "license": "SEE LICENSE IN LICENSE",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -13,10 +13,15 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./modal": {
-      "types": "./dist/modal.d.ts",
-      "import": "./dist/modal.js",
-      "require": "./dist/modal.cjs"
+    "./img": {
+      "types": "./dist/img/index.d.ts",
+      "import": "./dist/img/index.js",
+      "require": "./dist/img/index.cjs"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.js",
+      "require": "./dist/types.cjs"
     }
   },
   "files": [
@@ -31,8 +36,14 @@
     "clean": "rm -rf dist *.tgz",
     "dev": "tsup --watch",
     "prepack": "npm run clean && npm run build",
-    "storybook": "storybook dev -p 6006",
-    "typecheck": "tsc --noEmit"
+    "storybook:clean-cache": "rm -rf node_modules/.cache/storybook node_modules/.cache/sb-vite-plugin-externals",
+    "storybook": "npm run storybook:clean-cache && storybook dev -p 3005 --no-open",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "typecheck:storybook": "tsc -p .storybook/tsconfig.json --noEmit",
+    "validate": "npm run typecheck && npm run typecheck:storybook && npm run test:run && npm run build",
+    "validate:release": "npm run validate && CI=1 STORYBOOK_DISABLE_TELEMETRY=1 npm run build:storybook && npm pack --dry-run"
   },
   "keywords": [
     "smartsell",
@@ -44,21 +55,26 @@
     "react"
   ],
   "peerDependencies": {
-    "react": ">=17",
-    "smartsell-theme": ">=0.0.5"
+    "react": ">=18",
+    "react-dom": ">=18",
+    "smartsell-theme": ">=0.0.10"
   },
   "devDependencies": {
     "@fontsource/lato": "^5.2.7",
     "@storybook/addon-a11y": "^8.6.14",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/react-vite": "^8.6.14",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.7",
+    "jsdom": "^26.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "smartsell-theme": "^0.0.5",
+    "smartsell-theme": "^0.0.10",
     "storybook": "^8.6.14",
     "tsup": "^8.3.5",
-    "typescript": "^5.6.2"
+    "typescript": "^5.6.2",
+    "vitest": "^2.1.9"
   }
 }

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