@techzyapp/ui-library 1.0.39 → 1.0.40

package/dist/{SpeedDial-C2hkC_8p.js → SpeedDial-CEBAWIYo.js}

@@ -3,7 +3,7 @@ import { createContext as H, useContext as J, forwardRef as g, useRef as T, useI
 import { clsx as u } from "clsx";
 import { b as P, a as R } from "./Icon-D5TxgfCc.js";
 import { I as W } from "./IconButton-06pmftMo.js";
-import { T as X } from "./Tooltip-DsDv4NOq.js";
+import { T as X } from "./Tooltip-BbT0uNzy.js";
 const z = H(null);
 function Y() {
   return J(z);
@@ -174,4 +174,4 @@ export {
   he as S,
   me as a
 };
-//# sourceMappingURL=SpeedDial-C2hkC_8p.js.map
+//# sourceMappingURL=SpeedDial-CEBAWIYo.js.map

package/dist/{SpeedDial-C2hkC_8p.js.map → SpeedDial-CEBAWIYo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial-C2hkC_8p.js","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n  /**\n   * Tints the **icon** (the circle stays the neutral surface button) — e.g. `error` for a destructive action.\n   * Omit for the default text color.\n   */\n  color?: ThemeColor\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    {\n      icon,\n      label,\n      tooltipOpen,\n      hideTooltip = false,\n      color,\n      onClick,\n      disabled,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        // the icon follows `color` (currentColor); the circle keeps its surface fill\n        style={color ? { color: `var(--tz-color-${color})`, ...style } : style}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n  /** Tints the action's icon (e.g. `error` for a destructive one); the circle stays neutral. */\n  color?: ThemeColor\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                  color={action.color}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","color","onClick","disabled","className","style","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
+{"version":3,"file":"SpeedDial-CEBAWIYo.js","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n  /**\n   * Tints the **icon** (the circle stays the neutral surface button) — e.g. `error` for a destructive action.\n   * Omit for the default text color.\n   */\n  color?: ThemeColor\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    {\n      icon,\n      label,\n      tooltipOpen,\n      hideTooltip = false,\n      color,\n      onClick,\n      disabled,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        // the icon follows `color` (currentColor); the circle keeps its surface fill\n        style={color ? { color: `var(--tz-color-${color})`, ...style } : style}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n  /** Tints the action's icon (e.g. `error` for a destructive one); the circle stays neutral. */\n  color?: ThemeColor\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                  color={action.color}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","color","onClick","disabled","className","style","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}

package/dist/{SpeedDial-DRSIilyC.cjs → SpeedDial-D6me6w_m.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("react"),d=require("clsx"),N=require("./Icon-B6lz-V0A.cjs"),M=require("./IconButton-CQ25TtBc.cjs"),F=require("./Tooltip-Bw-1Xk2Z.cjs"),k=o.createContext(null);function G(){return o.useContext(k)}const H="_speedDial_1qwl9_4",J="_fab_1qwl9_9",Q="_fabIcon_1qwl9_17",U="_fabIconOpen_1qwl9_21",V="_actions_1qwl9_26",X="_up_1qwl9_47",Y="_down_1qwl9_53",ee="_left_1qwl9_59",te="_right_1qwl9_65",ne="_action_1qwl9_26",se="_actionWrap_1qwl9_91",oe="_actionLabel_1qwl9_95",ce="_labelLeft_1qwl9_110",re="_labelTop_1qwl9_117",s={speedDial:H,fab:J,fabIcon:Q,fabIconOpen:U,actions:V,up:X,down:Y,left:ee,right:te,action:ne,actionWrap:se,actionLabel:oe,labelLeft:ce,labelTop:re},le=new Set(N.ICON_NAMES),g=o.forwardRef(function({icon:l,label:c,tooltipOpen:p,hideTooltip:_=!1,color:b,onClick:a,disabled:m,className:L,style:i,...E},S){const t=G(),w=typeof l=="string"&&le.has(l)?n.jsx(N.Icon,{name:l}):l,u=n.jsx(M.IconButton,{ref:S,rounded:!0,variant:"contained",color:"surface",size:(t==null?void 0:t.size)??"sm",disabled:m,"aria-label":typeof c=="string"?c:void 0,className:d.clsx(s.action,L),style:b?{color:`var(--tz-color-${b})`,...i}:i,onClick:v=>{a==null||a(v),t!=null&&t.closeOnClick&&t.requestClose()},...E,children:w});if(c==null||_)return u;const x=(t==null?void 0:t.placement)??"left";return p??(t==null?void 0:t.persistentLabels)??!1?n.jsxs("span",{className:d.clsx(s.actionWrap,x==="top"?s.labelTop:s.labelLeft),children:[u,n.jsx("span",{className:s.actionLabel,children:c})]}):n.jsx(F.Tooltip,{content:c,placement:x,children:u})}),ae=new Set(N.ICON_NAMES),ie={sm:"sm",md:"sm",lg:"md"},ue={up:"left",down:"left",left:"top",right:"top"},fe=o.forwardRef(function({ariaLabel:l,icon:c="Add",openIcon:p,direction:_="up",color:b="primary",size:a="md",open:m,defaultOpen:L=!1,onOpenChange:i,openOnHover:E=!0,closeOnActionClick:S=!0,tooltipOpen:t=!1,actions:w,disabled:u=!1,children:x,className:O,style:v,...W},I){const D=o.useRef(null),T=o.useRef(null),y=o.useId(),A=m!==void 0,[z,B]=o.useState(L),r=A?m:z,f=e=>{A||B(e),i==null||i(e)},h=o.useRef(f);h.current=f,o.useEffect(()=>{if(!r)return;const e=j=>{D.current&&!D.current.contains(j.target)&&h.current(!1)},q=j=>{var R;j.key==="Escape"&&(h.current(!1),(R=T.current)==null||R.focus())};return document.addEventListener("pointerdown",e),document.addEventListener("keydown",q),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",q)}},[r]);const $=e=>{D.current=e,typeof I=="function"?I(e):I&&(I.current=e)},C=e=>typeof e=="string"&&ae.has(e)?n.jsx(N.Icon,{name:e}):e,K={size:ie[a],placement:ue[_],closeOnClick:S,persistentLabels:t,requestClose:()=>f(!1)},Z=E&&!u?{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1)}:{};return n.jsxs("div",{ref:$,className:d.clsx(s.speedDial,O),style:v,...Z,...W,children:[n.jsx("div",{id:y,className:d.clsx(s.actions,s[_]),"data-open":r?"true":"false",children:n.jsx(k.Provider,{value:K,children:w?w.map((e,q)=>n.jsx(g,{icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled,color:e.color},e.key??q)):x})}),n.jsx(M.IconButton,{ref:T,rounded:!0,variant:"contained",color:b,size:a,disabled:u,"aria-label":l,"aria-haspopup":"true","aria-expanded":r,"aria-controls":y,className:s.fab,onClick:()=>f(!r),children:n.jsx("span",{className:d.clsx(s.fabIcon,!p&&r&&s.fabIconOpen),children:r&&p!=null?C(p):C(c)})})]})});exports.SpeedDial=fe;exports.SpeedDialAction=g;
-//# sourceMappingURL=SpeedDial-DRSIilyC.cjs.map
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),d=require("clsx"),N=require("./Icon-B6lz-V0A.cjs"),M=require("./IconButton-CQ25TtBc.cjs"),F=require("./Tooltip-DmMq5R1x.cjs"),k=o.createContext(null);function G(){return o.useContext(k)}const H="_speedDial_1qwl9_4",J="_fab_1qwl9_9",Q="_fabIcon_1qwl9_17",U="_fabIconOpen_1qwl9_21",V="_actions_1qwl9_26",X="_up_1qwl9_47",Y="_down_1qwl9_53",ee="_left_1qwl9_59",te="_right_1qwl9_65",ne="_action_1qwl9_26",se="_actionWrap_1qwl9_91",oe="_actionLabel_1qwl9_95",ce="_labelLeft_1qwl9_110",re="_labelTop_1qwl9_117",s={speedDial:H,fab:J,fabIcon:Q,fabIconOpen:U,actions:V,up:X,down:Y,left:ee,right:te,action:ne,actionWrap:se,actionLabel:oe,labelLeft:ce,labelTop:re},le=new Set(N.ICON_NAMES),g=o.forwardRef(function({icon:l,label:c,tooltipOpen:p,hideTooltip:_=!1,color:b,onClick:a,disabled:m,className:L,style:i,...E},S){const t=G(),w=typeof l=="string"&&le.has(l)?n.jsx(N.Icon,{name:l}):l,u=n.jsx(M.IconButton,{ref:S,rounded:!0,variant:"contained",color:"surface",size:(t==null?void 0:t.size)??"sm",disabled:m,"aria-label":typeof c=="string"?c:void 0,className:d.clsx(s.action,L),style:b?{color:`var(--tz-color-${b})`,...i}:i,onClick:v=>{a==null||a(v),t!=null&&t.closeOnClick&&t.requestClose()},...E,children:w});if(c==null||_)return u;const x=(t==null?void 0:t.placement)??"left";return p??(t==null?void 0:t.persistentLabels)??!1?n.jsxs("span",{className:d.clsx(s.actionWrap,x==="top"?s.labelTop:s.labelLeft),children:[u,n.jsx("span",{className:s.actionLabel,children:c})]}):n.jsx(F.Tooltip,{content:c,placement:x,children:u})}),ae=new Set(N.ICON_NAMES),ie={sm:"sm",md:"sm",lg:"md"},ue={up:"left",down:"left",left:"top",right:"top"},fe=o.forwardRef(function({ariaLabel:l,icon:c="Add",openIcon:p,direction:_="up",color:b="primary",size:a="md",open:m,defaultOpen:L=!1,onOpenChange:i,openOnHover:E=!0,closeOnActionClick:S=!0,tooltipOpen:t=!1,actions:w,disabled:u=!1,children:x,className:O,style:v,...W},I){const D=o.useRef(null),T=o.useRef(null),y=o.useId(),A=m!==void 0,[z,B]=o.useState(L),r=A?m:z,f=e=>{A||B(e),i==null||i(e)},h=o.useRef(f);h.current=f,o.useEffect(()=>{if(!r)return;const e=j=>{D.current&&!D.current.contains(j.target)&&h.current(!1)},q=j=>{var R;j.key==="Escape"&&(h.current(!1),(R=T.current)==null||R.focus())};return document.addEventListener("pointerdown",e),document.addEventListener("keydown",q),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",q)}},[r]);const $=e=>{D.current=e,typeof I=="function"?I(e):I&&(I.current=e)},C=e=>typeof e=="string"&&ae.has(e)?n.jsx(N.Icon,{name:e}):e,K={size:ie[a],placement:ue[_],closeOnClick:S,persistentLabels:t,requestClose:()=>f(!1)},Z=E&&!u?{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1)}:{};return n.jsxs("div",{ref:$,className:d.clsx(s.speedDial,O),style:v,...Z,...W,children:[n.jsx("div",{id:y,className:d.clsx(s.actions,s[_]),"data-open":r?"true":"false",children:n.jsx(k.Provider,{value:K,children:w?w.map((e,q)=>n.jsx(g,{icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled,color:e.color},e.key??q)):x})}),n.jsx(M.IconButton,{ref:T,rounded:!0,variant:"contained",color:b,size:a,disabled:u,"aria-label":l,"aria-haspopup":"true","aria-expanded":r,"aria-controls":y,className:s.fab,onClick:()=>f(!r),children:n.jsx("span",{className:d.clsx(s.fabIcon,!p&&r&&s.fabIconOpen),children:r&&p!=null?C(p):C(c)})})]})});exports.SpeedDial=fe;exports.SpeedDialAction=g;
+//# sourceMappingURL=SpeedDial-D6me6w_m.cjs.map

package/dist/{SpeedDial-DRSIilyC.cjs.map → SpeedDial-D6me6w_m.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial-DRSIilyC.cjs","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n  /**\n   * Tints the **icon** (the circle stays the neutral surface button) — e.g. `error` for a destructive action.\n   * Omit for the default text color.\n   */\n  color?: ThemeColor\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    {\n      icon,\n      label,\n      tooltipOpen,\n      hideTooltip = false,\n      color,\n      onClick,\n      disabled,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        // the icon follows `color` (currentColor); the circle keeps its surface fill\n        style={color ? { color: `var(--tz-color-${color})`, ...style } : style}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n  /** Tints the action's icon (e.g. `error` for a destructive one); the circle stays neutral. */\n  color?: ThemeColor\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                  color={action.color}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","color","onClick","disabled","className","style","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
+{"version":3,"file":"SpeedDial-D6me6w_m.cjs","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n  /** Size for the action FABs. */\n  size: SpeedDialActionSize\n  /** Where each action's tooltip label sits (derived from the dial `direction`). */\n  placement: TooltipPlacement\n  /** Close the dial after an action is clicked. */\n  closeOnClick: boolean\n  /** Show every action's label persistently (no hover needed) while the dial is open. */\n  persistentLabels: boolean\n  /** Request the dial to close (called by an action on click). */\n  requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n  return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'color'\n> {\n  /** Action icon — a known `IconName` or any node. */\n  icon: IconName | ReactNode\n  /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n  label?: ReactNode\n  /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Hide the tooltip / persistent label (still used for `aria-label`). */\n  hideTooltip?: boolean\n  /**\n   * Tints the **icon** (the circle stays the neutral surface button) — e.g. `error` for a destructive action.\n   * Omit for the default text color.\n   */\n  color?: ThemeColor\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n  function SpeedDialAction(\n    {\n      icon,\n      label,\n      tooltipOpen,\n      hideTooltip = false,\n      color,\n      onClick,\n      disabled,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const dial = useSpeedDial()\n    const iconNode =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n    const button = (\n      <IconButton\n        ref={ref}\n        rounded\n        variant=\"contained\"\n        color=\"surface\"\n        size={dial?.size ?? 'sm'}\n        disabled={disabled}\n        aria-label={typeof label === 'string' ? label : undefined}\n        className={clsx(styles.action, className)}\n        // the icon follows `color` (currentColor); the circle keeps its surface fill\n        style={color ? { color: `var(--tz-color-${color})`, ...style } : style}\n        onClick={(event: MouseEvent<HTMLButtonElement>) => {\n          onClick?.(event)\n          if (dial?.closeOnClick) dial.requestClose()\n        }}\n        {...props}\n      >\n        {iconNode}\n      </IconButton>\n    )\n\n    if (label == null || hideTooltip) return button\n\n    const placement = dial?.placement ?? 'left'\n    // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n    const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n    if (persistent) {\n      return (\n        <span\n          className={clsx(\n            styles.actionWrap,\n            placement === 'top' ? styles.labelTop : styles.labelLeft,\n          )}\n        >\n          {button}\n          <span className={styles.actionLabel}>{label}</span>\n        </span>\n      )\n    }\n\n    return (\n      <Tooltip content={label} placement={placement}>\n        {button}\n      </Tooltip>\n    )\n  },\n)\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n  SpeedDialContext,\n  type SpeedDialActionSize,\n  type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n  up: 'left',\n  down: 'left',\n  left: 'top',\n  right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n  /** Stable key (falls back to the index). */\n  key?: string\n  icon: IconName | ReactNode\n  label?: ReactNode\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n  /** Tints the action's icon (e.g. `error` for a destructive one); the circle stays neutral. */\n  color?: ThemeColor\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n  /** Accessible label for the FAB (required — it's icon-only). */\n  ariaLabel: string\n  /** FAB icon. Defaults to `Add` (a `+`). */\n  icon?: IconName | ReactNode\n  /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n  openIcon?: IconName | ReactNode\n  /** Which way the actions fan out. Defaults to `up`. */\n  direction?: SpeedDialDirection\n  /** Theme palette token tinting the FAB. Defaults to `primary`. */\n  color?: ThemeColor\n  /** FAB size (actions render one step smaller). Defaults to `md`. */\n  size?: SpeedDialSize\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Open on hover (also opens on click). Defaults to `true`. */\n  openOnHover?: boolean\n  /** Close the dial after an action is clicked. Defaults to `true`. */\n  closeOnActionClick?: boolean\n  /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n  tooltipOpen?: boolean\n  /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n  actions?: SpeedDialActionItem[]\n  /** Disables the FAB (and hover-opening). */\n  disabled?: boolean\n  /** `<SpeedDialAction>` children (used when `actions` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n  {\n    ariaLabel,\n    icon = 'Add',\n    openIcon,\n    direction = 'up',\n    color = 'primary',\n    size = 'md',\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    openOnHover = true,\n    closeOnActionClick = true,\n    tooltipOpen = false,\n    actions,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  forwardedRef,\n) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const fabRef = useRef<HTMLButtonElement | null>(null)\n  const actionsId = useId()\n\n  const isControlled = open !== undefined\n  const [internal, setInternal] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internal\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternal(next)\n    onOpenChange?.(next)\n  }\n  // keep a stable reference for the document listeners below\n  const setOpenRef = useRef(setOpen)\n  setOpenRef.current = setOpen\n\n  // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        setOpenRef.current(false)\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpenRef.current(false)\n        fabRef.current?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen])\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    rootRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  const renderIcon = (value: IconName | ReactNode) =>\n    typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n      <Icon name={value as IconName} />\n    ) : (\n      value\n    )\n\n  const ctx: SpeedDialContextValue = {\n    size: ACTION_SIZE[size],\n    placement: TOOLTIP_PLACEMENT[direction],\n    closeOnClick: closeOnActionClick,\n    persistentLabels: tooltipOpen,\n    requestClose: () => setOpen(false),\n  }\n\n  const hoverProps =\n    openOnHover && !disabled\n      ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n      : {}\n\n  return (\n    <div\n      ref={setRootRef}\n      className={clsx(styles.speedDial, className)}\n      style={style as CSSProperties}\n      {...hoverProps}\n      {...props}\n    >\n      <div\n        id={actionsId}\n        className={clsx(styles.actions, styles[direction])}\n        data-open={isOpen ? 'true' : 'false'}\n      >\n        <SpeedDialContext.Provider value={ctx}>\n          {actions\n            ? actions.map((action, index) => (\n                <SpeedDialAction\n                  key={action.key ?? index}\n                  icon={action.icon}\n                  label={action.label}\n                  onClick={action.onClick}\n                  disabled={action.disabled}\n                  color={action.color}\n                />\n              ))\n            : children}\n        </SpeedDialContext.Provider>\n      </div>\n\n      <IconButton\n        ref={fabRef}\n        rounded\n        variant=\"contained\"\n        color={color}\n        size={size}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={actionsId}\n        className={styles.fab}\n        onClick={() => setOpen(!isOpen)}\n      >\n        <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n          {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n        </span>\n      </IconButton>\n    </div>\n  )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","color","onClick","disabled","className","style","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}

package/dist/{Table-DDPzTA1H.cjs → Table-CFl3OYlo.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),k=require("clsx"),ee=require("@tanstack/react-table"),W=require("@dnd-kit/core"),ne=require("@dnd-kit/sortable"),un=require("@dnd-kit/utilities"),me=require("./table-CZRQGNdk.cjs"),Nt=require("./Badge-DVbe1rAI.cjs"),_t=require("./Button-CYZoF18-.cjs"),Fe=require("./DatePicker-CXRsT-lt.cjs"),qe=require("./DateTimePicker-BuTIRTUX.cjs"),D=require("./Icon-B6lz-V0A.cjs"),He=require("./IconButton-CQ25TtBc.cjs"),mn=require("./Modal-D8V-JZBg.cjs"),fn=require("./MultiSelect-C4RvohFY.cjs"),Le=require("./NumberField-C3TLdAgT.cjs"),St=require("./RadioGroup-687BVZ7k.cjs"),Rt=require("./Select-1FWkryTK.cjs"),gn=require("./Slider-0joKXhPo.cjs"),Mt=require("./TextField-BL6OAJcP.cjs"),Ae=require("./TimePicker-6nHQx0P5.cjs"),X=require("./Typography-d97DdbNd.cjs"),re=require("./ConfigProvider-B_Bb6pk1.cjs"),wt=require("./Dropdown-DYYhzKSo.cjs"),pn=require("./EmptyState-DnGds1ch.cjs"),jt=require("./ListItem-Qo1Tt6Fi.cjs"),hn=require("./Loader-B5Pm8AaT.cjs"),xn=require("./Pagination-Ffv6IFIU.cjs"),$e=require("./Skeleton-DK0lAjS9.cjs"),yn=require("./errorMessage-C7N4KvUS.cjs");function Oe(t,n){if(n==null)return!1;switch(t){case"number":return typeof n=="number"&&!Number.isNaN(n);case"boolean":return typeof n=="boolean";case"multiSelect":return Array.isArray(n)&&n.length>0;case"numberRange":case"numberRangeSlider":return Array.isArray(n)&&(n[0]!=null||n[1]!=null);case"dateRange":case"timeRange":case"dateTimeRange":return Array.isArray(n)&&!!(n[0]||n[1]);default:return typeof n=="string"&&n.trim()!==""}}function bn(t,n){return t.reduce((s,i)=>Oe(i.type,n[i.key])?s+1:s,0)}const Y=t=>String(t).padStart(2,"0"),Ct=t=>`${t.getFullYear()}-${Y(t.getMonth()+1)}-${Y(t.getDate())}`,_n=t=>`${Ct(t)}T${Y(t.getHours())}:${Y(t.getMinutes())}`,Sn=t=>`${Y(t.getHours())}:${Y(t.getMinutes())}`,Qe=t=>{if(!t)return null;const n=/^\d{4}-\d{2}-\d{2}$/.test(t)?`${t}T00:00:00`:t,s=new Date(n);return Number.isNaN(s.getTime())?null:s},De=t=>{const n=Qe(t);return n?Ct(n):t.slice(0,10)},Ee=t=>{const n=Qe(t);return n?_n(n):t.slice(0,16)},te=t=>{if(/\d{4}-\d{2}-\d{2}/.test(t)){const n=Qe(t);if(n)return Sn(n)}return(t.includes("T")?t.slice(t.indexOf("T")+1):t).slice(0,5)};function wn(t,n,s){const i=String(n??"");switch(t){case"text":return i.toLowerCase().includes(String(s).toLowerCase());case"number":return Number(n)===s;case"numberRange":case"numberRangeSlider":{const[h,m]=s,f=Number(n);return(h==null||f>=h)&&(m==null||f<=m)}case"select":case"radio":return i===s;case"multiSelect":return s.includes(i);case"boolean":return!!n===s;case"date":return De(i)===De(String(s));case"dateTime":return Ee(i)===Ee(String(s));case"time":return te(i)===te(String(s));case"dateRange":case"dateTimeRange":{const h=t==="dateRange"?De:Ee,[m,f]=s,g=h(i);return(!m||g>=h(m))&&(!f||g<=h(f))}case"timeRange":{const[h,m]=s,f=te(i);return(!h||f>=te(h))&&(!m||f<=te(m))}default:return!0}}function jn(t,n,s){const i=n.filter(h=>Oe(h.type,s[h.key]));return i.length===0?t:t.filter(h=>i.every(m=>wn(m.type,h[m.key],s[m.key])))}function kt(t,n,s={}){const i=new URLSearchParams,h=s.rangeMinSuffix??"Min",m=s.rangeMaxSuffix??"Max",f=s.multiSelectFormat??"repeat";for(const g of t){const o=n[g.key];if(!Oe(g.type,o))continue;const l=g.queryKey??g.key;switch(g.type){case"multiSelect":{const d=o;f==="csv"?i.set(l,d.join(",")):f==="indexed"?d.forEach((y,_)=>i.set(`${l}[${_}]`,y)):d.forEach(y=>i.append(l,y));break}case"numberRange":case"numberRangeSlider":{const[d,y]=o;d!=null&&i.set(l+h,String(d)),y!=null&&i.set(l+m,String(y));break}case"dateRange":case"timeRange":case"dateTimeRange":{const[d,y]=o;d&&i.set(l+h,d),y&&i.set(l+m,y);break}default:i.set(l,String(o))}}return i}function vt(t,n,s={}){const i=s.rangeMinSuffix??"Min",h=s.rangeMaxSuffix??"Max",m=s.multiSelectFormat??"repeat",f={};for(const g of t){const o=g.queryKey??g.key;switch(g.type){case"multiSelect":{let l=[];if(m==="csv"){const d=n.get(o);d&&(l=d.split(",").filter(Boolean))}else if(m==="indexed")for(let d=0;n.has(`${o}[${d}]`);d++)l.push(n.get(`${o}[${d}]`));else l=n.getAll(o);l.length&&(f[g.key]=l);break}case"numberRange":case"numberRangeSlider":{const l=n.get(o+i),d=n.get(o+h);(l!=null||d!=null)&&(f[g.key]=[l!=null?Number(l):null,d!=null?Number(d):null]);break}case"dateRange":case"timeRange":case"dateTimeRange":{const l=n.get(o+i),d=n.get(o+h);(l!=null||d!=null)&&(f[g.key]=[l??"",d??""]);break}case"number":{const l=n.get(o);if(l!=null){const d=Number(l);Number.isNaN(d)||(f[g.key]=d)}break}case"boolean":{const l=n.get(o);l==="true"?f[g.key]=!0:l==="false"&&(f[g.key]=!1);break}default:{const l=n.get(o);l&&(f[g.key]=l)}}}return f}const kn="_fields_xa8i1_2",vn="_field_xa8i1_2",zn="_rangeLabel_xa8i1_15",Tn="_row_xa8i1_20",Nn="_rangeSep_xa8i1_30",Rn="_stack_xa8i1_36",Mn="_footer_xa8i1_43",Cn="_footerEnd_xa8i1_50",$={fields:kn,field:vn,rangeLabel:zn,row:Tn,rangeSep:Nn,stack:Rn,footer:Mn,footerEnd:Cn},In=(t,n)=>[{value:"",label:(t==null?void 0:t.any)??n("common.any")},{value:"true",label:(t==null?void 0:t.yes)??n("common.yes")},{value:"false",label:(t==null?void 0:t.no)??n("common.no")}],Pn=t=>t===!0?"true":t===!1?"false":"",Fn=t=>t==="true"?!0:t==="false"?!1:null;function fe({label:t,from:n,to:s,stacked:i}){return r.jsxs("div",{className:$.field,children:[r.jsx(X.Typography,{variant:"bodySmall",className:$.rangeLabel,children:t}),i?r.jsxs("div",{className:$.stack,children:[n,s]}):r.jsxs("div",{className:$.row,children:[n,r.jsx("span",{className:$.rangeSep,"aria-hidden":!0,children:"–"}),s]})]})}function qn({filter:t,value:n,onChange:s}){const i=re.useT(),{type:h,label:m,options:f=[],placeholder:g}=t;switch(h){case"text":return r.jsx(Mt.TextField,{label:m,placeholder:g,value:n??"",onChange:o=>s(o.target.value)});case"number":return r.jsx(Le.NumberField,{label:m,placeholder:g,value:n??null,onChange:o=>s(o)});case"numberRange":{const[o,l]=n??[null,null];return r.jsx(fe,{label:m,from:r.jsx(Le.NumberField,{placeholder:i("common.min"),value:o,onChange:d=>s([d,l])}),to:r.jsx(Le.NumberField,{placeholder:i("common.max"),value:l,onChange:d=>s([o,d])})})}case"numberRangeSlider":{const o=t.min??0,l=t.max??100,[d,y]=n??[null,null];return r.jsx(gn.Slider,{range:!0,label:m,min:o,max:l,step:t.step??1,value:[d??o,y??l],valueLabel:_=>{const[N,R]=_;return`${N} – ${R}`},onChange:_=>{const[N,R]=_;s([N<=o?null:N,R>=l?null:R])}})}case"select":return r.jsx(Rt.Select,{label:m,placeholder:g,options:f,value:n??"",onChange:o=>s(o)});case"radio":return r.jsx(St.RadioGroup,{label:m,orientation:t.orientation??"vertical",options:[{value:"",label:t.anyLabel??i("common.any")},...f.map(({value:o,label:l,disabled:d})=>({value:o,label:l,disabled:d}))],value:n??"",onChange:o=>s(o)});case"multiSelect":return r.jsx(fn.MultiSelect,{label:m,placeholder:g,options:f,value:n??[],onChange:o=>s(o)});case"boolean":return r.jsx(St.RadioGroup,{label:m,orientation:"horizontal",options:In(t.booleanLabels,i),value:Pn(n),onChange:o=>s(Fn(o))});case"date":return r.jsx(Fe.DatePicker,{label:m,value:n??"",onChange:o=>s(o??"")});case"dateRange":{const[o,l]=n??["",""];return r.jsx(fe,{label:m,from:r.jsx(Fe.DatePicker,{placeholder:i("common.from"),value:o,onChange:d=>s([d??"",l])}),to:r.jsx(Fe.DatePicker,{placeholder:i("common.to"),value:l,onChange:d=>s([o,d??""])})})}case"time":return r.jsx(Ae.TimePicker,{label:m,value:n??"",onChange:o=>s(o??"")});case"timeRange":{const[o,l]=n??["",""];return r.jsx(fe,{label:m,from:r.jsx(Ae.TimePicker,{placeholder:i("common.from"),value:o,onChange:d=>s([d??"",l])}),to:r.jsx(Ae.TimePicker,{placeholder:i("common.to"),value:l,onChange:d=>s([o,d??""])})})}case"dateTime":return r.jsx(qe.DateTimePicker,{label:m,value:n??"",onChange:o=>s(o??"")});case"dateTimeRange":{const[o,l]=n??["",""];return r.jsx(fe,{label:m,stacked:!0,from:r.jsx(qe.DateTimePicker,{placeholder:i("common.from"),value:o,onChange:d=>s([d??"",l])}),to:r.jsx(qe.DateTimePicker,{placeholder:i("common.to"),value:l,onChange:d=>s([o,d??""])})})}default:return null}}function Ln({filters:t,value:n,onChange:s}){const i=re.useT(),[h,m]=p.useState(!1),[f,g]=p.useState(n),o=bn(t,n),l=p.useId(),d=()=>{g(n),m(!0)},y=()=>{s(f),m(!1)};return r.jsxs(r.Fragment,{children:[r.jsx(Nt.Badge,{content:o,color:"primary",children:r.jsx(He.IconButton,{variant:"filled",size:"sm","aria-label":i("table.filters"),onClick:d,children:r.jsx(D.Icon,{name:"Filter"})})}),r.jsx(mn.Modal,{open:h,onClose:()=>m(!1),placement:"right",size:"sm",icon:"Filter",title:i("table.filters"),description:i("table.filtersDescription"),footer:r.jsx("div",{className:$.footer,children:r.jsxs("div",{className:$.footerEnd,children:[r.jsx(_t.Button,{variant:"text",size:"sm",startIcon:r.jsx(D.Icon,{name:"Trash"}),onClick:()=>g({}),children:i("common.clear")}),r.jsx(_t.Button,{type:"submit",size:"sm",form:l,startIcon:r.jsx(D.Icon,{name:"Filter"}),children:i("common.apply")})]})}),children:r.jsx("form",{id:l,className:$.fields,onSubmit:_=>{_.preventDefault(),y()},children:t.map(_=>r.jsx(qn,{filter:_,value:f[_.key],onChange:N=>g(R=>({...R,[_.key]:N}))},_.key))})})]})}const An="_root_ziri4_3",$n="_toolbar_ziri4_17",Dn="_title_ziri4_24",En="_toolbarStart_ziri4_28",Bn="_toolbarEnd_ziri4_35",Wn="_search_ziri4_41",Hn="_scroll_ziri4_9",On="_table_ziri4_56",Qn="_th_ziri4_63",Gn="_sticky_ziri4_73",Un="_td_ziri4_80",Kn="_tr_ziri4_90",Xn="_wrapCell_ziri4_97",Yn="_hoverable_ziri4_101",Jn="_striped_ziri4_104",Vn="_clickable_ziri4_107",Zn="_empty_ziri4_111",er="_menuTitle_ziri4_118",tr="_skeletonCell_ziri4_126",nr="_rowActions_ziri4_130",rr="_skeletonActions_ziri4_131",sr="_dragHandleCell_ziri4_142",ar="_dragHandle_ziri4_142",ir="_dragging_ziri4_171",or="_pinnedLeft_ziri4_179",cr="_pinnedRight_ziri4_180",lr="_skeletonActionsCell_ziri4_200",dr="_stateCell_ziri4_234",ur="_loadingOverlay_ziri4_238",mr="_footer_ziri4_248",fr="_footerMain_ziri4_254",gr="_pageSize_ziri4_261",pr="_pageSizeSelect_ziri4_267",hr="_rangeText_ziri4_270",u={root:An,toolbar:$n,title:Dn,toolbarStart:En,toolbarEnd:Bn,search:Wn,scroll:Hn,table:On,th:Qn,sticky:Gn,td:Un,tr:Kn,wrapCell:Xn,hoverable:Yn,striped:Jn,clickable:Vn,empty:Zn,menuTitle:er,skeletonCell:tr,rowActions:nr,skeletonActions:rr,dragHandleCell:sr,dragHandle:ar,dragging:ir,pinnedLeft:or,pinnedRight:cr,skeletonActionsCell:lr,stateCell:dr,loadingOverlay:ur,footer:mr,footerMain:fr,pageSize:gr,pageSizeSelect:pr,rangeText:hr},ge=Number.MAX_SAFE_INTEGER,zt=["8em","5.5em","7em","10em","4.5em","6.5em"],xr=280;function Be(t,n){return typeof t=="function"?t(n):t}function pe(t){return t.maxWidth??(t.wrap?xr:void 0)}function yr(t){return t==null||typeof t=="object"?"":String(t)}function br(t){return t==null||t===""||t===!1?r.jsx("span",{className:u.empty,"aria-hidden":!0,children:"—"}):t}function We(t){return t.toString().replace(/%2C/gi,",").replace(/%3A/gi,":").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function Tt(t,n){const s={pageParam:"page",sizeParam:"size",searchParam:"search",sortParam:"sort",sortOrderParam:"order",...t},i=t.rangeMinSuffix??"Min",h=t.rangeMaxSuffix??"Max",m=[s.pageParam,s.sizeParam,s.searchParam,s.sortParam,s.sortOrderParam];for(const f of n??[]){const g=f.queryKey??f.key;m.push(g,g+i,g+h)}return f=>m.includes(f)||m.some(g=>f.startsWith(`${g}[`))}function _r(t,n,s){const i={...t};return n.top+t.y<=s.top?i.y=s.top-n.top:n.bottom+t.y>=s.top+s.height&&(i.y=s.top+s.height-n.bottom),n.left+t.x<=s.left?i.x=s.left-n.left:n.right+t.x>=s.left+s.width&&(i.x=s.left+s.width-n.right),i}const Sr=({transform:t})=>({...t,x:0}),wr=({containerNodeRect:t,draggingNodeRect:n,transform:s})=>n&&t?_r(s,n,t):s,jr=[Sr,wr];function kr({id:t,cells:n,clickable:s,onClick:i}){const h=re.useT(),{setNodeRef:m,transform:f,transition:g,isDragging:o,attributes:l,listeners:d}=ne.useSortable({id:t});return r.jsxs("tr",{ref:m,className:k.clsx(u.tr,s&&u.clickable,o&&u.dragging),style:{transform:un.CSS.Translate.toString(f),transition:g,position:o?"relative":void 0,zIndex:o?1:void 0},onClick:i,children:[r.jsx("td",{className:k.clsx(u.td,u.dragHandleCell),children:r.jsx("button",{type:"button",className:u.dragHandle,"aria-label":h("table.dragHandle"),...l,...d,onClick:y=>y.stopPropagation(),children:r.jsx(D.Icon,{name:"Menu",size:"sm"})})}),n]})}function vr({enabled:t,sensors:n,onDragEnd:s,children:i}){return t?r.jsx(W.DndContext,{sensors:n,collisionDetection:W.closestCenter,modifiers:jr,onDragEnd:s,children:i}):r.jsx(r.Fragment,{children:i})}const zr=p.forwardRef(function({columns:n,data:s,getRowId:i,title:h,toolbar:m,searchable:f=!1,searchPlaceholder:g,defaultSearch:o="",debounceMs:l=300,defaultPage:d=1,defaultPageSize:y=10,pageSizeOptions:_=[10,20,50,100,200],allowAllRows:N=!0,showPageSize:R="auto",showFirstButton:It=!1,showLastButton:Pt=!1,manualPagination:Ft=!1,rowCount:Ge,defaultSort:he=null,onChange:Ue,queryMapping:qt,onExportToEmail:se,filters:b,defaultFilters:Lt,onRowClick:E,actions:ae,reorderable:H=!1,onReorder:Ke,loading:ie=!1,loadingRows:At,empty:$t,urlSync:B=!0,clearUrlOnUnmount:Xe=!0,page:Ye,onPageChange:xe,pageSize:Je,onPageSizeChange:ye,search:J,onSearchChange:be,sort:V,onSortChange:_e,filterValues:Se,onFiltersChange:we,stickyHeader:Dt=!1,striped:Et=!1,hoverable:Bt=!0,className:Wt,...Ht},Ot){const v=re.useT(),Qt=re.useTableQueryConfig(),F=p.useRef({});F.current={...Qt,...qt};const oe=p.useRef(Ue);oe.current=Ue;const ce=p.useRef(b);ce.current=b;const Ve=p.useRef(null),je=p.useRef(null),[Ze,Gt]=p.useState({start:!1,end:!1}),[q]=p.useState(()=>{const e=B&&typeof window<"u"?new URLSearchParams(window.location.search):null;return e?{...me.parseTableQuery(e,F.current),filters:b!=null&&b.length?vt(b,e,F.current):{}}:{page:null,size:null,search:"",sort:null,filters:{}}}),[et,Ut]=p.useState(()=>({pageIndex:(q.page??d)-1,pageSize:q.size??y})),[le,ke]=p.useState(q.search||o),[Kt,Xt]=p.useState(q.search||o),[tt,Yt]=p.useState(()=>q.sort?[{id:q.sort.key,desc:q.sort.direction==="desc"}]:he?[{id:he.key,desc:he.direction==="desc"}]:[]),[nt,Jt]=p.useState(()=>({...Lt,...q.filters})),z=Ft,rt=Ye!==void 0,st=Je!==void 0,at=J!==void 0,ve=V!==void 0,ze=Se!==void 0,Te={pageIndex:rt?Ye-1:et.pageIndex,pageSize:st?Je:et.pageSize},M=at?J:Kt,L=p.useMemo(()=>ve?V?[{id:V.key,desc:V.direction==="desc"}]:[]:tt,[ve,V,tt]),A=p.useMemo(()=>ze?Se:nt,[ze,Se,nt]),O=e=>{const a=Te,c=Be(e,a);c.pageIndex!==a.pageIndex&&(xe==null||xe(c.pageIndex+1)),c.pageSize!==a.pageSize&&(ye==null||ye(c.pageSize)),Ut(x=>({pageIndex:rt?x.pageIndex:c.pageIndex,pageSize:st?x.pageSize:c.pageSize}))},Ne=()=>O(e=>e.pageIndex===0?e:{...e,pageIndex:0}),Re=(e,a=!0)=>{at||Xt(e),be==null||be(e),a&&Ne()},Me=(e,a=!0)=>{const c=Be(e,L);ve||Yt(c),_e==null||_e(c[0]?{key:c[0].id,direction:c[0].desc?"desc":"asc"}:null),a&&Ne()},it=(e,a=!0)=>{ze||Jt(e),we==null||we(e),a&&Ne()},Vt=p.useMemo(()=>b&&b.length>0&&!z?jn(s,b,A):s,[b,z,s,A]),Zt=it,en=p.useMemo(()=>n.map(e=>({id:e.key,accessorFn:a=>a[e.key],enableSorting:!!e.sortable})),[n]),tn=p.useMemo(()=>{const e=_.map(a=>({value:String(a),label:String(a)}));return N?[...e,{value:"all",label:v("common.all")}]:e},[_,N]),de=p.useMemo(()=>{if(!ae)return n;const e={key:"__actions",header:"",align:"right",pinned:"right",cell:(a,c)=>r.jsx("div",{className:u.rowActions,onClick:x=>x.stopPropagation(),children:ae(a,c)})};return[...n,e]},[n,ae]),Ce=p.useMemo(()=>n.filter(e=>e.sortable),[n]),nn=e=>Me(a=>{const c=a[0];return!c||c.id!==e?[{id:e,desc:!1}]:c.desc?[]:[{id:e,desc:!0}]}),Ie=ee.useReactTable({data:Vt,columns:en,state:{pagination:Te,globalFilter:M,sorting:L},onPaginationChange:O,onGlobalFilterChange:e=>Re(Be(e,M)),onSortingChange:Me,globalFilterFn:"includesString",sortDescFirst:!1,getCoreRowModel:ee.getCoreRowModel(),getRowId:i,manualPagination:z,manualFiltering:z,manualSorting:z,...z?{rowCount:Ge??s.length}:{getPaginationRowModel:ee.getPaginationRowModel(),getFilteredRowModel:ee.getFilteredRowModel(),getSortedRowModel:ee.getSortedRowModel()}}),Q=Ie.getRowModel().rows,rn=W.useSensors(W.useSensor(W.PointerSensor,{activationConstraint:{distance:5}}),W.useSensor(W.KeyboardSensor,{coordinateGetter:ne.sortableKeyboardCoordinates})),ot=(e,a)=>i?i(e,a):String(a),sn=e=>{const{active:a,over:c}=e;if(!c||a.id===c.id||!Ke)return;const x=s.findIndex((P,w)=>ot(P,w)===a.id),j=s.findIndex((P,w)=>ot(P,w)===c.id);x<0||j<0||Ke(ne.arrayMove(s,x,j),{id:String(a.id),from:x,to:j})},C=z?Ge??s.length:Ie.getFilteredRowModel().rows.length,{pageIndex:T,pageSize:S}=Te,G=Math.max(1,Math.ceil(C/S)),an=Math.min(..._,...S<ge?[S]:[]),ct=R==="auto"?C>an:R,lt=T+1,on=C===0?0:T*S+1,cn=z?Math.min(C,T*S+Q.length):Math.min(C,lt*S);p.useEffect(()=>{J!==void 0&&ke(J)},[J]),p.useEffect(()=>{if(le===M)return;const e=setTimeout(()=>Re(le),l);return()=>clearTimeout(e)},[le,M,l]),p.useEffect(()=>{z&&C===0||T>0&&T>=G&&O(e=>({...e,pageIndex:G-1}))},[G,T,z,C]);const I=L[0]?{key:L[0].id,direction:L[0].desc?"desc":"asc"}:null,dt=()=>{const e=T+1,a=S,c=me.buildTableQuery({page:e,size:a,search:M,sort:I},F.current);return b!=null&&b.length&&kt(b,A,F.current).forEach((x,j)=>c.append(j,x)),{page:e,size:a,search:M,sort:I,filters:A,params:c,query:We(c)}};p.useEffect(()=>{var e;(e=oe.current)==null||e.call(oe,dt())},[T,S,M,L,A]);const ut=se!=null,mt=b!=null&&b.length>0,Z=p.useRef(null),ft=p.useCallback((e,a,c,x,j)=>{if(typeof window>"u"||!B)return;Z.current=window.location.pathname;const P=F.current,w=ce.current,U=me.buildTableQuery({page:e,size:a,search:c,sort:x},P);w!=null&&w.length&&kt(w,j,P).forEach((K,Pe)=>U.append(Pe,K));const dn=Tt(P,w),ue=new URLSearchParams(window.location.search);for(const K of[...ue.keys()])dn(K)&&ue.delete(K);U.forEach((K,Pe)=>ue.append(Pe,K));const yt=We(ue),bt=`${window.location.pathname}${yt?`?${yt}`:""}${window.location.hash}`;bt!==`${window.location.pathname}${window.location.search}${window.location.hash}`&&window.history.replaceState(window.history.state,"",bt)},[B]);p.useEffect(()=>{ft(T+1,S,M,I,A)},[T,S,M,L,A,ft]);const gt=p.useRef(B);gt.current=B;const pt=p.useRef(Xe);pt.current=Xe,p.useEffect(()=>{if(!(typeof window>"u"))return Z.current??(Z.current=window.location.pathname),()=>{if(!gt.current||!pt.current||window.location.pathname!==Z.current)return;const e=Tt(F.current,ce.current),a=new URLSearchParams(window.location.search),c=[...a.keys()].filter(e);if(c.length===0)return;for(const j of c)a.delete(j);const x=We(a);window.history.replaceState(window.history.state,"",`${window.location.pathname}${x?`?${x}`:""}${window.location.hash}`)}},[]);const ht=p.useRef(()=>{});ht.current=()=>{const e=new URLSearchParams(window.location.search),a=F.current,c=me.parseTableQuery(e,a);O(()=>({pageIndex:(c.page??d)-1,pageSize:c.size??S})),ke(c.search),Re(c.search,!1),Me(()=>c.sort?[{id:c.sort.key,desc:c.sort.direction==="desc"}]:[],!1);const x=ce.current;x!=null&&x.length&&it(vt(x,e,a),!1)},p.useEffect(()=>{if(typeof window>"u"||!B)return;const e=()=>ht.current();return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[B]),p.useEffect(()=>{yn.isDev()&&!i&&(E!=null||ae!=null||H)&&console.warn("[Table] No `getRowId` provided, so the row index is used as the React key. For a table with row interactions or changing / paged data, pass `getRowId` (e.g. `(row) => row.id`) so each row keeps its identity across sort / filter / refetch.")},[]),p.useEffect(()=>{const e=Ve.current;if(!e)return;const a=()=>{const x=e.scrollWidth>e.clientWidth+1,j=e.scrollLeft<=0,P=e.scrollLeft>=e.scrollWidth-e.clientWidth-1,w={start:x&&!j,end:x&&!P};Gt(U=>U.start===w.start&&U.end===w.end?U:w)};a(),e.addEventListener("scroll",a,{passive:!0});const c=typeof ResizeObserver<"u"?new ResizeObserver(a):null;return c==null||c.observe(e),c&&je.current&&c.observe(je.current),()=>{e.removeEventListener("scroll",a),c==null||c.disconnect()}},[]);const ln=h!=null||m!=null||f||mt||Ce.length>0||ut,xt=e=>de.map(a=>r.jsx("td",{className:k.clsx(u.td,a.pinned==="left"&&u.pinnedLeft,a.pinned==="right"&&u.pinnedRight,(a.wrap||a.maxWidth!=null)&&u.wrapCell),style:{width:a.width??(a.pinned?1:pe(a)),maxWidth:pe(a),textAlign:a.align},children:br(a.cell?a.cell(e.original,e.index):yr(e.getValue(a.key)))},a.key));return r.jsxs("div",{ref:Ot,className:k.clsx(u.root,Wt),...Ht,children:[ln&&r.jsxs("div",{className:u.toolbar,children:[r.jsxs("div",{className:u.toolbarStart,children:[h!=null&&r.jsx(X.Typography,{variant:"h4",as:"div",className:u.title,children:h}),f&&r.jsx(Mt.TextField,{className:u.search,fullWidth:!1,value:le,onChange:e=>ke(e.target.value),placeholder:g??v("common.search"),adornment:r.jsx(D.Icon,{name:"SearchNormal"}),"aria-label":v("common.search")})]}),r.jsxs("div",{className:u.toolbarEnd,children:[m,ut&&r.jsxs(wt.Dropdown,{placement:"bottom-end",trigger:r.jsx(He.IconButton,{variant:"filled",size:"sm","aria-label":v("table.export"),children:r.jsx(D.Icon,{name:"ExportArrow"})}),children:[r.jsx(X.Typography,{as:"div",variant:"caption",color:"muted",uppercase:!0,className:u.menuTitle,children:v("table.export")}),r.jsx(jt.ListItem,{clickable:!0,icon:"Sms",onClick:()=>se==null?void 0:se(dt()),children:v("table.sendOnEmail")})]}),Ce.length>0&&r.jsxs(wt.Dropdown,{placement:"bottom-end",closeOnSelect:!1,trigger:r.jsx(Nt.Badge,{dot:L.length>0,color:"primary",children:r.jsx(He.IconButton,{variant:"filled",size:"sm","aria-label":v("table.sort"),children:r.jsx(D.Icon,{name:"Sort"})})}),children:[r.jsx(X.Typography,{as:"div",variant:"caption",color:"muted",uppercase:!0,className:u.menuTitle,children:v("table.sortBy")}),Ce.map(e=>{const a=(I==null?void 0:I.key)===e.key;return r.jsx(jt.ListItem,{clickable:!0,selected:a,trailing:a?r.jsx(D.Icon,{name:(I==null?void 0:I.direction)==="desc"?"ArrowDown":"ArrowUp2"}):void 0,onClick:()=>nn(e.key),children:e.header},e.key)})]}),mt&&r.jsx(Ln,{filters:b,value:A,onChange:Zt})]})]}),r.jsx(vr,{enabled:H,sensors:rn,onDragEnd:sn,children:r.jsxs("div",{ref:Ve,className:u.scroll,"data-pin-start":Ze.start?"true":"false","data-pin-end":Ze.end?"true":"false",children:[r.jsxs("table",{ref:je,className:k.clsx(u.table,Et&&u.striped,Bt&&u.hoverable,Dt&&u.sticky),"aria-busy":ie||void 0,children:[r.jsx("thead",{children:r.jsxs("tr",{children:[H&&r.jsx("th",{className:k.clsx(u.th,u.dragHandleCell),scope:"col","aria-hidden":!0}),de.map(e=>{var c;const a=e.sortable&&((c=Ie.getColumn(e.key))==null?void 0:c.getIsSorted())||!1;return r.jsx("th",{scope:"col",className:k.clsx(u.th,e.pinned==="left"&&u.pinnedLeft,e.pinned==="right"&&u.pinnedRight,(e.wrap||e.maxWidth!=null)&&u.wrapCell),style:{width:e.width??(e.pinned?1:pe(e)),maxWidth:pe(e),textAlign:e.align},"aria-sort":e.sortable?a==="asc"?"ascending":a==="desc"?"descending":"none":void 0,children:e.header},e.key)})]})}),r.jsx("tbody",{children:Q.length>0?H?r.jsx(ne.SortableContext,{items:Q.map(e=>e.id),strategy:ne.verticalListSortingStrategy,children:Q.map(e=>r.jsx(kr,{id:e.id,clickable:!!E,onClick:E?()=>E(e.original,e.index):void 0,cells:xt(e)},e.id))}):Q.map(e=>r.jsx("tr",{className:k.clsx(u.tr,E&&u.clickable),onClick:E?()=>E(e.original,e.index):void 0,children:xt(e)},e.id)):ie?Array.from({length:At??Math.min(S===ge?10:S,10)},(e,a)=>r.jsxs("tr",{className:u.tr,"aria-hidden":"true",children:[H&&r.jsx("td",{className:k.clsx(u.td,u.dragHandleCell)}),de.map((c,x)=>r.jsx("td",{className:k.clsx(u.td,c.pinned==="left"&&u.pinnedLeft,c.pinned==="right"&&u.pinnedRight,c.key==="__actions"&&u.skeletonActionsCell),style:{width:c.width,textAlign:c.align},children:c.key==="__actions"?r.jsxs("span",{className:k.clsx(u.rowActions,u.skeletonActions),children:[r.jsx($e.Skeleton,{variant:"rect",width:"calc(var(--tz-control-height-sm) - var(--tz-space-xs))",height:"calc(var(--tz-control-height-sm) - var(--tz-space-xs))",radius:"xs"}),r.jsx($e.Skeleton,{variant:"rect",width:"calc(var(--tz-control-height-sm) - var(--tz-space-xs))",height:"calc(var(--tz-control-height-sm) - var(--tz-space-xs))",radius:"xs"})]}):r.jsx($e.Skeleton,{width:zt[(a*3+x)%zt.length],className:u.skeletonCell})},c.key))]},a)):r.jsx("tr",{children:r.jsx("td",{colSpan:Math.max(1,de.length+(H?1:0)),className:u.stateCell,children:$t??r.jsx(pn.EmptyState,{})})})})]}),ie&&Q.length>0&&r.jsx("div",{className:u.loadingOverlay,children:r.jsx(hn.Loader,{size:"lg"})})]})}),C>0&&(ct||G>1)&&r.jsxs("div",{className:u.footer,children:[r.jsx(X.Typography,{variant:"bodySmall",color:"muted",as:"span",className:u.rangeText,children:v("table.range",{from:on,to:cn,total:C})}),r.jsxs("div",{className:u.footerMain,children:[ct&&r.jsxs("div",{className:u.pageSize,children:[r.jsx(X.Typography,{variant:"bodySmall",color:"muted",as:"span",children:v("table.rowsPerPage")}),r.jsx(Rt.Select,{className:u.pageSizeSelect,fullWidth:!1,clearable:!1,showSelectedTick:!1,value:S>=ge?"all":String(S),onChange:e=>O(()=>({pageIndex:0,pageSize:e==="all"?ge:Number(e)})),options:tn})]}),G>1&&r.jsx(xn.Pagination,{count:G,page:lt,onChange:e=>O(a=>({...a,pageIndex:e-1})),showFirstButton:It,showLastButton:Pt,disabled:ie})]})]})]})});exports.Table=zr;
-//# sourceMappingURL=Table-DDPzTA1H.cjs.map
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),k=require("clsx"),ee=require("@tanstack/react-table"),W=require("@dnd-kit/core"),ne=require("@dnd-kit/sortable"),un=require("@dnd-kit/utilities"),me=require("./table-CZRQGNdk.cjs"),Nt=require("./Badge-DVbe1rAI.cjs"),_t=require("./Button-CYZoF18-.cjs"),Fe=require("./DatePicker-CXRsT-lt.cjs"),qe=require("./DateTimePicker-BuTIRTUX.cjs"),D=require("./Icon-B6lz-V0A.cjs"),He=require("./IconButton-CQ25TtBc.cjs"),mn=require("./Modal-DjSOhZqd.cjs"),fn=require("./MultiSelect-C4RvohFY.cjs"),Le=require("./NumberField-C3TLdAgT.cjs"),St=require("./RadioGroup-687BVZ7k.cjs"),Rt=require("./Select-1FWkryTK.cjs"),gn=require("./Slider-0joKXhPo.cjs"),Mt=require("./TextField-BL6OAJcP.cjs"),Ae=require("./TimePicker-6nHQx0P5.cjs"),X=require("./Typography-d97DdbNd.cjs"),re=require("./ConfigProvider-B_Bb6pk1.cjs"),wt=require("./Dropdown-DYYhzKSo.cjs"),pn=require("./EmptyState-DnGds1ch.cjs"),jt=require("./ListItem-Qo1Tt6Fi.cjs"),hn=require("./Loader-B5Pm8AaT.cjs"),xn=require("./Pagination-Ffv6IFIU.cjs"),$e=require("./Skeleton-DK0lAjS9.cjs"),yn=require("./errorMessage-C7N4KvUS.cjs");function Oe(t,n){if(n==null)return!1;switch(t){case"number":return typeof n=="number"&&!Number.isNaN(n);case"boolean":return typeof n=="boolean";case"multiSelect":return Array.isArray(n)&&n.length>0;case"numberRange":case"numberRangeSlider":return Array.isArray(n)&&(n[0]!=null||n[1]!=null);case"dateRange":case"timeRange":case"dateTimeRange":return Array.isArray(n)&&!!(n[0]||n[1]);default:return typeof n=="string"&&n.trim()!==""}}function bn(t,n){return t.reduce((s,i)=>Oe(i.type,n[i.key])?s+1:s,0)}const Y=t=>String(t).padStart(2,"0"),Ct=t=>`${t.getFullYear()}-${Y(t.getMonth()+1)}-${Y(t.getDate())}`,_n=t=>`${Ct(t)}T${Y(t.getHours())}:${Y(t.getMinutes())}`,Sn=t=>`${Y(t.getHours())}:${Y(t.getMinutes())}`,Qe=t=>{if(!t)return null;const n=/^\d{4}-\d{2}-\d{2}$/.test(t)?`${t}T00:00:00`:t,s=new Date(n);return Number.isNaN(s.getTime())?null:s},De=t=>{const n=Qe(t);return n?Ct(n):t.slice(0,10)},Ee=t=>{const n=Qe(t);return n?_n(n):t.slice(0,16)},te=t=>{if(/\d{4}-\d{2}-\d{2}/.test(t)){const n=Qe(t);if(n)return Sn(n)}return(t.includes("T")?t.slice(t.indexOf("T")+1):t).slice(0,5)};function wn(t,n,s){const i=String(n??"");switch(t){case"text":return i.toLowerCase().includes(String(s).toLowerCase());case"number":return Number(n)===s;case"numberRange":case"numberRangeSlider":{const[h,m]=s,f=Number(n);return(h==null||f>=h)&&(m==null||f<=m)}case"select":case"radio":return i===s;case"multiSelect":return s.includes(i);case"boolean":return!!n===s;case"date":return De(i)===De(String(s));case"dateTime":return Ee(i)===Ee(String(s));case"time":return te(i)===te(String(s));case"dateRange":case"dateTimeRange":{const h=t==="dateRange"?De:Ee,[m,f]=s,g=h(i);return(!m||g>=h(m))&&(!f||g<=h(f))}case"timeRange":{const[h,m]=s,f=te(i);return(!h||f>=te(h))&&(!m||f<=te(m))}default:return!0}}function jn(t,n,s){const i=n.filter(h=>Oe(h.type,s[h.key]));return i.length===0?t:t.filter(h=>i.every(m=>wn(m.type,h[m.key],s[m.key])))}function kt(t,n,s={}){const i=new URLSearchParams,h=s.rangeMinSuffix??"Min",m=s.rangeMaxSuffix??"Max",f=s.multiSelectFormat??"repeat";for(const g of t){const o=n[g.key];if(!Oe(g.type,o))continue;const l=g.queryKey??g.key;switch(g.type){case"multiSelect":{const d=o;f==="csv"?i.set(l,d.join(",")):f==="indexed"?d.forEach((y,_)=>i.set(`${l}[${_}]`,y)):d.forEach(y=>i.append(l,y));break}case"numberRange":case"numberRangeSlider":{const[d,y]=o;d!=null&&i.set(l+h,String(d)),y!=null&&i.set(l+m,String(y));break}case"dateRange":case"timeRange":case"dateTimeRange":{const[d,y]=o;d&&i.set(l+h,d),y&&i.set(l+m,y);break}default:i.set(l,String(o))}}return i}function vt(t,n,s={}){const i=s.rangeMinSuffix??"Min",h=s.rangeMaxSuffix??"Max",m=s.multiSelectFormat??"repeat",f={};for(const g of t){const o=g.queryKey??g.key;switch(g.type){case"multiSelect":{let l=[];if(m==="csv"){const d=n.get(o);d&&(l=d.split(",").filter(Boolean))}else if(m==="indexed")for(let d=0;n.has(`${o}[${d}]`);d++)l.push(n.get(`${o}[${d}]`));else l=n.getAll(o);l.length&&(f[g.key]=l);break}case"numberRange":case"numberRangeSlider":{const l=n.get(o+i),d=n.get(o+h);(l!=null||d!=null)&&(f[g.key]=[l!=null?Number(l):null,d!=null?Number(d):null]);break}case"dateRange":case"timeRange":case"dateTimeRange":{const l=n.get(o+i),d=n.get(o+h);(l!=null||d!=null)&&(f[g.key]=[l??"",d??""]);break}case"number":{const l=n.get(o);if(l!=null){const d=Number(l);Number.isNaN(d)||(f[g.key]=d)}break}case"boolean":{const l=n.get(o);l==="true"?f[g.key]=!0:l==="false"&&(f[g.key]=!1);break}default:{const l=n.get(o);l&&(f[g.key]=l)}}}return f}const kn="_fields_xa8i1_2",vn="_field_xa8i1_2",zn="_rangeLabel_xa8i1_15",Tn="_row_xa8i1_20",Nn="_rangeSep_xa8i1_30",Rn="_stack_xa8i1_36",Mn="_footer_xa8i1_43",Cn="_footerEnd_xa8i1_50",$={fields:kn,field:vn,rangeLabel:zn,row:Tn,rangeSep:Nn,stack:Rn,footer:Mn,footerEnd:Cn},In=(t,n)=>[{value:"",label:(t==null?void 0:t.any)??n("common.any")},{value:"true",label:(t==null?void 0:t.yes)??n("common.yes")},{value:"false",label:(t==null?void 0:t.no)??n("common.no")}],Pn=t=>t===!0?"true":t===!1?"false":"",Fn=t=>t==="true"?!0:t==="false"?!1:null;function fe({label:t,from:n,to:s,stacked:i}){return r.jsxs("div",{className:$.field,children:[r.jsx(X.Typography,{variant:"bodySmall",className:$.rangeLabel,children:t}),i?r.jsxs("div",{className:$.stack,children:[n,s]}):r.jsxs("div",{className:$.row,children:[n,r.jsx("span",{className:$.rangeSep,"aria-hidden":!0,children:"–"}),s]})]})}function qn({filter:t,value:n,onChange:s}){const i=re.useT(),{type:h,label:m,options:f=[],placeholder:g}=t;switch(h){case"text":return r.jsx(Mt.TextField,{label:m,placeholder:g,value:n??"",onChange:o=>s(o.target.value)});case"number":return r.jsx(Le.NumberField,{label:m,placeholder:g,value:n??null,onChange:o=>s(o)});case"numberRange":{const[o,l]=n??[null,null];return r.jsx(fe,{label:m,from:r.jsx(Le.NumberField,{placeholder:i("common.min"),value:o,onChange:d=>s([d,l])}),to:r.jsx(Le.NumberField,{placeholder:i("common.max"),value:l,onChange:d=>s([o,d])})})}case"numberRangeSlider":{const o=t.min??0,l=t.max??100,[d,y]=n??[null,null];return r.jsx(gn.Slider,{range:!0,label:m,min:o,max:l,step:t.step??1,value:[d??o,y??l],valueLabel:_=>{const[N,R]=_;return`${N} – ${R}`},onChange:_=>{const[N,R]=_;s([N<=o?null:N,R>=l?null:R])}})}case"select":return r.jsx(Rt.Select,{label:m,placeholder:g,options:f,value:n??"",onChange:o=>s(o)});case"radio":return r.jsx(St.RadioGroup,{label:m,orientation:t.orientation??"vertical",options:[{value:"",label:t.anyLabel??i("common.any")},...f.map(({value:o,label:l,disabled:d})=>({value:o,label:l,disabled:d}))],value:n??"",onChange:o=>s(o)});case"multiSelect":return r.jsx(fn.MultiSelect,{label:m,placeholder:g,options:f,value:n??[],onChange:o=>s(o)});case"boolean":return r.jsx(St.RadioGroup,{label:m,orientation:"horizontal",options:In(t.booleanLabels,i),value:Pn(n),onChange:o=>s(Fn(o))});case"date":return r.jsx(Fe.DatePicker,{label:m,value:n??"",onChange:o=>s(o??"")});case"dateRange":{const[o,l]=n??["",""];return r.jsx(fe,{label:m,from:r.jsx(Fe.DatePicker,{placeholder:i("common.from"),value:o,onChange:d=>s([d??"",l])}),to:r.jsx(Fe.DatePicker,{placeholder:i("common.to"),value:l,onChange:d=>s([o,d??""])})})}case"time":return r.jsx(Ae.TimePicker,{label:m,value:n??"",onChange:o=>s(o??"")});case"timeRange":{const[o,l]=n??["",""];return r.jsx(fe,{label:m,from:r.jsx(Ae.TimePicker,{placeholder:i("common.from"),value:o,onChange:d=>s([d??"",l])}),to:r.jsx(Ae.TimePicker,{placeholder:i("common.to"),value:l,onChange:d=>s([o,d??""])})})}case"dateTime":return r.jsx(qe.DateTimePicker,{label:m,value:n??"",onChange:o=>s(o??"")});case"dateTimeRange":{const[o,l]=n??["",""];return r.jsx(fe,{label:m,stacked:!0,from:r.jsx(qe.DateTimePicker,{placeholder:i("common.from"),value:o,onChange:d=>s([d??"",l])}),to:r.jsx(qe.DateTimePicker,{placeholder:i("common.to"),value:l,onChange:d=>s([o,d??""])})})}default:return null}}function Ln({filters:t,value:n,onChange:s}){const i=re.useT(),[h,m]=p.useState(!1),[f,g]=p.useState(n),o=bn(t,n),l=p.useId(),d=()=>{g(n),m(!0)},y=()=>{s(f),m(!1)};return r.jsxs(r.Fragment,{children:[r.jsx(Nt.Badge,{content:o,color:"primary",children:r.jsx(He.IconButton,{variant:"filled",size:"sm","aria-label":i("table.filters"),onClick:d,children:r.jsx(D.Icon,{name:"Filter"})})}),r.jsx(mn.Modal,{open:h,onClose:()=>m(!1),placement:"right",size:"sm",icon:"Filter",title:i("table.filters"),description:i("table.filtersDescription"),footer:r.jsx("div",{className:$.footer,children:r.jsxs("div",{className:$.footerEnd,children:[r.jsx(_t.Button,{variant:"text",size:"sm",startIcon:r.jsx(D.Icon,{name:"Trash"}),onClick:()=>g({}),children:i("common.clear")}),r.jsx(_t.Button,{type:"submit",size:"sm",form:l,startIcon:r.jsx(D.Icon,{name:"Filter"}),children:i("common.apply")})]})}),children:r.jsx("form",{id:l,className:$.fields,onSubmit:_=>{_.preventDefault(),y()},children:t.map(_=>r.jsx(qn,{filter:_,value:f[_.key],onChange:N=>g(R=>({...R,[_.key]:N}))},_.key))})})]})}const An="_root_ziri4_3",$n="_toolbar_ziri4_17",Dn="_title_ziri4_24",En="_toolbarStart_ziri4_28",Bn="_toolbarEnd_ziri4_35",Wn="_search_ziri4_41",Hn="_scroll_ziri4_9",On="_table_ziri4_56",Qn="_th_ziri4_63",Gn="_sticky_ziri4_73",Un="_td_ziri4_80",Kn="_tr_ziri4_90",Xn="_wrapCell_ziri4_97",Yn="_hoverable_ziri4_101",Jn="_striped_ziri4_104",Vn="_clickable_ziri4_107",Zn="_empty_ziri4_111",er="_menuTitle_ziri4_118",tr="_skeletonCell_ziri4_126",nr="_rowActions_ziri4_130",rr="_skeletonActions_ziri4_131",sr="_dragHandleCell_ziri4_142",ar="_dragHandle_ziri4_142",ir="_dragging_ziri4_171",or="_pinnedLeft_ziri4_179",cr="_pinnedRight_ziri4_180",lr="_skeletonActionsCell_ziri4_200",dr="_stateCell_ziri4_234",ur="_loadingOverlay_ziri4_238",mr="_footer_ziri4_248",fr="_footerMain_ziri4_254",gr="_pageSize_ziri4_261",pr="_pageSizeSelect_ziri4_267",hr="_rangeText_ziri4_270",u={root:An,toolbar:$n,title:Dn,toolbarStart:En,toolbarEnd:Bn,search:Wn,scroll:Hn,table:On,th:Qn,sticky:Gn,td:Un,tr:Kn,wrapCell:Xn,hoverable:Yn,striped:Jn,clickable:Vn,empty:Zn,menuTitle:er,skeletonCell:tr,rowActions:nr,skeletonActions:rr,dragHandleCell:sr,dragHandle:ar,dragging:ir,pinnedLeft:or,pinnedRight:cr,skeletonActionsCell:lr,stateCell:dr,loadingOverlay:ur,footer:mr,footerMain:fr,pageSize:gr,pageSizeSelect:pr,rangeText:hr},ge=Number.MAX_SAFE_INTEGER,zt=["8em","5.5em","7em","10em","4.5em","6.5em"],xr=280;function Be(t,n){return typeof t=="function"?t(n):t}function pe(t){return t.maxWidth??(t.wrap?xr:void 0)}function yr(t){return t==null||typeof t=="object"?"":String(t)}function br(t){return t==null||t===""||t===!1?r.jsx("span",{className:u.empty,"aria-hidden":!0,children:"—"}):t}function We(t){return t.toString().replace(/%2C/gi,",").replace(/%3A/gi,":").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function Tt(t,n){const s={pageParam:"page",sizeParam:"size",searchParam:"search",sortParam:"sort",sortOrderParam:"order",...t},i=t.rangeMinSuffix??"Min",h=t.rangeMaxSuffix??"Max",m=[s.pageParam,s.sizeParam,s.searchParam,s.sortParam,s.sortOrderParam];for(const f of n??[]){const g=f.queryKey??f.key;m.push(g,g+i,g+h)}return f=>m.includes(f)||m.some(g=>f.startsWith(`${g}[`))}function _r(t,n,s){const i={...t};return n.top+t.y<=s.top?i.y=s.top-n.top:n.bottom+t.y>=s.top+s.height&&(i.y=s.top+s.height-n.bottom),n.left+t.x<=s.left?i.x=s.left-n.left:n.right+t.x>=s.left+s.width&&(i.x=s.left+s.width-n.right),i}const Sr=({transform:t})=>({...t,x:0}),wr=({containerNodeRect:t,draggingNodeRect:n,transform:s})=>n&&t?_r(s,n,t):s,jr=[Sr,wr];function kr({id:t,cells:n,clickable:s,onClick:i}){const h=re.useT(),{setNodeRef:m,transform:f,transition:g,isDragging:o,attributes:l,listeners:d}=ne.useSortable({id:t});return r.jsxs("tr",{ref:m,className:k.clsx(u.tr,s&&u.clickable,o&&u.dragging),style:{transform:un.CSS.Translate.toString(f),transition:g,position:o?"relative":void 0,zIndex:o?1:void 0},onClick:i,children:[r.jsx("td",{className:k.clsx(u.td,u.dragHandleCell),children:r.jsx("button",{type:"button",className:u.dragHandle,"aria-label":h("table.dragHandle"),...l,...d,onClick:y=>y.stopPropagation(),children:r.jsx(D.Icon,{name:"Menu",size:"sm"})})}),n]})}function vr({enabled:t,sensors:n,onDragEnd:s,children:i}){return t?r.jsx(W.DndContext,{sensors:n,collisionDetection:W.closestCenter,modifiers:jr,onDragEnd:s,children:i}):r.jsx(r.Fragment,{children:i})}const zr=p.forwardRef(function({columns:n,data:s,getRowId:i,title:h,toolbar:m,searchable:f=!1,searchPlaceholder:g,defaultSearch:o="",debounceMs:l=300,defaultPage:d=1,defaultPageSize:y=10,pageSizeOptions:_=[10,20,50,100,200],allowAllRows:N=!0,showPageSize:R="auto",showFirstButton:It=!1,showLastButton:Pt=!1,manualPagination:Ft=!1,rowCount:Ge,defaultSort:he=null,onChange:Ue,queryMapping:qt,onExportToEmail:se,filters:b,defaultFilters:Lt,onRowClick:E,actions:ae,reorderable:H=!1,onReorder:Ke,loading:ie=!1,loadingRows:At,empty:$t,urlSync:B=!0,clearUrlOnUnmount:Xe=!0,page:Ye,onPageChange:xe,pageSize:Je,onPageSizeChange:ye,search:J,onSearchChange:be,sort:V,onSortChange:_e,filterValues:Se,onFiltersChange:we,stickyHeader:Dt=!1,striped:Et=!1,hoverable:Bt=!0,className:Wt,...Ht},Ot){const v=re.useT(),Qt=re.useTableQueryConfig(),F=p.useRef({});F.current={...Qt,...qt};const oe=p.useRef(Ue);oe.current=Ue;const ce=p.useRef(b);ce.current=b;const Ve=p.useRef(null),je=p.useRef(null),[Ze,Gt]=p.useState({start:!1,end:!1}),[q]=p.useState(()=>{const e=B&&typeof window<"u"?new URLSearchParams(window.location.search):null;return e?{...me.parseTableQuery(e,F.current),filters:b!=null&&b.length?vt(b,e,F.current):{}}:{page:null,size:null,search:"",sort:null,filters:{}}}),[et,Ut]=p.useState(()=>({pageIndex:(q.page??d)-1,pageSize:q.size??y})),[le,ke]=p.useState(q.search||o),[Kt,Xt]=p.useState(q.search||o),[tt,Yt]=p.useState(()=>q.sort?[{id:q.sort.key,desc:q.sort.direction==="desc"}]:he?[{id:he.key,desc:he.direction==="desc"}]:[]),[nt,Jt]=p.useState(()=>({...Lt,...q.filters})),z=Ft,rt=Ye!==void 0,st=Je!==void 0,at=J!==void 0,ve=V!==void 0,ze=Se!==void 0,Te={pageIndex:rt?Ye-1:et.pageIndex,pageSize:st?Je:et.pageSize},M=at?J:Kt,L=p.useMemo(()=>ve?V?[{id:V.key,desc:V.direction==="desc"}]:[]:tt,[ve,V,tt]),A=p.useMemo(()=>ze?Se:nt,[ze,Se,nt]),O=e=>{const a=Te,c=Be(e,a);c.pageIndex!==a.pageIndex&&(xe==null||xe(c.pageIndex+1)),c.pageSize!==a.pageSize&&(ye==null||ye(c.pageSize)),Ut(x=>({pageIndex:rt?x.pageIndex:c.pageIndex,pageSize:st?x.pageSize:c.pageSize}))},Ne=()=>O(e=>e.pageIndex===0?e:{...e,pageIndex:0}),Re=(e,a=!0)=>{at||Xt(e),be==null||be(e),a&&Ne()},Me=(e,a=!0)=>{const c=Be(e,L);ve||Yt(c),_e==null||_e(c[0]?{key:c[0].id,direction:c[0].desc?"desc":"asc"}:null),a&&Ne()},it=(e,a=!0)=>{ze||Jt(e),we==null||we(e),a&&Ne()},Vt=p.useMemo(()=>b&&b.length>0&&!z?jn(s,b,A):s,[b,z,s,A]),Zt=it,en=p.useMemo(()=>n.map(e=>({id:e.key,accessorFn:a=>a[e.key],enableSorting:!!e.sortable})),[n]),tn=p.useMemo(()=>{const e=_.map(a=>({value:String(a),label:String(a)}));return N?[...e,{value:"all",label:v("common.all")}]:e},[_,N]),de=p.useMemo(()=>{if(!ae)return n;const e={key:"__actions",header:"",align:"right",pinned:"right",cell:(a,c)=>r.jsx("div",{className:u.rowActions,onClick:x=>x.stopPropagation(),children:ae(a,c)})};return[...n,e]},[n,ae]),Ce=p.useMemo(()=>n.filter(e=>e.sortable),[n]),nn=e=>Me(a=>{const c=a[0];return!c||c.id!==e?[{id:e,desc:!1}]:c.desc?[]:[{id:e,desc:!0}]}),Ie=ee.useReactTable({data:Vt,columns:en,state:{pagination:Te,globalFilter:M,sorting:L},onPaginationChange:O,onGlobalFilterChange:e=>Re(Be(e,M)),onSortingChange:Me,globalFilterFn:"includesString",sortDescFirst:!1,getCoreRowModel:ee.getCoreRowModel(),getRowId:i,manualPagination:z,manualFiltering:z,manualSorting:z,...z?{rowCount:Ge??s.length}:{getPaginationRowModel:ee.getPaginationRowModel(),getFilteredRowModel:ee.getFilteredRowModel(),getSortedRowModel:ee.getSortedRowModel()}}),Q=Ie.getRowModel().rows,rn=W.useSensors(W.useSensor(W.PointerSensor,{activationConstraint:{distance:5}}),W.useSensor(W.KeyboardSensor,{coordinateGetter:ne.sortableKeyboardCoordinates})),ot=(e,a)=>i?i(e,a):String(a),sn=e=>{const{active:a,over:c}=e;if(!c||a.id===c.id||!Ke)return;const x=s.findIndex((P,w)=>ot(P,w)===a.id),j=s.findIndex((P,w)=>ot(P,w)===c.id);x<0||j<0||Ke(ne.arrayMove(s,x,j),{id:String(a.id),from:x,to:j})},C=z?Ge??s.length:Ie.getFilteredRowModel().rows.length,{pageIndex:T,pageSize:S}=Te,G=Math.max(1,Math.ceil(C/S)),an=Math.min(..._,...S<ge?[S]:[]),ct=R==="auto"?C>an:R,lt=T+1,on=C===0?0:T*S+1,cn=z?Math.min(C,T*S+Q.length):Math.min(C,lt*S);p.useEffect(()=>{J!==void 0&&ke(J)},[J]),p.useEffect(()=>{if(le===M)return;const e=setTimeout(()=>Re(le),l);return()=>clearTimeout(e)},[le,M,l]),p.useEffect(()=>{z&&C===0||T>0&&T>=G&&O(e=>({...e,pageIndex:G-1}))},[G,T,z,C]);const I=L[0]?{key:L[0].id,direction:L[0].desc?"desc":"asc"}:null,dt=()=>{const e=T+1,a=S,c=me.buildTableQuery({page:e,size:a,search:M,sort:I},F.current);return b!=null&&b.length&&kt(b,A,F.current).forEach((x,j)=>c.append(j,x)),{page:e,size:a,search:M,sort:I,filters:A,params:c,query:We(c)}};p.useEffect(()=>{var e;(e=oe.current)==null||e.call(oe,dt())},[T,S,M,L,A]);const ut=se!=null,mt=b!=null&&b.length>0,Z=p.useRef(null),ft=p.useCallback((e,a,c,x,j)=>{if(typeof window>"u"||!B)return;Z.current=window.location.pathname;const P=F.current,w=ce.current,U=me.buildTableQuery({page:e,size:a,search:c,sort:x},P);w!=null&&w.length&&kt(w,j,P).forEach((K,Pe)=>U.append(Pe,K));const dn=Tt(P,w),ue=new URLSearchParams(window.location.search);for(const K of[...ue.keys()])dn(K)&&ue.delete(K);U.forEach((K,Pe)=>ue.append(Pe,K));const yt=We(ue),bt=`${window.location.pathname}${yt?`?${yt}`:""}${window.location.hash}`;bt!==`${window.location.pathname}${window.location.search}${window.location.hash}`&&window.history.replaceState(window.history.state,"",bt)},[B]);p.useEffect(()=>{ft(T+1,S,M,I,A)},[T,S,M,L,A,ft]);const gt=p.useRef(B);gt.current=B;const pt=p.useRef(Xe);pt.current=Xe,p.useEffect(()=>{if(!(typeof window>"u"))return Z.current??(Z.current=window.location.pathname),()=>{if(!gt.current||!pt.current||window.location.pathname!==Z.current)return;const e=Tt(F.current,ce.current),a=new URLSearchParams(window.location.search),c=[...a.keys()].filter(e);if(c.length===0)return;for(const j of c)a.delete(j);const x=We(a);window.history.replaceState(window.history.state,"",`${window.location.pathname}${x?`?${x}`:""}${window.location.hash}`)}},[]);const ht=p.useRef(()=>{});ht.current=()=>{const e=new URLSearchParams(window.location.search),a=F.current,c=me.parseTableQuery(e,a);O(()=>({pageIndex:(c.page??d)-1,pageSize:c.size??S})),ke(c.search),Re(c.search,!1),Me(()=>c.sort?[{id:c.sort.key,desc:c.sort.direction==="desc"}]:[],!1);const x=ce.current;x!=null&&x.length&&it(vt(x,e,a),!1)},p.useEffect(()=>{if(typeof window>"u"||!B)return;const e=()=>ht.current();return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[B]),p.useEffect(()=>{yn.isDev()&&!i&&(E!=null||ae!=null||H)&&console.warn("[Table] No `getRowId` provided, so the row index is used as the React key. For a table with row interactions or changing / paged data, pass `getRowId` (e.g. `(row) => row.id`) so each row keeps its identity across sort / filter / refetch.")},[]),p.useEffect(()=>{const e=Ve.current;if(!e)return;const a=()=>{const x=e.scrollWidth>e.clientWidth+1,j=e.scrollLeft<=0,P=e.scrollLeft>=e.scrollWidth-e.clientWidth-1,w={start:x&&!j,end:x&&!P};Gt(U=>U.start===w.start&&U.end===w.end?U:w)};a(),e.addEventListener("scroll",a,{passive:!0});const c=typeof ResizeObserver<"u"?new ResizeObserver(a):null;return c==null||c.observe(e),c&&je.current&&c.observe(je.current),()=>{e.removeEventListener("scroll",a),c==null||c.disconnect()}},[]);const ln=h!=null||m!=null||f||mt||Ce.length>0||ut,xt=e=>de.map(a=>r.jsx("td",{className:k.clsx(u.td,a.pinned==="left"&&u.pinnedLeft,a.pinned==="right"&&u.pinnedRight,(a.wrap||a.maxWidth!=null)&&u.wrapCell),style:{width:a.width??(a.pinned?1:pe(a)),maxWidth:pe(a),textAlign:a.align},children:br(a.cell?a.cell(e.original,e.index):yr(e.getValue(a.key)))},a.key));return r.jsxs("div",{ref:Ot,className:k.clsx(u.root,Wt),...Ht,children:[ln&&r.jsxs("div",{className:u.toolbar,children:[r.jsxs("div",{className:u.toolbarStart,children:[h!=null&&r.jsx(X.Typography,{variant:"h4",as:"div",className:u.title,children:h}),f&&r.jsx(Mt.TextField,{className:u.search,fullWidth:!1,value:le,onChange:e=>ke(e.target.value),placeholder:g??v("common.search"),adornment:r.jsx(D.Icon,{name:"SearchNormal"}),"aria-label":v("common.search")})]}),r.jsxs("div",{className:u.toolbarEnd,children:[m,ut&&r.jsxs(wt.Dropdown,{placement:"bottom-end",trigger:r.jsx(He.IconButton,{variant:"filled",size:"sm","aria-label":v("table.export"),children:r.jsx(D.Icon,{name:"ExportArrow"})}),children:[r.jsx(X.Typography,{as:"div",variant:"caption",color:"muted",uppercase:!0,className:u.menuTitle,children:v("table.export")}),r.jsx(jt.ListItem,{clickable:!0,icon:"Sms",onClick:()=>se==null?void 0:se(dt()),children:v("table.sendOnEmail")})]}),Ce.length>0&&r.jsxs(wt.Dropdown,{placement:"bottom-end",closeOnSelect:!1,trigger:r.jsx(Nt.Badge,{dot:L.length>0,color:"primary",children:r.jsx(He.IconButton,{variant:"filled",size:"sm","aria-label":v("table.sort"),children:r.jsx(D.Icon,{name:"Sort"})})}),children:[r.jsx(X.Typography,{as:"div",variant:"caption",color:"muted",uppercase:!0,className:u.menuTitle,children:v("table.sortBy")}),Ce.map(e=>{const a=(I==null?void 0:I.key)===e.key;return r.jsx(jt.ListItem,{clickable:!0,selected:a,trailing:a?r.jsx(D.Icon,{name:(I==null?void 0:I.direction)==="desc"?"ArrowDown":"ArrowUp2"}):void 0,onClick:()=>nn(e.key),children:e.header},e.key)})]}),mt&&r.jsx(Ln,{filters:b,value:A,onChange:Zt})]})]}),r.jsx(vr,{enabled:H,sensors:rn,onDragEnd:sn,children:r.jsxs("div",{ref:Ve,className:u.scroll,"data-pin-start":Ze.start?"true":"false","data-pin-end":Ze.end?"true":"false",children:[r.jsxs("table",{ref:je,className:k.clsx(u.table,Et&&u.striped,Bt&&u.hoverable,Dt&&u.sticky),"aria-busy":ie||void 0,children:[r.jsx("thead",{children:r.jsxs("tr",{children:[H&&r.jsx("th",{className:k.clsx(u.th,u.dragHandleCell),scope:"col","aria-hidden":!0}),de.map(e=>{var c;const a=e.sortable&&((c=Ie.getColumn(e.key))==null?void 0:c.getIsSorted())||!1;return r.jsx("th",{scope:"col",className:k.clsx(u.th,e.pinned==="left"&&u.pinnedLeft,e.pinned==="right"&&u.pinnedRight,(e.wrap||e.maxWidth!=null)&&u.wrapCell),style:{width:e.width??(e.pinned?1:pe(e)),maxWidth:pe(e),textAlign:e.align},"aria-sort":e.sortable?a==="asc"?"ascending":a==="desc"?"descending":"none":void 0,children:e.header},e.key)})]})}),r.jsx("tbody",{children:Q.length>0?H?r.jsx(ne.SortableContext,{items:Q.map(e=>e.id),strategy:ne.verticalListSortingStrategy,children:Q.map(e=>r.jsx(kr,{id:e.id,clickable:!!E,onClick:E?()=>E(e.original,e.index):void 0,cells:xt(e)},e.id))}):Q.map(e=>r.jsx("tr",{className:k.clsx(u.tr,E&&u.clickable),onClick:E?()=>E(e.original,e.index):void 0,children:xt(e)},e.id)):ie?Array.from({length:At??Math.min(S===ge?10:S,10)},(e,a)=>r.jsxs("tr",{className:u.tr,"aria-hidden":"true",children:[H&&r.jsx("td",{className:k.clsx(u.td,u.dragHandleCell)}),de.map((c,x)=>r.jsx("td",{className:k.clsx(u.td,c.pinned==="left"&&u.pinnedLeft,c.pinned==="right"&&u.pinnedRight,c.key==="__actions"&&u.skeletonActionsCell),style:{width:c.width,textAlign:c.align},children:c.key==="__actions"?r.jsxs("span",{className:k.clsx(u.rowActions,u.skeletonActions),children:[r.jsx($e.Skeleton,{variant:"rect",width:"calc(var(--tz-control-height-sm) - var(--tz-space-xs))",height:"calc(var(--tz-control-height-sm) - var(--tz-space-xs))",radius:"xs"}),r.jsx($e.Skeleton,{variant:"rect",width:"calc(var(--tz-control-height-sm) - var(--tz-space-xs))",height:"calc(var(--tz-control-height-sm) - var(--tz-space-xs))",radius:"xs"})]}):r.jsx($e.Skeleton,{width:zt[(a*3+x)%zt.length],className:u.skeletonCell})},c.key))]},a)):r.jsx("tr",{children:r.jsx("td",{colSpan:Math.max(1,de.length+(H?1:0)),className:u.stateCell,children:$t??r.jsx(pn.EmptyState,{})})})})]}),ie&&Q.length>0&&r.jsx("div",{className:u.loadingOverlay,children:r.jsx(hn.Loader,{size:"lg"})})]})}),C>0&&(ct||G>1)&&r.jsxs("div",{className:u.footer,children:[r.jsx(X.Typography,{variant:"bodySmall",color:"muted",as:"span",className:u.rangeText,children:v("table.range",{from:on,to:cn,total:C})}),r.jsxs("div",{className:u.footerMain,children:[ct&&r.jsxs("div",{className:u.pageSize,children:[r.jsx(X.Typography,{variant:"bodySmall",color:"muted",as:"span",children:v("table.rowsPerPage")}),r.jsx(Rt.Select,{className:u.pageSizeSelect,fullWidth:!1,clearable:!1,showSelectedTick:!1,value:S>=ge?"all":String(S),onChange:e=>O(()=>({pageIndex:0,pageSize:e==="all"?ge:Number(e)})),options:tn})]}),G>1&&r.jsx(xn.Pagination,{count:G,page:lt,onChange:e=>O(a=>({...a,pageIndex:e-1})),showFirstButton:It,showLastButton:Pt,disabled:ie})]})]})]})});exports.Table=zr;
+//# sourceMappingURL=Table-CFl3OYlo.cjs.map