@protonradio/proton-ui 0.11.34 → 0.12.1

package/dist/components/Select/Select.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.es.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\";\nimport { Select as RadixSelect } from \"radix-ui\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\n\nimport { BREAKPOINTS } from \"../../constants\";\nimport { csx } from \"../../utils\";\n\nimport { ActionMenu, ActionMenuAction } from \"../ActionMenu/ActionMenu\";\nimport { CaretDown as CaretDownIcon } from \"../Icon\";\n\nimport \"./Select.css\";\nimport \"../Menu/Menu.css\";\n\ninterface SelectButtonProps {\n  disabled?: boolean;\n  isOpen?: boolean;\n  children?: ReactNode;\n  onClick?: () => void;\n  isRounded?: boolean;\n}\n\nconst SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>(\n  (\n    { disabled, isOpen, children, onClick, isRounded, ...props },\n    ref: RefObject<HTMLButtonElement>,\n  ) => {\n    return (\n      <button\n        {...props}\n        ref={ref}\n        disabled={disabled}\n        onClick={onClick}\n        className={csx(\n          \"proton-Select__trigger\",\n          disabled && \"proton-Select__trigger--disabled\",\n          !isOpen && \"proton-Select__trigger--closed\",\n          isOpen && \"proton-Select__trigger--opened\",\n          isRounded && \"proton-Select__trigger--rounded\",\n        )}\n      >\n        {children}\n      </button>\n    );\n  },\n);\nSelectButton.displayName = \"ProtonUISelectButton\";\n\nexport interface SelectItem {\n  /** The label to display for the item */\n  label: string;\n\n  /** The key of the item */\n  key: string;\n\n  /** The URL to navigate to when the item is clicked, turns item into an a tag */\n  to?: string;\n}\n\nexport interface SelectProps {\n  /** Array of keys that should be disabled\n   * @example [\"Thing 1\", \"Thing 2\"]\n   */\n  disabledKeys?: string[];\n\n  /** The key of the default selected item */\n  defaultSelectedKey?: string;\n\n  /** Test ID for the select */\n  \"data-testid\"?: string;\n\n  /** Whether the select is disabled */\n  isDisabled?: boolean;\n\n  /** Array of items to display\n   * @example [{ key: \"thing-1\", label: \"Thing 1\" }, { key: \"thing-2\", label: \"Thing 2\" }]\n   * @see {@link SelectItem}\n   */\n  items: SelectItem[];\n\n  /** Whether the select button is rounded\n   * @default false\n   */\n  isRounded?: boolean;\n\n  /** Label to display above the select\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#text\n   */\n  label?: string;\n\n  /** The name of the select field */\n  name: string;\n\n  /** Callback fired when the menu closes */\n  onClose?: () => void;\n\n  /** Callback fired when the menu opens */\n  onOpen?: () => void;\n\n  /** Callback fired when selection changes */\n  onSelectionChange?: (key: string) => void;\n\n  /** Currently selected key */\n  selectedKey?: string;\n}\n\n/**\n * A dropdown select menu that opens a popover on desktop and an action menu on mobile/touch devices.\n * Supports controlled and uncontrolled modes.\n *\n * API:\n *  - {@link SelectProps}\n */\nexport function Select({\n  label,\n  name,\n  isDisabled,\n  disabledKeys,\n  selectedKey,\n  onSelectionChange,\n  defaultSelectedKey,\n  onOpen,\n  onClose,\n  items,\n  isRounded = false,\n  \"data-testid\": testId,\n}: SelectProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [internalSelectedKey, setInternalSelectedKey] = useState(\n    selectedKey || defaultSelectedKey || \"\",\n  );\n  const { className: themeClass, style: themeStyle } = useTheme();\n  const isMobile = useBreakpoint(BREAKPOINTS.MEDIUM);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const hiddenInputRef = useRef<HTMLInputElement>(null);\n\n  // Handle controlled vs uncontrolled state\n  const currentSelectedKey =\n    selectedKey !== undefined ? selectedKey : internalSelectedKey;\n  const selectedItem = items.find((item) => item.key === currentSelectedKey);\n\n  const handleValueChange = (value: string) => {\n    if (selectedKey === undefined) {\n      setInternalSelectedKey(value);\n    }\n    onSelectionChange?.(value);\n\n    // Update hidden input for form submission\n    if (hiddenInputRef.current) {\n      hiddenInputRef.current.value = value;\n      hiddenInputRef.current.dispatchEvent(\n        new Event(\"change\", { bubbles: true }),\n      );\n    }\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    setIsOpen(open);\n    if (open) {\n      onOpen?.();\n    } else {\n      onClose?.();\n    }\n  };\n\n  // Update internal state when controlled selectedKey changes\n  useEffect(() => {\n    if (selectedKey !== undefined) {\n      setInternalSelectedKey(selectedKey);\n    }\n  }, [selectedKey]);\n\n  const actionItems: ActionMenuAction[] = items.map((item) => ({\n    key: item.key,\n    label: item.label,\n    to: item.to,\n    onAction: () => {\n      handleValueChange(item.key);\n      setIsOpen(false);\n    },\n  }));\n\n  if (isMobile) {\n    return (\n      <div\n        className=\"proton-Select\"\n        aria-label={label || name}\n        aria-disabled={isDisabled}\n      >\n        {label && (\n          <div className=\"proton-Select__label\" data-testid=\"select-label\">\n            {label}\n          </div>\n        )}\n\n        {/* Hidden input for form submission */}\n        <input\n          ref={hiddenInputRef}\n          type=\"hidden\"\n          name={name}\n          value={currentSelectedKey}\n          data-testid=\"hidden-select-container\"\n        />\n\n        <SelectButton\n          isOpen={isOpen}\n          isRounded={isRounded}\n          ref={triggerRef}\n          disabled={isDisabled}\n          data-testid={testId}\n          onClick={() => setIsOpen(true)}\n        >\n          <div className=\"proton-Select__value\">\n            {selectedItem ? selectedItem.label : \"Select an option\"}\n          </div>\n          <div\n            className={csx(\n              \"proton-Select__trigger_icon\",\n              isOpen && \"proton-Select__trigger_icon--flipped\",\n            )}\n            aria-hidden=\"true\"\n          >\n            <CaretDownIcon size={16} />\n          </div>\n        </SelectButton>\n\n        <ActionMenu\n          isOpen={isOpen}\n          onClose={() => setIsOpen(false)}\n          actions={actionItems}\n          selectedKeys={[currentSelectedKey]}\n          disabledKeys={disabledKeys}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"proton-Select\"\n      aria-label={label || name}\n      aria-disabled={isDisabled}\n    >\n      {label && (\n        <div className=\"proton-Select__label\" data-testid=\"select-label\">\n          {label}\n        </div>\n      )}\n\n      {/* Hidden input for form submission */}\n      <input\n        ref={hiddenInputRef}\n        type=\"hidden\"\n        name={name}\n        value={currentSelectedKey}\n        data-testid=\"hidden-select-container\"\n      />\n\n      <RadixSelect.Root\n        value={currentSelectedKey}\n        onValueChange={handleValueChange}\n        onOpenChange={handleOpenChange}\n        disabled={isDisabled}\n      >\n        <RadixSelect.Trigger asChild>\n          <SelectButton\n            isRounded={isRounded}\n            isOpen={isOpen}\n            ref={triggerRef}\n            disabled={isDisabled}\n            data-testid={testId}\n          >\n            <RadixSelect.Value\n              className=\"proton-Select__value\"\n              placeholder=\"Select an option\"\n            >\n              {selectedItem ? selectedItem.label : \"Select an option\"}\n            </RadixSelect.Value>\n            <RadixSelect.Icon asChild>\n              <div\n                className={csx(\n                  \"proton-Select__trigger_icon\",\n                  isOpen && \"proton-Select__trigger_icon--flipped\",\n                )}\n                aria-hidden=\"true\"\n              >\n                <CaretDownIcon size={16} />\n              </div>\n            </RadixSelect.Icon>\n          </SelectButton>\n        </RadixSelect.Trigger>\n\n        <RadixSelect.Portal>\n          <RadixSelect.Content\n            className={csx(\n              \"proton-Menu\",\n              \"proton-MenuTrigger__menu\",\n              themeClass,\n            )}\n            style={themeStyle as CSSProperties}\n            position=\"popper\"\n          >\n            <RadixSelect.Viewport>\n              {items.map((item) => (\n                <RadixSelect.Item\n                  key={item.key}\n                  value={item.key}\n                  disabled={disabledKeys?.includes(item.key)}\n                  className=\"proton-Menu__item\"\n                >\n                  <RadixSelect.ItemText>{item.label}</RadixSelect.ItemText>\n                </RadixSelect.Item>\n              ))}\n            </RadixSelect.Viewport>\n          </RadixSelect.Content>\n        </RadixSelect.Portal>\n      </RadixSelect.Root>\n    </div>\n  );\n}\n\nSelect.displayName = \"ProtonUISelect\";\n"],"names":["SelectButton","forwardRef","disabled","isOpen","children","onClick","isRounded","props","ref","jsx","csx","Select","label","name","isDisabled","disabledKeys","selectedKey","onSelectionChange","defaultSelectedKey","onOpen","onClose","items","testId","setIsOpen","useState","internalSelectedKey","setInternalSelectedKey","themeClass","themeStyle","useTheme","isMobile","useBreakpoint","BREAKPOINTS","triggerRef","useRef","hiddenInputRef","currentSelectedKey","selectedItem","item","handleValueChange","value","handleOpenChange","open","useEffect","actionItems","jsxs","CaretDownIcon","ActionMenu","RadixSelect"],"mappings":"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"}
+{"version":3,"file":"Select.es.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  ReactNode,\n  useEffect,\n  useRef,\n  useState,\n  type ForwardedRef,\n  type CSSProperties,\n} from \"react\";\nimport { Select as RadixSelect } from \"radix-ui\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\nimport { BREAKPOINTS } from \"../../constants\";\nimport { csx } from \"../../utils\";\n\nimport { ActionMenu, type ActionMenuAction } from \"../ActionMenu/ActionMenu\";\nimport { CaretDown as CaretDownIcon } from \"../Icon\";\n\nimport \"./Select.css\";\nimport \"../Menu/Menu.css\";\nimport \"../Elevation/Elevation.css\";\n\ninterface SelectButtonProps {\n  disabled?: boolean;\n  isOpen?: boolean;\n  selectedItem?: SelectItem;\n  onClick?: () => void;\n  isRounded?: boolean;\n  ariaLabel?: string;\n  \"data-testid\"?: string;\n}\n\nconst SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>(\n  (\n    {\n      disabled,\n      isOpen,\n      onClick,\n      isRounded,\n      selectedItem,\n      ariaLabel,\n      \"data-testid\": testId,\n    },\n    ref: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"combobox\"\n        aria-label={ariaLabel}\n        aria-expanded={isOpen}\n        aria-autocomplete=\"none\"\n        data-state={isOpen ? \"open\" : \"closed\"}\n        data-testid={testId}\n        disabled={disabled}\n        onClick={onClick}\n        className={csx(\n          \"proton-Select__trigger\",\n          \"proton-Elevation--glass\",\n          disabled && \"proton-Select__trigger--disabled\",\n          !isOpen && \"proton-Select__trigger--closed\",\n          isOpen && \"proton-Select__trigger--opened\",\n          isRounded && \"proton-Select__trigger--rounded\",\n        )}\n      >\n        <span className=\"proton-Select__value\">\n          {selectedItem ? selectedItem.label : \"Select an option\"}\n        </span>\n        <span\n          className={csx(\n            \"proton-Select__trigger_icon\",\n            isOpen && \"proton-Select__trigger_icon--flipped\",\n          )}\n        >\n          <CaretDownIcon size={16} />\n        </span>\n      </button>\n    );\n  },\n);\n\nSelectButton.displayName = \"ProtonUISelectButton\";\n\nexport interface SelectItem {\n  /** The label to display for the item */\n  label: string;\n\n  /** The key of the item */\n  key: string;\n\n  /** The URL to navigate to when the item is clicked, turns item into an a tag */\n  to?: string;\n}\n\nexport interface SelectProps {\n  /** Array of keys that should be disabled\n   * @example [\"Thing 1\", \"Thing 2\"]\n   */\n  disabledKeys?: string[];\n\n  /** The key of the default selected item */\n  defaultSelectedKey?: string;\n\n  /** Test ID for the select */\n  \"data-testid\"?: string;\n\n  /** Whether the select is disabled */\n  isDisabled?: boolean;\n\n  /** Array of items to display\n   * @example [{ key: \"thing-1\", label: \"Thing 1\" }, { key: \"thing-2\", label: \"Thing 2\" }]\n   * @see {@link SelectItem}\n   */\n  items: SelectItem[];\n\n  /** Whether the select button is rounded\n   * @default false\n   */\n  isRounded?: boolean;\n\n  /** Label to display above the select\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#text\n   */\n  label?: string;\n\n  /** The name of the select field */\n  name: string;\n\n  /** Callback fired when the menu closes */\n  onClose?: () => void;\n\n  /** Callback fired when the menu opens */\n  onOpen?: () => void;\n\n  /** Callback fired when selection changes */\n  onSelectionChange?: (key: string) => void;\n\n  /** Currently selected key */\n  selectedKey?: string;\n}\n\n/**\n * A dropdown select menu that opens a popover on desktop and an action menu on mobile/touch devices.\n * Supports controlled and uncontrolled modes.\n *\n * API:\n *  - {@link SelectProps}\n */\nexport function Select({\n  label,\n  name,\n  isDisabled,\n  disabledKeys,\n  selectedKey,\n  onSelectionChange,\n  defaultSelectedKey,\n  onOpen,\n  onClose,\n  items,\n  isRounded = false,\n  \"data-testid\": testId,\n}: SelectProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const isControlled = selectedKey !== undefined;\n  const [internalSelectedKey, setInternalSelectedKey] = useState(\n    defaultSelectedKey ?? \"\",\n  );\n  const { className: themeClass, style: themeStyle } = useTheme();\n  const isMobile = useBreakpoint(BREAKPOINTS.MEDIUM);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const hiddenInputRef = useRef<HTMLInputElement>(null);\n\n  // Handle controlled vs uncontrolled state\n  const currentSelectedKey = isControlled\n    ? (selectedKey as string)\n    : internalSelectedKey;\n  const selectedItem = items.find((item) => item.key === currentSelectedKey);\n\n  const handleValueChange = (value: string) => {\n    if (!isControlled) {\n      setInternalSelectedKey(value);\n    }\n    onSelectionChange?.(value);\n\n    // Update hidden input for form submission\n    if (hiddenInputRef.current) {\n      hiddenInputRef.current.value = value;\n      hiddenInputRef.current.dispatchEvent(\n        new Event(\"change\", { bubbles: true }),\n      );\n    }\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    setIsOpen(open);\n    if (open) {\n      onOpen?.();\n    } else {\n      onClose?.();\n    }\n  };\n\n  // Update internal state when controlled selectedKey changes\n  useEffect(() => {\n    if (isControlled) {\n      setInternalSelectedKey(selectedKey);\n    }\n  }, [isControlled]);\n\n  const actionItems: ActionMenuAction[] = items.map((item) => ({\n    key: item.key,\n    label: item.label,\n    to: item.to,\n    onAction: () => {\n      handleValueChange(item.key);\n      setIsOpen(false);\n    },\n  }));\n\n  if (isMobile) {\n    return (\n      <div\n        className=\"proton-Select\"\n        aria-label={label || name}\n        aria-disabled={isDisabled}\n      >\n        {label && (\n          <div className=\"proton-Select__label\" data-testid=\"select-label\">\n            {label}\n          </div>\n        )}\n\n        {/* Hidden input for form submission */}\n        <input\n          ref={hiddenInputRef}\n          type=\"hidden\"\n          name={name}\n          value={currentSelectedKey}\n          data-testid=\"hidden-select-container\"\n        />\n\n        <SelectButton\n          isOpen={isOpen}\n          isRounded={isRounded}\n          ref={triggerRef}\n          disabled={isDisabled}\n          ariaLabel={label || name}\n          data-testid={testId}\n          onClick={() => setIsOpen(true)}\n          selectedItem={selectedItem}\n        />\n\n        <ActionMenu\n          isOpen={isOpen}\n          onClose={() => setIsOpen(false)}\n          actions={actionItems}\n          selectedKeys={[currentSelectedKey]}\n          disabledKeys={disabledKeys}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"proton-Select\"\n      aria-label={label || name}\n      aria-disabled={isDisabled}\n    >\n      {label && (\n        <div className=\"proton-Select__label\" data-testid=\"select-label\">\n          {label}\n        </div>\n      )}\n\n      {/* Hidden input for form submission */}\n      <input\n        ref={hiddenInputRef}\n        type=\"hidden\"\n        name={name}\n        value={currentSelectedKey}\n        data-testid=\"hidden-select-container\"\n      />\n\n      <RadixSelect.Root\n        value={currentSelectedKey}\n        onValueChange={handleValueChange}\n        onOpenChange={handleOpenChange}\n        disabled={isDisabled}\n      >\n        <RadixSelect.Trigger asChild>\n          <SelectButton\n            isRounded={isRounded}\n            isOpen={isOpen}\n            ref={triggerRef}\n            disabled={isDisabled}\n            ariaLabel={label || name}\n            data-testid={testId}\n            selectedItem={selectedItem}\n          />\n        </RadixSelect.Trigger>\n\n        <RadixSelect.Portal>\n          <RadixSelect.Content\n            className={csx(\n              \"proton-Menu\",\n              \"proton-MenuTrigger__menu\",\n              \"proton-Elevation--glass\",\n              themeClass,\n            )}\n            style={themeStyle as CSSProperties}\n            position=\"popper\"\n          >\n            <RadixSelect.Viewport>\n              {items.map((item) => (\n                <RadixSelect.Item\n                  key={item.key}\n                  value={item.key}\n                  disabled={disabledKeys?.includes(item.key)}\n                  className=\"proton-Menu__item\"\n                >\n                  <RadixSelect.ItemText>{item.label}</RadixSelect.ItemText>\n                </RadixSelect.Item>\n              ))}\n            </RadixSelect.Viewport>\n          </RadixSelect.Content>\n        </RadixSelect.Portal>\n      </RadixSelect.Root>\n    </div>\n  );\n}\n\nSelect.displayName = \"ProtonUISelect\";\n"],"names":["SelectButton","forwardRef","disabled","isOpen","onClick","isRounded","selectedItem","ariaLabel","testId","ref","jsxs","csx","jsx","CaretDownIcon","Select","label","name","isDisabled","disabledKeys","selectedKey","onSelectionChange","defaultSelectedKey","onOpen","onClose","items","setIsOpen","useState","isControlled","internalSelectedKey","setInternalSelectedKey","themeClass","themeStyle","useTheme","isMobile","useBreakpoint","BREAKPOINTS","triggerRef","useRef","hiddenInputRef","currentSelectedKey","item","handleValueChange","value","handleOpenChange","open","useEffect","actionItems","ActionMenu","RadixSelect"],"mappings":"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"}

package/dist/components/Switch/Switch.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../node_modules/react/jsx-runtime.cjs.js"),r=require("react"),a=require("../../node_modules/@react-aria/switch/dist/useSwitch.cjs.js"),d=require("../../node_modules/@react-aria/visually-hidden/dist/VisuallyHidden.cjs.js"),c=require("../../node_modules/@react-stately/toggle/dist/useToggleState.cjs.js");;/* empty css                */const o=require("../../utils/string.cjs.js");function u(e){let s={...e,isSelected:e.isOn,"data-testid":void 0},l=r.useRef(null),i=c.useToggleState(s),{inputProps:n}=a.useSwitch(s,i,l);return t.jsxRuntimeExports.jsxs("label",{className:o.csx("proton-Switch",e.isDisabled&&"proton-Switch--disabled",i.isSelected&&"proton-Switch--on"),"data-on":i.isSelected||void 0,"data-disabled":e.isDisabled||void 0,"data-testid":e["data-testid"]||void 0,"aria-label":e.label||void 0,children:[t.jsxRuntimeExports.jsx(d.VisuallyHidden,{children:t.jsxRuntimeExports.jsx("input",{...n,ref:l})}),e.label&&t.jsxRuntimeExports.jsx("div",{className:"proton-Switch__label",children:e.label}),t.jsxRuntimeExports.jsxs("div",{className:"proton-Switch__wrapper",children:[t.jsxRuntimeExports.jsx("div",{className:"proton-Switch__toggle",children:t.jsxRuntimeExports.jsx("div",{className:"proton-Switch__slider"})}),e.children&&t.jsxRuntimeExports.jsx("div",{className:"proton-Switch__description",children:e.children})]})]})}exports.Switch=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../node_modules/react/jsx-runtime.cjs.js"),x=require("react"),S=require("radix-ui");;/* empty css                */const w=require("../../utils/string.cjs.js");function v({defaultOn:p,isOn:n,isDisabled:s,onChange:i,label:e,children:o,"data-testid":u}){const c=n!==void 0,[l,j]=x.useState(p||!1),r=c?!!n:l,d=x.useId(),m={type:"checkbox",role:"switch",checked:r,disabled:s,"aria-label":e||void 0,"aria-describedby":o?d:void 0,onChange:h=>{if(s)return;const a=h.target.checked;c||j(a),i==null||i(a)}};return t.jsxRuntimeExports.jsx("div",{className:w.csx("proton-Switch",s&&"proton-Switch--disabled",r&&"proton-Switch--on"),"data-on":r||void 0,"data-disabled":s||void 0,"data-testid":u||void 0,children:t.jsxRuntimeExports.jsxs("label",{className:"proton-Switch__control",children:[t.jsxRuntimeExports.jsx(S.VisuallyHidden.Root,{children:t.jsxRuntimeExports.jsx("input",{...m})}),e&&t.jsxRuntimeExports.jsx("span",{className:"proton-Switch__label",children:e}),t.jsxRuntimeExports.jsxs("div",{className:"proton-Switch__wrapper",children:[t.jsxRuntimeExports.jsx("div",{className:"proton-Switch__toggle",children:t.jsxRuntimeExports.jsx("div",{className:"proton-Switch__slider"})}),o&&t.jsxRuntimeExports.jsx("div",{id:d,className:"proton-Switch__description",children:o})]})]})})}exports.Switch=v;
 //# sourceMappingURL=Switch.cjs.js.map

package/dist/components/Switch/Switch.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { useSwitch } from \"@react-aria/switch\";\nimport { VisuallyHidden } from \"@react-aria/visually-hidden\";\nimport { useToggleState } from \"@react-stately/toggle\";\n\nimport { csx } from \"../../utils\";\n\nimport \"./Switch.css\";\n\nexport interface SwitchProps {\n  /**\n   * Whether the Switch is in the 'on' state (uncontrolled).\n   */\n  defaultOn?: boolean;\n\n  /**\n   * Whether the Switch is in the 'on' state. Providing this prop causes the\n   * component to become controlled.\n   */\n  isOn?: boolean;\n\n  /**\n   * Should the input be non-interactive?\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when the Switch's on state changes.\n   */\n  onChange?: (isOn: boolean) => void;\n\n  /**\n   * The string used for the input label. Forwarded to `aria-label`.\n   */\n  label?: string;\n\n  /**\n   * The text or component to be rendered as the Switch's description.\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * A toggle switch component for boolean state control with support for controlled and uncontrolled modes.\n *\n * API:\n *  - {@link SwitchProps}\n */\nexport function Switch(props: SwitchProps) {\n  let sanitizedProps = {\n    ...props,\n    isSelected: props.isOn,\n    \"data-testid\": undefined,\n  };\n\n  let ref = useRef(null);\n\n  let state = useToggleState(sanitizedProps);\n  let { inputProps } = useSwitch(sanitizedProps, state, ref);\n\n  return (\n    <label\n      className={csx(\n        \"proton-Switch\",\n        props.isDisabled && \"proton-Switch--disabled\",\n        state.isSelected && \"proton-Switch--on\"\n      )}\n      data-on={state.isSelected || undefined}\n      data-disabled={props.isDisabled || undefined}\n      data-testid={props[\"data-testid\"] || undefined}\n      aria-label={props.label || undefined}\n    >\n      <VisuallyHidden>\n        <input {...inputProps} ref={ref} />\n      </VisuallyHidden>\n      {props.label && <div className=\"proton-Switch__label\">{props.label}</div>}\n      <div className=\"proton-Switch__wrapper\">\n        <div className=\"proton-Switch__toggle\">\n          <div className=\"proton-Switch__slider\"></div>\n        </div>\n        {props.children && (\n          <div className=\"proton-Switch__description\">{props.children}</div>\n        )}\n      </div>\n    </label>\n  );\n}\n"],"names":["Switch","props","sanitizedProps","ref","useRef","state","useToggleState","inputProps","useSwitch","jsxs","csx","jsx","VisuallyHidden"],"mappings":"+dAkDO,SAASA,EAAOC,EAAoB,CACzC,IAAIC,EAAiB,CACnB,GAAGD,EACH,WAAYA,EAAM,KAClB,cAAe,MAAA,EAGbE,EAAMC,SAAO,IAAI,EAEjBC,EAAQC,iBAAeJ,CAAc,EACrC,CAAE,WAAAK,CAAW,EAAIC,EAAAA,UAAUN,EAAgBG,EAAOF,CAAG,EAGvD,OAAAM,EAAA,kBAAA,KAAC,QAAA,CACC,UAAWC,EAAA,IACT,gBACAT,EAAM,YAAc,0BACpBI,EAAM,YAAc,mBACtB,EACA,UAASA,EAAM,YAAc,OAC7B,gBAAeJ,EAAM,YAAc,OACnC,cAAaA,EAAM,aAAa,GAAK,OACrC,aAAYA,EAAM,OAAS,OAE3B,SAAA,CAAAU,wBAACC,EAAAA,gBACC,SAACD,EAAA,kBAAA,IAAA,QAAA,CAAO,GAAGJ,EAAY,IAAAJ,CAAU,CAAA,EACnC,EACCF,EAAM,OAASU,EAAA,kBAAA,IAAC,OAAI,UAAU,uBAAwB,WAAM,MAAM,EACnEF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yBACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,OAAI,UAAU,wBACb,iCAAC,MAAI,CAAA,UAAU,wBAAwB,CACzC,CAAA,EACCV,EAAM,UACLU,EAAA,kBAAA,IAAC,OAAI,UAAU,6BAA8B,WAAM,SAAS,CAAA,EAEhE,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"Switch.cjs.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useState, type ChangeEvent } from \"react\";\nimport { VisuallyHidden } from \"radix-ui\";\n\nimport { csx } from \"../../utils\";\n\nimport \"./Switch.css\";\n\nexport interface SwitchProps {\n  /**\n   * Whether the Switch is in the 'on' state (uncontrolled).\n   */\n  defaultOn?: boolean;\n  /**\n   * Whether the Switch is in the 'on' state. Providing this prop causes the\n   * component to become controlled.\n   */\n  isOn?: boolean;\n  /**\n   * Should the input be non-interactive?\n   */\n  isDisabled?: boolean;\n  /**\n   * Called when the Switch's on state changes.\n   */\n  onChange?: (isOn: boolean) => void;\n  /**\n   * The string used for the input label. Forwarded to `aria-label`.\n   */\n  label?: string;\n  /**\n   * The text or component to be rendered as the Switch's description.\n   */\n  children?: React.ReactNode;\n  /** The test ID for the switch. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A toggle switch component for boolean state control with support for controlled and uncontrolled modes.\n *\n * API:\n *  - {@link SwitchProps}\n */\nexport function Switch({\n  defaultOn,\n  isOn: controlledIsOn,\n  isDisabled,\n  onChange,\n  label,\n  children,\n  \"data-testid\": testId,\n}: SwitchProps) {\n  const isControlled = controlledIsOn !== undefined;\n  const [internalOn, setInternalOn] = useState(defaultOn || false);\n  const isOn = isControlled ? Boolean(controlledIsOn) : internalOn;\n  const descriptionId = useId();\n\n  const inputProps = {\n    type: \"checkbox\" as const,\n    role: \"switch\" as const,\n    checked: isOn,\n    disabled: isDisabled,\n    \"aria-label\": label || undefined,\n    \"aria-describedby\": children ? descriptionId : undefined,\n    onChange: (e: ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled) return;\n      const next = e.target.checked;\n      if (!isControlled) setInternalOn(next);\n      onChange?.(next);\n    },\n  };\n\n  return (\n    <div\n      className={csx(\n        \"proton-Switch\",\n        isDisabled && \"proton-Switch--disabled\",\n        isOn && \"proton-Switch--on\",\n      )}\n      data-on={isOn || undefined}\n      data-disabled={isDisabled || undefined}\n      data-testid={testId || undefined}\n    >\n      <label className=\"proton-Switch__control\">\n        <VisuallyHidden.Root>\n          <input {...inputProps} />\n        </VisuallyHidden.Root>\n        {label && <span className=\"proton-Switch__label\">{label}</span>}\n        <div className=\"proton-Switch__wrapper\">\n          <div className=\"proton-Switch__toggle\">\n            <div className=\"proton-Switch__slider\" />\n          </div>\n          {children && (\n            <div id={descriptionId} className=\"proton-Switch__description\">\n              {children}\n            </div>\n          )}\n        </div>\n      </label>\n    </div>\n  );\n}\n"],"names":["Switch","defaultOn","controlledIsOn","isDisabled","onChange","label","children","testId","isControlled","internalOn","setInternalOn","useState","isOn","descriptionId","useId","inputProps","e","next","jsx","csx","jsxs","VisuallyHidden"],"mappings":"oQA6CO,SAASA,EAAO,CACrB,UAAAC,EACA,KAAMC,EACN,WAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,cAAeC,CACjB,EAAgB,CACd,MAAMC,EAAeN,IAAmB,OAClC,CAACO,EAAYC,CAAa,EAAIC,EAAAA,SAASV,GAAa,EAAK,EACzDW,EAAOJ,EAAe,EAAQN,EAAkBO,EAChDI,EAAgBC,EAAAA,MAAA,EAEhBC,EAAa,CACjB,KAAM,WACN,KAAM,SACN,QAASH,EACT,SAAUT,EACV,aAAcE,GAAS,OACvB,mBAAoBC,EAAWO,EAAgB,OAC/C,SAAWG,GAAqC,CAC9C,GAAIb,EAAY,OAChB,MAAMc,EAAOD,EAAE,OAAO,QACjBR,GAAcE,EAAcO,CAAI,EACrCb,GAAA,MAAAA,EAAWa,EACb,CAAA,EAGF,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,IACT,gBACAhB,GAAc,0BACdS,GAAQ,mBAAA,EAEV,UAASA,GAAQ,OACjB,gBAAeT,GAAc,OAC7B,cAAaI,GAAU,OAEvB,SAAAa,EAAAA,kBAAAA,KAAC,QAAA,CAAM,UAAU,yBACf,SAAA,CAAAF,wBAACG,EAAAA,eAAe,KAAf,CACC,iCAAC,QAAA,CAAO,GAAGN,EAAY,EACzB,EACCV,GAASa,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,uBAAwB,SAAAb,EAAM,EACxDe,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,OAAI,UAAU,wBACb,iCAAC,MAAA,CAAI,UAAU,wBAAwB,CAAA,CACzC,EACCZ,GACCY,EAAAA,kBAAAA,IAAC,MAAA,CAAI,GAAIL,EAAe,UAAU,6BAC/B,SAAAP,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/components/Switch/Switch.es.js

@@ -1,40 +1,53 @@
-import { j as i } from "../../node_modules/react/jsx-runtime.es.js";
-import { useRef as s } from "react";
-import { useSwitch as c } from "../../node_modules/@react-aria/switch/dist/useSwitch.es.js";
-import { VisuallyHidden as o } from "../../node_modules/@react-aria/visually-hidden/dist/VisuallyHidden.es.js";
-import { useToggleState as r } from "../../node_modules/@react-stately/toggle/dist/useToggleState.es.js";
+import { j as t } from "../../node_modules/react/jsx-runtime.es.js";
+import { useState as _, useId as j } from "react";
+import { VisuallyHidden as v } from "radix-ui";
 /* empty css              */
-import { csx as n } from "../../utils/string.es.js";
-function j(e) {
-  let a = {
-    ...e,
-    isSelected: e.isOn,
-    "data-testid": void 0
-  }, d = s(null), t = r(a), { inputProps: l } = c(a, t, d);
-  return /* @__PURE__ */ i.jsxs(
-    "label",
+import { csx as S } from "../../utils/string.es.js";
+function y({
+  defaultOn: p,
+  isOn: c,
+  isDisabled: o,
+  onChange: i,
+  label: s,
+  children: r,
+  "data-testid": l
+}) {
+  const d = c !== void 0, [m, h] = _(p || !1), e = d ? !!c : m, n = j(), x = {
+    type: "checkbox",
+    role: "switch",
+    checked: e,
+    disabled: o,
+    "aria-label": s || void 0,
+    "aria-describedby": r ? n : void 0,
+    onChange: (w) => {
+      if (o) return;
+      const a = w.target.checked;
+      d || h(a), i == null || i(a);
+    }
+  };
+  return /* @__PURE__ */ t.jsx(
+    "div",
     {
-      className: n(
+      className: S(
         "proton-Switch",
-        e.isDisabled && "proton-Switch--disabled",
-        t.isSelected && "proton-Switch--on"
+        o && "proton-Switch--disabled",
+        e && "proton-Switch--on"
       ),
-      "data-on": t.isSelected || void 0,
-      "data-disabled": e.isDisabled || void 0,
-      "data-testid": e["data-testid"] || void 0,
-      "aria-label": e.label || void 0,
-      children: [
-        /* @__PURE__ */ i.jsx(o, { children: /* @__PURE__ */ i.jsx("input", { ...l, ref: d }) }),
-        e.label && /* @__PURE__ */ i.jsx("div", { className: "proton-Switch__label", children: e.label }),
-        /* @__PURE__ */ i.jsxs("div", { className: "proton-Switch__wrapper", children: [
-          /* @__PURE__ */ i.jsx("div", { className: "proton-Switch__toggle", children: /* @__PURE__ */ i.jsx("div", { className: "proton-Switch__slider" }) }),
-          e.children && /* @__PURE__ */ i.jsx("div", { className: "proton-Switch__description", children: e.children })
+      "data-on": e || void 0,
+      "data-disabled": o || void 0,
+      "data-testid": l || void 0,
+      children: /* @__PURE__ */ t.jsxs("label", { className: "proton-Switch__control", children: [
+        /* @__PURE__ */ t.jsx(v.Root, { children: /* @__PURE__ */ t.jsx("input", { ...x }) }),
+        s && /* @__PURE__ */ t.jsx("span", { className: "proton-Switch__label", children: s }),
+        /* @__PURE__ */ t.jsxs("div", { className: "proton-Switch__wrapper", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "proton-Switch__toggle", children: /* @__PURE__ */ t.jsx("div", { className: "proton-Switch__slider" }) }),
+          r && /* @__PURE__ */ t.jsx("div", { id: n, className: "proton-Switch__description", children: r })
         ] })
-      ]
+      ] })
     }
   );
 }
 export {
-  j as Switch
+  y as Switch
 };
 //# sourceMappingURL=Switch.es.js.map

package/dist/components/Switch/Switch.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.es.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { useSwitch } from \"@react-aria/switch\";\nimport { VisuallyHidden } from \"@react-aria/visually-hidden\";\nimport { useToggleState } from \"@react-stately/toggle\";\n\nimport { csx } from \"../../utils\";\n\nimport \"./Switch.css\";\n\nexport interface SwitchProps {\n  /**\n   * Whether the Switch is in the 'on' state (uncontrolled).\n   */\n  defaultOn?: boolean;\n\n  /**\n   * Whether the Switch is in the 'on' state. Providing this prop causes the\n   * component to become controlled.\n   */\n  isOn?: boolean;\n\n  /**\n   * Should the input be non-interactive?\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when the Switch's on state changes.\n   */\n  onChange?: (isOn: boolean) => void;\n\n  /**\n   * The string used for the input label. Forwarded to `aria-label`.\n   */\n  label?: string;\n\n  /**\n   * The text or component to be rendered as the Switch's description.\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * A toggle switch component for boolean state control with support for controlled and uncontrolled modes.\n *\n * API:\n *  - {@link SwitchProps}\n */\nexport function Switch(props: SwitchProps) {\n  let sanitizedProps = {\n    ...props,\n    isSelected: props.isOn,\n    \"data-testid\": undefined,\n  };\n\n  let ref = useRef(null);\n\n  let state = useToggleState(sanitizedProps);\n  let { inputProps } = useSwitch(sanitizedProps, state, ref);\n\n  return (\n    <label\n      className={csx(\n        \"proton-Switch\",\n        props.isDisabled && \"proton-Switch--disabled\",\n        state.isSelected && \"proton-Switch--on\"\n      )}\n      data-on={state.isSelected || undefined}\n      data-disabled={props.isDisabled || undefined}\n      data-testid={props[\"data-testid\"] || undefined}\n      aria-label={props.label || undefined}\n    >\n      <VisuallyHidden>\n        <input {...inputProps} ref={ref} />\n      </VisuallyHidden>\n      {props.label && <div className=\"proton-Switch__label\">{props.label}</div>}\n      <div className=\"proton-Switch__wrapper\">\n        <div className=\"proton-Switch__toggle\">\n          <div className=\"proton-Switch__slider\"></div>\n        </div>\n        {props.children && (\n          <div className=\"proton-Switch__description\">{props.children}</div>\n        )}\n      </div>\n    </label>\n  );\n}\n"],"names":["Switch","props","sanitizedProps","ref","useRef","state","useToggleState","inputProps","useSwitch","jsxs","csx","jsx","VisuallyHidden"],"mappings":";;;;;;;AAkDO,SAASA,EAAOC,GAAoB;AACzC,MAAIC,IAAiB;AAAA,IACnB,GAAGD;AAAA,IACH,YAAYA,EAAM;AAAA,IAClB,eAAe;AAAA,EAAA,GAGbE,IAAMC,EAAO,IAAI,GAEjBC,IAAQC,EAAeJ,CAAc,GACrC,EAAE,YAAAK,EAAW,IAAIC,EAAUN,GAAgBG,GAAOF,CAAG;AAGvD,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAT,EAAM,cAAc;AAAA,QACpBI,EAAM,cAAc;AAAA,MACtB;AAAA,MACA,WAASA,EAAM,cAAc;AAAA,MAC7B,iBAAeJ,EAAM,cAAc;AAAA,MACnC,eAAaA,EAAM,aAAa,KAAK;AAAA,MACrC,cAAYA,EAAM,SAAS;AAAA,MAE3B,UAAA;AAAA,QAAAU,gBAAAA,MAACC,KACC,UAACD,gBAAAA,EAAA,IAAA,SAAA,EAAO,GAAGJ,GAAY,KAAAJ,EAAU,CAAA,GACnC;AAAA,QACCF,EAAM,SAASU,gBAAAA,EAAA,IAAC,SAAI,WAAU,wBAAwB,YAAM,OAAM;AAAA,QACnEF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,0BACb,UAAA;AAAA,UAAAE,gBAAAA,EAAAA,IAAC,SAAI,WAAU,yBACb,gCAAC,OAAI,EAAA,WAAU,yBAAwB,EACzC,CAAA;AAAA,UACCV,EAAM,YACLU,gBAAAA,EAAA,IAAC,SAAI,WAAU,8BAA8B,YAAM,UAAS;AAAA,QAAA,GAEhE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Switch.es.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useState, type ChangeEvent } from \"react\";\nimport { VisuallyHidden } from \"radix-ui\";\n\nimport { csx } from \"../../utils\";\n\nimport \"./Switch.css\";\n\nexport interface SwitchProps {\n  /**\n   * Whether the Switch is in the 'on' state (uncontrolled).\n   */\n  defaultOn?: boolean;\n  /**\n   * Whether the Switch is in the 'on' state. Providing this prop causes the\n   * component to become controlled.\n   */\n  isOn?: boolean;\n  /**\n   * Should the input be non-interactive?\n   */\n  isDisabled?: boolean;\n  /**\n   * Called when the Switch's on state changes.\n   */\n  onChange?: (isOn: boolean) => void;\n  /**\n   * The string used for the input label. Forwarded to `aria-label`.\n   */\n  label?: string;\n  /**\n   * The text or component to be rendered as the Switch's description.\n   */\n  children?: React.ReactNode;\n  /** The test ID for the switch. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A toggle switch component for boolean state control with support for controlled and uncontrolled modes.\n *\n * API:\n *  - {@link SwitchProps}\n */\nexport function Switch({\n  defaultOn,\n  isOn: controlledIsOn,\n  isDisabled,\n  onChange,\n  label,\n  children,\n  \"data-testid\": testId,\n}: SwitchProps) {\n  const isControlled = controlledIsOn !== undefined;\n  const [internalOn, setInternalOn] = useState(defaultOn || false);\n  const isOn = isControlled ? Boolean(controlledIsOn) : internalOn;\n  const descriptionId = useId();\n\n  const inputProps = {\n    type: \"checkbox\" as const,\n    role: \"switch\" as const,\n    checked: isOn,\n    disabled: isDisabled,\n    \"aria-label\": label || undefined,\n    \"aria-describedby\": children ? descriptionId : undefined,\n    onChange: (e: ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled) return;\n      const next = e.target.checked;\n      if (!isControlled) setInternalOn(next);\n      onChange?.(next);\n    },\n  };\n\n  return (\n    <div\n      className={csx(\n        \"proton-Switch\",\n        isDisabled && \"proton-Switch--disabled\",\n        isOn && \"proton-Switch--on\",\n      )}\n      data-on={isOn || undefined}\n      data-disabled={isDisabled || undefined}\n      data-testid={testId || undefined}\n    >\n      <label className=\"proton-Switch__control\">\n        <VisuallyHidden.Root>\n          <input {...inputProps} />\n        </VisuallyHidden.Root>\n        {label && <span className=\"proton-Switch__label\">{label}</span>}\n        <div className=\"proton-Switch__wrapper\">\n          <div className=\"proton-Switch__toggle\">\n            <div className=\"proton-Switch__slider\" />\n          </div>\n          {children && (\n            <div id={descriptionId} className=\"proton-Switch__description\">\n              {children}\n            </div>\n          )}\n        </div>\n      </label>\n    </div>\n  );\n}\n"],"names":["Switch","defaultOn","controlledIsOn","isDisabled","onChange","label","children","testId","isControlled","internalOn","setInternalOn","useState","isOn","descriptionId","useId","inputProps","e","next","jsx","csx","jsxs","VisuallyHidden"],"mappings":";;;;;AA6CO,SAASA,EAAO;AAAA,EACrB,WAAAC;AAAA,EACA,MAAMC;AAAA,EACN,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAeC;AACjB,GAAgB;AACd,QAAMC,IAAeN,MAAmB,QAClC,CAACO,GAAYC,CAAa,IAAIC,EAASV,KAAa,EAAK,GACzDW,IAAOJ,IAAe,EAAQN,IAAkBO,GAChDI,IAAgBC,EAAA,GAEhBC,IAAa;AAAA,IACjB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAASH;AAAA,IACT,UAAUT;AAAA,IACV,cAAcE,KAAS;AAAA,IACvB,oBAAoBC,IAAWO,IAAgB;AAAA,IAC/C,UAAU,CAACG,MAAqC;AAC9C,UAAIb,EAAY;AAChB,YAAMc,IAAOD,EAAE,OAAO;AACtB,MAAKR,KAAcE,EAAcO,CAAI,GACrCb,KAAA,QAAAA,EAAWa;AAAA,IACb;AAAA,EAAA;AAGF,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAhB,KAAc;AAAA,QACdS,KAAQ;AAAA,MAAA;AAAA,MAEV,WAASA,KAAQ;AAAA,MACjB,iBAAeT,KAAc;AAAA,MAC7B,eAAaI,KAAU;AAAA,MAEvB,UAAAa,gBAAAA,EAAAA,KAAC,SAAA,EAAM,WAAU,0BACf,UAAA;AAAA,QAAAF,gBAAAA,MAACG,EAAe,MAAf,EACC,gCAAC,SAAA,EAAO,GAAGN,GAAY,GACzB;AAAA,QACCV,KAASa,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAb,GAAM;AAAA,QACxDe,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAAF,gBAAAA,EAAAA,IAAC,SAAI,WAAU,yBACb,gCAAC,OAAA,EAAI,WAAU,yBAAwB,EAAA,CACzC;AAAA,UACCZ,KACCY,gBAAAA,EAAAA,IAAC,OAAA,EAAI,IAAIL,GAAe,WAAU,8BAC/B,UAAAP,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Table/BaseTable/Collection/CompoundComponents.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundComponents.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/CompoundComponents.tsx"],"sourcesContent":["import { AriaAttributes, ReactElement, ReactNode } from \"react\";\n\n/*\n  Compound reference components used to build the table collection.\n  They are not rendered, but used to parse the table structure.\n*/\n\ntype TableColumnElement = ReactElement<\n  TableColumnProps,\n  typeof TableColumnCompound\n>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\n  \"data-testid\"?: string;\n}\n\nexport interface TableColumnProps {\n  id: string;\n  children: ReactNode;\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\n}\n\nexport interface TableBodyProps {\n  children: TableRowElement | TableRowElement[] | ReactElement | ReactElement[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n  \"data-testid\"?: string;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n  \"data-testid\"?: string;\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeaderCompound = (_: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumnCompound = (_: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBodyCompound = (_: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRowCompound = (_: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCellCompound = (_: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeaderCompound","_","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"gFA8Ca,MAAAA,EAAuBC,GAC3B,KAGIC,EAAuBD,GAC3B,KAGIE,EAAqBF,GACzB,KAGIG,EAAoBH,GACxB,KAGII,EAAqBJ,GACzB"}
+{"version":3,"file":"CompoundComponents.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/CompoundComponents.tsx"],"sourcesContent":["import { AriaAttributes, ReactElement, ReactNode } from \"react\";\n\n/*\n  Compound reference components used to build the table collection.\n  They are not rendered, but used to parse the table structure.\n*/\n\ntype TableColumnElement = ReactElement<\n  TableColumnProps,\n  typeof TableColumnCompound\n>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\n  \"data-testid\"?: string;\n}\n\nexport interface TableColumnProps {\n  id: string;\n  children: ReactNode;\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\n}\n\nexport interface TableBodyProps {\n  children: TableRowElement | TableRowElement[] | ReactElement | ReactElement[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n  \"data-testid\"?: string;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n  \"data-testid\"?: string;\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeaderCompound = (_: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumnCompound = (_: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBodyCompound = (_: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRowCompound = (_: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCellCompound = (_: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeaderCompound","_","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"gFA8CO,MAAMA,EAAuBC,GAC3B,KAGIC,EAAuBD,GAC3B,KAGIE,EAAqBF,GACzB,KAGIG,EAAoBH,GACxB,KAGII,EAAqBJ,GACzB"}

package/dist/components/Table/BaseTable/Collection/CompoundComponents.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundComponents.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/CompoundComponents.tsx"],"sourcesContent":["import { AriaAttributes, ReactElement, ReactNode } from \"react\";\n\n/*\n  Compound reference components used to build the table collection.\n  They are not rendered, but used to parse the table structure.\n*/\n\ntype TableColumnElement = ReactElement<\n  TableColumnProps,\n  typeof TableColumnCompound\n>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\n  \"data-testid\"?: string;\n}\n\nexport interface TableColumnProps {\n  id: string;\n  children: ReactNode;\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\n}\n\nexport interface TableBodyProps {\n  children: TableRowElement | TableRowElement[] | ReactElement | ReactElement[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n  \"data-testid\"?: string;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n  \"data-testid\"?: string;\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeaderCompound = (_: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumnCompound = (_: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBodyCompound = (_: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRowCompound = (_: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCellCompound = (_: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeaderCompound","_","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"AA8Ca,MAAAA,IAAsB,CAACC,MAC3B,MAGIC,IAAsB,CAACD,MAC3B,MAGIE,IAAoB,CAACF,MACzB,MAGIG,IAAmB,CAACH,MACxB,MAGII,IAAoB,CAACJ,MACzB;"}
+{"version":3,"file":"CompoundComponents.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/CompoundComponents.tsx"],"sourcesContent":["import { AriaAttributes, ReactElement, ReactNode } from \"react\";\n\n/*\n  Compound reference components used to build the table collection.\n  They are not rendered, but used to parse the table structure.\n*/\n\ntype TableColumnElement = ReactElement<\n  TableColumnProps,\n  typeof TableColumnCompound\n>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRowCompound>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCellCompound>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\n  \"data-testid\"?: string;\n}\n\nexport interface TableColumnProps {\n  id: string;\n  children: ReactNode;\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\n}\n\nexport interface TableBodyProps {\n  children: TableRowElement | TableRowElement[] | ReactElement | ReactElement[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n  \"data-testid\"?: string;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n  \"data-testid\"?: string;\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeaderCompound = (_: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumnCompound = (_: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBodyCompound = (_: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRowCompound = (_: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCellCompound = (_: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeaderCompound","_","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"AA8CO,MAAMA,IAAsB,CAACC,MAC3B,MAGIC,IAAsB,CAACD,MAC3B,MAGIE,IAAoB,CAACF,MACzB,MAGIG,IAAmB,CAACH,MACxB,MAGII,IAAoB,CAACJ,MACzB;"}

package/dist/components/Table/BaseTable/Collection/collectionParser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("./CompoundComponents.cjs.js"),p=(t,l)=>t.type===l,h=(t,l)=>{const r=[],d=s.Children.toArray(t);for(const o of d)if(s.isValidElement(o)&&p(o,a.TableColumnCompound)){const e=o.props;r.push({key:e.id,header:e.children,isHidden:l,ariaSort:e["aria-sort"]})}return r},C=(t,l)=>{var e;const r=[],d=s.Children.toArray(t);let o=0;for(const i of d)if(s.isValidElement(i)&&p(i,a.TableCellCompound)){const n=i.props,c=n.columnKey??((e=l[o])==null?void 0:e.key);c&&r.push({columnKey:c,value:n.children,colSpan:n.colSpan,dataTestId:n["data-testid"],textAlign:n.textAlign}),o++}return r},m=t=>{const l=[],r=[],d=s.Children.toArray(t);for(const o of d)if(s.isValidElement(o)){if(p(o,a.TableHeaderCompound)){const e=o.props,i=h(e.children,e.isHidden||!1);l.push(...i);continue}if(p(o,a.TableBodyCompound)){const e=o.props,i=s.Children.toArray(e.children);for(const n of i)if(s.isValidElement(n))if(p(n,a.TableRowCompound)){const c=n.props,u=C(c.children,l);r.push({key:n.key??c.key??String(r.length),cells:u,onClick:c.onClick,dataTestId:c["data-testid"]})}else r.push(n)}}return{columns:l,rows:r}};exports.parseTableChildren=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("./CompoundComponents.cjs.js"),p=(t,l)=>t.type===l,h=(t,l)=>{const r=[],d=s.Children.toArray(t);for(const e of d)if(s.isValidElement(e)&&p(e,a.TableColumnCompound)){const o=e.props;r.push({key:o.id,header:o.children,isHidden:l,ariaSort:o["aria-sort"]})}return r},C=(t,l)=>{var o;const r=[],d=s.Children.toArray(t);let e=0;for(const i of d)if(s.isValidElement(i)&&p(i,a.TableCellCompound)){const n=i.props,c=n.columnKey??((o=l[e])==null?void 0:o.key);c&&r.push({columnKey:c,value:n.children,colSpan:n.colSpan,dataTestId:n["data-testid"],textAlign:n.textAlign}),e++}return r},m=t=>{const l=[],r=[],d=s.Children.toArray(t);for(const e of d)if(s.isValidElement(e)){if(p(e,a.TableHeaderCompound)){const o=e.props,i=h(o.children,o.isHidden||!1);l.push(...i);continue}if(p(e,a.TableBodyCompound)){const o=e.props,i=s.Children.toArray(o.children);for(const n of i)if(s.isValidElement(n))if(p(n,a.TableRowCompound)){const c=n.props,u=C(c.children,l);r.push({key:n.key??c.key??String(r.length),cells:u,onClick:c.onClick,dataTestId:c["data-testid"]})}else r.push(n)}}return{columns:l,rows:r}};exports.parseTableChildren=m;
 //# sourceMappingURL=collectionParser.cjs.js.map

package/dist/components/Table/BaseTable/Collection/collectionParser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"collectionParser.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nconst isComponentType = (\n  element: ReactElement,\n  componentType: ComponentType<any>,\n): boolean => element.type === componentType;\n\n/**\n * Parses columns from Table.Header children\n */\nconst parseColumns = (\n  headerChildren: ReactNode,\n  isHeaderHidden: boolean,\n): TableColumnData[] => {\n  const columns: TableColumnData[] = [];\n  const childrenArray = Children.toArray(headerChildren);\n\n  for (const columnChild of childrenArray) {\n    if (\n      isValidElement(columnChild) &&\n      isComponentType(columnChild, TableColumnCompound)\n    ) {\n      const columnProps = columnChild.props;\n      columns.push({\n        key: columnProps.id,\n        header: columnProps.children,\n        isHidden: isHeaderHidden,\n        ariaSort: columnProps[\"aria-sort\"],\n      });\n    }\n  }\n\n  return columns;\n};\n\n/**\n * Parses cells from Table.Row children\n */\nconst parseCells = (\n  rowChildren: ReactNode,\n  columns: TableColumnData[],\n): TableCellData[] => {\n  const cells: TableCellData[] = [];\n  const childrenArray = Children.toArray(rowChildren);\n  let cellIndex = 0;\n\n  for (const cellChild of childrenArray) {\n    if (\n      isValidElement(cellChild) &&\n      isComponentType(cellChild, TableCellCompound)\n    ) {\n      const cellProps = cellChild.props;\n      const columnKey = cellProps.columnKey ?? columns[cellIndex]?.key;\n\n      if (columnKey) {\n        cells.push({\n          columnKey,\n          value: cellProps.children,\n          colSpan: cellProps.colSpan,\n          dataTestId: cellProps[\"data-testid\"],\n          textAlign: cellProps.textAlign,\n        });\n      }\n      cellIndex++;\n    }\n  }\n\n  return cells;\n};\n\n/**\n * Parses JSX table structure into collection data format.\n *\n * @returns parsed table data\n * @see {@link TableData} for the parsed table data structure\n */\nexport const parseTableChildren = (children: ReactNode): TableData => {\n  const columns: TableColumnData[] = [];\n  const rows: (TableRowData | ReactElement)[] = [];\n  const childrenArray = Children.toArray(children);\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeaderCompound)) {\n      const headerProps = child.props;\n      const parsedColumns = parseColumns(\n        headerProps.children,\n        headerProps.isHidden || false,\n      );\n      columns.push(...parsedColumns);\n      continue;\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBodyCompound)) {\n      const bodyProps = child.props;\n      const bodyChildren = Children.toArray(bodyProps.children);\n\n      for (const rowChild of bodyChildren) {\n        if (!isValidElement(rowChild)) continue;\n\n        if (isComponentType(rowChild, TableRowCompound)) {\n          const rowProps = rowChild.props;\n          const cells = parseCells(rowProps.children, columns);\n\n          rows.push({\n            key: rowChild.key ?? rowProps.key ?? String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n            dataTestId: rowProps[\"data-testid\"],\n          });\n        } else {\n          rows.push(rowChild);\n        }\n      }\n    }\n  }\n\n  return {\n    columns,\n    rows,\n  };\n};\n"],"names":["isComponentType","element","componentType","parseColumns","headerChildren","isHeaderHidden","columns","childrenArray","Children","columnChild","isValidElement","TableColumnCompound","columnProps","parseCells","rowChildren","cells","cellIndex","cellChild","TableCellCompound","cellProps","columnKey","_a","parseTableChildren","children","rows","child","TableHeaderCompound","headerProps","parsedColumns","TableBodyCompound","bodyProps","bodyChildren","rowChild","TableRowCompound","rowProps"],"mappings":"kJAsBMA,EAAkB,CACtBC,EACAC,IACYD,EAAQ,OAASC,EAKzBC,EAAe,CACnBC,EACAC,IACsB,CACtB,MAAMC,EAA6B,CAAA,EAC7BC,EAAgBC,EAAAA,SAAS,QAAQJ,CAAc,EAErD,UAAWK,KAAeF,EACxB,GACEG,EAAAA,eAAeD,CAAW,GAC1BT,EAAgBS,EAAaE,EAAmB,mBAAA,EAChD,CACA,MAAMC,EAAcH,EAAY,MAChCH,EAAQ,KAAK,CACX,IAAKM,EAAY,GACjB,OAAQA,EAAY,SACpB,SAAUP,EACV,SAAUO,EAAY,WAAW,CAAA,CAClC,CACH,CAGK,OAAAN,CACT,EAKMO,EAAa,CACjBC,EACAR,IACoB,OACpB,MAAMS,EAAyB,CAAA,EACzBR,EAAgBC,EAAAA,SAAS,QAAQM,CAAW,EAClD,IAAIE,EAAY,EAEhB,UAAWC,KAAaV,EACtB,GACEG,EAAAA,eAAeO,CAAS,GACxBjB,EAAgBiB,EAAWC,EAAiB,iBAAA,EAC5C,CACA,MAAMC,EAAYF,EAAU,MACtBG,EAAYD,EAAU,aAAaE,EAAAf,EAAQU,CAAS,IAAjB,YAAAK,EAAoB,KAEzDD,GACFL,EAAM,KAAK,CACT,UAAAK,EACA,MAAOD,EAAU,SACjB,QAASA,EAAU,QACnB,WAAYA,EAAU,aAAa,EACnC,UAAWA,EAAU,SAAA,CACtB,EAEHH,GACF,CAGK,OAAAD,CACT,EAQaO,EAAsBC,GAAmC,CACpE,MAAMjB,EAA6B,CAAA,EAC7BkB,EAAwC,CAAA,EACxCjB,EAAgBC,EAAAA,SAAS,QAAQe,CAAQ,EAE/C,UAAWE,KAASlB,EACd,GAACG,EAAAA,eAAee,CAAK,EAGrB,IAAAzB,EAAgByB,EAAOC,EAAAA,mBAAmB,EAAG,CAC/C,MAAMC,EAAcF,EAAM,MACpBG,EAAgBzB,EACpBwB,EAAY,SACZA,EAAY,UAAY,EAAA,EAElBrB,EAAA,KAAK,GAAGsB,CAAa,EAC7B,QACF,CAGI,GAAA5B,EAAgByB,EAAOI,EAAAA,iBAAiB,EAAG,CAC7C,MAAMC,EAAYL,EAAM,MAClBM,EAAevB,EAAA,SAAS,QAAQsB,EAAU,QAAQ,EAExD,UAAWE,KAAYD,EACjB,GAACrB,EAAAA,eAAesB,CAAQ,EAExB,GAAAhC,EAAgBgC,EAAUC,EAAAA,gBAAgB,EAAG,CAC/C,MAAMC,EAAWF,EAAS,MACpBjB,EAAQF,EAAWqB,EAAS,SAAU5B,CAAO,EAEnDkB,EAAK,KAAK,CACR,IAAKQ,EAAS,KAAOE,EAAS,KAAO,OAAOV,EAAK,MAAM,EACvD,MAAAT,EACA,QAASmB,EAAS,QAClB,WAAYA,EAAS,aAAa,CAAA,CACnC,CAAA,MAEDV,EAAK,KAAKQ,CAAQ,CAGxB,EAGK,MAAA,CACL,QAAA1B,EACA,KAAAkB,CAAA,CAEJ"}
+{"version":3,"file":"collectionParser.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  type TableColumnProps,\n  type TableCellProps,\n  type TableHeaderProps,\n  type TableBodyProps,\n  type TableRowProps,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nconst isComponentType = (\n  element: ReactElement,\n  componentType: ComponentType<any>,\n): boolean => element.type === componentType;\n\n/**\n * Parses columns from Table.Header children\n */\nconst parseColumns = (\n  headerChildren: ReactNode,\n  isHeaderHidden: boolean,\n): TableColumnData[] => {\n  const columns: TableColumnData[] = [];\n  const childrenArray = Children.toArray(headerChildren);\n\n  for (const columnChild of childrenArray) {\n    if (\n      isValidElement(columnChild) &&\n      isComponentType(columnChild, TableColumnCompound)\n    ) {\n      const columnProps = columnChild.props as TableColumnProps;\n      columns.push({\n        key: columnProps.id,\n        header: columnProps.children,\n        isHidden: isHeaderHidden,\n        ariaSort: columnProps[\"aria-sort\"],\n      });\n    }\n  }\n\n  return columns;\n};\n\n/**\n * Parses cells from Table.Row children\n */\nconst parseCells = (\n  rowChildren: ReactNode,\n  columns: TableColumnData[],\n): TableCellData[] => {\n  const cells: TableCellData[] = [];\n  const childrenArray = Children.toArray(rowChildren);\n  let cellIndex = 0;\n\n  for (const cellChild of childrenArray) {\n    if (\n      isValidElement(cellChild) &&\n      isComponentType(cellChild, TableCellCompound)\n    ) {\n      const cellProps = cellChild.props as TableCellProps;\n      const columnKey = cellProps.columnKey ?? columns[cellIndex]?.key;\n\n      if (columnKey) {\n        cells.push({\n          columnKey,\n          value: cellProps.children,\n          colSpan: cellProps.colSpan,\n          dataTestId: cellProps[\"data-testid\"],\n          textAlign: cellProps.textAlign,\n        });\n      }\n      cellIndex++;\n    }\n  }\n\n  return cells;\n};\n\n/**\n * Parses JSX table structure into collection data format.\n *\n * @returns parsed table data\n * @see {@link TableData} for the parsed table data structure\n */\nexport const parseTableChildren = (children: ReactNode): TableData => {\n  const columns: TableColumnData[] = [];\n  const rows: (TableRowData | ReactElement)[] = [];\n  const childrenArray = Children.toArray(children);\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeaderCompound)) {\n      const headerProps = child.props as TableHeaderProps;\n      const parsedColumns = parseColumns(\n        headerProps.children,\n        headerProps.isHidden || false,\n      );\n      columns.push(...parsedColumns);\n      continue;\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBodyCompound)) {\n      const bodyProps = child.props as TableBodyProps;\n      const bodyChildren = Children.toArray(bodyProps.children);\n\n      for (const rowChild of bodyChildren) {\n        if (!isValidElement(rowChild)) continue;\n\n        if (isComponentType(rowChild, TableRowCompound)) {\n          const rowProps = rowChild.props as TableRowProps;\n          const cells = parseCells(rowProps.children, columns);\n\n          rows.push({\n            key: rowChild.key ?? rowProps.key ?? String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n            dataTestId: rowProps[\"data-testid\"],\n          });\n        } else {\n          rows.push(rowChild);\n        }\n      }\n    }\n  }\n\n  return {\n    columns,\n    rows,\n  };\n};\n"],"names":["isComponentType","element","componentType","parseColumns","headerChildren","isHeaderHidden","columns","childrenArray","Children","columnChild","isValidElement","TableColumnCompound","columnProps","parseCells","rowChildren","cells","cellIndex","cellChild","TableCellCompound","cellProps","columnKey","_a","parseTableChildren","children","rows","child","TableHeaderCompound","headerProps","parsedColumns","TableBodyCompound","bodyProps","bodyChildren","rowChild","TableRowCompound","rowProps"],"mappings":"kJA2BMA,EAAkB,CACtBC,EACAC,IACYD,EAAQ,OAASC,EAKzBC,EAAe,CACnBC,EACAC,IACsB,CACtB,MAAMC,EAA6B,CAAA,EAC7BC,EAAgBC,EAAAA,SAAS,QAAQJ,CAAc,EAErD,UAAWK,KAAeF,EACxB,GACEG,EAAAA,eAAeD,CAAW,GAC1BT,EAAgBS,EAAaE,EAAAA,mBAAmB,EAChD,CACA,MAAMC,EAAcH,EAAY,MAChCH,EAAQ,KAAK,CACX,IAAKM,EAAY,GACjB,OAAQA,EAAY,SACpB,SAAUP,EACV,SAAUO,EAAY,WAAW,CAAA,CAClC,CACH,CAGF,OAAON,CACT,EAKMO,EAAa,CACjBC,EACAR,IACoB,OACpB,MAAMS,EAAyB,CAAA,EACzBR,EAAgBC,EAAAA,SAAS,QAAQM,CAAW,EAClD,IAAIE,EAAY,EAEhB,UAAWC,KAAaV,EACtB,GACEG,EAAAA,eAAeO,CAAS,GACxBjB,EAAgBiB,EAAWC,EAAAA,iBAAiB,EAC5C,CACA,MAAMC,EAAYF,EAAU,MACtBG,EAAYD,EAAU,aAAaE,EAAAf,EAAQU,CAAS,IAAjB,YAAAK,EAAoB,KAEzDD,GACFL,EAAM,KAAK,CACT,UAAAK,EACA,MAAOD,EAAU,SACjB,QAASA,EAAU,QACnB,WAAYA,EAAU,aAAa,EACnC,UAAWA,EAAU,SAAA,CACtB,EAEHH,GACF,CAGF,OAAOD,CACT,EAQaO,EAAsBC,GAAmC,CACpE,MAAMjB,EAA6B,CAAA,EAC7BkB,EAAwC,CAAA,EACxCjB,EAAgBC,EAAAA,SAAS,QAAQe,CAAQ,EAE/C,UAAWE,KAASlB,EAClB,GAAKG,EAAAA,eAAee,CAAK,EAGzB,IAAIzB,EAAgByB,EAAOC,EAAAA,mBAAmB,EAAG,CAC/C,MAAMC,EAAcF,EAAM,MACpBG,EAAgBzB,EACpBwB,EAAY,SACZA,EAAY,UAAY,EAAA,EAE1BrB,EAAQ,KAAK,GAAGsB,CAAa,EAC7B,QACF,CAGA,GAAI5B,EAAgByB,EAAOI,EAAAA,iBAAiB,EAAG,CAC7C,MAAMC,EAAYL,EAAM,MAClBM,EAAevB,EAAAA,SAAS,QAAQsB,EAAU,QAAQ,EAExD,UAAWE,KAAYD,EACrB,GAAKrB,EAAAA,eAAesB,CAAQ,EAE5B,GAAIhC,EAAgBgC,EAAUC,EAAAA,gBAAgB,EAAG,CAC/C,MAAMC,EAAWF,EAAS,MACpBjB,EAAQF,EAAWqB,EAAS,SAAU5B,CAAO,EAEnDkB,EAAK,KAAK,CACR,IAAKQ,EAAS,KAAOE,EAAS,KAAO,OAAOV,EAAK,MAAM,EACvD,MAAAT,EACA,QAASmB,EAAS,QAClB,WAAYA,EAAS,aAAa,CAAA,CACnC,CACH,MACEV,EAAK,KAAKQ,CAAQ,CAGxB,EAGF,MAAO,CACL,QAAA1B,EACA,KAAAkB,CAAA,CAEJ"}

package/dist/components/Table/BaseTable/Collection/collectionParser.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"collectionParser.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nconst isComponentType = (\n  element: ReactElement,\n  componentType: ComponentType<any>,\n): boolean => element.type === componentType;\n\n/**\n * Parses columns from Table.Header children\n */\nconst parseColumns = (\n  headerChildren: ReactNode,\n  isHeaderHidden: boolean,\n): TableColumnData[] => {\n  const columns: TableColumnData[] = [];\n  const childrenArray = Children.toArray(headerChildren);\n\n  for (const columnChild of childrenArray) {\n    if (\n      isValidElement(columnChild) &&\n      isComponentType(columnChild, TableColumnCompound)\n    ) {\n      const columnProps = columnChild.props;\n      columns.push({\n        key: columnProps.id,\n        header: columnProps.children,\n        isHidden: isHeaderHidden,\n        ariaSort: columnProps[\"aria-sort\"],\n      });\n    }\n  }\n\n  return columns;\n};\n\n/**\n * Parses cells from Table.Row children\n */\nconst parseCells = (\n  rowChildren: ReactNode,\n  columns: TableColumnData[],\n): TableCellData[] => {\n  const cells: TableCellData[] = [];\n  const childrenArray = Children.toArray(rowChildren);\n  let cellIndex = 0;\n\n  for (const cellChild of childrenArray) {\n    if (\n      isValidElement(cellChild) &&\n      isComponentType(cellChild, TableCellCompound)\n    ) {\n      const cellProps = cellChild.props;\n      const columnKey = cellProps.columnKey ?? columns[cellIndex]?.key;\n\n      if (columnKey) {\n        cells.push({\n          columnKey,\n          value: cellProps.children,\n          colSpan: cellProps.colSpan,\n          dataTestId: cellProps[\"data-testid\"],\n          textAlign: cellProps.textAlign,\n        });\n      }\n      cellIndex++;\n    }\n  }\n\n  return cells;\n};\n\n/**\n * Parses JSX table structure into collection data format.\n *\n * @returns parsed table data\n * @see {@link TableData} for the parsed table data structure\n */\nexport const parseTableChildren = (children: ReactNode): TableData => {\n  const columns: TableColumnData[] = [];\n  const rows: (TableRowData | ReactElement)[] = [];\n  const childrenArray = Children.toArray(children);\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeaderCompound)) {\n      const headerProps = child.props;\n      const parsedColumns = parseColumns(\n        headerProps.children,\n        headerProps.isHidden || false,\n      );\n      columns.push(...parsedColumns);\n      continue;\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBodyCompound)) {\n      const bodyProps = child.props;\n      const bodyChildren = Children.toArray(bodyProps.children);\n\n      for (const rowChild of bodyChildren) {\n        if (!isValidElement(rowChild)) continue;\n\n        if (isComponentType(rowChild, TableRowCompound)) {\n          const rowProps = rowChild.props;\n          const cells = parseCells(rowProps.children, columns);\n\n          rows.push({\n            key: rowChild.key ?? rowProps.key ?? String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n            dataTestId: rowProps[\"data-testid\"],\n          });\n        } else {\n          rows.push(rowChild);\n        }\n      }\n    }\n  }\n\n  return {\n    columns,\n    rows,\n  };\n};\n"],"names":["isComponentType","element","componentType","parseColumns","headerChildren","isHeaderHidden","columns","childrenArray","Children","columnChild","isValidElement","TableColumnCompound","columnProps","parseCells","rowChildren","cells","cellIndex","cellChild","TableCellCompound","cellProps","columnKey","_a","parseTableChildren","children","rows","child","TableHeaderCompound","headerProps","parsedColumns","TableBodyCompound","bodyProps","bodyChildren","rowChild","TableRowCompound","rowProps"],"mappings":";;AAsBA,MAAMA,IAAkB,CACtBC,GACAC,MACYD,EAAQ,SAASC,GAKzBC,IAAe,CACnBC,GACAC,MACsB;AACtB,QAAMC,IAA6B,CAAA,GAC7BC,IAAgBC,EAAS,QAAQJ,CAAc;AAErD,aAAWK,KAAeF;AACxB,QACEG,EAAeD,CAAW,KAC1BT,EAAgBS,GAAaE,CAAmB,GAChD;AACA,YAAMC,IAAcH,EAAY;AAChC,MAAAH,EAAQ,KAAK;AAAA,QACX,KAAKM,EAAY;AAAA,QACjB,QAAQA,EAAY;AAAA,QACpB,UAAUP;AAAA,QACV,UAAUO,EAAY,WAAW;AAAA,MAAA,CAClC;AAAA,IACH;AAGK,SAAAN;AACT,GAKMO,IAAa,CACjBC,GACAR,MACoB;;AACpB,QAAMS,IAAyB,CAAA,GACzBR,IAAgBC,EAAS,QAAQM,CAAW;AAClD,MAAIE,IAAY;AAEhB,aAAWC,KAAaV;AACtB,QACEG,EAAeO,CAAS,KACxBjB,EAAgBiB,GAAWC,CAAiB,GAC5C;AACA,YAAMC,IAAYF,EAAU,OACtBG,IAAYD,EAAU,eAAaE,IAAAf,EAAQU,CAAS,MAAjB,gBAAAK,EAAoB;AAE7D,MAAID,KACFL,EAAM,KAAK;AAAA,QACT,WAAAK;AAAA,QACA,OAAOD,EAAU;AAAA,QACjB,SAASA,EAAU;AAAA,QACnB,YAAYA,EAAU,aAAa;AAAA,QACnC,WAAWA,EAAU;AAAA,MAAA,CACtB,GAEHH;AAAA,IACF;AAGK,SAAAD;AACT,GAQaO,IAAqB,CAACC,MAAmC;AACpE,QAAMjB,IAA6B,CAAA,GAC7BkB,IAAwC,CAAA,GACxCjB,IAAgBC,EAAS,QAAQe,CAAQ;AAE/C,aAAWE,KAASlB;AACd,QAACG,EAAee,CAAK,GAGrB;AAAA,UAAAzB,EAAgByB,GAAOC,CAAmB,GAAG;AAC/C,cAAMC,IAAcF,EAAM,OACpBG,IAAgBzB;AAAA,UACpBwB,EAAY;AAAA,UACZA,EAAY,YAAY;AAAA,QAAA;AAElB,QAAArB,EAAA,KAAK,GAAGsB,CAAa;AAC7B;AAAA,MACF;AAGI,UAAA5B,EAAgByB,GAAOI,CAAiB,GAAG;AAC7C,cAAMC,IAAYL,EAAM,OAClBM,IAAevB,EAAS,QAAQsB,EAAU,QAAQ;AAExD,mBAAWE,KAAYD;AACjB,cAACrB,EAAesB,CAAQ;AAExB,gBAAAhC,EAAgBgC,GAAUC,CAAgB,GAAG;AAC/C,oBAAMC,IAAWF,EAAS,OACpBjB,IAAQF,EAAWqB,EAAS,UAAU5B,CAAO;AAEnD,cAAAkB,EAAK,KAAK;AAAA,gBACR,KAAKQ,EAAS,OAAOE,EAAS,OAAO,OAAOV,EAAK,MAAM;AAAA,gBACvD,OAAAT;AAAA,gBACA,SAASmB,EAAS;AAAA,gBAClB,YAAYA,EAAS,aAAa;AAAA,cAAA,CACnC;AAAA,YAAA;AAED,cAAAV,EAAK,KAAKQ,CAAQ;AAAA,MAGxB;AAAA;AAGK,SAAA;AAAA,IACL,SAAA1B;AAAA,IACA,MAAAkB;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"collectionParser.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  type TableColumnProps,\n  type TableCellProps,\n  type TableHeaderProps,\n  type TableBodyProps,\n  type TableRowProps,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nconst isComponentType = (\n  element: ReactElement,\n  componentType: ComponentType<any>,\n): boolean => element.type === componentType;\n\n/**\n * Parses columns from Table.Header children\n */\nconst parseColumns = (\n  headerChildren: ReactNode,\n  isHeaderHidden: boolean,\n): TableColumnData[] => {\n  const columns: TableColumnData[] = [];\n  const childrenArray = Children.toArray(headerChildren);\n\n  for (const columnChild of childrenArray) {\n    if (\n      isValidElement(columnChild) &&\n      isComponentType(columnChild, TableColumnCompound)\n    ) {\n      const columnProps = columnChild.props as TableColumnProps;\n      columns.push({\n        key: columnProps.id,\n        header: columnProps.children,\n        isHidden: isHeaderHidden,\n        ariaSort: columnProps[\"aria-sort\"],\n      });\n    }\n  }\n\n  return columns;\n};\n\n/**\n * Parses cells from Table.Row children\n */\nconst parseCells = (\n  rowChildren: ReactNode,\n  columns: TableColumnData[],\n): TableCellData[] => {\n  const cells: TableCellData[] = [];\n  const childrenArray = Children.toArray(rowChildren);\n  let cellIndex = 0;\n\n  for (const cellChild of childrenArray) {\n    if (\n      isValidElement(cellChild) &&\n      isComponentType(cellChild, TableCellCompound)\n    ) {\n      const cellProps = cellChild.props as TableCellProps;\n      const columnKey = cellProps.columnKey ?? columns[cellIndex]?.key;\n\n      if (columnKey) {\n        cells.push({\n          columnKey,\n          value: cellProps.children,\n          colSpan: cellProps.colSpan,\n          dataTestId: cellProps[\"data-testid\"],\n          textAlign: cellProps.textAlign,\n        });\n      }\n      cellIndex++;\n    }\n  }\n\n  return cells;\n};\n\n/**\n * Parses JSX table structure into collection data format.\n *\n * @returns parsed table data\n * @see {@link TableData} for the parsed table data structure\n */\nexport const parseTableChildren = (children: ReactNode): TableData => {\n  const columns: TableColumnData[] = [];\n  const rows: (TableRowData | ReactElement)[] = [];\n  const childrenArray = Children.toArray(children);\n\n  for (const child of childrenArray) {\n    if (!isValidElement(child)) continue;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeaderCompound)) {\n      const headerProps = child.props as TableHeaderProps;\n      const parsedColumns = parseColumns(\n        headerProps.children,\n        headerProps.isHidden || false,\n      );\n      columns.push(...parsedColumns);\n      continue;\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBodyCompound)) {\n      const bodyProps = child.props as TableBodyProps;\n      const bodyChildren = Children.toArray(bodyProps.children);\n\n      for (const rowChild of bodyChildren) {\n        if (!isValidElement(rowChild)) continue;\n\n        if (isComponentType(rowChild, TableRowCompound)) {\n          const rowProps = rowChild.props as TableRowProps;\n          const cells = parseCells(rowProps.children, columns);\n\n          rows.push({\n            key: rowChild.key ?? rowProps.key ?? String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n            dataTestId: rowProps[\"data-testid\"],\n          });\n        } else {\n          rows.push(rowChild);\n        }\n      }\n    }\n  }\n\n  return {\n    columns,\n    rows,\n  };\n};\n"],"names":["isComponentType","element","componentType","parseColumns","headerChildren","isHeaderHidden","columns","childrenArray","Children","columnChild","isValidElement","TableColumnCompound","columnProps","parseCells","rowChildren","cells","cellIndex","cellChild","TableCellCompound","cellProps","columnKey","_a","parseTableChildren","children","rows","child","TableHeaderCompound","headerProps","parsedColumns","TableBodyCompound","bodyProps","bodyChildren","rowChild","TableRowCompound","rowProps"],"mappings":";;AA2BA,MAAMA,IAAkB,CACtBC,GACAC,MACYD,EAAQ,SAASC,GAKzBC,IAAe,CACnBC,GACAC,MACsB;AACtB,QAAMC,IAA6B,CAAA,GAC7BC,IAAgBC,EAAS,QAAQJ,CAAc;AAErD,aAAWK,KAAeF;AACxB,QACEG,EAAeD,CAAW,KAC1BT,EAAgBS,GAAaE,CAAmB,GAChD;AACA,YAAMC,IAAcH,EAAY;AAChC,MAAAH,EAAQ,KAAK;AAAA,QACX,KAAKM,EAAY;AAAA,QACjB,QAAQA,EAAY;AAAA,QACpB,UAAUP;AAAA,QACV,UAAUO,EAAY,WAAW;AAAA,MAAA,CAClC;AAAA,IACH;AAGF,SAAON;AACT,GAKMO,IAAa,CACjBC,GACAR,MACoB;;AACpB,QAAMS,IAAyB,CAAA,GACzBR,IAAgBC,EAAS,QAAQM,CAAW;AAClD,MAAIE,IAAY;AAEhB,aAAWC,KAAaV;AACtB,QACEG,EAAeO,CAAS,KACxBjB,EAAgBiB,GAAWC,CAAiB,GAC5C;AACA,YAAMC,IAAYF,EAAU,OACtBG,IAAYD,EAAU,eAAaE,IAAAf,EAAQU,CAAS,MAAjB,gBAAAK,EAAoB;AAE7D,MAAID,KACFL,EAAM,KAAK;AAAA,QACT,WAAAK;AAAA,QACA,OAAOD,EAAU;AAAA,QACjB,SAASA,EAAU;AAAA,QACnB,YAAYA,EAAU,aAAa;AAAA,QACnC,WAAWA,EAAU;AAAA,MAAA,CACtB,GAEHH;AAAA,IACF;AAGF,SAAOD;AACT,GAQaO,IAAqB,CAACC,MAAmC;AACpE,QAAMjB,IAA6B,CAAA,GAC7BkB,IAAwC,CAAA,GACxCjB,IAAgBC,EAAS,QAAQe,CAAQ;AAE/C,aAAWE,KAASlB;AAClB,QAAKG,EAAee,CAAK,GAGzB;AAAA,UAAIzB,EAAgByB,GAAOC,CAAmB,GAAG;AAC/C,cAAMC,IAAcF,EAAM,OACpBG,IAAgBzB;AAAA,UACpBwB,EAAY;AAAA,UACZA,EAAY,YAAY;AAAA,QAAA;AAE1B,QAAArB,EAAQ,KAAK,GAAGsB,CAAa;AAC7B;AAAA,MACF;AAGA,UAAI5B,EAAgByB,GAAOI,CAAiB,GAAG;AAC7C,cAAMC,IAAYL,EAAM,OAClBM,IAAevB,EAAS,QAAQsB,EAAU,QAAQ;AAExD,mBAAWE,KAAYD;AACrB,cAAKrB,EAAesB,CAAQ;AAE5B,gBAAIhC,EAAgBgC,GAAUC,CAAgB,GAAG;AAC/C,oBAAMC,IAAWF,EAAS,OACpBjB,IAAQF,EAAWqB,EAAS,UAAU5B,CAAO;AAEnD,cAAAkB,EAAK,KAAK;AAAA,gBACR,KAAKQ,EAAS,OAAOE,EAAS,OAAO,OAAOV,EAAK,MAAM;AAAA,gBACvD,OAAAT;AAAA,gBACA,SAASmB,EAAS;AAAA,gBAClB,YAAYA,EAAS,aAAa;AAAA,cAAA,CACnC;AAAA,YACH;AACE,cAAAV,EAAK,KAAKQ,CAAQ;AAAA,MAGxB;AAAA;AAGF,SAAO;AAAA,IACL,SAAA1B;AAAA,IACA,MAAAkB;AAAA,EAAA;AAEJ;"}

package/dist/components/Table/BaseTable/Collection/useTableCollection.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableCollection.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/useTableCollection.tsx"],"sourcesContent":["import { useMemo, isValidElement } from \"react\";\nimport type { TableData, TableRowData } from \"../types\";\nimport type { ReactElement } from \"react\";\n\n/*\n * Calculates aria-rowindex from a 0 based `rowIndex` prop.\n */\nexport const calculateAriaRowIndex = (\n  rowIndex: number,\n  isHeaderHidden: boolean = false,\n): number => rowIndex + (isHeaderHidden ? 1 : 2);\n\n/*\n * Calculates aria-colindex from a 0 based `columnIndex` prop.\n */\nexport const calculateAriaColumnIndex = (columnIndex: number): number =>\n  columnIndex + 1;\n\nconst isTableRowData = (\n  row: TableRowData | ReactElement,\n): row is TableRowData => {\n  return !isValidElement(row) && typeof row === \"object\" && \"cells\" in row;\n};\n\n/**\n * Hook for managing table data structure and providing navigation methods\n */\nexport const useTableCollection = (data: TableData) => {\n  const parsedRows = data.rows.filter(isTableRowData);\n  const directRows = data.rows.filter(isValidElement);\n\n  const isHeaderHidden = data.columns[0]?.isHidden || false;\n  const totalRows =\n    directRows.length > 0 ? directRows.length : parsedRows.length;\n  const getTotalRowCount = totalRows + (isHeaderHidden ? 0 : 1);\n\n  const getRowAriaIndex = useMemo(\n    () => (rowIndex: number) => calculateAriaRowIndex(rowIndex, isHeaderHidden),\n    [isHeaderHidden],\n  );\n\n  const getColumnAriaIndex = useMemo(\n    () => (columnIndex: number) => calculateAriaColumnIndex(columnIndex),\n    [],\n  );\n\n  return {\n    // Data\n    columns: data.columns,\n    rows: data.rows,\n    // ARIA helpers\n    isHeaderHidden,\n    getTotalRowCount,\n    getRowAriaIndex,\n    getColumnAriaIndex,\n  };\n};\n\nexport type TableCollection = ReturnType<typeof useTableCollection>;\n"],"names":["calculateAriaRowIndex","rowIndex","isHeaderHidden","calculateAriaColumnIndex","columnIndex","isTableRowData","row","isValidElement","useTableCollection","data","parsedRows","directRows","_a","getTotalRowCount","getRowAriaIndex","useMemo","getColumnAriaIndex"],"mappings":"yGAOaA,EAAwB,CACnCC,EACAC,EAA0B,KACfD,GAAYC,EAAiB,EAAI,GAKjCC,EAA4BC,GACvCA,EAAc,EAEVC,EACJC,GAEO,CAACC,EAAe,eAAAD,CAAG,GAAK,OAAOA,GAAQ,UAAY,UAAWA,EAM1DE,EAAsBC,GAAoB,OACrD,MAAMC,EAAaD,EAAK,KAAK,OAAOJ,CAAc,EAC5CM,EAAaF,EAAK,KAAK,OAAOF,EAAc,cAAA,EAE5CL,IAAiBU,EAAAH,EAAK,QAAQ,CAAC,IAAd,YAAAG,EAAiB,WAAY,GAG9CC,GADJF,EAAW,OAAS,EAAIA,EAAW,OAASD,EAAW,SACnBR,EAAiB,EAAI,GAErDY,EAAkBC,EAAA,QACtB,IAAOd,GAAqBD,EAAsBC,EAAUC,CAAc,EAC1E,CAACA,CAAc,CAAA,EAGXc,EAAqBD,EAAA,QACzB,IAAOX,GAAwBD,EAAyBC,CAAW,EACnE,CAAC,CAAA,EAGI,MAAA,CAEL,QAASK,EAAK,QACd,KAAMA,EAAK,KAEX,eAAAP,EACA,iBAAAW,EACA,gBAAAC,EACA,mBAAAE,CAAA,CAEJ"}
+{"version":3,"file":"useTableCollection.cjs.js","sources":["../../../../../src/components/Table/BaseTable/Collection/useTableCollection.tsx"],"sourcesContent":["import { useMemo, isValidElement } from \"react\";\nimport type { TableData, TableRowData } from \"../types\";\nimport type { ReactElement } from \"react\";\n\n/*\n * Calculates aria-rowindex from a 0 based `rowIndex` prop.\n */\nexport const calculateAriaRowIndex = (\n  rowIndex: number,\n  isHeaderHidden: boolean = false,\n): number => rowIndex + (isHeaderHidden ? 1 : 2);\n\n/*\n * Calculates aria-colindex from a 0 based `columnIndex` prop.\n */\nexport const calculateAriaColumnIndex = (columnIndex: number): number =>\n  columnIndex + 1;\n\nconst isTableRowData = (\n  row: TableRowData | ReactElement,\n): row is TableRowData => {\n  return !isValidElement(row) && typeof row === \"object\" && \"cells\" in row;\n};\n\n/**\n * Hook for managing table data structure and providing navigation methods\n */\nexport const useTableCollection = (data: TableData) => {\n  const parsedRows = data.rows.filter(isTableRowData);\n  const directRows = data.rows.filter(isValidElement);\n\n  const isHeaderHidden = data.columns[0]?.isHidden || false;\n  const totalRows =\n    directRows.length > 0 ? directRows.length : parsedRows.length;\n  const getTotalRowCount = totalRows + (isHeaderHidden ? 0 : 1);\n\n  const getRowAriaIndex = useMemo(\n    () => (rowIndex: number) => calculateAriaRowIndex(rowIndex, isHeaderHidden),\n    [isHeaderHidden],\n  );\n\n  const getColumnAriaIndex = useMemo(\n    () => (columnIndex: number) => calculateAriaColumnIndex(columnIndex),\n    [],\n  );\n\n  return {\n    // Data\n    columns: data.columns,\n    rows: data.rows,\n    // ARIA helpers\n    isHeaderHidden,\n    getTotalRowCount,\n    getRowAriaIndex,\n    getColumnAriaIndex,\n  };\n};\n\nexport type TableCollection = ReturnType<typeof useTableCollection>;\n"],"names":["calculateAriaRowIndex","rowIndex","isHeaderHidden","calculateAriaColumnIndex","columnIndex","isTableRowData","row","isValidElement","useTableCollection","data","parsedRows","directRows","_a","getTotalRowCount","getRowAriaIndex","useMemo","getColumnAriaIndex"],"mappings":"yGAOaA,EAAwB,CACnCC,EACAC,EAA0B,KACfD,GAAYC,EAAiB,EAAI,GAKjCC,EAA4BC,GACvCA,EAAc,EAEVC,EACJC,GAEO,CAACC,EAAAA,eAAeD,CAAG,GAAK,OAAOA,GAAQ,UAAY,UAAWA,EAM1DE,EAAsBC,GAAoB,OACrD,MAAMC,EAAaD,EAAK,KAAK,OAAOJ,CAAc,EAC5CM,EAAaF,EAAK,KAAK,OAAOF,EAAAA,cAAc,EAE5CL,IAAiBU,EAAAH,EAAK,QAAQ,CAAC,IAAd,YAAAG,EAAiB,WAAY,GAG9CC,GADJF,EAAW,OAAS,EAAIA,EAAW,OAASD,EAAW,SACnBR,EAAiB,EAAI,GAErDY,EAAkBC,EAAAA,QACtB,IAAOd,GAAqBD,EAAsBC,EAAUC,CAAc,EAC1E,CAACA,CAAc,CAAA,EAGXc,EAAqBD,EAAAA,QACzB,IAAOX,GAAwBD,EAAyBC,CAAW,EACnE,CAAA,CAAC,EAGH,MAAO,CAEL,QAASK,EAAK,QACd,KAAMA,EAAK,KAEX,eAAAP,EACA,iBAAAW,EACA,gBAAAC,EACA,mBAAAE,CAAA,CAEJ"}

package/dist/components/Table/BaseTable/Collection/useTableCollection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableCollection.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/useTableCollection.tsx"],"sourcesContent":["import { useMemo, isValidElement } from \"react\";\nimport type { TableData, TableRowData } from \"../types\";\nimport type { ReactElement } from \"react\";\n\n/*\n * Calculates aria-rowindex from a 0 based `rowIndex` prop.\n */\nexport const calculateAriaRowIndex = (\n  rowIndex: number,\n  isHeaderHidden: boolean = false,\n): number => rowIndex + (isHeaderHidden ? 1 : 2);\n\n/*\n * Calculates aria-colindex from a 0 based `columnIndex` prop.\n */\nexport const calculateAriaColumnIndex = (columnIndex: number): number =>\n  columnIndex + 1;\n\nconst isTableRowData = (\n  row: TableRowData | ReactElement,\n): row is TableRowData => {\n  return !isValidElement(row) && typeof row === \"object\" && \"cells\" in row;\n};\n\n/**\n * Hook for managing table data structure and providing navigation methods\n */\nexport const useTableCollection = (data: TableData) => {\n  const parsedRows = data.rows.filter(isTableRowData);\n  const directRows = data.rows.filter(isValidElement);\n\n  const isHeaderHidden = data.columns[0]?.isHidden || false;\n  const totalRows =\n    directRows.length > 0 ? directRows.length : parsedRows.length;\n  const getTotalRowCount = totalRows + (isHeaderHidden ? 0 : 1);\n\n  const getRowAriaIndex = useMemo(\n    () => (rowIndex: number) => calculateAriaRowIndex(rowIndex, isHeaderHidden),\n    [isHeaderHidden],\n  );\n\n  const getColumnAriaIndex = useMemo(\n    () => (columnIndex: number) => calculateAriaColumnIndex(columnIndex),\n    [],\n  );\n\n  return {\n    // Data\n    columns: data.columns,\n    rows: data.rows,\n    // ARIA helpers\n    isHeaderHidden,\n    getTotalRowCount,\n    getRowAriaIndex,\n    getColumnAriaIndex,\n  };\n};\n\nexport type TableCollection = ReturnType<typeof useTableCollection>;\n"],"names":["calculateAriaRowIndex","rowIndex","isHeaderHidden","calculateAriaColumnIndex","columnIndex","isTableRowData","row","isValidElement","useTableCollection","data","parsedRows","directRows","_a","getTotalRowCount","getRowAriaIndex","useMemo","getColumnAriaIndex"],"mappings":";AAOO,MAAMA,IAAwB,CACnCC,GACAC,IAA0B,OACfD,KAAYC,IAAiB,IAAI,IAKjCC,IAA2B,CAACC,MACvCA,IAAc,GAEVC,IAAiB,CACrBC,MAEO,CAACC,EAAeD,CAAG,KAAK,OAAOA,KAAQ,YAAY,WAAWA,GAM1DE,IAAqB,CAACC,MAAoB;;AACrD,QAAMC,IAAaD,EAAK,KAAK,OAAOJ,CAAc,GAC5CM,IAAaF,EAAK,KAAK,OAAOF,CAAc,GAE5CL,MAAiBU,IAAAH,EAAK,QAAQ,CAAC,MAAd,gBAAAG,EAAiB,aAAY,IAG9CC,KADJF,EAAW,SAAS,IAAIA,EAAW,SAASD,EAAW,WACnBR,IAAiB,IAAI,IAErDY,IAAkBC;AAAA,IACtB,MAAM,CAACd,MAAqBD,EAAsBC,GAAUC,CAAc;AAAA,IAC1E,CAACA,CAAc;AAAA,EAAA,GAGXc,IAAqBD;AAAA,IACzB,MAAM,CAACX,MAAwBD,EAAyBC,CAAW;AAAA,IACnE,CAAC;AAAA,EAAA;AAGI,SAAA;AAAA;AAAA,IAEL,SAASK,EAAK;AAAA,IACd,MAAMA,EAAK;AAAA;AAAA,IAEX,gBAAAP;AAAA,IACA,kBAAAW;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useTableCollection.es.js","sources":["../../../../../src/components/Table/BaseTable/Collection/useTableCollection.tsx"],"sourcesContent":["import { useMemo, isValidElement } from \"react\";\nimport type { TableData, TableRowData } from \"../types\";\nimport type { ReactElement } from \"react\";\n\n/*\n * Calculates aria-rowindex from a 0 based `rowIndex` prop.\n */\nexport const calculateAriaRowIndex = (\n  rowIndex: number,\n  isHeaderHidden: boolean = false,\n): number => rowIndex + (isHeaderHidden ? 1 : 2);\n\n/*\n * Calculates aria-colindex from a 0 based `columnIndex` prop.\n */\nexport const calculateAriaColumnIndex = (columnIndex: number): number =>\n  columnIndex + 1;\n\nconst isTableRowData = (\n  row: TableRowData | ReactElement,\n): row is TableRowData => {\n  return !isValidElement(row) && typeof row === \"object\" && \"cells\" in row;\n};\n\n/**\n * Hook for managing table data structure and providing navigation methods\n */\nexport const useTableCollection = (data: TableData) => {\n  const parsedRows = data.rows.filter(isTableRowData);\n  const directRows = data.rows.filter(isValidElement);\n\n  const isHeaderHidden = data.columns[0]?.isHidden || false;\n  const totalRows =\n    directRows.length > 0 ? directRows.length : parsedRows.length;\n  const getTotalRowCount = totalRows + (isHeaderHidden ? 0 : 1);\n\n  const getRowAriaIndex = useMemo(\n    () => (rowIndex: number) => calculateAriaRowIndex(rowIndex, isHeaderHidden),\n    [isHeaderHidden],\n  );\n\n  const getColumnAriaIndex = useMemo(\n    () => (columnIndex: number) => calculateAriaColumnIndex(columnIndex),\n    [],\n  );\n\n  return {\n    // Data\n    columns: data.columns,\n    rows: data.rows,\n    // ARIA helpers\n    isHeaderHidden,\n    getTotalRowCount,\n    getRowAriaIndex,\n    getColumnAriaIndex,\n  };\n};\n\nexport type TableCollection = ReturnType<typeof useTableCollection>;\n"],"names":["calculateAriaRowIndex","rowIndex","isHeaderHidden","calculateAriaColumnIndex","columnIndex","isTableRowData","row","isValidElement","useTableCollection","data","parsedRows","directRows","_a","getTotalRowCount","getRowAriaIndex","useMemo","getColumnAriaIndex"],"mappings":";AAOO,MAAMA,IAAwB,CACnCC,GACAC,IAA0B,OACfD,KAAYC,IAAiB,IAAI,IAKjCC,IAA2B,CAACC,MACvCA,IAAc,GAEVC,IAAiB,CACrBC,MAEO,CAACC,EAAeD,CAAG,KAAK,OAAOA,KAAQ,YAAY,WAAWA,GAM1DE,IAAqB,CAACC,MAAoB;;AACrD,QAAMC,IAAaD,EAAK,KAAK,OAAOJ,CAAc,GAC5CM,IAAaF,EAAK,KAAK,OAAOF,CAAc,GAE5CL,MAAiBU,IAAAH,EAAK,QAAQ,CAAC,MAAd,gBAAAG,EAAiB,aAAY,IAG9CC,KADJF,EAAW,SAAS,IAAIA,EAAW,SAASD,EAAW,WACnBR,IAAiB,IAAI,IAErDY,IAAkBC;AAAA,IACtB,MAAM,CAACd,MAAqBD,EAAsBC,GAAUC,CAAc;AAAA,IAC1E,CAACA,CAAc;AAAA,EAAA,GAGXc,IAAqBD;AAAA,IACzB,MAAM,CAACX,MAAwBD,EAAyBC,CAAW;AAAA,IACnE,CAAA;AAAA,EAAC;AAGH,SAAO;AAAA;AAAA,IAEL,SAASK,EAAK;AAAA,IACd,MAAMA,EAAK;AAAA;AAAA,IAEX,gBAAAP;AAAA,IACA,kBAAAW;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAE;AAAA,EAAA;AAEJ;"}

package/dist/components/Table/BaseTable/Table.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js"),x=require("react"),m=require("./Collection/collectionParser.cjs.js"),r=require("./Collection/CompoundComponents.cjs.js"),C=require("./Collection/useTableCollection.cjs.js"),p=require("./elements/TableRoot.cjs.js"),R=require("./elements/TableHeader.cjs.js"),j=require("./elements/TableHeaderRow.cjs.js"),q=require("./elements/TableHeaderCell.cjs.js"),y=require("./elements/TableBody.cjs.js"),g=require("./elements/TableRow.cjs.js"),H=require("./elements/TableCell.cjs.js");;/* empty css               */const i=({children:d,name:u})=>{const c=m.parseTableChildren(d),o=C.useTableCollection(c);return t.jsxRuntimeExports.jsxs(p.TableRoot,{name:u,rowCount:o.getTotalRowCount,colCount:o.columns.length,children:[t.jsxRuntimeExports.jsx(R.TableHeader,{isHidden:o.isHeaderHidden,children:t.jsxRuntimeExports.jsx(j.TableHeaderRow,{children:o.columns.map((n,l)=>t.jsxRuntimeExports.jsx(q.TableHeaderCell,{colIndex:o.getColumnAriaIndex(l),ariaSort:n.ariaSort,children:n.header},n.key))})}),t.jsxRuntimeExports.jsx(y.TableBody,{children:o.rows.map((n,l)=>{if(x.isValidElement(n))return n;const a=n;return t.jsxRuntimeExports.jsx(g.TableRow,{ariaRowIndex:o.getRowAriaIndex(l),onClick:a.onClick,dataTestId:a.dataTestId,children:o.columns.map((s,T)=>{const e=a.cells.find(b=>b.columnKey===s.key);return t.jsxRuntimeExports.jsx(H.TableCell,{columnIndex:o.getColumnAriaIndex(T),columnSpan:e==null?void 0:e.colSpan,dataTestId:e==null?void 0:e.dataTestId,textAlign:e==null?void 0:e.textAlign,children:(e==null?void 0:e.value)??""},s.key)})},a.key)})})]})};i.displayName="ProtonUITable";const I=Object.assign(i,{Header:r.TableHeaderCompound,Column:r.TableColumnCompound,Body:r.TableBodyCompound,Row:r.TableRowCompound,Cell:r.TableCellCompound});exports.Table=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js"),x=require("react"),m=require("./Collection/collectionParser.cjs.js"),r=require("./Collection/CompoundComponents.cjs.js"),C=require("./Collection/useTableCollection.cjs.js"),p=require("./elements/TableRoot.cjs.js"),R=require("./elements/TableHeader.cjs.js"),j=require("./elements/TableHeaderRow.cjs.js"),q=require("./elements/TableHeaderCell.cjs.js"),y=require("./elements/TableBody.cjs.js"),H=require("./elements/TableRow.cjs.js"),I=require("./elements/TableCell.cjs.js");;/* empty css               */const i=({children:d,name:u})=>{const c=m.parseTableChildren(d),o=C.useTableCollection(c);return t.jsxRuntimeExports.jsxs(p.TableRoot,{name:u,rowCount:o.getTotalRowCount,colCount:o.columns.length,children:[t.jsxRuntimeExports.jsx(R.TableHeader,{isHidden:o.isHeaderHidden,children:t.jsxRuntimeExports.jsx(j.TableHeaderRow,{children:o.columns.map((n,l)=>t.jsxRuntimeExports.jsx(q.TableHeaderCell,{colIndex:o.getColumnAriaIndex(l),ariaSort:n.ariaSort,children:n.header},n.key))})}),t.jsxRuntimeExports.jsx(y.TableBody,{children:o.rows.map((n,l)=>{if(x.isValidElement(n))return n;const a=n;return t.jsxRuntimeExports.jsx(H.TableRow,{ariaRowIndex:o.getRowAriaIndex(l),onClick:a.onClick,dataTestId:a.dataTestId,children:o.columns.map((s,T)=>{const e=a.cells.find(b=>b.columnKey===s.key);return t.jsxRuntimeExports.jsx(I.TableCell,{columnIndex:o.getColumnAriaIndex(T),columnSpan:e==null?void 0:e.colSpan,dataTestId:e==null?void 0:e.dataTestId,textAlign:e==null?void 0:e.textAlign,children:(e==null?void 0:e.value)??""},s.key)})},a.key)})})]})};i.displayName="ProtonUITable";const g=Object.assign(i,{Header:r.TableHeaderCompound,Column:r.TableColumnCompound,Body:r.TableBodyCompound,Row:r.TableRowCompound,Cell:r.TableCellCompound});exports.Table=g;
 //# sourceMappingURL=Table.cjs.js.map

package/dist/components/Table/BaseTable/Table.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"woBAyCA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAuB,CACnD,MAAAC,EAAuBC,qBAAmBH,CAAQ,EAClDI,EAAaC,qBAAmBH,CAAS,EAG7C,OAAAI,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,KAAAN,EACA,SAAUG,EAAW,iBACrB,SAAUA,EAAW,QAAQ,OAG7B,SAAA,CAACI,EAAA,kBAAA,IAAAC,EAAA,YAAA,CAAY,SAAUL,EAAW,eAChC,SAAAI,EAAA,kBAAA,IAACE,EACE,eAAA,CAAA,SAAAN,EAAW,QAAQ,IAAI,CAACO,EAAQC,IAC/BJ,EAAA,kBAAA,IAACK,EAAA,gBAAA,CAEC,SAAUT,EAAW,mBAAmBQ,CAAK,EAC7C,SAAUD,EAAO,SAEhB,SAAOA,EAAA,MAAA,EAJHA,EAAO,GAAA,CAMf,EACH,CACF,CAAA,0BAGCG,EAAAA,UACE,CAAA,SAAAV,EAAW,KAAK,IAAI,CAACW,EAAKC,IAAa,CAClC,GAAAC,iBAAeF,CAAG,EAAU,OAAAA,EAEhC,MAAMG,EAAWH,EAGf,OAAAP,EAAA,kBAAA,IAACW,EAAA,SAAA,CAEC,aAAcf,EAAW,gBAAgBY,CAAQ,EACjD,QAASE,EAAS,QAClB,WAAYA,EAAS,WAEpB,SAAWd,EAAA,QAAQ,IAAI,CAACO,EAAQS,IAAa,CACtC,MAAAC,EAAOH,EAAS,MAAM,KACzBI,GAAMA,EAAE,YAAcX,EAAO,GAAA,EAI9B,OAAAH,EAAA,kBAAA,IAACe,EAAA,UAAA,CAEC,YAAanB,EAAW,mBAAmBgB,CAAQ,EACnD,WAAYC,GAAA,YAAAA,EAAM,QAClB,WAAYA,GAAA,YAAAA,EAAM,WAClB,UAAWA,GAAA,YAAAA,EAAM,UAEhB,2BAAM,QAAS,EAAA,EANXV,EAAO,GAAA,CAOd,CAEH,CAAA,EArBIO,EAAS,GAAA,CAwBnB,CAAA,EACH,CAAA,CAAA,CAAA,CAGN,EAEAnB,EAAe,YAAc,gBAwFvB,MAAAyB,EAAQ,OAAO,OAAOzB,EAAgB,CAE1C,OAAQ0B,EAAA,oBAER,OAAQC,EAAA,oBAER,KAAMC,EAAA,kBAEN,IAAKC,EAAA,iBAEL,KAAMC,EAAA,iBACR,CAAC"}
+{"version":3,"file":"Table.cjs.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"woBAyCA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAuB,CACzD,MAAMC,EAAuBC,EAAAA,mBAAmBH,CAAQ,EAClDI,EAAaC,EAAAA,mBAAmBH,CAAS,EAE/C,OACEI,EAAAA,kBAAAA,KAACC,EAAAA,UAAA,CACC,KAAAN,EACA,SAAUG,EAAW,iBACrB,SAAUA,EAAW,QAAQ,OAG7B,SAAA,CAAAI,EAAAA,kBAAAA,IAACC,EAAAA,YAAA,CAAY,SAAUL,EAAW,eAChC,SAAAI,EAAAA,kBAAAA,IAACE,EAAAA,eAAA,CACE,SAAAN,EAAW,QAAQ,IAAI,CAACO,EAAQC,IAC/BJ,EAAAA,kBAAAA,IAACK,EAAAA,gBAAA,CAEC,SAAUT,EAAW,mBAAmBQ,CAAK,EAC7C,SAAUD,EAAO,SAEhB,SAAAA,EAAO,MAAA,EAJHA,EAAO,GAAA,CAMf,EACH,CAAA,CACF,0BAGCG,EAAAA,UAAA,CACE,SAAAV,EAAW,KAAK,IAAI,CAACW,EAAKC,IAAa,CACtC,GAAIC,EAAAA,eAAeF,CAAG,EAAG,OAAOA,EAEhC,MAAMG,EAAWH,EAEjB,OACEP,EAAAA,kBAAAA,IAACW,EAAAA,SAAA,CAEC,aAAcf,EAAW,gBAAgBY,CAAQ,EACjD,QAASE,EAAS,QAClB,WAAYA,EAAS,WAEpB,SAAAd,EAAW,QAAQ,IAAI,CAACO,EAAQS,IAAa,CAC5C,MAAMC,EAAOH,EAAS,MAAM,KACzBI,GAAMA,EAAE,YAAcX,EAAO,GAAA,EAGhC,OACEH,EAAAA,kBAAAA,IAACe,EAAAA,UAAA,CAEC,YAAanB,EAAW,mBAAmBgB,CAAQ,EACnD,WAAYC,GAAA,YAAAA,EAAM,QAClB,WAAYA,GAAA,YAAAA,EAAM,WAClB,UAAWA,GAAA,YAAAA,EAAM,UAEhB,2BAAM,QAAS,EAAA,EANXV,EAAO,GAAA,CASlB,CAAC,CAAA,EArBIO,EAAS,GAAA,CAwBpB,CAAC,CAAA,CACH,CAAA,CAAA,CAAA,CAGN,EAEAnB,EAAe,YAAc,gBAwF7B,MAAMyB,EAAQ,OAAO,OAAOzB,EAAgB,CAE1C,OAAQ0B,EAAAA,oBAER,OAAQC,EAAAA,oBAER,KAAMC,EAAAA,kBAEN,IAAKC,EAAAA,iBAEL,KAAMC,EAAAA,iBACR,CAAC"}

package/dist/components/Table/BaseTable/Table.es.js

@@ -1,7 +1,7 @@
 import { j as t } from "../../../node_modules/react/jsx-runtime.es.js";
 import { isValidElement as T } from "react";
 import { parseTableChildren as C } from "./Collection/collectionParser.es.js";
-import { TableHeaderCompound as b, TableColumnCompound as c, TableBodyCompound as x, TableRowCompound as f, TableCellCompound as I } from "./Collection/CompoundComponents.es.js";
+import { TableCellCompound as b, TableRowCompound as c, TableBodyCompound as x, TableColumnCompound as f, TableHeaderCompound as I } from "./Collection/CompoundComponents.es.js";
 import { useTableCollection as h } from "./Collection/useTableCollection.es.js";
 import { TableRoot as j } from "./elements/TableRoot.es.js";
 import { TableHeader as R } from "./elements/TableHeader.es.js";
@@ -65,15 +65,15 @@ const d = ({ children: i, name: m }) => {
 d.displayName = "ProtonUITable";
 const z = Object.assign(d, {
   /** Table header: {@link CompoundHeaderProps} */
-  Header: b,
+  Header: I,
   /** Table column: {@link CompoundColumnProps} */
-  Column: c,
+  Column: f,
   /** Table body: {@link CompoundBodyProps} */
   Body: x,
   /** Table row: {@link CompoundRowProps} */
-  Row: f,
+  Row: c,
   /** Table cell: {@link CompoundCellProps} */
-  Cell: I
+  Cell: b
 });
 export {
   z as Table

package/dist/components/Table/BaseTable/Table.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.es.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":";;;;;;;;;;;;;AAyCA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAuB;AACnD,QAAAC,IAAuBC,EAAmBH,CAAQ,GAClDI,IAAaC,EAAmBH,CAAS;AAG7C,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,UAAUG,EAAW;AAAA,MACrB,UAAUA,EAAW,QAAQ;AAAA,MAG7B,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAAC,GAAA,EAAY,UAAUL,EAAW,gBAChC,UAAAI,gBAAAA,EAAA,IAACE,GACE,EAAA,UAAAN,EAAW,QAAQ,IAAI,CAACO,GAAQC,MAC/BJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,UAAUT,EAAW,mBAAmBQ,CAAK;AAAA,YAC7C,UAAUD,EAAO;AAAA,YAEhB,UAAOA,EAAA;AAAA,UAAA;AAAA,UAJHA,EAAO;AAAA,QAAA,CAMf,GACH,EACF,CAAA;AAAA,8BAGCG,GACE,EAAA,UAAAV,EAAW,KAAK,IAAI,CAACW,GAAKC,MAAa;AAClC,cAAAC,EAAeF,CAAG,EAAU,QAAAA;AAEhC,gBAAMG,IAAWH;AAGf,iBAAAP,gBAAAA,EAAA;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,cAAcf,EAAW,gBAAgBY,CAAQ;AAAA,cACjD,SAASE,EAAS;AAAA,cAClB,YAAYA,EAAS;AAAA,cAEpB,UAAWd,EAAA,QAAQ,IAAI,CAACO,GAAQS,MAAa;AACtC,sBAAAC,IAAOH,EAAS,MAAM;AAAA,kBAC1B,CAACI,MAAMA,EAAE,cAAcX,EAAO;AAAA,gBAAA;AAI9B,uBAAAH,gBAAAA,EAAA;AAAA,kBAACe;AAAA,kBAAA;AAAA,oBAEC,aAAanB,EAAW,mBAAmBgB,CAAQ;AAAA,oBACnD,YAAYC,KAAA,gBAAAA,EAAM;AAAA,oBAClB,YAAYA,KAAA,gBAAAA,EAAM;AAAA,oBAClB,WAAWA,KAAA,gBAAAA,EAAM;AAAA,oBAEhB,kCAAM,UAAS;AAAA,kBAAA;AAAA,kBANXV,EAAO;AAAA,gBAAA;AAAA,cAOd,CAEH;AAAA,YAAA;AAAA,YArBIO,EAAS;AAAA,UAAA;AAAA,QAwBnB,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAnB,EAAe,cAAc;AAwFvB,MAAAyB,IAAQ,OAAO,OAAOzB,GAAgB;AAAA;AAAA,EAE1C,QAAQ0B;AAAA;AAAA,EAER,QAAQC;AAAA;AAAA,EAER,MAAMC;AAAA;AAAA,EAEN,KAAKC;AAAA;AAAA,EAEL,MAAMC;AACR,CAAC;"}
+{"version":3,"file":"Table.es.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":";;;;;;;;;;;;;AAyCA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAuB;AACzD,QAAMC,IAAuBC,EAAmBH,CAAQ,GAClDI,IAAaC,EAAmBH,CAAS;AAE/C,SACEI,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,UAAUG,EAAW;AAAA,MACrB,UAAUA,EAAW,QAAQ;AAAA,MAG7B,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAACC,GAAA,EAAY,UAAUL,EAAW,gBAChC,UAAAI,gBAAAA,EAAAA,IAACE,GAAA,EACE,UAAAN,EAAW,QAAQ,IAAI,CAACO,GAAQC,MAC/BJ,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YAEC,UAAUT,EAAW,mBAAmBQ,CAAK;AAAA,YAC7C,UAAUD,EAAO;AAAA,YAEhB,UAAAA,EAAO;AAAA,UAAA;AAAA,UAJHA,EAAO;AAAA,QAAA,CAMf,GACH,EAAA,CACF;AAAA,8BAGCG,GAAA,EACE,UAAAV,EAAW,KAAK,IAAI,CAACW,GAAKC,MAAa;AACtC,cAAIC,EAAeF,CAAG,EAAG,QAAOA;AAEhC,gBAAMG,IAAWH;AAEjB,iBACEP,gBAAAA,EAAAA;AAAAA,YAACW;AAAA,YAAA;AAAA,cAEC,cAAcf,EAAW,gBAAgBY,CAAQ;AAAA,cACjD,SAASE,EAAS;AAAA,cAClB,YAAYA,EAAS;AAAA,cAEpB,UAAAd,EAAW,QAAQ,IAAI,CAACO,GAAQS,MAAa;AAC5C,sBAAMC,IAAOH,EAAS,MAAM;AAAA,kBAC1B,CAACI,MAAMA,EAAE,cAAcX,EAAO;AAAA,gBAAA;AAGhC,uBACEH,gBAAAA,EAAAA;AAAAA,kBAACe;AAAA,kBAAA;AAAA,oBAEC,aAAanB,EAAW,mBAAmBgB,CAAQ;AAAA,oBACnD,YAAYC,KAAA,gBAAAA,EAAM;AAAA,oBAClB,YAAYA,KAAA,gBAAAA,EAAM;AAAA,oBAClB,WAAWA,KAAA,gBAAAA,EAAM;AAAA,oBAEhB,kCAAM,UAAS;AAAA,kBAAA;AAAA,kBANXV,EAAO;AAAA,gBAAA;AAAA,cASlB,CAAC;AAAA,YAAA;AAAA,YArBIO,EAAS;AAAA,UAAA;AAAA,QAwBpB,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAnB,EAAe,cAAc;AAwF7B,MAAMyB,IAAQ,OAAO,OAAOzB,GAAgB;AAAA;AAAA,EAE1C,QAAQ0B;AAAA;AAAA,EAER,QAAQC;AAAA;AAAA,EAER,MAAMC;AAAA;AAAA,EAEN,KAAKC;AAAA;AAAA,EAEL,MAAMC;AACR,CAAC;"}

package/dist/components/Table/BaseTable/elements/TableBody.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableBodyProps {\n  /** Table row content */\n  children: ReactNode;\n}\n\n/**\n * Table body element (`<tbody>`) with styling and ARIA attributes.\n *\n * @see {@link TableBodyProps}\n */\nexport const TableBody = ({ children }: TableBodyProps) => {\n  return (\n    <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n      {children}\n    </tbody>\n  );\n};\n\nTableBody.displayName = \"ProtonUITableBody\";\n"],"names":["TableBody","children"],"mappings":"qJAYaA,EAAY,CAAC,CAAE,SAAAC,6BAEvB,QAAM,CAAA,UAAU,qBAAqB,KAAK,WACxC,SAAAA,CACH,CAAA,EAIJD,EAAU,YAAc"}
+{"version":3,"file":"TableBody.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableBodyProps {\n  /** Table row content */\n  children: ReactNode;\n}\n\n/**\n * Table body element (`<tbody>`) with styling and ARIA attributes.\n *\n * @see {@link TableBodyProps}\n */\nexport const TableBody = ({ children }: TableBodyProps) => {\n  return (\n    <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n      {children}\n    </tbody>\n  );\n};\n\nTableBody.displayName = \"ProtonUITableBody\";\n"],"names":["TableBody","children"],"mappings":"qJAYaA,EAAY,CAAC,CAAE,SAAAC,6BAEvB,QAAA,CAAM,UAAU,qBAAqB,KAAK,WACxC,SAAAA,EACH,EAIJD,EAAU,YAAc"}

package/dist/components/Table/BaseTable/elements/TableBody.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableBodyProps {\n  /** Table row content */\n  children: ReactNode;\n}\n\n/**\n * Table body element (`<tbody>`) with styling and ARIA attributes.\n *\n * @see {@link TableBodyProps}\n */\nexport const TableBody = ({ children }: TableBodyProps) => {\n  return (\n    <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n      {children}\n    </tbody>\n  );\n};\n\nTableBody.displayName = \"ProtonUITableBody\";\n"],"names":["TableBody","children"],"mappings":";AAYO,MAAMA,IAAY,CAAC,EAAE,UAAAC,8BAEvB,SAAM,EAAA,WAAU,sBAAqB,MAAK,YACxC,UAAAA,EACH,CAAA;AAIJD,EAAU,cAAc;"}
+{"version":3,"file":"TableBody.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableBodyProps {\n  /** Table row content */\n  children: ReactNode;\n}\n\n/**\n * Table body element (`<tbody>`) with styling and ARIA attributes.\n *\n * @see {@link TableBodyProps}\n */\nexport const TableBody = ({ children }: TableBodyProps) => {\n  return (\n    <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n      {children}\n    </tbody>\n  );\n};\n\nTableBody.displayName = \"ProtonUITableBody\";\n"],"names":["TableBody","children"],"mappings":";AAYO,MAAMA,IAAY,CAAC,EAAE,UAAAC,8BAEvB,SAAA,EAAM,WAAU,sBAAqB,MAAK,YACxC,UAAAA,GACH;AAIJD,EAAU,cAAc;"}

package/dist/components/Table/BaseTable/elements/TableCell.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":"kMAqBaA,EAAY,CAAC,CACxB,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,IAAC,KAAA,CACC,UAAWC,EAAA,IACT,qBACAF,GAAa,uBAAuBA,CAAS,EAC/C,EACA,KAAK,OACL,gBAAeJ,EACf,QAASE,EACT,cAAaC,EAEZ,SAAAF,CAAA,CAAA,EAKPF,EAAU,YAAc"}
+{"version":3,"file":"TableCell.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":"kMAqBaA,EAAY,CAAC,CACxB,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAEIC,EAAAA,kBAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,IACT,qBACAF,GAAa,uBAAuBA,CAAS,EAAA,EAE/C,KAAK,OACL,gBAAeJ,EACf,QAASE,EACT,cAAaC,EAEZ,SAAAF,CAAA,CAAA,EAKPF,EAAU,YAAc"}

package/dist/components/Table/BaseTable/elements/TableCell.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":";;AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF,KAAa,uBAAuBA,CAAS;AAAA,IAC/C;AAAA,IACA,MAAK;AAAA,IACL,iBAAeJ;AAAA,IACf,SAASE;AAAA,IACT,eAAaC;AAAA,IAEZ,UAAAF;AAAA,EAAA;AAAA;AAKPF,EAAU,cAAc;"}
+{"version":3,"file":"TableCell.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":";;AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF,KAAa,uBAAuBA,CAAS;AAAA,IAAA;AAAA,IAE/C,MAAK;AAAA,IACL,iBAAeJ;AAAA,IACf,SAASE;AAAA,IACT,eAAaC;AAAA,IAEZ,UAAAF;AAAA,EAAA;AAAA;AAKPF,EAAU,cAAc;"}