@amsintegra/design-system 1.0.0

package/dist/index.cjs

@@ -0,0 +1,1127 @@
+'use strict';
+
+var antd = require('antd');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var icons = require('@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 ? antd.theme.darkAlgorithm : antd.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 = react.createContext(null);
+function useThemeMode() {
+  const ctx = react.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] = react.useState(
+    () => isControlled ? controlledMode : persist ? getInitialThemeMode(defaultMode) : defaultMode
+  );
+  const mode = isControlled ? controlledMode : internalMode;
+  react.useEffect(() => {
+    applyThemeModeToDOM(mode);
+  }, [mode]);
+  const setMode = react.useCallback(
+    (next) => {
+      if (!isControlled) {
+        setInternalMode(next);
+        if (persist && typeof window !== "undefined") {
+          window.localStorage.setItem(STORAGE_KEY, next);
+        }
+      }
+    },
+    [isControlled, persist]
+  );
+  const toggle = react.useCallback(() => {
+    setMode(mode === "light" ? "dark" : "light");
+  }, [mode, setMode]);
+  return react.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__ */ jsxRuntime.jsx(ThemeModeContext.Provider, { value: themeMode, children: /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { theme: resolvedTheme, locale, children: /* @__PURE__ */ jsxRuntime.jsx(antd.App, { children }) }) });
+}
+var Button = react.forwardRef(
+  function Button2(props, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { ref, ...props });
+  }
+);
+var INTENT_COLOR = {
+  success: semantic.colorSuccess,
+  error: semantic.colorError,
+  warning: semantic.colorWarning,
+  info: semantic.colorInfo,
+  primary: semantic.colorPrimary
+};
+var Tag = react.forwardRef(function Tag2({ intent, color, ...rest }, ref) {
+  const resolvedColor = intent ? INTENT_COLOR[intent] : color;
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { ref, color: resolvedColor, ...rest });
+});
+function useAmsMessage() {
+  return antd.App.useApp().message;
+}
+function useAmsNotification() {
+  return antd.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__ */ jsxRuntime.jsx(
+    antd.Pagination,
+    {
+      ...rest,
+      locale: Object.keys(mergedLocale).length > 0 ? mergedLocale : void 0,
+      showTotal: resolvedShowTotal,
+      itemRender: resolvedItemRender
+    }
+  );
+}
+function ThemeToggle(props) {
+  const { isDark, toggle } = useThemeMode();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Switch,
+    {
+      checked: isDark,
+      onChange: toggle,
+      checkedChildren: /* @__PURE__ */ jsxRuntime.jsx(icons.BulbFilled, {}),
+      unCheckedChildren: /* @__PURE__ */ jsxRuntime.jsx(icons.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__ */ jsxRuntime.jsx(
+          Tag,
+          {
+            intent: numeric < 0 ? "error" : "success",
+            style: { minWidth: 72, textAlign: "center" },
+            children: content
+          }
+        );
+      }
+    };
+  }) : columns;
+  const resolvedScroll = scroll ?? { x: "max-content" };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
+    heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: 0, fontWeight: 600 }, children: heading }) }) : null,
+    extra ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 8 }, children: extra }) : null,
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton, { active: true, paragraph: { rows: 0 }, title: { width: "100%" } }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx(
+      antd.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] = react.useState(defaultValue);
+  const current = isControlled ? value : internal;
+  const setValue = react.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 = react.useCallback(() => setOpen(true), [setOpen]);
+  const handleCancel = react.useCallback(
+    (event) => {
+      onCancel?.(event);
+      if (closeOnCancel) setOpen(false);
+    },
+    [onCancel, closeOnCancel, setOpen]
+  );
+  const handleOk = react.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 = react.useMemo(() => {
+    if (!trigger) return null;
+    if (typeof trigger === "function") {
+      return trigger(handleOpen);
+    }
+    if (react.isValidElement(trigger)) {
+      const el = trigger;
+      const originalOnClick = el.props.onClick;
+      return react.cloneElement(el, {
+        onClick: (event) => {
+          originalOnClick?.(event);
+          handleOpen();
+        }
+      });
+    }
+    return trigger;
+  }, [trigger, handleOpen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    triggerNode,
+    /* @__PURE__ */ jsxRuntime.jsx(antd.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__ */ jsxRuntime.jsx(
+    antd.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 = react.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__ */ jsxRuntime.jsx(antd.Upload.Dragger, { ...mergedProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsxRuntime.jsx(icons.InboxOutlined, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ant-upload-text", children: hintText })
+  ] }) });
+}
+function PageHeader({
+  title,
+  breadcrumbs,
+  separator = ">",
+  uppercaseTitle = true,
+  extra,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { marginBottom: 32 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 16
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "h1",
+            {
+              style: {
+                fontSize: 20,
+                fontWeight: 700,
+                margin: 0,
+                textTransform: uppercaseTitle ? "uppercase" : void 0
+              },
+              children: title
+            }
+          ),
+          extra ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: extra }) : null
+        ]
+      }
+    ),
+    breadcrumbs && breadcrumbs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Breadcrumb,
+      {
+        separator,
+        items: breadcrumbs,
+        style: { fontSize: 13, marginTop: 8 }
+      }
+    ) : null
+  ] });
+}
+var DownloadButton = react.forwardRef(function DownloadButton2({ label = "CSV", icon, type = "primary", children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button, { ref, type, icon: icon ?? /* @__PURE__ */ jsxRuntime.jsx(icons.DownloadOutlined, {}), ...rest, children: children ?? label });
+});
+function ConfirmModal({
+  message,
+  danger = false,
+  okButtonProps,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ModalDialog,
+    {
+      okButtonProps: { danger, ...okButtonProps },
+      ...rest,
+      children: children ?? (message ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: message }) : null)
+    }
+  );
+}
+
+Object.defineProperty(exports, "Affix", {
+  enumerable: true,
+  get: function () { return antd.Affix; }
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () { return antd.Alert; }
+});
+Object.defineProperty(exports, "Anchor", {
+  enumerable: true,
+  get: function () { return antd.Anchor; }
+});
+Object.defineProperty(exports, "AutoComplete", {
+  enumerable: true,
+  get: function () { return antd.AutoComplete; }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return antd.Avatar; }
+});
+Object.defineProperty(exports, "BackTop", {
+  enumerable: true,
+  get: function () { return antd.BackTop; }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return antd.Badge; }
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function () { return antd.Breadcrumb; }
+});
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function () { return antd.Calendar; }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return antd.Card; }
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function () { return antd.Carousel; }
+});
+Object.defineProperty(exports, "Cascader", {
+  enumerable: true,
+  get: function () { return antd.Cascader; }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return antd.Checkbox; }
+});
+Object.defineProperty(exports, "Col", {
+  enumerable: true,
+  get: function () { return antd.Col; }
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: function () { return antd.Collapse; }
+});
+Object.defineProperty(exports, "ColorPicker", {
+  enumerable: true,
+  get: function () { return antd.ColorPicker; }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return antd.DatePicker; }
+});
+Object.defineProperty(exports, "Descriptions", {
+  enumerable: true,
+  get: function () { return antd.Descriptions; }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () { return antd.Divider; }
+});
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () { return antd.Drawer; }
+});
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: function () { return antd.Dropdown; }
+});
+Object.defineProperty(exports, "Empty", {
+  enumerable: true,
+  get: function () { return antd.Empty; }
+});
+Object.defineProperty(exports, "Flex", {
+  enumerable: true,
+  get: function () { return antd.Flex; }
+});
+Object.defineProperty(exports, "FloatButton", {
+  enumerable: true,
+  get: function () { return antd.FloatButton; }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return antd.Form; }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () { return antd.Image; }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return antd.Input; }
+});
+Object.defineProperty(exports, "InputNumber", {
+  enumerable: true,
+  get: function () { return antd.InputNumber; }
+});
+Object.defineProperty(exports, "Layout", {
+  enumerable: true,
+  get: function () { return antd.Layout; }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function () { return antd.List; }
+});
+Object.defineProperty(exports, "Mentions", {
+  enumerable: true,
+  get: function () { return antd.Mentions; }
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () { return antd.Menu; }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () { return antd.Modal; }
+});
+Object.defineProperty(exports, "Popconfirm", {
+  enumerable: true,
+  get: function () { return antd.Popconfirm; }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function () { return antd.Popover; }
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function () { return antd.Progress; }
+});
+Object.defineProperty(exports, "QRCode", {
+  enumerable: true,
+  get: function () { return antd.QRCode; }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () { return antd.Radio; }
+});
+Object.defineProperty(exports, "Rate", {
+  enumerable: true,
+  get: function () { return antd.Rate; }
+});
+Object.defineProperty(exports, "Result", {
+  enumerable: true,
+  get: function () { return antd.Result; }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function () { return antd.Row; }
+});
+Object.defineProperty(exports, "Segmented", {
+  enumerable: true,
+  get: function () { return antd.Segmented; }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return antd.Select; }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () { return antd.Skeleton; }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function () { return antd.Slider; }
+});
+Object.defineProperty(exports, "Space", {
+  enumerable: true,
+  get: function () { return antd.Space; }
+});
+Object.defineProperty(exports, "Spin", {
+  enumerable: true,
+  get: function () { return antd.Spin; }
+});
+Object.defineProperty(exports, "Splitter", {
+  enumerable: true,
+  get: function () { return antd.Splitter; }
+});
+Object.defineProperty(exports, "Statistic", {
+  enumerable: true,
+  get: function () { return antd.Statistic; }
+});
+Object.defineProperty(exports, "Steps", {
+  enumerable: true,
+  get: function () { return antd.Steps; }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () { return antd.Switch; }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () { return antd.Table; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return antd.Tabs; }
+});
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function () { return antd.TimePicker; }
+});
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: function () { return antd.Timeline; }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return antd.Tooltip; }
+});
+Object.defineProperty(exports, "Tour", {
+  enumerable: true,
+  get: function () { return antd.Tour; }
+});
+Object.defineProperty(exports, "Transfer", {
+  enumerable: true,
+  get: function () { return antd.Transfer; }
+});
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function () { return antd.Tree; }
+});
+Object.defineProperty(exports, "TreeSelect", {
+  enumerable: true,
+  get: function () { return antd.TreeSelect; }
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: function () { return antd.Typography; }
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function () { return antd.Upload; }
+});
+Object.defineProperty(exports, "Watermark", {
+  enumerable: true,
+  get: function () { return antd.Watermark; }
+});
+Object.defineProperty(exports, "CheckCircleOutlined", {
+  enumerable: true,
+  get: function () { return icons.CheckCircleOutlined; }
+});
+Object.defineProperty(exports, "CheckOutlined", {
+  enumerable: true,
+  get: function () { return icons.CheckOutlined; }
+});
+Object.defineProperty(exports, "CloseCircleOutlined", {
+  enumerable: true,
+  get: function () { return icons.CloseCircleOutlined; }
+});
+Object.defineProperty(exports, "CloseOutlined", {
+  enumerable: true,
+  get: function () { return icons.CloseOutlined; }
+});
+Object.defineProperty(exports, "DeleteOutlined", {
+  enumerable: true,
+  get: function () { return icons.DeleteOutlined; }
+});
+Object.defineProperty(exports, "DownOutlined", {
+  enumerable: true,
+  get: function () { return icons.DownOutlined; }
+});
+Object.defineProperty(exports, "DownloadOutlined", {
+  enumerable: true,
+  get: function () { return icons.DownloadOutlined; }
+});
+Object.defineProperty(exports, "EditOutlined", {
+  enumerable: true,
+  get: function () { return icons.EditOutlined; }
+});
+Object.defineProperty(exports, "ExclamationCircleOutlined", {
+  enumerable: true,
+  get: function () { return icons.ExclamationCircleOutlined; }
+});
+Object.defineProperty(exports, "EyeInvisibleOutlined", {
+  enumerable: true,
+  get: function () { return icons.EyeInvisibleOutlined; }
+});
+Object.defineProperty(exports, "EyeOutlined", {
+  enumerable: true,
+  get: function () { return icons.EyeOutlined; }
+});
+Object.defineProperty(exports, "FileExcelOutlined", {
+  enumerable: true,
+  get: function () { return icons.FileExcelOutlined; }
+});
+Object.defineProperty(exports, "FileOutlined", {
+  enumerable: true,
+  get: function () { return icons.FileOutlined; }
+});
+Object.defineProperty(exports, "FilePdfOutlined", {
+  enumerable: true,
+  get: function () { return icons.FilePdfOutlined; }
+});
+Object.defineProperty(exports, "FilterOutlined", {
+  enumerable: true,
+  get: function () { return icons.FilterOutlined; }
+});
+Object.defineProperty(exports, "FolderOutlined", {
+  enumerable: true,
+  get: function () { return icons.FolderOutlined; }
+});
+Object.defineProperty(exports, "InfoCircleOutlined", {
+  enumerable: true,
+  get: function () { return icons.InfoCircleOutlined; }
+});
+Object.defineProperty(exports, "LeftOutlined", {
+  enumerable: true,
+  get: function () { return icons.LeftOutlined; }
+});
+Object.defineProperty(exports, "LoadingOutlined", {
+  enumerable: true,
+  get: function () { return icons.LoadingOutlined; }
+});
+Object.defineProperty(exports, "LogoutOutlined", {
+  enumerable: true,
+  get: function () { return icons.LogoutOutlined; }
+});
+Object.defineProperty(exports, "MenuOutlined", {
+  enumerable: true,
+  get: function () { return icons.MenuOutlined; }
+});
+Object.defineProperty(exports, "PlusOutlined", {
+  enumerable: true,
+  get: function () { return icons.PlusOutlined; }
+});
+Object.defineProperty(exports, "ReloadOutlined", {
+  enumerable: true,
+  get: function () { return icons.ReloadOutlined; }
+});
+Object.defineProperty(exports, "RightOutlined", {
+  enumerable: true,
+  get: function () { return icons.RightOutlined; }
+});
+Object.defineProperty(exports, "SearchOutlined", {
+  enumerable: true,
+  get: function () { return icons.SearchOutlined; }
+});
+Object.defineProperty(exports, "SettingOutlined", {
+  enumerable: true,
+  get: function () { return icons.SettingOutlined; }
+});
+Object.defineProperty(exports, "UpOutlined", {
+  enumerable: true,
+  get: function () { return icons.UpOutlined; }
+});
+Object.defineProperty(exports, "UploadOutlined", {
+  enumerable: true,
+  get: function () { return icons.UploadOutlined; }
+});
+Object.defineProperty(exports, "UserOutlined", {
+  enumerable: true,
+  get: function () { return icons.UserOutlined; }
+});
+Object.defineProperty(exports, "WarningOutlined", {
+  enumerable: true,
+  get: function () { return icons.WarningOutlined; }
+});
+exports.AmsConfigProvider = AmsConfigProvider;
+exports.Button = Button;
+exports.ConfirmModal = ConfirmModal;
+exports.DataTable = DataTable;
+exports.DownloadButton = DownloadButton;
+exports.FileUploadDragger = FileUploadDragger;
+exports.FilterSelect = FilterSelect;
+exports.ModalDialog = ModalDialog;
+exports.PageHeader = PageHeader;
+exports.Pagination = Pagination;
+exports.Tag = Tag;
+exports.ThemeToggle = ThemeToggle;
+exports.amsTheme = amsTheme;
+exports.amsThemeDark = amsThemeDark;
+exports.applyThemeModeToDOM = applyThemeModeToDOM;
+exports.buildTheme = buildTheme;
+exports.getInitialThemeMode = getInitialThemeMode;
+exports.primitives = primitives;
+exports.radius = radius;
+exports.semantic = semantic;
+exports.sizing = sizing;
+exports.typography = typography;
+exports.useAmsMessage = useAmsMessage;
+exports.useAmsNotification = useAmsNotification;
+exports.useControllableState = useControllableState;
+exports.useThemeMode = useThemeMode;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map