@amsintegra/design-system 1.0.0

package/dist/index.js

@@ -0,0 +1,730 @@
+import { Button as Button$1, Tag as Tag$1, theme, ConfigProvider, App, Pagination as Pagination$1, Switch, Skeleton, Table, Modal, Select, Upload, Breadcrumb } from 'antd';
+export { Affix, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Calendar, Card, Carousel, Cascader, Checkbox, Col, Collapse, ColorPicker, DatePicker, Descriptions, Divider, Drawer, Dropdown, Empty, Flex, FloatButton, Form, Image, Input, InputNumber, Layout, List, Mentions, Menu, Modal, Popconfirm, Popover, Progress, QRCode, Radio, Rate, Result, Row, Segmented, Select, Skeleton, Slider, Space, Spin, Splitter, Statistic, Steps, Switch, Table, Tabs, TimePicker, Timeline, Tooltip, Tour, Transfer, Tree, TreeSelect, Typography, Upload, Watermark } from 'antd';
+import { createContext, forwardRef, useContext, useState, useCallback, useMemo, isValidElement, cloneElement, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { DownloadOutlined, BulbOutlined, BulbFilled, InboxOutlined } from '@ant-design/icons';
+export { CheckCircleOutlined, CheckOutlined, CloseCircleOutlined, CloseOutlined, DeleteOutlined, DownOutlined, DownloadOutlined, EditOutlined, ExclamationCircleOutlined, EyeInvisibleOutlined, EyeOutlined, FileExcelOutlined, FileOutlined, FilePdfOutlined, FilterOutlined, FolderOutlined, InfoCircleOutlined, LeftOutlined, LoadingOutlined, LogoutOutlined, MenuOutlined, PlusOutlined, ReloadOutlined, RightOutlined, SearchOutlined, SettingOutlined, UpOutlined, UploadOutlined, UserOutlined, WarningOutlined } from '@ant-design/icons';
+
+// src/theme/AmsConfigProvider.tsx
+
+// src/theme/tokens.ts
+var primitives = {
+  brandRed: "#A72432",
+  brandRedActive: "#8B1D28",
+  // darken 10%
+  brandRedLight: "#f1faff",
+  green: "#50cd89",
+  greenActive: "#47be7d",
+  greenLight: "#e8fff3",
+  purple: "#7239ea",
+  purpleActive: "#5014d0",
+  purpleLight: "#f8f5ff",
+  pink: "#f1416c",
+  pinkActive: "#d9214e",
+  pinkLight: "#fff5f8",
+  yellow: "#ffc700",
+  yellowActive: "#f1bc00",
+  yellowLight: "#fff8dd",
+  white: "#ffffff",
+  gray: {
+    100: "#f9f9f9",
+    200: "#f4f4f4",
+    300: "#e1e3ea",
+    400: "#b5b5c3",
+    500: "#a1a5b7",
+    600: "#7e8299",
+    700: "#5e6278",
+    800: "#3f4254",
+    900: "#181c32"
+  },
+  background: {
+    app: "#f5f8fa",
+    body: "#ffffff",
+    appDark: "#151521",
+    bodyDark: "#1e1e2d"
+  },
+  dark: {
+    base: "#181c32",
+    bg: "#151521",
+    header: "#1e1e2d",
+    active: "#2a2a3c",
+    separator: "#393945",
+    // Dark-mode surfaces (from mf-container's antdTheme).
+    inputBg: "#1b1b29",
+    cardBg: "#1e1e2d",
+    // Dark-mode gray scale — DISTINCT from the light `gray` scale (Metronic).
+    gray: {
+      100: "#2b2b40",
+      200: "#323248",
+      300: "#3b3b64",
+      400: "#474761",
+      500: "#565674",
+      600: "#6d6d80",
+      700: "#92929f",
+      800: "#cdcdde"
+    }
+  }
+};
+var radius = {
+  sm: 2,
+  base: 4,
+  md: 6,
+  lg: 8,
+  xl: 12
+};
+var typography = {
+  fontFamily: "Inter, Helvetica, Arial, sans-serif",
+  fontSizeBase: 13,
+  weight: {
+    light: 300,
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+  }
+};
+var sizing = {
+  controlHeight: 32,
+  buttonMinWidth: 110
+};
+var semantic = {
+  colorPrimary: primitives.brandRed,
+  colorPrimaryActive: primitives.brandRedActive,
+  colorSuccess: primitives.green,
+  colorInfo: primitives.purple,
+  colorError: primitives.pink,
+  colorWarning: primitives.yellow,
+  // Links. Metronic inherits link color from the (red) primary, which reads as
+  // "danger" in dense UIs. The AMS default uses a neutral dark gray so links
+  // don't look like errors; consumers can override `colorLink`/`colorLinkHover`
+  // via AmsConfigProvider's `theme` prop (e.g. back to the brand red or blue).
+  colorLink: primitives.gray[800],
+  colorLinkHover: primitives.brandRed,
+  colorLinkActive: primitives.brandRedActive,
+  colorBgLayout: primitives.background.app,
+  colorBgContainer: primitives.background.body,
+  borderRadius: radius.base,
+  fontFamily: typography.fontFamily,
+  fontSize: typography.fontSizeBase,
+  controlHeight: sizing.controlHeight
+};
+
+// src/theme/theme.ts
+var sharedToken = {
+  colorPrimary: semantic.colorPrimary,
+  colorSuccess: semantic.colorSuccess,
+  colorInfo: semantic.colorInfo,
+  colorError: semantic.colorError,
+  colorWarning: semantic.colorWarning,
+  colorLink: semantic.colorLink,
+  colorLinkHover: semantic.colorLinkHover,
+  colorLinkActive: semantic.colorLinkActive,
+  borderRadius: semantic.borderRadius,
+  fontFamily: semantic.fontFamily,
+  fontSize: semantic.fontSize,
+  controlHeight: semantic.controlHeight
+};
+var lightToken = {
+  ...sharedToken,
+  colorBgLayout: semantic.colorBgLayout,
+  colorBgContainer: semantic.colorBgContainer,
+  colorBgElevated: primitives.background.body,
+  colorText: primitives.gray[900],
+  colorTextSecondary: primitives.gray[700],
+  colorTextTertiary: primitives.gray[500],
+  colorTextQuaternary: primitives.gray[400],
+  colorBorder: primitives.gray[300],
+  colorBorderSecondary: primitives.gray[200]
+};
+var darkToken = {
+  ...sharedToken,
+  colorBgLayout: primitives.background.appDark,
+  colorBgContainer: primitives.background.bodyDark,
+  colorBgElevated: primitives.background.bodyDark,
+  colorText: "#ffffff",
+  colorTextHeading: "#ffffff",
+  colorTextSecondary: primitives.dark.gray[800],
+  colorTextTertiary: primitives.dark.gray[700],
+  colorTextQuaternary: primitives.dark.gray[600],
+  colorBorder: primitives.dark.gray[300],
+  colorBorderSecondary: primitives.dark.gray[200],
+  boxShadow: "0 6px 16px 0 rgba(0, 0, 0, 0.48), 0 3px 6px -4px rgba(0, 0, 0, 0.36), 0 9px 28px 8px rgba(0, 0, 0, 0.15)"
+};
+var sharedComponents = {
+  Button: { controlHeight: 32 },
+  Tabs: {
+    itemColor: primitives.gray[600],
+    itemSelectedColor: semantic.colorPrimary,
+    itemHoverColor: semantic.colorPrimary
+  }
+};
+var lightComponents = {
+  ...sharedComponents,
+  Table: {
+    headerBg: primitives.gray[100],
+    headerColor: primitives.gray[800],
+    borderColor: primitives.gray[300],
+    cellPaddingBlock: 8,
+    cellPaddingInline: 8
+  }
+};
+var darkComponents = {
+  ...sharedComponents,
+  Table: {
+    headerBg: primitives.dark.gray[200],
+    headerColor: primitives.dark.gray[800],
+    borderColor: primitives.dark.gray[400],
+    rowHoverBg: primitives.dark.gray[200],
+    cellPaddingBlock: 8,
+    cellPaddingInline: 8
+  },
+  Input: {
+    colorBgContainer: primitives.dark.inputBg,
+    colorBorder: primitives.dark.gray[400],
+    colorText: "#ffffff"
+  },
+  Select: {
+    colorBgContainer: primitives.dark.inputBg,
+    colorBorder: primitives.dark.gray[400],
+    colorText: "#ffffff"
+  },
+  DatePicker: {
+    colorBgContainer: primitives.dark.inputBg
+  },
+  Card: {
+    colorBgContainer: primitives.dark.cardBg,
+    colorBorderSecondary: primitives.dark.cardBg
+  },
+  Modal: {
+    contentBg: primitives.dark.gray[100],
+    headerBg: primitives.dark.gray[100]
+  },
+  Drawer: {
+    colorBgElevated: primitives.dark.gray[100]
+  },
+  Notification: {
+    colorBgElevated: primitives.dark.gray[100]
+  },
+  Message: {
+    contentBg: primitives.dark.gray[100]
+  },
+  Menu: {
+    itemBg: primitives.background.bodyDark,
+    itemHoverBg: primitives.dark.gray[100],
+    itemSelectedBg: primitives.dark.active,
+    itemSelectedColor: semantic.colorPrimary,
+    itemActiveBg: primitives.dark.active,
+    subMenuItemBg: primitives.background.bodyDark
+  },
+  Dropdown: {
+    colorBgElevated: primitives.background.bodyDark,
+    controlItemBgHover: primitives.dark.gray[100]
+  }
+};
+function buildTheme(mode = "light") {
+  const isDark = mode === "dark";
+  return {
+    algorithm: isDark ? theme.darkAlgorithm : theme.defaultAlgorithm,
+    token: isDark ? darkToken : lightToken,
+    components: isDark ? darkComponents : lightComponents
+  };
+}
+var amsTheme = buildTheme("light");
+var amsThemeDark = buildTheme("dark");
+var STORAGE_KEY = "ams-theme";
+function getInitialThemeMode(defaultMode = "light") {
+  if (typeof window === "undefined") return defaultMode;
+  const saved = window.localStorage.getItem(STORAGE_KEY);
+  if (saved === "light" || saved === "dark") return saved;
+  if (window.matchMedia?.("(prefers-color-scheme: dark)").matches) return "dark";
+  return defaultMode;
+}
+function applyThemeModeToDOM(mode) {
+  if (typeof document === "undefined") return;
+  document.documentElement.setAttribute("data-theme", mode);
+  document.body?.setAttribute("data-theme", mode);
+}
+var ThemeModeContext = createContext(null);
+function useThemeMode() {
+  const ctx = useContext(ThemeModeContext);
+  if (!ctx) {
+    throw new Error("useThemeMode must be used within an AmsConfigProvider");
+  }
+  return ctx;
+}
+function useThemeModeState(controlledMode, defaultMode, persist) {
+  const isControlled = controlledMode !== void 0;
+  const [internalMode, setInternalMode] = useState(
+    () => isControlled ? controlledMode : persist ? getInitialThemeMode(defaultMode) : defaultMode
+  );
+  const mode = isControlled ? controlledMode : internalMode;
+  useEffect(() => {
+    applyThemeModeToDOM(mode);
+  }, [mode]);
+  const setMode = useCallback(
+    (next) => {
+      if (!isControlled) {
+        setInternalMode(next);
+        if (persist && typeof window !== "undefined") {
+          window.localStorage.setItem(STORAGE_KEY, next);
+        }
+      }
+    },
+    [isControlled, persist]
+  );
+  const toggle = useCallback(() => {
+    setMode(mode === "light" ? "dark" : "light");
+  }, [mode, setMode]);
+  return useMemo(
+    () => ({ mode, setMode, toggle, isDark: mode === "dark" }),
+    [mode, setMode, toggle]
+  );
+}
+function mergeTheme(base, override) {
+  if (!override) return base;
+  return {
+    ...base,
+    ...override,
+    token: { ...base.token, ...override.token },
+    components: { ...base.components, ...override.components },
+    // A caller-provided algorithm wins; otherwise keep the mode's algorithm.
+    algorithm: override.algorithm ?? base.algorithm
+  };
+}
+function AmsConfigProvider({
+  mode,
+  defaultMode = "light",
+  persistMode = true,
+  locale,
+  theme,
+  children
+}) {
+  const themeMode = useThemeModeState(mode, defaultMode, persistMode);
+  const resolvedTheme = mergeTheme(buildTheme(themeMode.mode), theme);
+  return /* @__PURE__ */ jsx(ThemeModeContext.Provider, { value: themeMode, children: /* @__PURE__ */ jsx(ConfigProvider, { theme: resolvedTheme, locale, children: /* @__PURE__ */ jsx(App, { children }) }) });
+}
+var Button = forwardRef(
+  function Button2(props, ref) {
+    return /* @__PURE__ */ jsx(Button$1, { ref, ...props });
+  }
+);
+var INTENT_COLOR = {
+  success: semantic.colorSuccess,
+  error: semantic.colorError,
+  warning: semantic.colorWarning,
+  info: semantic.colorInfo,
+  primary: semantic.colorPrimary
+};
+var Tag = forwardRef(function Tag2({ intent, color, ...rest }, ref) {
+  const resolvedColor = intent ? INTENT_COLOR[intent] : color;
+  return /* @__PURE__ */ jsx(Tag$1, { ref, color: resolvedColor, ...rest });
+});
+function useAmsMessage() {
+  return App.useApp().message;
+}
+function useAmsNotification() {
+  return App.useApp().notification;
+}
+function buildLocale(labels) {
+  if (!labels) return void 0;
+  const locale = {};
+  if (labels.itemsPerPage !== void 0) locale.items_per_page = labels.itemsPerPage;
+  if (labels.jumpTo !== void 0) locale.jump_to = labels.jumpTo;
+  if (labels.jumpToConfirm !== void 0) locale.jump_to_confirm = labels.jumpToConfirm;
+  if (labels.page !== void 0) locale.page = labels.page;
+  if (labels.prevPage !== void 0) locale.prev_page = labels.prevPage;
+  if (labels.nextPage !== void 0) locale.next_page = labels.nextPage;
+  if (labels.pageSize !== void 0) locale.page_size = labels.pageSize;
+  return Object.keys(locale).length > 0 ? locale : void 0;
+}
+function Pagination({
+  labels,
+  showTotal,
+  itemRender,
+  locale,
+  ...rest
+}) {
+  const mergedLocale = { ...buildLocale(labels), ...locale };
+  const resolvedShowTotal = showTotal ?? (labels?.total ? (total, range) => labels.total(total, range) : labels?.totalText ? (total, range) => {
+    const { prefix, suffix, showRange } = labels.totalText;
+    const middle = showRange ? `${range[0]}-${range[1]}` : String(total);
+    return [prefix, middle, suffix].filter(Boolean).join(" ");
+  } : void 0);
+  const resolvedItemRender = itemRender ?? (labels?.previousText || labels?.nextText ? (_page, type, element) => {
+    if (type === "prev" && labels?.previousText !== void 0) return labels.previousText;
+    if (type === "next" && labels?.nextText !== void 0) return labels.nextText;
+    return element;
+  } : void 0);
+  return /* @__PURE__ */ jsx(
+    Pagination$1,
+    {
+      ...rest,
+      locale: Object.keys(mergedLocale).length > 0 ? mergedLocale : void 0,
+      showTotal: resolvedShowTotal,
+      itemRender: resolvedItemRender
+    }
+  );
+}
+function ThemeToggle(props) {
+  const { isDark, toggle } = useThemeMode();
+  return /* @__PURE__ */ jsx(
+    Switch,
+    {
+      checked: isDark,
+      onChange: toggle,
+      checkedChildren: /* @__PURE__ */ jsx(BulbFilled, {}),
+      unCheckedChildren: /* @__PURE__ */ jsx(BulbOutlined, {}),
+      ...props
+    }
+  );
+}
+function buildPaginationLocale(labels) {
+  if (!labels) return void 0;
+  const locale = {};
+  if (labels.itemsPerPage !== void 0) locale.items_per_page = labels.itemsPerPage;
+  if (labels.jumpTo !== void 0) locale.jump_to = labels.jumpTo;
+  if (labels.jumpToConfirm !== void 0) locale.jump_to_confirm = labels.jumpToConfirm;
+  if (labels.page !== void 0) locale.page = labels.page;
+  if (labels.prevPage !== void 0) locale.prev_page = labels.prevPage;
+  if (labels.nextPage !== void 0) locale.next_page = labels.nextPage;
+  if (labels.pageSize !== void 0) locale.page_size = labels.pageSize;
+  return Object.keys(locale).length > 0 ? locale : void 0;
+}
+var DEFAULT_LABELS = {
+  emptyText: "No data",
+  sortAsc: "Sort ascending",
+  sortDesc: "Sort descending",
+  cancelSort: "Cancel sort"
+};
+function toNumericValue(value) {
+  if (value === null || value === void 0 || value === "") return null;
+  const num = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : Number(value);
+  return Number.isNaN(num) || !Number.isFinite(num) ? null : num;
+}
+function buildTotalText(labels) {
+  if (!labels) return void 0;
+  if (labels.total) return (total, range) => labels.total(total, range);
+  if (labels.totalText) {
+    return (total, range) => {
+      const { prefix, suffix, showRange } = labels.totalText;
+      const middle = showRange ? `${range[0]}-${range[1]}` : String(total);
+      return [prefix, middle, suffix].filter(Boolean).join(" ");
+    };
+  }
+  return void 0;
+}
+function buildItemRender(labels) {
+  if (!labels || labels.previousText === void 0 && labels.nextText === void 0) {
+    return void 0;
+  }
+  return (_page, type, element) => {
+    if (type === "prev" && labels.previousText !== void 0) return labels.previousText;
+    if (type === "next" && labels.nextText !== void 0) return labels.nextText;
+    return element;
+  };
+}
+function DataTable({
+  heading,
+  extra,
+  loading = false,
+  labels,
+  paginationLabels,
+  firstColumnNumericTag = false,
+  columns,
+  dataSource,
+  scroll,
+  bordered = true,
+  pagination,
+  className,
+  ...rest
+}) {
+  const mergedLabels = { ...DEFAULT_LABELS, ...labels };
+  const resolvedPagination = pagination === false || pagination === void 0 ? pagination : (() => {
+    const paginationLocale = buildPaginationLocale(paginationLabels);
+    const totalFn = buildTotalText(paginationLabels);
+    const itemRenderFn = buildItemRender(paginationLabels);
+    return {
+      ...totalFn ? { showTotal: totalFn } : {},
+      ...itemRenderFn ? { itemRender: itemRenderFn } : {},
+      ...paginationLocale ? { locale: paginationLocale } : {},
+      ...pagination
+    };
+  })();
+  const resolvedColumns = firstColumnNumericTag && columns && columns.length > 0 ? columns.map((col, index) => {
+    if (index !== 0) return col;
+    const originalRender = col.render;
+    return {
+      ...col,
+      render: (value, record, i) => {
+        const content = originalRender ? originalRender(value, record, i) : value;
+        const numeric = toNumericValue(value);
+        if (numeric === null) return content;
+        return /* @__PURE__ */ jsx(
+          Tag,
+          {
+            intent: numeric < 0 ? "error" : "success",
+            style: { minWidth: 72, textAlign: "center" },
+            children: content
+          }
+        );
+      }
+    };
+  }) : columns;
+  const resolvedScroll = scroll ?? { x: "max-content" };
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    heading ? /* @__PURE__ */ jsx("div", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontWeight: 600 }, children: heading }) }) : null,
+    extra ? /* @__PURE__ */ jsx("div", { style: { marginBottom: 8 }, children: extra }) : null,
+    loading ? /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { active: true, paragraph: { rows: 0 }, title: { width: "100%" } }, i)) }) : /* @__PURE__ */ jsx(
+      Table,
+      {
+        columns: resolvedColumns,
+        dataSource,
+        bordered,
+        scroll: resolvedScroll,
+        pagination: resolvedPagination,
+        locale: {
+          emptyText: mergedLabels.emptyText,
+          triggerAsc: mergedLabels.sortAsc,
+          triggerDesc: mergedLabels.sortDesc,
+          cancelSort: mergedLabels.cancelSort
+        },
+        ...rest
+      }
+    )
+  ] });
+}
+function useControllableState({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = useState(defaultValue);
+  const current = isControlled ? value : internal;
+  const setValue = useCallback(
+    (next) => {
+      if (!isControlled) {
+        setInternal(next);
+      }
+      onChange?.(next);
+    },
+    [isControlled, onChange]
+  );
+  return [current, setValue];
+}
+function isPromise(value) {
+  return !!value && typeof value.then === "function";
+}
+function ModalDialog({
+  trigger,
+  children,
+  open,
+  defaultOpen = false,
+  closeOnOk = true,
+  closeOnCancel = true,
+  onOk,
+  onCancel,
+  onOpenChange,
+  ...modalProps
+}) {
+  const [isOpen, setOpen] = useControllableState({
+    value: open,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const handleOpen = useCallback(() => setOpen(true), [setOpen]);
+  const handleCancel = useCallback(
+    (event) => {
+      onCancel?.(event);
+      if (closeOnCancel) setOpen(false);
+    },
+    [onCancel, closeOnCancel, setOpen]
+  );
+  const handleOk = useCallback(
+    async (event) => {
+      const result = onOk?.(event);
+      if (!closeOnOk) return;
+      if (isPromise(result)) {
+        try {
+          await result;
+        } finally {
+          setOpen(false);
+        }
+      } else {
+        setOpen(false);
+      }
+    },
+    [onOk, closeOnOk, setOpen]
+  );
+  const triggerNode = useMemo(() => {
+    if (!trigger) return null;
+    if (typeof trigger === "function") {
+      return trigger(handleOpen);
+    }
+    if (isValidElement(trigger)) {
+      const el = trigger;
+      const originalOnClick = el.props.onClick;
+      return cloneElement(el, {
+        onClick: (event) => {
+          originalOnClick?.(event);
+          handleOpen();
+        }
+      });
+    }
+    return trigger;
+  }, [trigger, handleOpen]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    triggerNode,
+    /* @__PURE__ */ jsx(Modal, { open: isOpen, onOk: handleOk, onCancel: handleCancel, ...modalProps, children })
+  ] });
+}
+var normalize = (value) => (value ?? "").toString().normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+var extractText = (node) => {
+  if (node === null || node === void 0) return "";
+  if (typeof node === "string" || typeof node === "number" || typeof node === "boolean") {
+    return String(node);
+  }
+  if (Array.isArray(node)) return node.map(extractText).join(" ");
+  if (typeof node === "object" && "props" in node) {
+    const props = node.props;
+    return extractText(props?.children);
+  }
+  return "";
+};
+function FilterSelect({
+  options,
+  showSearch = false,
+  filterOption,
+  className,
+  style,
+  ...rest
+}) {
+  const defaultFilter = (input, option) => {
+    if (!option) return false;
+    const query = normalize(input);
+    const label = normalize(extractText(option.label));
+    const value = normalize(typeof option.value === "string" ? option.value : "");
+    return label.includes(query) || value.includes(query);
+  };
+  const resolvedFilter = showSearch && !filterOption ? defaultFilter : filterOption;
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      options,
+      showSearch,
+      filterOption: resolvedFilter,
+      optionFilterProp: "label",
+      className,
+      style: { width: "100%", ...style },
+      ...rest
+    }
+  );
+}
+var resolveMessage = (template, fileName, fallback) => {
+  if (!template) return fallback.replace("{file}", fileName);
+  return typeof template === "function" ? template(fileName) : template.replace("{file}", fileName);
+};
+function FileUploadDragger({
+  successMessage,
+  errorMessage,
+  showStatusMessages = true,
+  hintText = "Click or drag a file to this area to upload",
+  onUploadSuccess,
+  onUploadError,
+  onChange: externalOnChange,
+  children,
+  ...uploadProps
+}) {
+  const message = useAmsMessage();
+  const mergedProps = useMemo(
+    () => ({
+      ...uploadProps,
+      onChange(info) {
+        const { status, name: fileName } = info.file;
+        if (showStatusMessages) {
+          if (status === "done") {
+            message.success(resolveMessage(successMessage, fileName, `${fileName} uploaded successfully.`));
+            onUploadSuccess?.(info);
+          } else if (status === "error") {
+            message.error(resolveMessage(errorMessage, fileName, `${fileName} failed to upload.`));
+            onUploadError?.(info);
+          }
+        }
+        externalOnChange?.(info);
+      }
+    }),
+    [uploadProps, showStatusMessages, message, successMessage, errorMessage, onUploadSuccess, onUploadError, externalOnChange]
+  );
+  return /* @__PURE__ */ jsx(Upload.Dragger, { ...mergedProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(InboxOutlined, {}) }),
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: hintText })
+  ] }) });
+}
+function PageHeader({
+  title,
+  breadcrumbs,
+  separator = ">",
+  uppercaseTitle = true,
+  extra,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className, style: { marginBottom: 32 }, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 16
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "h1",
+            {
+              style: {
+                fontSize: 20,
+                fontWeight: 700,
+                margin: 0,
+                textTransform: uppercaseTitle ? "uppercase" : void 0
+              },
+              children: title
+            }
+          ),
+          extra ? /* @__PURE__ */ jsx("div", { children: extra }) : null
+        ]
+      }
+    ),
+    breadcrumbs && breadcrumbs.length > 0 ? /* @__PURE__ */ jsx(
+      Breadcrumb,
+      {
+        separator,
+        items: breadcrumbs,
+        style: { fontSize: 13, marginTop: 8 }
+      }
+    ) : null
+  ] });
+}
+var DownloadButton = forwardRef(function DownloadButton2({ label = "CSV", icon, type = "primary", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Button, { ref, type, icon: icon ?? /* @__PURE__ */ jsx(DownloadOutlined, {}), ...rest, children: children ?? label });
+});
+function ConfirmModal({
+  message,
+  danger = false,
+  okButtonProps,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    ModalDialog,
+    {
+      okButtonProps: { danger, ...okButtonProps },
+      ...rest,
+      children: children ?? (message ? /* @__PURE__ */ jsx("p", { children: message }) : null)
+    }
+  );
+}
+
+export { AmsConfigProvider, Button, ConfirmModal, DataTable, DownloadButton, FileUploadDragger, FilterSelect, ModalDialog, PageHeader, Pagination, Tag, ThemeToggle, amsTheme, amsThemeDark, applyThemeModeToDOM, buildTheme, getInitialThemeMode, primitives, radius, semantic, sizing, typography, useAmsMessage, useAmsNotification, useControllableState, useThemeMode };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map