@protonradio/proton-ui 0.11.5 → 0.11.7

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

@@ -0,0 +1,224 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.es.js";
+import { forwardRef as T, useState as I, useRef as k, useEffect as C } from "react";
+import { Select as n } from "radix-ui";
+import { useBreakpoint as L } from "../../hooks/useBreakpoint.es.js";
+import { ActionMenu as P } from "../ActionMenu/ActionMenu.es.js";
+/* empty css              */
+/* empty css                  */
+import { useTheme as V } from "../ThemeProvider.es.js";
+import { csx as x } from "../../utils/string.es.js";
+import { BREAKPOINTS as A } from "../../constants/breakpoint.es.js";
+const j = T(
+  ({ disabled: r, isOpen: c, children: o, onClick: s, ...l }, a) => /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      ...l,
+      ref: a,
+      disabled: r,
+      onClick: s,
+      className: x(
+        "proton-Select__trigger",
+        r && "proton-Select__trigger--disabled",
+        !c && "proton-Select__trigger--closed",
+        c && "proton-Select__trigger--opened"
+      ),
+      children: o
+    }
+  )
+);
+j.displayName = "ProtonUISelectButton";
+function U({
+  label: r,
+  name: c,
+  isDisabled: o,
+  disabledKeys: s,
+  selectedKey: l,
+  onSelectionChange: a,
+  defaultSelectedKey: w,
+  onOpen: f,
+  onClose: m,
+  items: _,
+  "data-testid": g
+}) {
+  const [i, u] = I(!1), [M, S] = I(
+    l || w || ""
+  ), { className: b, style: y } = V(), R = L(A.MEDIUM), v = k(null), d = k(null), p = l !== void 0 ? l : M, h = _.find((t) => t.key === p), N = (t) => {
+    l === void 0 && S(t), a == null || a(t), d.current && (d.current.value = t, d.current.dispatchEvent(
+      new Event("change", { bubbles: !0 })
+    ));
+  }, B = (t) => {
+    u(t), t ? f == null || f() : m == null || m();
+  };
+  C(() => {
+    l !== void 0 && S(l);
+  }, [l]);
+  const E = _.map((t) => ({
+    key: t.key,
+    label: t.label,
+    to: t.to,
+    onAction: () => {
+      N(t.key), u(!1);
+    }
+  }));
+  return R ? /* @__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(
+          j,
+          {
+            isOpen: i,
+            ref: v,
+            disabled: o,
+            "data-testid": g,
+            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(
+          P,
+          {
+            isOpen: i,
+            onClose: () => u(!1),
+            actions: E,
+            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: N,
+            onOpenChange: B,
+            disabled: o,
+            children: [
+              /* @__PURE__ */ e.jsx(n.Trigger, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+                j,
+                {
+                  isOpen: i,
+                  ref: v,
+                  disabled: o,
+                  "data-testid": g,
+                  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",
+                    b
+                  ),
+                  style: y,
+                  position: "popper",
+                  children: /* @__PURE__ */ e.jsx(n.Viewport, { children: _.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
+                  )) })
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+U.displayName = "ProtonUISelect";
+export {
+  U 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\";\r\n\r\nimport {\r\n  forwardRef,\r\n  ReactNode,\r\n  RefObject,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport { Select as RadixSelect } from \"radix-ui\";\r\n\r\nimport { BREAKPOINTS } from \"../../constants\";\r\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\r\nimport { csx } from \"../../utils\";\r\nimport { ActionMenu, ActionMenuAction } from \"../ActionMenu/ActionMenu\";\r\n\r\nimport \"./Select.css\";\r\nimport \"../Menu/Menu.css\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\n\r\ninterface SelectButtonProps {\r\n  disabled?: boolean;\r\n  isOpen?: boolean;\r\n  children?: ReactNode;\r\n  onClick?: () => void;\r\n}\r\n\r\nconst SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>(\r\n  (\r\n    { disabled, isOpen, children, onClick, ...props },\r\n    ref: RefObject<HTMLButtonElement>\r\n  ) => {\r\n    return (\r\n      <button\r\n        {...props}\r\n        ref={ref}\r\n        disabled={disabled}\r\n        onClick={onClick}\r\n        className={csx(\r\n          \"proton-Select__trigger\",\r\n          disabled && \"proton-Select__trigger--disabled\",\r\n          !isOpen && \"proton-Select__trigger--closed\",\r\n          isOpen && \"proton-Select__trigger--opened\"\r\n        )}\r\n      >\r\n        {children}\r\n      </button>\r\n    );\r\n  }\r\n);\r\nSelectButton.displayName = \"ProtonUISelectButton\";\r\n\r\ninterface SelectItem {\r\n  label: string;\r\n  key: string;\r\n  to?: string;\r\n}\r\n\r\nexport interface SelectProps {\r\n  /** Array of keys that should be disabled\r\n   * @example [\"Thing 1\", \"Thing 2\"]\r\n   */\r\n  disabledKeys?: string[];\r\n\r\n  /** The key of the default selected item */\r\n  defaultSelectedKey?: string;\r\n\r\n  /** Test ID for the select */\r\n  \"data-testid\"?: string;\r\n\r\n  /** Whether the select is disabled */\r\n  isDisabled?: boolean;\r\n\r\n  /** Array of items to display\r\n   * @example [{ key: \"thing-1\", label: \"Thing 1\" }, { key: \"thing-2\", label: \"Thing 2\" }]\r\n   */\r\n  items: SelectItem[];\r\n\r\n  /** Label to display above the select\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#text\r\n   */\r\n  label?: string;\r\n\r\n  /** The name of the select field */\r\n  name: string;\r\n\r\n  /** Callback fired when the menu closes */\r\n  onClose?: () => void;\r\n\r\n  /** Callback fired when the menu opens */\r\n  onOpen?: () => void;\r\n\r\n  /** Callback fired when selection changes */\r\n  onSelectionChange?: (key: string) => void;\r\n\r\n  /** Currently selected key */\r\n  selectedKey?: string;\r\n}\r\n\r\n/**\r\n * A dropdown select menu that opens a popover on desktop and an action menu on mobile.\r\n * Supports controlled and uncontrolled modes.\r\n *\r\n * API:\r\n *  - {@link SelectProps}\r\n */\r\nexport function Select({\r\n  label,\r\n  name,\r\n  isDisabled,\r\n  disabledKeys,\r\n  selectedKey,\r\n  onSelectionChange,\r\n  defaultSelectedKey,\r\n  onOpen,\r\n  onClose,\r\n  items,\r\n  \"data-testid\": testId,\r\n}: SelectProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [internalSelectedKey, setInternalSelectedKey] = useState(\r\n    selectedKey || defaultSelectedKey || \"\"\r\n  );\r\n  const { className: themeClass, style: themeStyle } = useTheme();\r\n  const isMobile = useBreakpoint(BREAKPOINTS.MEDIUM);\r\n  const triggerRef = useRef<HTMLButtonElement>(null);\r\n  const hiddenInputRef = useRef<HTMLInputElement>(null);\r\n\r\n  // Handle controlled vs uncontrolled state\r\n  const currentSelectedKey =\r\n    selectedKey !== undefined ? selectedKey : internalSelectedKey;\r\n  const selectedItem = items.find((item) => item.key === currentSelectedKey);\r\n\r\n  const handleValueChange = (value: string) => {\r\n    if (selectedKey === undefined) {\r\n      setInternalSelectedKey(value);\r\n    }\r\n    onSelectionChange?.(value);\r\n\r\n    // Update hidden input for form submission\r\n    if (hiddenInputRef.current) {\r\n      hiddenInputRef.current.value = value;\r\n      hiddenInputRef.current.dispatchEvent(\r\n        new Event(\"change\", { bubbles: true })\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleOpenChange = (open: boolean) => {\r\n    setIsOpen(open);\r\n    if (open) {\r\n      onOpen?.();\r\n    } else {\r\n      onClose?.();\r\n    }\r\n  };\r\n\r\n  // Update internal state when controlled selectedKey changes\r\n  useEffect(() => {\r\n    if (selectedKey !== undefined) {\r\n      setInternalSelectedKey(selectedKey);\r\n    }\r\n  }, [selectedKey]);\r\n\r\n  const actionItems: ActionMenuAction[] = items.map((item) => ({\r\n    key: item.key,\r\n    label: item.label,\r\n    to: item.to,\r\n    onAction: () => {\r\n      handleValueChange(item.key);\r\n      setIsOpen(false);\r\n    },\r\n  }));\r\n\r\n  if (isMobile) {\r\n    return (\r\n      <div\r\n        className=\"proton-Select\"\r\n        aria-label={label || name}\r\n        aria-disabled={isDisabled}\r\n      >\r\n        {label && (\r\n          <div className=\"proton-Select__label\" data-testid=\"select-label\">\r\n            {label}\r\n          </div>\r\n        )}\r\n\r\n        {/* Hidden input for form submission */}\r\n        <input\r\n          ref={hiddenInputRef}\r\n          type=\"hidden\"\r\n          name={name}\r\n          value={currentSelectedKey}\r\n          data-testid=\"hidden-select-container\"\r\n        />\r\n\r\n        <SelectButton\r\n          isOpen={isOpen}\r\n          ref={triggerRef}\r\n          disabled={isDisabled}\r\n          data-testid={testId}\r\n          onClick={() => setIsOpen(true)}\r\n        >\r\n          <div className=\"proton-Select__value\">\r\n            {selectedItem ? selectedItem.label : \"Select an option\"}\r\n          </div>\r\n          <div\r\n            className={csx(\r\n              \"proton-Select__trigger_icon\",\r\n              isOpen && \"proton-Select__trigger_icon--flipped\"\r\n            )}\r\n            aria-hidden=\"true\"\r\n          >\r\n            <svg id=\"caret-down\" viewBox=\"0 0 512 512\">\r\n              <title>{isOpen ? \"caret down\" : \"caret up\"}</title>\r\n              <path\r\n                fill=\"currentColor\"\r\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\"\r\n              />\r\n            </svg>\r\n          </div>\r\n        </SelectButton>\r\n\r\n        <ActionMenu\r\n          isOpen={isOpen}\r\n          onClose={() => setIsOpen(false)}\r\n          actions={actionItems}\r\n          selectedKeys={[currentSelectedKey]}\r\n          disabledKeys={disabledKeys}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className=\"proton-Select\"\r\n      aria-label={label || name}\r\n      aria-disabled={isDisabled}\r\n    >\r\n      {label && (\r\n        <div className=\"proton-Select__label\" data-testid=\"select-label\">\r\n          {label}\r\n        </div>\r\n      )}\r\n\r\n      {/* Hidden input for form submission */}\r\n      <input\r\n        ref={hiddenInputRef}\r\n        type=\"hidden\"\r\n        name={name}\r\n        value={currentSelectedKey}\r\n        data-testid=\"hidden-select-container\"\r\n      />\r\n\r\n      <RadixSelect.Root\r\n        value={currentSelectedKey}\r\n        onValueChange={handleValueChange}\r\n        onOpenChange={handleOpenChange}\r\n        disabled={isDisabled}\r\n      >\r\n        <RadixSelect.Trigger asChild>\r\n          <SelectButton\r\n            isOpen={isOpen}\r\n            ref={triggerRef}\r\n            disabled={isDisabled}\r\n            data-testid={testId}\r\n          >\r\n            <RadixSelect.Value\r\n              className=\"proton-Select__value\"\r\n              placeholder=\"Select an option\"\r\n            >\r\n              {selectedItem ? selectedItem.label : \"Select an option\"}\r\n            </RadixSelect.Value>\r\n            <RadixSelect.Icon asChild>\r\n              <div\r\n                className={csx(\r\n                  \"proton-Select__trigger_icon\",\r\n                  isOpen && \"proton-Select__trigger_icon--flipped\"\r\n                )}\r\n                aria-hidden=\"true\"\r\n              >\r\n                <svg id=\"caret-down\" viewBox=\"0 0 512 512\">\r\n                  <title>{isOpen ? \"caret down\" : \"caret up\"}</title>\r\n                  <path\r\n                    fill=\"currentColor\"\r\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\"\r\n                  />\r\n                </svg>\r\n              </div>\r\n            </RadixSelect.Icon>\r\n          </SelectButton>\r\n        </RadixSelect.Trigger>\r\n\r\n        <RadixSelect.Portal>\r\n          <RadixSelect.Content\r\n            className={csx(\r\n              \"proton-Menu\",\r\n              \"proton-MenuTrigger__menu\",\r\n              themeClass\r\n            )}\r\n            style={themeStyle as React.CSSProperties}\r\n            position=\"popper\"\r\n          >\r\n            <RadixSelect.Viewport>\r\n              {items.map((item) => (\r\n                <RadixSelect.Item\r\n                  key={item.key}\r\n                  value={item.key}\r\n                  disabled={disabledKeys?.includes(item.key)}\r\n                  className=\"proton-Menu__item\"\r\n                >\r\n                  <RadixSelect.ItemText>{item.label}</RadixSelect.ItemText>\r\n                </RadixSelect.Item>\r\n              ))}\r\n            </RadixSelect.Viewport>\r\n          </RadixSelect.Content>\r\n        </RadixSelect.Portal>\r\n      </RadixSelect.Root>\r\n    </div>\r\n  );\r\n}\r\n\r\nSelect.displayName = \"ProtonUISelect\";\r\n"],"names":["SelectButton","forwardRef","disabled","isOpen","children","onClick","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\";\r\n\r\nimport { useRef } from \"react\";\r\nimport { useSwitch } from \"@react-aria/switch\";\r\nimport { VisuallyHidden } from \"@react-aria/visually-hidden\";\r\nimport { useToggleState } from \"@react-stately/toggle\";\r\n\r\nimport { csx } from \"../../utils\";\r\n\r\nimport \"./Switch.css\";\r\n\r\nexport interface SwitchProps {\r\n  /**\r\n   * Whether the Switch is in the 'on' state (uncontrolled).\r\n   */\r\n  defaultOn?: boolean;\r\n\r\n  /**\r\n   * Whether the Switch is in the 'on' state. Providing this prop causes the\r\n   * component to become controlled.\r\n   */\r\n  isOn?: boolean;\r\n\r\n  /**\r\n   * Should the input be non-interactive?\r\n   */\r\n  isDisabled?: boolean;\r\n\r\n  /**\r\n   * Called when the Switch's on state changes.\r\n   */\r\n  onChange?: (isOn: boolean) => void;\r\n\r\n  /**\r\n   * The string used for the input label. Forwarded to `aria-label`.\r\n   */\r\n  label?: string;\r\n\r\n  /**\r\n   * The text or component to be rendered as the Switch's description.\r\n   */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * A toggle switch component for boolean state control with support for controlled and uncontrolled modes.\r\n *\r\n * API:\r\n *  - {@link SwitchProps}\r\n */\r\nexport function Switch(props: SwitchProps) {\r\n  let sanitizedProps = {\r\n    ...props,\r\n    isSelected: props.isOn,\r\n    \"data-testid\": undefined,\r\n  };\r\n\r\n  let ref = useRef(null);\r\n\r\n  let state = useToggleState(sanitizedProps);\r\n  let { inputProps } = useSwitch(sanitizedProps, state, ref);\r\n\r\n  return (\r\n    <label\r\n      className={csx(\r\n        \"proton-Switch\",\r\n        props.isDisabled && \"proton-Switch--disabled\",\r\n        state.isSelected && \"proton-Switch--on\"\r\n      )}\r\n      data-on={state.isSelected || undefined}\r\n      data-disabled={props.isDisabled || undefined}\r\n      data-testid={props[\"data-testid\"] || undefined}\r\n      aria-label={props.label || undefined}\r\n    >\r\n      <VisuallyHidden>\r\n        <input {...inputProps} ref={ref} />\r\n      </VisuallyHidden>\r\n      {props.label && <div className=\"proton-Switch__label\">{props.label}</div>}\r\n      <div className=\"proton-Switch__wrapper\">\r\n        <div className=\"proton-Switch__toggle\">\r\n          <div className=\"proton-Switch__slider\"></div>\r\n        </div>\r\n        {props.children && (\r\n          <div className=\"proton-Switch__description\">{props.children}</div>\r\n        )}\r\n      </div>\r\n    </label>\r\n  );\r\n}\r\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\";\r\n\r\nimport { useRef } from \"react\";\r\nimport { useSwitch } from \"@react-aria/switch\";\r\nimport { VisuallyHidden } from \"@react-aria/visually-hidden\";\r\nimport { useToggleState } from \"@react-stately/toggle\";\r\n\r\nimport { csx } from \"../../utils\";\r\n\r\nimport \"./Switch.css\";\r\n\r\nexport interface SwitchProps {\r\n  /**\r\n   * Whether the Switch is in the 'on' state (uncontrolled).\r\n   */\r\n  defaultOn?: boolean;\r\n\r\n  /**\r\n   * Whether the Switch is in the 'on' state. Providing this prop causes the\r\n   * component to become controlled.\r\n   */\r\n  isOn?: boolean;\r\n\r\n  /**\r\n   * Should the input be non-interactive?\r\n   */\r\n  isDisabled?: boolean;\r\n\r\n  /**\r\n   * Called when the Switch's on state changes.\r\n   */\r\n  onChange?: (isOn: boolean) => void;\r\n\r\n  /**\r\n   * The string used for the input label. Forwarded to `aria-label`.\r\n   */\r\n  label?: string;\r\n\r\n  /**\r\n   * The text or component to be rendered as the Switch's description.\r\n   */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * A toggle switch component for boolean state control with support for controlled and uncontrolled modes.\r\n *\r\n * API:\r\n *  - {@link SwitchProps}\r\n */\r\nexport function Switch(props: SwitchProps) {\r\n  let sanitizedProps = {\r\n    ...props,\r\n    isSelected: props.isOn,\r\n    \"data-testid\": undefined,\r\n  };\r\n\r\n  let ref = useRef(null);\r\n\r\n  let state = useToggleState(sanitizedProps);\r\n  let { inputProps } = useSwitch(sanitizedProps, state, ref);\r\n\r\n  return (\r\n    <label\r\n      className={csx(\r\n        \"proton-Switch\",\r\n        props.isDisabled && \"proton-Switch--disabled\",\r\n        state.isSelected && \"proton-Switch--on\"\r\n      )}\r\n      data-on={state.isSelected || undefined}\r\n      data-disabled={props.isDisabled || undefined}\r\n      data-testid={props[\"data-testid\"] || undefined}\r\n      aria-label={props.label || undefined}\r\n    >\r\n      <VisuallyHidden>\r\n        <input {...inputProps} ref={ref} />\r\n      </VisuallyHidden>\r\n      {props.label && <div className=\"proton-Switch__label\">{props.label}</div>}\r\n      <div className=\"proton-Switch__wrapper\">\r\n        <div className=\"proton-Switch__toggle\">\r\n          <div className=\"proton-Switch__slider\"></div>\r\n        </div>\r\n        {props.children && (\r\n          <div className=\"proton-Switch__description\">{props.children}</div>\r\n        )}\r\n      </div>\r\n    </label>\r\n  );\r\n}\r\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\";\r\n\r\n/*\r\n  Compound reference components used to build the table collection.\r\n  They are not rendered, but used to parse the table structure.\r\n*/\r\n\r\ntype TableColumnElement = ReactElement<TableColumnProps, typeof TableColumn>;\r\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRow>;\r\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCell>;\r\n\r\nexport interface TableHeaderProps {\r\n  children: TableColumnElement | TableColumnElement[];\r\n  isHidden?: boolean;\r\n}\r\n\r\nexport interface TableColumnProps {\r\n  id: string;\r\n  children: ReactNode;\r\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\r\n}\r\n\r\nexport interface TableBodyProps {\r\n  children: TableRowElement | TableRowElement[];\r\n}\r\n\r\nexport interface TableRowProps {\r\n  key?: string | number;\r\n  children: TableCellElement | TableCellElement[];\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface TableCellProps {\r\n  columnKey?: string;\r\n  children?: ReactNode;\r\n  colSpan?: number;\r\n}\r\n\r\n// Type-safe component definitions that enforce proper children\r\nexport const TableHeader = ({ ...props }: TableHeaderProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\n\r\nexport const TableColumn = ({ ...props }: TableColumnProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\n\r\nexport const TableBody = ({ ...props }: TableBodyProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\n\r\nexport const TableRow = ({ ...props }: TableRowProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\n\r\nexport const TableCell = ({ ...props }: TableCellProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\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\";\r\n\r\n/*\r\n  Compound reference components used to build the table collection.\r\n  They are not rendered, but used to parse the table structure.\r\n*/\r\n\r\ntype TableColumnElement = ReactElement<TableColumnProps, typeof TableColumn>;\r\ntype TableRowElement = ReactElement<TableRowProps, typeof TableRow>;\r\ntype TableCellElement = ReactElement<TableCellProps, typeof TableCell>;\r\n\r\nexport interface TableHeaderProps {\r\n  children: TableColumnElement | TableColumnElement[];\r\n  isHidden?: boolean;\r\n}\r\n\r\nexport interface TableColumnProps {\r\n  id: string;\r\n  children: ReactNode;\r\n  \"aria-sort\"?: AriaAttributes[\"aria-sort\"];\r\n}\r\n\r\nexport interface TableBodyProps {\r\n  children: TableRowElement | TableRowElement[];\r\n}\r\n\r\nexport interface TableRowProps {\r\n  key?: string | number;\r\n  children: TableCellElement | TableCellElement[];\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface TableCellProps {\r\n  columnKey?: string;\r\n  children?: ReactNode;\r\n  colSpan?: number;\r\n}\r\n\r\n// Type-safe component definitions that enforce proper children\r\nexport const TableHeader = ({ ...props }: TableHeaderProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\n\r\nexport const TableColumn = ({ ...props }: TableColumnProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\n\r\nexport const TableBody = ({ ...props }: TableBodyProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\n\r\nexport const TableRow = ({ ...props }: TableRowProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\n\r\nexport const TableCell = ({ ...props }: TableCellProps) => {\r\n  return null; // This is just a marker component for parsing\r\n};\r\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 {\r\n  Children,\r\n  isValidElement,\r\n  ReactElement,\r\n  ReactNode,\r\n  ComponentType,\r\n} from \"react\";\r\n\r\nimport {\r\n  TableHeader,\r\n  TableColumn as TableColumnComp,\r\n  TableBody,\r\n  TableRow as TableRowComp,\r\n  TableCell as TableCellComp,\r\n  type TableHeaderProps,\r\n  type TableColumnProps,\r\n  type TableBodyProps,\r\n  type TableRowProps,\r\n  type TableCellProps,\r\n} from \"./CompoundComponents\";\r\nimport type {\r\n  TableColumnData,\r\n  TableData,\r\n  TableRowData,\r\n  TableCellData,\r\n} from \"../types\";\r\n\r\nfunction isComponentType(\r\n  element: ReactElement,\r\n  componentType: ComponentType<any>\r\n): boolean {\r\n  return element.type === componentType;\r\n}\r\n\r\n/**\r\n * Parses JSX table structure into collection data format\r\n */\r\nexport function parseTableChildren(children: ReactNode): TableData {\r\n  const columns: TableColumnData[] = [];\r\n  const rows: TableRowData[] = [];\r\n\r\n  Children.forEach(children, (child) => {\r\n    if (!isValidElement(child)) return;\r\n\r\n    // Parse columns from header\r\n    if (isComponentType(child, TableHeader)) {\r\n      const headerProps = child.props as TableHeaderProps;\r\n\r\n      Children.forEach(headerProps.children, (columnChild) => {\r\n        if (\r\n          isValidElement(columnChild) &&\r\n          isComponentType(columnChild, TableColumnComp)\r\n        ) {\r\n          const columnProps = columnChild.props as TableColumnProps;\r\n          columns.push({\r\n            key: columnProps.id,\r\n            header: columnProps.children,\r\n            isHidden: headerProps.isHidden || false,\r\n            ariaSort: columnProps[\"aria-sort\"],\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    // Parse rows from body\r\n    if (isComponentType(child, TableBody)) {\r\n      const bodyProps = child.props as TableBodyProps;\r\n      Children.forEach(bodyProps.children, (rowChild) => {\r\n        if (\r\n          isValidElement(rowChild) &&\r\n          isComponentType(rowChild, TableRowComp)\r\n        ) {\r\n          const rowProps = rowChild.props as TableRowProps;\r\n          const cells: TableCellData[] = [];\r\n\r\n          let cellIndex = 0;\r\n          Children.forEach(rowProps.children, (cellChild) => {\r\n            if (\r\n              isValidElement(cellChild) &&\r\n              isComponentType(cellChild, TableCellComp)\r\n            ) {\r\n              const cellProps = cellChild.props as TableCellProps;\r\n\r\n              // Map cell to column by index if no explicit columnKey\r\n              const columnKey = cellProps.columnKey || columns[cellIndex]?.key;\r\n\r\n              if (columnKey) {\r\n                cells.push({\r\n                  columnKey,\r\n                  value: cellProps.children,\r\n                  colSpan: cellProps.colSpan,\r\n                });\r\n              }\r\n              cellIndex++;\r\n            }\r\n          });\r\n\r\n          rows.push({\r\n            key:\r\n              (rowChild.key as string) || rowProps.key || String(rows.length),\r\n            cells,\r\n            onClick: rowProps.onClick,\r\n          });\r\n        }\r\n      });\r\n    }\r\n  });\r\n\r\n  return { columns, rows };\r\n}\r\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 {\r\n  Children,\r\n  isValidElement,\r\n  ReactElement,\r\n  ReactNode,\r\n  ComponentType,\r\n} from \"react\";\r\n\r\nimport {\r\n  TableHeader,\r\n  TableColumn as TableColumnComp,\r\n  TableBody,\r\n  TableRow as TableRowComp,\r\n  TableCell as TableCellComp,\r\n  type TableHeaderProps,\r\n  type TableColumnProps,\r\n  type TableBodyProps,\r\n  type TableRowProps,\r\n  type TableCellProps,\r\n} from \"./CompoundComponents\";\r\nimport type {\r\n  TableColumnData,\r\n  TableData,\r\n  TableRowData,\r\n  TableCellData,\r\n} from \"../types\";\r\n\r\nfunction isComponentType(\r\n  element: ReactElement,\r\n  componentType: ComponentType<any>\r\n): boolean {\r\n  return element.type === componentType;\r\n}\r\n\r\n/**\r\n * Parses JSX table structure into collection data format\r\n */\r\nexport function parseTableChildren(children: ReactNode): TableData {\r\n  const columns: TableColumnData[] = [];\r\n  const rows: TableRowData[] = [];\r\n\r\n  Children.forEach(children, (child) => {\r\n    if (!isValidElement(child)) return;\r\n\r\n    // Parse columns from header\r\n    if (isComponentType(child, TableHeader)) {\r\n      const headerProps = child.props as TableHeaderProps;\r\n\r\n      Children.forEach(headerProps.children, (columnChild) => {\r\n        if (\r\n          isValidElement(columnChild) &&\r\n          isComponentType(columnChild, TableColumnComp)\r\n        ) {\r\n          const columnProps = columnChild.props as TableColumnProps;\r\n          columns.push({\r\n            key: columnProps.id,\r\n            header: columnProps.children,\r\n            isHidden: headerProps.isHidden || false,\r\n            ariaSort: columnProps[\"aria-sort\"],\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    // Parse rows from body\r\n    if (isComponentType(child, TableBody)) {\r\n      const bodyProps = child.props as TableBodyProps;\r\n      Children.forEach(bodyProps.children, (rowChild) => {\r\n        if (\r\n          isValidElement(rowChild) &&\r\n          isComponentType(rowChild, TableRowComp)\r\n        ) {\r\n          const rowProps = rowChild.props as TableRowProps;\r\n          const cells: TableCellData[] = [];\r\n\r\n          let cellIndex = 0;\r\n          Children.forEach(rowProps.children, (cellChild) => {\r\n            if (\r\n              isValidElement(cellChild) &&\r\n              isComponentType(cellChild, TableCellComp)\r\n            ) {\r\n              const cellProps = cellChild.props as TableCellProps;\r\n\r\n              // Map cell to column by index if no explicit columnKey\r\n              const columnKey = cellProps.columnKey || columns[cellIndex]?.key;\r\n\r\n              if (columnKey) {\r\n                cells.push({\r\n                  columnKey,\r\n                  value: cellProps.children,\r\n                  colSpan: cellProps.colSpan,\r\n                });\r\n              }\r\n              cellIndex++;\r\n            }\r\n          });\r\n\r\n          rows.push({\r\n            key:\r\n              (rowChild.key as string) || rowProps.key || String(rows.length),\r\n            cells,\r\n            onClick: rowProps.onClick,\r\n          });\r\n        }\r\n      });\r\n    }\r\n  });\r\n\r\n  return { columns, rows };\r\n}\r\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\";\r\nimport type { TableData, TableRowData } from \"../types\";\r\n\r\n/**\r\n * Hook for managing table data structure and providing navigation methods\r\n */\r\nexport function useTableCollection(data: TableData) {\r\n  const keyToIndexMap = useMemo(() => {\r\n    const map = new Map<string | number, number>();\r\n    data.rows.forEach((row, index) => {\r\n      map.set(row.key, index);\r\n    });\r\n    return map;\r\n  }, [data.rows]);\r\n\r\n  const getItemByKey = useMemo(\r\n    () =>\r\n      (key: string | number): TableRowData | null => {\r\n        const index = keyToIndexMap.get(key);\r\n        if (index === undefined) return null;\r\n        return data.rows[index];\r\n      },\r\n    [data.rows, keyToIndexMap]\r\n  );\r\n\r\n  const getItemAfter = useMemo(\r\n    () =>\r\n      (key: string | number): TableRowData | null => {\r\n        const index = keyToIndexMap.get(key);\r\n        if (index === undefined || index >= data.rows.length - 1) return null;\r\n        return data.rows[index + 1];\r\n      },\r\n    [data.rows, keyToIndexMap]\r\n  );\r\n\r\n  const getItemBefore = useMemo(\r\n    () =>\r\n      (key: string | number): TableRowData | null => {\r\n        const index = keyToIndexMap.get(key);\r\n        if (index === undefined || index <= 0) return null;\r\n        return data.rows[index - 1];\r\n      },\r\n    [data.rows, keyToIndexMap]\r\n  );\r\n\r\n  const getItemIndex = useMemo(\r\n    () =>\r\n      (key: string | number): number => {\r\n        return keyToIndexMap.get(key) ?? -1;\r\n      },\r\n    [keyToIndexMap]\r\n  );\r\n\r\n  // Computed values\r\n  const firstItem = useMemo(() => data.rows[0] || null, [data.rows]);\r\n  const lastItem = useMemo(\r\n    () => data.rows[data.rows.length - 1] || null,\r\n    [data.rows]\r\n  );\r\n  const size = data.rows.length;\r\n\r\n  // ARIA helpers\r\n  const isHeaderHidden = data.columns[0]?.isHidden || false;\r\n  const hasVisibleHeader = !isHeaderHidden;\r\n\r\n  const getTotalRowCount = useMemo(() => {\r\n    return size + (hasVisibleHeader ? 1 : 0);\r\n  }, [size, hasVisibleHeader]);\r\n\r\n  const getRowAriaIndex = useMemo(\r\n    () => (rowIndex: number) => {\r\n      return rowIndex + (hasVisibleHeader ? 2 : 1); // +2 if header exists and visible, +1 if not\r\n    },\r\n    [hasVisibleHeader]\r\n  );\r\n\r\n  return {\r\n    // Data\r\n    columns: data.columns,\r\n    rows: data.rows,\r\n    size,\r\n    firstItem,\r\n    lastItem,\r\n\r\n    // ARIA helpers\r\n    isHeaderHidden,\r\n    hasVisibleHeader,\r\n    getTotalRowCount,\r\n    getRowAriaIndex,\r\n\r\n    // Navigation functions\r\n    getItemByKey,\r\n    getItemAfter,\r\n    getItemBefore,\r\n    getItemIndex,\r\n  };\r\n}\r\n\r\nexport type TableCollection = ReturnType<typeof useTableCollection>;\r\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\";\r\nimport type { TableData, TableRowData } from \"../types\";\r\n\r\n/**\r\n * Hook for managing table data structure and providing navigation methods\r\n */\r\nexport function useTableCollection(data: TableData) {\r\n  const keyToIndexMap = useMemo(() => {\r\n    const map = new Map<string | number, number>();\r\n    data.rows.forEach((row, index) => {\r\n      map.set(row.key, index);\r\n    });\r\n    return map;\r\n  }, [data.rows]);\r\n\r\n  const getItemByKey = useMemo(\r\n    () =>\r\n      (key: string | number): TableRowData | null => {\r\n        const index = keyToIndexMap.get(key);\r\n        if (index === undefined) return null;\r\n        return data.rows[index];\r\n      },\r\n    [data.rows, keyToIndexMap]\r\n  );\r\n\r\n  const getItemAfter = useMemo(\r\n    () =>\r\n      (key: string | number): TableRowData | null => {\r\n        const index = keyToIndexMap.get(key);\r\n        if (index === undefined || index >= data.rows.length - 1) return null;\r\n        return data.rows[index + 1];\r\n      },\r\n    [data.rows, keyToIndexMap]\r\n  );\r\n\r\n  const getItemBefore = useMemo(\r\n    () =>\r\n      (key: string | number): TableRowData | null => {\r\n        const index = keyToIndexMap.get(key);\r\n        if (index === undefined || index <= 0) return null;\r\n        return data.rows[index - 1];\r\n      },\r\n    [data.rows, keyToIndexMap]\r\n  );\r\n\r\n  const getItemIndex = useMemo(\r\n    () =>\r\n      (key: string | number): number => {\r\n        return keyToIndexMap.get(key) ?? -1;\r\n      },\r\n    [keyToIndexMap]\r\n  );\r\n\r\n  // Computed values\r\n  const firstItem = useMemo(() => data.rows[0] || null, [data.rows]);\r\n  const lastItem = useMemo(\r\n    () => data.rows[data.rows.length - 1] || null,\r\n    [data.rows]\r\n  );\r\n  const size = data.rows.length;\r\n\r\n  // ARIA helpers\r\n  const isHeaderHidden = data.columns[0]?.isHidden || false;\r\n  const hasVisibleHeader = !isHeaderHidden;\r\n\r\n  const getTotalRowCount = useMemo(() => {\r\n    return size + (hasVisibleHeader ? 1 : 0);\r\n  }, [size, hasVisibleHeader]);\r\n\r\n  const getRowAriaIndex = useMemo(\r\n    () => (rowIndex: number) => {\r\n      return rowIndex + (hasVisibleHeader ? 2 : 1); // +2 if header exists and visible, +1 if not\r\n    },\r\n    [hasVisibleHeader]\r\n  );\r\n\r\n  return {\r\n    // Data\r\n    columns: data.columns,\r\n    rows: data.rows,\r\n    size,\r\n    firstItem,\r\n    lastItem,\r\n\r\n    // ARIA helpers\r\n    isHeaderHidden,\r\n    hasVisibleHeader,\r\n    getTotalRowCount,\r\n    getRowAriaIndex,\r\n\r\n    // Navigation functions\r\n    getItemByKey,\r\n    getItemAfter,\r\n    getItemBefore,\r\n    getItemIndex,\r\n  };\r\n}\r\n\r\nexport type TableCollection = ReturnType<typeof useTableCollection>;\r\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\";\r\nimport { parseTableChildren } from \"./Collection/collectionParser\";\r\nimport {\r\n  TableHeader,\r\n  TableColumn,\r\n  TableBody,\r\n  TableRow,\r\n  TableCell,\r\n  TableHeaderProps,\r\n  TableColumnProps,\r\n  TableBodyProps,\r\n  TableRowProps,\r\n  TableCellProps,\r\n} from \"./Collection/CompoundComponents\";\r\nimport { useTableCollection } from \"./Collection/useTableCollection\";\r\nimport type {\r\n  TableData,\r\n  TableColumnData,\r\n  TableRowData,\r\n  TableCellData,\r\n} from \"./types\";\r\nimport \"./Table.css\";\r\n\r\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\r\n\r\nexport interface TableProps {\r\n  children: [ReactElement<TableHeaderProps>, ReactElement<TableBodyProps>];\r\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\r\n  name: string;\r\n}\r\n\r\nconst TableComponent = ({ children, name }: TableProps) => {\r\n  const tableData: TableData = useMemo(\r\n    () => parseTableChildren(children),\r\n    [children]\r\n  );\r\n  const collection = useTableCollection(tableData);\r\n\r\n  return (\r\n    <table\r\n      className=\"proton-Table\"\r\n      role=\"table\"\r\n      aria-rowcount={collection.getTotalRowCount}\r\n      aria-colcount={collection.columns.length}\r\n      aria-label={name}\r\n    >\r\n      <caption className=\"proton-Table__caption\">{name}</caption>\r\n\r\n      {/* Header */}\r\n      <thead\r\n        className=\"proton-Table__rowGroup--header\"\r\n        role=\"rowgroup\"\r\n        style={collection.isHeaderHidden ? { display: \"none\" } : undefined}\r\n      >\r\n        <tr className=\"proton-Table__header-row\" role=\"row\" aria-rowindex={1}>\r\n          {collection.columns.map((column, index) => (\r\n            <th\r\n              key={column.key}\r\n              className=\"proton-Table__header\"\r\n              role=\"columnheader\"\r\n              scope=\"col\"\r\n              aria-colindex={index + 1}\r\n              aria-sort={column.ariaSort}\r\n            >\r\n              {column.header}\r\n            </th>\r\n          ))}\r\n        </tr>\r\n      </thead>\r\n\r\n      {/* Body */}\r\n      <tbody className=\"proton-Table__body\" role=\"rowgroup\">\r\n        {collection.rows.map((row, rowIndex) => (\r\n          <tr\r\n            key={row.key}\r\n            className=\"proton-Table__row\"\r\n            role=\"row\"\r\n            aria-rowindex={collection.getRowAriaIndex(rowIndex)}\r\n            onClick={row?.onClick}\r\n            tabIndex={row?.onClick ? 0 : undefined}\r\n            onKeyDown={\r\n              row?.onClick\r\n                ? (e) => {\r\n                    if (e.key === \"Enter\" || e.key === \" \") {\r\n                      // Enable keyboard navigation\r\n                      e.preventDefault();\r\n                      row.onClick?.();\r\n                    }\r\n                  }\r\n                : undefined\r\n            }\r\n          >\r\n            {collection.columns.map((column, colIndex) => {\r\n              const cell = row.cells.find((c) => c.columnKey === column.key);\r\n              return (\r\n                <td\r\n                  key={column.key}\r\n                  className=\"proton-Table__cell\"\r\n                  role=\"cell\"\r\n                  aria-colindex={colIndex + 1}\r\n                  colSpan={cell?.colSpan}\r\n                >\r\n                  {cell?.value || \"\"}\r\n                </td>\r\n              );\r\n            })}\r\n          </tr>\r\n        ))}\r\n      </tbody>\r\n    </table>\r\n  );\r\n};\r\n\r\n/**\r\n * Base Table component that renders data in rows and columns using collections.\r\n *\r\n * - Built-in keyboard navigation for interactive rows.\r\n * - Full ARIA table semantics with proper roles, labels, and indices.\r\n *\r\n * API:\r\n *  - {@link TableProps}\r\n *\r\n * @example\r\n * ```tsx\r\n * <Table caption=\"Employee Directory\">\r\n *   <Table.Header>\r\n *     <Table.Column id=\"name\">Name</Table.Column>\r\n *   </Table.Header>\r\n *   <Table.Body>\r\n *     <Table.Row key=\"1\">\r\n *       <Table.Cell>Joe</Table.Cell>\r\n *     </Table.Row>\r\n *   </Table.Body>\r\n * </Table>\r\n * ```\r\n */\r\nconst Table = Object.assign(TableComponent, {\r\n  /** Table header: {@link TableHeaderProps} */\r\n  Header: TableHeader,\r\n  /** Table column: {@link TableColumnProps} */\r\n  Column: TableColumn,\r\n  /** Table body: {@link TableBodyProps} */\r\n  Body: TableBody,\r\n  /** Table row: {@link TableRowProps} */\r\n  Row: TableRow,\r\n  /** Table cell: {@link TableCellProps} */\r\n  Cell: TableCell,\r\n});\r\n\r\nexport { Table };\r\nexport type {\r\n  TableHeaderProps,\r\n  TableColumnProps,\r\n  TableBodyProps,\r\n  TableRowProps,\r\n  TableCellProps,\r\n};\r\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"}