@allxsmith/bestax-bulma 5.55.0 → 5.57.0

package/dist/esm/components/Dialog.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useCallback, useEffect, useSyncExternalStore } from 'react';
 import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';

package/dist/esm/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { useIsHydrated } from '../helpers/useIsHydrated';\nimport { useConfig } from '../helpers/Config';\nimport { Modal } from './Modal';\n\n/** Valid dialog type/color values. */\nexport type DialogType = 'default' | 'success' | 'danger' | 'warning' | 'info';\n\n/**\n * Props for the Dialog component.\n * @extraProp {string} [className] - Additional CSS classes.\n * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the dialog element.\n */\nexport interface DialogProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    Omit<BulmaClassesProps, 'color'> {\n  /** Whether the dialog is open (required). */\n  isOpen: boolean;\n  /** Dialog title. */\n  title?: string;\n  /** Dialog message/content (required). */\n  message: string | React.ReactNode;\n  /** The type/color of the dialog. Default: 'default'. */\n  type?: DialogType;\n  /** Text for confirm button. Default: 'OK'. */\n  confirmText?: string;\n  /** Text for cancel button. Default: 'Cancel'. */\n  cancelText?: string;\n  /** Callback when confirm button is clicked. */\n  onConfirm?: () => void;\n  /** Callback when cancel button is clicked or dismissed. */\n  onCancel?: () => void;\n  /** Whether to show cancel button. Default: true for confirm dialogs. */\n  showCancel?: boolean;\n  /** Whether the dialog can be dismissed. Default: true. */\n  canCancel?: boolean;\n  /** Focus cancel button instead of confirm. Default: false. */\n  focusCancel?: boolean;\n  /** Custom icon to display. */\n  icon?: React.ReactNode;\n  /**\n   * Renders the dialog into a portal target instead of inline. Forwarded to\n   * the underlying `Modal`; see its `portal` prop for the accepted values.\n   * @defaultValue false\n   */\n  portal?: boolean | string | HTMLElement;\n}\n\n/**\n * The `Dialog` component provides ready-made confirm and alert dialogs, so a destructive action stays one `await dialog.confirm()` call away.\n *\n * @function\n * @param {DialogProps} props - Props for the Dialog component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the dialog element.\n * @returns {JSX.Element | null} The rendered dialog component.\n *\n * @example\n * // Alert dialog\n * <Dialog\n *   isOpen={showAlert}\n *   title=\"Success\"\n *   message=\"Operation completed successfully!\"\n *   type=\"success\"\n *   onConfirm={() => setShowAlert(false)}\n *   showCancel={false}\n * />\n *\n * @example\n * // Confirm dialog\n * <Dialog\n *   isOpen={showConfirm}\n *   title=\"Delete Item?\"\n *   message=\"This action cannot be undone.\"\n *   type=\"danger\"\n *   confirmText=\"Delete\"\n *   onConfirm={handleDelete}\n *   onCancel={() => setShowConfirm(false)}\n * />\n */\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      isOpen,\n      title,\n      message,\n      type = 'default',\n      confirmText = 'OK',\n      cancelText = 'Cancel',\n      onConfirm,\n      onCancel,\n      showCancel = true,\n      canCancel = true,\n      focusCancel = false,\n      icon,\n      portal,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n    const dialogRef = useRef<HTMLDivElement>(null);\n    // Cleanup returned by a consumer's callback ref on attach, held until detach.\n    const consumerCleanupRef = useRef<(() => void) | null>(null);\n    const confirmRef = useRef<HTMLButtonElement>(null);\n    const cancelRef = useRef<HTMLButtonElement>(null);\n\n    // Handle cancel\n    const handleCancel = useCallback(() => {\n      if (canCancel) {\n        onCancel?.();\n      }\n    }, [canCancel, onCancel]);\n\n    // Handle confirm\n    const handleConfirm = useCallback(() => {\n      onConfirm?.();\n    }, [onConfirm]);\n\n    // Handle background click\n    const handleBackgroundClick = useCallback(() => {\n      if (canCancel) {\n        handleCancel();\n      }\n    }, [canCancel, handleCancel]);\n\n    // Moving into the portal, or from one portal target to another, remounts\n    // the Modal's subtree, these buttons included, so the focus effect below\n    // has to re-run against the new nodes, exactly as the Modal's own focus\n    // effect does, on the same inputs.\n    const isHydrated = useIsHydrated();\n    const isPortaled = Boolean(portal) && isHydrated;\n    const { portalContainer } = useConfig();\n    const defaultTarget =\n      isPortaled && portal === true ? portalContainer : undefined;\n\n    // Focus management — Dialog picks a specific button rather than the\n    // Modal's default (first focusable/root); this effect runs after the\n    // inner Modal's own focus-on-open effect, so it wins.\n    useEffect(() => {\n      if (isOpen) {\n        const buttonToFocus =\n          focusCancel && showCancel ? cancelRef.current : confirmRef.current;\n        buttonToFocus?.focus();\n      }\n    }, [isOpen, focusCancel, showCancel, isPortaled, portal, defaultTarget]);\n\n    // Use combined ref\n    const combinedRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        (dialogRef as React.MutableRefObject<HTMLDivElement | null>).current =\n          node;\n        if (typeof ref === 'function') {\n          // React 19 lets a callback ref return a cleanup function and detaches by\n          // running it instead of calling the ref with `null`; React 18 discards the\n          // return value entirely. Returning it from here would be a React-19-only\n          // contract, so we hold the cleanup and run it ourselves on detach — the\n          // same shape as `Dropdown`, `Modal`, `Sidebar`, `Toast` and `Carousel`.\n          // The form controls that merge a forwarded ref still discard the cleanup\n          // and detach with `ref(null)`, so this is not yet library-wide — grep\n          // `typeof ref === 'function'` for the current split.\n          if (node === null) {\n            const consumerCleanup = consumerCleanupRef.current;\n            consumerCleanupRef.current = null;\n            if (consumerCleanup) {\n              consumerCleanup();\n            } else {\n              ref(null);\n            }\n            return;\n          }\n          const cleanup: unknown = ref(node);\n          consumerCleanupRef.current =\n            typeof cleanup === 'function' ? (cleanup as () => void) : null;\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    // Generate classes\n    const dialogClasses = usePrefixedClassNames('dialog', {\n      [`is-${type}`]: type !== 'default',\n    });\n    const headerClass = usePrefixedClassNames('dialog-header');\n    const iconClass = usePrefixedClassNames('dialog-icon');\n    const titleClass = usePrefixedClassNames('dialog-title');\n    const bodyClass = usePrefixedClassNames('dialog-body');\n    const footerClass = usePrefixedClassNames('dialog-footer');\n    const cancelButtonClass = usePrefixedClassNames('button');\n    const confirmButtonClass = usePrefixedClassNames('button', {\n      'is-success': type === 'success',\n      'is-danger': type === 'danger',\n      'is-warning': type === 'warning',\n      'is-info': type === 'info',\n      'is-primary': type === 'default',\n    });\n\n    const combinedClasses = classNames(\n      dialogClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    // Get default icon based on type\n    const getDefaultIcon = () => {\n      switch (type) {\n        case 'success':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n            >\n              <path d=\"M20 6L9 17l-5-5\" />\n            </svg>\n          );\n        case 'danger':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\" />\n              <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\" />\n            </svg>\n          );\n        case 'warning':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n            >\n              <path d=\"M12 2L1 21h22L12 2zm0 3.99L19.53 19H4.47L12 5.99zM11 16h2v2h-2zm0-6h2v4h-2z\" />\n            </svg>\n          );\n        case 'info':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n            >\n              <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-9h2v6h-2zm0-4h2v2h-2z\" />\n            </svg>\n          );\n        default:\n          return null;\n      }\n    };\n\n    const displayIcon = icon !== undefined ? icon : getDefaultIcon();\n\n    if (!isOpen) {\n      return null;\n    }\n\n    return (\n      <Modal\n        isActive={isOpen}\n        onClose={handleCancel}\n        role=\"presentation\"\n        portal={portal}\n      >\n        <Modal.Background onClick={handleBackgroundClick} />\n        <div\n          ref={combinedRef}\n          className={combinedClasses}\n          role=\"alertdialog\"\n          aria-modal=\"true\"\n          aria-labelledby={title ? 'dialog-title' : undefined}\n          aria-describedby=\"dialog-message\"\n          {...rest}\n        >\n          {title && (\n            <div className={headerClass}>\n              {displayIcon && <span className={iconClass}>{displayIcon}</span>}\n              <h3 id=\"dialog-title\" className={titleClass}>\n                {title}\n              </h3>\n            </div>\n          )}\n          <div id=\"dialog-message\" className={bodyClass}>\n            {message}\n          </div>\n          <div className={footerClass}>\n            {showCancel && (\n              <button\n                ref={cancelRef}\n                type=\"button\"\n                className={cancelButtonClass}\n                onClick={handleCancel}\n              >\n                {cancelText}\n              </button>\n            )}\n            <button\n              ref={confirmRef}\n              type=\"button\"\n              className={confirmButtonClass}\n              onClick={handleConfirm}\n            >\n              {confirmText}\n            </button>\n          </div>\n        </div>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = 'Dialog';\n\n// Dialog Manager for programmatic dialogs\n\n/**\n * Options for showing a programmatic alert dialog.\n */\nexport interface AlertOptions {\n  /** Dialog title. */\n  title?: string;\n  /** Dialog message/content. */\n  message: string | React.ReactNode;\n  /** Dialog type/color. */\n  type?: DialogType;\n  /** Text for the confirm button. */\n  confirmText?: string;\n  /** Custom icon to display. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Options for showing a programmatic confirm dialog.\n */\nexport interface ConfirmOptions extends AlertOptions {\n  /** Text for the cancel button. */\n  cancelText?: string;\n  /** Focus cancel button instead of confirm. */\n  focusCancel?: boolean;\n}\n\n/**\n * Options for showing a programmatic prompt dialog.\n */\nexport interface PromptOptions extends ConfirmOptions {\n  /** Input placeholder text. */\n  placeholder?: string;\n  /** Default input value. */\n  defaultValue?: string;\n}\n\ntype DialogResolve = (value?: void | boolean | string) => void;\n\ntype DialogState = {\n  type: 'alert' | 'confirm' | 'prompt';\n  options: PromptOptions;\n  resolve: DialogResolve;\n};\n\nlet dialogListeners: Set<(dialog: DialogState | null) => void> = new Set();\nlet currentDialog: DialogState | null = null;\n\n// DialogContainer renders from the open dialog rather than from updates alone,\n// so a dialog raised before it mounted still opens once it does.\nconst getCurrentDialog = () => currentDialog;\n\n// The server renders no dialog: its copy of this module is shared by every\n// request, so the dialog it holds may belong to another page. Hydration reads\n// the same empty value, which keeps the first client render matching the\n// server's, and the dialog opens right after.\nconst getServerDialog = (): DialogState | null => null;\n\nconst notifyDialogListeners = () => {\n  dialogListeners.forEach(listener => listener(currentDialog));\n};\n\n/**\n * Programmatic dialog API for showing dialogs from anywhere.\n */\nexport const dialog = {\n  /**\n   * Show an alert dialog. Returns a promise that resolves when closed.\n   */\n  alert: (options: AlertOptions | string): Promise<void> => {\n    return new Promise<void>(resolve => {\n      const opts = typeof options === 'string' ? { message: options } : options;\n      currentDialog = {\n        type: 'alert',\n        options: opts,\n        resolve: () => resolve(),\n      };\n      notifyDialogListeners();\n    });\n  },\n\n  /**\n   * Show a confirm dialog. Returns a promise that resolves to true/false.\n   */\n  confirm: (options: ConfirmOptions | string): Promise<boolean> => {\n    return new Promise<boolean>(resolve => {\n      const opts = typeof options === 'string' ? { message: options } : options;\n      currentDialog = {\n        type: 'confirm',\n        options: opts,\n        resolve: value => resolve(Boolean(value)),\n      };\n      notifyDialogListeners();\n    });\n  },\n\n  /**\n   * Close the current dialog.\n   */\n  close: (value?: void | boolean | string): void => {\n    if (currentDialog) {\n      currentDialog.resolve(value);\n      currentDialog = null;\n      notifyDialogListeners();\n    }\n  },\n\n  /**\n   * Subscribe to dialog changes.\n   */\n  subscribe: (listener: (dialog: DialogState | null) => void): (() => void) => {\n    dialogListeners.add(listener);\n    return () => dialogListeners.delete(listener);\n  },\n};\n\n/**\n * DialogContainer component to render programmatic dialogs.\n * Place this once at the root of your app.\n *\n * @function\n * @returns {JSX.Element | null} The rendered dialog, or null if none is active.\n */\nexport const DialogContainer: React.FC = () => {\n  // Starts from the dialog already open instead of none, then follows changes.\n  const current = useSyncExternalStore(\n    dialog.subscribe,\n    getCurrentDialog,\n    getServerDialog\n  );\n\n  if (!current) {\n    return null;\n  }\n\n  const { type, options } = current;\n\n  return (\n    <Dialog\n      isOpen\n      title={options.title}\n      message={options.message}\n      type={options.type}\n      confirmText={options.confirmText}\n      cancelText={options.cancelText}\n      icon={options.icon}\n      showCancel={type === 'confirm'}\n      focusCancel={options.focusCancel}\n      onConfirm={() => dialog.close(type === 'confirm' ? true : undefined)}\n      onCancel={() => dialog.close(type === 'confirm' ? false : undefined)}\n    />\n  );\n};\n\nexport default Dialog;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useSyncExternalStore,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { useIsHydrated } from '../helpers/useIsHydrated';\nimport { useConfig } from '../helpers/Config';\nimport { Modal } from './Modal';\n\n/** Valid dialog type/color values. */\nexport type DialogType = 'default' | 'success' | 'danger' | 'warning' | 'info';\n\n/**\n * Props for the Dialog component.\n * @extraProp {string} [className] - Additional CSS classes.\n * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the dialog element.\n */\nexport interface DialogProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    Omit<BulmaClassesProps, 'color'> {\n  /** Whether the dialog is open (required). */\n  isOpen: boolean;\n  /** Dialog title. */\n  title?: string;\n  /** Dialog message/content (required). */\n  message: string | React.ReactNode;\n  /** The type/color of the dialog. Default: 'default'. */\n  type?: DialogType;\n  /** Text for confirm button. Default: 'OK'. */\n  confirmText?: string;\n  /** Text for cancel button. Default: 'Cancel'. */\n  cancelText?: string;\n  /** Callback when confirm button is clicked. */\n  onConfirm?: () => void;\n  /** Callback when cancel button is clicked or dismissed. */\n  onCancel?: () => void;\n  /** Whether to show cancel button. Default: true for confirm dialogs. */\n  showCancel?: boolean;\n  /** Whether the dialog can be dismissed. Default: true. */\n  canCancel?: boolean;\n  /** Focus cancel button instead of confirm. Default: false. */\n  focusCancel?: boolean;\n  /** Custom icon to display. */\n  icon?: React.ReactNode;\n  /**\n   * Renders the dialog into a portal target instead of inline. Forwarded to\n   * the underlying `Modal`; see its `portal` prop for the accepted values.\n   * @defaultValue false\n   */\n  portal?: boolean | string | HTMLElement;\n}\n\n/**\n * The `Dialog` component provides ready-made confirm and alert dialogs, so a destructive action stays one `await dialog.confirm()` call away.\n *\n * @function\n * @param {DialogProps} props - Props for the Dialog component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the dialog element.\n * @returns {JSX.Element | null} The rendered dialog component.\n *\n * @example\n * // Alert dialog\n * <Dialog\n *   isOpen={showAlert}\n *   title=\"Success\"\n *   message=\"Operation completed successfully!\"\n *   type=\"success\"\n *   onConfirm={() => setShowAlert(false)}\n *   showCancel={false}\n * />\n *\n * @example\n * // Confirm dialog\n * <Dialog\n *   isOpen={showConfirm}\n *   title=\"Delete Item?\"\n *   message=\"This action cannot be undone.\"\n *   type=\"danger\"\n *   confirmText=\"Delete\"\n *   onConfirm={handleDelete}\n *   onCancel={() => setShowConfirm(false)}\n * />\n */\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      isOpen,\n      title,\n      message,\n      type = 'default',\n      confirmText = 'OK',\n      cancelText = 'Cancel',\n      onConfirm,\n      onCancel,\n      showCancel = true,\n      canCancel = true,\n      focusCancel = false,\n      icon,\n      portal,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n    const dialogRef = useRef<HTMLDivElement>(null);\n    // Cleanup returned by a consumer's callback ref on attach, held until detach.\n    const consumerCleanupRef = useRef<(() => void) | null>(null);\n    const confirmRef = useRef<HTMLButtonElement>(null);\n    const cancelRef = useRef<HTMLButtonElement>(null);\n\n    // Handle cancel\n    const handleCancel = useCallback(() => {\n      if (canCancel) {\n        onCancel?.();\n      }\n    }, [canCancel, onCancel]);\n\n    // Handle confirm\n    const handleConfirm = useCallback(() => {\n      onConfirm?.();\n    }, [onConfirm]);\n\n    // Handle background click\n    const handleBackgroundClick = useCallback(() => {\n      if (canCancel) {\n        handleCancel();\n      }\n    }, [canCancel, handleCancel]);\n\n    // Moving into the portal, or from one portal target to another, remounts\n    // the Modal's subtree, these buttons included, so the focus effect below\n    // has to re-run against the new nodes, exactly as the Modal's own focus\n    // effect does, on the same inputs.\n    const isHydrated = useIsHydrated();\n    const isPortaled = Boolean(portal) && isHydrated;\n    const { portalContainer } = useConfig();\n    const defaultTarget =\n      isPortaled && portal === true ? portalContainer : undefined;\n\n    // Focus management — Dialog picks a specific button rather than the\n    // Modal's default (first focusable/root); this effect runs after the\n    // inner Modal's own focus-on-open effect, so it wins.\n    useEffect(() => {\n      if (isOpen) {\n        const buttonToFocus =\n          focusCancel && showCancel ? cancelRef.current : confirmRef.current;\n        buttonToFocus?.focus();\n      }\n    }, [isOpen, focusCancel, showCancel, isPortaled, portal, defaultTarget]);\n\n    // Use combined ref\n    const combinedRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        (dialogRef as React.MutableRefObject<HTMLDivElement | null>).current =\n          node;\n        if (typeof ref === 'function') {\n          // React 19 lets a callback ref return a cleanup function and detaches by\n          // running it instead of calling the ref with `null`; React 18 discards the\n          // return value entirely. Returning it from here would be a React-19-only\n          // contract, so we hold the cleanup and run it ourselves on detach — the\n          // same shape as `Dropdown`, `Modal`, `Sidebar`, `Toast` and `Carousel`.\n          // The form controls that merge a forwarded ref still discard the cleanup\n          // and detach with `ref(null)`, so this is not yet library-wide — grep\n          // `typeof ref === 'function'` for the current split.\n          if (node === null) {\n            const consumerCleanup = consumerCleanupRef.current;\n            consumerCleanupRef.current = null;\n            if (consumerCleanup) {\n              consumerCleanup();\n            } else {\n              ref(null);\n            }\n            return;\n          }\n          const cleanup: unknown = ref(node);\n          consumerCleanupRef.current =\n            typeof cleanup === 'function' ? (cleanup as () => void) : null;\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    // Generate classes\n    const dialogClasses = usePrefixedClassNames('dialog', {\n      [`is-${type}`]: type !== 'default',\n    });\n    const headerClass = usePrefixedClassNames('dialog-header');\n    const iconClass = usePrefixedClassNames('dialog-icon');\n    const titleClass = usePrefixedClassNames('dialog-title');\n    const bodyClass = usePrefixedClassNames('dialog-body');\n    const footerClass = usePrefixedClassNames('dialog-footer');\n    const cancelButtonClass = usePrefixedClassNames('button');\n    const confirmButtonClass = usePrefixedClassNames('button', {\n      'is-success': type === 'success',\n      'is-danger': type === 'danger',\n      'is-warning': type === 'warning',\n      'is-info': type === 'info',\n      'is-primary': type === 'default',\n    });\n\n    const combinedClasses = classNames(\n      dialogClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    // Get default icon based on type\n    const getDefaultIcon = () => {\n      switch (type) {\n        case 'success':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n            >\n              <path d=\"M20 6L9 17l-5-5\" />\n            </svg>\n          );\n        case 'danger':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n            >\n              <circle cx=\"12\" cy=\"12\" r=\"10\" />\n              <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\" />\n              <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\" />\n            </svg>\n          );\n        case 'warning':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n            >\n              <path d=\"M12 2L1 21h22L12 2zm0 3.99L19.53 19H4.47L12 5.99zM11 16h2v2h-2zm0-6h2v4h-2z\" />\n            </svg>\n          );\n        case 'info':\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n            >\n              <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-9h2v6h-2zm0-4h2v2h-2z\" />\n            </svg>\n          );\n        default:\n          return null;\n      }\n    };\n\n    const displayIcon = icon !== undefined ? icon : getDefaultIcon();\n\n    if (!isOpen) {\n      return null;\n    }\n\n    return (\n      <Modal\n        isActive={isOpen}\n        onClose={handleCancel}\n        role=\"presentation\"\n        portal={portal}\n      >\n        <Modal.Background onClick={handleBackgroundClick} />\n        <div\n          ref={combinedRef}\n          className={combinedClasses}\n          role=\"alertdialog\"\n          aria-modal=\"true\"\n          aria-labelledby={title ? 'dialog-title' : undefined}\n          aria-describedby=\"dialog-message\"\n          {...rest}\n        >\n          {title && (\n            <div className={headerClass}>\n              {displayIcon && <span className={iconClass}>{displayIcon}</span>}\n              <h3 id=\"dialog-title\" className={titleClass}>\n                {title}\n              </h3>\n            </div>\n          )}\n          <div id=\"dialog-message\" className={bodyClass}>\n            {message}\n          </div>\n          <div className={footerClass}>\n            {showCancel && (\n              <button\n                ref={cancelRef}\n                type=\"button\"\n                className={cancelButtonClass}\n                onClick={handleCancel}\n              >\n                {cancelText}\n              </button>\n            )}\n            <button\n              ref={confirmRef}\n              type=\"button\"\n              className={confirmButtonClass}\n              onClick={handleConfirm}\n            >\n              {confirmText}\n            </button>\n          </div>\n        </div>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = 'Dialog';\n\n// Dialog Manager for programmatic dialogs\n\n/**\n * Options for showing a programmatic alert dialog.\n */\nexport interface AlertOptions {\n  /** Dialog title. */\n  title?: string;\n  /** Dialog message/content. */\n  message: string | React.ReactNode;\n  /** Dialog type/color. */\n  type?: DialogType;\n  /** Text for the confirm button. */\n  confirmText?: string;\n  /** Custom icon to display. */\n  icon?: React.ReactNode;\n}\n\n/**\n * Options for showing a programmatic confirm dialog.\n */\nexport interface ConfirmOptions extends AlertOptions {\n  /** Text for the cancel button. */\n  cancelText?: string;\n  /** Focus cancel button instead of confirm. */\n  focusCancel?: boolean;\n}\n\n/**\n * Options for showing a programmatic prompt dialog.\n */\nexport interface PromptOptions extends ConfirmOptions {\n  /** Input placeholder text. */\n  placeholder?: string;\n  /** Default input value. */\n  defaultValue?: string;\n}\n\ntype DialogResolve = (value?: void | boolean | string) => void;\n\ntype DialogState = {\n  type: 'alert' | 'confirm' | 'prompt';\n  options: PromptOptions;\n  resolve: DialogResolve;\n};\n\nlet dialogListeners: Set<(dialog: DialogState | null) => void> = new Set();\nlet currentDialog: DialogState | null = null;\n\n// DialogContainer renders from the open dialog rather than from updates alone,\n// so a dialog raised before it mounted still opens once it does.\nconst getCurrentDialog = () => currentDialog;\n\n// The server renders no dialog: its copy of this module is shared by every\n// request, so the dialog it holds may belong to another page. Hydration reads\n// the same empty value, which keeps the first client render matching the\n// server's, and the dialog opens right after.\nconst getServerDialog = (): DialogState | null => null;\n\nconst notifyDialogListeners = () => {\n  dialogListeners.forEach(listener => listener(currentDialog));\n};\n\n/**\n * Programmatic dialog API for showing dialogs from anywhere.\n */\nexport const dialog = {\n  /**\n   * Show an alert dialog. Returns a promise that resolves when closed.\n   */\n  alert: (options: AlertOptions | string): Promise<void> => {\n    return new Promise<void>(resolve => {\n      const opts = typeof options === 'string' ? { message: options } : options;\n      currentDialog = {\n        type: 'alert',\n        options: opts,\n        resolve: () => resolve(),\n      };\n      notifyDialogListeners();\n    });\n  },\n\n  /**\n   * Show a confirm dialog. Returns a promise that resolves to true/false.\n   */\n  confirm: (options: ConfirmOptions | string): Promise<boolean> => {\n    return new Promise<boolean>(resolve => {\n      const opts = typeof options === 'string' ? { message: options } : options;\n      currentDialog = {\n        type: 'confirm',\n        options: opts,\n        resolve: value => resolve(Boolean(value)),\n      };\n      notifyDialogListeners();\n    });\n  },\n\n  /**\n   * Close the current dialog.\n   */\n  close: (value?: void | boolean | string): void => {\n    if (currentDialog) {\n      currentDialog.resolve(value);\n      currentDialog = null;\n      notifyDialogListeners();\n    }\n  },\n\n  /**\n   * Subscribe to dialog changes.\n   */\n  subscribe: (listener: (dialog: DialogState | null) => void): (() => void) => {\n    dialogListeners.add(listener);\n    return () => dialogListeners.delete(listener);\n  },\n};\n\n/**\n * DialogContainer component to render programmatic dialogs.\n * Place this once at the root of your app.\n *\n * @function\n * @returns {JSX.Element | null} The rendered dialog, or null if none is active.\n */\nexport const DialogContainer: React.FC = () => {\n  // Starts from the dialog already open instead of none, then follows changes.\n  const current = useSyncExternalStore(\n    dialog.subscribe,\n    getCurrentDialog,\n    getServerDialog\n  );\n\n  if (!current) {\n    return null;\n  }\n\n  const { type, options } = current;\n\n  return (\n    <Dialog\n      isOpen\n      title={options.title}\n      message={options.message}\n      type={options.type}\n      confirmText={options.confirmText}\n      cancelText={options.cancelText}\n      icon={options.icon}\n      showCancel={type === 'confirm'}\n      focusCancel={options.focusCancel}\n      onConfirm={() => dialog.close(type === 'confirm' ? true : undefined)}\n      onCancel={() => dialog.close(type === 'confirm' ? false : undefined)}\n    />\n  );\n};\n\nexport default Dialog;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Dropdown.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';

package/dist/esm/components/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useState,\n  useRef,\n  useEffect,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { getActiveElementInTree, isEventInside } from '../helpers/shadowDom';\nimport type { ConstrainedPolymorphicComponentWithoutRef } from '../helpers/polymorphic';\nimport {\n  type AnchorOnlyAttributes,\n  ANCHOR_ONLY_ATTRS,\n  omitAttrs,\n} from '../helpers/anchorAttrs';\nimport { buttonType } from '../helpers/buttonType';\nimport { enabledMenuItems, useMenuKeys } from '../helpers/useMenuKeys';\nimport { useLatestRef } from '../helpers/useLatestRef';\n\n/**\n * Checks if code is running in a browser environment.\n * @deprecated Dropdown's internal SSR guard, exported by accident; it will\n * be removed in the next major. Check `typeof window !== 'undefined' &&\n * typeof document !== 'undefined'` instead.\n * @param win - Window object.\n * @param doc - Document object.\n * @returns {boolean} True if in browser, false otherwise.\n */\nexport const isBrowser = (win?: typeof window, doc?: typeof document) =>\n  typeof win !== 'undefined' && typeof doc !== 'undefined';\n\n/**\n * Props for the Dropdown component.\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the root dropdown element.\n */\nexport interface DropdownProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, keyof BulmaClassesProps>,\n    BulmaClassesProps {\n  /** The dropdown button/trigger content. */\n  label: React.ReactNode;\n  /** Dropdown menu items and dividers. */\n  children: React.ReactNode;\n  /** Additional CSS classes for root. */\n  className?: string;\n  /** Additional CSS classes for the dropdown menu. */\n  menuClassName?: string;\n  /** Whether the dropdown is open (controlled). */\n  active?: boolean;\n  /** Dropdown menu opens upward. */\n  up?: boolean;\n  /** Menu is right-aligned. */\n  right?: boolean;\n  /** Open on hover instead of click. */\n  hoverable?: boolean;\n  /** Disables the dropdown trigger. */\n  disabled?: boolean;\n  /** Callback when dropdown active state changes. */\n  onActiveChange?: (active: boolean) => void;\n  /** Close dropdown when a menu item is clicked, or activated with Enter or Space. */\n  closeOnClick?: boolean;\n  /** Root element ID (for aria-controls, etc). */\n  id?: string;\n}\n\n/**\n * The `Dropdown` component provides Bulma's versatile dropdown menu for your Bulma React UI.\n *\n * Down, Enter and Space on the trigger open the menu on its first enabled\n * item, and Up opens it on its last. On the trigger of a menu that's already\n * open, Down and Up move focus to its first and last item. In the menu, the\n * arrow keys, Home and End move between the items, and Enter and Space run\n * the focused one the way a click does. Typing a letter moves to the next\n * item whose text starts with it, skipping disabled ones, and letters typed\n * in quick succession add up to one search. Typing searches once focus is in\n * the menu, so a letter typed on the trigger does nothing. Escape closes the\n * menu and focuses the trigger, and Tab closes it and lets focus move on.\n * Anything focusable in the menu that isn't an item, such as a field, keeps\n * its own keys apart from Escape and Tab, though an Escape it calls\n * `preventDefault()` on in its own `onKeyDown` stays its own and leaves the\n * menu open. For a panel built around fields, use `Popover`.\n *\n * @function\n * @param {DropdownProps} props - Props for the Dropdown component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the root dropdown element.\n * @returns {JSX.Element} The rendered dropdown.\n * @see {@link https://bulma.io/documentation/components/dropdown/ | Bulma Dropdown documentation}\n */\nconst DropdownComponent = forwardRef<HTMLDivElement, DropdownProps>(\n  function DropdownComponent(\n    {\n      label,\n      children,\n      className,\n      menuClassName,\n      active: activeProp,\n      up,\n      right,\n      hoverable,\n      disabled,\n      onActiveChange,\n      closeOnClick = true,\n      id,\n      ...props\n    },\n    ref\n  ) {\n    const [active, setActive] = useState<boolean>(!!activeProp);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n    const menuKeys = useMenuKeys();\n    const pendingFocusRef = useRef<'first' | 'last' | null>(null);\n\n    // Cleanup returned by a consumer's callback ref on attach, held until detach.\n    const consumerCleanupRef = useRef<(() => void) | null>(null);\n\n    const setRefs = useCallback(\n      (node: HTMLDivElement | null) => {\n        (dropdownRef as React.MutableRefObject<HTMLDivElement | null>).current =\n          node;\n        if (typeof ref === 'function') {\n          // React 19 lets a callback ref return a cleanup function and detaches\n          // by running it instead of calling the ref with `null`; React 18\n          // discards the return value entirely. Returning it from here would be\n          // a React-19-only contract, so instead we hold the cleanup and run it\n          // ourselves on detach — a consumer's cleanup ref then behaves the same\n          // on both majors of the CI matrix.\n          if (node === null) {\n            const consumerCleanup = consumerCleanupRef.current;\n            consumerCleanupRef.current = null;\n            if (consumerCleanup) {\n              consumerCleanup();\n            } else {\n              ref(null);\n            }\n            return;\n          }\n          const cleanup: unknown = ref(node);\n          consumerCleanupRef.current =\n            typeof cleanup === 'function' ? (cleanup as () => void) : null;\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n\n    // Generate Bulma classes with prefix\n    const bulmaClasses = usePrefixedClassNames('dropdown', {\n      'is-active': active,\n      'is-up': up,\n      'is-right': right,\n      'is-hoverable': hoverable,\n      'is-disabled': disabled,\n    });\n\n    const buttonClass = usePrefixedClassNames('button');\n\n    // Controlled mode support: mirror the controlled `active` prop into local\n    // state. This is an intentional external-prop sync (controlled/uncontrolled\n    // hybrid); behavior is covered by tests and certified in-browser.\n    useEffect(() => {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- syncing to controlled prop\n      if (typeof activeProp === 'boolean') setActive(activeProp);\n    }, [activeProp]);\n\n    // Read when a click lands outside, so the listener stays put while\n    // `onActiveChange` changes identity, as an inline one does on every\n    // render of the parent.\n    const onActiveChangeRef = useLatestRef(onActiveChange);\n\n    // SSR-safe outside click\n    useEffect(() => {\n      if (!active) return;\n\n      if (!isBrowser(window, document)) return;\n\n      const handleClick = (e: MouseEvent) => {\n        if (!isEventInside(e, dropdownRef.current)) {\n          setActive(false);\n          onActiveChangeRef.current?.(false);\n        }\n      };\n      document.addEventListener('mousedown', handleClick);\n      return () => document.removeEventListener('mousedown', handleClick);\n    }, [active, onActiveChangeRef]);\n\n    const handleToggle = () => {\n      /* istanbul ignore next: guard is enforced by button[disabled] at the DOM level */\n      if (disabled) return;\n\n      const newActive = !active;\n      setActive(newActive);\n      onActiveChange?.(newActive);\n    };\n\n    const handleMenuClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (closeOnClick) {\n        setActive(false);\n        onActiveChange?.(false);\n        // Closing hides the item that has focus, and the browser drops focus\n        // to the page when that happens. Hand it back to the trigger, as\n        // Escape does. An item that moved focus somewhere else keeps it there.\n        // The menu around this content is what a click between items focuses.\n        const menu = e.currentTarget.parentElement as HTMLElement;\n        if (menu.contains(getActiveElementInTree(e.currentTarget))) {\n          triggerRef.current?.focus();\n        }\n      }\n    };\n\n    const focusEdgeItem = (edge: 'first' | 'last') => {\n      const items = enabledMenuItems(menuRef.current as HTMLElement);\n      items[edge === 'first' ? 0 : items.length - 1]?.focus();\n    };\n\n    // Once the menu shows, forget a search typed just before it last closed,\n    // and focus the pending item. The item is unfocusable while\n    // `display: none` applies, so this must wait for the `is-active` class to\n    // actually land in the DOM.\n    useEffect(() => {\n      if (!active) return;\n      menuKeys.reset();\n      if (!pendingFocusRef.current) return;\n      focusEdgeItem(pendingFocusRef.current);\n      pendingFocusRef.current = null;\n    }, [active, menuKeys]);\n\n    const handleTriggerKeyDown = (\n      e: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n      if (disabled) return;\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault();\n          pendingFocusRef.current = 'first';\n          if (!active) {\n            setActive(true);\n            onActiveChange?.(true);\n          } else {\n            focusEdgeItem('first');\n            pendingFocusRef.current = null;\n          }\n          break;\n        case 'ArrowUp':\n          e.preventDefault();\n          pendingFocusRef.current = 'last';\n          if (!active) {\n            setActive(true);\n            onActiveChange?.(true);\n          } else {\n            focusEdgeItem('last');\n            pendingFocusRef.current = null;\n          }\n          break;\n        case 'Enter':\n        case ' ':\n          e.preventDefault();\n          // A held key sends a keydown per auto-repeat. Running an item hands\n          // focus back here, so without this a held Enter would reopen the\n          // menu and run whichever item it focused next.\n          if (e.repeat) break;\n          if (!active) {\n            pendingFocusRef.current = 'first';\n            setActive(true);\n            onActiveChange?.(true);\n          } else {\n            setActive(false);\n            onActiveChange?.(false);\n          }\n          break;\n        case 'Escape':\n          if (active) {\n            e.preventDefault();\n            setActive(false);\n            onActiveChange?.(false);\n          }\n          break;\n        default:\n          break;\n      }\n    };\n\n    const handleMenuKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      // Closing is Dropdown's: Escape and Tab close the menu from anywhere in\n      // it, a field included, and an empty or all-disabled menu too. Moving\n      // between the items, running them and typeahead are the hook's, which\n      // acts only while focus is on the menu or one of its items. An Escape\n      // something in the menu already used, such as a field's own list\n      // closing on it, leaves the menu open for the next one.\n      if (e.key === 'Escape') {\n        if (e.defaultPrevented) return;\n        e.preventDefault();\n        setActive(false);\n        onActiveChange?.(false);\n        triggerRef.current?.focus();\n        return;\n      }\n      if (e.key === 'Tab') {\n        setActive(false);\n        onActiveChange?.(false);\n        return;\n      }\n\n      menuKeys.onKeyDown(e);\n    };\n\n    const dropdownClasses = classNames(\n      bulmaClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    return (\n      <div\n        className={dropdownClasses}\n        ref={setRefs}\n        id={id}\n        data-testid=\"dropdown-root\"\n        {...rest}\n      >\n        <div className={usePrefixedClassNames('dropdown-trigger')}>\n          <button\n            ref={triggerRef}\n            className={buttonClass}\n            aria-haspopup=\"true\"\n            aria-controls={id ? `${id}-menu` : undefined}\n            aria-expanded={active}\n            onClick={handleToggle}\n            onKeyDown={handleTriggerKeyDown}\n            disabled={disabled}\n            type=\"button\"\n          >\n            <span>{label}</span>\n            <span\n              className={usePrefixedClassNames('icon', 'is-small')}\n              aria-hidden=\"true\"\n            >\n              <i className=\"fas fa-angle-down\" />\n            </span>\n          </button>\n        </div>\n        <div\n          className={classNames(\n            usePrefixedClassNames('dropdown-menu'),\n            menuClassName\n          )}\n          id={id ? `${id}-menu` : undefined}\n          ref={menuRef}\n          role=\"menu\"\n          data-testid=\"dropdown-menu\"\n          onKeyDown={handleMenuKeyDown}\n          // The menu, not its content, takes focus from a click between items,\n          // so the menu owns nothing focusable but its items.\n          tabIndex={-1}\n        >\n          <div\n            className={usePrefixedClassNames('dropdown-content')}\n            onClick={handleMenuClick}\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\n/**\n * The elements a dropdown item may render as. Bulma's dropdown markup names\n * these three and no others, so `as` is a closed set rather than an open\n * `React.ElementType`.\n */\nexport type DropdownItemElement = 'a' | 'div' | 'button';\n\n/**\n * The DropdownItem component's own props.\n */\nexport interface DropdownItemOwnProps extends BulmaClassesProps {\n  /** Whether the item is active. */\n  active?: boolean;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Marks the item as disabled; disabled items are skipped during keyboard navigation. Use with `as=\"button\"` for a native disabled control, or pair with `aria-disabled` on a link. */\n  disabled?: boolean;\n  /** Item content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the DropdownItem component. Everything the item does not own\n * follows `as`: `href`, `target` and `rel` under the default `'a'`, `type` and\n * `form` under `'button'`, and the shared HTML attributes under any of them.\n *\n * Pinning these to `React.HTMLAttributes<HTMLElement>` instead — which is what\n * this type did before — rejected `href` on an anchor and `type` on a button,\n * both of which have always worked at runtime. Same defect as #641, in the\n * narrower shape a constrained `as` takes.\n *\n * **Name the tag you mean.** The type parameter defaults to the whole union, not\n * to the rendered element, so bare `DropdownItemProps` keeps accepting\n * `{ as: 'div' }` the way it always has. The cost is that it is not\n * distributive: `Omit` over a union keeps only the shared keys, so the bare\n * alias carries no `href` even though the component takes one under `as=\"a\"`.\n * Write `DropdownItemProps<'a'>` for the anchor's props. That is the #667 alias\n * limitation Button carries, labelled next-major because closing it is\n * source-breaking, and pinned for this component in\n * `__typetests__/polymorphic.tsx`; the component itself is unaffected.\n */\nexport type DropdownItemProps<\n  T extends DropdownItemElement = DropdownItemElement,\n> = DropdownItemOwnProps &\n  Omit<React.ComponentPropsWithoutRef<T>, keyof DropdownItemOwnProps | 'as'> & {\n    /**\n     * The element type to render.\n     *\n     * `'button'` renders `type=\"button\"` unless you pass `type=\"submit\"` or `type=\"reset\"`, so\n     * an item inside a form does not submit it.\n     */\n    as?: T;\n  };\n\n/**\n * The anchor's attributes, minus the one a `<button>` legitimately takes.\n *\n * `type` stays: `as=\"button\"` is a supported form and `type=\"submit\"` is valid\n * there, so stripping it would remove a working attribute. A `<div>` takes no\n * `type`, so it gets the whole `ANCHOR_ONLY_ATTRS` set instead. The set is\n * chosen by the rendered tag because that is where the reason lives (#692).\n *\n * Neither set withholds `rel`, which `Level.Item` does: React declares `rel` on\n * `HTMLAttributes` for every element, so withholding it would diverge from\n * React's own typing, the call #641 recorded for `Navbar.Link`. Level\n * withholds it anyway, because it always has.\n */\nconst STRIP_FROM_BUTTON: Readonly<\n  Record<Exclude<keyof AnchorOnlyAttributes, 'type'>, true>\n> = (() => {\n  const { type: _type, ...rest } = ANCHOR_ONLY_ATTRS;\n  return rest;\n})();\n\n/**\n * The shape the implementation destructures. The public contract is the generic\n * `DropdownItemProps<T>` above — the body cannot see through `T`.\n */\ntype DropdownItemImplProps = DropdownItemOwnProps & {\n  as?: DropdownItemElement;\n};\n\n/**\n * Bulma Dropdown item.\n *\n * @function\n * @param {DropdownItemProps} props - Props for the DropdownItem component.\n * @returns {JSX.Element} The rendered dropdown item.\n */\nexport const DropdownItem = ((itemProps: DropdownItemProps) => {\n  const {\n    children,\n    active,\n    className,\n    as: Component = 'a',\n    ...props\n  } = itemProps as DropdownItemImplProps;\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n  // The anchor's attributes reach an anchor and nothing else — `<div href>` and\n  // `<button target>` are invalid HTML. The same rule Menu applies, for the same\n  // reason: the type now derives these from `as`, and deriving them must not\n  // quietly widen where they land. The type stops a direct caller; this stops a\n  // plain-JS one, a loose `{...props}` spread, and the genericity a wrapping HOC\n  // erases.\n  //\n  // The whole link set, not `href` alone: they all arrive together under\n  // `as=\"a\"`. Menu strips `href` only, because its `as` is open and a flat set\n  // would delete attributes legal on the element a caller named.\n  //\n  // `bestax-migrate` tracks the same question from the other side, per attribute\n  // per element (`LINK_ATTR_ELEMENTS`) rather than as one set — so the two lists\n  // are not interchangeable and neither derives from the other.\n  //\n  // Menu's condition also admits a custom component and a custom element, which\n  // own their prop contracts. Here the set follows the tag: an `<a>` keeps all\n  // of them, a `<button>` keeps `type`, and any other `as` keeps none of them.\n  const forwarded =\n    Component === 'a'\n      ? rest\n      : Component === 'button'\n        ? omitAttrs(rest, STRIP_FROM_BUTTON)\n        : omitAttrs(rest, ANCHOR_ONLY_ATTRS);\n  return (\n    <Component\n      className={classNames(\n        usePrefixedClassNames('dropdown-item', {\n          'is-active': active,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      data-testid=\"dropdown-item\"\n      {...forwarded}\n      // After `forwarded` for the same reason as `role` and `type` below: a\n      // spread carrying `tabIndex: undefined` would otherwise erase the\n      // default. The item keeps its menu role and its place in the arrow-key\n      // order, but a `<div>` or an anchor without an `href` cannot take focus\n      // without a tabindex, so the arrow keys stall on it.\n      tabIndex={(forwarded as { tabIndex?: number }).tabIndex ?? 0}\n      // After `forwarded` for the same reason as `type` below: a spread\n      // carrying `role: undefined` would otherwise erase the default, and an\n      // item with no role drops out of the menu and its arrow-key order.\n      role={(forwarded as { role?: React.AriaRole }).role ?? 'menuitem'}\n      // A menu item inside a form must not submit it. `<button>` defaults to\n      // type=\"submit\", and a filter or sort menu sitting in a form is ordinary.\n      // Dropdown's own trigger sets it, and `Avatar` and `Menu.Item` default it\n      // the same way. A caller's `submit` or `reset` still wins, and anything\n      // else becomes `button`, since HTML reads a value it does not define for\n      // a button as submit too; `buttonType` says more.\n      //\n      // After `forwarded`, reading through it rather than before it: React\n      // treats `type={undefined}` as \"remove the attribute\", and a spread\n      // carrying an absent key is how that arrives. Spreading the default first\n      // let such a spread erase it and restore the submit behaviour, so the\n      // guard only held for callers who passed nothing.\n      {...(Component === 'button'\n        ? { type: buttonType((forwarded as { type?: unknown }).type) }\n        : {})}\n    >\n      {children}\n    </Component>\n  );\n}) as ConstrainedPolymorphicComponentWithoutRef<\n  DropdownItemOwnProps,\n  DropdownItemElement,\n  'a'\n>;\n\n/**\n * Bulma Dropdown divider.\n *\n * @function\n * @returns {JSX.Element} The rendered divider element.\n */\nexport const DropdownDivider: React.FC = () => (\n  <hr className={usePrefixedClassNames('dropdown-divider')} />\n);\n\n/** Bulma Dropdown component with Item and Divider sub-components. */\nexport const Dropdown = withSubComponents(\n  DropdownComponent,\n  {\n    Item: DropdownItem,\n    Divider: DropdownDivider,\n  },\n  'Dropdown'\n);\n\nexport default Dropdown;\n"],"names":["isBrowser","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useState,\n  useRef,\n  useEffect,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { getActiveElementInTree, isEventInside } from '../helpers/shadowDom';\nimport type { ConstrainedPolymorphicComponentWithoutRef } from '../helpers/polymorphic';\nimport {\n  type AnchorOnlyAttributes,\n  ANCHOR_ONLY_ATTRS,\n  omitAttrs,\n} from '../helpers/anchorAttrs';\nimport { buttonType } from '../helpers/buttonType';\nimport { enabledMenuItems, useMenuKeys } from '../helpers/useMenuKeys';\nimport { useLatestRef } from '../helpers/useLatestRef';\n\n/**\n * Checks if code is running in a browser environment.\n * @deprecated Dropdown's internal SSR guard, exported by accident; it will\n * be removed in the next major. Check `typeof window !== 'undefined' &&\n * typeof document !== 'undefined'` instead.\n * @param win - Window object.\n * @param doc - Document object.\n * @returns {boolean} True if in browser, false otherwise.\n */\nexport const isBrowser = (win?: typeof window, doc?: typeof document) =>\n  typeof win !== 'undefined' && typeof doc !== 'undefined';\n\n/**\n * Props for the Dropdown component.\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the root dropdown element.\n */\nexport interface DropdownProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, keyof BulmaClassesProps>,\n    BulmaClassesProps {\n  /** The dropdown button/trigger content. */\n  label: React.ReactNode;\n  /** Dropdown menu items and dividers. */\n  children: React.ReactNode;\n  /** Additional CSS classes for root. */\n  className?: string;\n  /** Additional CSS classes for the dropdown menu. */\n  menuClassName?: string;\n  /** Whether the dropdown is open (controlled). */\n  active?: boolean;\n  /** Dropdown menu opens upward. */\n  up?: boolean;\n  /** Menu is right-aligned. */\n  right?: boolean;\n  /** Open on hover instead of click. */\n  hoverable?: boolean;\n  /** Disables the dropdown trigger. */\n  disabled?: boolean;\n  /** Callback when dropdown active state changes. */\n  onActiveChange?: (active: boolean) => void;\n  /** Close dropdown when a menu item is clicked, or activated with Enter or Space. */\n  closeOnClick?: boolean;\n  /** Root element ID (for aria-controls, etc). */\n  id?: string;\n}\n\n/**\n * The `Dropdown` component provides Bulma's versatile dropdown menu for your Bulma React UI.\n *\n * Down, Enter and Space on the trigger open the menu on its first enabled\n * item, and Up opens it on its last. On the trigger of a menu that's already\n * open, Down and Up move focus to its first and last item. In the menu, the\n * arrow keys, Home and End move between the items, and Enter and Space run\n * the focused one the way a click does. Typing a letter moves to the next\n * item whose text starts with it, skipping disabled ones, and letters typed\n * in quick succession add up to one search. Typing searches once focus is in\n * the menu, so a letter typed on the trigger does nothing. Escape closes the\n * menu and focuses the trigger, and Tab closes it and lets focus move on.\n * Anything focusable in the menu that isn't an item, such as a field, keeps\n * its own keys apart from Escape and Tab, though an Escape it calls\n * `preventDefault()` on in its own `onKeyDown` stays its own and leaves the\n * menu open. For a panel built around fields, use `Popover`.\n *\n * @function\n * @param {DropdownProps} props - Props for the Dropdown component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the root dropdown element.\n * @returns {JSX.Element} The rendered dropdown.\n * @see {@link https://bulma.io/documentation/components/dropdown/ | Bulma Dropdown documentation}\n */\nconst DropdownComponent = forwardRef<HTMLDivElement, DropdownProps>(\n  function DropdownComponent(\n    {\n      label,\n      children,\n      className,\n      menuClassName,\n      active: activeProp,\n      up,\n      right,\n      hoverable,\n      disabled,\n      onActiveChange,\n      closeOnClick = true,\n      id,\n      ...props\n    },\n    ref\n  ) {\n    const [active, setActive] = useState<boolean>(!!activeProp);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n    const menuKeys = useMenuKeys();\n    const pendingFocusRef = useRef<'first' | 'last' | null>(null);\n\n    // Cleanup returned by a consumer's callback ref on attach, held until detach.\n    const consumerCleanupRef = useRef<(() => void) | null>(null);\n\n    const setRefs = useCallback(\n      (node: HTMLDivElement | null) => {\n        (dropdownRef as React.MutableRefObject<HTMLDivElement | null>).current =\n          node;\n        if (typeof ref === 'function') {\n          // React 19 lets a callback ref return a cleanup function and detaches\n          // by running it instead of calling the ref with `null`; React 18\n          // discards the return value entirely. Returning it from here would be\n          // a React-19-only contract, so instead we hold the cleanup and run it\n          // ourselves on detach — a consumer's cleanup ref then behaves the same\n          // on both majors of the CI matrix.\n          if (node === null) {\n            const consumerCleanup = consumerCleanupRef.current;\n            consumerCleanupRef.current = null;\n            if (consumerCleanup) {\n              consumerCleanup();\n            } else {\n              ref(null);\n            }\n            return;\n          }\n          const cleanup: unknown = ref(node);\n          consumerCleanupRef.current =\n            typeof cleanup === 'function' ? (cleanup as () => void) : null;\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n\n    // Generate Bulma classes with prefix\n    const bulmaClasses = usePrefixedClassNames('dropdown', {\n      'is-active': active,\n      'is-up': up,\n      'is-right': right,\n      'is-hoverable': hoverable,\n      'is-disabled': disabled,\n    });\n\n    const buttonClass = usePrefixedClassNames('button');\n\n    // Controlled mode support: mirror the controlled `active` prop into local\n    // state. This is an intentional external-prop sync (controlled/uncontrolled\n    // hybrid); behavior is covered by tests and certified in-browser.\n    useEffect(() => {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- syncing to controlled prop\n      if (typeof activeProp === 'boolean') setActive(activeProp);\n    }, [activeProp]);\n\n    // Read when a click lands outside, so the listener stays put while\n    // `onActiveChange` changes identity, as an inline one does on every\n    // render of the parent.\n    const onActiveChangeRef = useLatestRef(onActiveChange);\n\n    // SSR-safe outside click\n    useEffect(() => {\n      if (!active) return;\n\n      if (!isBrowser(window, document)) return;\n\n      const handleClick = (e: MouseEvent) => {\n        if (!isEventInside(e, dropdownRef.current)) {\n          setActive(false);\n          onActiveChangeRef.current?.(false);\n        }\n      };\n      document.addEventListener('mousedown', handleClick);\n      return () => document.removeEventListener('mousedown', handleClick);\n    }, [active, onActiveChangeRef]);\n\n    const handleToggle = () => {\n      /* istanbul ignore next: guard is enforced by button[disabled] at the DOM level */\n      if (disabled) return;\n\n      const newActive = !active;\n      setActive(newActive);\n      onActiveChange?.(newActive);\n    };\n\n    const handleMenuClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (closeOnClick) {\n        setActive(false);\n        onActiveChange?.(false);\n        // Closing hides the item that has focus, and the browser drops focus\n        // to the page when that happens. Hand it back to the trigger, as\n        // Escape does. An item that moved focus somewhere else keeps it there.\n        // The menu around this content is what a click between items focuses.\n        const menu = e.currentTarget.parentElement as HTMLElement;\n        if (menu.contains(getActiveElementInTree(e.currentTarget))) {\n          triggerRef.current?.focus();\n        }\n      }\n    };\n\n    const focusEdgeItem = (edge: 'first' | 'last') => {\n      const items = enabledMenuItems(menuRef.current as HTMLElement);\n      items[edge === 'first' ? 0 : items.length - 1]?.focus();\n    };\n\n    // Once the menu shows, forget a search typed just before it last closed,\n    // and focus the pending item. The item is unfocusable while\n    // `display: none` applies, so this must wait for the `is-active` class to\n    // actually land in the DOM.\n    useEffect(() => {\n      if (!active) return;\n      menuKeys.reset();\n      if (!pendingFocusRef.current) return;\n      focusEdgeItem(pendingFocusRef.current);\n      pendingFocusRef.current = null;\n    }, [active, menuKeys]);\n\n    const handleTriggerKeyDown = (\n      e: React.KeyboardEvent<HTMLButtonElement>\n    ) => {\n      if (disabled) return;\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault();\n          pendingFocusRef.current = 'first';\n          if (!active) {\n            setActive(true);\n            onActiveChange?.(true);\n          } else {\n            focusEdgeItem('first');\n            pendingFocusRef.current = null;\n          }\n          break;\n        case 'ArrowUp':\n          e.preventDefault();\n          pendingFocusRef.current = 'last';\n          if (!active) {\n            setActive(true);\n            onActiveChange?.(true);\n          } else {\n            focusEdgeItem('last');\n            pendingFocusRef.current = null;\n          }\n          break;\n        case 'Enter':\n        case ' ':\n          e.preventDefault();\n          // A held key sends a keydown per auto-repeat. Running an item hands\n          // focus back here, so without this a held Enter would reopen the\n          // menu and run whichever item it focused next.\n          if (e.repeat) break;\n          if (!active) {\n            pendingFocusRef.current = 'first';\n            setActive(true);\n            onActiveChange?.(true);\n          } else {\n            setActive(false);\n            onActiveChange?.(false);\n          }\n          break;\n        case 'Escape':\n          if (active) {\n            e.preventDefault();\n            setActive(false);\n            onActiveChange?.(false);\n          }\n          break;\n        default:\n          break;\n      }\n    };\n\n    const handleMenuKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      // Closing is Dropdown's: Escape and Tab close the menu from anywhere in\n      // it, a field included, and an empty or all-disabled menu too. Moving\n      // between the items, running them and typeahead are the hook's, which\n      // acts only while focus is on the menu or one of its items. An Escape\n      // something in the menu already used, such as a field's own list\n      // closing on it, leaves the menu open for the next one.\n      if (e.key === 'Escape') {\n        if (e.defaultPrevented) return;\n        e.preventDefault();\n        setActive(false);\n        onActiveChange?.(false);\n        triggerRef.current?.focus();\n        return;\n      }\n      if (e.key === 'Tab') {\n        setActive(false);\n        onActiveChange?.(false);\n        return;\n      }\n\n      menuKeys.onKeyDown(e);\n    };\n\n    const dropdownClasses = classNames(\n      bulmaClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    return (\n      <div\n        className={dropdownClasses}\n        ref={setRefs}\n        id={id}\n        data-testid=\"dropdown-root\"\n        {...rest}\n      >\n        <div className={usePrefixedClassNames('dropdown-trigger')}>\n          <button\n            ref={triggerRef}\n            className={buttonClass}\n            aria-haspopup=\"true\"\n            aria-controls={id ? `${id}-menu` : undefined}\n            aria-expanded={active}\n            onClick={handleToggle}\n            onKeyDown={handleTriggerKeyDown}\n            disabled={disabled}\n            type=\"button\"\n          >\n            <span>{label}</span>\n            <span\n              className={usePrefixedClassNames('icon', 'is-small')}\n              aria-hidden=\"true\"\n            >\n              <i className=\"fas fa-angle-down\" />\n            </span>\n          </button>\n        </div>\n        <div\n          className={classNames(\n            usePrefixedClassNames('dropdown-menu'),\n            menuClassName\n          )}\n          id={id ? `${id}-menu` : undefined}\n          ref={menuRef}\n          role=\"menu\"\n          data-testid=\"dropdown-menu\"\n          onKeyDown={handleMenuKeyDown}\n          // The menu, not its content, takes focus from a click between items,\n          // so the menu owns nothing focusable but its items.\n          tabIndex={-1}\n        >\n          <div\n            className={usePrefixedClassNames('dropdown-content')}\n            onClick={handleMenuClick}\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\n/**\n * The elements a dropdown item may render as. Bulma's dropdown markup names\n * these three and no others, so `as` is a closed set rather than an open\n * `React.ElementType`.\n */\nexport type DropdownItemElement = 'a' | 'div' | 'button';\n\n/**\n * The DropdownItem component's own props.\n */\nexport interface DropdownItemOwnProps extends BulmaClassesProps {\n  /** Whether the item is active. */\n  active?: boolean;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Marks the item as disabled; disabled items are skipped during keyboard navigation. Use with `as=\"button\"` for a native disabled control, or pair with `aria-disabled` on a link. */\n  disabled?: boolean;\n  /** Item content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the DropdownItem component. Everything the item does not own\n * follows `as`: `href`, `target` and `rel` under the default `'a'`, `type` and\n * `form` under `'button'`, and the shared HTML attributes under any of them.\n *\n * Pinning these to `React.HTMLAttributes<HTMLElement>` instead — which is what\n * this type did before — rejected `href` on an anchor and `type` on a button,\n * both of which have always worked at runtime. Same defect as #641, in the\n * narrower shape a constrained `as` takes.\n *\n * **Name the tag you mean.** The type parameter defaults to the whole union, not\n * to the rendered element, so bare `DropdownItemProps` keeps accepting\n * `{ as: 'div' }` the way it always has. The cost is that it is not\n * distributive: `Omit` over a union keeps only the shared keys, so the bare\n * alias carries no `href` even though the component takes one under `as=\"a\"`.\n * Write `DropdownItemProps<'a'>` for the anchor's props. That is the #667 alias\n * limitation Button carries, labelled next-major because closing it is\n * source-breaking, and pinned for this component in\n * `__typetests__/polymorphic.tsx`; the component itself is unaffected.\n */\nexport type DropdownItemProps<\n  T extends DropdownItemElement = DropdownItemElement,\n> = DropdownItemOwnProps &\n  Omit<React.ComponentPropsWithoutRef<T>, keyof DropdownItemOwnProps | 'as'> & {\n    /**\n     * The element type to render.\n     *\n     * `'button'` renders `type=\"button\"` unless you pass `type=\"submit\"` or `type=\"reset\"`, so\n     * an item inside a form does not submit it.\n     */\n    as?: T;\n  };\n\n/**\n * The anchor's attributes, minus the one a `<button>` legitimately takes.\n *\n * `type` stays: `as=\"button\"` is a supported form and `type=\"submit\"` is valid\n * there, so stripping it would remove a working attribute. A `<div>` takes no\n * `type`, so it gets the whole `ANCHOR_ONLY_ATTRS` set instead. The set is\n * chosen by the rendered tag because that is where the reason lives (#692).\n *\n * Neither set withholds `rel`, which `Level.Item` does: React declares `rel` on\n * `HTMLAttributes` for every element, so withholding it would diverge from\n * React's own typing, the call #641 recorded for `Navbar.Link`. Level\n * withholds it anyway, because it always has.\n */\nconst STRIP_FROM_BUTTON: Readonly<\n  Record<Exclude<keyof AnchorOnlyAttributes, 'type'>, true>\n> = (() => {\n  const { type: _type, ...rest } = ANCHOR_ONLY_ATTRS;\n  return rest;\n})();\n\n/**\n * The shape the implementation destructures. The public contract is the generic\n * `DropdownItemProps<T>` above — the body cannot see through `T`.\n */\ntype DropdownItemImplProps = DropdownItemOwnProps & {\n  as?: DropdownItemElement;\n};\n\n/**\n * Bulma Dropdown item.\n *\n * @function\n * @param {DropdownItemProps} props - Props for the DropdownItem component.\n * @returns {JSX.Element} The rendered dropdown item.\n */\nexport const DropdownItem = ((itemProps: DropdownItemProps) => {\n  const {\n    children,\n    active,\n    className,\n    as: Component = 'a',\n    ...props\n  } = itemProps as DropdownItemImplProps;\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n  // The anchor's attributes reach an anchor and nothing else — `<div href>` and\n  // `<button target>` are invalid HTML. The same rule Menu applies, for the same\n  // reason: the type now derives these from `as`, and deriving them must not\n  // quietly widen where they land. The type stops a direct caller; this stops a\n  // plain-JS one, a loose `{...props}` spread, and the genericity a wrapping HOC\n  // erases.\n  //\n  // The whole link set, not `href` alone: they all arrive together under\n  // `as=\"a\"`. Menu strips `href` only, because its `as` is open and a flat set\n  // would delete attributes legal on the element a caller named.\n  //\n  // `bestax-migrate` tracks the same question from the other side, per attribute\n  // per element (`LINK_ATTR_ELEMENTS`) rather than as one set — so the two lists\n  // are not interchangeable and neither derives from the other.\n  //\n  // Menu's condition also admits a custom component and a custom element, which\n  // own their prop contracts. Here the set follows the tag: an `<a>` keeps all\n  // of them, a `<button>` keeps `type`, and any other `as` keeps none of them.\n  const forwarded =\n    Component === 'a'\n      ? rest\n      : Component === 'button'\n        ? omitAttrs(rest, STRIP_FROM_BUTTON)\n        : omitAttrs(rest, ANCHOR_ONLY_ATTRS);\n  return (\n    <Component\n      className={classNames(\n        usePrefixedClassNames('dropdown-item', {\n          'is-active': active,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      data-testid=\"dropdown-item\"\n      {...forwarded}\n      // After `forwarded` for the same reason as `role` and `type` below: a\n      // spread carrying `tabIndex: undefined` would otherwise erase the\n      // default. The item keeps its menu role and its place in the arrow-key\n      // order, but a `<div>` or an anchor without an `href` cannot take focus\n      // without a tabindex, so the arrow keys stall on it.\n      tabIndex={(forwarded as { tabIndex?: number }).tabIndex ?? 0}\n      // After `forwarded` for the same reason as `type` below: a spread\n      // carrying `role: undefined` would otherwise erase the default, and an\n      // item with no role drops out of the menu and its arrow-key order.\n      role={(forwarded as { role?: React.AriaRole }).role ?? 'menuitem'}\n      // A menu item inside a form must not submit it. `<button>` defaults to\n      // type=\"submit\", and a filter or sort menu sitting in a form is ordinary.\n      // Dropdown's own trigger sets it, and `Avatar` and `Menu.Item` default it\n      // the same way. A caller's `submit` or `reset` still wins, and anything\n      // else becomes `button`, since HTML reads a value it does not define for\n      // a button as submit too; `buttonType` says more.\n      //\n      // After `forwarded`, reading through it rather than before it: React\n      // treats `type={undefined}` as \"remove the attribute\", and a spread\n      // carrying an absent key is how that arrives. Spreading the default first\n      // let such a spread erase it and restore the submit behaviour, so the\n      // guard only held for callers who passed nothing.\n      {...(Component === 'button'\n        ? { type: buttonType((forwarded as { type?: unknown }).type) }\n        : {})}\n    >\n      {children}\n    </Component>\n  );\n}) as ConstrainedPolymorphicComponentWithoutRef<\n  DropdownItemOwnProps,\n  DropdownItemElement,\n  'a'\n>;\n\n/**\n * Bulma Dropdown divider.\n *\n * @function\n * @returns {JSX.Element} The rendered divider element.\n */\nexport const DropdownDivider: React.FC = () => (\n  <hr className={usePrefixedClassNames('dropdown-divider')} />\n);\n\n/** Bulma Dropdown component with Item and Divider sub-components. */\nexport const Dropdown = withSubComponents(\n  DropdownComponent,\n  {\n    Item: DropdownItem,\n    Divider: DropdownDivider,\n  },\n  'Dropdown'\n);\n\nexport default Dropdown;\n"],"names":["isBrowser","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/EmptyState.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';

package/dist/esm/components/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n} from '../helpers/useBulmaClasses';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { Buttons, ButtonsProps } from '../elements/Buttons';\nimport { Icon } from '../elements/Icon';\nimport { Paragraph, ParagraphProps } from '../elements/Paragraph';\nimport { Title, TitleProps } from '../elements/Title';\n\nconst validEmptyStateColors = [\n  'primary',\n  'link',\n  'info',\n  'success',\n  'warning',\n  'danger',\n] as const;\n/** The Bulma colors the indicator takes. */\nexport type EmptyStateColor = (typeof validEmptyStateColors)[number];\n\nconst validEmptyStateHeadings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\n/** A title's heading level. It's always a heading, so there's no `p`. */\nexport type EmptyStateHeading = (typeof validEmptyStateHeadings)[number];\n\nconst validEmptyStateSizes = ['small', 'medium', 'large'] as const;\n\n/**\n * Props for the EmptyState component. The helper props, the other attributes\n * and the `ref` land on the root `<div>`. The native `title` attribute isn't\n * one of them, since `title` here is the heading.\n *\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the root `<div>`.\n */\nexport interface EmptyStateProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'title'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /**\n   * The picture in the indicator's circle. A string is an `Icon` name, drawn\n   * from the icon library `ConfigProvider` sets. Anything else (an `<Icon>`\n   * with its own `variant` or `library`, an SVG, an `<img>`) renders as it is.\n   * It's decorative and hidden from assistive tech, so the title says what\n   * it means.\n   */\n  icon?: React.ReactNode;\n  /**\n   * The heading, rendered as `EmptyState.Title`. It's always a real heading,\n   * at the level `titleAs` sets.\n   */\n  title?: React.ReactNode;\n  /**\n   * The heading level for `title`: the level under the heading of the list\n   * it stands in for, such as `h3` for a list under an `h2`. Only this sets\n   * the level, and the size comes from `size`.\n   */\n  titleAs?: EmptyStateHeading;\n  /** A sentence or two under the title, rendered as `EmptyState.Description`. */\n  description?: React.ReactNode;\n  /**\n   * Rendered as written, after whatever `icon`, `title` and `description`\n   * render. One button can go straight in, and it sits centered under the\n   * text. Group two or more in `EmptyState.Actions`, or they stack. Without\n   * the props, write the parts here in the order they're shown:\n   * `EmptyState.Indicator`, `.Title`, `.Description`, then the actions.\n   */\n  children?: React.ReactNode;\n  /**\n   * The indicator's color. It colors the circle and its icon, not the text.\n   * Without it the circle is neutral, since an empty list isn't a status.\n   */\n  color?: EmptyStateColor;\n  /**\n   * `light` is a soft tint of `color` behind the icon in the color. `filled`\n   * is the color itself, with the icon in its invert.\n   */\n  variant?: 'light' | 'filled';\n  /** Sizes the indicator, the title, the description and the spacing together. */\n  size?: 'small' | 'normal' | 'medium' | 'large';\n  /**\n   * `center` stacks everything in a centered column. `left` puts the\n   * indicator beside the text, at the start of the line, so on the right in\n   * a right-to-left page, and keeps the block at least as tall as the circle\n   * whatever block padding is in effect. Without an indicator, it only puts\n   * the text at the start of the line. In `left`, the padding at the start\n   * of the line is what makes room for the indicator, so pad it with `py`\n   * rather than `p` or `px`.\n   */\n  align?: 'center' | 'left';\n  /** Text color helper. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n}\n\n/** Props for EmptyState.Indicator, the circle the picture sits in. */\nexport interface EmptyStateIndicatorProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /**\n   * The picture: an `Icon`, an SVG or an `<img>`. The indicator is hidden\n   * from assistive tech, an `Icon` with an `ariaLabel` included, so anything\n   * it means goes in the title or the description.\n   */\n  children?: React.ReactNode;\n  /** Text color helper. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n}\n\n/**\n * Props for EmptyState.Title. It renders `Title` with `as` and never `size`,\n * so the level is `as` alone and the size comes from the EmptyState.\n */\nexport interface EmptyStateTitleProps extends Omit<\n  TitleProps,\n  'as' | 'size' | 'isSpaced'\n> {\n  /**\n   * The heading level: the level under the heading of the list the empty\n   * state stands in for.\n   */\n  as?: EmptyStateHeading;\n}\n\n/** Props for EmptyState.Description, a `<p>` under the title. */\nexport type EmptyStateDescriptionProps = ParagraphProps;\n\n/**\n * Props for EmptyState.Actions, the row of buttons. It renders `Buttons`,\n * and the EmptyState aligns it, so `isCentered` and `isRight` are left out.\n */\nexport type EmptyStateActionsProps = Omit<\n  ButtonsProps,\n  'isCentered' | 'isRight'\n>;\n\n/**\n * The circle the picture sits in, hidden from assistive tech whatever is in it.\n *\n * @function\n * @param {EmptyStateIndicatorProps} props - Props for EmptyState.Indicator.\n * @returns {JSX.Element} The rendered indicator.\n */\nexport const EmptyStateIndicator: React.FC<EmptyStateIndicatorProps> = ({\n  className,\n  textColor,\n  bgColor,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  const indicatorClass = usePrefixedClassNames('empty-state-indicator');\n\n  // Hidden after the rest of the props, so nothing passed in can expose the\n  // picture: the title says what it means.\n  return (\n    <div\n      className={classNames(indicatorClass, bulmaHelperClasses, className)}\n      {...rest}\n      aria-hidden=\"true\"\n    >\n      {children}\n    </div>\n  );\n};\n\nEmptyStateIndicator.displayName = 'EmptyState.Indicator';\n\n/**\n * The heading, a Bulma `Title` at the level `as` sets, `h2` by default, and at the EmptyState's size.\n *\n * @function\n * @param {EmptyStateTitleProps} props - Props for EmptyState.Title.\n * @returns {JSX.Element} The rendered heading.\n */\nexport const EmptyStateTitle: React.FC<EmptyStateTitleProps> = ({\n  as = 'h2',\n  className,\n  ...props\n}) => {\n  // `size` isn't in the type, but on `Title` it picks the tag, so it's kept\n  // off even when it's passed anyway. The level is `as` alone.\n  const { size: _size, ...rest } = props as typeof props & { size?: unknown };\n  const titleClass = usePrefixedClassNames('empty-state-title');\n  const level = validEmptyStateHeadings.includes(as) ? as : 'h2';\n\n  return (\n    <Title as={level} className={classNames(titleClass, className)} {...rest} />\n  );\n};\n\nEmptyStateTitle.displayName = 'EmptyState.Title';\n\n/**\n * A sentence or two under the title, in the color of the text around it.\n *\n * @function\n * @param {EmptyStateDescriptionProps} props - Props for EmptyState.Description.\n * @returns {JSX.Element} The rendered description.\n */\nexport const EmptyStateDescription: React.FC<EmptyStateDescriptionProps> = ({\n  className,\n  ...props\n}) => {\n  const descriptionClass = usePrefixedClassNames('empty-state-description');\n  return (\n    <Paragraph className={classNames(descriptionClass, className)} {...props} />\n  );\n};\n\nEmptyStateDescription.displayName = 'EmptyState.Description';\n\n/**\n * A row of buttons, centered under the text or at the start of the line beside the indicator.\n *\n * @function\n * @param {EmptyStateActionsProps} props - Props for EmptyState.Actions.\n * @returns {JSX.Element} The rendered row of buttons.\n */\nexport const EmptyStateActions: React.FC<EmptyStateActionsProps> = ({\n  className,\n  ...props\n}) => {\n  const actionsClass = usePrefixedClassNames('empty-state-actions');\n  return <Buttons className={classNames(actionsClass, className)} {...props} />;\n};\n\nEmptyStateActions.displayName = 'EmptyState.Actions';\n\n/** Whether a shorthand prop was given something to render. */\nconst isGiven = (node: React.ReactNode) =>\n  node !== undefined &&\n  node !== null &&\n  typeof node !== 'boolean' &&\n  node !== '';\n\n/**\n * The `EmptyState` component renders the block an app shows where content would be: an empty list, a search with no results, or a first-run screen.\n *\n * It's a column of a picture in a circle, a heading, a line of text and the\n * actions, with one layout whether it's written with the `icon`, `title` and\n * `description` props or with the parts. The children always render as\n * written, after the parts the props render.\n *\n * It has no role and no live region. It arrives already filled and goes away\n * when results come back, so it can't announce a search that matched\n * nothing: keep a `role=\"status\"` region beside the search field for that,\n * in the page the whole time. While the data loads, show a `Skeleton` or a\n * `Loader` instead, so \"No projects yet\" doesn't flash first, and show a\n * load that failed in a `Message` or a `Notification`.\n *\n * @function\n * @param {EmptyStateProps} props - Props for the EmptyState component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the root `<div>`.\n * @returns {JSX.Element} The rendered empty state.\n *\n * @example\n * <EmptyState\n *   icon=\"folder-open\"\n *   title=\"No projects yet\"\n *   description=\"Projects you create or join show up here.\"\n * >\n *   <Button color=\"primary\">New project</Button>\n * </EmptyState>\n */\nconst EmptyStateRoot = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      className,\n      icon,\n      title,\n      titleAs = 'h2',\n      description,\n      children,\n      color,\n      variant = 'light',\n      size = 'normal',\n      align = 'center',\n      textColor,\n      bgColor,\n      ...props\n    },\n    ref\n  ) => {\n    const { bulmaHelperClasses, rest } = useBulmaClasses({\n      color: textColor,\n      backgroundColor: bgColor,\n      ...props,\n    });\n    const rootClass = usePrefixedClassNames('empty-state', {\n      [`is-${size}`]: (validEmptyStateSizes as readonly string[]).includes(\n        size\n      ),\n      'is-left': align === 'left',\n      [`is-${color}`]:\n        !!color && (validEmptyStateColors as readonly string[]).includes(color),\n      'is-filled': variant === 'filled',\n    });\n\n    // The props' parts first, each only when it's given, then the children\n    // exactly as they were written: nothing here looks at them.\n    return (\n      <div\n        ref={ref}\n        className={classNames(rootClass, bulmaHelperClasses, className)}\n        {...rest}\n      >\n        {isGiven(icon) && (\n          <EmptyStateIndicator>\n            {typeof icon === 'string' ? <Icon name={icon} /> : icon}\n          </EmptyStateIndicator>\n        )}\n        {isGiven(title) && (\n          <EmptyStateTitle as={titleAs}>{title}</EmptyStateTitle>\n        )}\n        {isGiven(description) && (\n          <EmptyStateDescription>{description}</EmptyStateDescription>\n        )}\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const EmptyState = withSubComponents(\n  EmptyStateRoot,\n  {\n    Indicator: EmptyStateIndicator,\n    Title: EmptyStateTitle,\n    Description: EmptyStateDescription,\n    Actions: EmptyStateActions,\n  },\n  'EmptyState'\n);\n\nexport default EmptyState;\n"],"names":["_jsx","isGiven","_jsxs"],"mappings":"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"}
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n} from '../helpers/useBulmaClasses';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { Buttons, ButtonsProps } from '../elements/Buttons';\nimport { Icon } from '../elements/Icon';\nimport { Paragraph, ParagraphProps } from '../elements/Paragraph';\nimport { Title, TitleProps } from '../elements/Title';\n\nconst validEmptyStateColors = [\n  'primary',\n  'link',\n  'info',\n  'success',\n  'warning',\n  'danger',\n] as const;\n/** The Bulma colors the indicator takes. */\nexport type EmptyStateColor = (typeof validEmptyStateColors)[number];\n\nconst validEmptyStateHeadings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\n/** A title's heading level. It's always a heading, so there's no `p`. */\nexport type EmptyStateHeading = (typeof validEmptyStateHeadings)[number];\n\nconst validEmptyStateSizes = ['small', 'medium', 'large'] as const;\n\n/**\n * Props for the EmptyState component. The helper props, the other attributes\n * and the `ref` land on the root `<div>`. The native `title` attribute isn't\n * one of them, since `title` here is the heading.\n *\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the root `<div>`.\n */\nexport interface EmptyStateProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'title'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /**\n   * The picture in the indicator's circle. A string is an `Icon` name, drawn\n   * from the icon library `ConfigProvider` sets. Anything else (an `<Icon>`\n   * with its own `variant` or `library`, an SVG, an `<img>`) renders as it is.\n   * It's decorative and hidden from assistive tech, so the title says what\n   * it means.\n   */\n  icon?: React.ReactNode;\n  /**\n   * The heading, rendered as `EmptyState.Title`. It's always a real heading,\n   * at the level `titleAs` sets.\n   */\n  title?: React.ReactNode;\n  /**\n   * The heading level for `title`: the level under the heading of the list\n   * it stands in for, such as `h3` for a list under an `h2`. Only this sets\n   * the level, and the size comes from `size`.\n   */\n  titleAs?: EmptyStateHeading;\n  /** A sentence or two under the title, rendered as `EmptyState.Description`. */\n  description?: React.ReactNode;\n  /**\n   * Rendered as written, after whatever `icon`, `title` and `description`\n   * render. One button can go straight in, and it sits centered under the\n   * text. Group two or more in `EmptyState.Actions`, or they stack. Without\n   * the props, write the parts here in the order they're shown:\n   * `EmptyState.Indicator`, `.Title`, `.Description`, then the actions.\n   */\n  children?: React.ReactNode;\n  /**\n   * The indicator's color. It colors the circle and its icon, not the text.\n   * Without it the circle is neutral, since an empty list isn't a status.\n   */\n  color?: EmptyStateColor;\n  /**\n   * `light` is a soft tint of `color` behind the icon in the color. `filled`\n   * is the color itself, with the icon in its invert.\n   */\n  variant?: 'light' | 'filled';\n  /** Sizes the indicator, the title, the description and the spacing together. */\n  size?: 'small' | 'normal' | 'medium' | 'large';\n  /**\n   * `center` stacks everything in a centered column. `left` puts the\n   * indicator beside the text, at the start of the line, so on the right in\n   * a right-to-left page, and keeps the block at least as tall as the circle\n   * whatever block padding is in effect. Without an indicator, it only puts\n   * the text at the start of the line. In `left`, the padding at the start\n   * of the line is what makes room for the indicator, so pad it with `py`\n   * rather than `p` or `px`.\n   */\n  align?: 'center' | 'left';\n  /** Text color helper. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n}\n\n/** Props for EmptyState.Indicator, the circle the picture sits in. */\nexport interface EmptyStateIndicatorProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /**\n   * The picture: an `Icon`, an SVG or an `<img>`. The indicator is hidden\n   * from assistive tech, an `Icon` with an `ariaLabel` included, so anything\n   * it means goes in the title or the description.\n   */\n  children?: React.ReactNode;\n  /** Text color helper. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n}\n\n/**\n * Props for EmptyState.Title. It renders `Title` with `as` and never `size`,\n * so the level is `as` alone and the size comes from the EmptyState.\n */\nexport interface EmptyStateTitleProps extends Omit<\n  TitleProps,\n  'as' | 'size' | 'isSpaced'\n> {\n  /**\n   * The heading level: the level under the heading of the list the empty\n   * state stands in for.\n   */\n  as?: EmptyStateHeading;\n}\n\n/** Props for EmptyState.Description, a `<p>` under the title. */\nexport type EmptyStateDescriptionProps = ParagraphProps;\n\n/**\n * Props for EmptyState.Actions, the row of buttons. It renders `Buttons`,\n * and the EmptyState aligns it, so `isCentered` and `isRight` are left out.\n */\nexport type EmptyStateActionsProps = Omit<\n  ButtonsProps,\n  'isCentered' | 'isRight'\n>;\n\n/**\n * The circle the picture sits in, hidden from assistive tech whatever is in it.\n *\n * @function\n * @param {EmptyStateIndicatorProps} props - Props for EmptyState.Indicator.\n * @returns {JSX.Element} The rendered indicator.\n */\nexport const EmptyStateIndicator: React.FC<EmptyStateIndicatorProps> = ({\n  className,\n  textColor,\n  bgColor,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  const indicatorClass = usePrefixedClassNames('empty-state-indicator');\n\n  // Hidden after the rest of the props, so nothing passed in can expose the\n  // picture: the title says what it means.\n  return (\n    <div\n      className={classNames(indicatorClass, bulmaHelperClasses, className)}\n      {...rest}\n      aria-hidden=\"true\"\n    >\n      {children}\n    </div>\n  );\n};\n\nEmptyStateIndicator.displayName = 'EmptyState.Indicator';\n\n/**\n * The heading, a Bulma `Title` at the level `as` sets, `h2` by default, and at the EmptyState's size.\n *\n * @function\n * @param {EmptyStateTitleProps} props - Props for EmptyState.Title.\n * @returns {JSX.Element} The rendered heading.\n */\nexport const EmptyStateTitle: React.FC<EmptyStateTitleProps> = ({\n  as = 'h2',\n  className,\n  ...props\n}) => {\n  // `size` isn't in the type, but on `Title` it picks the tag, so it's kept\n  // off even when it's passed anyway. The level is `as` alone.\n  const { size: _size, ...rest } = props as typeof props & { size?: unknown };\n  const titleClass = usePrefixedClassNames('empty-state-title');\n  const level = validEmptyStateHeadings.includes(as) ? as : 'h2';\n\n  return (\n    <Title as={level} className={classNames(titleClass, className)} {...rest} />\n  );\n};\n\nEmptyStateTitle.displayName = 'EmptyState.Title';\n\n/**\n * A sentence or two under the title, in the color of the text around it.\n *\n * @function\n * @param {EmptyStateDescriptionProps} props - Props for EmptyState.Description.\n * @returns {JSX.Element} The rendered description.\n */\nexport const EmptyStateDescription: React.FC<EmptyStateDescriptionProps> = ({\n  className,\n  ...props\n}) => {\n  const descriptionClass = usePrefixedClassNames('empty-state-description');\n  return (\n    <Paragraph className={classNames(descriptionClass, className)} {...props} />\n  );\n};\n\nEmptyStateDescription.displayName = 'EmptyState.Description';\n\n/**\n * A row of buttons, centered under the text or at the start of the line beside the indicator.\n *\n * @function\n * @param {EmptyStateActionsProps} props - Props for EmptyState.Actions.\n * @returns {JSX.Element} The rendered row of buttons.\n */\nexport const EmptyStateActions: React.FC<EmptyStateActionsProps> = ({\n  className,\n  ...props\n}) => {\n  const actionsClass = usePrefixedClassNames('empty-state-actions');\n  return <Buttons className={classNames(actionsClass, className)} {...props} />;\n};\n\nEmptyStateActions.displayName = 'EmptyState.Actions';\n\n/** Whether a shorthand prop was given something to render. */\nconst isGiven = (node: React.ReactNode) =>\n  node !== undefined &&\n  node !== null &&\n  typeof node !== 'boolean' &&\n  node !== '';\n\n/**\n * The `EmptyState` component renders the block an app shows where content would be: an empty list, a search with no results, or a first-run screen.\n *\n * It's a column of a picture in a circle, a heading, a line of text and the\n * actions, with one layout whether it's written with the `icon`, `title` and\n * `description` props or with the parts. The children always render as\n * written, after the parts the props render.\n *\n * It has no role and no live region. It arrives already filled and goes away\n * when results come back, so it can't announce a search that matched\n * nothing: keep a `role=\"status\"` region beside the search field for that,\n * in the page the whole time. While the data loads, show a `Skeleton` or a\n * `Loader` instead, so \"No projects yet\" doesn't flash first, and show a\n * load that failed in a `Message` or a `Notification`.\n *\n * @function\n * @param {EmptyStateProps} props - Props for the EmptyState component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the root `<div>`.\n * @returns {JSX.Element} The rendered empty state.\n *\n * @example\n * <EmptyState\n *   icon=\"folder-open\"\n *   title=\"No projects yet\"\n *   description=\"Projects you create or join show up here.\"\n * >\n *   <Button color=\"primary\">New project</Button>\n * </EmptyState>\n */\nconst EmptyStateRoot = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      className,\n      icon,\n      title,\n      titleAs = 'h2',\n      description,\n      children,\n      color,\n      variant = 'light',\n      size = 'normal',\n      align = 'center',\n      textColor,\n      bgColor,\n      ...props\n    },\n    ref\n  ) => {\n    const { bulmaHelperClasses, rest } = useBulmaClasses({\n      color: textColor,\n      backgroundColor: bgColor,\n      ...props,\n    });\n    const rootClass = usePrefixedClassNames('empty-state', {\n      [`is-${size}`]: (validEmptyStateSizes as readonly string[]).includes(\n        size\n      ),\n      'is-left': align === 'left',\n      [`is-${color}`]:\n        !!color && (validEmptyStateColors as readonly string[]).includes(color),\n      'is-filled': variant === 'filled',\n    });\n\n    // The props' parts first, each only when it's given, then the children\n    // exactly as they were written: nothing here looks at them.\n    return (\n      <div\n        ref={ref}\n        className={classNames(rootClass, bulmaHelperClasses, className)}\n        {...rest}\n      >\n        {isGiven(icon) && (\n          <EmptyStateIndicator>\n            {typeof icon === 'string' ? <Icon name={icon} /> : icon}\n          </EmptyStateIndicator>\n        )}\n        {isGiven(title) && (\n          <EmptyStateTitle as={titleAs}>{title}</EmptyStateTitle>\n        )}\n        {isGiven(description) && (\n          <EmptyStateDescription>{description}</EmptyStateDescription>\n        )}\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const EmptyState = withSubComponents(\n  EmptyStateRoot,\n  {\n    Indicator: EmptyStateIndicator,\n    Title: EmptyStateTitle,\n    Description: EmptyStateDescription,\n    Actions: EmptyStateActions,\n  },\n  'EmptyState'\n);\n\nexport default EmptyState;\n"],"names":["_jsx","isGiven","_jsxs"],"mappings":"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"}

package/dist/esm/components/HoverCard.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useId, useState, useCallback, useMemo, useEffect, cloneElement } from 'react';
 import { classNames, usePrefixedClassNames } from '../helpers/classNames.js';

package/dist/esm/components/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../../src/components/HoverCard.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { Portal } from '../helpers/portal';\nimport { useIsHydrated } from '../helpers/useIsHydrated';\nimport { marginGap, useAnchoredPosition } from '../helpers/useAnchoredPosition';\nimport { chain, useHoverOpen } from '../helpers/useHoverOpen';\nimport { isTabbableKind } from '../helpers/useFocusTrap';\nimport { isDev, warnOnce } from '../helpers/devWarnings';\nimport type { PickerPosition } from '../form/_pickerInternals/pickerTypes';\n\n/**\n * Where the card opens against its trigger: below (`bottom-*`) or above\n * (`top-*`), lined up with the trigger's left or right edge. `auto` picks the\n * one that keeps the card in the viewport, preferring below and lined up on\n * the left. The same union `Popover` and the date and time pickers take.\n */\nexport type HoverCardPosition = PickerPosition;\n\n/**\n * Props for the HoverCard component. `className`, `id`, the other HTML\n * attributes and the helper props land on the `span` around the trigger, not\n * on the card; `contentClassName` reaches the card.\n * @extraProp {string} [className] - Additional classes for the `span` around the trigger. The card takes `contentClassName`.\n */\nexport interface HoverCardProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'children'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /**\n   * The element the card previews, such as a link or a `Button`. The element\n   * itself has to take focus, so keyboard users can open the card too: a\n   * link inside a `<span>` doesn't do, since focus comes back to the trigger\n   * and its ARIA is on it. HoverCard gives it no role and no tab stop, since\n   * it can't know what the element is, and a development build warns when\n   * it can't take focus: use a link or a button, or give the element\n   * `tabIndex={0}`. A disabled button can't take focus either. HoverCard adds\n   * `aria-expanded` and `aria-controls`, both naming the card only while it\n   * is on the page, so it has to be a single element that passes those to\n   * its DOM node. Its own click and keys stay its own, and the card doesn't\n   * toggle on them, except Escape while the card is open, which closes the\n   * card before the trigger sees it.\n   */\n  trigger: React.ReactElement;\n  /**\n   * The card's content: a preview whose links and buttons are fine, but not a\n   * form, which belongs in a `Popover`. The card pads itself, so content goes\n   * straight in.\n   */\n  children?: React.ReactNode;\n  /**\n   * Controlled open state. When set, hover, focus and Escape only report\n   * through `onOpenChange`, so an action inside the card can close it. While\n   * the card is open, Escape is reported, and when focus is in the card, on\n   * its trigger or nowhere, the key stops there even if you keep the card\n   * open, so a `Modal` around it doesn't close from the keyboard until the\n   * card does.\n   */\n  open?: boolean;\n  /**\n   * Initial open state when uncontrolled. A card that starts open stays open\n   * until the pointer or focus has been and gone, or Escape closes it.\n   * @defaultValue false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the state asked for: when `openDelay` or `closeDelay` runs\n   * out, and right away on Escape. Fires in both controlled and uncontrolled\n   * use. An Escape it reports stops at the card when focus is in the card,\n   * on its trigger or nowhere, so nothing around it sees that key. With\n   * focus anywhere else, the card still closes and the key goes on to\n   * whatever has focus.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * How long the pointer or keyboard focus waits on the trigger before the\n   * card opens, in milliseconds.\n   * @defaultValue 600\n   */\n  openDelay?: number;\n  /**\n   * How long the card stays after the pointer and focus have left the trigger\n   * and the card, in milliseconds. It is the time the pointer has to cross\n   * the gap between the trigger and the card: with `0` the card closes as the\n   * pointer leaves the trigger, before the pointer can reach it.\n   * @defaultValue 300\n   */\n  closeDelay?: number;\n  /**\n   * Where the card opens against the trigger.\n   * @defaultValue 'bottom-left'\n   */\n  position?: HoverCardPosition;\n  /**\n   * Render the card through `Portal`, into the `portalContainer` a\n   * `ConfigProvider` sets, `document.body` by default, fixed to the viewport,\n   * so an ancestor's `overflow`, `transform` or stacking context can't clip\n   * it. A trigger in running text needs it too, since the card's block\n   * content can't sit inside a `<p>`. The card then shows from the commit\n   * after hydration, never in server markup, and it sits in the Tab order\n   * where its container is. At the end of `<body>`, the default, Tab reaches\n   * it only after the rest of the page, and focus leaving the trigger on the\n   * way closes it, so keyboard users can open it, read it and close it with\n   * Escape, and whatever it links to has to be reachable from the page as\n   * well. It is measured against the trigger when it opens and on resize and\n   * scroll, so it doesn't follow content that changes size while it is open.\n   * Theming variables set on an ancestor of the trigger reach it only when its\n   * container is inside that ancestor.\n   * @defaultValue false\n   */\n  appendToBody?: boolean;\n  /**\n   * Open the card with a tap on a touch screen. Touch has no hover, so\n   * without this a phone or tablet never opens the card. With it, a tap on\n   * the trigger opens the card at once, and it stays until a second tap on\n   * the trigger, a tap outside the trigger and the card, or Escape. The tap\n   * still does whatever the trigger does, so turn this on only for a trigger\n   * with no tap action of its own, such as a `Button` with no `onClick`: on\n   * a link, the first tap would follow the link rather than show the card.\n   * Mouse and pen work the same either way.\n   * @defaultValue false\n   */\n  openOnTap?: boolean;\n  /** Additional classes for the card (`.hover-card-content`). */\n  contentClassName?: string;\n}\n\n/**\n * The `HoverCard` component shows a card previewing what's behind a link or a button while the pointer rests on it or keyboard focus is on it.\n *\n * Nothing moves focus when the card opens, and nothing traps it. In place,\n * the card comes right after the trigger, so Tab goes from the trigger into\n * its links and tabbing past them closes it. The pointer can move onto the\n * card, Escape closes it from anywhere, and by default touch doesn't open it,\n * so tapping the trigger just does what the trigger does. `openOnTap` opens\n * it with a tap, for a trigger with no tap action of its own. For hints with nothing to\n * click use `Tooltip`, and for content opened on purpose, such as a form,\n * use `Popover`.\n *\n * @function\n * @param {HoverCardProps} props - Props for the HoverCard component.\n * @returns {JSX.Element} The trigger in its wrapper, and the card while open.\n *\n * @example\n * <HoverCard trigger={<a href=\"/people/ada\">Ada Lovelace</a>}>\n *   <Title as=\"p\" size=\"6\">Ada Lovelace</Title>\n *   <SubTitle as=\"p\" size=\"6\">Analytical Engine team</SubTitle>\n * </HoverCard>\n */\nexport const HoverCard: React.FC<HoverCardProps> = ({\n  trigger,\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  openDelay = 600,\n  closeDelay = 300,\n  position = 'bottom-left',\n  appendToBody = false,\n  openOnTap = false,\n  className,\n  contentClassName,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n  const {\n    onPointerEnter,\n    onPointerOver,\n    onPointerLeave,\n    onPointerDown,\n    onPointerUp,\n    onFocus,\n    onBlur,\n    ...attrs\n  } = rest;\n  const rootRef = useRef<HTMLSpanElement>(null);\n  const cardRef = useRef<HTMLDivElement>(null);\n  const cardId = `${useId()}-card`;\n\n  const isControlled = controlledOpen !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isOpen = controlledOpen ?? internalOpen;\n\n  const requestOpen = useCallback(\n    (next: boolean) => {\n      onOpenChange?.(next);\n      if (!isControlled) setInternalOpen(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  // A portaled card has no server markup, so it only exists from the commit\n  // after hydration, and nothing measures it before then.\n  const hydrated = useIsHydrated();\n  const cardMounted = isOpen && (hydrated || !appendToBody);\n\n  const resolved = useAnchoredPosition(rootRef, cardRef, {\n    active: cardMounted,\n    position,\n    fixed: appendToBody,\n    // The gap comes from `--bulma-hover-card-offset` in the stylesheet, so\n    // the coordinates leave it out and `auto` reads it off the card.\n    offset: 0,\n    styledGap: marginGap,\n  });\n\n  // The trigger renders first inside the wrapper. Read when needed rather\n  // than held, so a trigger that remounted is still the one found.\n  const triggerRef = useMemo(\n    () => ({\n      get current() {\n        const first = (rootRef.current as HTMLSpanElement).firstElementChild;\n        return first && first !== cardRef.current\n          ? (first as HTMLElement)\n          : null;\n      },\n    }),\n    []\n  );\n\n  const hover = useHoverOpen({\n    open: isOpen,\n    onOpenChange: requestOpen,\n    openDelay,\n    closeDelay,\n    triggerRef,\n    floatingRef: cardRef,\n    openOnTap,\n  });\n\n  // A trigger that can't take focus leaves keyboard users no way to open the\n  // card. It has to be the trigger element itself, not something inside it,\n  // since focus comes back to it and its ARIA is on it. Judged by what the\n  // element is rather than by its styles, which can hide it for now. After\n  // every commit, since the trigger can change, and only in development.\n  useEffect(() => {\n    if (!isDev()) return;\n    const triggerNode = triggerRef.current;\n    if (!triggerNode) return;\n    if (!triggerNode.matches(':disabled') && isTabbableKind(triggerNode)) {\n      return;\n    }\n    warnOnce(\n      'HoverCard:unfocusable-trigger',\n      \"[bestax-bulma] <HoverCard> has a trigger that can't take focus, so \" +\n        \"keyboard users can't open the card. Use a link or a button as the \" +\n        'trigger, or give it tabIndex={0}.'\n    );\n  });\n\n  // Expanded only while the card is on the page, so a portaled card that\n  // waits for hydration isn't announced before it exists.\n  const clonedTrigger = cloneElement(\n    trigger as React.ReactElement<Record<string, unknown>>,\n    {\n      'aria-expanded': cardMounted,\n      'aria-controls': cardMounted ? cardId : undefined,\n    }\n  );\n\n  const rootClasses = classNames(\n    usePrefixedClassNames('hover-card', { 'is-active': cardMounted }),\n    bulmaHelperClasses,\n    className\n  );\n  const cardClasses = classNames(\n    usePrefixedClassNames('hover-card-content', {\n      [`is-${resolved.position}`]: true,\n      'is-portal': appendToBody,\n    }),\n    contentClassName\n  );\n\n  return (\n    // The ref after the spread: React 19 hands a function component a `ref`\n    // prop like any other, and the wrapper has to stay ours. The card is in\n    // the wrapper's React tree even when portaled, so the hover and focus\n    // handlers here hear from both.\n    <span\n      className={rootClasses}\n      {...attrs}\n      onPointerEnter={chain(onPointerEnter, hover.onPointerEnter)}\n      onPointerOver={chain(onPointerOver, hover.onPointerOver)}\n      onPointerLeave={chain(onPointerLeave, hover.onPointerLeave)}\n      onFocus={chain(onFocus, hover.onFocus)}\n      onBlur={chain(onBlur, hover.onBlur)}\n      onPointerDown={chain(onPointerDown, hover.onPointerDown)}\n      onPointerUp={chain(onPointerUp, hover.onPointerUp)}\n      ref={rootRef}\n    >\n      {clonedTrigger}\n      {isOpen && (\n        <Portal disabled={!appendToBody}>\n          <div\n            ref={cardRef}\n            id={cardId}\n            className={cardClasses}\n            style={\n              appendToBody\n                ? {\n                    position: 'fixed',\n                    top: resolved.top,\n                    left: resolved.left,\n                  }\n                : undefined\n            }\n          >\n            {children}\n          </div>\n        </Portal>\n      )}\n    </span>\n  );\n};\n\nexport default HoverCard;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"HoverCard.js","sources":["../../../src/components/HoverCard.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { Portal } from '../helpers/portal';\nimport { useIsHydrated } from '../helpers/useIsHydrated';\nimport { marginGap, useAnchoredPosition } from '../helpers/useAnchoredPosition';\nimport { chain, useHoverOpen } from '../helpers/useHoverOpen';\nimport { isTabbableKind } from '../helpers/useFocusTrap';\nimport { isDev, warnOnce } from '../helpers/devWarnings';\nimport type { PickerPosition } from '../form/_pickerInternals/pickerTypes';\n\n/**\n * Where the card opens against its trigger: below (`bottom-*`) or above\n * (`top-*`), lined up with the trigger's left or right edge. `auto` picks the\n * one that keeps the card in the viewport, preferring below and lined up on\n * the left. The same union `Popover` and the date and time pickers take.\n */\nexport type HoverCardPosition = PickerPosition;\n\n/**\n * Props for the HoverCard component. `className`, `id`, the other HTML\n * attributes and the helper props land on the `span` around the trigger, not\n * on the card; `contentClassName` reaches the card.\n * @extraProp {string} [className] - Additional classes for the `span` around the trigger. The card takes `contentClassName`.\n */\nexport interface HoverCardProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'children'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /**\n   * The element the card previews, such as a link or a `Button`. The element\n   * itself has to take focus, so keyboard users can open the card too: a\n   * link inside a `<span>` doesn't do, since focus comes back to the trigger\n   * and its ARIA is on it. HoverCard gives it no role and no tab stop, since\n   * it can't know what the element is, and a development build warns when\n   * it can't take focus: use a link or a button, or give the element\n   * `tabIndex={0}`. A disabled button can't take focus either. HoverCard adds\n   * `aria-expanded` and `aria-controls`, both naming the card only while it\n   * is on the page, so it has to be a single element that passes those to\n   * its DOM node. Its own click and keys stay its own, and the card doesn't\n   * toggle on them, except Escape while the card is open, which closes the\n   * card before the trigger sees it.\n   */\n  trigger: React.ReactElement;\n  /**\n   * The card's content: a preview whose links and buttons are fine, but not a\n   * form, which belongs in a `Popover`. The card pads itself, so content goes\n   * straight in.\n   */\n  children?: React.ReactNode;\n  /**\n   * Controlled open state. When set, hover, focus and Escape only report\n   * through `onOpenChange`, so an action inside the card can close it. While\n   * the card is open, Escape is reported, and when focus is in the card, on\n   * its trigger or nowhere, the key stops there even if you keep the card\n   * open, so a `Modal` around it doesn't close from the keyboard until the\n   * card does.\n   */\n  open?: boolean;\n  /**\n   * Initial open state when uncontrolled. A card that starts open stays open\n   * until the pointer or focus has been and gone, or Escape closes it.\n   * @defaultValue false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the state asked for: when `openDelay` or `closeDelay` runs\n   * out, and right away on Escape. Fires in both controlled and uncontrolled\n   * use. An Escape it reports stops at the card when focus is in the card,\n   * on its trigger or nowhere, so nothing around it sees that key. With\n   * focus anywhere else, the card still closes and the key goes on to\n   * whatever has focus.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * How long the pointer or keyboard focus waits on the trigger before the\n   * card opens, in milliseconds.\n   * @defaultValue 600\n   */\n  openDelay?: number;\n  /**\n   * How long the card stays after the pointer and focus have left the trigger\n   * and the card, in milliseconds. It is the time the pointer has to cross\n   * the gap between the trigger and the card: with `0` the card closes as the\n   * pointer leaves the trigger, before the pointer can reach it.\n   * @defaultValue 300\n   */\n  closeDelay?: number;\n  /**\n   * Where the card opens against the trigger.\n   * @defaultValue 'bottom-left'\n   */\n  position?: HoverCardPosition;\n  /**\n   * Render the card through `Portal`, into the `portalContainer` a\n   * `ConfigProvider` sets, `document.body` by default, fixed to the viewport,\n   * so an ancestor's `overflow`, `transform` or stacking context can't clip\n   * it. A trigger in running text needs it too, since the card's block\n   * content can't sit inside a `<p>`. The card then shows from the commit\n   * after hydration, never in server markup, and it sits in the Tab order\n   * where its container is. At the end of `<body>`, the default, Tab reaches\n   * it only after the rest of the page, and focus leaving the trigger on the\n   * way closes it, so keyboard users can open it, read it and close it with\n   * Escape, and whatever it links to has to be reachable from the page as\n   * well. It is measured against the trigger when it opens and on resize and\n   * scroll, so it doesn't follow content that changes size while it is open.\n   * Theming variables set on an ancestor of the trigger reach it only when its\n   * container is inside that ancestor.\n   * @defaultValue false\n   */\n  appendToBody?: boolean;\n  /**\n   * Open the card with a tap on a touch screen. Touch has no hover, so\n   * without this a phone or tablet never opens the card. With it, a tap on\n   * the trigger opens the card at once, and it stays until a second tap on\n   * the trigger, a tap outside the trigger and the card, or Escape. The tap\n   * still does whatever the trigger does, so turn this on only for a trigger\n   * with no tap action of its own, such as a `Button` with no `onClick`: on\n   * a link, the first tap would follow the link rather than show the card.\n   * Mouse and pen work the same either way.\n   * @defaultValue false\n   */\n  openOnTap?: boolean;\n  /** Additional classes for the card (`.hover-card-content`). */\n  contentClassName?: string;\n}\n\n/**\n * The `HoverCard` component shows a card previewing what's behind a link or a button while the pointer rests on it or keyboard focus is on it.\n *\n * Nothing moves focus when the card opens, and nothing traps it. In place,\n * the card comes right after the trigger, so Tab goes from the trigger into\n * its links and tabbing past them closes it. The pointer can move onto the\n * card, Escape closes it from anywhere, and by default touch doesn't open it,\n * so tapping the trigger just does what the trigger does. `openOnTap` opens\n * it with a tap, for a trigger with no tap action of its own. For hints with nothing to\n * click use `Tooltip`, and for content opened on purpose, such as a form,\n * use `Popover`.\n *\n * @function\n * @param {HoverCardProps} props - Props for the HoverCard component.\n * @returns {JSX.Element} The trigger in its wrapper, and the card while open.\n *\n * @example\n * <HoverCard trigger={<a href=\"/people/ada\">Ada Lovelace</a>}>\n *   <Title as=\"p\" size=\"6\">Ada Lovelace</Title>\n *   <SubTitle as=\"p\" size=\"6\">Analytical Engine team</SubTitle>\n * </HoverCard>\n */\nexport const HoverCard: React.FC<HoverCardProps> = ({\n  trigger,\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  openDelay = 600,\n  closeDelay = 300,\n  position = 'bottom-left',\n  appendToBody = false,\n  openOnTap = false,\n  className,\n  contentClassName,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n  const {\n    onPointerEnter,\n    onPointerOver,\n    onPointerLeave,\n    onPointerDown,\n    onPointerUp,\n    onFocus,\n    onBlur,\n    ...attrs\n  } = rest;\n  const rootRef = useRef<HTMLSpanElement>(null);\n  const cardRef = useRef<HTMLDivElement>(null);\n  const cardId = `${useId()}-card`;\n\n  const isControlled = controlledOpen !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isOpen = controlledOpen ?? internalOpen;\n\n  const requestOpen = useCallback(\n    (next: boolean) => {\n      onOpenChange?.(next);\n      if (!isControlled) setInternalOpen(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  // A portaled card has no server markup, so it only exists from the commit\n  // after hydration, and nothing measures it before then.\n  const hydrated = useIsHydrated();\n  const cardMounted = isOpen && (hydrated || !appendToBody);\n\n  const resolved = useAnchoredPosition(rootRef, cardRef, {\n    active: cardMounted,\n    position,\n    fixed: appendToBody,\n    // The gap comes from `--bulma-hover-card-offset` in the stylesheet, so\n    // the coordinates leave it out and `auto` reads it off the card.\n    offset: 0,\n    styledGap: marginGap,\n  });\n\n  // The trigger renders first inside the wrapper. Read when needed rather\n  // than held, so a trigger that remounted is still the one found.\n  const triggerRef = useMemo(\n    () => ({\n      get current() {\n        const first = (rootRef.current as HTMLSpanElement).firstElementChild;\n        return first && first !== cardRef.current\n          ? (first as HTMLElement)\n          : null;\n      },\n    }),\n    []\n  );\n\n  const hover = useHoverOpen({\n    open: isOpen,\n    onOpenChange: requestOpen,\n    openDelay,\n    closeDelay,\n    triggerRef,\n    floatingRef: cardRef,\n    openOnTap,\n  });\n\n  // A trigger that can't take focus leaves keyboard users no way to open the\n  // card. It has to be the trigger element itself, not something inside it,\n  // since focus comes back to it and its ARIA is on it. Judged by what the\n  // element is rather than by its styles, which can hide it for now. After\n  // every commit, since the trigger can change, and only in development.\n  useEffect(() => {\n    if (!isDev()) return;\n    const triggerNode = triggerRef.current;\n    if (!triggerNode) return;\n    if (!triggerNode.matches(':disabled') && isTabbableKind(triggerNode)) {\n      return;\n    }\n    warnOnce(\n      'HoverCard:unfocusable-trigger',\n      \"[bestax-bulma] <HoverCard> has a trigger that can't take focus, so \" +\n        \"keyboard users can't open the card. Use a link or a button as the \" +\n        'trigger, or give it tabIndex={0}.'\n    );\n  });\n\n  // Expanded only while the card is on the page, so a portaled card that\n  // waits for hydration isn't announced before it exists.\n  const clonedTrigger = cloneElement(\n    trigger as React.ReactElement<Record<string, unknown>>,\n    {\n      'aria-expanded': cardMounted,\n      'aria-controls': cardMounted ? cardId : undefined,\n    }\n  );\n\n  const rootClasses = classNames(\n    usePrefixedClassNames('hover-card', { 'is-active': cardMounted }),\n    bulmaHelperClasses,\n    className\n  );\n  const cardClasses = classNames(\n    usePrefixedClassNames('hover-card-content', {\n      [`is-${resolved.position}`]: true,\n      'is-portal': appendToBody,\n    }),\n    contentClassName\n  );\n\n  return (\n    // The ref after the spread: React 19 hands a function component a `ref`\n    // prop like any other, and the wrapper has to stay ours. The card is in\n    // the wrapper's React tree even when portaled, so the hover and focus\n    // handlers here hear from both.\n    <span\n      className={rootClasses}\n      {...attrs}\n      onPointerEnter={chain(onPointerEnter, hover.onPointerEnter)}\n      onPointerOver={chain(onPointerOver, hover.onPointerOver)}\n      onPointerLeave={chain(onPointerLeave, hover.onPointerLeave)}\n      onFocus={chain(onFocus, hover.onFocus)}\n      onBlur={chain(onBlur, hover.onBlur)}\n      onPointerDown={chain(onPointerDown, hover.onPointerDown)}\n      onPointerUp={chain(onPointerUp, hover.onPointerUp)}\n      ref={rootRef}\n    >\n      {clonedTrigger}\n      {isOpen && (\n        <Portal disabled={!appendToBody}>\n          <div\n            ref={cardRef}\n            id={cardId}\n            className={cardClasses}\n            style={\n              appendToBody\n                ? {\n                    position: 'fixed',\n                    top: resolved.top,\n                    left: resolved.left,\n                  }\n                : undefined\n            }\n          >\n            {children}\n          </div>\n        </Portal>\n      )}\n    </span>\n  );\n};\n\nexport default HoverCard;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;AAuIA;;;;;;;;;;;;;;;;;;;;;AAqBG;MACU,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,QAAQ,GAAG,aAAa,EACxB,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,gBAAgB,EAChB,GAAG,KAAK,EACT,KAAI;IACH,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC;IAC3D,MAAM,EACJ,cAAc,EACd,aAAa,EACb,cAAc,EACd,aAAa,EACb,WAAW,EACX,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,GAAG,IAAI;AACR,IAAA,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC;AAC7C,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC5C,IAAA,MAAM,MAAM,GAAG,CAAA,EAAG,KAAK,EAAE,OAAO;AAEhC,IAAA,MAAM,YAAY,GAAG,cAAc,KAAK,SAAS;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC;AAC7D,IAAA,MAAM,MAAM,GAAG,cAAc,IAAI,YAAY;AAE7C,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAAa,KAAI;AAChB,QAAA,YAAY,GAAG,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC;AAC1C,IAAA,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B;;;AAID,IAAA,MAAM,QAAQ,GAAG,aAAa,EAAE;IAChC,MAAM,WAAW,GAAG,MAAM,KAAK,QAAQ,IAAI,CAAC,YAAY,CAAC;AAEzD,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE;AACrD,QAAA,MAAM,EAAE,WAAW;QACnB,QAAQ;AACR,QAAA,KAAK,EAAE,YAAY;;;AAGnB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,SAAS,EAAE,SAAS;AACrB,KAAA,CAAC;;;AAIF,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO;AACL,QAAA,IAAI,OAAO,GAAA;AACT,YAAA,MAAM,KAAK,GAAI,OAAO,CAAC,OAA2B,CAAC,iBAAiB;AACpE,YAAA,OAAO,KAAK,IAAI,KAAK,KAAK,OAAO,CAAC;AAChC,kBAAG;kBACD,IAAI;QACV,CAAC;KACF,CAAC,EACF,EAAE,CACH;IAED,MAAM,KAAK,GAAG,YAAY,CAAC;AACzB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,YAAY,EAAE,WAAW;QACzB,SAAS;QACT,UAAU;QACV,UAAU;AACV,QAAA,WAAW,EAAE,OAAO;QACpB,SAAS;AACV,KAAA,CAAC;;;;;;IAOF,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,KAAK,EAAE;YAAE;AACd,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO;AACtC,QAAA,IAAI,CAAC,WAAW;YAAE;AAClB,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,cAAc,CAAC,WAAW,CAAC,EAAE;YACpE;QACF;QACA,QAAQ,CACN,+BAA+B,EAC/B,qEAAqE;YACnE,oEAAoE;AACpE,YAAA,mCAAmC,CACtC;AACH,IAAA,CAAC,CAAC;;;AAIF,IAAA,MAAM,aAAa,GAAG,YAAY,CAChC,OAAsD,EACtD;AACE,QAAA,eAAe,EAAE,WAAW;QAC5B,eAAe,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS;AAClD,KAAA,CACF;AAED,IAAA,MAAM,WAAW,GAAG,UAAU,CAC5B,qBAAqB,CAAC,YAAY,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,EACjE,kBAAkB,EAClB,SAAS,CACV;AACD,IAAA,MAAM,WAAW,GAAG,UAAU,CAC5B,qBAAqB,CAAC,oBAAoB,EAAE;AAC1C,QAAA,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAA,CAAE,GAAG,IAAI;AACjC,QAAA,WAAW,EAAE,YAAY;KAC1B,CAAC,EACF,gBAAgB,CACjB;IAED,QAKEA,IAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,WAAW,EAAA,GAClB,KAAK,EACT,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,EAC3D,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,EACxD,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,EAC3D,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EACtC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EACnC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,EACxD,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,EAClD,GAAG,EAAE,OAAO,aAEX,aAAa,EACb,MAAM,KACLC,GAAA,CAAC,MAAM,EAAA,EAAC,QAAQ,EAAE,CAAC,YAAY,EAAA,QAAA,EAC7BA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,WAAW,EACtB,KAAK,EACH;AACE,0BAAE;AACE,4BAAA,QAAQ,EAAE,OAAO;4BACjB,GAAG,EAAE,QAAQ,CAAC,GAAG;4BACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;AACpB;0BACD,SAAS,EAAA,QAAA,EAGd,QAAQ,GACL,EAAA,CACC,CACV,CAAA,EAAA,CACI;AAEX;;"}

package/dist/esm/components/Loading.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';

package/dist/esm/components/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../src/components/Loading.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { useScrollLock } from '../helpers/scrollLock';\nimport { useLatestRef } from '../helpers/useLatestRef';\nimport { useOverlayStack } from '../helpers/overlayStack';\nimport { useInertSiblings } from '../helpers/useInertSiblings';\n\n/**\n * Overlay opacity levels for the Loading background.\n */\nexport type LoadingOverlay = 'light' | 'dark' | 'opaque';\n\n/**\n * Color variants for the Loading spinner.\n */\nexport type LoadingColor =\n  'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n\n/**\n * Props for the Loading component.\n * @extraProp {React.ReactNode} [children] - Content to display below the spinner.\n * @extraProp {string} [className] - Additional CSS classes.\n */\nexport interface LoadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size' | 'overlay'> {\n  /**\n   * Whether the loading overlay is visible. While it is, what it covers is\n   * inert, out of reach of Tab, Enter, Space and screen readers as well as\n   * the mouse: the other children of the element it's rendered in, so render\n   * it directly inside the element it covers, or with `isFullPage` the rest\n   * of the page. Its own content, the cancel button included, stays\n   * reachable. Only what's there when it turns on is made inert, and an\n   * element that was inert already is left as it was. A control under it\n   * that had focus loses it, and gets it back when the loading goes away,\n   * unless focus has moved on in the meantime. Show one at a time over the\n   * same content: two that cover each other, such as two in one container\n   * or two full-page ones, make each other inert, cancel buttons and all.\n   */\n  active?: boolean;\n  /**\n   * Cover the entire viewport. While it's active, the rest of the page is\n   * inert, as it is under a modal, rather than only the element it's\n   * rendered in. A full-page loading also takes its turn with\n   * Modal and Sidebar for Escape: while it's the topmost open overlay, the\n   * Modal or Sidebar under it doesn't answer Escape or hold Tab, whether or\n   * not the loading can be cancelled.\n   */\n  isFullPage?: boolean;\n  /** Size of the loading spinner. */\n  size?: 'small' | 'medium' | 'large';\n  /** Color variant for the spinner. Default is light grey. */\n  color?: LoadingColor;\n  /**\n   * Show a cancel button and allow closing, by a click on the overlay or by\n   * Escape. With `isFullPage`, the loading is an overlay like Modal and\n   * Sidebar: only the topmost open overlay answers Escape, so a full-page\n   * loading shown over a Modal cancels first, and the Modal closes on the\n   * next Escape. Without it, Escape cancels once no Modal, Dialog, Sidebar or\n   * full-page Loading is open. Either way it marks the Escape it cancels on as\n   * used with `preventDefault()`. An Escape a popup on the page closed on, by\n   * calling `preventDefault()`, doesn't cancel.\n   */\n  canCancel?: boolean;\n  /** Callback when cancel is triggered. */\n  onCancel?: () => void;\n  /** Additional classes for the overlay. */\n  overlayClassName?: string;\n  /** Additional classes for the spinner icon. */\n  iconClassName?: string;\n  /** Custom loading indicator element. */\n  indicator?: React.ReactNode;\n  /** Style of the loading overlay. */\n  overlay?: LoadingOverlay;\n}\n\n/**\n * The `Loading` component provides a loading overlay with a spinner animation.\n *\n * @function\n * @param {LoadingProps} props - Props for the Loading component.\n * @returns {JSX.Element | null} The rendered loading overlay or null if not active.\n *\n * @example\n * // Full page loading\n * <Loading active isFullPage />\n *\n * @example\n * // Container loading with message\n * <div style={{ position: 'relative', height: '200px' }}>\n *   <Loading active>Loading data...</Loading>\n * </div>\n *\n * @example\n * // With color variant\n * <Loading active color=\"primary\" />\n *\n * @example\n * // With cancel functionality\n * <Loading\n *   active={isLoading}\n *   canCancel\n *   onCancel={() => setIsLoading(false)}\n * />\n */\nexport const Loading: React.FC<LoadingProps> = ({\n  active = false,\n  isFullPage = false,\n  size,\n  color,\n  canCancel = false,\n  onCancel,\n  children,\n  className,\n  overlayClassName,\n  iconClassName,\n  indicator,\n  overlay,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n\n  // Generate Bulma classes with prefix\n  const loadingClasses = usePrefixedClassNames('loading', {\n    'is-active': active,\n    'is-full-page': isFullPage,\n    'is-cancelable': canCancel,\n    [`is-${overlay}`]: !!overlay,\n    [`is-${color}`]: !!color,\n  });\n\n  const iconClasses = usePrefixedClassNames('loading-icon', {\n    [`is-${size}`]: size,\n  });\n\n  // Combine classes\n  const combinedClasses = classNames(\n    loadingClasses,\n    bulmaHelperClasses,\n    className\n  );\n  const combinedOverlayClasses = classNames(\n    usePrefixedClassNames('loading-overlay'),\n    overlayClassName\n  );\n  const combinedIconClasses = classNames(iconClasses, iconClassName);\n  const loadingContentClass = usePrefixedClassNames('loading-content');\n  const loadingIconCustomClass = usePrefixedClassNames('loading-icon-custom');\n  const loadingTextClass = usePrefixedClassNames('loading-text');\n  const loadingCancelClass = usePrefixedClassNames('loading-cancel');\n\n  // Handle cancel click\n  const handleOverlayClick = () => {\n    if (canCancel && onCancel) {\n      onCancel();\n    }\n  };\n\n  // Read when Escape arrives, so the key listener stays put while `onCancel`\n  // changes identity, as an inline one does on every render of the parent.\n  const onCancelRef = useLatestRef(onCancel);\n  const hasOnCancel = Boolean(onCancel);\n\n  // A full-page loading covers everything under it, so it joins the stack of\n  // open overlays and takes Escape from them while it's on top. One inside a\n  // container covers only that, so it stays out and waits, as a Toast does,\n  // until no overlay is open.\n  const isTopmost = useOverlayStack(active && isFullPage);\n\n  // What the overlay covers ignores the mouse already, and is made inert so\n  // Tab and screen readers skip it too: the container's other children, or\n  // with `isFullPage` the rest of the page.\n  const loadingRef = React.useRef<HTMLDivElement>(null);\n  useInertSiblings(loadingRef, active, isFullPage);\n\n  // Handle escape key. On `window`, as in `Modal`, so a popup on the page has\n  // had the key first, and an Escape it closed on doesn't cancel as well. One\n  // that cancels is marked used, so nothing under it acts on it too.\n  React.useEffect(() => {\n    if (!active || !canCancel || !hasOnCancel) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape' || e.defaultPrevented || !isTopmost()) return;\n      e.preventDefault();\n      onCancelRef.current?.();\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [active, canCancel, hasOnCancel, onCancelRef, isTopmost]);\n\n  // Prevent body scroll when full page loading is active. Ref-counted through\n  // the shared helper so an overlapping Modal/Dialog/Sidebar doesn't have its\n  // lock cleared when this one releases.\n  useScrollLock(isFullPage && active);\n\n  if (!active) {\n    return null;\n  }\n\n  return (\n    <div\n      className={combinedClasses}\n      role=\"alert\"\n      aria-busy=\"true\"\n      aria-label=\"Loading\"\n      {...rest}\n      ref={loadingRef}\n    >\n      <div\n        className={combinedOverlayClasses}\n        onClick={handleOverlayClick}\n        aria-hidden=\"true\"\n      />\n      <div className={loadingContentClass}>\n        {indicator ? (\n          <span className={loadingIconCustomClass}>{indicator}</span>\n        ) : (\n          <span className={combinedIconClasses} />\n        )}\n        {children && <div className={loadingTextClass}>{children}</div>}\n        {canCancel && (\n          <button\n            type=\"button\"\n            className={loadingCancelClass}\n            onClick={onCancel}\n            aria-label=\"Cancel loading\"\n          >\n            Cancel\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Loading;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Loading.js","sources":["../../../src/components/Loading.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { useScrollLock } from '../helpers/scrollLock';\nimport { useLatestRef } from '../helpers/useLatestRef';\nimport { useOverlayStack } from '../helpers/overlayStack';\nimport { useInertSiblings } from '../helpers/useInertSiblings';\n\n/**\n * Overlay opacity levels for the Loading background.\n */\nexport type LoadingOverlay = 'light' | 'dark' | 'opaque';\n\n/**\n * Color variants for the Loading spinner.\n */\nexport type LoadingColor =\n  'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n\n/**\n * Props for the Loading component.\n * @extraProp {React.ReactNode} [children] - Content to display below the spinner.\n * @extraProp {string} [className] - Additional CSS classes.\n */\nexport interface LoadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size' | 'overlay'> {\n  /**\n   * Whether the loading overlay is visible. While it is, what it covers is\n   * inert, out of reach of Tab, Enter, Space and screen readers as well as\n   * the mouse: the other children of the element it's rendered in, so render\n   * it directly inside the element it covers, or with `isFullPage` the rest\n   * of the page. Its own content, the cancel button included, stays\n   * reachable. Only what's there when it turns on is made inert, and an\n   * element that was inert already is left as it was. A control under it\n   * that had focus loses it, and gets it back when the loading goes away,\n   * unless focus has moved on in the meantime. Show one at a time over the\n   * same content: two that cover each other, such as two in one container\n   * or two full-page ones, make each other inert, cancel buttons and all.\n   */\n  active?: boolean;\n  /**\n   * Cover the entire viewport. While it's active, the rest of the page is\n   * inert, as it is under a modal, rather than only the element it's\n   * rendered in. A full-page loading also takes its turn with\n   * Modal and Sidebar for Escape: while it's the topmost open overlay, the\n   * Modal or Sidebar under it doesn't answer Escape or hold Tab, whether or\n   * not the loading can be cancelled.\n   */\n  isFullPage?: boolean;\n  /** Size of the loading spinner. */\n  size?: 'small' | 'medium' | 'large';\n  /** Color variant for the spinner. Default is light grey. */\n  color?: LoadingColor;\n  /**\n   * Show a cancel button and allow closing, by a click on the overlay or by\n   * Escape. With `isFullPage`, the loading is an overlay like Modal and\n   * Sidebar: only the topmost open overlay answers Escape, so a full-page\n   * loading shown over a Modal cancels first, and the Modal closes on the\n   * next Escape. Without it, Escape cancels once no Modal, Dialog, Sidebar or\n   * full-page Loading is open. Either way it marks the Escape it cancels on as\n   * used with `preventDefault()`. An Escape a popup on the page closed on, by\n   * calling `preventDefault()`, doesn't cancel.\n   */\n  canCancel?: boolean;\n  /** Callback when cancel is triggered. */\n  onCancel?: () => void;\n  /** Additional classes for the overlay. */\n  overlayClassName?: string;\n  /** Additional classes for the spinner icon. */\n  iconClassName?: string;\n  /** Custom loading indicator element. */\n  indicator?: React.ReactNode;\n  /** Style of the loading overlay. */\n  overlay?: LoadingOverlay;\n}\n\n/**\n * The `Loading` component provides a loading overlay with a spinner animation.\n *\n * @function\n * @param {LoadingProps} props - Props for the Loading component.\n * @returns {JSX.Element | null} The rendered loading overlay or null if not active.\n *\n * @example\n * // Full page loading\n * <Loading active isFullPage />\n *\n * @example\n * // Container loading with message\n * <div style={{ position: 'relative', height: '200px' }}>\n *   <Loading active>Loading data...</Loading>\n * </div>\n *\n * @example\n * // With color variant\n * <Loading active color=\"primary\" />\n *\n * @example\n * // With cancel functionality\n * <Loading\n *   active={isLoading}\n *   canCancel\n *   onCancel={() => setIsLoading(false)}\n * />\n */\nexport const Loading: React.FC<LoadingProps> = ({\n  active = false,\n  isFullPage = false,\n  size,\n  color,\n  canCancel = false,\n  onCancel,\n  children,\n  className,\n  overlayClassName,\n  iconClassName,\n  indicator,\n  overlay,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n\n  // Generate Bulma classes with prefix\n  const loadingClasses = usePrefixedClassNames('loading', {\n    'is-active': active,\n    'is-full-page': isFullPage,\n    'is-cancelable': canCancel,\n    [`is-${overlay}`]: !!overlay,\n    [`is-${color}`]: !!color,\n  });\n\n  const iconClasses = usePrefixedClassNames('loading-icon', {\n    [`is-${size}`]: size,\n  });\n\n  // Combine classes\n  const combinedClasses = classNames(\n    loadingClasses,\n    bulmaHelperClasses,\n    className\n  );\n  const combinedOverlayClasses = classNames(\n    usePrefixedClassNames('loading-overlay'),\n    overlayClassName\n  );\n  const combinedIconClasses = classNames(iconClasses, iconClassName);\n  const loadingContentClass = usePrefixedClassNames('loading-content');\n  const loadingIconCustomClass = usePrefixedClassNames('loading-icon-custom');\n  const loadingTextClass = usePrefixedClassNames('loading-text');\n  const loadingCancelClass = usePrefixedClassNames('loading-cancel');\n\n  // Handle cancel click\n  const handleOverlayClick = () => {\n    if (canCancel && onCancel) {\n      onCancel();\n    }\n  };\n\n  // Read when Escape arrives, so the key listener stays put while `onCancel`\n  // changes identity, as an inline one does on every render of the parent.\n  const onCancelRef = useLatestRef(onCancel);\n  const hasOnCancel = Boolean(onCancel);\n\n  // A full-page loading covers everything under it, so it joins the stack of\n  // open overlays and takes Escape from them while it's on top. One inside a\n  // container covers only that, so it stays out and waits, as a Toast does,\n  // until no overlay is open.\n  const isTopmost = useOverlayStack(active && isFullPage);\n\n  // What the overlay covers ignores the mouse already, and is made inert so\n  // Tab and screen readers skip it too: the container's other children, or\n  // with `isFullPage` the rest of the page.\n  const loadingRef = React.useRef<HTMLDivElement>(null);\n  useInertSiblings(loadingRef, active, isFullPage);\n\n  // Handle escape key. On `window`, as in `Modal`, so a popup on the page has\n  // had the key first, and an Escape it closed on doesn't cancel as well. One\n  // that cancels is marked used, so nothing under it acts on it too.\n  React.useEffect(() => {\n    if (!active || !canCancel || !hasOnCancel) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape' || e.defaultPrevented || !isTopmost()) return;\n      e.preventDefault();\n      onCancelRef.current?.();\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [active, canCancel, hasOnCancel, onCancelRef, isTopmost]);\n\n  // Prevent body scroll when full page loading is active. Ref-counted through\n  // the shared helper so an overlapping Modal/Dialog/Sidebar doesn't have its\n  // lock cleared when this one releases.\n  useScrollLock(isFullPage && active);\n\n  if (!active) {\n    return null;\n  }\n\n  return (\n    <div\n      className={combinedClasses}\n      role=\"alert\"\n      aria-busy=\"true\"\n      aria-label=\"Loading\"\n      {...rest}\n      ref={loadingRef}\n    >\n      <div\n        className={combinedOverlayClasses}\n        onClick={handleOverlayClick}\n        aria-hidden=\"true\"\n      />\n      <div className={loadingContentClass}>\n        {indicator ? (\n          <span className={loadingIconCustomClass}>{indicator}</span>\n        ) : (\n          <span className={combinedIconClasses} />\n        )}\n        {children && <div className={loadingTextClass}>{children}</div>}\n        {canCancel && (\n          <button\n            type=\"button\"\n            className={loadingCancelClass}\n            onClick={onCancel}\n            aria-label=\"Cancel loading\"\n          >\n            Cancel\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Loading;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Menu.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { createContext, forwardRef, useContext, useId, useRef, useState } from 'react';
 import { classNames, usePrefixedClassNames } from '../helpers/classNames.js';