@protonradio/proton-ui 0.11.10 → 0.11.12

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

@@ -0,0 +1,228 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.es.js";
+import { forwardRef as C, useState as w, useRef as M, useEffect as L } from "react";
+import { Select as n } from "radix-ui";
+import { useBreakpoint as P } from "../../hooks/useBreakpoint.es.js";
+import { ActionMenu as V } from "../ActionMenu/ActionMenu.es.js";
+/* empty css              */
+/* empty css                  */
+import { useTheme as A } from "../ThemeProvider.es.js";
+import { csx as x } from "../../utils/string.es.js";
+import { BREAKPOINTS as U } from "../../constants/breakpoint.es.js";
+const g = C(
+  ({ disabled: r, isOpen: c, children: o, onClick: s, isRounded: l, ...a }, f) => /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      ...a,
+      ref: f,
+      disabled: r,
+      onClick: s,
+      className: x(
+        "proton-Select__trigger",
+        r && "proton-Select__trigger--disabled",
+        !c && "proton-Select__trigger--closed",
+        c && "proton-Select__trigger--opened",
+        l && "proton-Select__trigger--rounded"
+      ),
+      children: o
+    }
+  )
+);
+g.displayName = "ProtonUISelectButton";
+function z({
+  label: r,
+  name: c,
+  isDisabled: o,
+  disabledKeys: s,
+  selectedKey: l,
+  onSelectionChange: a,
+  defaultSelectedKey: f,
+  onOpen: _,
+  onClose: m,
+  items: j,
+  isRounded: S = !1,
+  "data-testid": v
+}) {
+  const [i, u] = w(!1), [b, N] = w(
+    l || f || ""
+  ), { className: y, style: B } = A(), E = P(U.MEDIUM), I = M(null), d = M(null), p = l !== void 0 ? l : b, h = j.find((t) => t.key === p), k = (t) => {
+    l === void 0 && N(t), a == null || a(t), d.current && (d.current.value = t, d.current.dispatchEvent(
+      new Event("change", { bubbles: !0 })
+    ));
+  }, R = (t) => {
+    u(t), t ? _ == null || _() : m == null || m();
+  };
+  L(() => {
+    l !== void 0 && N(l);
+  }, [l]);
+  const T = j.map((t) => ({
+    key: t.key,
+    label: t.label,
+    to: t.to,
+    onAction: () => {
+      k(t.key), u(!1);
+    }
+  }));
+  return E ? /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "proton-Select",
+      "aria-label": r || c,
+      "aria-disabled": o,
+      children: [
+        r && /* @__PURE__ */ e.jsx("div", { className: "proton-Select__label", "data-testid": "select-label", children: r }),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: d,
+            type: "hidden",
+            name: c,
+            value: p,
+            "data-testid": "hidden-select-container"
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          g,
+          {
+            isOpen: i,
+            isRounded: S,
+            ref: I,
+            disabled: o,
+            "data-testid": v,
+            onClick: () => u(!0),
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "proton-Select__value", children: h ? h.label : "Select an option" }),
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: x(
+                    "proton-Select__trigger_icon",
+                    i && "proton-Select__trigger_icon--flipped"
+                  ),
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ e.jsxs("svg", { id: "caret-down", viewBox: "0 0 512 512", children: [
+                    /* @__PURE__ */ e.jsx("title", { children: i ? "caret down" : "caret up" }),
+                    /* @__PURE__ */ e.jsx(
+                      "path",
+                      {
+                        fill: "currentColor",
+                        d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
+                      }
+                    )
+                  ] })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          V,
+          {
+            isOpen: i,
+            onClose: () => u(!1),
+            actions: T,
+            selectedKeys: [p],
+            disabledKeys: s
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "proton-Select",
+      "aria-label": r || c,
+      "aria-disabled": o,
+      children: [
+        r && /* @__PURE__ */ e.jsx("div", { className: "proton-Select__label", "data-testid": "select-label", children: r }),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: d,
+            type: "hidden",
+            name: c,
+            value: p,
+            "data-testid": "hidden-select-container"
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          n.Root,
+          {
+            value: p,
+            onValueChange: k,
+            onOpenChange: R,
+            disabled: o,
+            children: [
+              /* @__PURE__ */ e.jsx(n.Trigger, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+                g,
+                {
+                  isRounded: S,
+                  isOpen: i,
+                  ref: I,
+                  disabled: o,
+                  "data-testid": v,
+                  children: [
+                    /* @__PURE__ */ e.jsx(
+                      n.Value,
+                      {
+                        className: "proton-Select__value",
+                        placeholder: "Select an option",
+                        children: h ? h.label : "Select an option"
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx(n.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                      "div",
+                      {
+                        className: x(
+                          "proton-Select__trigger_icon",
+                          i && "proton-Select__trigger_icon--flipped"
+                        ),
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ e.jsxs("svg", { id: "caret-down", viewBox: "0 0 512 512", children: [
+                          /* @__PURE__ */ e.jsx("title", { children: i ? "caret down" : "caret up" }),
+                          /* @__PURE__ */ e.jsx(
+                            "path",
+                            {
+                              fill: "currentColor",
+                              d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
+                            }
+                          )
+                        ] })
+                      }
+                    ) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(n.Portal, { children: /* @__PURE__ */ e.jsx(
+                n.Content,
+                {
+                  className: x(
+                    "proton-Menu",
+                    "proton-MenuTrigger__menu",
+                    y
+                  ),
+                  style: B,
+                  position: "popper",
+                  children: /* @__PURE__ */ e.jsx(n.Viewport, { children: j.map((t) => /* @__PURE__ */ e.jsx(
+                    n.Item,
+                    {
+                      value: t.key,
+                      disabled: s == null ? void 0 : s.includes(t.key),
+                      className: "proton-Menu__item",
+                      children: /* @__PURE__ */ e.jsx(n.ItemText, { children: t.label })
+                    },
+                    t.key
+                  )) })
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+z.displayName = "ProtonUISelect";
+export {
+  z as Select
+};
+//# sourceMappingURL=Select.es.js.map

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

@@ -0,0 +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} from \"react\";\nimport { Select as RadixSelect } from \"radix-ui\";\n\nimport { BREAKPOINTS } from \"../../constants\";\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\nimport { csx } from \"../../utils\";\nimport { ActionMenu, ActionMenuAction } from \"../ActionMenu/ActionMenu\";\n\nimport \"./Select.css\";\nimport \"../Menu/Menu.css\";\nimport { useTheme } from \"../ThemeProvider\";\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.\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            <svg id=\"caret-down\" viewBox=\"0 0 512 512\">\n              <title>{isOpen ? \"caret down\" : \"caret up\"}</title>\n              <path\n                fill=\"currentColor\"\n                d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"\n              />\n            </svg>\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                <svg id=\"caret-down\" viewBox=\"0 0 512 512\">\n                  <title>{isOpen ? \"caret down\" : \"caret up\"}</title>\n                  <path\n                    fill=\"currentColor\"\n                    d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"\n                  />\n                </svg>\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 React.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","ActionMenu","RadixSelect"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../node_modules/react/jsx-runtime.cjs.js"),a=require("react"),d=require("../../node_modules/@react-aria/switch/dist/useSwitch.cjs.js"),r=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=a.useRef(null),i=c.useToggleState(s),{inputProps:n}=d.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(r.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;
+//# sourceMappingURL=Switch.cjs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,40 @@
+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";
+/* 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",
+    {
+      className: n(
+        "proton-Switch",
+        e.isDisabled && "proton-Switch--disabled",
+        t.isSelected && "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 })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  j as Switch
+};
+//# sourceMappingURL=Switch.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=({...l})=>null,r=({...l})=>null,o=({...l})=>null,n=({...l})=>null,t=({...l})=>null;exports.TableBody=o;exports.TableCell=t;exports.TableColumn=r;exports.TableHeader=e;exports.TableRow=n;
+//# sourceMappingURL=CompoundComponents.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundComponents.cjs.js","sources":["../../../../src/components/Table/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<TableColumnProps, typeof TableColumn>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRow>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCell>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\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[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeader = ({ ...props }: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumn = ({ ...props }: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBody = ({ ...props }: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRow = ({ ...props }: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCell = ({ ...props }: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeader","props","TableColumn","TableBody","TableRow","TableCell"],"mappings":"gFAuCO,MAAMA,EAAc,CAAC,CAAE,GAAGC,KACxB,KAGIC,EAAc,CAAC,CAAE,GAAGD,KACxB,KAGIE,EAAY,CAAC,CAAE,GAAGF,KACtB,KAGIG,EAAW,CAAC,CAAE,GAAGH,KACrB,KAGII,EAAY,CAAC,CAAE,GAAGJ,KACtB"}

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

@@ -0,0 +1,9 @@
+const r = ({ ...l }) => null, n = ({ ...l }) => null, e = ({ ...l }) => null, o = ({ ...l }) => null, p = ({ ...l }) => null;
+export {
+  e as TableBody,
+  p as TableCell,
+  n as TableColumn,
+  r as TableHeader,
+  o as TableRow
+};
+//# sourceMappingURL=CompoundComponents.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundComponents.es.js","sources":["../../../../src/components/Table/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<TableColumnProps, typeof TableColumn>;\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRow>;\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCell>;\n\nexport interface TableHeaderProps {\n  children: TableColumnElement | TableColumnElement[];\n  isHidden?: boolean;\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[];\n}\n\nexport interface TableRowProps {\n  key?: string | number;\n  children: TableCellElement | TableCellElement[];\n  onClick?: () => void;\n}\n\nexport interface TableCellProps {\n  columnKey?: string;\n  children?: ReactNode;\n  colSpan?: number;\n}\n\n// Type-safe component definitions that enforce proper children\nexport const TableHeader = ({ ...props }: TableHeaderProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableColumn = ({ ...props }: TableColumnProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableBody = ({ ...props }: TableBodyProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableRow = ({ ...props }: TableRowProps) => {\n  return null; // This is just a marker component for parsing\n};\n\nexport const TableCell = ({ ...props }: TableCellProps) => {\n  return null; // This is just a marker component for parsing\n};\n"],"names":["TableHeader","props","TableColumn","TableBody","TableRow","TableCell"],"mappings":"AAuCO,MAAMA,IAAc,CAAC,EAAE,GAAGC,QACxB,MAGIC,IAAc,CAAC,EAAE,GAAGD,QACxB,MAGIE,IAAY,CAAC,EAAE,GAAGF,QACtB,MAGIG,IAAW,CAAC,EAAE,GAAGH,QACrB,MAGII,IAAY,CAAC,EAAE,GAAGJ,QACtB;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("./CompoundComponents.cjs.js");function i(a,o){return a.type===o}function m(a){const o=[],c=[];return n.Children.forEach(a,s=>{if(n.isValidElement(s)){if(i(s,t.TableHeader)){const l=s.props;n.Children.forEach(l.children,e=>{if(n.isValidElement(e)&&i(e,t.TableColumn)){const r=e.props;o.push({key:r.id,header:r.children,isHidden:l.isHidden||!1,ariaSort:r["aria-sort"]})}})}if(i(s,t.TableBody)){const l=s.props;n.Children.forEach(l.children,e=>{if(n.isValidElement(e)&&i(e,t.TableRow)){const r=e.props,u=[];let f=0;n.Children.forEach(r.children,p=>{var y;if(n.isValidElement(p)&&i(p,t.TableCell)){const d=p.props,b=d.columnKey||((y=o[f])==null?void 0:y.key);b&&u.push({columnKey:b,value:d.children,colSpan:d.colSpan}),f++}}),c.push({key:e.key||r.key||String(c.length),cells:u,onClick:r.onClick})}})}}}),{columns:o,rows:c}}exports.parseTableChildren=m;
+//# sourceMappingURL=collectionParser.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collectionParser.cjs.js","sources":["../../../../src/components/Table/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeader,\n  TableColumn as TableColumnComp,\n  TableBody,\n  TableRow as TableRowComp,\n  TableCell as TableCellComp,\n  type TableHeaderProps,\n  type TableColumnProps,\n  type TableBodyProps,\n  type TableRowProps,\n  type TableCellProps,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nfunction isComponentType(\n  element: ReactElement,\n  componentType: ComponentType<any>\n): boolean {\n  return element.type === componentType;\n}\n\n/**\n * Parses JSX table structure into collection data format\n */\nexport function parseTableChildren(children: ReactNode): TableData {\n  const columns: TableColumnData[] = [];\n  const rows: TableRowData[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeader)) {\n      const headerProps = child.props as TableHeaderProps;\n\n      Children.forEach(headerProps.children, (columnChild) => {\n        if (\n          isValidElement(columnChild) &&\n          isComponentType(columnChild, TableColumnComp)\n        ) {\n          const columnProps = columnChild.props as TableColumnProps;\n          columns.push({\n            key: columnProps.id,\n            header: columnProps.children,\n            isHidden: headerProps.isHidden || false,\n            ariaSort: columnProps[\"aria-sort\"],\n          });\n        }\n      });\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBody)) {\n      const bodyProps = child.props as TableBodyProps;\n      Children.forEach(bodyProps.children, (rowChild) => {\n        if (\n          isValidElement(rowChild) &&\n          isComponentType(rowChild, TableRowComp)\n        ) {\n          const rowProps = rowChild.props as TableRowProps;\n          const cells: TableCellData[] = [];\n\n          let cellIndex = 0;\n          Children.forEach(rowProps.children, (cellChild) => {\n            if (\n              isValidElement(cellChild) &&\n              isComponentType(cellChild, TableCellComp)\n            ) {\n              const cellProps = cellChild.props as TableCellProps;\n\n              // Map cell to column by index if no explicit columnKey\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                });\n              }\n              cellIndex++;\n            }\n          });\n\n          rows.push({\n            key:\n              (rowChild.key as string) || rowProps.key || String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n          });\n        }\n      });\n    }\n  });\n\n  return { columns, rows };\n}\n"],"names":["isComponentType","element","componentType","parseTableChildren","children","columns","rows","Children","child","isValidElement","TableHeader","headerProps","columnChild","TableColumnComp","columnProps","TableBody","bodyProps","rowChild","TableRowComp","rowProps","cells","cellIndex","cellChild","TableCellComp","cellProps","columnKey","_a"],"mappings":"kJA2BA,SAASA,EACPC,EACAC,EACS,CACT,OAAOD,EAAQ,OAASC,CAC1B,CAKO,SAASC,EAAmBC,EAAgC,CACjE,MAAMC,EAA6B,CAAA,EAC7BC,EAAuB,CAAA,EAEpBC,OAAAA,EAAAA,SAAA,QAAQH,EAAWI,GAAU,CAChC,GAACC,EAAAA,eAAeD,CAAK,EAGrB,IAAAR,EAAgBQ,EAAOE,EAAAA,WAAW,EAAG,CACvC,MAAMC,EAAcH,EAAM,MAE1BD,EAAAA,SAAS,QAAQI,EAAY,SAAWC,GAAgB,CACtD,GACEH,EAAAA,eAAeG,CAAW,GAC1BZ,EAAgBY,EAAaC,EAAe,WAAA,EAC5C,CACA,MAAMC,EAAcF,EAAY,MAChCP,EAAQ,KAAK,CACX,IAAKS,EAAY,GACjB,OAAQA,EAAY,SACpB,SAAUH,EAAY,UAAY,GAClC,SAAUG,EAAY,WAAW,CAAA,CAClC,CACH,CAAA,CACD,CACH,CAGI,GAAAd,EAAgBQ,EAAOO,EAAAA,SAAS,EAAG,CACrC,MAAMC,EAAYR,EAAM,MACxBD,EAAAA,SAAS,QAAQS,EAAU,SAAWC,GAAa,CACjD,GACER,EAAAA,eAAeQ,CAAQ,GACvBjB,EAAgBiB,EAAUC,EAAY,QAAA,EACtC,CACA,MAAMC,EAAWF,EAAS,MACpBG,EAAyB,CAAA,EAE/B,IAAIC,EAAY,EAChBd,EAAAA,SAAS,QAAQY,EAAS,SAAWG,GAAc,OACjD,GACEb,EAAAA,eAAea,CAAS,GACxBtB,EAAgBsB,EAAWC,EAAa,SAAA,EACxC,CACA,MAAMC,EAAYF,EAAU,MAGtBG,EAAYD,EAAU,aAAaE,EAAArB,EAAQgB,CAAS,IAAjB,YAAAK,EAAoB,KAEzDD,GACFL,EAAM,KAAK,CACT,UAAAK,EACA,MAAOD,EAAU,SACjB,QAASA,EAAU,OAAA,CACpB,EAEHH,GACF,CAAA,CACD,EAEDf,EAAK,KAAK,CACR,IACGW,EAAS,KAAkBE,EAAS,KAAO,OAAOb,EAAK,MAAM,EAChE,MAAAc,EACA,QAASD,EAAS,OAAA,CACnB,CACH,CAAA,CACD,CACH,EAAA,CACD,EAEM,CAAE,QAAAd,EAAS,KAAAC,EACpB"}

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

@@ -0,0 +1,54 @@
+import { Children as t, isValidElement as a } from "react";
+import { TableHeader as b, TableColumn as k, TableBody as T, TableRow as h, TableCell as E } from "./CompoundComponents.es.js";
+function s(c, r) {
+  return c.type === r;
+}
+function H(c) {
+  const r = [], i = [];
+  return t.forEach(c, (n) => {
+    if (a(n)) {
+      if (s(n, b)) {
+        const p = n.props;
+        t.forEach(p.children, (e) => {
+          if (a(e) && s(e, k)) {
+            const o = e.props;
+            r.push({
+              key: o.id,
+              header: o.children,
+              isHidden: p.isHidden || !1,
+              ariaSort: o["aria-sort"]
+            });
+          }
+        });
+      }
+      if (s(n, T)) {
+        const p = n.props;
+        t.forEach(p.children, (e) => {
+          if (a(e) && s(e, h)) {
+            const o = e.props, u = [];
+            let y = 0;
+            t.forEach(o.children, (l) => {
+              var m;
+              if (a(l) && s(l, E)) {
+                const f = l.props, d = f.columnKey || ((m = r[y]) == null ? void 0 : m.key);
+                d && u.push({
+                  columnKey: d,
+                  value: f.children,
+                  colSpan: f.colSpan
+                }), y++;
+              }
+            }), i.push({
+              key: e.key || o.key || String(i.length),
+              cells: u,
+              onClick: o.onClick
+            });
+          }
+        });
+      }
+    }
+  }), { columns: r, rows: i };
+}
+export {
+  H as parseTableChildren
+};
+//# sourceMappingURL=collectionParser.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collectionParser.es.js","sources":["../../../../src/components/Table/Collection/collectionParser.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  ComponentType,\n} from \"react\";\n\nimport {\n  TableHeader,\n  TableColumn as TableColumnComp,\n  TableBody,\n  TableRow as TableRowComp,\n  TableCell as TableCellComp,\n  type TableHeaderProps,\n  type TableColumnProps,\n  type TableBodyProps,\n  type TableRowProps,\n  type TableCellProps,\n} from \"./CompoundComponents\";\nimport type {\n  TableColumnData,\n  TableData,\n  TableRowData,\n  TableCellData,\n} from \"../types\";\n\nfunction isComponentType(\n  element: ReactElement,\n  componentType: ComponentType<any>\n): boolean {\n  return element.type === componentType;\n}\n\n/**\n * Parses JSX table structure into collection data format\n */\nexport function parseTableChildren(children: ReactNode): TableData {\n  const columns: TableColumnData[] = [];\n  const rows: TableRowData[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n\n    // Parse columns from header\n    if (isComponentType(child, TableHeader)) {\n      const headerProps = child.props as TableHeaderProps;\n\n      Children.forEach(headerProps.children, (columnChild) => {\n        if (\n          isValidElement(columnChild) &&\n          isComponentType(columnChild, TableColumnComp)\n        ) {\n          const columnProps = columnChild.props as TableColumnProps;\n          columns.push({\n            key: columnProps.id,\n            header: columnProps.children,\n            isHidden: headerProps.isHidden || false,\n            ariaSort: columnProps[\"aria-sort\"],\n          });\n        }\n      });\n    }\n\n    // Parse rows from body\n    if (isComponentType(child, TableBody)) {\n      const bodyProps = child.props as TableBodyProps;\n      Children.forEach(bodyProps.children, (rowChild) => {\n        if (\n          isValidElement(rowChild) &&\n          isComponentType(rowChild, TableRowComp)\n        ) {\n          const rowProps = rowChild.props as TableRowProps;\n          const cells: TableCellData[] = [];\n\n          let cellIndex = 0;\n          Children.forEach(rowProps.children, (cellChild) => {\n            if (\n              isValidElement(cellChild) &&\n              isComponentType(cellChild, TableCellComp)\n            ) {\n              const cellProps = cellChild.props as TableCellProps;\n\n              // Map cell to column by index if no explicit columnKey\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                });\n              }\n              cellIndex++;\n            }\n          });\n\n          rows.push({\n            key:\n              (rowChild.key as string) || rowProps.key || String(rows.length),\n            cells,\n            onClick: rowProps.onClick,\n          });\n        }\n      });\n    }\n  });\n\n  return { columns, rows };\n}\n"],"names":["isComponentType","element","componentType","parseTableChildren","children","columns","rows","Children","child","isValidElement","TableHeader","headerProps","columnChild","TableColumnComp","columnProps","TableBody","bodyProps","rowChild","TableRowComp","rowProps","cells","cellIndex","cellChild","TableCellComp","cellProps","columnKey","_a"],"mappings":";;AA2BA,SAASA,EACPC,GACAC,GACS;AACT,SAAOD,EAAQ,SAASC;AAC1B;AAKO,SAASC,EAAmBC,GAAgC;AACjE,QAAMC,IAA6B,CAAA,GAC7BC,IAAuB,CAAA;AAEpB,SAAAC,EAAA,QAAQH,GAAU,CAACI,MAAU;AAChC,QAACC,EAAeD,CAAK,GAGrB;AAAA,UAAAR,EAAgBQ,GAAOE,CAAW,GAAG;AACvC,cAAMC,IAAcH,EAAM;AAE1B,QAAAD,EAAS,QAAQI,EAAY,UAAU,CAACC,MAAgB;AACtD,cACEH,EAAeG,CAAW,KAC1BZ,EAAgBY,GAAaC,CAAe,GAC5C;AACA,kBAAMC,IAAcF,EAAY;AAChC,YAAAP,EAAQ,KAAK;AAAA,cACX,KAAKS,EAAY;AAAA,cACjB,QAAQA,EAAY;AAAA,cACpB,UAAUH,EAAY,YAAY;AAAA,cAClC,UAAUG,EAAY,WAAW;AAAA,YAAA,CAClC;AAAA,UACH;AAAA,QAAA,CACD;AAAA,MACH;AAGI,UAAAd,EAAgBQ,GAAOO,CAAS,GAAG;AACrC,cAAMC,IAAYR,EAAM;AACxB,QAAAD,EAAS,QAAQS,EAAU,UAAU,CAACC,MAAa;AACjD,cACER,EAAeQ,CAAQ,KACvBjB,EAAgBiB,GAAUC,CAAY,GACtC;AACA,kBAAMC,IAAWF,EAAS,OACpBG,IAAyB,CAAA;AAE/B,gBAAIC,IAAY;AAChB,YAAAd,EAAS,QAAQY,EAAS,UAAU,CAACG,MAAc;;AACjD,kBACEb,EAAea,CAAS,KACxBtB,EAAgBsB,GAAWC,CAAa,GACxC;AACA,sBAAMC,IAAYF,EAAU,OAGtBG,IAAYD,EAAU,eAAaE,IAAArB,EAAQgB,CAAS,MAAjB,gBAAAK,EAAoB;AAE7D,gBAAID,KACFL,EAAM,KAAK;AAAA,kBACT,WAAAK;AAAA,kBACA,OAAOD,EAAU;AAAA,kBACjB,SAASA,EAAU;AAAA,gBAAA,CACpB,GAEHH;AAAA,cACF;AAAA,YAAA,CACD,GAEDf,EAAK,KAAK;AAAA,cACR,KACGW,EAAS,OAAkBE,EAAS,OAAO,OAAOb,EAAK,MAAM;AAAA,cAChE,OAAAc;AAAA,cACA,SAASD,EAAS;AAAA,YAAA,CACnB;AAAA,UACH;AAAA,QAAA,CACD;AAAA,MACH;AAAA;AAAA,EAAA,CACD,GAEM,EAAE,SAAAd,GAAS,MAAAC;AACpB;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function y(e){var c;const r=n.useMemo(()=>{const o=new Map;return e.rows.forEach((s,x)=>{o.set(s.key,x)}),o},[e.rows]),i=n.useMemo(()=>o=>{const s=r.get(o);return s===void 0?null:e.rows[s]},[e.rows,r]),m=n.useMemo(()=>o=>{const s=r.get(o);return s===void 0||s>=e.rows.length-1?null:e.rows[s+1]},[e.rows,r]),w=n.useMemo(()=>o=>{const s=r.get(o);return s===void 0||s<=0?null:e.rows[s-1]},[e.rows,r]),g=n.useMemo(()=>o=>r.get(o)??-1,[r]),M=n.useMemo(()=>e.rows[0]||null,[e.rows]),f=n.useMemo(()=>e.rows[e.rows.length-1]||null,[e.rows]),u=e.rows.length,l=((c=e.columns[0])==null?void 0:c.isHidden)||!1,t=!l,I=n.useMemo(()=>u+(t?1:0),[u,t]),b=n.useMemo(()=>o=>o+(t?2:1),[t]);return{columns:e.columns,rows:e.rows,size:u,firstItem:M,lastItem:f,isHeaderHidden:l,hasVisibleHeader:t,getTotalRowCount:I,getRowAriaIndex:b,getItemByKey:i,getItemAfter:m,getItemBefore:w,getItemIndex:g}}exports.useTableCollection=y;
+//# sourceMappingURL=useTableCollection.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableCollection.cjs.js","sources":["../../../../src/components/Table/Collection/useTableCollection.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { TableData, TableRowData } from \"../types\";\n\n/**\n * Hook for managing table data structure and providing navigation methods\n */\nexport function useTableCollection(data: TableData) {\n  const keyToIndexMap = useMemo(() => {\n    const map = new Map<string | number, number>();\n    data.rows.forEach((row, index) => {\n      map.set(row.key, index);\n    });\n    return map;\n  }, [data.rows]);\n\n  const getItemByKey = useMemo(\n    () =>\n      (key: string | number): TableRowData | null => {\n        const index = keyToIndexMap.get(key);\n        if (index === undefined) return null;\n        return data.rows[index];\n      },\n    [data.rows, keyToIndexMap]\n  );\n\n  const getItemAfter = useMemo(\n    () =>\n      (key: string | number): TableRowData | null => {\n        const index = keyToIndexMap.get(key);\n        if (index === undefined || index >= data.rows.length - 1) return null;\n        return data.rows[index + 1];\n      },\n    [data.rows, keyToIndexMap]\n  );\n\n  const getItemBefore = useMemo(\n    () =>\n      (key: string | number): TableRowData | null => {\n        const index = keyToIndexMap.get(key);\n        if (index === undefined || index <= 0) return null;\n        return data.rows[index - 1];\n      },\n    [data.rows, keyToIndexMap]\n  );\n\n  const getItemIndex = useMemo(\n    () =>\n      (key: string | number): number => {\n        return keyToIndexMap.get(key) ?? -1;\n      },\n    [keyToIndexMap]\n  );\n\n  // Computed values\n  const firstItem = useMemo(() => data.rows[0] || null, [data.rows]);\n  const lastItem = useMemo(\n    () => data.rows[data.rows.length - 1] || null,\n    [data.rows]\n  );\n  const size = data.rows.length;\n\n  // ARIA helpers\n  const isHeaderHidden = data.columns[0]?.isHidden || false;\n  const hasVisibleHeader = !isHeaderHidden;\n\n  const getTotalRowCount = useMemo(() => {\n    return size + (hasVisibleHeader ? 1 : 0);\n  }, [size, hasVisibleHeader]);\n\n  const getRowAriaIndex = useMemo(\n    () => (rowIndex: number) => {\n      return rowIndex + (hasVisibleHeader ? 2 : 1); // +2 if header exists and visible, +1 if not\n    },\n    [hasVisibleHeader]\n  );\n\n  return {\n    // Data\n    columns: data.columns,\n    rows: data.rows,\n    size,\n    firstItem,\n    lastItem,\n\n    // ARIA helpers\n    isHeaderHidden,\n    hasVisibleHeader,\n    getTotalRowCount,\n    getRowAriaIndex,\n\n    // Navigation functions\n    getItemByKey,\n    getItemAfter,\n    getItemBefore,\n    getItemIndex,\n  };\n}\n\nexport type TableCollection = ReturnType<typeof useTableCollection>;\n"],"names":["useTableCollection","data","keyToIndexMap","useMemo","map","row","index","getItemByKey","key","getItemAfter","getItemBefore","getItemIndex","firstItem","lastItem","size","isHeaderHidden","_a","hasVisibleHeader","getTotalRowCount","getRowAriaIndex","rowIndex"],"mappings":"yGAMO,SAASA,EAAmBC,EAAiB,OAC5C,MAAAC,EAAgBC,EAAAA,QAAQ,IAAM,CAC5B,MAAAC,MAAU,IAChB,OAAAH,EAAK,KAAK,QAAQ,CAACI,EAAKC,IAAU,CAC5BF,EAAA,IAAIC,EAAI,IAAKC,CAAK,CAAA,CACvB,EACMF,CAAA,EACN,CAACH,EAAK,IAAI,CAAC,EAERM,EAAeJ,EAAA,QACnB,IACGK,GAA8C,CACvC,MAAAF,EAAQJ,EAAc,IAAIM,CAAG,EAC/B,OAAAF,IAAU,OAAkB,KACzBL,EAAK,KAAKK,CAAK,CACxB,EACF,CAACL,EAAK,KAAMC,CAAa,CAAA,EAGrBO,EAAeN,EAAA,QACnB,IACGK,GAA8C,CACvC,MAAAF,EAAQJ,EAAc,IAAIM,CAAG,EACnC,OAAIF,IAAU,QAAaA,GAASL,EAAK,KAAK,OAAS,EAAU,KAC1DA,EAAK,KAAKK,EAAQ,CAAC,CAC5B,EACF,CAACL,EAAK,KAAMC,CAAa,CAAA,EAGrBQ,EAAgBP,EAAA,QACpB,IACGK,GAA8C,CACvC,MAAAF,EAAQJ,EAAc,IAAIM,CAAG,EACnC,OAAIF,IAAU,QAAaA,GAAS,EAAU,KACvCL,EAAK,KAAKK,EAAQ,CAAC,CAC5B,EACF,CAACL,EAAK,KAAMC,CAAa,CAAA,EAGrBS,EAAeR,EAAA,QACnB,IACGK,GACQN,EAAc,IAAIM,CAAG,GAAK,GAErC,CAACN,CAAa,CAAA,EAIVU,EAAYT,EAAAA,QAAQ,IAAMF,EAAK,KAAK,CAAC,GAAK,KAAM,CAACA,EAAK,IAAI,CAAC,EAC3DY,EAAWV,EAAA,QACf,IAAMF,EAAK,KAAKA,EAAK,KAAK,OAAS,CAAC,GAAK,KACzC,CAACA,EAAK,IAAI,CAAA,EAENa,EAAOb,EAAK,KAAK,OAGjBc,IAAiBC,EAAAf,EAAK,QAAQ,CAAC,IAAd,YAAAe,EAAiB,WAAY,GAC9CC,EAAmB,CAACF,EAEpBG,EAAmBf,EAAAA,QAAQ,IACxBW,GAAQG,EAAmB,EAAI,GACrC,CAACH,EAAMG,CAAgB,CAAC,EAErBE,EAAkBhB,EAAA,QACtB,IAAOiB,GACEA,GAAYH,EAAmB,EAAI,GAE5C,CAACA,CAAgB,CAAA,EAGZ,MAAA,CAEL,QAAShB,EAAK,QACd,KAAMA,EAAK,KACX,KAAAa,EACA,UAAAF,EACA,SAAAC,EAGA,eAAAE,EACA,iBAAAE,EACA,iBAAAC,EACA,gBAAAC,EAGA,aAAAZ,EACA,aAAAE,EACA,cAAAC,EACA,aAAAC,CAAA,CAEJ"}

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

@@ -0,0 +1,59 @@
+import { useMemo as r } from "react";
+function H(e) {
+  var c;
+  const s = r(() => {
+    const o = /* @__PURE__ */ new Map();
+    return e.rows.forEach((n, p) => {
+      o.set(n.key, p);
+    }), o;
+  }, [e.rows]), i = r(
+    () => (o) => {
+      const n = s.get(o);
+      return n === void 0 ? null : e.rows[n];
+    },
+    [e.rows, s]
+  ), w = r(
+    () => (o) => {
+      const n = s.get(o);
+      return n === void 0 || n >= e.rows.length - 1 ? null : e.rows[n + 1];
+    },
+    [e.rows, s]
+  ), g = r(
+    () => (o) => {
+      const n = s.get(o);
+      return n === void 0 || n <= 0 ? null : e.rows[n - 1];
+    },
+    [e.rows, s]
+  ), m = r(
+    () => (o) => s.get(o) ?? -1,
+    [s]
+  ), f = r(() => e.rows[0] || null, [e.rows]), I = r(
+    () => e.rows[e.rows.length - 1] || null,
+    [e.rows]
+  ), l = e.rows.length, u = ((c = e.columns[0]) == null ? void 0 : c.isHidden) || !1, t = !u, x = r(() => l + (t ? 1 : 0), [l, t]), h = r(
+    () => (o) => o + (t ? 2 : 1),
+    [t]
+  );
+  return {
+    // Data
+    columns: e.columns,
+    rows: e.rows,
+    size: l,
+    firstItem: f,
+    lastItem: I,
+    // ARIA helpers
+    isHeaderHidden: u,
+    hasVisibleHeader: t,
+    getTotalRowCount: x,
+    getRowAriaIndex: h,
+    // Navigation functions
+    getItemByKey: i,
+    getItemAfter: w,
+    getItemBefore: g,
+    getItemIndex: m
+  };
+}
+export {
+  H as useTableCollection
+};
+//# sourceMappingURL=useTableCollection.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableCollection.es.js","sources":["../../../../src/components/Table/Collection/useTableCollection.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { TableData, TableRowData } from \"../types\";\n\n/**\n * Hook for managing table data structure and providing navigation methods\n */\nexport function useTableCollection(data: TableData) {\n  const keyToIndexMap = useMemo(() => {\n    const map = new Map<string | number, number>();\n    data.rows.forEach((row, index) => {\n      map.set(row.key, index);\n    });\n    return map;\n  }, [data.rows]);\n\n  const getItemByKey = useMemo(\n    () =>\n      (key: string | number): TableRowData | null => {\n        const index = keyToIndexMap.get(key);\n        if (index === undefined) return null;\n        return data.rows[index];\n      },\n    [data.rows, keyToIndexMap]\n  );\n\n  const getItemAfter = useMemo(\n    () =>\n      (key: string | number): TableRowData | null => {\n        const index = keyToIndexMap.get(key);\n        if (index === undefined || index >= data.rows.length - 1) return null;\n        return data.rows[index + 1];\n      },\n    [data.rows, keyToIndexMap]\n  );\n\n  const getItemBefore = useMemo(\n    () =>\n      (key: string | number): TableRowData | null => {\n        const index = keyToIndexMap.get(key);\n        if (index === undefined || index <= 0) return null;\n        return data.rows[index - 1];\n      },\n    [data.rows, keyToIndexMap]\n  );\n\n  const getItemIndex = useMemo(\n    () =>\n      (key: string | number): number => {\n        return keyToIndexMap.get(key) ?? -1;\n      },\n    [keyToIndexMap]\n  );\n\n  // Computed values\n  const firstItem = useMemo(() => data.rows[0] || null, [data.rows]);\n  const lastItem = useMemo(\n    () => data.rows[data.rows.length - 1] || null,\n    [data.rows]\n  );\n  const size = data.rows.length;\n\n  // ARIA helpers\n  const isHeaderHidden = data.columns[0]?.isHidden || false;\n  const hasVisibleHeader = !isHeaderHidden;\n\n  const getTotalRowCount = useMemo(() => {\n    return size + (hasVisibleHeader ? 1 : 0);\n  }, [size, hasVisibleHeader]);\n\n  const getRowAriaIndex = useMemo(\n    () => (rowIndex: number) => {\n      return rowIndex + (hasVisibleHeader ? 2 : 1); // +2 if header exists and visible, +1 if not\n    },\n    [hasVisibleHeader]\n  );\n\n  return {\n    // Data\n    columns: data.columns,\n    rows: data.rows,\n    size,\n    firstItem,\n    lastItem,\n\n    // ARIA helpers\n    isHeaderHidden,\n    hasVisibleHeader,\n    getTotalRowCount,\n    getRowAriaIndex,\n\n    // Navigation functions\n    getItemByKey,\n    getItemAfter,\n    getItemBefore,\n    getItemIndex,\n  };\n}\n\nexport type TableCollection = ReturnType<typeof useTableCollection>;\n"],"names":["useTableCollection","data","keyToIndexMap","useMemo","map","row","index","getItemByKey","key","getItemAfter","getItemBefore","getItemIndex","firstItem","lastItem","size","isHeaderHidden","_a","hasVisibleHeader","getTotalRowCount","getRowAriaIndex","rowIndex"],"mappings":";AAMO,SAASA,EAAmBC,GAAiB;;AAC5C,QAAAC,IAAgBC,EAAQ,MAAM;AAC5B,UAAAC,wBAAU;AAChB,WAAAH,EAAK,KAAK,QAAQ,CAACI,GAAKC,MAAU;AAC5B,MAAAF,EAAA,IAAIC,EAAI,KAAKC,CAAK;AAAA,IAAA,CACvB,GACMF;AAAA,EAAA,GACN,CAACH,EAAK,IAAI,CAAC,GAERM,IAAeJ;AAAA,IACnB,MACE,CAACK,MAA8C;AACvC,YAAAF,IAAQJ,EAAc,IAAIM,CAAG;AAC/B,aAAAF,MAAU,SAAkB,OACzBL,EAAK,KAAKK,CAAK;AAAA,IACxB;AAAA,IACF,CAACL,EAAK,MAAMC,CAAa;AAAA,EAAA,GAGrBO,IAAeN;AAAA,IACnB,MACE,CAACK,MAA8C;AACvC,YAAAF,IAAQJ,EAAc,IAAIM,CAAG;AACnC,aAAIF,MAAU,UAAaA,KAASL,EAAK,KAAK,SAAS,IAAU,OAC1DA,EAAK,KAAKK,IAAQ,CAAC;AAAA,IAC5B;AAAA,IACF,CAACL,EAAK,MAAMC,CAAa;AAAA,EAAA,GAGrBQ,IAAgBP;AAAA,IACpB,MACE,CAACK,MAA8C;AACvC,YAAAF,IAAQJ,EAAc,IAAIM,CAAG;AACnC,aAAIF,MAAU,UAAaA,KAAS,IAAU,OACvCL,EAAK,KAAKK,IAAQ,CAAC;AAAA,IAC5B;AAAA,IACF,CAACL,EAAK,MAAMC,CAAa;AAAA,EAAA,GAGrBS,IAAeR;AAAA,IACnB,MACE,CAACK,MACQN,EAAc,IAAIM,CAAG,KAAK;AAAA,IAErC,CAACN,CAAa;AAAA,EAAA,GAIVU,IAAYT,EAAQ,MAAMF,EAAK,KAAK,CAAC,KAAK,MAAM,CAACA,EAAK,IAAI,CAAC,GAC3DY,IAAWV;AAAA,IACf,MAAMF,EAAK,KAAKA,EAAK,KAAK,SAAS,CAAC,KAAK;AAAA,IACzC,CAACA,EAAK,IAAI;AAAA,EAAA,GAENa,IAAOb,EAAK,KAAK,QAGjBc,MAAiBC,IAAAf,EAAK,QAAQ,CAAC,MAAd,gBAAAe,EAAiB,aAAY,IAC9CC,IAAmB,CAACF,GAEpBG,IAAmBf,EAAQ,MACxBW,KAAQG,IAAmB,IAAI,IACrC,CAACH,GAAMG,CAAgB,CAAC,GAErBE,IAAkBhB;AAAA,IACtB,MAAM,CAACiB,MACEA,KAAYH,IAAmB,IAAI;AAAA,IAE5C,CAACA,CAAgB;AAAA,EAAA;AAGZ,SAAA;AAAA;AAAA,IAEL,SAAShB,EAAK;AAAA,IACd,MAAMA,EAAK;AAAA,IACX,MAAAa;AAAA,IACA,WAAAF;AAAA,IACA,UAAAC;AAAA;AAAA,IAGA,gBAAAE;AAAA,IACA,kBAAAE;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA;AAAA,IAGA,cAAAZ;AAAA,IACA,cAAAE;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../node_modules/react/jsx-runtime.cjs.js"),p=require("react"),x=require("./Collection/collectionParser.cjs.js"),t=require("./Collection/CompoundComponents.cjs.js"),b=require("./Collection/useTableCollection.cjs.js");;/* empty css               */const m=({children:i,name:c})=>{const d=p.useMemo(()=>x.parseTableChildren(i),[i]),a=b.useTableCollection(d);return o.jsxRuntimeExports.jsxs("table",{className:"proton-Table",role:"table","aria-rowcount":a.getTotalRowCount,"aria-colcount":a.columns.length,"aria-label":c,children:[o.jsxRuntimeExports.jsx("caption",{className:"proton-Table__caption",children:c}),o.jsxRuntimeExports.jsx("thead",{className:"proton-Table__rowGroup--header",role:"rowgroup",style:a.isHeaderHidden?{display:"none"}:void 0,children:o.jsxRuntimeExports.jsx("tr",{className:"proton-Table__header-row",role:"row","aria-rowindex":1,children:a.columns.map((e,s)=>o.jsxRuntimeExports.jsx("th",{className:"proton-Table__header",role:"columnheader",scope:"col","aria-colindex":s+1,"aria-sort":e.ariaSort,children:e.header},e.key))})}),o.jsxRuntimeExports.jsx("tbody",{className:"proton-Table__body",role:"rowgroup",children:a.rows.map((e,s)=>o.jsxRuntimeExports.jsx("tr",{className:"proton-Table__row",role:"row","aria-rowindex":a.getRowAriaIndex(s),onClick:e==null?void 0:e.onClick,tabIndex:e!=null&&e.onClick?0:void 0,onKeyDown:e!=null&&e.onClick?l=>{var r;(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),(r=e.onClick)==null||r.call(e))}:void 0,children:a.columns.map((l,r)=>{const n=e.cells.find(u=>u.columnKey===l.key);return o.jsxRuntimeExports.jsx("td",{className:"proton-Table__cell",role:"cell","aria-colindex":r+1,colSpan:n==null?void 0:n.colSpan,children:(n==null?void 0:n.value)||""},l.key)})},e.key))})]})},T=Object.assign(m,{Header:t.TableHeader,Column:t.TableColumn,Body:t.TableBody,Row:t.TableRow,Cell:t.TableCell});exports.Table=T;
+//# sourceMappingURL=Table.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.cjs.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import { ReactElement, useMemo } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeader,\n  TableColumn,\n  TableBody,\n  TableRow,\n  TableCell,\n  TableHeaderProps,\n  TableColumnProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [ReactElement<TableHeaderProps>, ReactElement<TableBodyProps>];\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 = useMemo(\n    () => parseTableChildren(children),\n    [children]\n  );\n  const collection = useTableCollection(tableData);\n\n  return (\n    <table\n      className=\"proton-Table\"\n      role=\"table\"\n      aria-rowcount={collection.getTotalRowCount}\n      aria-colcount={collection.columns.length}\n      aria-label={name}\n    >\n      <caption className=\"proton-Table__caption\">{name}</caption>\n\n      {/* Header */}\n      <thead\n        className=\"proton-Table__rowGroup--header\"\n        role=\"rowgroup\"\n        style={collection.isHeaderHidden ? { display: \"none\" } : undefined}\n      >\n        <tr className=\"proton-Table__header-row\" role=\"row\" aria-rowindex={1}>\n          {collection.columns.map((column, index) => (\n            <th\n              key={column.key}\n              className=\"proton-Table__header\"\n              role=\"columnheader\"\n              scope=\"col\"\n              aria-colindex={index + 1}\n              aria-sort={column.ariaSort}\n            >\n              {column.header}\n            </th>\n          ))}\n        </tr>\n      </thead>\n\n      {/* Body */}\n      <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n        {collection.rows.map((row, rowIndex) => (\n          <tr\n            key={row.key}\n            className=\"proton-Table__row\"\n            role=\"row\"\n            aria-rowindex={collection.getRowAriaIndex(rowIndex)}\n            onClick={row?.onClick}\n            tabIndex={row?.onClick ? 0 : undefined}\n            onKeyDown={\n              row?.onClick\n                ? (e) => {\n                    if (e.key === \"Enter\" || e.key === \" \") {\n                      // Enable keyboard navigation\n                      e.preventDefault();\n                      row.onClick?.();\n                    }\n                  }\n                : undefined\n            }\n          >\n            {collection.columns.map((column, colIndex) => {\n              const cell = row.cells.find((c) => c.columnKey === column.key);\n              return (\n                <td\n                  key={column.key}\n                  className=\"proton-Table__cell\"\n                  role=\"cell\"\n                  aria-colindex={colIndex + 1}\n                  colSpan={cell?.colSpan}\n                >\n                  {cell?.value || \"\"}\n                </td>\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * - Built-in keyboard navigation for interactive rows.\n * - Full ARIA table semantics with proper roles, labels, and indices.\n *\n * API:\n *  - {@link TableProps}\n *\n * @example\n * ```tsx\n * <Table caption=\"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 */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link TableHeaderProps} */\n  Header: TableHeader,\n  /** Table column: {@link TableColumnProps} */\n  Column: TableColumn,\n  /** Table body: {@link TableBodyProps} */\n  Body: TableBody,\n  /** Table row: {@link TableRowProps} */\n  Row: TableRow,\n  /** Table cell: {@link TableCellProps} */\n  Cell: TableCell,\n});\n\nexport { Table };\nexport type {\n  TableHeaderProps,\n  TableColumnProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n};\n"],"names":["TableComponent","children","name","tableData","useMemo","parseTableChildren","collection","useTableCollection","jsxs","jsx","column","index","row","rowIndex","e","_a","colIndex","cell","c","Table","TableHeader","TableColumn","TableBody","TableRow","TableCell"],"mappings":"0VA+BA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAuB,CACzD,MAAMC,EAAuBC,EAAA,QAC3B,IAAMC,EAAAA,mBAAmBJ,CAAQ,EACjC,CAACA,CAAQ,CAAA,EAELK,EAAaC,qBAAmBJ,CAAS,EAG7C,OAAAK,EAAA,kBAAA,KAAC,QAAA,CACC,UAAU,eACV,KAAK,QACL,gBAAeF,EAAW,iBAC1B,gBAAeA,EAAW,QAAQ,OAClC,aAAYJ,EAEZ,SAAA,CAACO,EAAA,kBAAA,IAAA,UAAA,CAAQ,UAAU,wBAAyB,SAAKP,EAAA,EAGjDO,EAAA,kBAAA,IAAC,QAAA,CACC,UAAU,iCACV,KAAK,WACL,MAAOH,EAAW,eAAiB,CAAE,QAAS,MAAW,EAAA,OAEzD,SAACG,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,2BAA2B,KAAK,MAAM,gBAAe,EAChE,SAAWH,EAAA,QAAQ,IAAI,CAACI,EAAQC,IAC/BF,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAU,uBACV,KAAK,eACL,MAAM,MACN,gBAAeE,EAAQ,EACvB,YAAWD,EAAO,SAEjB,SAAOA,EAAA,MAAA,EAPHA,EAAO,GASf,CAAA,EACH,CAAA,CACF,EAGAD,EAAAA,kBAAAA,IAAC,QAAM,CAAA,UAAU,qBAAqB,KAAK,WACxC,SAAAH,EAAW,KAAK,IAAI,CAACM,EAAKC,IACzBJ,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAU,oBACV,KAAK,MACL,gBAAeH,EAAW,gBAAgBO,CAAQ,EAClD,QAASD,GAAA,YAAAA,EAAK,QACd,SAAUA,GAAA,MAAAA,EAAK,QAAU,EAAI,OAC7B,UACEA,GAAA,MAAAA,EAAK,QACAE,GAAM,QACDA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OAEjCA,EAAE,eAAe,GACjBC,EAAAH,EAAI,UAAJ,MAAAG,EAAA,KAAAH,GAGJ,EAAA,OAGL,SAAWN,EAAA,QAAQ,IAAI,CAACI,EAAQM,IAAa,CACtC,MAAAC,EAAOL,EAAI,MAAM,KAAMM,GAAMA,EAAE,YAAcR,EAAO,GAAG,EAE3D,OAAAD,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAU,qBACV,KAAK,OACL,gBAAeO,EAAW,EAC1B,QAASC,GAAA,YAAAA,EAAM,QAEd,2BAAM,QAAS,EAAA,EANXP,EAAO,GAAA,CAOd,CAEH,CAAA,EA/BIE,EAAI,GAiCZ,CAAA,EACH,CAAA,CAAA,CAAA,CAGN,EAyBMO,EAAQ,OAAO,OAAOnB,EAAgB,CAE1C,OAAQoB,EAAA,YAER,OAAQC,EAAA,YAER,KAAMC,EAAA,UAEN,IAAKC,EAAA,SAEL,KAAMC,EAAA,SACR,CAAC"}