@aster-ui/prefixed 0.12.50

package/dist/components/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\n// DaisyUI classes\nconst dMenu = 'd-menu'\nconst dMenuVertical = 'd-menu-vertical'\nconst dMenuHorizontal = 'd-menu-horizontal'\nconst dMenuXs = 'd-menu-xs'\nconst dMenuSm = 'd-menu-sm'\nconst dMenuMd = 'd-menu-md'\nconst dMenuLg = 'd-menu-lg'\nconst dMenuXl = 'd-menu-xl'\nconst dMenuIcon = 'd-menu-icon'\nconst dMenuTitle = 'd-menu-title'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface MenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  children?: MenuItem[]\n  divider?: boolean\n  title?: boolean // For section titles\n}\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  /** Menu items (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: MenuItem[]\n  /** Menu display mode */\n  mode?: MenuMode\n  /** Menu size */\n  size?: MenuSize\n  /** Controlled selected keys */\n  selectedKeys?: string[]\n  /** Default selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[]\n  /** Controlled open submenu keys */\n  openKeys?: string[]\n  /** Default open submenu keys (uncontrolled) */\n  defaultOpenKeys?: string[]\n  /** Callback when item is selected */\n  onSelect?: (key: string) => void\n  /** Callback when submenu open state changes */\n  onOpenChange?: (openKeys: string[]) => void\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use key and selectedKeys instead */\n  active?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuSubMenuProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> {\n  children: React.ReactNode\n  /** Submenu label */\n  label?: React.ReactNode\n  /** Submenu title (alias for label) */\n  title?: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\n// Internal component for rendering data-driven menu items\nfunction renderMenuItem(item: MenuItem, onSelect: (key: string) => void, selectedKeys: string[], openKeys: string[], onToggleOpen: (key: string) => void): React.ReactNode {\n  if (item.divider) {\n    return <MenuDivider key={item.key} />\n  }\n\n  if (item.title) {\n    return <MenuTitle key={item.key}>{item.label}</MenuTitle>\n  }\n\n  if (item.children && item.children.length > 0) {\n    return (\n      <MenuSubMenu key={item.key} _key={item.key} label={item.label} icon={item.icon} disabled={item.disabled}>\n        {item.children.map((child) => renderMenuItem(child, onSelect, selectedKeys, openKeys, onToggleOpen))}\n      </MenuSubMenu>\n    )\n  }\n\n  return (\n    <MenuItem key={item.key} _key={item.key} icon={item.icon} disabled={item.disabled}>\n      {item.label}\n    </MenuItem>\n  )\n}\n\nfunction MenuRoot({\n  children,\n  items,\n  mode = 'vertical',\n  size,\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: dMenuVertical,\n    horizontal: dMenuHorizontal,\n    inline: dMenuVertical,\n  }\n\n  const sizeClasses: Record<MenuSize, string> = {\n    xs: dMenuXs,\n    sm: dMenuSm,\n    md: dMenuMd,\n    lg: dMenuLg,\n    xl: dMenuXl,\n  }\n\n  const menuClasses = [dMenu, modeClasses[mode], size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  const contextValue = {\n    mode,\n    selectedKeys,\n    openKeys,\n    onSelect: handleSelect,\n    onToggleOpen: handleToggleOpen,\n  }\n\n  // Clone children to extract keys\n  const cloneChildrenWithKeys = (children: React.ReactNode): React.ReactNode => {\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child)) {\n        const childKey = child.key != null ? String(child.key) : undefined\n        if (child.type === MenuItem || child.type === MenuSubMenu) {\n          return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n        }\n      }\n      return child\n    })\n  }\n\n  // Render data-driven items if provided\n  const content = items && items.length > 0\n    ? items.map((item) => renderMenuItem(item, handleSelect, selectedKeys, openKeys, handleToggleOpen))\n    : cloneChildrenWithKeys(children)\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <ul className={menuClasses} {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  _key,\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = _key && context ? context.selectedKeys.includes(_key) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (_key && context) {\n      context.onSelect(_key)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className={dMenuIcon}>{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  label,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  _key,\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = _key ? context.openKeys.includes(_key) : false\n  const submenuId = useId()\n\n  // Support both label and title (title as alias for backwards compatibility)\n  const displayLabel = label ?? title\n\n  const handleToggle = () => {\n    if (disabled || !_key) return\n    context.onToggleOpen(_key)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className={dMenuIcon}>{icon}</span>}\n            {displayLabel}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className={dMenuIcon}>{icon}</span>}\n          {displayLabel}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = [dMenuTitle, className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["dMenu","dMenuVertical","dMenuHorizontal","dMenuXs","dMenuSm","dMenuMd","dMenuLg","dMenuXl","dMenuIcon","dMenuTitle","MenuContext","createContext","useMenuContext","context","useContext","renderMenuItem","item","onSelect","selectedKeys","openKeys","onToggleOpen","jsx","MenuDivider","MenuTitle","MenuSubMenu","child","MenuItem","MenuRoot","children","items","mode","size","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onOpenChange","className","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","modeClasses","sizeClasses","menuClasses","contextValue","cloneChildrenWithKeys","React","childKey","content","icon","disabled","onClick","active","_key","isSelected","handleClick","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}

package/dist/components/Message.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface MessageConfig {
+    duration?: number;
+    key?: string;
+    icon?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    'data-testid'?: string;
+    onClick?: () => void;
+    onClose?: () => void;
+}
+export declare class MessageManager {
+    success(content: React.ReactNode, config?: MessageConfig): string;
+    error(content: React.ReactNode, config?: MessageConfig): string;
+    info(content: React.ReactNode, config?: MessageConfig): string;
+    warning(content: React.ReactNode, config?: MessageConfig): string;
+    loading(content: React.ReactNode, config?: MessageConfig): string;
+    destroy(id?: string): void;
+}
+export declare const message: MessageManager;

package/dist/components/Message.js

@@ -0,0 +1,57 @@
+import { jsx as s } from "react/jsx-runtime";
+import { notification as o } from "./Notification.js";
+const r = "d-loading", t = "d-loading-spinner", i = "d-loading-sm";
+class c {
+  success(n, e) {
+    return o.open({
+      message: n,
+      type: "success",
+      variant: "compact",
+      ...e
+    });
+  }
+  error(n, e) {
+    return o.open({
+      message: n,
+      type: "error",
+      variant: "compact",
+      ...e
+    });
+  }
+  info(n, e) {
+    return o.open({
+      message: n,
+      type: "info",
+      variant: "compact",
+      ...e
+    });
+  }
+  warning(n, e) {
+    return o.open({
+      message: n,
+      type: "warning",
+      variant: "compact",
+      ...e
+    });
+  }
+  loading(n, e) {
+    const a = /* @__PURE__ */ s("span", { className: `${r} ${t} ${i}` });
+    return o.open({
+      message: n,
+      type: "info",
+      variant: "compact",
+      duration: 0,
+      icon: a,
+      ...e
+    });
+  }
+  destroy(n) {
+    n ? o.close(n) : o.destroy();
+  }
+}
+const d = new c();
+export {
+  c as MessageManager,
+  d as message
+};
+//# sourceMappingURL=Message.js.map

package/dist/components/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../src/components/Message.tsx"],"sourcesContent":["import React from 'react'\nimport { notification } from './Notification'\n\n// DaisyUI classes\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-loading-spinner'\nconst dLoadingSm = 'd-loading-sm'\n\nexport interface MessageConfig {\n  duration?: number\n  key?: string\n  icon?: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n  'data-testid'?: string\n  onClick?: () => void\n  onClose?: () => void\n}\n\nexport class MessageManager {\n  success(content: React.ReactNode, config?: MessageConfig) {\n    return notification.open({\n      message: content,\n      type: 'success',\n      variant: 'compact',\n      ...config,\n    })\n  }\n\n  error(content: React.ReactNode, config?: MessageConfig) {\n    return notification.open({\n      message: content,\n      type: 'error',\n      variant: 'compact',\n      ...config,\n    })\n  }\n\n  info(content: React.ReactNode, config?: MessageConfig) {\n    return notification.open({\n      message: content,\n      type: 'info',\n      variant: 'compact',\n      ...config,\n    })\n  }\n\n  warning(content: React.ReactNode, config?: MessageConfig) {\n    return notification.open({\n      message: content,\n      type: 'warning',\n      variant: 'compact',\n      ...config,\n    })\n  }\n\n  loading(content: React.ReactNode, config?: MessageConfig) {\n    const loadingIcon = (\n      <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingSm}`} />\n    )\n    return notification.open({\n      message: content,\n      type: 'info',\n      variant: 'compact',\n      duration: 0,\n      icon: loadingIcon,\n      ...config,\n    })\n  }\n\n  destroy(id?: string) {\n    if (id) {\n      notification.close(id)\n    } else {\n      notification.destroy()\n    }\n  }\n}\n\nexport const message = new MessageManager()\n"],"names":["dLoading","dLoadingSpinner","dLoadingSm","MessageManager","content","config","notification","loadingIcon","jsx","id","message"],"mappings":";;AAIA,MAAMA,IAAW,aACXC,IAAkB,qBAClBC,IAAa;AAaZ,MAAMC,EAAe;AAAA,EAC1B,QAAQC,GAA0BC,GAAwB;AACxD,WAAOC,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,MAAMD,GAA0BC,GAAwB;AACtD,WAAOC,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,KAAKD,GAA0BC,GAAwB;AACrD,WAAOC,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,QAAQD,GAA0BC,GAAwB;AACxD,WAAOC,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,GAAGC;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,QAAQD,GAA0BC,GAAwB;AACxD,UAAME,IACJ,gBAAAC,EAAC,QAAA,EAAK,WAAW,GAAGR,CAAQ,IAAIC,CAAe,IAAIC,CAAU,GAAA,CAAI;AAEnE,WAAOI,EAAa,KAAK;AAAA,MACvB,SAASF;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAMG;AAAA,MACN,GAAGF;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,QAAQI,GAAa;AACnB,IAAIA,IACFH,EAAa,MAAMG,CAAE,IAErBH,EAAa,QAAA;AAAA,EAEjB;AACF;AAEO,MAAMI,IAAU,IAAIP,EAAA;"}

package/dist/components/Modal.d.ts

@@ -0,0 +1,57 @@
+import { default as React } from 'react';
+export type ModalPosition = 'top' | 'middle' | 'bottom';
+export type ModalAlign = 'start' | 'end';
+export type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type ResponsivePosition = Partial<Record<Breakpoint, ModalPosition>>;
+export interface ModalProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'title'> {
+    children: React.ReactNode;
+    title?: React.ReactNode;
+    footer?: React.ReactNode;
+    open?: boolean;
+    onOk?: () => void | Promise<void>;
+    onCancel?: () => void;
+    okText?: string;
+    cancelText?: string;
+    maskClosable?: boolean;
+    closable?: boolean;
+    /** Modal position - can be a single value or responsive object */
+    position?: ModalPosition | ResponsivePosition;
+    align?: ModalAlign;
+    /** Width of the modal box */
+    width?: number | string;
+    /** Center the modal vertically */
+    centered?: boolean;
+    /** Callback when modal is closed */
+    onClose?: () => void;
+    /** Where to place initial focus: 'ok', 'cancel', or 'close' button */
+    initialFocus?: 'ok' | 'cancel' | 'close';
+    /** Use alertdialog role for urgent messages */
+    alertDialog?: boolean;
+}
+export interface ModalFuncProps {
+    title?: React.ReactNode;
+    content?: React.ReactNode;
+    onOk?: () => void | Promise<void>;
+    onCancel?: () => void;
+    okText?: string;
+    cancelText?: string;
+    type?: 'info' | 'success' | 'warning' | 'error';
+}
+export declare function Modal({ children, title, footer, open, onOk, onCancel, okText, cancelText, maskClosable, closable, position, align, width, centered, onClose, initialFocus, alertDialog, className, ...rest }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Modal {
+    var confirm: (config: ModalFuncProps) => {
+        destroy: () => void;
+    };
+    var info: (config: ModalFuncProps) => {
+        destroy: () => void;
+    };
+    var success: (config: ModalFuncProps) => {
+        destroy: () => void;
+    };
+    var warning: (config: ModalFuncProps) => {
+        destroy: () => void;
+    };
+    var error: (config: ModalFuncProps) => {
+        destroy: () => void;
+    };
+}

package/dist/components/Modal.js

@@ -0,0 +1,338 @@
+import { jsxs as m, jsx as t, Fragment as oe } from "react/jsx-runtime";
+import $, { useRef as w, useId as z, useEffect as P } from "react";
+import { createRoot as ne } from "react-dom/client";
+const re = "d-modal", D = "d-modal-top", K = "d-modal-middle", F = "d-modal-bottom", se = "d-modal-start", le = "d-modal-end", ae = "d-modal-box", H = "d-modal-action", de = "d-modal-backdrop", b = "d-btn", T = "d-btn-primary", q = "d-btn-error", ce = "d-alert", ie = "d-alert-info", me = "d-alert-success", ue = "d-alert-warning", he = "d-alert-error";
+function u({
+  children: e,
+  title: n,
+  footer: s,
+  open: l = !1,
+  onOk: a,
+  onCancel: d,
+  okText: C = "OK",
+  cancelText: c = "Cancel",
+  maskClosable: h = !0,
+  closable: p = !0,
+  position: r,
+  align: f,
+  width: i,
+  centered: g,
+  onClose: N,
+  initialFocus: v,
+  alertDialog: G = !1,
+  className: J = "",
+  ...Q
+}) {
+  const M = w(null), A = w(null), E = w(null), R = w(null), j = w(null), [B, L] = $.useState(!1), O = z(), S = z(), x = N || d;
+  P(() => {
+    const o = M.current;
+    o && (l ? o.open || (j.current = document.activeElement, o.showModal(), v && setTimeout(() => {
+      switch (v) {
+        case "ok":
+          A.current?.focus();
+          break;
+        case "cancel":
+          E.current?.focus();
+          break;
+        case "close":
+          R.current?.focus();
+          break;
+      }
+    }, 0)) : o.open && (o.close(), j.current?.focus()));
+  }, [l, v]), P(() => {
+    const o = M.current;
+    if (!o) return;
+    const y = () => {
+      x?.();
+    };
+    return o.addEventListener("close", y), () => {
+      o.removeEventListener("close", y);
+    };
+  }, [x]);
+  const W = {
+    top: D,
+    middle: K,
+    bottom: F
+  }, U = {
+    base: {
+      top: D,
+      middle: K,
+      bottom: F
+    },
+    sm: {
+      top: "sm:modal-top",
+      middle: "sm:modal-middle",
+      bottom: "sm:modal-bottom"
+    },
+    md: {
+      top: "md:modal-top",
+      middle: "md:modal-middle",
+      bottom: "md:modal-bottom"
+    },
+    lg: {
+      top: "lg:modal-top",
+      middle: "lg:modal-middle",
+      bottom: "lg:modal-bottom"
+    },
+    xl: {
+      top: "xl:modal-top",
+      middle: "xl:modal-middle",
+      bottom: "xl:modal-bottom"
+    },
+    "2xl": {
+      top: "2xl:modal-top",
+      middle: "2xl:modal-middle",
+      bottom: "2xl:modal-bottom"
+    }
+  }, V = {
+    start: se,
+    end: le
+  }, X = [
+    re,
+    ...(() => {
+      if (g)
+        return [W.middle];
+      if (!r)
+        return [];
+      if (typeof r == "string")
+        return [W[r]];
+      const o = [];
+      for (const [y, I] of Object.entries(r))
+        I && o.push(U[y][I]);
+      return o;
+    })(),
+    f && V[f],
+    J
+  ].filter(Boolean).join(" "), Y = async () => {
+    if (a) {
+      L(!0);
+      try {
+        await a(), L(!1);
+      } catch (o) {
+        throw L(!1), o;
+      }
+    }
+  }, Z = () => {
+    h && x && x();
+  }, _ = i ? { width: typeof i == "number" ? `${i}px` : i, maxWidth: "90vw" } : {}, ee = !s && (a || d), te = s != null;
+  return /* @__PURE__ */ m(
+    "dialog",
+    {
+      ref: M,
+      role: G ? "alertdialog" : "dialog",
+      "aria-modal": "true",
+      className: X,
+      "data-state": l ? "open" : "closed",
+      "aria-labelledby": n ? O : void 0,
+      "aria-describedby": S,
+      ...Q,
+      children: [
+        /* @__PURE__ */ m("div", { className: ae, style: _, children: [
+          n && /* @__PURE__ */ t("h3", { id: O, className: "text-lg font-bold mb-4", children: n }),
+          /* @__PURE__ */ t("div", { id: S, className: "py-4", children: e }),
+          ee && /* @__PURE__ */ m("div", { className: H, children: [
+            d && /* @__PURE__ */ t("button", { ref: E, className: b, onClick: d, children: c }),
+            a && /* @__PURE__ */ t(
+              "button",
+              {
+                ref: A,
+                className: `${b} ${T} ${B ? "loading" : ""}`,
+                onClick: Y,
+                disabled: B,
+                "aria-busy": B || void 0,
+                children: C
+              }
+            )
+          ] }),
+          te && /* @__PURE__ */ t("div", { className: H, children: s })
+        ] }),
+        p && h && /* @__PURE__ */ t("form", { method: "dialog", className: de, children: /* @__PURE__ */ t("button", { ref: R, onClick: Z, children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Close modal" }) }) })
+      ]
+    }
+  );
+}
+function k(e) {
+  const n = document.createElement("div");
+  document.body.appendChild(n);
+  const s = ne(n), l = () => {
+    s.unmount(), n.parentNode && n.parentNode.removeChild(n);
+  }, a = () => {
+    const [d, C] = $.useState(!0), [c, h] = $.useState(!1), p = () => {
+      C(!1), setTimeout(l, 300);
+    }, r = async () => {
+      if (e.onOk) {
+        h(!0);
+        try {
+          await e.onOk(), p();
+        } catch {
+          h(!1);
+        }
+      } else
+        p();
+    }, f = () => {
+      e.onCancel?.(), p();
+    }, i = () => {
+      switch (e.type) {
+        case "success":
+          return me;
+        case "warning":
+          return ue;
+        case "error":
+          return he;
+        case "info":
+        default:
+          return ie;
+      }
+    }, g = () => {
+      switch (e.type) {
+        case "success":
+          return /* @__PURE__ */ t(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "stroke-current shrink-0 h-6 w-6",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+                }
+              )
+            }
+          );
+        case "warning":
+          return /* @__PURE__ */ t(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "stroke-current shrink-0 h-6 w-6",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                }
+              )
+            }
+          );
+        case "error":
+          return /* @__PURE__ */ t(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "stroke-current shrink-0 h-6 w-6",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
+                }
+              )
+            }
+          );
+        case "info":
+        default:
+          return /* @__PURE__ */ t(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              className: "stroke-current shrink-0 w-6 h-6",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ t(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                }
+              )
+            }
+          );
+      }
+    }, N = e.type === "warning" || e.type === "error";
+    return /* @__PURE__ */ m(
+      u,
+      {
+        open: d,
+        onOk: e.showCancel ? void 0 : r,
+        onCancel: f,
+        alertDialog: N,
+        title: e.type ? /* @__PURE__ */ m("div", { className: `${ce} ${i()}`, children: [
+          g(),
+          /* @__PURE__ */ t("div", { children: e.title && /* @__PURE__ */ t("h3", { className: "font-bold", children: e.title }) })
+        ] }) : e.title,
+        okText: e.okText,
+        cancelText: e.cancelText,
+        footer: e.showCancel ? /* @__PURE__ */ m(oe, { children: [
+          /* @__PURE__ */ t("button", { className: b, onClick: f, children: e.cancelText || "Cancel" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: `${b} ${e.type === "error" ? q : T} ${c ? "loading" : ""}`,
+              onClick: r,
+              disabled: c,
+              children: e.okText || "OK"
+            }
+          )
+        ] }) : /* @__PURE__ */ t(
+          "button",
+          {
+            className: `${b} ${e.type === "error" ? q : T} ${c ? "loading" : ""}`,
+            onClick: r,
+            disabled: c,
+            children: e.okText || "OK"
+          }
+        ),
+        children: [
+          e.type && e.content && /* @__PURE__ */ t("div", { className: "text-sm", children: e.content }),
+          !e.type && e.content
+        ]
+      }
+    );
+  };
+  return s.render(/* @__PURE__ */ t(a, {})), {
+    destroy: l
+  };
+}
+function pe(e) {
+  return k({ ...e, showCancel: !0 });
+}
+function fe(e) {
+  return k({ ...e, type: "info", showCancel: !1 });
+}
+function we(e) {
+  return k({ ...e, type: "success", showCancel: !1 });
+}
+function be(e) {
+  return k({ ...e, type: "warning", showCancel: !1 });
+}
+function ke(e) {
+  return k({ ...e, type: "error", showCancel: !1 });
+}
+u.confirm = pe;
+u.info = fe;
+u.success = we;
+u.warning = be;
+u.error = ke;
+export {
+  u as Modal
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../src/components/Modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useId } from 'react'\nimport { createRoot } from 'react-dom/client'\n\n// DaisyUI classes\nconst dModal = 'd-modal'\nconst dModalTop = 'd-modal-top'\nconst dModalMiddle = 'd-modal-middle'\nconst dModalBottom = 'd-modal-bottom'\nconst dModalStart = 'd-modal-start'\nconst dModalEnd = 'd-modal-end'\nconst dModalBox = 'd-modal-box'\nconst dModalAction = 'd-modal-action'\nconst dModalBackdrop = 'd-modal-backdrop'\nconst dBtn = 'd-btn'\nconst dBtnPrimary = 'd-btn-primary'\nconst dBtnError = 'd-btn-error'\nconst dAlert = 'd-alert'\nconst dAlertInfo = 'd-alert-info'\nconst dAlertSuccess = 'd-alert-success'\nconst dAlertWarning = 'd-alert-warning'\nconst dAlertError = 'd-alert-error'\n\nexport type ModalPosition = 'top' | 'middle' | 'bottom'\nexport type ModalAlign = 'start' | 'end'\nexport type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport type ResponsivePosition = Partial<Record<Breakpoint, ModalPosition>>\n\nexport interface ModalProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'title'> {\n  children: React.ReactNode\n  title?: React.ReactNode\n  footer?: React.ReactNode\n  open?: boolean\n  onOk?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  maskClosable?: boolean\n  closable?: boolean\n  /** Modal position - can be a single value or responsive object */\n  position?: ModalPosition | ResponsivePosition\n  align?: ModalAlign\n  /** Width of the modal box */\n  width?: number | string\n  /** Center the modal vertically */\n  centered?: boolean\n  /** Callback when modal is closed */\n  onClose?: () => void\n  /** Where to place initial focus: 'ok', 'cancel', or 'close' button */\n  initialFocus?: 'ok' | 'cancel' | 'close'\n  /** Use alertdialog role for urgent messages */\n  alertDialog?: boolean\n}\n\nexport interface ModalFuncProps {\n  title?: React.ReactNode\n  content?: React.ReactNode\n  onOk?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  type?: 'info' | 'success' | 'warning' | 'error'\n}\n\nexport function Modal({\n  children,\n  title,\n  footer,\n  open = false,\n  onOk,\n  onCancel,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  maskClosable = true,\n  closable = true,\n  position,\n  align,\n  width,\n  centered,\n  onClose,\n  initialFocus,\n  alertDialog = false,\n  className = '',\n  ...rest\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const okButtonRef = useRef<HTMLButtonElement>(null)\n  const cancelButtonRef = useRef<HTMLButtonElement>(null)\n  const closeButtonRef = useRef<HTMLButtonElement>(null)\n  const previousActiveElement = useRef<HTMLElement | null>(null)\n  const [loading, setLoading] = React.useState(false)\n  const titleId = useId()\n  const contentId = useId()\n\n  // Handle close - use onClose if provided, otherwise onCancel\n  const closeHandler = onClose || onCancel\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (open) {\n      if (!dialog.open) {\n        // Save currently focused element for restoration\n        previousActiveElement.current = document.activeElement as HTMLElement\n        dialog.showModal()\n\n        // Handle custom initial focus placement\n        if (initialFocus) {\n          setTimeout(() => {\n            switch (initialFocus) {\n              case 'ok':\n                okButtonRef.current?.focus()\n                break\n              case 'cancel':\n                cancelButtonRef.current?.focus()\n                break\n              case 'close':\n                closeButtonRef.current?.focus()\n                break\n            }\n          }, 0)\n        }\n      }\n    } else {\n      if (dialog.open) {\n        dialog.close()\n        // Restore focus to previously focused element\n        previousActiveElement.current?.focus()\n      }\n    }\n  }, [open, initialFocus])\n\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    const onDialogClose = () => {\n      closeHandler?.()\n    }\n\n    dialog.addEventListener('close', onDialogClose)\n    return () => {\n      dialog.removeEventListener('close', onDialogClose)\n    }\n  }, [closeHandler])\n\n  // Static class mappings for positions (no interpolation per qa.md)\n  const positionClasses: Record<ModalPosition, string> = {\n    top: dModalTop,\n    middle: dModalMiddle,\n    bottom: dModalBottom,\n  }\n\n  // Responsive position class mappings for each breakpoint\n  const responsivePositionClasses: Record<Breakpoint, Record<ModalPosition, string>> = {\n    base: {\n      top: dModalTop,\n      middle: dModalMiddle,\n      bottom: dModalBottom,\n    },\n    sm: {\n      top: 'sm:modal-top',\n      middle: 'sm:modal-middle',\n      bottom: 'sm:modal-bottom',\n    },\n    md: {\n      top: 'md:modal-top',\n      middle: 'md:modal-middle',\n      bottom: 'md:modal-bottom',\n    },\n    lg: {\n      top: 'lg:modal-top',\n      middle: 'lg:modal-middle',\n      bottom: 'lg:modal-bottom',\n    },\n    xl: {\n      top: 'xl:modal-top',\n      middle: 'xl:modal-middle',\n      bottom: 'xl:modal-bottom',\n    },\n    '2xl': {\n      top: '2xl:modal-top',\n      middle: '2xl:modal-middle',\n      bottom: '2xl:modal-bottom',\n    },\n  }\n\n  const alignClasses: Record<ModalAlign, string> = {\n    start: dModalStart,\n    end: dModalEnd,\n  }\n\n  // Build position classes - handle both simple and responsive values\n  const getPositionClasses = (): string[] => {\n    // centered is an alias for position=\"middle\"\n    if (centered) {\n      return [positionClasses.middle]\n    }\n\n    if (!position) {\n      return []\n    }\n\n    // Simple string position\n    if (typeof position === 'string') {\n      return [positionClasses[position]]\n    }\n\n    // Responsive object position\n    const classes: string[] = []\n    for (const [breakpoint, pos] of Object.entries(position) as [Breakpoint, ModalPosition][]) {\n      if (pos) {\n        classes.push(responsivePositionClasses[breakpoint][pos])\n      }\n    }\n    return classes\n  }\n\n  const classes = [\n    dModal,\n    ...getPositionClasses(),\n    align && alignClasses[align],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleOk = async () => {\n    if (onOk) {\n      setLoading(true)\n      try {\n        await onOk()\n        setLoading(false)\n      } catch (error) {\n        setLoading(false)\n        throw error\n      }\n    }\n  }\n\n  const handleBackdropClick = () => {\n    if (maskClosable && closeHandler) {\n      closeHandler()\n    }\n  }\n\n  // Calculate modal-box style for custom width\n  const modalBoxStyle: React.CSSProperties = width\n    ? { width: typeof width === 'number' ? `${width}px` : width, maxWidth: '90vw' }\n    : {}\n\n  // Render default footer if no custom footer provided and either onOk or onCancel exists\n  const shouldRenderDefaultFooter = !footer && (onOk || onCancel)\n  const shouldRenderCustomFooter = footer !== null && footer !== undefined\n\n  return (\n    <dialog\n      ref={dialogRef}\n      role={alertDialog ? 'alertdialog' : 'dialog'}\n      aria-modal=\"true\"\n      className={classes}\n      data-state={open ? 'open' : 'closed'}\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={contentId}\n      {...rest}\n    >\n      <div className={dModalBox} style={modalBoxStyle}>\n        {title && (\n          <h3 id={titleId} className=\"text-lg font-bold mb-4\">\n            {title}\n          </h3>\n        )}\n        <div id={contentId} className=\"py-4\">\n          {children}\n        </div>\n        {shouldRenderDefaultFooter && (\n          <div className={dModalAction}>\n            {onCancel && (\n              <button ref={cancelButtonRef} className={dBtn} onClick={onCancel}>\n                {cancelText}\n              </button>\n            )}\n            {onOk && (\n              <button\n                ref={okButtonRef}\n                className={`${dBtn} ${dBtnPrimary} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n                aria-busy={loading || undefined}\n              >\n                {okText}\n              </button>\n            )}\n          </div>\n        )}\n        {shouldRenderCustomFooter && <div className={dModalAction}>{footer}</div>}\n      </div>\n      {closable && maskClosable && (\n        <form method=\"dialog\" className={dModalBackdrop}>\n          <button ref={closeButtonRef} onClick={handleBackdropClick}>\n            <span className=\"sr-only\">Close modal</span>\n          </button>\n        </form>\n      )}\n    </dialog>\n  )\n}\n\nfunction createModal(config: ModalFuncProps & { showCancel?: boolean }) {\n  const div = document.createElement('div')\n  document.body.appendChild(div)\n  const root = createRoot(div)\n\n  const destroy = () => {\n    root.unmount()\n    if (div.parentNode) {\n      div.parentNode.removeChild(div)\n    }\n  }\n\n  const ModalContent = () => {\n    const [open, setOpen] = React.useState(true)\n    const [loading, setLoading] = React.useState(false)\n\n    const handleClose = () => {\n      setOpen(false)\n      setTimeout(destroy, 300) // Wait for animation\n    }\n\n    const handleOk = async () => {\n      if (config.onOk) {\n        setLoading(true)\n        try {\n          await config.onOk()\n          handleClose()\n        } catch (error) {\n          setLoading(false)\n        }\n      } else {\n        handleClose()\n      }\n    }\n\n    const handleCancel = () => {\n      config.onCancel?.()\n      handleClose()\n    }\n\n    const getAlertClass = () => {\n      switch (config.type) {\n        case 'success':\n          return dAlertSuccess\n        case 'warning':\n          return dAlertWarning\n        case 'error':\n          return dAlertError\n        case 'info':\n        default:\n          return dAlertInfo\n      }\n    }\n\n    const getIcon = () => {\n      switch (config.type) {\n        case 'success':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          )\n        case 'warning':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          )\n        case 'error':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"stroke-current shrink-0 h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          )\n        case 'info':\n        default:\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              className=\"stroke-current shrink-0 w-6 h-6\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth=\"2\"\n                d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              ></path>\n            </svg>\n          )\n      }\n    }\n\n    // Use alertdialog role for warning/error types\n    const isAlert = config.type === 'warning' || config.type === 'error'\n\n    return (\n      <Modal\n        open={open}\n        onOk={config.showCancel ? undefined : handleOk}\n        onCancel={handleCancel}\n        alertDialog={isAlert}\n        title={\n          config.type ? (\n            <div className={`${dAlert} ${getAlertClass()}`}>\n              {getIcon()}\n              <div>\n                {config.title && <h3 className=\"font-bold\">{config.title}</h3>}\n              </div>\n            </div>\n          ) : (\n            config.title\n          )\n        }\n        okText={config.okText}\n        cancelText={config.cancelText}\n        footer={\n          config.showCancel ? (\n            <>\n              <button className={dBtn} onClick={handleCancel}>\n                {config.cancelText || 'Cancel'}\n              </button>\n              <button\n                className={`${dBtn} ${config.type === 'error' ? dBtnError : dBtnPrimary} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n              >\n                {config.okText || 'OK'}\n              </button>\n            </>\n          ) : (\n            <button\n              className={`${dBtn} ${config.type === 'error' ? dBtnError : dBtnPrimary} ${loading ? 'loading' : ''}`}\n              onClick={handleOk}\n              disabled={loading}\n            >\n              {config.okText || 'OK'}\n            </button>\n          )\n        }\n      >\n        {config.type && config.content && <div className=\"text-sm\">{config.content}</div>}\n        {!config.type && config.content}\n      </Modal>\n    )\n  }\n\n  root.render(<ModalContent />)\n\n  return {\n    destroy,\n  }\n}\n\nfunction confirm(config: ModalFuncProps) {\n  return createModal({ ...config, showCancel: true })\n}\n\nfunction info(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'info', showCancel: false })\n}\n\nfunction success(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'success', showCancel: false })\n}\n\nfunction warning(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'warning', showCancel: false })\n}\n\nfunction error(config: ModalFuncProps) {\n  return createModal({ ...config, type: 'error', showCancel: false })\n}\n\nModal.confirm = confirm\nModal.info = info\nModal.success = success\nModal.warning = warning\nModal.error = error\n"],"names":["dModal","dModalTop","dModalMiddle","dModalBottom","dModalStart","dModalEnd","dModalBox","dModalAction","dModalBackdrop","dBtn","dBtnPrimary","dBtnError","dAlert","dAlertInfo","dAlertSuccess","dAlertWarning","dAlertError","Modal","children","title","footer","open","onOk","onCancel","okText","cancelText","maskClosable","closable","position","align","width","centered","onClose","initialFocus","alertDialog","className","rest","dialogRef","useRef","okButtonRef","cancelButtonRef","closeButtonRef","previousActiveElement","loading","setLoading","React","titleId","useId","contentId","closeHandler","useEffect","dialog","onDialogClose","positionClasses","responsivePositionClasses","alignClasses","classes","breakpoint","pos","handleOk","error","handleBackdropClick","modalBoxStyle","shouldRenderDefaultFooter","shouldRenderCustomFooter","jsxs","jsx","createModal","config","div","root","createRoot","destroy","ModalContent","setOpen","handleClose","handleCancel","getAlertClass","getIcon","isAlert","Fragment","confirm","info","success","warning"],"mappings":"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"}

package/dist/components/MonthCalendar.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+export type CalendarEvent = {
+    date: Date;
+    title: string;
+    color: string;
+    strikethrough?: boolean;
+    style?: React.CSSProperties;
+};
+export type CalendarLocale = {
+    locale: string;
+    daysShort: string[];
+    monthsLong: string[];
+    moreText: string;
+    formatTime?: (date: Date) => string;
+};
+export interface MonthCalendarProps<T extends CalendarEvent = CalendarEvent> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    date?: Date;
+    events?: T[];
+    onEventClick?: (event: T) => void;
+    onDayClick?: (date: Date) => void;
+    locale?: CalendarLocale;
+    allowPastInteraction?: boolean;
+    maxEventsPerDay?: number;
+    onMoreEventsClick?: (date: Date, events: T[]) => void;
+    header?: boolean;
+    daySelector?: boolean;
+    ellipsis?: boolean;
+}
+export declare const MonthCalendar: <T extends CalendarEvent = CalendarEvent>(props: MonthCalendarProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;