asterui 0.12.48 → 0.12.50

package/dist/components/Modal.js.map

@@ -1 +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\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: 'modal-top',\n    middle: 'modal-middle',\n    bottom: 'modal-bottom',\n  }\n\n  // Responsive position class mappings for each breakpoint\n  const responsivePositionClasses: Record<Breakpoint, Record<ModalPosition, string>> = {\n    base: {\n      top: 'modal-top',\n      middle: 'modal-middle',\n      bottom: 'modal-bottom',\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: 'modal-start',\n    end: 'modal-end',\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    'modal',\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=\"modal-box\" 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=\"modal-action\">\n            {onCancel && (\n              <button ref={cancelButtonRef} className=\"btn\" onClick={onCancel}>\n                {cancelText}\n              </button>\n            )}\n            {onOk && (\n              <button\n                ref={okButtonRef}\n                className={`btn btn-primary ${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=\"modal-action\">{footer}</div>}\n      </div>\n      {closable && maskClosable && (\n        <form method=\"dialog\" className=\"modal-backdrop\">\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 'alert-success'\n        case 'warning':\n          return 'alert-warning'\n        case 'error':\n          return 'alert-error'\n        case 'info':\n        default:\n          return 'alert-info'\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={`alert ${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=\"btn\" onClick={handleCancel}>\n                {config.cancelText || 'Cancel'}\n              </button>\n              <button\n                className={`btn ${config.type === 'error' ? 'btn-error' : 'btn-primary'} ${loading ? 'loading' : ''}`}\n                onClick={handleOk}\n                disabled={loading}\n              >\n                {config.okText || 'OK'}\n              </button>\n            </>\n          ) : (\n            <button\n              className={`btn ${config.type === 'error' ? 'btn-error' : 'btn-primary'} ${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":["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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"}
+{"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 = 'modal'\nconst dModalTop = 'modal-top'\nconst dModalMiddle = 'modal-middle'\nconst dModalBottom = 'modal-bottom'\nconst dModalStart = 'modal-start'\nconst dModalEnd = 'modal-end'\nconst dModalBox = 'modal-box'\nconst dModalAction = 'modal-action'\nconst dModalBackdrop = 'modal-backdrop'\nconst dBtn = 'btn'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnError = 'btn-error'\nconst dAlert = 'alert'\nconst dAlertInfo = 'alert-info'\nconst dAlertSuccess = 'alert-success'\nconst dAlertWarning = 'alert-warning'\nconst dAlertError = '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;

package/dist/components/MonthCalendar.js

@@ -0,0 +1,205 @@
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+import { forwardRef as H, useState as Y } from "react";
+const A = {
+  locale: "en",
+  daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  monthsLong: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  moreText: "more"
+}, M = (t) => C(t, /* @__PURE__ */ new Date()), C = (t, e) => {
+  const n = new Date(t), r = new Date(e);
+  return n.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0), r.getTime() === n.getTime();
+}, J = (t) => {
+  const e = /* @__PURE__ */ new Date(), n = new Date(t);
+  return e.setHours(0, 0, 0, 0), n.setHours(0, 0, 0, 0), n > e;
+}, L = (t) => {
+  const e = /* @__PURE__ */ new Date(), n = new Date(t);
+  return e.setHours(0, 0, 0, 0), n.setHours(0, 0, 0, 0), n < e;
+}, I = (t, e) => t.filter(
+  (n) => n.date.getDate() === e.getDate() && n.date.getMonth() === e.getMonth() && n.date.getFullYear() === e.getFullYear()
+), $ = (t, e) => new Date(t, e + 1, 0).getDate(), q = (t, e) => new Date(t, e, 1).getDay(), z = (t, e) => {
+  const n = $(t, e), r = q(t, e), p = [];
+  if (r > 0) {
+    const o = e === 0 ? 11 : e - 1, a = e === 0 ? t - 1 : t, i = $(a, o);
+    for (let g = 0; g < r; g++) {
+      const x = i - r + g + 1;
+      p.push({
+        day: x,
+        month: o,
+        year: a,
+        isCurrentMonth: !1,
+        date: new Date(a, o, x)
+      });
+    }
+  }
+  const d = [];
+  for (let o = 1; o <= n; o++)
+    d.push({
+      day: o,
+      month: e,
+      year: t,
+      isCurrentMonth: !0,
+      date: new Date(t, e, o)
+    });
+  const m = [], u = 42 - (p.length + d.length);
+  if (u > 0) {
+    const o = e === 11 ? 0 : e + 1, a = e === 11 ? t + 1 : t;
+    for (let i = 1; i <= u; i++)
+      m.push({
+        day: i,
+        month: o,
+        year: a,
+        isCurrentMonth: !1,
+        date: new Date(a, o, i)
+      });
+  }
+  return [...p, ...d, ...m];
+}, G = H(
+  ({
+    date: t = /* @__PURE__ */ new Date(),
+    events: e = [],
+    maxEventsPerDay: n = 5,
+    onEventClick: r,
+    onDayClick: p,
+    onMoreEventsClick: d,
+    header: m,
+    daySelector: D,
+    locale: u = A,
+    ellipsis: o,
+    allowPastInteraction: a = !1,
+    className: i = "",
+    ...g
+  }, x) => {
+    const [v, T] = Y(/* @__PURE__ */ new Date()), w = t.getFullYear(), N = t.getMonth();
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        ref: x,
+        className: `flex h-full w-full flex-col bg-base-100 ${i}`,
+        ...g,
+        children: [
+          m && /* @__PURE__ */ l("div", { className: "mb-4 flex items-center justify-between", children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ h("h2", { className: "m-0 text-lg font-medium text-base-content", children: [
+            u.monthsLong[N],
+            " ",
+            w
+          ] }) }) }),
+          /* @__PURE__ */ l("div", { className: "grid grid-cols-7 border-b border-base-300", children: u.daysShort.map((s, b) => /* @__PURE__ */ l(
+            "div",
+            {
+              className: "py-1 text-center text-xs font-medium uppercase text-base-content/60",
+              children: s
+            },
+            b
+          )) }),
+          /* @__PURE__ */ l("div", { className: "grid flex-1 grid-cols-7 grid-rows-6 border-l border-base-300", children: z(w, N).map((s, b) => {
+            const f = I(e, s.date), y = L(s.date) && !M(s.date), F = D && C(s.date, v);
+            return /* @__PURE__ */ h(
+              "div",
+              {
+                className: `
+                  relative cursor-pointer overflow-hidden border-b border-r border-base-300 p-1
+                  hover:bg-base-200
+                  ${s.isCurrentMonth ? "" : "bg-base-200"}
+                  ${M(s.date) ? "bg-primary/10" : ""}
+                  ${y ? "opacity-60" : ""}
+                  ${y && !a ? "cursor-not-allowed" : ""}
+                  ${F ? "z-10 outline outline-2 outline-primary" : ""}
+                `,
+                onClick: () => {
+                  y && !a || (D && T(s.date), setTimeout(() => {
+                    p?.(s.date);
+                  }, 0));
+                },
+                children: [
+                  /* @__PURE__ */ l("div", { className: "mb-0.5 flex justify-center", children: /* @__PURE__ */ l(
+                    "span",
+                    {
+                      className: `
+                      flex items-center justify-center text-xs leading-none
+                      ${M(s.date) ? "font-bold text-primary" : "text-base-content"}
+                      ${s.isCurrentMonth ? "" : "text-base-content/40"}
+                      ${y && s.isCurrentMonth ? "text-base-content/40" : ""}
+                    `,
+                      children: s.day
+                    }
+                  ) }),
+                  /* @__PURE__ */ h("div", { className: "flex flex-col", children: [
+                    f.slice(
+                      0,
+                      f.length > n ? n - 1 : n
+                    ).map((c, k) => /* @__PURE__ */ h(
+                      "div",
+                      {
+                        className: `
+                          flex cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none
+                          transition-colors hover:bg-base-content/5
+                          ${J(c.date), "text-base-content"}
+                          ${c.strikethrough ? "line-through" : ""}
+                        `,
+                        style: c.style,
+                        onClick: (S) => {
+                          S.stopPropagation(), r && r(c);
+                        },
+                        title: c.title,
+                        children: [
+                          /* @__PURE__ */ l(
+                            "span",
+                            {
+                              className: "mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full",
+                              style: { backgroundColor: c.color }
+                            }
+                          ),
+                          /* @__PURE__ */ l(
+                            "span",
+                            {
+                              className: `overflow-hidden whitespace-nowrap ${o ? "text-ellipsis" : ""}`,
+                              children: c.title
+                            }
+                          )
+                        ]
+                      },
+                      k
+                    )),
+                    f.length > n && /* @__PURE__ */ h(
+                      "div",
+                      {
+                        className: "cursor-pointer rounded px-1 py-0.5 text-[11px] text-base-content/60 hover:bg-base-content/5",
+                        onClick: (c) => {
+                          c.stopPropagation(), d && d(s.date, f);
+                        },
+                        children: [
+                          "+",
+                          f.length - n + 1,
+                          " ",
+                          u.moreText
+                        ]
+                      }
+                    )
+                  ] })
+                ]
+              },
+              b
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+G.displayName = "MonthCalendar";
+export {
+  G as MonthCalendar
+};
+//# sourceMappingURL=MonthCalendar.js.map

package/dist/components/MonthCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendar.js","sources":["../../src/components/MonthCalendar.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\n\n// DaisyUI classes\n// (No DaisyUI classes used in this component)\n\n// Types\nexport type CalendarEvent = {\n  date: Date\n  title: string\n  color: string\n  strikethrough?: boolean\n  style?: React.CSSProperties\n}\n\nexport type CalendarLocale = {\n  locale: string\n  daysShort: string[]\n  monthsLong: string[]\n  moreText: string\n  formatTime?: (date: Date) => string\n}\n\n// Default English locale\nconst defaultLocale: CalendarLocale = {\n  locale: 'en',\n  daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n  monthsLong: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  moreText: 'more',\n}\n\n// Utility functions\nconst isToday = (date: Date) => isEqual(date, new Date())\n\nconst isEqual = (a: Date, b: Date) => {\n  const acopy = new Date(a)\n  const bcopy = new Date(b)\n  acopy.setHours(0, 0, 0, 0)\n  bcopy.setHours(0, 0, 0, 0)\n  return bcopy.getTime() === acopy.getTime()\n}\n\nconst isFutureDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate > today\n}\n\nconst isPastDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate < today\n}\n\nconst getEventsForDate = <T extends CalendarEvent>(events: T[], date: Date) => {\n  return events.filter(\n    (event) =>\n      event.date.getDate() === date.getDate() &&\n      event.date.getMonth() === date.getMonth() &&\n      event.date.getFullYear() === date.getFullYear()\n  )\n}\n\nconst getDaysInMonth = (year: number, month: number) => {\n  return new Date(year, month + 1, 0).getDate()\n}\n\nconst getFirstDayOfMonth = (year: number, month: number) => {\n  return new Date(year, month, 1).getDay()\n}\n\nconst generateCalendarGrid = (year: number, month: number) => {\n  const daysInMonth = getDaysInMonth(year, month)\n  const firstDayOfMonth = getFirstDayOfMonth(year, month)\n\n  const prevMonthDays = []\n\n  if (firstDayOfMonth > 0) {\n    const prevMonth = month === 0 ? 11 : month - 1\n    const prevMonthYear = month === 0 ? year - 1 : year\n    const daysInPrevMonth = getDaysInMonth(prevMonthYear, prevMonth)\n\n    for (let i = 0; i < firstDayOfMonth; i++) {\n      const day = daysInPrevMonth - firstDayOfMonth + i + 1\n      prevMonthDays.push({\n        day,\n        month: prevMonth,\n        year: prevMonthYear,\n        isCurrentMonth: false,\n        date: new Date(prevMonthYear, prevMonth, day),\n      })\n    }\n  }\n\n  const currentMonthDays = []\n\n  for (let day = 1; day <= daysInMonth; day++) {\n    currentMonthDays.push({\n      day,\n      month,\n      year,\n      isCurrentMonth: true,\n      date: new Date(year, month, day),\n    })\n  }\n\n  const nextMonthDays = []\n  const totalDaysDisplayed = prevMonthDays.length + currentMonthDays.length\n  const daysToAdd = 6 * 7 - totalDaysDisplayed\n\n  if (daysToAdd > 0) {\n    const nextMonth = month === 11 ? 0 : month + 1\n    const nextMonthYear = month === 11 ? year + 1 : year\n\n    for (let day = 1; day <= daysToAdd; day++) {\n      nextMonthDays.push({\n        day,\n        month: nextMonth,\n        year: nextMonthYear,\n        isCurrentMonth: false,\n        date: new Date(nextMonthYear, nextMonth, day),\n      })\n    }\n  }\n\n  return [...prevMonthDays, ...currentMonthDays, ...nextMonthDays]\n}\n\nexport interface MonthCalendarProps<T extends CalendarEvent = CalendarEvent>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  date?: Date\n  events?: T[]\n  onEventClick?: (event: T) => void\n  onDayClick?: (date: Date) => void\n  locale?: CalendarLocale\n  allowPastInteraction?: boolean\n  maxEventsPerDay?: number\n  onMoreEventsClick?: (date: Date, events: T[]) => void\n  header?: boolean\n  daySelector?: boolean\n  ellipsis?: boolean\n}\n\nexport const MonthCalendar = forwardRef<HTMLDivElement, MonthCalendarProps>(\n  <T extends CalendarEvent>(\n    {\n      date = new Date(),\n      events = [],\n      maxEventsPerDay = 5,\n      onEventClick,\n      onDayClick,\n      onMoreEventsClick,\n      header,\n      daySelector,\n      locale = defaultLocale,\n      ellipsis,\n      allowPastInteraction = false,\n      className = '',\n      ...rest\n    }: MonthCalendarProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [selectedDate, setSelectedDate] = useState(new Date())\n\n    const year = date.getFullYear()\n    const month = date.getMonth()\n\n    return (\n      <div\n        ref={ref}\n        className={`flex h-full w-full flex-col bg-base-100 ${className}`}\n        {...rest}\n      >\n        {header && (\n          <div className=\"mb-4 flex items-center justify-between\">\n            <div>\n              <h2 className=\"m-0 text-lg font-medium text-base-content\">\n                {locale.monthsLong[month]} {year}\n              </h2>\n            </div>\n          </div>\n        )}\n\n        {/* Weekday header */}\n        <div className=\"grid grid-cols-7 border-b border-base-300\">\n          {locale.daysShort.map((day, index) => (\n            <div\n              key={index}\n              className=\"py-1 text-center text-xs font-medium uppercase text-base-content/60\"\n            >\n              {day}\n            </div>\n          ))}\n        </div>\n\n        {/* Calendar grid */}\n        <div className=\"grid flex-1 grid-cols-7 grid-rows-6 border-l border-base-300\">\n          {generateCalendarGrid(year, month).map((dateObj, index) => {\n            const dateEvents = getEventsForDate(events as T[], dateObj.date)\n            const isPast = isPastDate(dateObj.date) && !isToday(dateObj.date)\n            const isSelected = daySelector && isEqual(dateObj.date, selectedDate)\n\n            return (\n              <div\n                key={index}\n                className={`\n                  relative cursor-pointer overflow-hidden border-b border-r border-base-300 p-1\n                  hover:bg-base-200\n                  ${!dateObj.isCurrentMonth ? 'bg-base-200' : ''}\n                  ${isToday(dateObj.date) ? 'bg-primary/10' : ''}\n                  ${isPast ? 'opacity-60' : ''}\n                  ${isPast && !allowPastInteraction ? 'cursor-not-allowed' : ''}\n                  ${isSelected ? 'z-10 outline outline-2 outline-primary' : ''}\n                `}\n                onClick={() => {\n                  if (isPast && !allowPastInteraction) {\n                    return\n                  }\n\n                  if (daySelector) {\n                    setSelectedDate(dateObj.date)\n                  }\n\n                  setTimeout(() => {\n                    onDayClick?.(dateObj.date)\n                  }, 0)\n                }}\n              >\n                {/* Date number */}\n                <div className=\"mb-0.5 flex justify-center\">\n                  <span\n                    className={`\n                      flex items-center justify-center text-xs leading-none\n                      ${isToday(dateObj.date) ? 'font-bold text-primary' : 'text-base-content'}\n                      ${!dateObj.isCurrentMonth ? 'text-base-content/40' : ''}\n                      ${isPast && dateObj.isCurrentMonth ? 'text-base-content/40' : ''}\n                    `}\n                  >\n                    {dateObj.day}\n                  </span>\n                </div>\n\n                {/* Events container */}\n                <div className=\"flex flex-col\">\n                  {dateEvents\n                    .slice(\n                      0,\n                      dateEvents.length > maxEventsPerDay\n                        ? maxEventsPerDay - 1\n                        : maxEventsPerDay\n                    )\n                    .map((event, eventIndex) => (\n                      <div\n                        key={eventIndex}\n                        className={`\n                          flex cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none\n                          transition-colors hover:bg-base-content/5\n                          ${isFutureDate(event.date) ? 'text-base-content' : 'text-base-content'}\n                          ${event.strikethrough ? 'line-through' : ''}\n                        `}\n                        style={event.style}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          if (onEventClick) {\n                            onEventClick(event)\n                          }\n                        }}\n                        title={event.title}\n                      >\n                        <span\n                          className=\"mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: event.color }}\n                        />\n                        <span\n                          className={`overflow-hidden whitespace-nowrap ${ellipsis ? 'text-ellipsis' : ''}`}\n                        >\n                          {event.title}\n                        </span>\n                      </div>\n                    ))}\n                  {dateEvents.length > maxEventsPerDay && (\n                    <div\n                      className=\"cursor-pointer rounded px-1 py-0.5 text-[11px] text-base-content/60 hover:bg-base-content/5\"\n                      onClick={(e) => {\n                        e.stopPropagation()\n                        if (onMoreEventsClick) {\n                          onMoreEventsClick(dateObj.date, dateEvents)\n                        }\n                      }}\n                    >\n                      +{dateEvents.length - maxEventsPerDay + 1} {locale.moreText}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n) as <T extends CalendarEvent = CalendarEvent>(\n  props: MonthCalendarProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement\n\n;(MonthCalendar as React.FC).displayName = 'MonthCalendar'\n"],"names":["defaultLocale","isToday","date","isEqual","a","b","acopy","bcopy","isFutureDate","today","checkDate","isPastDate","getEventsForDate","events","event","getDaysInMonth","year","month","getFirstDayOfMonth","generateCalendarGrid","daysInMonth","firstDayOfMonth","prevMonthDays","prevMonth","prevMonthYear","daysInPrevMonth","i","day","currentMonthDays","nextMonthDays","daysToAdd","nextMonth","nextMonthYear","MonthCalendar","forwardRef","maxEventsPerDay","onEventClick","onDayClick","onMoreEventsClick","header","daySelector","locale","ellipsis","allowPastInteraction","className","rest","ref","selectedDate","setSelectedDate","useState","jsxs","jsx","index","dateObj","dateEvents","isPast","isSelected","eventIndex","e"],"mappings":"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"}

package/dist/components/Navbar.js

@@ -1,50 +1,50 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-const u = {
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+const i = "navbar", u = "navbar-start", x = "navbar-center", N = "navbar-end", g = {
   base: "bg-base-100",
   neutral: "bg-neutral text-neutral-content",
   primary: "bg-primary text-primary-content",
   secondary: "bg-secondary text-secondary-content",
   accent: "bg-accent text-accent-content"
-}, v = {
+}, h = {
   none: "",
   sm: "shadow-sm",
   md: "shadow-md",
   lg: "shadow-lg",
   xl: "shadow-xl"
-}, x = {
+}, y = {
   none: "",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   xl: "rounded-xl",
   full: "rounded-full"
-}, h = ({
+}, p = ({
   children: n,
-  start: e,
-  center: s,
-  end: o,
-  color: l = "base",
-  sticky: d = !1,
-  shadow: c = "none",
-  rounded: m = "none",
-  className: b = "",
-  ...r
+  start: s,
+  center: e,
+  end: r,
+  color: d = "base",
+  sticky: c = !1,
+  shadow: l = "none",
+  rounded: b = "none",
+  className: m = "",
+  ...o
 }) => {
   const t = [
-    "navbar",
-    u[l],
-    d && "sticky top-0 z-50",
-    v[c],
-    x[m],
-    b
+    i,
+    g[d],
+    c && "sticky top-0 z-50",
+    h[l],
+    y[b],
+    m
   ].filter(Boolean).join(" ");
-  return n ? /* @__PURE__ */ a("nav", { className: t, ...r, children: n }) : /* @__PURE__ */ i("nav", { className: t, ...r, children: [
-    e && /* @__PURE__ */ a("div", { className: "navbar-start", children: e }),
-    s && /* @__PURE__ */ a("div", { className: "navbar-center", children: s }),
-    o && /* @__PURE__ */ a("div", { className: "navbar-end", children: o })
+  return n ? /* @__PURE__ */ a("nav", { className: t, ...o, children: n }) : /* @__PURE__ */ v("nav", { className: t, ...o, children: [
+    s && /* @__PURE__ */ a("div", { className: u, children: s }),
+    e && /* @__PURE__ */ a("div", { className: x, children: e }),
+    r && /* @__PURE__ */ a("div", { className: N, children: r })
   ] });
 };
 export {
-  h as Navbar
+  p as Navbar
 };
 //# sourceMappingURL=Navbar.js.map

package/dist/components/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","sources":["../../src/components/Navbar.tsx"],"sourcesContent":["import React from 'react'\n\nexport type NavbarColor = 'base' | 'neutral' | 'primary' | 'secondary' | 'accent'\nexport type NavbarShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl'\nexport type NavbarRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\nexport interface NavbarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  children?: React.ReactNode\n  /** Content for the start section of the navbar (typically logo/brand) */\n  start?: React.ReactNode\n  /** Content for the center section of the navbar */\n  center?: React.ReactNode\n  /** Content for the end section of the navbar (typically actions/menu) */\n  end?: React.ReactNode\n  /** Background color variant */\n  color?: NavbarColor\n  /** Make navbar sticky at the top */\n  sticky?: boolean\n  /** Shadow depth */\n  shadow?: NavbarShadow\n  /** Border radius */\n  rounded?: NavbarRounded\n}\n\nconst colorClasses: Record<NavbarColor, string> = {\n  base: 'bg-base-100',\n  neutral: 'bg-neutral text-neutral-content',\n  primary: 'bg-primary text-primary-content',\n  secondary: 'bg-secondary text-secondary-content',\n  accent: 'bg-accent text-accent-content',\n}\n\nconst shadowClasses: Record<NavbarShadow, string> = {\n  none: '',\n  sm: 'shadow-sm',\n  md: 'shadow-md',\n  lg: 'shadow-lg',\n  xl: 'shadow-xl',\n}\n\nconst roundedClasses: Record<NavbarRounded, string> = {\n  none: '',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  full: 'rounded-full',\n}\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  children,\n  start,\n  center,\n  end,\n  color = 'base',\n  sticky = false,\n  shadow = 'none',\n  rounded = 'none',\n  className = '',\n  ...rest\n}) => {\n  const navbarClasses = [\n    'navbar',\n    colorClasses[color],\n    sticky && 'sticky top-0 z-50',\n    shadowClasses[shadow],\n    roundedClasses[rounded],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return <nav className={navbarClasses} {...rest}>{children}</nav>\n  }\n\n  return (\n    <nav className={navbarClasses} {...rest}>\n      {start && <div className=\"navbar-start\">{start}</div>}\n      {center && <div className=\"navbar-center\">{center}</div>}\n      {end && <div className=\"navbar-end\">{end}</div>}\n    </nav>\n  )\n}\n"],"names":["colorClasses","shadowClasses","roundedClasses","Navbar","children","start","center","end","color","sticky","shadow","rounded","className","rest","navbarClasses","jsxs","jsx"],"mappings":";AAwBA,MAAMA,IAA4C;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACV,GAEMC,IAA8C;AAAA,EAClD,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAgD;AAAA,EACpD,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR,GAEaC,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB;AAAA,IACpB;AAAA,IACAd,EAAaQ,CAAK;AAAA,IAClBC,KAAU;AAAA,IACVR,EAAcS,CAAM;AAAA,IACpBR,EAAeS,CAAO;AAAA,IACtBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIR,sBACM,OAAA,EAAI,WAAWU,GAAgB,GAAGD,GAAO,UAAAT,GAAS,IAI1D,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GAAgB,GAAGD,GAChC,UAAA;AAAA,IAAAR,KAAS,gBAAAW,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAX,GAAM;AAAA,IAC9CC,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAU,iBAAiB,UAAAV,GAAO;AAAA,IACjDC,KAAO,gBAAAS,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAT,EAAA,CAAI;AAAA,EAAA,GAC3C;AAEJ;"}
+{"version":3,"file":"Navbar.js","sources":["../../src/components/Navbar.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dNavbar = 'navbar'\nconst dNavbarStart = 'navbar-start'\nconst dNavbarCenter = 'navbar-center'\nconst dNavbarEnd = 'navbar-end'\n\nexport type NavbarColor = 'base' | 'neutral' | 'primary' | 'secondary' | 'accent'\nexport type NavbarShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl'\nexport type NavbarRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\nexport interface NavbarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  children?: React.ReactNode\n  /** Content for the start section of the navbar (typically logo/brand) */\n  start?: React.ReactNode\n  /** Content for the center section of the navbar */\n  center?: React.ReactNode\n  /** Content for the end section of the navbar (typically actions/menu) */\n  end?: React.ReactNode\n  /** Background color variant */\n  color?: NavbarColor\n  /** Make navbar sticky at the top */\n  sticky?: boolean\n  /** Shadow depth */\n  shadow?: NavbarShadow\n  /** Border radius */\n  rounded?: NavbarRounded\n}\n\nconst colorClasses: Record<NavbarColor, string> = {\n  base: 'bg-base-100',\n  neutral: 'bg-neutral text-neutral-content',\n  primary: 'bg-primary text-primary-content',\n  secondary: 'bg-secondary text-secondary-content',\n  accent: 'bg-accent text-accent-content',\n}\n\nconst shadowClasses: Record<NavbarShadow, string> = {\n  none: '',\n  sm: 'shadow-sm',\n  md: 'shadow-md',\n  lg: 'shadow-lg',\n  xl: 'shadow-xl',\n}\n\nconst roundedClasses: Record<NavbarRounded, string> = {\n  none: '',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  full: 'rounded-full',\n}\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  children,\n  start,\n  center,\n  end,\n  color = 'base',\n  sticky = false,\n  shadow = 'none',\n  rounded = 'none',\n  className = '',\n  ...rest\n}) => {\n  const navbarClasses = [\n    dNavbar,\n    colorClasses[color],\n    sticky && 'sticky top-0 z-50',\n    shadowClasses[shadow],\n    roundedClasses[rounded],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return <nav className={navbarClasses} {...rest}>{children}</nav>\n  }\n\n  return (\n    <nav className={navbarClasses} {...rest}>\n      {start && <div className={dNavbarStart}>{start}</div>}\n      {center && <div className={dNavbarCenter}>{center}</div>}\n      {end && <div className={dNavbarEnd}>{end}</div>}\n    </nav>\n  )\n}\n"],"names":["dNavbar","dNavbarStart","dNavbarCenter","dNavbarEnd","colorClasses","shadowClasses","roundedClasses","Navbar","children","start","center","end","color","sticky","shadow","rounded","className","rest","navbarClasses","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAU,UACVC,IAAe,gBACfC,IAAgB,iBAChBC,IAAa,cAwBbC,IAA4C;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACV,GAEMC,IAA8C;AAAA,EAClD,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAgD;AAAA,EACpD,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR,GAEaC,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB;AAAA,IACpBlB;AAAA,IACAI,EAAaQ,CAAK;AAAA,IAClBC,KAAU;AAAA,IACVR,EAAcS,CAAM;AAAA,IACpBR,EAAeS,CAAO;AAAA,IACtBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIR,sBACM,OAAA,EAAI,WAAWU,GAAgB,GAAGD,GAAO,UAAAT,GAAS,IAI1D,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GAAgB,GAAGD,GAChC,UAAA;AAAA,IAAAR,KAAS,gBAAAW,EAAC,OAAA,EAAI,WAAWnB,GAAe,UAAAQ,GAAM;AAAA,IAC9CC,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAWlB,GAAgB,UAAAQ,GAAO;AAAA,IACjDC,KAAO,gBAAAS,EAAC,OAAA,EAAI,WAAWjB,GAAa,UAAAQ,EAAA,CAAI;AAAA,EAAA,GAC3C;AAEJ;"}