@react-md/core 6.3.4 → 6.4.0

package/dist/spinbutton/useSpinButton.js

@@ -0,0 +1,260 @@
+"use client";
+import { useCallback, useRef, useState } from "react";
+import { tryToSubmitRelatedForm } from "../form/utils.js";
+import { useEnsuredId } from "../useEnsuredId.js";
+import { useEnsuredRef } from "../useEnsuredRef.js";
+import { useEnsuredState } from "../useEnsuredState.js";
+import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect.js";
+import { withinRange } from "../utils/withinRange.js";
+import { useSpinButtonGroup } from "./SpinButtonGroupProvider.js";
+import { defaultGetSpinButtonTextContent, defaultSpinButtonGetValueText } from "./defaults.js";
+import { deselectNode } from "./utils/deselectNode.js";
+import { resolveInputEvent } from "./utils/resolveInputEvent.js";
+import { selectNode } from "./utils/selectNode.js";
+/**
+ * @since 6.4.0
+ */ const noop = ()=>{
+// do nothing
+};
+/**
+ * @since 6.4.0
+ */ export function useSpinButton(options) {
+    const { id: propId, ref: propRef, min, max, step = 1, minDigits, maxDigits, form, readOnly, disabled, required, error, onBlur = noop, onFocus = noop, onInput = noop, onClick = noop, onKeyDown = noop, fallback, mappings, value: propValue, onValueChange = noop, defaultValue = null, getValueText = defaultSpinButtonGetValueText, getTextContent = defaultGetSpinButtonTextContent, placeholderChar, defaultKeyboardValue } = options;
+    const id = useEnsuredId(propId, "spinbutton");
+    // trigger a noop setValue when `value` and `onValueChange` are provided
+    // since `onValueChange is always called with  `setValue
+    let propSetValue;
+    if (typeof propValue !== "undefined" && options.onValueChange) {
+        propSetValue = noop;
+    }
+    const [value, setValue] = useEnsuredState({
+        value: propValue,
+        setValue: propSetValue,
+        defaultValue
+    });
+    const focused = useRef(false);
+    const typedCount = useRef(0);
+    const prevText = useRef("");
+    const [nodeRef, nodeRefCallback] = useEnsuredRef(propRef);
+    const { focusNext } = useSpinButtonGroup();
+    const [keyboardValue] = useState(defaultKeyboardValue);
+    // NOTE: I might be able to get rid of this since I don't remember why it was
+    // added maybe for controlled fields? I'll have to see when I get to the
+    // date/time components again
+    useIsomorphicLayoutEffect(()=>{
+        const node = nodeRef.current;
+        if (!focused.current || !node) {
+            return;
+        }
+        prevText.current = node.textContent || "";
+        selectNode(node);
+    }, [
+        nodeRef,
+        value
+    ]);
+    const updateValue = useCallback((options)=>{
+        setValue(options.value);
+        onValueChange(options);
+        if (options.reason === "typed-to-completion") {
+            focusNext();
+        }
+    }, [
+        focusNext,
+        onValueChange,
+        setValue
+    ]);
+    const increment = useCallback((event)=>{
+        let nextValue = value ?? keyboardValue ?? min ?? max ?? 0;
+        nextValue = withinRange({
+            min,
+            max,
+            value: nextValue + step
+        });
+        // this actually means both min and max are a number
+        if (nextValue === value && typeof min === "number") {
+            nextValue = min;
+        }
+        updateValue({
+            event,
+            reason: "change",
+            value: nextValue
+        });
+    }, [
+        keyboardValue,
+        max,
+        min,
+        step,
+        updateValue,
+        value
+    ]);
+    const decrement = useCallback((event)=>{
+        let nextValue = value ?? keyboardValue ?? max ?? min ?? 0;
+        nextValue = withinRange({
+            min,
+            max,
+            value: nextValue - step
+        });
+        // this actually means both min and max are a number
+        if (nextValue === value && typeof max === "number") {
+            nextValue = max;
+        }
+        updateValue({
+            event,
+            reason: "change",
+            value: nextValue
+        });
+    }, [
+        keyboardValue,
+        max,
+        min,
+        step,
+        updateValue,
+        value
+    ]);
+    return {
+        value,
+        setValue,
+        spinButtonRef: nodeRef,
+        spinButtonProps: {
+            "aria-readonly": readOnly || undefined,
+            "aria-disabled": disabled || undefined,
+            "aria-invalid": error || undefined,
+            "aria-required": required || undefined,
+            "aria-valuemin": min,
+            "aria-valuemax": max,
+            "aria-valuenow": value === null ? undefined : value,
+            "aria-valuetext": getValueText(value),
+            id,
+            ref: nodeRefCallback,
+            role: "spinbutton",
+            autoCapitalize: "none",
+            autoCorrect: "off",
+            spellCheck: false,
+            inputMode: "numeric",
+            contentEditable: !disabled || undefined,
+            suppressContentEditableWarning: true,
+            tabIndex: disabled ? undefined : 0,
+            onBlur: (event)=>{
+                onBlur(event);
+                focused.current = false;
+                deselectNode(event.currentTarget);
+            },
+            onFocus: (event)=>{
+                onFocus(event);
+                if (disabled) {
+                    return;
+                }
+                focused.current = true;
+                typedCount.current = 0;
+                selectNode(event.currentTarget);
+            },
+            onKeyDown: (event)=>{
+                onKeyDown(event);
+                if (disabled || readOnly && event.key !== "Enter") {
+                    return;
+                }
+                const setValue = (nextValue)=>updateValue({
+                        value: nextValue,
+                        event,
+                        reason: "change"
+                    });
+                let stop = false;
+                switch(event.key){
+                    case "ArrowRight":
+                    case "ArrowLeft":
+                        // `event.stopPropagation()` should not be called here since the
+                        // parent `useSpinButtonGroup` keyboard event handler should
+                        // still be called to handle advancing to the next spinbutton in
+                        // the group. Only the default cursor movement needs to be disabled
+                        // instead.
+                        event.preventDefault();
+                        break;
+                    case "ArrowUp":
+                        stop = true;
+                        increment(event);
+                        break;
+                    case "ArrowDown":
+                        stop = true;
+                        decrement(event);
+                        break;
+                    case "Home":
+                        stop = true;
+                        if (typeof min === "number") {
+                            setValue(min);
+                        }
+                        break;
+                    case "End":
+                        stop = true;
+                        if (typeof max === "number") {
+                            setValue(max);
+                        }
+                        break;
+                    case "Enter":
+                        stop = true;
+                        tryToSubmitRelatedForm(event, form);
+                }
+                if (stop) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    typedCount.current = 0;
+                }
+            },
+            onClick: (event)=>{
+                onClick(event);
+                event.preventDefault();
+                if (disabled) {
+                    return;
+                }
+                focused.current = true;
+                typedCount.current = 0;
+                selectNode(event.currentTarget);
+            },
+            onInput: (event)=>{
+                onInput(event);
+                const node = event.currentTarget;
+                // if the input event is fired while readOnly or disabled, ignore it
+                // and set it back to the previous state
+                if (readOnly || disabled) {
+                    node.textContent = prevText.current;
+                    selectNode(node);
+                    return;
+                }
+                const { reason, nextValue } = resolveInputEvent({
+                    min,
+                    max,
+                    text: node.textContent || "",
+                    mappings,
+                    maxDigits,
+                    prevText: prevText.current,
+                    prevValue: value,
+                    typedCount: typedCount.current
+                });
+                if (reason === "change" || reason === "cleared" || reason === "typed-to-completion") {
+                    typedCount.current = 0;
+                } else if (reason !== "ignored") {
+                    typedCount.current++;
+                }
+                node.textContent = getTextContent({
+                    min,
+                    max,
+                    minDigits,
+                    maxDigits,
+                    value: nextValue,
+                    fallback,
+                    placeholderChar
+                });
+                prevText.current = node.textContent;
+                selectNode(node);
+                if (reason !== "ignored" && reason !== "placeholder-digit") {
+                    updateValue({
+                        event,
+                        value: nextValue,
+                        reason
+                    });
+                }
+            }
+        }
+    };
+}
+
+//# sourceMappingURL=useSpinButton.js.map

package/dist/spinbutton/useSpinButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/spinbutton/useSpinButton.ts"],"sourcesContent":["\"use client\";\n\nimport { type Dispatch, useCallback, useRef, useState } from \"react\";\n\nimport { tryToSubmitRelatedForm } from \"../form/utils.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport { withinRange } from \"../utils/withinRange.js\";\nimport { useSpinButtonGroup } from \"./SpinButtonGroupProvider.js\";\nimport {\n  defaultGetSpinButtonTextContent,\n  defaultSpinButtonGetValueText,\n} from \"./defaults.js\";\nimport {\n  type SpinButtonChangeEvent,\n  type SpinButtonChangeEventOptions,\n  type SpinButtonImplementation,\n  type SpinButtonOptions,\n  type SpinButtonValue,\n} from \"./types.js\";\nimport { deselectNode } from \"./utils/deselectNode.js\";\nimport { resolveInputEvent } from \"./utils/resolveInputEvent.js\";\nimport { selectNode } from \"./utils/selectNode.js\";\n\n/**\n * @since 6.4.0\n */\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.4.0\n */\nexport function useSpinButton<E extends HTMLElement = HTMLDivElement>(\n  options: SpinButtonOptions<E>\n): SpinButtonImplementation<E> {\n  const {\n    id: propId,\n    ref: propRef,\n    min,\n    max,\n    step = 1,\n    minDigits,\n    maxDigits,\n    form,\n    readOnly,\n    disabled,\n    required,\n    error,\n    onBlur = noop,\n    onFocus = noop,\n    onInput = noop,\n    onClick = noop,\n    onKeyDown = noop,\n    fallback,\n    mappings,\n    value: propValue,\n    onValueChange = noop,\n    defaultValue = null,\n    getValueText = defaultSpinButtonGetValueText,\n    getTextContent = defaultGetSpinButtonTextContent,\n    placeholderChar,\n    defaultKeyboardValue,\n  } = options;\n  const id = useEnsuredId(propId, \"spinbutton\");\n\n  // trigger a noop setValue when `value` and `onValueChange` are provided\n  // since `onValueChange is always called with  `setValue\n  let propSetValue: Dispatch<SpinButtonValue> | undefined;\n  if (typeof propValue !== \"undefined\" && options.onValueChange) {\n    propSetValue = noop;\n  }\n\n  const [value, setValue] = useEnsuredState({\n    value: propValue,\n    setValue: propSetValue,\n    defaultValue,\n  });\n\n  const focused = useRef(false);\n  const typedCount = useRef(0);\n  const prevText = useRef(\"\");\n  const [nodeRef, nodeRefCallback] = useEnsuredRef(propRef);\n  const { focusNext } = useSpinButtonGroup();\n  const [keyboardValue] = useState(defaultKeyboardValue);\n\n  // NOTE: I might be able to get rid of this since I don't remember why it was\n  // added maybe for controlled fields? I'll have to see when I get to the\n  // date/time components again\n  useIsomorphicLayoutEffect(() => {\n    const node = nodeRef.current;\n    if (!focused.current || !node) {\n      return;\n    }\n\n    prevText.current = node.textContent || \"\";\n    selectNode(node);\n  }, [nodeRef, value]);\n\n  const updateValue = useCallback(\n    (options: SpinButtonChangeEventOptions<E>) => {\n      setValue(options.value);\n      onValueChange(options);\n      if (options.reason === \"typed-to-completion\") {\n        focusNext();\n      }\n    },\n    [focusNext, onValueChange, setValue]\n  );\n  const increment = useCallback(\n    (event: SpinButtonChangeEvent<E>) => {\n      let nextValue: SpinButtonValue =\n        value ?? keyboardValue ?? min ?? max ?? 0;\n      nextValue = withinRange({ min, max, value: nextValue + step });\n\n      // this actually means both min and max are a number\n      if (nextValue === value && typeof min === \"number\") {\n        nextValue = min;\n      }\n\n      updateValue({\n        event,\n        reason: \"change\",\n        value: nextValue,\n      });\n    },\n    [keyboardValue, max, min, step, updateValue, value]\n  );\n  const decrement = useCallback(\n    (event: SpinButtonChangeEvent<E>) => {\n      let nextValue: SpinButtonValue =\n        value ?? keyboardValue ?? max ?? min ?? 0;\n      nextValue = withinRange({ min, max, value: nextValue - step });\n\n      // this actually means both min and max are a number\n      if (nextValue === value && typeof max === \"number\") {\n        nextValue = max;\n      }\n\n      updateValue({\n        event,\n        reason: \"change\",\n        value: nextValue,\n      });\n    },\n    [keyboardValue, max, min, step, updateValue, value]\n  );\n\n  return {\n    value,\n    setValue,\n    spinButtonRef: nodeRef,\n    spinButtonProps: {\n      \"aria-readonly\": readOnly || undefined,\n      \"aria-disabled\": disabled || undefined,\n      \"aria-invalid\": error || undefined,\n      \"aria-required\": required || undefined,\n      \"aria-valuemin\": min,\n      \"aria-valuemax\": max,\n      \"aria-valuenow\": value === null ? undefined : value,\n      \"aria-valuetext\": getValueText(value),\n      id,\n      ref: nodeRefCallback,\n      role: \"spinbutton\",\n      autoCapitalize: \"none\",\n      autoCorrect: \"off\",\n      spellCheck: false,\n      inputMode: \"numeric\",\n      contentEditable: !disabled || undefined,\n      suppressContentEditableWarning: true,\n      tabIndex: disabled ? undefined : 0,\n      onBlur: (event) => {\n        onBlur(event);\n\n        focused.current = false;\n        deselectNode(event.currentTarget);\n      },\n      onFocus: (event) => {\n        onFocus(event);\n\n        if (disabled) {\n          return;\n        }\n\n        focused.current = true;\n        typedCount.current = 0;\n        selectNode(event.currentTarget);\n      },\n      onKeyDown: (event) => {\n        onKeyDown(event);\n\n        if (disabled || (readOnly && event.key !== \"Enter\")) {\n          return;\n        }\n\n        const setValue = (nextValue: number): void =>\n          updateValue({ value: nextValue, event, reason: \"change\" });\n\n        let stop = false;\n        switch (event.key) {\n          case \"ArrowRight\":\n          case \"ArrowLeft\":\n            // `event.stopPropagation()` should not be called here since the\n            // parent `useSpinButtonGroup` keyboard event handler should\n            // still be called to handle advancing to the next spinbutton in\n            // the group. Only the default cursor movement needs to be disabled\n            // instead.\n            event.preventDefault();\n            break;\n          case \"ArrowUp\":\n            stop = true;\n            increment(event);\n            break;\n          case \"ArrowDown\":\n            stop = true;\n            decrement(event);\n            break;\n          case \"Home\":\n            stop = true;\n            if (typeof min === \"number\") {\n              setValue(min);\n            }\n            break;\n          case \"End\":\n            stop = true;\n            if (typeof max === \"number\") {\n              setValue(max);\n            }\n            break;\n          case \"Enter\":\n            stop = true;\n            tryToSubmitRelatedForm(event, form);\n        }\n\n        if (stop) {\n          event.preventDefault();\n          event.stopPropagation();\n          typedCount.current = 0;\n        }\n      },\n      onClick: (event) => {\n        onClick(event);\n\n        event.preventDefault();\n        if (disabled) {\n          return;\n        }\n\n        focused.current = true;\n        typedCount.current = 0;\n        selectNode(event.currentTarget);\n      },\n      onInput: (event) => {\n        onInput(event);\n\n        const node = event.currentTarget;\n        // if the input event is fired while readOnly or disabled, ignore it\n        // and set it back to the previous state\n        if (readOnly || disabled) {\n          node.textContent = prevText.current;\n          selectNode(node);\n          return;\n        }\n\n        const { reason, nextValue } = resolveInputEvent({\n          min,\n          max,\n          text: node.textContent || \"\",\n          mappings,\n          maxDigits,\n          prevText: prevText.current,\n          prevValue: value,\n          typedCount: typedCount.current,\n        });\n\n        if (\n          reason === \"change\" ||\n          reason === \"cleared\" ||\n          reason === \"typed-to-completion\"\n        ) {\n          typedCount.current = 0;\n        } else if (reason !== \"ignored\") {\n          typedCount.current++;\n        }\n\n        node.textContent = getTextContent({\n          min,\n          max,\n          minDigits,\n          maxDigits,\n          value: nextValue,\n          fallback,\n          placeholderChar,\n        });\n        prevText.current = node.textContent;\n        selectNode(node);\n\n        if (reason !== \"ignored\" && reason !== \"placeholder-digit\") {\n          updateValue({\n            event,\n            value: nextValue,\n            reason,\n          });\n        }\n      },\n    },\n  };\n}\n"],"names":["useCallback","useRef","useState","tryToSubmitRelatedForm","useEnsuredId","useEnsuredRef","useEnsuredState","useIsomorphicLayoutEffect","withinRange","useSpinButtonGroup","defaultGetSpinButtonTextContent","defaultSpinButtonGetValueText","deselectNode","resolveInputEvent","selectNode","noop","useSpinButton","options","id","propId","ref","propRef","min","max","step","minDigits","maxDigits","form","readOnly","disabled","required","error","onBlur","onFocus","onInput","onClick","onKeyDown","fallback","mappings","value","propValue","onValueChange","defaultValue","getValueText","getTextContent","placeholderChar","defaultKeyboardValue","propSetValue","setValue","focused","typedCount","prevText","nodeRef","nodeRefCallback","focusNext","keyboardValue","node","current","textContent","updateValue","reason","increment","event","nextValue","decrement","spinButtonRef","spinButtonProps","undefined","role","autoCapitalize","autoCorrect","spellCheck","inputMode","contentEditable","suppressContentEditableWarning","tabIndex","currentTarget","key","stop","preventDefault","stopPropagation","text","prevValue"],"mappings":"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"}

package/dist/spinbutton/useSpinButtonGroupProvider.d.ts

@@ -0,0 +1,27 @@
+import { type KeyboardMovementProps, type KeyboardMovementProviderImplementation, type SimpleKeyboardMovementWrapperOptions } from "../movement/types.js";
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonGroupProviderOptions<E extends HTMLElement = HTMLElement> extends SimpleKeyboardMovementWrapperOptions<E> {
+    /**
+     * Set this to `true` to update the container's `onClick` handler to move
+     * focus to the first spinbutton that does not have a value or the first
+     * spinbutton in the group so that focus is always moved to the spin buttons.
+     *
+     * @defaultValue `false`
+     */
+    forceFocusWithin?: boolean;
+}
+export interface ProvidedSpinButtonGroupProps<E extends HTMLElement = HTMLElement> extends KeyboardMovementProps<E> {
+    role: "group";
+}
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonGroupProviderImplementation<E extends HTMLElement = HTMLElement> extends KeyboardMovementProviderImplementation<E> {
+    movementProps: Readonly<ProvidedSpinButtonGroupProps<E>>;
+}
+/**
+ * @since 6.4.0
+ */
+export declare function useSpinButtonGroupProvider<E extends HTMLElement = HTMLElement>(options?: SpinButtonGroupProviderOptions<E>): SpinButtonGroupProviderImplementation<E>;

package/dist/spinbutton/useSpinButtonGroupProvider.js

@@ -0,0 +1,49 @@
+"use client";
+import { DEFAULT_LTR_KEYBOARD_MOVEMENT_WITHOUT_JUMP, DEFAULT_RTL_KEYBOARD_MOVEMENT_WITHOUT_JUMP } from "../movement/constants.js";
+import { useKeyboardMovementProvider } from "../movement/useKeyboardMovementProvider.js";
+import { useDir } from "../typography/WritingDirectionProvider.js";
+const SPINBUTTON_ROLE = '[role="spinbutton"]';
+/**
+ * @internal
+ * @since 6.4.0
+ */ const getSpinButtonsOnly = (container)=>[
+        ...container.querySelectorAll(SPINBUTTON_ROLE)
+    ];
+/**
+ * @since 6.4.0
+ */ export function useSpinButtonGroupProvider(options = {}) {
+    const { disabled, forceFocusWithin } = options;
+    const isRTL = useDir().dir === "rtl";
+    const movementKeys = isRTL ? DEFAULT_RTL_KEYBOARD_MOVEMENT_WITHOUT_JUMP : DEFAULT_LTR_KEYBOARD_MOVEMENT_WITHOUT_JUMP;
+    const { movementProps, ...remaining } = useKeyboardMovementProvider({
+        ...options,
+        ...movementKeys,
+        loopable: false,
+        trackTabKeys: true,
+        getFocusableElements: getSpinButtonsOnly
+    });
+    return {
+        ...remaining,
+        movementProps: {
+            ...movementProps,
+            role: "group",
+            onClick: (event)=>{
+                movementProps.onClick(event);
+                const { target, currentTarget } = event;
+                if (disabled || !forceFocusWithin || !(target instanceof HTMLElement) || target.closest(SPINBUTTON_ROLE)) {
+                    return;
+                }
+                const buttons = [
+                    ...currentTarget.querySelectorAll(SPINBUTTON_ROLE)
+                ];
+                const i = buttons.findIndex((button)=>!button.ariaValueNow);
+                remaining.movementContext.updateFocusIndex({
+                    index: Math.max(0, i),
+                    force: true
+                });
+            }
+        }
+    };
+}
+
+//# sourceMappingURL=useSpinButtonGroupProvider.js.map

package/dist/spinbutton/useSpinButtonGroupProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/spinbutton/useSpinButtonGroupProvider.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  DEFAULT_LTR_KEYBOARD_MOVEMENT_WITHOUT_JUMP,\n  DEFAULT_RTL_KEYBOARD_MOVEMENT_WITHOUT_JUMP,\n} from \"../movement/constants.js\";\nimport {\n  type KeyboardMovementProps,\n  type KeyboardMovementProviderImplementation,\n  type SimpleKeyboardMovementWrapperOptions,\n} from \"../movement/types.js\";\nimport { useKeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport { useDir } from \"../typography/WritingDirectionProvider.js\";\n\nconst SPINBUTTON_ROLE = '[role=\"spinbutton\"]';\n\n/**\n * @internal\n * @since 6.4.0\n */\nconst getSpinButtonsOnly = (container: HTMLElement): readonly HTMLElement[] => [\n  ...container.querySelectorAll<HTMLElement>(SPINBUTTON_ROLE),\n];\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonGroupProviderOptions<\n  E extends HTMLElement = HTMLElement,\n> extends SimpleKeyboardMovementWrapperOptions<E> {\n  /**\n   * Set this to `true` to update the container's `onClick` handler to move\n   * focus to the first spinbutton that does not have a value or the first\n   * spinbutton in the group so that focus is always moved to the spin buttons.\n   *\n   * @defaultValue `false`\n   */\n  forceFocusWithin?: boolean;\n}\n\nexport interface ProvidedSpinButtonGroupProps<\n  E extends HTMLElement = HTMLElement,\n> extends KeyboardMovementProps<E> {\n  role: \"group\";\n}\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonGroupProviderImplementation<\n  E extends HTMLElement = HTMLElement,\n> extends KeyboardMovementProviderImplementation<E> {\n  movementProps: Readonly<ProvidedSpinButtonGroupProps<E>>;\n}\n\n/**\n * @since 6.4.0\n */\nexport function useSpinButtonGroupProvider<E extends HTMLElement = HTMLElement>(\n  options: SpinButtonGroupProviderOptions<E> = {}\n): SpinButtonGroupProviderImplementation<E> {\n  const { disabled, forceFocusWithin } = options;\n\n  const isRTL = useDir().dir === \"rtl\";\n  const movementKeys = isRTL\n    ? DEFAULT_RTL_KEYBOARD_MOVEMENT_WITHOUT_JUMP\n    : DEFAULT_LTR_KEYBOARD_MOVEMENT_WITHOUT_JUMP;\n\n  const { movementProps, ...remaining } = useKeyboardMovementProvider({\n    ...options,\n    ...movementKeys,\n    loopable: false,\n    trackTabKeys: true,\n    getFocusableElements: getSpinButtonsOnly,\n  });\n\n  return {\n    ...remaining,\n    movementProps: {\n      ...movementProps,\n      role: \"group\",\n      onClick: (event) => {\n        movementProps.onClick(event);\n\n        const { target, currentTarget } = event;\n        if (\n          disabled ||\n          !forceFocusWithin ||\n          !(target instanceof HTMLElement) ||\n          target.closest(SPINBUTTON_ROLE)\n        ) {\n          return;\n        }\n\n        const buttons = [...currentTarget.querySelectorAll(SPINBUTTON_ROLE)];\n        const i = buttons.findIndex((button) => !button.ariaValueNow);\n        remaining.movementContext.updateFocusIndex({\n          index: Math.max(0, i),\n          force: true,\n        });\n      },\n    },\n  };\n}\n"],"names":["DEFAULT_LTR_KEYBOARD_MOVEMENT_WITHOUT_JUMP","DEFAULT_RTL_KEYBOARD_MOVEMENT_WITHOUT_JUMP","useKeyboardMovementProvider","useDir","SPINBUTTON_ROLE","getSpinButtonsOnly","container","querySelectorAll","useSpinButtonGroupProvider","options","disabled","forceFocusWithin","isRTL","dir","movementKeys","movementProps","remaining","loopable","trackTabKeys","getFocusableElements","role","onClick","event","target","currentTarget","HTMLElement","closest","buttons","i","findIndex","button","ariaValueNow","movementContext","updateFocusIndex","index","Math","max","force"],"mappings":"AAAA;AAEA,SACEA,0CAA0C,EAC1CC,0CAA0C,QACrC,2BAA2B;AAMlC,SAASC,2BAA2B,QAAQ,6CAA6C;AACzF,SAASC,MAAM,QAAQ,4CAA4C;AAEnE,MAAMC,kBAAkB;AAExB;;;CAGC,GACD,MAAMC,qBAAqB,CAACC,YAAmD;WAC1EA,UAAUC,gBAAgB,CAAcH;KAC5C;AAiCD;;CAEC,GACD,OAAO,SAASI,2BACdC,UAA6C,CAAC,CAAC;IAE/C,MAAM,EAAEC,QAAQ,EAAEC,gBAAgB,EAAE,GAAGF;IAEvC,MAAMG,QAAQT,SAASU,GAAG,KAAK;IAC/B,MAAMC,eAAeF,QACjBX,6CACAD;IAEJ,MAAM,EAAEe,aAAa,EAAE,GAAGC,WAAW,GAAGd,4BAA4B;QAClE,GAAGO,OAAO;QACV,GAAGK,YAAY;QACfG,UAAU;QACVC,cAAc;QACdC,sBAAsBd;IACxB;IAEA,OAAO;QACL,GAAGW,SAAS;QACZD,eAAe;YACb,GAAGA,aAAa;YAChBK,MAAM;YACNC,SAAS,CAACC;gBACRP,cAAcM,OAAO,CAACC;gBAEtB,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGF;gBAClC,IACEZ,YACA,CAACC,oBACD,CAAEY,CAAAA,kBAAkBE,WAAU,KAC9BF,OAAOG,OAAO,CAACtB,kBACf;oBACA;gBACF;gBAEA,MAAMuB,UAAU;uBAAIH,cAAcjB,gBAAgB,CAACH;iBAAiB;gBACpE,MAAMwB,IAAID,QAAQE,SAAS,CAAC,CAACC,SAAW,CAACA,OAAOC,YAAY;gBAC5Df,UAAUgB,eAAe,CAACC,gBAAgB,CAAC;oBACzCC,OAAOC,KAAKC,GAAG,CAAC,GAAGR;oBACnBS,OAAO;gBACT;YACF;QACF;IACF;AACF"}

package/dist/spinbutton/utils/deselectNode.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @since 6.4.0
+ * @internal
+ */
+export declare function deselectNode(node: Node): void;

package/dist/spinbutton/utils/deselectNode.js

@@ -0,0 +1,17 @@
+/**
+ * @since 6.4.0
+ * @internal
+ */ export function deselectNode(node) {
+    const selection = window.getSelection();
+    if (!selection) {
+        return;
+    }
+    for(let i = 0; i < selection.rangeCount; i++){
+        const range = selection.getRangeAt(i);
+        if (range.startContainer.contains(node)) {
+            selection.removeRange(range);
+        }
+    }
+}
+
+//# sourceMappingURL=deselectNode.js.map

package/dist/spinbutton/utils/deselectNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/spinbutton/utils/deselectNode.ts"],"sourcesContent":["/**\n * @since 6.4.0\n * @internal\n */\nexport function deselectNode(node: Node): void {\n  const selection = window.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  for (let i = 0; i < selection.rangeCount; i++) {\n    const range = selection.getRangeAt(i);\n    if (range.startContainer.contains(node)) {\n      selection.removeRange(range);\n    }\n  }\n}\n"],"names":["deselectNode","node","selection","window","getSelection","i","rangeCount","range","getRangeAt","startContainer","contains","removeRange"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,aAAaC,IAAU;IACrC,MAAMC,YAAYC,OAAOC,YAAY;IACrC,IAAI,CAACF,WAAW;QACd;IACF;IAEA,IAAK,IAAIG,IAAI,GAAGA,IAAIH,UAAUI,UAAU,EAAED,IAAK;QAC7C,MAAME,QAAQL,UAAUM,UAAU,CAACH;QACnC,IAAIE,MAAME,cAAc,CAACC,QAAQ,CAACT,OAAO;YACvCC,UAAUS,WAAW,CAACJ;QACxB;IACF;AACF"}

package/dist/spinbutton/utils/resolveInputEvent.d.ts

@@ -0,0 +1,30 @@
+import { type MinMaxRange } from "../../types.js";
+import { type SpinButtonChangeReason, type SpinButtonCharacterValueMap, type SpinButtonValue } from "../types.js";
+/**
+ * @since 6.4.0
+ * @internal
+ */
+interface ResolveInputEventOptions extends Partial<MinMaxRange> {
+    text: string;
+    mappings?: SpinButtonCharacterValueMap;
+    minDigits?: number;
+    maxDigits?: number;
+    prevText: string;
+    prevValue: SpinButtonValue;
+    typedCount: number;
+}
+type SpinButtonResolvedInputReason = SpinButtonChangeReason | "ignored" | "placeholder-digit";
+/**
+ * @since 6.4.0
+ * @internal
+ */
+interface ResolveInputEvent {
+    reason: SpinButtonResolvedInputReason;
+    nextValue: SpinButtonValue;
+}
+/**
+ * @since 6.4.0
+ * @internal
+ */
+export declare function resolveInputEvent(options: ResolveInputEventOptions): ResolveInputEvent;
+export {};

package/dist/spinbutton/utils/resolveInputEvent.js

@@ -0,0 +1,53 @@
+import { getNumberOfDigits } from "../../utils/getNumberOfDigits.js";
+/**
+ * @since 6.4.0
+ * @internal
+ */ export function resolveInputEvent(options) {
+    const { min, max, minDigits = getNumberOfDigits(min), maxDigits = getNumberOfDigits(max), text, mappings, typedCount, prevValue } = options;
+    let { prevText } = options;
+    if (typedCount === 0) {
+        prevText = "";
+    }
+    if (!text) {
+        return {
+            reason: "cleared",
+            nextValue: null
+        };
+    }
+    if (mappings) {
+        const nextValue = mappings[text] ?? prevValue;
+        let reason = "ignored";
+        if (typeof mappings[text] === "number") {
+            reason = "typed-to-completion";
+        }
+        return {
+            reason,
+            nextValue
+        };
+    }
+    if (/[^0-9]/.test(text)) {
+        return {
+            reason: "ignored",
+            nextValue: prevValue
+        };
+    }
+    let reason = "type";
+    let nextValue = parseInt(prevText + text, 10);
+    if (typeof minDigits === "number" && typedCount + 1 < minDigits) {
+        reason = "placeholder-digit";
+    }
+    if (typeof max === "number" && nextValue > max) {
+        nextValue = prevValue;
+    }
+    if (typeof nextValue === "number" && // if typing a new value surpasses the number of digits allowed
+    (typeof maxDigits === "number" && typedCount + 1 >= maxDigits || // typing a new value would exceed the max value
+    typeof max === "number" && nextValue * 10 > max)) {
+        reason = "typed-to-completion";
+    }
+    return {
+        reason,
+        nextValue
+    };
+}
+
+//# sourceMappingURL=resolveInputEvent.js.map

package/dist/spinbutton/utils/resolveInputEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/spinbutton/utils/resolveInputEvent.ts"],"sourcesContent":["import { type MinMaxRange } from \"../../types.js\";\nimport { getNumberOfDigits } from \"../../utils/getNumberOfDigits.js\";\nimport {\n  type SpinButtonChangeReason,\n  type SpinButtonCharacterValueMap,\n  type SpinButtonValue,\n} from \"../types.js\";\n\n/**\n * @since 6.4.0\n * @internal\n */\ninterface ResolveInputEventOptions extends Partial<MinMaxRange> {\n  text: string;\n  mappings?: SpinButtonCharacterValueMap;\n  minDigits?: number;\n  maxDigits?: number;\n  prevText: string;\n  prevValue: SpinButtonValue;\n  typedCount: number;\n}\n\ntype SpinButtonResolvedInputReason =\n  | SpinButtonChangeReason\n  | \"ignored\"\n  | \"placeholder-digit\";\n\n/**\n * @since 6.4.0\n * @internal\n */\ninterface ResolveInputEvent {\n  reason: SpinButtonResolvedInputReason;\n  nextValue: SpinButtonValue;\n}\n\n/**\n * @since 6.4.0\n * @internal\n */\nexport function resolveInputEvent(\n  options: ResolveInputEventOptions\n): ResolveInputEvent {\n  const {\n    min,\n    max,\n    minDigits = getNumberOfDigits(min),\n    maxDigits = getNumberOfDigits(max),\n    text,\n    mappings,\n    typedCount,\n    prevValue,\n  } = options;\n\n  let { prevText } = options;\n  if (typedCount === 0) {\n    prevText = \"\";\n  }\n\n  if (!text) {\n    return {\n      reason: \"cleared\",\n      nextValue: null,\n    };\n  }\n\n  if (mappings) {\n    const nextValue = mappings[text] ?? prevValue;\n\n    let reason: SpinButtonResolvedInputReason = \"ignored\";\n    if (typeof mappings[text] === \"number\") {\n      reason = \"typed-to-completion\";\n    }\n\n    return {\n      reason,\n      nextValue,\n    };\n  }\n\n  if (/[^0-9]/.test(text)) {\n    return {\n      reason: \"ignored\",\n      nextValue: prevValue,\n    };\n  }\n\n  let reason: SpinButtonResolvedInputReason = \"type\";\n  let nextValue: SpinButtonValue = parseInt(prevText + text, 10);\n  if (typeof minDigits === \"number\" && typedCount + 1 < minDigits) {\n    reason = \"placeholder-digit\";\n  }\n\n  if (typeof max === \"number\" && nextValue > max) {\n    nextValue = prevValue;\n  }\n\n  if (\n    typeof nextValue === \"number\" &&\n    // if typing a new value surpasses the number of digits allowed\n    ((typeof maxDigits === \"number\" && typedCount + 1 >= maxDigits) ||\n      // typing a new value would exceed the max value\n      (typeof max === \"number\" && nextValue * 10 > max))\n  ) {\n    reason = \"typed-to-completion\";\n  }\n\n  return {\n    reason,\n    nextValue,\n  };\n}\n"],"names":["getNumberOfDigits","resolveInputEvent","options","min","max","minDigits","maxDigits","text","mappings","typedCount","prevValue","prevText","reason","nextValue","test","parseInt"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,mCAAmC;AAmCrE;;;CAGC,GACD,OAAO,SAASC,kBACdC,OAAiC;IAEjC,MAAM,EACJC,GAAG,EACHC,GAAG,EACHC,YAAYL,kBAAkBG,IAAI,EAClCG,YAAYN,kBAAkBI,IAAI,EAClCG,IAAI,EACJC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACV,GAAGR;IAEJ,IAAI,EAAES,QAAQ,EAAE,GAAGT;IACnB,IAAIO,eAAe,GAAG;QACpBE,WAAW;IACb;IAEA,IAAI,CAACJ,MAAM;QACT,OAAO;YACLK,QAAQ;YACRC,WAAW;QACb;IACF;IAEA,IAAIL,UAAU;QACZ,MAAMK,YAAYL,QAAQ,CAACD,KAAK,IAAIG;QAEpC,IAAIE,SAAwC;QAC5C,IAAI,OAAOJ,QAAQ,CAACD,KAAK,KAAK,UAAU;YACtCK,SAAS;QACX;QAEA,OAAO;YACLA;YACAC;QACF;IACF;IAEA,IAAI,SAASC,IAAI,CAACP,OAAO;QACvB,OAAO;YACLK,QAAQ;YACRC,WAAWH;QACb;IACF;IAEA,IAAIE,SAAwC;IAC5C,IAAIC,YAA6BE,SAASJ,WAAWJ,MAAM;IAC3D,IAAI,OAAOF,cAAc,YAAYI,aAAa,IAAIJ,WAAW;QAC/DO,SAAS;IACX;IAEA,IAAI,OAAOR,QAAQ,YAAYS,YAAYT,KAAK;QAC9CS,YAAYH;IACd;IAEA,IACE,OAAOG,cAAc,YACrB,+DAA+D;IAC9D,CAAA,AAAC,OAAOP,cAAc,YAAYG,aAAa,KAAKH,aACnD,gDAAgD;IAC/C,OAAOF,QAAQ,YAAYS,YAAY,KAAKT,GAAG,GAClD;QACAQ,SAAS;IACX;IAEA,OAAO;QACLA;QACAC;IACF;AACF"}

package/dist/spinbutton/utils/selectNode.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @since 6.4.0
+ * @internal
+ */
+export declare function selectNode(node: Node): void;

package/dist/spinbutton/utils/selectNode.js

@@ -0,0 +1,15 @@
+/**
+ * @since 6.4.0
+ * @internal
+ */ export function selectNode(node) {
+    const selection = window.getSelection();
+    if (!selection) {
+        return;
+    }
+    const range = document.createRange();
+    range.selectNodeContents(node);
+    selection.removeAllRanges();
+    selection.addRange(range);
+}
+
+//# sourceMappingURL=selectNode.js.map

package/dist/spinbutton/utils/selectNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/spinbutton/utils/selectNode.ts"],"sourcesContent":["/**\n * @since 6.4.0\n * @internal\n */\nexport function selectNode(node: Node): void {\n  const selection = window.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  const range = document.createRange();\n  range.selectNodeContents(node);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n"],"names":["selectNode","node","selection","window","getSelection","range","document","createRange","selectNodeContents","removeAllRanges","addRange"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,WAAWC,IAAU;IACnC,MAAMC,YAAYC,OAAOC,YAAY;IACrC,IAAI,CAACF,WAAW;QACd;IACF;IAEA,MAAMG,QAAQC,SAASC,WAAW;IAClCF,MAAMG,kBAAkB,CAACP;IACzBC,UAAUO,eAAe;IACzBP,UAAUQ,QAAQ,CAACL;AACrB"}

package/dist/table/StickyTableSection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/StickyTableSection.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { TableConfigProvider } from \"./TableConfigurationProvider.js\";\nimport { tableFooter } from \"./tableFooterStyles.js\";\nimport { tableHeader } from \"./tableHeaderStyles.js\";\nimport {\n  type TableSectionConfiguration,\n  type TableStickySectionConfiguration,\n} from \"./types.js\";\nimport { useStickyTableSection } from \"./useStickyTableSection.js\";\nimport { useTableSectionConfig } from \"./useTableSectionConfig.js\";\n\n/** @since 6.0.0 */\nexport interface StickyTableSectionProps\n  extends HTMLAttributes<HTMLTableSectionElement>,\n    TableStickySectionConfiguration,\n    TableSectionConfiguration {\n  type: \"header\" | \"footer\";\n\n  /**\n   * An optional className to use when the sticky section is covering other rows\n   * (`active`). When this is defined, the default\n   * `rmd-thead--sticky-active`/`rmd-tfoot--sticky-active` will no longer be\n   * applied.\n   */\n  stickyActiveClassName?: string;\n}\n\n/**\n * **Client Component**\n *\n * This component is used to render a sticky `<thead>`/`<tfoot>` that\n * dynamically applies styles whenever the `<thead>`/`<tfoot>` are covering\n * content in the table.\n *\n * @see {@link https://react-md.dev/components/table | Table Demos}\n * @see {@link https://react-md.dev/components/table#sticky-tables | Sticky Table Demos}\n * @since 6.0.0\n */\nexport const StickyTableSection = forwardRef<\n  HTMLTableSectionElement,\n  StickyTableSectionProps\n>(function StickyTableSection(props, ref) {\n  const {\n    type,\n    className,\n    hoverable,\n    lineWrap,\n    children,\n    stickyOptions,\n    isStickyActive,\n    disableStickyStyles = false,\n    stickyActiveClassName,\n    ...remaining\n  } = props;\n\n  const isHeader = type === \"header\";\n  const Section = isHeader ? \"thead\" : \"tfoot\";\n  const styles = isHeader ? tableHeader : tableFooter;\n  const { tbody, sectionRef, stickyActive } = useStickyTableSection({\n    ref,\n    type,\n    stickyOptions,\n    isStickyActive,\n    disableStickyStyles,\n    stickyActiveClassName,\n  });\n  const config = useTableSectionConfig({\n    type,\n    lineWrap,\n    hoverable,\n  });\n\n  return (\n    <TableConfigProvider value={config}>\n      {!isHeader && tbody}\n      <Section\n        {...remaining}\n        ref={sectionRef}\n        className={styles({\n          className,\n          dense: config.dense,\n          sticky: true,\n          stickyActive,\n          stickyActiveClassName,\n        })}\n      >\n        {children}\n      </Section>\n      {isHeader && tbody}\n    </TableConfigProvider>\n  );\n});\n"],"names":["forwardRef","TableConfigProvider","tableFooter","tableHeader","useStickyTableSection","useTableSectionConfig","StickyTableSection","props","ref","type","className","hoverable","lineWrap","children","stickyOptions","isStickyActive","disableStickyStyles","stickyActiveClassName","remaining","isHeader","Section","styles","tbody","sectionRef","stickyActive","config","value","dense","sticky"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,QAAQ,QAAQ;AAExD,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,WAAW,QAAQ,yBAAyB;AAKrD,SAASC,qBAAqB,QAAQ,6BAA6B;AACnE,SAASC,qBAAqB,QAAQ,6BAA6B;AAkBnE;;;;;;;;;;CAUC,GACD,OAAO,MAAMC,mCAAqBN,WAGhC,SAASM,mBAAmBC,KAAK,EAAEC,GAAG;IACtC,MAAM,EACJC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,sBAAsB,KAAK,EAC3BC,qBAAqB,EACrB,GAAGC,WACJ,GAAGX;IAEJ,MAAMY,WAAWV,SAAS;IAC1B,MAAMW,UAAUD,WAAW,UAAU;IACrC,MAAME,SAASF,WAAWhB,cAAcD;IACxC,MAAM,EAAEoB,KAAK,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGpB,sBAAsB;QAChEI;QACAC;QACAK;QACAC;QACAC;QACAC;IACF;IACA,MAAMQ,SAASpB,sBAAsB;QACnCI;QACAG;QACAD;IACF;IAEA,qBACE,MAACV;QAAoByB,OAAOD;;YACzB,CAACN,YAAYG;0BACd,KAACF;gBACE,GAAGF,SAAS;gBACbV,KAAKe;gBACLb,WAAWW,OAAO;oBAChBX;oBACAiB,OAAOF,OAAOE,KAAK;oBACnBC,QAAQ;oBACRJ;oBACAP;gBACF;0BAECJ;;YAEFM,YAAYG;;;AAGnB,GAAG"}
+{"version":3,"sources":["../../src/table/StickyTableSection.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { TableConfigProvider } from \"./TableConfigurationProvider.js\";\nimport { tableFooter } from \"./tableFooterStyles.js\";\nimport { tableHeader } from \"./tableHeaderStyles.js\";\nimport {\n  type TableSectionConfiguration,\n  type TableStickySectionConfiguration,\n} from \"./types.js\";\nimport { useStickyTableSection } from \"./useStickyTableSection.js\";\nimport { useTableSectionConfig } from \"./useTableSectionConfig.js\";\n\n/** @since 6.0.0 */\nexport interface StickyTableSectionProps\n  extends\n    HTMLAttributes<HTMLTableSectionElement>,\n    TableStickySectionConfiguration,\n    TableSectionConfiguration {\n  type: \"header\" | \"footer\";\n\n  /**\n   * An optional className to use when the sticky section is covering other rows\n   * (`active`). When this is defined, the default\n   * `rmd-thead--sticky-active`/`rmd-tfoot--sticky-active` will no longer be\n   * applied.\n   */\n  stickyActiveClassName?: string;\n}\n\n/**\n * **Client Component**\n *\n * This component is used to render a sticky `<thead>`/`<tfoot>` that\n * dynamically applies styles whenever the `<thead>`/`<tfoot>` are covering\n * content in the table.\n *\n * @see {@link https://react-md.dev/components/table | Table Demos}\n * @see {@link https://react-md.dev/components/table#sticky-tables | Sticky Table Demos}\n * @since 6.0.0\n */\nexport const StickyTableSection = forwardRef<\n  HTMLTableSectionElement,\n  StickyTableSectionProps\n>(function StickyTableSection(props, ref) {\n  const {\n    type,\n    className,\n    hoverable,\n    lineWrap,\n    children,\n    stickyOptions,\n    isStickyActive,\n    disableStickyStyles = false,\n    stickyActiveClassName,\n    ...remaining\n  } = props;\n\n  const isHeader = type === \"header\";\n  const Section = isHeader ? \"thead\" : \"tfoot\";\n  const styles = isHeader ? tableHeader : tableFooter;\n  const { tbody, sectionRef, stickyActive } = useStickyTableSection({\n    ref,\n    type,\n    stickyOptions,\n    isStickyActive,\n    disableStickyStyles,\n    stickyActiveClassName,\n  });\n  const config = useTableSectionConfig({\n    type,\n    lineWrap,\n    hoverable,\n  });\n\n  return (\n    <TableConfigProvider value={config}>\n      {!isHeader && tbody}\n      <Section\n        {...remaining}\n        ref={sectionRef}\n        className={styles({\n          className,\n          dense: config.dense,\n          sticky: true,\n          stickyActive,\n          stickyActiveClassName,\n        })}\n      >\n        {children}\n      </Section>\n      {isHeader && tbody}\n    </TableConfigProvider>\n  );\n});\n"],"names":["forwardRef","TableConfigProvider","tableFooter","tableHeader","useStickyTableSection","useTableSectionConfig","StickyTableSection","props","ref","type","className","hoverable","lineWrap","children","stickyOptions","isStickyActive","disableStickyStyles","stickyActiveClassName","remaining","isHeader","Section","styles","tbody","sectionRef","stickyActive","config","value","dense","sticky"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,QAAQ,QAAQ;AAExD,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,WAAW,QAAQ,yBAAyB;AAKrD,SAASC,qBAAqB,QAAQ,6BAA6B;AACnE,SAASC,qBAAqB,QAAQ,6BAA6B;AAmBnE;;;;;;;;;;CAUC,GACD,OAAO,MAAMC,mCAAqBN,WAGhC,SAASM,mBAAmBC,KAAK,EAAEC,GAAG;IACtC,MAAM,EACJC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,sBAAsB,KAAK,EAC3BC,qBAAqB,EACrB,GAAGC,WACJ,GAAGX;IAEJ,MAAMY,WAAWV,SAAS;IAC1B,MAAMW,UAAUD,WAAW,UAAU;IACrC,MAAME,SAASF,WAAWhB,cAAcD;IACxC,MAAM,EAAEoB,KAAK,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGpB,sBAAsB;QAChEI;QACAC;QACAK;QACAC;QACAC;QACAC;IACF;IACA,MAAMQ,SAASpB,sBAAsB;QACnCI;QACAG;QACAD;IACF;IAEA,qBACE,MAACV;QAAoByB,OAAOD;;YACzB,CAACN,YAAYG;0BACd,KAACF;gBACE,GAAGF,SAAS;gBACbV,KAAKe;gBACLb,WAAWW,OAAO;oBAChBX;oBACAiB,OAAOF,OAAOE,KAAK;oBACnBC,QAAQ;oBACRJ;oBACAP;gBACF;0BAECJ;;YAEFM,YAAYG;;;AAGnB,GAAG"}

package/dist/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/Table.tsx"],"sourcesContent":["\"use client\";\n\nimport { type TableHTMLAttributes, forwardRef, useMemo } from \"react\";\n\nimport { TableConfigProvider } from \"./TableConfigurationProvider.js\";\nimport { table } from \"./tableStyles.js\";\nimport { type TableConfigContext, type TableConfiguration } from \"./types.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-table-background-color\"?: string;\n    \"--rmd-table-border-size\"?: string | number;\n    \"--rmd-table-border-color\"?: string;\n    \"--rmd-table-header-background-color\"?: string;\n    \"--rmd-table-cell-color\"?: string;\n    \"--rmd-table-cell-height\"?: string | number;\n    \"--rmd-table-cell-horizontal-padding\"?: string | number;\n    \"--rmd-table-cell-vertical-padding\"?: string | number;\n    \"--rmd-table-header-cell-height\"?: string | number;\n    \"--rmd-table-hover-color\"?: string;\n    \"--rmd-table-selected-color\"?: string;\n    \"--rmd-table-sticky-cell\"?: string | number;\n    \"--rmd-table-sticky-header\"?: string | number;\n    \"--rmd-table-sticky-footer\"?: string | number;\n    \"--rmd-table-sticky-background-color\"?: string;\n  }\n}\n\nexport interface TableProps\n  extends TableHTMLAttributes<HTMLTableElement>,\n    TableConfiguration {}\n\n/**\n * **Client Component**\n *\n * @example Responsive Example\n * ```tsx\n * import { Table } from \"@react-md/core/table/Table\";\n * import { TableBody } from \"@react-md/core/table/TableBody\";\n * import { TableCell } from \"@react-md/core/table/TableCell\";\n * import { TableContainer } from \"@react-md/core/table/TableContainer\";\n * import { TableHeader } from \"@react-md/core/table/TableHeader\";\n * import { TableRow } from \"@react-md/core/table/TableRow\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <TableContainer>\n *       <Table>\n *         <TableHeader>\n *           <TableRow>\n *             <TableCell>Header 1</TableCell>\n *             <TableCell>Header 2</TableCell>\n *             <TableCell>Header 3</TableCell>\n *           </TableRow>\n *         </TableHeader>\n *         <TableBody>\n *           <TableRow>\n *             <TableCell>Row 1 Cell 1</TableCell>\n *             <TableCell>Row 1 Cell 2</TableCell>\n *             <TableCell>Row 1 Cell 3</TableCell>\n *           </TableRow>\n *           <TableRow>\n *             <TableCell>Row 2 Cell 1</TableCell>\n *             <TableCell>Row 2 Cell 2</TableCell>\n *             <TableCell>Row 2 Cell 3</TableCell>\n *           </TableRow>\n *           <TableRow>\n *             <TableCell>Row 3 Cell 1</TableCell>\n *             <TableCell>Row 3 Cell 2</TableCell>\n *             <TableCell>Row 3 Cell 3</TableCell>\n *           </TableRow>\n *         </TableBody>\n *       </Table>\n *     </TableContainer>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/table | Table Demos}\n */\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n  function Table(props, ref) {\n    const {\n      className,\n      children,\n      dense = false,\n      hAlign = \"left\",\n      vAlign = \"middle\",\n      lineWrap = false,\n      fullWidth = false,\n      disableHover = false,\n      disableBorders = false,\n      ...remaining\n    } = props;\n\n    const configuration = useMemo<TableConfigContext>(\n      () => ({\n        dense,\n        header: false,\n        hAlign,\n        vAlign,\n        lineWrap,\n        disableHover,\n        disableBorders,\n      }),\n      [dense, hAlign, vAlign, lineWrap, disableHover, disableBorders]\n    );\n\n    return (\n      <TableConfigProvider value={configuration}>\n        <table\n          {...remaining}\n          ref={ref}\n          className={table({ dense, fullWidth, className })}\n        >\n          {children}\n        </table>\n      </TableConfigProvider>\n    );\n  }\n);\n"],"names":["forwardRef","useMemo","TableConfigProvider","table","Table","props","ref","className","children","dense","hAlign","vAlign","lineWrap","fullWidth","disableHover","disableBorders","remaining","configuration","header","value"],"mappings":"AAAA;;AAEA,SAAmCA,UAAU,EAAEC,OAAO,QAAQ,QAAQ;AAEtE,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,KAAK,QAAQ,mBAAmB;AA2BzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDC,GACD,OAAO,MAAMC,sBAAQJ,WACnB,SAASI,MAAMC,KAAK,EAAEC,GAAG;IACvB,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,QAAQ,KAAK,EACbC,SAAS,MAAM,EACfC,SAAS,QAAQ,EACjBC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,eAAe,KAAK,EACpBC,iBAAiB,KAAK,EACtB,GAAGC,WACJ,GAAGX;IAEJ,MAAMY,gBAAgBhB,QACpB,IAAO,CAAA;YACLQ;YACAS,QAAQ;YACRR;YACAC;YACAC;YACAE;YACAC;QACF,CAAA,GACA;QAACN;QAAOC;QAAQC;QAAQC;QAAUE;QAAcC;KAAe;IAGjE,qBACE,KAACb;QAAoBiB,OAAOF;kBAC1B,cAAA,KAACd;YACE,GAAGa,SAAS;YACbV,KAAKA;YACLC,WAAWJ,MAAM;gBAAEM;gBAAOI;gBAAWN;YAAU;sBAE9CC;;;AAIT,GACA"}
+{"version":3,"sources":["../../src/table/Table.tsx"],"sourcesContent":["\"use client\";\n\nimport { type TableHTMLAttributes, forwardRef, useMemo } from \"react\";\n\nimport { TableConfigProvider } from \"./TableConfigurationProvider.js\";\nimport { table } from \"./tableStyles.js\";\nimport { type TableConfigContext, type TableConfiguration } from \"./types.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-table-background-color\"?: string;\n    \"--rmd-table-border-size\"?: string | number;\n    \"--rmd-table-border-color\"?: string;\n    \"--rmd-table-header-background-color\"?: string;\n    \"--rmd-table-cell-color\"?: string;\n    \"--rmd-table-cell-height\"?: string | number;\n    \"--rmd-table-cell-horizontal-padding\"?: string | number;\n    \"--rmd-table-cell-vertical-padding\"?: string | number;\n    \"--rmd-table-header-cell-height\"?: string | number;\n    \"--rmd-table-hover-color\"?: string;\n    \"--rmd-table-selected-color\"?: string;\n    \"--rmd-table-sticky-cell\"?: string | number;\n    \"--rmd-table-sticky-header\"?: string | number;\n    \"--rmd-table-sticky-footer\"?: string | number;\n    \"--rmd-table-sticky-background-color\"?: string;\n  }\n}\n\nexport interface TableProps\n  extends TableHTMLAttributes<HTMLTableElement>, TableConfiguration {}\n\n/**\n * **Client Component**\n *\n * @example Responsive Example\n * ```tsx\n * import { Table } from \"@react-md/core/table/Table\";\n * import { TableBody } from \"@react-md/core/table/TableBody\";\n * import { TableCell } from \"@react-md/core/table/TableCell\";\n * import { TableContainer } from \"@react-md/core/table/TableContainer\";\n * import { TableHeader } from \"@react-md/core/table/TableHeader\";\n * import { TableRow } from \"@react-md/core/table/TableRow\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <TableContainer>\n *       <Table>\n *         <TableHeader>\n *           <TableRow>\n *             <TableCell>Header 1</TableCell>\n *             <TableCell>Header 2</TableCell>\n *             <TableCell>Header 3</TableCell>\n *           </TableRow>\n *         </TableHeader>\n *         <TableBody>\n *           <TableRow>\n *             <TableCell>Row 1 Cell 1</TableCell>\n *             <TableCell>Row 1 Cell 2</TableCell>\n *             <TableCell>Row 1 Cell 3</TableCell>\n *           </TableRow>\n *           <TableRow>\n *             <TableCell>Row 2 Cell 1</TableCell>\n *             <TableCell>Row 2 Cell 2</TableCell>\n *             <TableCell>Row 2 Cell 3</TableCell>\n *           </TableRow>\n *           <TableRow>\n *             <TableCell>Row 3 Cell 1</TableCell>\n *             <TableCell>Row 3 Cell 2</TableCell>\n *             <TableCell>Row 3 Cell 3</TableCell>\n *           </TableRow>\n *         </TableBody>\n *       </Table>\n *     </TableContainer>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/table | Table Demos}\n */\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n  function Table(props, ref) {\n    const {\n      className,\n      children,\n      dense = false,\n      hAlign = \"left\",\n      vAlign = \"middle\",\n      lineWrap = false,\n      fullWidth = false,\n      disableHover = false,\n      disableBorders = false,\n      ...remaining\n    } = props;\n\n    const configuration = useMemo<TableConfigContext>(\n      () => ({\n        dense,\n        header: false,\n        hAlign,\n        vAlign,\n        lineWrap,\n        disableHover,\n        disableBorders,\n      }),\n      [dense, hAlign, vAlign, lineWrap, disableHover, disableBorders]\n    );\n\n    return (\n      <TableConfigProvider value={configuration}>\n        <table\n          {...remaining}\n          ref={ref}\n          className={table({ dense, fullWidth, className })}\n        >\n          {children}\n        </table>\n      </TableConfigProvider>\n    );\n  }\n);\n"],"names":["forwardRef","useMemo","TableConfigProvider","table","Table","props","ref","className","children","dense","hAlign","vAlign","lineWrap","fullWidth","disableHover","disableBorders","remaining","configuration","header","value"],"mappings":"AAAA;;AAEA,SAAmCA,UAAU,EAAEC,OAAO,QAAQ,QAAQ;AAEtE,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,KAAK,QAAQ,mBAAmB;AA0BzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDC,GACD,OAAO,MAAMC,sBAAQJ,WACnB,SAASI,MAAMC,KAAK,EAAEC,GAAG;IACvB,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,QAAQ,KAAK,EACbC,SAAS,MAAM,EACfC,SAAS,QAAQ,EACjBC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,eAAe,KAAK,EACpBC,iBAAiB,KAAK,EACtB,GAAGC,WACJ,GAAGX;IAEJ,MAAMY,gBAAgBhB,QACpB,IAAO,CAAA;YACLQ;YACAS,QAAQ;YACRR;YACAC;YACAC;YACAE;YACAC;QACF,CAAA,GACA;QAACN;QAAOC;QAAQC;QAAQC;QAAUE;QAAcC;KAAe;IAGjE,qBACE,KAACb;QAAoBiB,OAAOF;kBAC1B,cAAA,KAACd;YACE,GAAGa,SAAS;YACbV,KAAKA;YACLC,WAAWJ,MAAM;gBAAEM;gBAAOI;gBAAWN;YAAU;sBAE9CC;;;AAIT,GACA"}

package/dist/table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/TableBody.tsx"],"sourcesContent":["\"use client\";\n\nimport { cnb } from \"cnbuilder\";\nimport { type HTMLAttributes, forwardRef, useMemo } from \"react\";\n\nimport {\n  TableConfigProvider,\n  useTableConfig,\n} from \"./TableConfigurationProvider.js\";\nimport { type TableConfig, type TableConfigContext } from \"./types.js\";\n\nexport interface TableBodyProps\n  extends HTMLAttributes<HTMLTableSectionElement>,\n    Omit<TableConfig, \"header\"> {}\n\n/**\n * **Client Component**\n *\n * Creates a `<tbody>` element that also allows for overriding all the child\n * `TableCell` components with additional styling behavior.\n *\n * @see {@link https://react-md.dev/components/table | Table Demos}\n */\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  function TableBody(props, ref) {\n    const {\n      className,\n      children,\n      hAlign: propHAlign,\n      vAlign: propVAlign,\n      lineWrap: propLineWrap,\n      disableHover: propDisableHover,\n      disableBorders: propDisableBorders,\n      ...remaining\n    } = props;\n\n    // update the table configuration with the custom overrides for the `<thead>`\n    const { dense, hAlign, vAlign, lineWrap, disableHover, disableBorders } =\n      useTableConfig({\n        hAlign: propHAlign,\n        vAlign: propVAlign,\n        lineWrap: propLineWrap,\n        disableHover: propDisableHover,\n        disableBorders: propDisableBorders,\n      });\n\n    const configuration = useMemo<TableConfigContext>(\n      () => ({\n        header: false,\n        dense,\n        hAlign,\n        vAlign,\n        lineWrap,\n        disableBorders,\n        disableHover,\n      }),\n      [dense, hAlign, vAlign, lineWrap, disableBorders, disableHover]\n    );\n\n    return (\n      <TableConfigProvider value={configuration}>\n        <tbody {...remaining} ref={ref} className={cnb(\"rmd-tbody\", className)}>\n          {children}\n        </tbody>\n      </TableConfigProvider>\n    );\n  }\n);\n"],"names":["cnb","forwardRef","useMemo","TableConfigProvider","useTableConfig","TableBody","props","ref","className","children","hAlign","propHAlign","vAlign","propVAlign","lineWrap","propLineWrap","disableHover","propDisableHover","disableBorders","propDisableBorders","remaining","dense","configuration","header","value","tbody"],"mappings":"AAAA;;AAEA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAA8BC,UAAU,EAAEC,OAAO,QAAQ,QAAQ;AAEjE,SACEC,mBAAmB,EACnBC,cAAc,QACT,kCAAkC;AAOzC;;;;;;;CAOC,GACD,OAAO,MAAMC,0BAAYJ,WACvB,SAASI,UAAUC,KAAK,EAAEC,GAAG;IAC3B,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,QAAQC,UAAU,EAClBC,QAAQC,UAAU,EAClBC,UAAUC,YAAY,EACtBC,cAAcC,gBAAgB,EAC9BC,gBAAgBC,kBAAkB,EAClC,GAAGC,WACJ,GAAGd;IAEJ,6EAA6E;IAC7E,MAAM,EAAEe,KAAK,EAAEX,MAAM,EAAEE,MAAM,EAAEE,QAAQ,EAAEE,YAAY,EAAEE,cAAc,EAAE,GACrEd,eAAe;QACbM,QAAQC;QACRC,QAAQC;QACRC,UAAUC;QACVC,cAAcC;QACdC,gBAAgBC;IAClB;IAEF,MAAMG,gBAAgBpB,QACpB,IAAO,CAAA;YACLqB,QAAQ;YACRF;YACAX;YACAE;YACAE;YACAI;YACAF;QACF,CAAA,GACA;QAACK;QAAOX;QAAQE;QAAQE;QAAUI;QAAgBF;KAAa;IAGjE,qBACE,KAACb;QAAoBqB,OAAOF;kBAC1B,cAAA,KAACG;YAAO,GAAGL,SAAS;YAAEb,KAAKA;YAAKC,WAAWR,IAAI,aAAaQ;sBACzDC;;;AAIT,GACA"}
+{"version":3,"sources":["../../src/table/TableBody.tsx"],"sourcesContent":["\"use client\";\n\nimport { cnb } from \"cnbuilder\";\nimport { type HTMLAttributes, forwardRef, useMemo } from \"react\";\n\nimport {\n  TableConfigProvider,\n  useTableConfig,\n} from \"./TableConfigurationProvider.js\";\nimport { type TableConfig, type TableConfigContext } from \"./types.js\";\n\nexport interface TableBodyProps\n  extends\n    HTMLAttributes<HTMLTableSectionElement>,\n    Omit<TableConfig, \"header\"> {}\n\n/**\n * **Client Component**\n *\n * Creates a `<tbody>` element that also allows for overriding all the child\n * `TableCell` components with additional styling behavior.\n *\n * @see {@link https://react-md.dev/components/table | Table Demos}\n */\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  function TableBody(props, ref) {\n    const {\n      className,\n      children,\n      hAlign: propHAlign,\n      vAlign: propVAlign,\n      lineWrap: propLineWrap,\n      disableHover: propDisableHover,\n      disableBorders: propDisableBorders,\n      ...remaining\n    } = props;\n\n    // update the table configuration with the custom overrides for the `<thead>`\n    const { dense, hAlign, vAlign, lineWrap, disableHover, disableBorders } =\n      useTableConfig({\n        hAlign: propHAlign,\n        vAlign: propVAlign,\n        lineWrap: propLineWrap,\n        disableHover: propDisableHover,\n        disableBorders: propDisableBorders,\n      });\n\n    const configuration = useMemo<TableConfigContext>(\n      () => ({\n        header: false,\n        dense,\n        hAlign,\n        vAlign,\n        lineWrap,\n        disableBorders,\n        disableHover,\n      }),\n      [dense, hAlign, vAlign, lineWrap, disableBorders, disableHover]\n    );\n\n    return (\n      <TableConfigProvider value={configuration}>\n        <tbody {...remaining} ref={ref} className={cnb(\"rmd-tbody\", className)}>\n          {children}\n        </tbody>\n      </TableConfigProvider>\n    );\n  }\n);\n"],"names":["cnb","forwardRef","useMemo","TableConfigProvider","useTableConfig","TableBody","props","ref","className","children","hAlign","propHAlign","vAlign","propVAlign","lineWrap","propLineWrap","disableHover","propDisableHover","disableBorders","propDisableBorders","remaining","dense","configuration","header","value","tbody"],"mappings":"AAAA;;AAEA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAA8BC,UAAU,EAAEC,OAAO,QAAQ,QAAQ;AAEjE,SACEC,mBAAmB,EACnBC,cAAc,QACT,kCAAkC;AAQzC;;;;;;;CAOC,GACD,OAAO,MAAMC,0BAAYJ,WACvB,SAASI,UAAUC,KAAK,EAAEC,GAAG;IAC3B,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,QAAQC,UAAU,EAClBC,QAAQC,UAAU,EAClBC,UAAUC,YAAY,EACtBC,cAAcC,gBAAgB,EAC9BC,gBAAgBC,kBAAkB,EAClC,GAAGC,WACJ,GAAGd;IAEJ,6EAA6E;IAC7E,MAAM,EAAEe,KAAK,EAAEX,MAAM,EAAEE,MAAM,EAAEE,QAAQ,EAAEE,YAAY,EAAEE,cAAc,EAAE,GACrEd,eAAe;QACbM,QAAQC;QACRC,QAAQC;QACRC,UAAUC;QACVC,cAAcC;QACdC,gBAAgBC;IAClB;IAEF,MAAMG,gBAAgBpB,QACpB,IAAO,CAAA;YACLqB,QAAQ;YACRF;YACAX;YACAE;YACAE;YACAI;YACAF;QACF,CAAA,GACA;QAACK;QAAOX;QAAQE;QAAQE;QAAUI;QAAgBF;KAAa;IAGjE,qBACE,KAACb;QAAoBqB,OAAOF;kBAC1B,cAAA,KAACG;YAAO,GAAGL,SAAS;YAAEb,KAAKA;YAAKC,WAAWR,IAAI,aAAaQ;sBACzDC;;;AAIT,GACA"}

package/dist/table/TableCellContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/TableCellContent.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { type ButtonHTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { ButtonUnstyled } from \"../button/ButtonUnstyled.js\";\nimport { IconRotator, type IconRotatorProps } from \"../icon/IconRotator.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { type SortOrder, type TableCellHorizontalAlignment } from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport type TableCellContentsIconRotatorProps = Omit<\n  IconRotatorProps,\n  \"children\" | \"rotated\"\n>;\n\n/**\n * @since 6.0.0 Extends the `ButtonHTMLAttributes` so the extra props\n * can be passed to the `ButtonUnstyled`\n * @internal\n */\nexport interface TableCellContentProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The current sort order for this cell. Setting this to `null` will prevent\n   * the button from being rendered.\n   */\n  sortOrder?: SortOrder;\n\n  /**\n   * This should normally be the `getIcon(\"sort\")`\n   */\n  icon?: ReactNode;\n\n  /** @defaultValue `false` */\n  iconAfter?: boolean;\n\n  /**\n   * Boolean if the icon should be rotated.\n   */\n  rotated?: boolean;\n\n  /**\n   * Any additional props to pass to the `IconRotator`.\n   */\n  iconRotatorProps?: TableCellContentsIconRotatorProps;\n\n  /**\n   * @since 4.0.3\n   * @see {@link TableCellHorizontalAlignment}\n   */\n  hAlign?: TableCellHorizontalAlignment;\n}\n\nconst styles = bem(\"rmd-table-cell\");\n\n/**\n * This is mostly an internal component since it is automatically used within\n * the `TableCell` component but this will conditionally wrap the `children`\n * within an `UnstyledButton` to make a clickable cell. This is really to help\n * with sort behavior within headers.\n *\n * @internal\n */\nexport const TableCellContent = forwardRef<\n  HTMLButtonElement,\n  TableCellContentProps\n>(function TableCellContent(props, ref) {\n  const {\n    icon: propIcon,\n    style,\n    className,\n    sortOrder,\n    children,\n    rotated: propRotated,\n    hAlign = \"left\",\n    iconAfter,\n    iconRotatorProps,\n    ...remaining\n  } = props;\n  if (!sortOrder || propIcon === null) {\n    return <>{children}</>;\n  }\n\n  let icon: ReactNode = null;\n  if (sortOrder !== \"none\") {\n    const rotated = propRotated ?? sortOrder === \"descending\";\n\n    icon = (\n      <IconRotator {...iconRotatorProps} rotated={rotated}>\n        {propIcon}\n      </IconRotator>\n    );\n  }\n\n  return (\n    <ButtonUnstyled\n      {...remaining}\n      ref={ref}\n      style={style}\n      className={cnb(\n        styles(\"content\", {\n          [hAlign]: hAlign !== \"left\",\n        }),\n        className\n      )}\n    >\n      {!iconAfter && icon}\n      {children}\n      {iconAfter && icon}\n    </ButtonUnstyled>\n  );\n});\n"],"names":["cnb","forwardRef","ButtonUnstyled","IconRotator","bem","styles","TableCellContent","props","ref","icon","propIcon","style","className","sortOrder","children","rotated","propRotated","hAlign","iconAfter","iconRotatorProps","remaining"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAAoDC,UAAU,QAAQ,QAAQ;AAE9E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,WAAW,QAA+B,yBAAyB;AAC5E,SAASC,GAAG,QAAQ,kBAAkB;AAiDtC,MAAMC,SAASD,IAAI;AAEnB;;;;;;;CAOC,GACD,OAAO,MAAME,iCAAmBL,WAG9B,SAASK,iBAAiBC,KAAK,EAAEC,GAAG;IACpC,MAAM,EACJC,MAAMC,QAAQ,EACdC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,SAASC,WAAW,EACpBC,SAAS,MAAM,EACfC,SAAS,EACTC,gBAAgB,EAChB,GAAGC,WACJ,GAAGb;IACJ,IAAI,CAACM,aAAaH,aAAa,MAAM;QACnC,qBAAO;sBAAGI;;IACZ;IAEA,IAAIL,OAAkB;IACtB,IAAII,cAAc,QAAQ;QACxB,MAAME,UAAUC,eAAeH,cAAc;QAE7CJ,qBACE,KAACN;YAAa,GAAGgB,gBAAgB;YAAEJ,SAASA;sBACzCL;;IAGP;IAEA,qBACE,MAACR;QACE,GAAGkB,SAAS;QACbZ,KAAKA;QACLG,OAAOA;QACPC,WAAWZ,IACTK,OAAO,WAAW;YAChB,CAACY,OAAO,EAAEA,WAAW;QACvB,IACAL;;YAGD,CAACM,aAAaT;YACdK;YACAI,aAAaT;;;AAGpB,GAAG"}
+{"version":3,"sources":["../../src/table/TableCellContent.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { type ButtonHTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { ButtonUnstyled } from \"../button/ButtonUnstyled.js\";\nimport { IconRotator, type IconRotatorProps } from \"../icon/IconRotator.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { type SortOrder, type TableCellHorizontalAlignment } from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport type TableCellContentsIconRotatorProps = Omit<\n  IconRotatorProps,\n  \"children\" | \"rotated\"\n>;\n\n/**\n * @since 6.0.0 Extends the `ButtonHTMLAttributes` so the extra props\n * can be passed to the `ButtonUnstyled`\n * @internal\n */\nexport interface TableCellContentProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The current sort order for this cell. Setting this to `null` will prevent\n   * the button from being rendered.\n   */\n  sortOrder?: SortOrder;\n\n  /**\n   * This should normally be the `getIcon(\"sort\")`\n   */\n  icon?: ReactNode;\n\n  /** @defaultValue `false` */\n  iconAfter?: boolean;\n\n  /**\n   * Boolean if the icon should be rotated.\n   */\n  rotated?: boolean;\n\n  /**\n   * Any additional props to pass to the `IconRotator`.\n   */\n  iconRotatorProps?: TableCellContentsIconRotatorProps;\n\n  /**\n   * @since 4.0.3\n   * @see {@link TableCellHorizontalAlignment}\n   */\n  hAlign?: TableCellHorizontalAlignment;\n}\n\nconst styles = bem(\"rmd-table-cell\");\n\n/**\n * This is mostly an internal component since it is automatically used within\n * the `TableCell` component but this will conditionally wrap the `children`\n * within an `UnstyledButton` to make a clickable cell. This is really to help\n * with sort behavior within headers.\n *\n * @internal\n */\nexport const TableCellContent = forwardRef<\n  HTMLButtonElement,\n  TableCellContentProps\n>(function TableCellContent(props, ref) {\n  const {\n    icon: propIcon,\n    style,\n    className,\n    sortOrder,\n    children,\n    rotated: propRotated,\n    hAlign = \"left\",\n    iconAfter,\n    iconRotatorProps,\n    ...remaining\n  } = props;\n  if (!sortOrder || propIcon === null) {\n    return <>{children}</>;\n  }\n\n  let icon: ReactNode = null;\n  if (sortOrder !== \"none\") {\n    const rotated = propRotated ?? sortOrder === \"descending\";\n\n    icon = (\n      <IconRotator {...iconRotatorProps} rotated={rotated}>\n        {propIcon}\n      </IconRotator>\n    );\n  }\n\n  return (\n    <ButtonUnstyled\n      {...remaining}\n      ref={ref}\n      style={style}\n      className={cnb(\n        styles(\"content\", {\n          [hAlign]: hAlign !== \"left\",\n        }),\n        className\n      )}\n    >\n      {!iconAfter && icon}\n      {children}\n      {iconAfter && icon}\n    </ButtonUnstyled>\n  );\n});\n"],"names":["cnb","forwardRef","ButtonUnstyled","IconRotator","bem","styles","TableCellContent","props","ref","icon","propIcon","style","className","sortOrder","children","rotated","propRotated","hAlign","iconAfter","iconRotatorProps","remaining"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAAoDC,UAAU,QAAQ,QAAQ;AAE9E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,WAAW,QAA+B,yBAAyB;AAC5E,SAASC,GAAG,QAAQ,kBAAkB;AAgDtC,MAAMC,SAASD,IAAI;AAEnB;;;;;;;CAOC,GACD,OAAO,MAAME,iCAAmBL,WAG9B,SAASK,iBAAiBC,KAAK,EAAEC,GAAG;IACpC,MAAM,EACJC,MAAMC,QAAQ,EACdC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,SAASC,WAAW,EACpBC,SAAS,MAAM,EACfC,SAAS,EACTC,gBAAgB,EAChB,GAAGC,WACJ,GAAGb;IACJ,IAAI,CAACM,aAAaH,aAAa,MAAM;QACnC,qBAAO;sBAAGI;;IACZ;IAEA,IAAIL,OAAkB;IACtB,IAAII,cAAc,QAAQ;QACxB,MAAME,UAAUC,eAAeH,cAAc;QAE7CJ,qBACE,KAACN;YAAa,GAAGgB,gBAAgB;YAAEJ,SAASA;sBACzCL;;IAGP;IAEA,qBACE,MAACR;QACE,GAAGkB,SAAS;QACbZ,KAAKA;QACLG,OAAOA;QACPC,WAAWZ,IACTK,OAAO,WAAW;YAChB,CAACY,OAAO,EAAEA,WAAW;QACvB,IACAL;;YAGD,CAACM,aAAaT;YACdK;YACAI,aAAaT;;;AAGpB,GAAG"}