@protonradio/proton-ui 0.11.5-beta.2 → 0.11.5

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

@@ -1,40 +0,0 @@
-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

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

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

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

@@ -1,9 +0,0 @@
-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

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

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

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

@@ -1,54 +0,0 @@
-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

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

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

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

@@ -1,59 +0,0 @@
-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

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

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

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

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

@@ -1,89 +0,0 @@
-import { j as a } from "../../node_modules/react/jsx-runtime.es.js";
-import { useMemo as p } from "react";
-import { parseTableChildren as m } from "./Collection/collectionParser.es.js";
-import { TableHeader as b, TableColumn as T, TableBody as u, TableRow as x, TableCell as h } from "./Collection/CompoundComponents.es.js";
-import { useTableCollection as y } from "./Collection/useTableCollection.es.js";
-/* empty css             */
-const _ = ({ children: s, name: i }) => {
-  const c = p(
-    () => m(s),
-    [s]
-  ), o = y(c);
-  return /* @__PURE__ */ a.jsxs(
-    "table",
-    {
-      className: "proton-Table",
-      role: "table",
-      "aria-rowcount": o.getTotalRowCount,
-      "aria-colcount": o.columns.length,
-      "aria-label": i,
-      children: [
-        /* @__PURE__ */ a.jsx("caption", { className: "proton-Table__caption", children: i }),
-        /* @__PURE__ */ a.jsx(
-          "thead",
-          {
-            className: "proton-Table__rowGroup--header",
-            role: "rowgroup",
-            style: o.isHeaderHidden ? { display: "none" } : void 0,
-            children: /* @__PURE__ */ a.jsx("tr", { className: "proton-Table__header-row", role: "row", "aria-rowindex": 1, children: o.columns.map((e, t) => /* @__PURE__ */ a.jsx(
-              "th",
-              {
-                className: "proton-Table__header",
-                role: "columnheader",
-                scope: "col",
-                "aria-colindex": t + 1,
-                "aria-sort": e.ariaSort,
-                children: e.header
-              },
-              e.key
-            )) })
-          }
-        ),
-        /* @__PURE__ */ a.jsx("tbody", { className: "proton-Table__body", role: "rowgroup", children: o.rows.map((e, t) => /* @__PURE__ */ a.jsx(
-          "tr",
-          {
-            className: "proton-Table__row",
-            role: "row",
-            "aria-rowindex": o.getRowAriaIndex(t),
-            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: o.columns.map((l, r) => {
-              const n = e.cells.find((d) => d.columnKey === l.key);
-              return /* @__PURE__ */ a.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
-        )) })
-      ]
-    }
-  );
-}, v = Object.assign(_, {
-  /** Table header: {@link TableHeaderProps} */
-  Header: b,
-  /** Table column: {@link TableColumnProps} */
-  Column: T,
-  /** Table body: {@link TableBodyProps} */
-  Body: u,
-  /** Table row: {@link TableRowProps} */
-  Row: x,
-  /** Table cell: {@link TableCellProps} */
-  Cell: h
-});
-export {
-  v as Table
-};
-//# sourceMappingURL=Table.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.es.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":";;;;;;AA+BA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAuB;AACzD,QAAMC,IAAuBC;AAAA,IAC3B,MAAMC,EAAmBJ,CAAQ;AAAA,IACjC,CAACA,CAAQ;AAAA,EAAA,GAELK,IAAaC,EAAmBJ,CAAS;AAG7C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAeF,EAAW;AAAA,MAC1B,iBAAeA,EAAW,QAAQ;AAAA,MAClC,cAAYJ;AAAA,MAEZ,UAAA;AAAA,QAACO,gBAAAA,EAAA,IAAA,WAAA,EAAQ,WAAU,yBAAyB,UAAKP,GAAA;AAAA,QAGjDO,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAOH,EAAW,iBAAiB,EAAE,SAAS,OAAW,IAAA;AAAA,YAEzD,UAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,4BAA2B,MAAK,OAAM,iBAAe,GAChE,UAAWH,EAAA,QAAQ,IAAI,CAACI,GAAQC,MAC/BF,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,iBAAeE,IAAQ;AAAA,gBACvB,aAAWD,EAAO;AAAA,gBAEjB,UAAOA,EAAA;AAAA,cAAA;AAAA,cAPHA,EAAO;AAAA,YASf,CAAA,GACH;AAAA,UAAA;AAAA,QACF;AAAA,QAGAD,gBAAAA,EAAAA,IAAC,SAAM,EAAA,WAAU,sBAAqB,MAAK,YACxC,UAAAH,EAAW,KAAK,IAAI,CAACM,GAAKC,MACzBJ,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,iBAAeH,EAAW,gBAAgBO,CAAQ;AAAA,YAClD,SAASD,KAAA,gBAAAA,EAAK;AAAA,YACd,UAAUA,KAAA,QAAAA,EAAK,UAAU,IAAI;AAAA,YAC7B,WACEA,KAAA,QAAAA,EAAK,UACD,CAACE,MAAM;;AACL,eAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SAEjCA,EAAE,eAAe,IACjBC,IAAAH,EAAI,YAAJ,QAAAG,EAAA,KAAAH;AAAA,YAGJ,IAAA;AAAA,YAGL,UAAWN,EAAA,QAAQ,IAAI,CAACI,GAAQM,MAAa;AACtC,oBAAAC,IAAOL,EAAI,MAAM,KAAK,CAACM,MAAMA,EAAE,cAAcR,EAAO,GAAG;AAE3D,qBAAAD,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,iBAAeO,IAAW;AAAA,kBAC1B,SAASC,KAAA,gBAAAA,EAAM;AAAA,kBAEd,kCAAM,UAAS;AAAA,gBAAA;AAAA,gBANXP,EAAO;AAAA,cAAA;AAAA,YAOd,CAEH;AAAA,UAAA;AAAA,UA/BIE,EAAI;AAAA,QAiCZ,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAyBMO,IAAQ,OAAO,OAAOnB,GAAgB;AAAA;AAAA,EAE1C,QAAQoB;AAAA;AAAA,EAER,QAAQC;AAAA;AAAA,EAER,MAAMC;AAAA;AAAA,EAEN,KAAKC;AAAA;AAAA,EAEL,MAAMC;AACR,CAAC;"}

package/dist/components/Text/TextEllipsis/TextEllipsis.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../node_modules/react/jsx-runtime.cjs.js");;/* empty css                      */const o=require("../../../utils/string.cjs.js"),p=({children:e,maxWidth:i,singleLine:s=!0,lines:t=1,title:l,"data-testid":r})=>n.jsxRuntimeExports.jsx("div",{className:o.csx("proton-TextEllipsis",s||t===1?"proton-TextEllipsis--single-line":t>1?"proton-TextEllipsis--multi-line":""),style:{maxWidth:i,WebkitLineClamp:t},title:l,"data-testid":r,children:e});exports.TextEllipsis=p;
-//# sourceMappingURL=TextEllipsis.cjs.js.map

package/dist/components/Text/TextEllipsis/TextEllipsis.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEllipsis.cjs.js","sources":["../../../../src/components/Text/TextEllipsis/TextEllipsis.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode } from \"react\";\r\nimport { csx } from \"../../../utils\";\r\nimport \"./TextEllipsis.css\";\r\n\r\ninterface TextEllipsisProps {\r\n  /**\r\n   * The content to display within the text ellipsis.\r\n   */\r\n  children: ReactNode;\r\n\r\n  /**\r\n   * The maximum width of the text container in any valid CSS unit (px, rem, em, %, etc.).\r\n   * When the container width is less than this value, text will be truncated with an ellipsis.\r\n   */\r\n  maxWidth?: string | number;\r\n\r\n  /**\r\n   * Whether to truncate the text to a single line. Default is true.\r\n   * If false, the text will wrap to multiple lines.\r\n   */\r\n  singleLine?: boolean;\r\n\r\n  /**\r\n   * The number of lines to show before truncating with an ellipsis.\r\n   * Only applies when singleLine is false.\r\n   */\r\n  lines?: number;\r\n\r\n  /**\r\n   * The title attribute to show on hover. If not provided and singleLine is true,\r\n   * the children will be used as the title (if children is a string).\r\n   */\r\n  title?: string;\r\n\r\n  /**\r\n   * A test ID.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * A component that displays text with an ellipsis when it overflows its container.\r\n *\r\n * API:\r\n *  - {@link TextEllipsisProps}\r\n */\r\nexport const TextEllipsis = ({\r\n  children,\r\n  maxWidth,\r\n  singleLine = true,\r\n  lines = 1,\r\n  title,\r\n  \"data-testid\": testId,\r\n}: TextEllipsisProps) => {\r\n  return (\r\n    <div\r\n      className={csx(\r\n        \"proton-TextEllipsis\",\r\n        singleLine || lines === 1\r\n          ? \"proton-TextEllipsis--single-line\"\r\n          : lines > 1\r\n            ? \"proton-TextEllipsis--multi-line\"\r\n            : \"\"\r\n      )}\r\n      style={{\r\n        maxWidth: maxWidth,\r\n        WebkitLineClamp: lines,\r\n      }}\r\n      title={title}\r\n      data-testid={testId}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TextEllipsis","children","maxWidth","singleLine","lines","title","testId","jsx","csx"],"mappings":"uOAgDaA,EAAe,CAAC,CAC3B,SAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EAAQ,EACR,MAAAC,EACA,cAAeC,CACjB,IAEIC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,IACT,sBACAL,GAAcC,IAAU,EACpB,mCACAA,EAAQ,EACN,kCACA,EACR,EACA,MAAO,CACL,SAAAF,EACA,gBAAiBE,CACnB,EACA,MAAAC,EACA,cAAaC,EAEZ,SAAAL,CAAA,CAAA"}

package/dist/components/Text/TextEllipsis/TextEllipsis.es.js

@@ -1,30 +0,0 @@
-import { j as p } from "../../../node_modules/react/jsx-runtime.es.js";
-/* empty css                    */
-import { csx as r } from "../../../utils/string.es.js";
-const n = ({
-  children: i,
-  maxWidth: s,
-  singleLine: e = !0,
-  lines: t = 1,
-  title: o,
-  "data-testid": l
-}) => /* @__PURE__ */ p.jsx(
-  "div",
-  {
-    className: r(
-      "proton-TextEllipsis",
-      e || t === 1 ? "proton-TextEllipsis--single-line" : t > 1 ? "proton-TextEllipsis--multi-line" : ""
-    ),
-    style: {
-      maxWidth: s,
-      WebkitLineClamp: t
-    },
-    title: o,
-    "data-testid": l,
-    children: i
-  }
-);
-export {
-  n as TextEllipsis
-};
-//# sourceMappingURL=TextEllipsis.es.js.map

package/dist/components/Text/TextEllipsis/TextEllipsis.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEllipsis.es.js","sources":["../../../../src/components/Text/TextEllipsis/TextEllipsis.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode } from \"react\";\r\nimport { csx } from \"../../../utils\";\r\nimport \"./TextEllipsis.css\";\r\n\r\ninterface TextEllipsisProps {\r\n  /**\r\n   * The content to display within the text ellipsis.\r\n   */\r\n  children: ReactNode;\r\n\r\n  /**\r\n   * The maximum width of the text container in any valid CSS unit (px, rem, em, %, etc.).\r\n   * When the container width is less than this value, text will be truncated with an ellipsis.\r\n   */\r\n  maxWidth?: string | number;\r\n\r\n  /**\r\n   * Whether to truncate the text to a single line. Default is true.\r\n   * If false, the text will wrap to multiple lines.\r\n   */\r\n  singleLine?: boolean;\r\n\r\n  /**\r\n   * The number of lines to show before truncating with an ellipsis.\r\n   * Only applies when singleLine is false.\r\n   */\r\n  lines?: number;\r\n\r\n  /**\r\n   * The title attribute to show on hover. If not provided and singleLine is true,\r\n   * the children will be used as the title (if children is a string).\r\n   */\r\n  title?: string;\r\n\r\n  /**\r\n   * A test ID.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * A component that displays text with an ellipsis when it overflows its container.\r\n *\r\n * API:\r\n *  - {@link TextEllipsisProps}\r\n */\r\nexport const TextEllipsis = ({\r\n  children,\r\n  maxWidth,\r\n  singleLine = true,\r\n  lines = 1,\r\n  title,\r\n  \"data-testid\": testId,\r\n}: TextEllipsisProps) => {\r\n  return (\r\n    <div\r\n      className={csx(\r\n        \"proton-TextEllipsis\",\r\n        singleLine || lines === 1\r\n          ? \"proton-TextEllipsis--single-line\"\r\n          : lines > 1\r\n            ? \"proton-TextEllipsis--multi-line\"\r\n            : \"\"\r\n      )}\r\n      style={{\r\n        maxWidth: maxWidth,\r\n        WebkitLineClamp: lines,\r\n      }}\r\n      title={title}\r\n      data-testid={testId}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TextEllipsis","children","maxWidth","singleLine","lines","title","testId","jsx","csx"],"mappings":";;;AAgDO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,eAAeC;AACjB,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL,KAAcC,MAAU,IACpB,qCACAA,IAAQ,IACN,oCACA;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,UAAAF;AAAA,MACA,iBAAiBE;AAAA,IACnB;AAAA,IACA,OAAAC;AAAA,IACA,eAAaC;AAAA,IAEZ,UAAAL;AAAA,EAAA;AAAA;"}

package/dist/components/Text/TextEmphasis/TextEmphasis.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js");;/* empty css                      */const m=require("../../ThemeProvider.cjs.js"),u=require("../../Tooltip/Tooltip.cjs.js"),x=require("../../../utils/navigation.cjs.js"),c=require("../../../utils/string.cjs.js"),p=({to:e,children:n,tooltipProps:s,"data-testid":i})=>{const{className:a}=m.useTheme(),o=s?t.jsxRuntimeExports.jsx(u.TooltipTrigger,{delay:50,closeDelay:75,...s,children:n}):n;if(e){const r=x.isUrlExternal(e);return t.jsxRuntimeExports.jsx("span",{className:c.csx("proton-TextEmphasis",s&&"proton-TextEmphasis--tooltip",a),children:t.jsxRuntimeExports.jsx("a",{"data-testid":i,href:e,target:r?"_blank":void 0,rel:r?"noopener noreferrer":void 0,onClick:r?void 0:l=>x.handleInternalNavigation(l,e),children:o})})}return t.jsxRuntimeExports.jsx("span",{className:c.csx("proton-TextEmphasis",s&&"proton-TextEmphasis--tooltip",a),"data-testid":i,children:o})};exports.TextEmphasis=p;
-//# sourceMappingURL=TextEmphasis.cjs.js.map

package/dist/components/Text/TextEmphasis/TextEmphasis.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEmphasis.cjs.js","sources":["../../../../src/components/Text/TextEmphasis/TextEmphasis.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode } from \"react\";\r\nimport \"./TextEmphasis.css\";\r\n\r\nimport { csx } from \"../../../utils\";\r\nimport { useTheme } from \"../../ThemeProvider\";\r\nimport { TooltipTrigger, TooltipTriggerProps } from \"../../Tooltip/Tooltip\";\r\nimport {\r\n  handleInternalNavigation,\r\n  isUrlExternal,\r\n} from \"../../../utils/navigation\";\r\n\r\ninterface TextEmphasisProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n  /**\r\n   * The URL that the text emphasis should link to. Turns the element into an `a` tag.\r\n   */\r\n  to?: string;\r\n  /**\r\n   * The content to display within the text emphasis.\r\n   */\r\n  children: ReactNode;\r\n  /**\r\n   * Props to pass to the tooltip trigger. When provided, the text emphasis will be wrapped in a tooltip trigger.\r\n   */\r\n  tooltipProps?: Omit<TooltipTriggerProps, \"children\">;\r\n  /**\r\n   * A test ID.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * A component that displays text with emphasis. Provide tooltipProps to wrap the text in a tooltip trigger.\r\n *\r\n * API:\r\n *  - {@link TextEmphasisProps}\r\n *  - extends {@link React.HTMLAttributes}\r\n */\r\nexport const TextEmphasis = ({\r\n  to,\r\n  children,\r\n  tooltipProps,\r\n  \"data-testid\": testId,\r\n}: TextEmphasisProps) => {\r\n  const { className: themeClassName } = useTheme();\r\n\r\n  const content = tooltipProps ? (\r\n    <TooltipTrigger delay={50} closeDelay={75} {...tooltipProps}>\r\n      {children}\r\n    </TooltipTrigger>\r\n  ) : (\r\n    children\r\n  );\r\n\r\n  if (to) {\r\n    const isExternal = isUrlExternal(to);\r\n    return (\r\n      <span\r\n        className={csx(\r\n          \"proton-TextEmphasis\",\r\n          tooltipProps && \"proton-TextEmphasis--tooltip\",\r\n          themeClassName\r\n        )}\r\n      >\r\n        <a\r\n          data-testid={testId}\r\n          href={to}\r\n          target={isExternal ? \"_blank\" : undefined}\r\n          rel={isExternal ? \"noopener noreferrer\" : undefined}\r\n          onClick={\r\n            !isExternal ? (e) => handleInternalNavigation(e, to) : undefined\r\n          }\r\n        >\r\n          {content}\r\n        </a>\r\n      </span>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={csx(\r\n        \"proton-TextEmphasis\",\r\n        tooltipProps && \"proton-TextEmphasis--tooltip\",\r\n        themeClassName\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["TextEmphasis","to","children","tooltipProps","testId","themeClassName","useTheme","content","jsx","TooltipTrigger","isExternal","isUrlExternal","csx","e","handleInternalNavigation"],"mappings":"uWAuCaA,EAAe,CAAC,CAC3B,GAAAC,EACA,SAAAC,EACA,aAAAC,EACA,cAAeC,CACjB,IAAyB,CACvB,KAAM,CAAE,UAAWC,CAAe,EAAIC,EAAS,SAAA,EAEzCC,EAAUJ,EACdK,EAAA,kBAAA,IAACC,EAAe,eAAA,CAAA,MAAO,GAAI,WAAY,GAAK,GAAGN,EAC5C,SAAAD,CACH,CAAA,EAEAA,EAGF,GAAID,EAAI,CACA,MAAAS,EAAaC,gBAAcV,CAAE,EAEjC,OAAAO,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWI,EAAA,IACT,sBACAT,GAAgB,+BAChBE,CACF,EAEA,SAAAG,EAAA,kBAAA,IAAC,IAAA,CACC,cAAaJ,EACb,KAAMH,EACN,OAAQS,EAAa,SAAW,OAChC,IAAKA,EAAa,sBAAwB,OAC1C,QACGA,EAAsD,OAAxCG,GAAMC,EAAyB,yBAAAD,EAAGZ,CAAE,EAGpD,SAAAM,CAAA,CACH,CAAA,CAAA,CAGN,CAGE,OAAAC,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWI,EAAA,IACT,sBACAT,GAAgB,+BAChBE,CACF,EACA,cAAaD,EAEZ,SAAAG,CAAA,CAAA,CAGP"}

package/dist/components/Text/TextEmphasis/TextEmphasis.es.js

@@ -1,54 +0,0 @@
-import { j as s } from "../../../node_modules/react/jsx-runtime.es.js";
-/* empty css                    */
-import { useTheme as p } from "../../ThemeProvider.es.js";
-import { TooltipTrigger as x } from "../../Tooltip/Tooltip.es.js";
-import { isUrlExternal as c, handleInternalNavigation as d } from "../../../utils/navigation.es.js";
-import { csx as m } from "../../../utils/string.es.js";
-const g = ({
-  to: e,
-  children: a,
-  tooltipProps: t,
-  "data-testid": o
-}) => {
-  const { className: n } = p(), i = t ? /* @__PURE__ */ s.jsx(x, { delay: 50, closeDelay: 75, ...t, children: a }) : a;
-  if (e) {
-    const r = c(e);
-    return /* @__PURE__ */ s.jsx(
-      "span",
-      {
-        className: m(
-          "proton-TextEmphasis",
-          t && "proton-TextEmphasis--tooltip",
-          n
-        ),
-        children: /* @__PURE__ */ s.jsx(
-          "a",
-          {
-            "data-testid": o,
-            href: e,
-            target: r ? "_blank" : void 0,
-            rel: r ? "noopener noreferrer" : void 0,
-            onClick: r ? void 0 : (l) => d(l, e),
-            children: i
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ s.jsx(
-    "span",
-    {
-      className: m(
-        "proton-TextEmphasis",
-        t && "proton-TextEmphasis--tooltip",
-        n
-      ),
-      "data-testid": o,
-      children: i
-    }
-  );
-};
-export {
-  g as TextEmphasis
-};
-//# sourceMappingURL=TextEmphasis.es.js.map

package/dist/components/Text/TextEmphasis/TextEmphasis.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEmphasis.es.js","sources":["../../../../src/components/Text/TextEmphasis/TextEmphasis.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode } from \"react\";\r\nimport \"./TextEmphasis.css\";\r\n\r\nimport { csx } from \"../../../utils\";\r\nimport { useTheme } from \"../../ThemeProvider\";\r\nimport { TooltipTrigger, TooltipTriggerProps } from \"../../Tooltip/Tooltip\";\r\nimport {\r\n  handleInternalNavigation,\r\n  isUrlExternal,\r\n} from \"../../../utils/navigation\";\r\n\r\ninterface TextEmphasisProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n  /**\r\n   * The URL that the text emphasis should link to. Turns the element into an `a` tag.\r\n   */\r\n  to?: string;\r\n  /**\r\n   * The content to display within the text emphasis.\r\n   */\r\n  children: ReactNode;\r\n  /**\r\n   * Props to pass to the tooltip trigger. When provided, the text emphasis will be wrapped in a tooltip trigger.\r\n   */\r\n  tooltipProps?: Omit<TooltipTriggerProps, \"children\">;\r\n  /**\r\n   * A test ID.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * A component that displays text with emphasis. Provide tooltipProps to wrap the text in a tooltip trigger.\r\n *\r\n * API:\r\n *  - {@link TextEmphasisProps}\r\n *  - extends {@link React.HTMLAttributes}\r\n */\r\nexport const TextEmphasis = ({\r\n  to,\r\n  children,\r\n  tooltipProps,\r\n  \"data-testid\": testId,\r\n}: TextEmphasisProps) => {\r\n  const { className: themeClassName } = useTheme();\r\n\r\n  const content = tooltipProps ? (\r\n    <TooltipTrigger delay={50} closeDelay={75} {...tooltipProps}>\r\n      {children}\r\n    </TooltipTrigger>\r\n  ) : (\r\n    children\r\n  );\r\n\r\n  if (to) {\r\n    const isExternal = isUrlExternal(to);\r\n    return (\r\n      <span\r\n        className={csx(\r\n          \"proton-TextEmphasis\",\r\n          tooltipProps && \"proton-TextEmphasis--tooltip\",\r\n          themeClassName\r\n        )}\r\n      >\r\n        <a\r\n          data-testid={testId}\r\n          href={to}\r\n          target={isExternal ? \"_blank\" : undefined}\r\n          rel={isExternal ? \"noopener noreferrer\" : undefined}\r\n          onClick={\r\n            !isExternal ? (e) => handleInternalNavigation(e, to) : undefined\r\n          }\r\n        >\r\n          {content}\r\n        </a>\r\n      </span>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={csx(\r\n        \"proton-TextEmphasis\",\r\n        tooltipProps && \"proton-TextEmphasis--tooltip\",\r\n        themeClassName\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["TextEmphasis","to","children","tooltipProps","testId","themeClassName","useTheme","content","jsx","TooltipTrigger","isExternal","isUrlExternal","csx","e","handleInternalNavigation"],"mappings":";;;;;;AAuCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAeC;AACjB,MAAyB;AACvB,QAAM,EAAE,WAAWC,EAAe,IAAIC,EAAS,GAEzCC,IAAUJ,IACdK,gBAAAA,EAAA,IAACC,GAAe,EAAA,OAAO,IAAI,YAAY,IAAK,GAAGN,GAC5C,UAAAD,EACH,CAAA,IAEAA;AAGF,MAAID,GAAI;AACA,UAAAS,IAAaC,EAAcV,CAAE;AAEjC,WAAAO,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,UACAT,KAAgB;AAAA,UAChBE;AAAA,QACF;AAAA,QAEA,UAAAG,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAaJ;AAAA,YACb,MAAMH;AAAA,YACN,QAAQS,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SACGA,IAAsD,SAAzC,CAACG,MAAMC,EAAyBD,GAAGZ,CAAE;AAAA,YAGpD,UAAAM;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAT,KAAgB;AAAA,QAChBE;AAAA,MACF;AAAA,MACA,eAAaD;AAAA,MAEZ,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ThemeProvider.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../node_modules/react/jsx-runtime.cjs.js"),t=require("react"),h=require("../design/lightTheme/colors.cjs.js"),l=require("../design/generateStylesheet.cjs.js"),d=require("../design/theme.cjs.js"),u=t.createContext(void 0),T=()=>{const e=t.useContext(u);if(e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return e},x=({theme:e,children:i,palette:r=h.LIGHT_PALETTE})=>{const s=t.useRef(null),o=d.THEME_CLASSES[e],n=t.useMemo(()=>l.generateStylesheet(r,e),[r,e]);return t.useEffect(()=>{s.current&&(s.current.className=o,Object.entries(n).forEach(([a,m])=>{s.current.style.setProperty(a,m)}))},[e,o,r,n]),c.jsxRuntimeExports.jsx(u.Provider,{value:{theme:e,style:n,palette:r,className:o,hasPalette:!!r},children:c.jsxRuntimeExports.jsx("div",{ref:s,children:i})})};exports.ThemeProvider=x;exports.useTheme=T;
-//# sourceMappingURL=ThemeProvider.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.cjs.js","sources":["../../src/components/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, {\r\n  createContext,\r\n  ReactNode,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n} from \"react\";\r\n\r\nimport { THEME_CLASSES } from \"../design\";\r\nimport { LIGHT_PALETTE } from \"../design/lightTheme/colors\";\r\nimport { ProtonPalette, ProtonStyleSheet, ProtonTheme } from \"../design/types\";\r\nimport { generateStylesheet } from \"../design/generateStylesheet\";\r\n\r\ninterface ThemeContextType {\r\n  theme: ProtonTheme;\r\n  className: string;\r\n  style: ProtonStyleSheet;\r\n  palette: ProtonPalette;\r\n  hasPalette?: boolean;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport const useTheme = () => {\r\n  const context = useContext(ThemeContext);\r\n  if (context === undefined) {\r\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\r\n  }\r\n  return context;\r\n};\r\n\r\ninterface ThemeProviderProps {\r\n  theme: ProtonTheme;\r\n  children: ReactNode;\r\n  palette?: ProtonPalette;\r\n}\r\n\r\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\r\n  theme,\r\n  children,\r\n  palette = LIGHT_PALETTE,\r\n}) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const themeClass = THEME_CLASSES[theme];\r\n  const themeVariables = useMemo(\r\n    () => generateStylesheet(palette, theme),\r\n    [palette, theme]\r\n  );\r\n\r\n  useEffect(() => {\r\n    // Apply the theme class and css variables to the container div so that it is only scoped\r\n    // to the ThemeProvider children.\r\n    if (containerRef.current) {\r\n      containerRef.current.className = themeClass;\r\n\r\n      Object.entries(themeVariables).forEach(([key, value]) => {\r\n        containerRef.current!.style.setProperty(key, value as string);\r\n      });\r\n    }\r\n  }, [theme, themeClass, palette, themeVariables]);\r\n\r\n  return (\r\n    <ThemeContext.Provider\r\n      value={{\r\n        theme,\r\n        style: themeVariables,\r\n        palette,\r\n        className: themeClass,\r\n        hasPalette: Boolean(palette),\r\n      }}\r\n    >\r\n      <div ref={containerRef}>{children}</div>\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n"],"names":["ThemeContext","createContext","useTheme","context","useContext","ThemeProvider","theme","children","palette","LIGHT_PALETTE","containerRef","useRef","themeClass","THEME_CLASSES","themeVariables","useMemo","generateStylesheet","useEffect","key","value","jsx"],"mappings":"oSAwBMA,EAAeC,EAAAA,cAA4C,MAAS,EAE7DC,EAAW,IAAM,CACtB,MAAAC,EAAUC,aAAWJ,CAAY,EACvC,GAAIG,IAAY,OACR,MAAA,IAAI,MAAM,8CAA8C,EAEzD,OAAAA,CACT,EAQaE,EAA8C,CAAC,CAAA,MAC1DC,EACA,SAAAC,EACA,QAAAC,EAAUC,EAAA,aACZ,IAAM,CACE,MAAAC,EAAeC,SAAuB,IAAI,EAC1CC,EAAaC,gBAAcP,CAAK,EAChCQ,EAAiBC,EAAA,QACrB,IAAMC,EAAmB,mBAAAR,EAASF,CAAK,EACvC,CAACE,EAASF,CAAK,CAAA,EAGjBW,OAAAA,EAAAA,UAAU,IAAM,CAGVP,EAAa,UACfA,EAAa,QAAQ,UAAYE,EAE1B,OAAA,QAAQE,CAAc,EAAE,QAAQ,CAAC,CAACI,EAAKC,CAAK,IAAM,CACvDT,EAAa,QAAS,MAAM,YAAYQ,EAAKC,CAAe,CAAA,CAC7D,IAEF,CAACb,EAAOM,EAAYJ,EAASM,CAAc,CAAC,EAG7CM,EAAA,kBAAA,IAACpB,EAAa,SAAb,CACC,MAAO,CAAA,MACLM,EACA,MAAOQ,EACP,QAAAN,EACA,UAAWI,EACX,WAAY,EAAQJ,CACtB,EAEA,SAACY,EAAA,kBAAA,IAAA,MAAA,CAAI,IAAKV,EAAe,SAAAH,EAAS,CAAA,CAAA,CAGxC"}

package/dist/components/ThemeProvider.es.js

@@ -1,42 +0,0 @@
-import { j as n } from "../node_modules/react/jsx-runtime.es.js";
-import { createContext as a, useContext as f, useRef as h, useMemo as l, useEffect as x } from "react";
-import { LIGHT_PALETTE as E } from "../design/lightTheme/colors.es.js";
-import { generateStylesheet as T } from "../design/generateStylesheet.es.js";
-import { THEME_CLASSES as d } from "../design/theme.es.js";
-const i = a(void 0), y = () => {
-  const e = f(i);
-  if (e === void 0)
-    throw new Error("useTheme must be used within a ThemeProvider");
-  return e;
-}, S = ({
-  theme: e,
-  children: c,
-  palette: r = E
-}) => {
-  const o = h(null), t = d[e], s = l(
-    () => T(r, e),
-    [r, e]
-  );
-  return x(() => {
-    o.current && (o.current.className = t, Object.entries(s).forEach(([m, u]) => {
-      o.current.style.setProperty(m, u);
-    }));
-  }, [e, t, r, s]), /* @__PURE__ */ n.jsx(
-    i.Provider,
-    {
-      value: {
-        theme: e,
-        style: s,
-        palette: r,
-        className: t,
-        hasPalette: !!r
-      },
-      children: /* @__PURE__ */ n.jsx("div", { ref: o, children: c })
-    }
-  );
-};
-export {
-  S as ThemeProvider,
-  y as useTheme
-};
-//# sourceMappingURL=ThemeProvider.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.es.js","sources":["../../src/components/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, {\r\n  createContext,\r\n  ReactNode,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n} from \"react\";\r\n\r\nimport { THEME_CLASSES } from \"../design\";\r\nimport { LIGHT_PALETTE } from \"../design/lightTheme/colors\";\r\nimport { ProtonPalette, ProtonStyleSheet, ProtonTheme } from \"../design/types\";\r\nimport { generateStylesheet } from \"../design/generateStylesheet\";\r\n\r\ninterface ThemeContextType {\r\n  theme: ProtonTheme;\r\n  className: string;\r\n  style: ProtonStyleSheet;\r\n  palette: ProtonPalette;\r\n  hasPalette?: boolean;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport const useTheme = () => {\r\n  const context = useContext(ThemeContext);\r\n  if (context === undefined) {\r\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\r\n  }\r\n  return context;\r\n};\r\n\r\ninterface ThemeProviderProps {\r\n  theme: ProtonTheme;\r\n  children: ReactNode;\r\n  palette?: ProtonPalette;\r\n}\r\n\r\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\r\n  theme,\r\n  children,\r\n  palette = LIGHT_PALETTE,\r\n}) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const themeClass = THEME_CLASSES[theme];\r\n  const themeVariables = useMemo(\r\n    () => generateStylesheet(palette, theme),\r\n    [palette, theme]\r\n  );\r\n\r\n  useEffect(() => {\r\n    // Apply the theme class and css variables to the container div so that it is only scoped\r\n    // to the ThemeProvider children.\r\n    if (containerRef.current) {\r\n      containerRef.current.className = themeClass;\r\n\r\n      Object.entries(themeVariables).forEach(([key, value]) => {\r\n        containerRef.current!.style.setProperty(key, value as string);\r\n      });\r\n    }\r\n  }, [theme, themeClass, palette, themeVariables]);\r\n\r\n  return (\r\n    <ThemeContext.Provider\r\n      value={{\r\n        theme,\r\n        style: themeVariables,\r\n        palette,\r\n        className: themeClass,\r\n        hasPalette: Boolean(palette),\r\n      }}\r\n    >\r\n      <div ref={containerRef}>{children}</div>\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n"],"names":["ThemeContext","createContext","useTheme","context","useContext","ThemeProvider","theme","children","palette","LIGHT_PALETTE","containerRef","useRef","themeClass","THEME_CLASSES","themeVariables","useMemo","generateStylesheet","useEffect","key","value","jsx"],"mappings":";;;;;AAwBA,MAAMA,IAAeC,EAA4C,MAAS,GAE7DC,IAAW,MAAM;AACtB,QAAAC,IAAUC,EAAWJ,CAAY;AACvC,MAAIG,MAAY;AACR,UAAA,IAAI,MAAM,8CAA8C;AAEzD,SAAAA;AACT,GAQaE,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAUC;AACZ,MAAM;AACE,QAAAC,IAAeC,EAAuB,IAAI,GAC1CC,IAAaC,EAAcP,CAAK,GAChCQ,IAAiBC;AAAA,IACrB,MAAMC,EAAmBR,GAASF,CAAK;AAAA,IACvC,CAACE,GAASF,CAAK;AAAA,EAAA;AAGjB,SAAAW,EAAU,MAAM;AAGd,IAAIP,EAAa,YACfA,EAAa,QAAQ,YAAYE,GAE1B,OAAA,QAAQE,CAAc,EAAE,QAAQ,CAAC,CAACI,GAAKC,CAAK,MAAM;AACvD,MAAAT,EAAa,QAAS,MAAM,YAAYQ,GAAKC,CAAe;AAAA,IAAA,CAC7D;AAAA,KAEF,CAACb,GAAOM,GAAYJ,GAASM,CAAc,CAAC,GAG7CM,gBAAAA,EAAA;AAAA,IAACpB,EAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,OAAAM;AAAA,QACA,OAAOQ;AAAA,QACP,SAAAN;AAAA,QACA,WAAWI;AAAA,QACX,YAAY,EAAQJ;AAAA,MACtB;AAAA,MAEA,UAACY,gBAAAA,EAAA,IAAA,OAAA,EAAI,KAAKV,GAAe,UAAAH,GAAS;AAAA,IAAA;AAAA,EAAA;AAGxC;"}