@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/cjs/components/table/assets/EmptyStateNoData.svg.cjs

@@ -1 +0,0 @@
-"use strict";const d=require("react");function n(l){if(l&&typeof l=="object"&&"default"in l)return l;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const c in l)if(c!=="default"){const t=Object.getOwnPropertyDescriptor(l,c);Object.defineProperty(a,c,t.get?t:{enumerable:!0,get:()=>l[c]})}}return a.default=l,Object.freeze(a)}const e=n(d),i=l=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 490 430",width:80,height:80,...l},e.createElement("path",{fill:"#0F6FDE",d:"M211.5 56.1c-5.1-34-20.5-55.9-50-37.6-4.3-6.4-17.5-15.8-35.1-3-13.7 10-20 23.8-25.8 36.4C97 59.6 93.7 67 89 72.7c-11.3 14-7.5 28.7-3.6 43.6 1.5 5.7 3 11.5 3.6 17.3 1.1 10.3-4.3 17-9.6 23.6a46.7 46.7 0 0 0-8 12.3l4.8-1.2a95.3 95.3 0 0 1 31.1-9l4.5 7.6c6.9.6 14.3 1.7 22 3.5l25.6-41.2 5.8 6.6 4.4-8.8-1.4-7.4-4.4-10.2-11-16.9 1.4-4.4-7.5-3.2-3.2-8.6 2.4-9.5 6.9-4 58.7-6.7ZM218 103c1.1 3.5 2.5 6.3 4.2 9.7 2 4.1 4.5 9.2 7.5 17.2 7.7 20.3.6 30.3-5.3 38.7-2 2.8-3.8 5.4-5 8.2a41.3 41.3 0 0 0-.3 23.7L202 187.1l1.4-41.8-3.6-.7 8-26.4 5.9-8.8 2.2-7.4 2.1 1Z"}),e.createElement("path",{fill:"#B4D5FA",fillRule:"evenodd",d:"M150.7 143.2c-7.3 13.3-20.5 37.3-21.8 39.2a2.2 2.2 0 0 1-3.1.6l-11.5-8.5-.4-.4a45.9 45.9 0 0 1-4.4-6.5l-2.4-5.9a2 2 0 0 1-.9-1.1l-.2-.7a2.2 2.2 0 0 1 1.5-2.8l.4-.4c.3-.3.7-.8 1-1.5a33 33 0 0 0 2.3-6.2 217 217 0 0 0 5.4-41.7 11 11 0 0 1-2.7-.8c-2-.9-4-2.3-6-4.2-1.7-2-3.3-4.7-3.8-7.9s0-7 2-11c3.2-6.3 7.3-9 11.5-9.3 2.7-.2 5 .6 7 1.7l3.3-8.9a90 90 0 0 1 9.3-20.9c4.5-7.4 10.7-14.5 18.5-17.1 16-5.3 36.3 3.3 42.7 28.1a2.2 2.2 0 0 1-1.9 2.8l-40.8 4.8-7.1 1.2-4.4 9.6 3.5 9.7 7.4 1.7c.7.3 1.2 1 1.3 1.7l1.4 7.6 13 21c.2.3.3.7.3 1.2l-.8 12.5c0 .4-.2.9-.5 1.2l-3.6 4.4a2.2 2.2 0 0 1-3.6-.2l-3.2-5.3-6.6 11.2a2.2 2.2 0 0 1-2 1.1Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#0F6FDE",fillRule:"evenodd",d:"M162.3 35.4c1.7 2.3 4.3 4.6 8.4 7 10.5 6 10.6 13 10 15a2.2 2.2 0 0 0 2.4 2.9l14.7-2.2a2.2 2.2 0 0 0 1.8-2.8c-7.3-27-28.2-32.4-38.1-31.7-10.8 0-19.8 8.4-26.5 18.1a120.3 120.3 0 0 0-14.6 30.4c-.4 1 .2 2.2 1.2 2.7l5.1 2.2.7.1c2.3.2 4.3 0 6-.8a9.3 9.3 0 0 0 4.2-3.3 27 27 0 0 0 4-11.1c.7-3 1.4-6 2.5-8.4a10 10 0 0 1 5.8-5.8c7-2.6 10.6-7.5 12.4-12.3Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#4A94E8",fillRule:"evenodd",d:"M153.3 106.8c1 .7 1.2 2 .6 3l-1.3 1.6a45 45 0 0 0 16.2 10.5 2.2 2.2 0 1 1-1.3 4.2 50 50 0 0 1-18.4-11.9l-1 .7a2.2 2.2 0 1 1-2.3-3.8c.5-.3 1.4-.8 2.3-1.6 1-.7 1.7-1.5 2.1-2 .7-1 2-1.4 3-.7Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#0F6FDE",fillRule:"evenodd",d:"M330.5 48.9a44.3 44.3 0 0 1 3.4 27 47.2 47.2 0 0 1-11.4 27.5c-5.3 5.6-11.4 8-16 7.5l-1.9-.4L280 105l1-4.3 15.2 3.4-.7-1c-3.3-5.1-5.3-13-4.1-24.7A49.4 49.4 0 0 1 306 47.2l-26.8 3.4-.6-4.4 38.3-4.9h.5c4.7-.5 9.7 1.9 13 7.6ZM318 45.6c2.7-.2 6.1 1 8.7 5.5 2.6 4.4 4.2 12.1 2.8 24.3a43.6 43.6 0 0 1-10.2 25c-4.6 4.9-9.4 6.4-12.2 6.1l-1.4-.3c-1.9-.6-4.4-2.2-6.5-5.4-2.6-4.1-4.5-11-3.4-22 1-10.9 5-19 9.6-24.6 4.5-5.4 9.3-8 12.2-8.5h.4Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#0F6FDE",fillRule:"evenodd",d:"M287.9 53.2a44.5 44.5 0 0 1 3.4 27.1 47.2 47.2 0 0 1-11.4 27.4c-5.3 5.6-11.4 8.1-16 7.5A19094.3 19094.3 0 0 1 151.4 90l-1.7-.5c-2-.8-4.3-2.1-6-4.7-1.6-2.5-2.3-6-2-10.7.4-4.2 2.6-7.3 5-9.3 2.4-2 5.1-3.2 7-3.6h.1l120.6-15.4h.5c4.7-.5 9.7 1.8 13 7.5ZM275.4 50c2.7-.3 6.1 1 8.7 5.4 2.6 4.5 4.2 12.2 2.8 24.4-1.4 12-5.7 20-10.2 25-4.6 4.8-9.4 6.4-12.2 6l-1.4-.2a13 13 0 0 1-6.5-5.5c-2.6-4-4.5-10.9-3.4-21.9 1-11 5-19.1 9.6-24.6 4.5-5.4 9.3-8 12.2-8.6h.4Zm-11.9 1.5a49.4 49.4 0 0 0-14.8 31.3c-1 11.7 1 19.5 4.2 24.7l.6 1a18464.4 18464.4 0 0 1-101.9-23 7.8 7.8 0 0 1-4.2-3c-.9-1.6-1.6-4-1.2-8.1a9.2 9.2 0 0 1 3.3-6.4 13 13 0 0 1 5.1-2.6l109-13.9Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#B4D5FA",d:"M293.6 78.6c2.2-22.7 16.8-34.4 24.2-35.1 7.3-.8 16.8 7.3 13.9 32.2-3 25-17.6 33.9-25 33-5.2-.7-15.3-7.3-13.1-30Z"}),e.createElement("path",{fill:"#0F6FDE",fillRule:"evenodd",d:"M330.5 48.9a44.3 44.3 0 0 1 3.4 27 47.2 47.2 0 0 1-11.4 27.5c-5.3 5.6-11.4 8-16 7.5a16 16 0 0 1-11-7.8c-3.3-5.1-5.3-13-4.1-24.7a49.4 49.4 0 0 1 10.6-27c5-6.1 11-9.7 15.5-10.1 4.7-.5 9.7 1.9 13 7.6Zm-3.8 2.2c-2.6-4.4-6-5.7-8.7-5.4-2.9.2-8 2.9-12.6 8.5a45 45 0 0 0-9.6 24.6c-1.1 11 .8 17.9 3.4 22 2.6 4 5.9 5.5 7.8 5.7 2.8.3 7.6-1.2 12.3-6.1a42.9 42.9 0 0 0 10.2-25c1.4-12.2-.2-19.9-2.8-24.3Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#B4D5FA",d:"M251 83c2.2-22.7 16.8-34.5 24.2-35.2 7.3-.7 16.8 7.3 13.9 32.3-3 24.9-17.6 33.9-25 33-5.2-.7-15.3-7.4-13.1-30.1Z"}),e.createElement("path",{fill:"#0F6FDE",fillRule:"evenodd",d:"M287.9 53.2a44.5 44.5 0 0 1 3.4 27.1 47.2 47.2 0 0 1-11.4 27.4c-5.3 5.6-11.4 8.1-16 7.5a16 16 0 0 1-11-7.7c-3.3-5.2-5.3-13-4.1-24.7a49.4 49.4 0 0 1 10.6-27c5-6.1 11-9.7 15.5-10.2 4.7-.4 9.7 2 13 7.6Zm-3.8 2.2c-2.6-4.4-6-5.7-8.7-5.4-2.9.3-8 3-12.6 8.6a45 45 0 0 0-9.6 24.6c-1.1 11 .8 17.8 3.4 22a12 12 0 0 0 7.8 5.7c2.8.3 7.6-1.2 12.3-6.2a42.9 42.9 0 0 0 10.2-24.9c1.4-12.2-.2-20-2.8-24.4Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#0F6FDE",fillRule:"evenodd",d:"M317.6 58c-2.2-.6-4.4-.3-6.1 0a2.2 2.2 0 1 1-.9-4.3c2-.4 4.9-.8 8 0 3.3.7 6.5 2.7 9 6.9a2.2 2.2 0 1 1-3.8 2.3 9.8 9.8 0 0 0-6.2-5Zm-49.4 8.2a16 16 0 0 0-5.2 4.2 2.2 2.2 0 1 1-3.5-2.7c1.3-1.7 3.7-4 6.8-5.5 3-1.5 7-2.4 11-1a2.2 2.2 0 1 1-1.4 4 10 10 0 0 0-7.7 1Zm47.4 2.1c1.2.1 2.1 1.2 2 2.4l-.7 9.5a2.2 2.2 0 1 1-4.4-.3l.8-9.5a2 2 0 0 1 2.3-2Zm-45.4 4.4c1.2.1 2.1 1.2 2 2.4l-.7 8.8a2.2 2.2 0 0 1-4.4-.4l.7-8.8a2.2 2.2 0 0 1 2.4-2Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#B4D5FA",fillRule:"evenodd",d:"M217.5 49.6c0 .9-.2 1.7-.5 2.2a51.5 51.5 0 0 0-.7 10.4c0 3.5.2 7.5.4 11.7l.4 7.7c.2 7 .4 14.1 0 20-.3 3-.7 5.7-1.3 8a12 12 0 0 1-2.9 5.7 20.2 20.2 0 0 0-3.5 5.7 65 65 0 0 0-3.1 8.3c-1.9 6-3.1 12.4-3.7 16.3-.2 1-1 1.8-2 1.9-3.6.4-9.7.3-16.4-1-6.7-1.4-14.1-4-20.4-9a2.2 2.2 0 0 1-.3-3.2 18 18 0 0 0 2.6-17.5 30.8 30.8 0 0 0-7.9-10.3l-1.5-1.5a22.2 22.2 0 0 1-4.4-5.7 9.6 9.6 0 0 1-.5-7.5c.4-1 1.5-1.7 2.7-1.4l18.5 4.4c0-6.7.3-16.1 1.3-24.4.6-4.7 1.4-9.1 2.5-12.4.5-1.7 1.2-3.2 2-4.3 1-1.1 2.2-2.2 4-2.2 1.8 0 4.8-.5 8.5-1.3l5.2-1 6.2-1.3a59 59 0 0 1 11.6-1.2 4 4 0 0 1 1.8.7 3 3 0 0 1 1.4 2.2Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#4A94E8",fillRule:"evenodd",d:"M208.8 46.4c1.2.2 2 1.3 1.8 2.5-1 6.3-2.7 23.3-2.1 32.5a2.2 2.2 0 0 1-4.4.3c-.6-9.7 1.2-27.1 2.2-33.5.2-1.2 1.3-2 2.5-1.8Zm-10.9.7c1.2.3 2 1.4 1.7 2.6-.7 3.4-1.7 9-2.4 15.1s-1 12.5-.5 17.2a2.2 2.2 0 1 1-4.4.5 87 87 0 0 1 .5-18.2c.7-6.2 1.8-12 2.5-15.5.3-1.2 1.4-2 2.6-1.7Zm-11 2.2c1.2.3 2 1.4 1.7 2.6-1.2 6-3.4 18-2.9 31.7a2.2 2.2 0 1 1-4.4.2c-.6-14.3 1.8-26.6 3-32.8.3-1.1 1.4-2 2.6-1.7Zm-32.5 39.6c1.2 0 2.1 1.1 2 2.3-.3 3.5 1.5 6.3 4.6 10.1l1.2 1.5a47 47 0 0 1 8 12.4c4 9.8-.5 18.7-3.3 22a2.2 2.2 0 1 1-3.4-2.9 18 18 0 0 0 2.6-17.5 41.1 41.1 0 0 0-7.3-11.1l-1.3-1.6c-3-3.8-6-7.9-5.5-13.2a2.2 2.2 0 0 1 2.4-2Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#B4D5FA",fillRule:"evenodd",d:"M455.8 120.9c3.1.3 6.3 1.6 7 4.9.2 1.4-.2 2.8-.8 3.9-.6 1.1-1.6 2.2-2.6 3.2-2.1 2.1-5 4.2-8.3 6.3-5.6 3.5-12.4 7-17.5 9.3.8 2 1.7 5 2 9 .8 7.3.2 12.6-3.4 16.3a5.4 5.4 0 0 0 .2.5c.3.8.8 2.2.6 3.8-.2 2-1.3 4-3.5 6.2a51.6 51.6 0 0 1-12.2 7.9 44.8 44.8 0 0 0-21 4.1c-4 2.2-6 4.9-7.2 6.7-.4.6-1 1-1.8 1-8.4 0-15.1-4-20-8.7-5-4.6-8.3-10.2-9.9-14-.2-.6-.2-1.2 0-1.8 3.7-7.6 17.5-25.6 44.2-39.8a195.4 195.4 0 0 1 41.3-17.3c5.2-1.3 9.6-1.8 12.9-1.5Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#4A94E8",fillRule:"evenodd",d:"M436.2 152c1.2.2 1.9 1.4 1.6 2.6-.2 1-.8 1.6-1.3 2-.5.4-1.1.8-1.7 1-1.2.6-2.7 1-4.1 1.5l-4.7.9c.5 1.2.6 2.5-.1 3.8-.7 1.2-2 1.8-3 2-2 .7-4.9.9-7.8 1h-1c-2.7.2-5.6.3-8.3.7-3.1.4-5.8 1.2-7.8 2.4-8.2 5-18.4 5.7-22.6 5.4a2.2 2.2 0 0 1 .3-4.4c3.6.3 12.9-.4 20-4.8 2.7-1.7 6.1-2.5 9.5-3 3-.4 6-.5 8.8-.6h1a30.2 30.2 0 0 0 7-1c-.3-.3-.6-.8-1.5-1.3-2.1-1.4-6-2.4-10.4-3a79 79 0 0 0-11.8-1 2.2 2.2 0 0 1 0-4.3c3.2 0 7.9.2 12.4.9 4.2.6 8.5 1.6 11.5 3.3a60.5 60.5 0 0 0 10.7-2.4l.7-.4c.4-1 1.5-1.6 2.6-1.4Zm-2.5 1.2Zm-11.7 8.6Zm14 .4c1.2.2 2 1.3 1.8 2.5-1.3 7.5-8.4 11.8-14.6 13.7a34 34 0 0 1-7.3 1.6c-.1.5-.4 1.1-1 1.5-.7.6-2 2-2.6 3.3a3 3 0 0 0-.3 1.6c0 .3.2.6.7 1 .7.5 1.8.8 3.5.5 1.6-.2 3.6-1 5.5-2.1 4-2.3 7.2-6 8.1-9.5a2.2 2.2 0 1 1 4.3 1 21.5 21.5 0 0 1-10.2 12.3 20.6 20.6 0 0 1-7 2.7 9 9 0 0 1-6.7-1.2 6 6 0 0 1-2.6-4c-.2-1.5.2-3 .7-4 .6-1.3 1.4-2.5 2.2-3.4l-1-.5a4 4 0 0 1-1.5-1.4 9 9 0 0 1-1-4.2c0-1.3.4-2.8 1.7-3.7a2.2 2.2 0 0 1 2.7 3.4v.4c0 .4 0 1 .4 1.7h.1c.5.2 1.3.3 2.4.2 2 0 4.8-.5 7.6-1.4 5.8-1.8 10.7-5.3 11.6-10.2.2-1.2 1.3-2 2.5-1.8Zm-24.5 11v.1Z",clipRule:"evenodd"}),e.createElement("path",{fill:"#0F6FDE",fillRule:"evenodd",d:"M159.5 125.5c.8 0 1.5.6 1.9 1.3a28 28 0 0 0 19.1 15 55 55 0 0 0 20.6 1.5l.5-.5c.3-.2.7-.5 1.4-.6.7 0 1.3.3 1.6.6.6.5.8 1.2.8 1.4a57 57 0 0 1 .3 5.8c0 5.7-.8 16.6-2.5 35.4 14.5 11.8 45.1 38.4 61.2 58.6 11.3-10 28.5-24.5 45.7-37.6 9-7 18.1-13.5 26.4-18.8a109 109 0 0 1 21.5-11.4 2.2 2.2 0 0 1 2.8 1.4c2.3 7.4 11.5 22.1 29.5 22.6a2.2 2.2 0 0 1 2 3c-8 22-24 55.2-46.3 83.2-22.1 28-50.7 51.2-84 52.4-12.4 0-20.5-3.3-25.5-7.7-2.2-1.9-3.7-4-4.8-6l-2.5 6-1.2 2.9c-2.2 5.3-4.3 11-5.7 17.7-1.7 8.5-1.7 21.3-1 34a397 397 0 0 0 3.3 32.6 2.2 2.2 0 0 1-4.4.7c-1.1-7.7-2.5-20.2-3.3-33-.7-12.8-.7-26.1 1.1-35.2 1.4-7 3.7-13 6-18.5l1.2-3c1.8-4.3 3.5-8.2 4.6-12.2a33 33 0 0 0 0-18.7 521 521 0 0 0-18.2-48.2 2.2 2.2 0 0 1 4-1.7c4.2 9.5 13.7 32.6 18.4 48.6 2.3 7.8 1.8 14.5.1 20.8.1 2.6 1.4 6.5 5.3 10 4 3.4 11 6.5 22.5 6.5 31.3-1.2 58.8-23.1 80.7-50.7 21-26.4 36.3-57.6 44.5-79.3-17-1.9-26.4-15-29.7-23.3-5 2-11.4 5.6-18.6 10.2-8 5.2-17 11.7-26 18.6a871.7 871.7 0 0 0-47.4 39 47 47 0 0 0-8.4 7.8 2.2 2.2 0 0 1-3.3-3c2.6-3 5.4-5.4 7.3-7a475.3 475.3 0 0 0-58.3-56l-3.8 37c-10.3 95.8-46.5 130-67.6 144.4a56.4 56.4 0 0 1-56.3 3c-.3 4-.8 8.6-1.4 13.6l-.4 3.4c-.9 8.1-1.8 17.2-1.8 26.6a2.2 2.2 0 1 1-4.4 0c0-9.7 1-19 1.9-27.1 0-1.2.2-2.3.3-3.4.7-6.2 1.4-11.4 1.5-15.7-18.7-12.2-35.2-39-41.8-90.6-7.4-58.2 10-89 30.8-105.5a98 98 0 0 1 45-18.8l2.8-.5c1.1-.3 2.3.3 2.6 1.4 1 2.8 3 7.2 6 11.3 2.7 3.6 6 6.8 10 8.6a673 673 0 0 1 31.4-52c.5-.6 1.3-1 2-.9ZM124 182.3c-4.8-2.2-8.6-6-11.5-10a48.7 48.7 0 0 1-5.9-10.5l-1.3.2a93 93 0 0 0-42.9 17.8C43.1 195.2 26 224.4 33.3 281.3c6.6 52 23.3 77.2 40.7 88.2 21 13 44 6.2 54.8-1 20-13.6 55.5-46.7 65.7-141.4a2605 2605 0 0 0 4.2-41 575.6 575.6 0 0 0 2.6-38.4c-5.7.7-14 .6-22-1.6a33.5 33.5 0 0 1-20.2-14.1 647 647 0 0 0-30 50.2 425.8 425.8 0 0 0-31.6 71.5 133.6 133.6 0 0 0-7 37.5 2.2 2.2 0 0 1-4.4-.1c.1-11.5 2.8-24.8 7.2-38.7.9-3 .8-7.7.2-12.5a91 91 0 0 0-2.2-12 2.2 2.2 0 1 1 4.2-1.1c.8 2.8 1.8 7.4 2.4 12.2 7-18.9 16.4-38.6 26-56.7Zm80.8-36.6Z",clipRule:"evenodd"}));module.exports=i;

package/dist/cjs/components/table/hooks/useTableAnnouncer.d.cts

@@ -1,5 +0,0 @@
-export declare function useTableAnnouncer(): {
-    announce: (message: string) => void;
-    announceSelection: (isSelected: boolean, rowIndex: number) => void;
-    announceSort: (columnName: string, direction: "ascending" | "descending" | null) => void;
-};

package/dist/cjs/components/table/hooks/useTableKeyboardNavigation.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function T(){const[A,i]=s.useState({rowIndex:0,colIndex:0}),c=s.useRef(null),r=s.useCallback((e,n)=>{c.current&&(i({rowIndex:e,colIndex:n}),requestAnimationFrame(()=>{if(!c.current)return;const l=Array.from(c.current.querySelectorAll("tr"));if(e>=0&&e<l.length){const o=l[e];if(!o)return;const t=Array.from(o.querySelectorAll("td, th"));if(n>=0&&n<t.length){const u=t[n];document.activeElement!==u&&u.focus({preventScroll:!1})}}}))},[i]),m=s.useCallback(e=>{c.current&&(i({rowIndex:e,colIndex:0}),requestAnimationFrame(()=>{if(!c.current)return;const n=Array.from(c.current.querySelectorAll("tr"));if(e>=0&&e<n.length){const l=n[e];document.activeElement!==l&&l.focus()}}))},[i]),p=s.useCallback(e=>{e.target===e.currentTarget&&(e.preventDefault(),requestAnimationFrame(()=>{r(0,0)}))},[r]),k=s.useCallback(e=>{const n=e.target,l=n.closest("tr");if(!l||!c.current)return;const t=Array.from(c.current.querySelectorAll("tr")).indexOf(l),a=Array.from(l.querySelectorAll("td, th")).indexOf(n);t>=0&&a>=0&&(i({rowIndex:t,colIndex:a}),requestAnimationFrame(()=>{c.current&&(c.current.querySelectorAll("td, th").forEach(g=>{g.setAttribute("tabindex","-1")}),n&&n.setAttribute("tabindex","0"))}))},[i]),C=s.useCallback((e,n)=>A.rowIndex===e&&A.colIndex===n,[A]),D=s.useCallback(e=>{if(e.key!=="Tab"&&e.target===e.currentTarget&&c.current)switch(e.key){case"ArrowDown":case"ArrowRight":e.preventDefault(),r(0,0);break;case"Home":e.preventDefault(),r(0,0);break;case"End":e.preventDefault();const n=Array.from(c.current.querySelectorAll("tr")),l=n.length-1;if(l>=0){const o=n[l];if(!o)break;const t=Array.from(o.querySelectorAll("td, th"));r(l,t.length-1)}break}},[r]),q=s.useCallback(e=>{if(e.key==="Tab"||!c.current)return;const n=e.currentTarget,l=n.closest("tr");if(!l)return;const o=Array.from(c.current.querySelectorAll("tr")),t=o.indexOf(l),u=Array.from(l.querySelectorAll("td, th")),a=u.indexOf(n);switch(e.key){case"ArrowRight":e.preventDefault(),a<u.length-1?r(t,a+1):r(t,0);break;case"ArrowLeft":e.preventDefault(),a>0?r(t,a-1):r(t,u.length-1);break;case"ArrowDown":if(e.preventDefault(),t<o.length-1){const f=o[t+1];if(!f)break;const h=Array.from(f.querySelectorAll("td, th")),y=Math.min(a,h.length-1);r(t+1,y)}break;case"ArrowUp":if(e.preventDefault(),t>0){const f=o[t-1];if(!f)break;const h=Array.from(f.querySelectorAll("td, th")),y=Math.min(a,h.length-1);r(t-1,y)}break;case"Home":e.preventDefault(),e.ctrlKey?r(0,0):r(t,0);break;case"End":if(e.preventDefault(),e.ctrlKey){const f=o.length-1,h=o[f];if(!h)break;const y=Array.from(h.querySelectorAll("td, th"));r(f,y.length-1)}else r(t,u.length-1);break;case"PageUp":e.preventDefault();const g=Math.max(0,t-5),b=o[g];if(!b)break;const v=Array.from(b.querySelectorAll("td, th")),R=Math.min(a,v.length-1);r(g,R);break;case"PageDown":e.preventDefault();const d=Math.min(o.length-1,t+5),w=o[d];if(!w)break;const S=Array.from(w.querySelectorAll("td, th")),x=Math.min(a,S.length-1);r(d,x);break}},[r]);return{focusedCell:A,setFocusedCell:i,isCellFocused:C,handleCellKeyDown:q,handleTableKeyDown:D,handleTableFocus:p,handleCellFocus:k,tableRef:c,focusCell:r,focusRow:m}}exports.useTableKeyboardNavigation=T;

package/dist/cjs/components/table/hooks/useTableKeyboardNavigation.d.cts

@@ -1,39 +0,0 @@
-/**
- * Interface representing the position of a cell in the table.
- */
-export interface CellPosition {
-    /** The row index (0-based) */
-    rowIndex: number;
-    /** The column index (0-based) */
-    colIndex: number;
-}
-/**
- * Hook that provides keyboard navigation functionality for tables.
- * This hook implements the WAI-ARIA grid keyboard interaction pattern, allowing users to:
- * - Navigate between cells using arrow keys
- * - Jump to the first/last cell in a row using Home/End
- * - Jump to the first/last cell in the table using Ctrl+Home/Ctrl+End
- * - Move between pages of rows using Page Up/Page Down
- * @example
- * ```tsx
- * const {
- *   focusedCell,
- *   isCellFocused,
- *   handleCellKeyDown,
- *   handleTableKeyDown,
- *   tableRef
- * } = useTableKeyboardNavigation()
- * ```
- */
-export declare function useTableKeyboardNavigation(): {
-    focusedCell: CellPosition;
-    setFocusedCell: import('react').Dispatch<import('react').SetStateAction<CellPosition>>;
-    isCellFocused: (rowIndex: number, colIndex: number) => boolean;
-    handleCellKeyDown: (e: React.KeyboardEvent<HTMLTableCellElement>) => void;
-    handleTableKeyDown: (e: React.KeyboardEvent<HTMLTableElement>) => void;
-    handleTableFocus: (e: React.FocusEvent<HTMLTableElement>) => void;
-    handleCellFocus: (e: React.FocusEvent<HTMLTableCellElement>) => void;
-    tableRef: import('react').MutableRefObject<HTMLTableElement | null>;
-    focusCell: (rowIndex: number, colIndex: number) => void;
-    focusRow: (rowIndex: number) => void;
-};

package/dist/cjs/components/table/parts/TableBody.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),h=require("tailwind-variants"),v=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},j=v(o),y=h.tv({base:["[&[data-empty]]:uy-h-[var(--uy-table-min-rows)]","[&_tr:last-child]:uy-border-b","[&_tr:last-child]:uy-border-b-[length:calc(1px*(1-var(--uy-table-is-scrollable,0)))]","uy-transition-all uy-duration-200 uy-ease-in-out"]}),b=o.forwardRef(({children:t,renderEmptyState:d,renderDataState:i,...p},m)=>{const c=i?i():void 0,e=c!==void 0,l=e?[]:o.Children.map(t,(n,f)=>j.default.isValidElement(n)?o.cloneElement(n,{rowIndex:f,...n.props}):n),s=(!l||l.length===0)&&!e,u=s&&d?d():null;let a=null;return e?a=c:s&&u&&(a=u),r.jsx("tbody",{ref:m,className:y(),"data-dd-privacy":"mask","data-empty":s||e||void 0,...p,children:a?r.jsx("tr",{children:r.jsx("td",{colSpan:1e3,className:"uy-p-0",children:a})}):l})});b.displayName="TableBody";exports.TableBody=b;exports.tableBody=y;

package/dist/cjs/components/table/parts/TableBody.d.cts

@@ -1,56 +0,0 @@
-import { default as React, ReactNode } from 'react';
-export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-    /**
-     * Render prop that shows an empty state when there are no rows.
-     */
-    renderEmptyState?: () => ReactNode;
-    /**
-     * Render prop that shows an empty or update state that takes precedence over children. Use this to show a state inside the table body when there is already data in the table.
-     */
-    renderDataState?: () => ReactNode | undefined;
-}
-export declare const tableBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-/**
- * The `TableBody` component renders the body section of a table, containing rows of data.
- * It automatically processes its children to add row indices and handles empty states.
- * @component
- * @param {TableBodyProps} props - The props for the `TableBody` component
- * @param {ReactNode} props.children - The rows to render (typically TableRow components)
- * @param {Function} [props.renderEmptyState] - Optional function to render custom content when there are no rows
- * @example
- * ```tsx
- * import { TableBody, TableRow, TableCell } from '@payfit/unity-components'
- *
- * <TableBody>
- *   <TableRow>
- *     <TableCell>John Doe</TableCell>
- *     <TableCell>john.doe@example.com</TableCell>
- *   </TableRow>
- *   <TableRow>
- *     <TableCell>Jane Smith</TableCell>
- *     <TableCell>jane.smith@example.com</TableCell>
- *   </TableRow>
- * </TableBody>
- * ```
- * @example
- * ```tsx
- * // With empty state
- * import { TableBody, TableEmptyState } from '@payfit/unity-components'
- *
- * <TableBody
- *   renderEmptyState={() => (
- *     <TableEmptyState>
- *       <TableEmptyStateText variant="title">No data available</TableEmptyStateText>
- *     </TableEmptyState>
- *   )}
- * />
- * ```
- * @see {@link TableBodyProps} for all available props
- * @see {@link TableRow} for the row component
- * @see {@link TableEmptyState} for the empty state component
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tablebody--default|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-export { TableBody };

package/dist/cjs/components/table/parts/TableCell.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),m=require("react"),p=require("tailwind-variants"),q=require("../Table.context.cjs"),r=p.tv({base:["uy-px-200 uy-py-150 uy-w-max uy-text-content-neutral uy-typography-body","focus-visible:uy-outline-2 focus-visible:-uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring"],variants:{align:{left:"uy-text-left",center:"uy-text-center",right:"uy-text-right"}}}),s=m.forwardRef(({children:u,colIndex:a=0,rowIndex:n=0,align:o,onKeyDown:t,onFocus:l,className:c,isRowHeader:i=!1,...y},b)=>{const{keyboardNavigation:d}=q.useTableContext(),{isCellFocused:f,handleCellKeyDown:x,handleCellFocus:g}=d,h=f(n,a),C=e=>{e.key!=="Tab"&&(x(e),t==null||t(e))},v=i?"th":"td";return T.jsx(v,{ref:b,role:i?"rowheader":"gridcell","aria-colindex":a+1,tabIndex:h?0:-1,className:r({align:o,className:c}),onKeyDown:C,onFocus:e=>{g(e),l==null||l(e)},"data-dd-privacy":"mask",...y,children:u})});s.displayName="TableCell";exports.TableCell=s;exports.tableCell=r;

package/dist/cjs/components/table/parts/TableCell.d.cts

@@ -1,80 +0,0 @@
-import { default as React } from 'react';
-export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
-    colIndex?: number;
-    rowIndex?: number;
-    align?: 'left' | 'center' | 'right';
-    isRowHeader?: boolean;
-}
-export declare const tableCell: import('tailwind-variants').TVReturnType<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}>, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}>, unknown, unknown, undefined>>;
-/**
- * The `TableCell` component renders a cell in the table, containing data.
- * It handles keyboard navigation, focus management, and accessibility attributes.
- * @component
- * @param {TableCellProps} props - The props for the `TableCell` component
- * @param {ReactNode} props.children - The content to render in the cell
- * @param {number} [props.colIndex=0] - The index of the column (automatically set by TableRow)
- * @param {number} [props.rowIndex=0] - The index of the row (automatically set by TableRow)
- * @param {'left' | 'center' | 'right'} [props.align] - The text alignment within the cell
- * @param {boolean} [props.isRowHeader=false] - Whether this cell is a row header (renders as `<th>` instead of `<td>`)
- * @example
- * ```tsx
- * import { TableCell } from '@payfit/unity-components'
- *
- * <TableCell>Cell content</TableCell>
- * ```
- * @example
- * ```tsx
- * // Row header with right alignment
- * import { TableCell } from '@payfit/unity-components'
- *
- * <TableCell isRowHeader align="right">Employee ID</TableCell>
- * ```
- * @see {@link TableCellProps} for all available props
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tablecell--docs|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-export { TableCell };

package/dist/cjs/components/table/parts/TableColumnHeader.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),C=require("tailwind-variants"),T=require("../../actionable/Actionable.cjs"),j=require("../Table.context.cjs"),n=C.tv({base:["uy-align-middle uy-leading-100","uy-px-200 uy-py-100 uy-typography-action uy-text-content-neutral","focus-visible:uy-outline-2 focus-visible:-uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring"],variants:{align:{left:"uy-text-left",center:"uy-text-center",right:"uy-text-right"}}}),b=g.forwardRef(({children:u,colIndex:a=0,rowIndex:f=0,align:s,onKeyDown:l,onFocus:t,className:o,...i},c)=>{const{keyboardNavigation:m}=j.useTableContext(),{isCellFocused:x,handleCellKeyDown:h,handleCellFocus:d}=m,v=x(f,a),y=e=>{e.key!=="Tab"&&(h(e),l==null||l(e))};return"onPress"in i?r.jsx("th",{ref:c,role:"columnheader","aria-colindex":a+1,className:n({align:s,className:o}),"data-dd-privacy":"allow",onKeyDown:y,onFocus:e=>{d(e),t==null||t(e)},children:r.jsx(T.Actionable,{...i,children:u})}):r.jsx("th",{ref:c,role:"columnheader","aria-colindex":a+1,tabIndex:v?0:-1,className:n({align:s,className:o}),onKeyDown:y,onFocus:e=>{d(e),t==null||t(e)},"data-dd-privacy":"allow",...i,children:u})});b.displayName="TableColumnHeader";exports.TableColumnHeader=b;exports.tableColumnHeader=n;

package/dist/cjs/components/table/parts/TableColumnHeader.d.cts

@@ -1,89 +0,0 @@
-import { default as React } from 'react';
-import { ActionableProps } from '../../actionable/Actionable.cjs';
-type BaseTableColumnHeaderProps = {
-    colIndex?: number;
-    rowIndex?: number;
-    align?: 'left' | 'center' | 'right';
-};
-type StaticTableColumnHeaderProps = BaseTableColumnHeaderProps & React.ThHTMLAttributes<HTMLTableCellElement>;
-type InteractiveTableColumnHeaderProps = BaseTableColumnHeaderProps & ActionableProps;
-export type TableColumnHeaderProps = (StaticTableColumnHeaderProps & {
-    onPress?: never;
-}) | InteractiveTableColumnHeaderProps;
-export declare const tableColumnHeader: import('tailwind-variants').TVReturnType<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}>, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}>, unknown, unknown, undefined>>;
-/**
- * The `TableColumnHeader` component renders a header cell in the table's header row.
- * It can be either static or interactive (clickable) and supports text alignment.
- * @param {TableColumnHeaderProps} props - The props for the `TableColumnHeader` component
- * @param {ReactNode} props.children - The content to render in the header cell
- * @param {number} [props.colIndex=0] - The index of the column (automatically set by TableHeader)
- * @param {number} [props.rowIndex=0] - The index of the row (automatically set by TableHeader)
- * @param {'left' | 'center' | 'right'} [props.align] - The text alignment within the header cell
- * @param {Function} [props.onPress] - Optional callback for when the header is clicked (makes the header interactive)
- * @example
- * ```tsx
- * import { TableColumnHeader } from '@payfit/unity-components'
- *
- * <TableColumnHeader>Name</TableColumnHeader>
- * ```
- * @example
- * ```tsx
- * // Interactive header with center alignment
- * import { TableColumnHeader } from '@payfit/unity-components'
- *
- * <TableColumnHeader
- *   align="center"
- *   onPress={() => console.log('Header clicked')}
- * >
- *   Department
- * </TableColumnHeader>
- * ```
- * @see {@link TableColumnHeaderProps} for all available props
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tablecolumnheader--docs|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-export { TableColumnHeader };

package/dist/cjs/components/table/parts/TableEmptyState.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),m=require("react-intl"),u=require("tailwind-variants"),y=require("../../spinner/Spinner.cjs"),d=require("../../text/Text.cjs"),x=require("../assets/EmptyStateError.svg.cjs"),b=require("../assets/EmptyStateNoData.svg.cjs"),p=u.tv({slots:{base:"uy-flex uy-flex-col uy-items-center uy-justify-center",wrapper:"uy-max-w-[300px] uy-flex uy-flex-col uy-items-center"}}),r=s.forwardRef((e,i)=>{const{variant:a,children:o}=e,l=s.useMemo(()=>{switch(a){case"title":return"bodyStrong";case"description":default:return"body"}},[a]),c=s.useMemo(()=>{switch(a){case"title":return"h6";case"description":default:return"p"}},[a]);return t.jsx(d.Text,{variant:l,asElement:c,ref:i,className:"uy-text-center",children:o})});r.displayName="TableEmptyStateText";const n=s.forwardRef(({children:e,className:i,...a},o)=>{const{base:l,wrapper:c}=p();return t.jsx("div",{"data-dd-privacy":"allow",...a,ref:o,className:l(),children:t.jsx("div",{className:c({className:i}),children:e})})});n.displayName="TableEmptyState";const E=()=>{const e=m.useIntl();return t.jsx(n,{children:t.jsx(y.Spinner,{size:"medium",label:e.formatMessage({id:"unity:component:table:empty-state:loading:title"})})})},S=()=>{const e=m.useIntl();return t.jsxs(n,{children:[t.jsx(b,{}),t.jsx(r,{variant:"title",children:e.formatMessage({id:"unity:component:table:empty-state:no-data:title"})}),t.jsx(r,{variant:"description",children:e.formatMessage({id:"unity:component:table:empty-state:no-data:description"})})]})},T=()=>{const e=m.useIntl();return t.jsxs(n,{children:[t.jsx(x,{}),t.jsx(r,{variant:"title",children:e.formatMessage({id:"unity:component:table:empty-state:error:title"})}),t.jsx(r,{variant:"description",children:e.formatMessage({id:"unity:component:table:empty-state:error:description"})})]})};exports.TableEmptyState=n;exports.TableEmptyStateError=T;exports.TableEmptyStateLoading=E;exports.TableEmptyStateNoData=S;exports.TableEmptyStateText=r;exports.tableEmptyState=p;

package/dist/cjs/components/table/parts/TableEmptyState.d.cts

@@ -1,177 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const tableEmptyState: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    wrapper: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    wrapper: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string;
-    wrapper: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export type TableEmptyStateProps = PropsWithChildren<VariantProps<typeof tableEmptyState>> & {
-    className?: string;
-};
-export interface TableEmptyStateTextProps extends PropsWithChildren {
-    /**
-     * The text's variant. It can be one of two options:
-     * - `title` renders an `h6` element with `bodyStrong` style
-     * - `description` renders a `p` element with `body` style
-     */
-    variant: 'title' | 'description';
-}
-/**
- * The `TableEmptyStateText` component provides styled text elements for empty state messages.
- * Use this component to create consistent text hierarchies within empty states, with support for titles and descriptions.
- * @param {TableEmptyStateTextProps} props - The props for the `TableEmptyStateText` component
- * @see {TableEmptyStateTextProps} for all available props
- * @example
- * ```tsx
- * import { TableEmptyStateText } from '@payfit/unity-components'
- *
- * <TableEmptyStateText variant="title">No results found</TableEmptyStateText>
- * <TableEmptyStateText variant="description">Try adjusting your search filters</TableEmptyStateText>
- * ```
- * @remarks
- * [API](https://unity-components.payfit.io/?path=/story/data-table-tableemptystate--docs) • [Design docs]()
- */
-declare const TableEmptyStateText: import('react').ForwardRefExoticComponent<TableEmptyStateTextProps & import('react').RefAttributes<HTMLElement>>;
-/**
- * The `TableEmptyState` component provides a standardized way to display empty states in tables when there's no data to show.
- * Use this component to improve user experience by providing clear feedback and guidance when a table has no content.
- * @param {TableEmptyStateProps} props - The props for the `TableEmptyState` component
- * @see {@link TableEmptyStateProps} for all available props
- * @example
- * ```tsx
- * import { TableEmptyState } from '@payfit/unity-components'
- *
- * <TableEmptyState>
- *   <img src="/images/empty-state.svg" alt="No data" />
- *   <TableEmptyStateText>No data available</TableEmptyStateText>
- * </TableEmptyState>
- * ```
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tableemptystate--docs|API and Demos} • {@link https://payfit.design|Design docs}
- */
-declare const TableEmptyState: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    wrapper: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    wrapper: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string;
-    wrapper: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>> & {
-    children?: import('react').ReactNode | undefined;
-} & {
-    className?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * A pre-configured loading state for tables.
- * Use this component to indicate that data is being loaded.
- * @see {TableEmptyState}
- * @example
- * ```tsx
- * import { TableEmptyStateLoading } from '@payfit/unity-components'
- *
- * <TableBody renderEmptyState={() => <TableEmptyStateLoading />}>{[]}</TableBody>
- * ```
- */
-declare const TableEmptyStateLoading: () => import("react/jsx-runtime").JSX.Element;
-/**
- * A pre-configured empty state for tables with no data.
- * Use this component to indicate that no results were found and provide guidance on how to adjust search or filters.
- * @see {TableEmptyState}
- * @example
- * ```tsx
- * import { TableEmptyStateNoData } from '@payfit/unity-components'
- *
- * <TableBody renderEmptyState={() => <TableEmptyStateNoData />}>{[]}</TableBody>
- * ```
- */
-declare const TableEmptyStateNoData: () => import("react/jsx-runtime").JSX.Element;
-/**
- * A pre-configured error state for tables.
- * Use this component to indicate that an error occurred while loading data and provide guidance on how to resolve it.
- * @see {TableEmptyState}
- * @example
- * ```tsx
- * import { TableEmptyStateError } from '@payfit/unity-components'
- *
- * <TableBody renderEmptyState={() => <TableEmptyStateError />}>{[]}</TableBody>
- * ```
- */
-declare const TableEmptyStateError: () => import("react/jsx-runtime").JSX.Element;
-export { TableEmptyState, TableEmptyStateText, TableEmptyStateLoading, TableEmptyStateNoData, TableEmptyStateError, };

package/dist/cjs/components/table/parts/TableHeader.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),c=require("tailwind-variants"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=b(d),o=c.tv({base:["uy-h-500 uy-bg-surface-neutral-low uy-rounded-tl-100 uy-rounded-tr-100 uy-overflow-hidden","uy-sticky uy-top-0 uy-z-[1]","[&_tr]:uy-border-b [&_tr]:uy-border-solid [&_tr]:uy-border-b-border-neutral-enabled"]}),u=d.forwardRef(({children:e,...l},n)=>{const s=t.default.Children.map(e,(r,i)=>t.default.isValidElement(r)?t.default.cloneElement(r,{rowIndex:i,...r.props}):r);return a.jsx("thead",{ref:n,className:o(),"data-dd-privacy":"allow",...l,children:a.jsx("tr",{children:s})})});u.displayName="TableHeader";exports.TableHeader=u;exports.tableHeader=o;

package/dist/cjs/components/table/parts/TableHeader.d.cts

@@ -1,29 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const tableHeader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export type TableHeaderProps = PropsWithChildren<VariantProps<typeof tableHeader>>;
-/**
- * The `TableHeader` component renders the header section of a table, containing column headers.
- * It automatically processes its children to add row indices and applies appropriate styling.
- * @param {TableHeaderProps} props - The props for the `TableHeader` component
- * @param {ReactNode} props.children - The column headers to render (typically TableColumnHeader components)
- * @example
- * ```tsx
- * import { TableHeader, TableColumnHeader } from '@payfit/unity-components'
- *
- * <TableHeader>
- *   <TableColumnHeader>Name</TableColumnHeader>
- *   <TableColumnHeader>Email</TableColumnHeader>
- *   <TableColumnHeader>Department</TableColumnHeader>
- * </TableHeader>
- * ```
- * @see {@link TableHeaderProps} for all available props
- * @see {@link TableColumnHeader} for the column header component
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tableheader--docs|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TableHeader: React.ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>> & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLTableSectionElement>>;
-export { TableHeader };

package/dist/cjs/components/table/parts/TablePagination.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),q=require("react-aria"),I=require("react-intl"),O=require("tailwind-variants"),R=require("../../pagination/Pagination.cjs"),T=require("../../select/parts/SelectOption.cjs"),L=require("../../select/Select.cjs"),m=O.tv({base:["uy-bg-surface-neutral-low","uy-sticky uy-bottom-0","uy-grid uy-grid-cols-3 uy-items-center","uy-ps-200 uy-py-100 uy-pe-100"]}),A=[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"},{value:"200",label:"200"}],f=y.forwardRef((P,h)=>{const{pageCount:t,rowCount:l,currentPage:u,rowsPerPage:n=10,defaultPage:c,pageSizeOptions:j=A,defaultPageSize:x=n,onPageChange:v,onNextPress:S,onPreviousPress:N,onPageSizeChange:o,itemLabel:g="unity:component:table:pagination:item",...w}=P,a=q.useId(),s=I.useIntl(),[M,$]=y.useState(x),z={pageCount:t,defaultPage:c,currentPage:u,onPageChange:v,onNextPress:S,onPreviousPress:N},r=Math.max(((u??c??1)-1)*n+1,1),d=Math.min(r+n-1,l),p={singular:s.formatMessage({id:g,defaultMessage:"items"},{count:1}),plural:s.formatMessage({id:g,defaultMessage:"items"},{count:2})};return e.jsxs("div",{"data-dd-privacy":"allow",...w,ref:h,className:m(),"data-unity-slot":"table-pagination",children:[e.jsx("div",{className:"uy-justify-self-start",children:e.jsx("span",{id:`table-pagination-${a}-label`,className:"uy-typography-body uy-text-content-neutral",children:s.formatMessage({id:"unity:component:table:pagination:label",defaultMessage:`${r}-${d} out of ${l*t} items`},{pageCount:t,startRow:r,endRow:d,totalRows:l*t,itemLabel:p.plural})})}),e.jsx("div",{className:"uy-justify-self-center",children:t>1&&e.jsx(R.Pagination,{...z,"aria-labelledby":`table-pagination-${a}-label`})}),e.jsx("div",{className:"uy-justify-self-end",children:e.jsxs("form",{className:"uy-flex uy-gap-100 uy-items-center",children:[e.jsx("label",{className:"uy-shrink-0",id:`table-pagination-${a}-pagesize-label`,htmlFor:`table-pagination-${a}-pagesize-select`,children:s.formatMessage({id:"unity:component:table:pagination:page-size-control-label",defaultMessage:"Items per page"},{itemLabel:p.plural})}),e.jsx("div",{className:"uy-grow-0 uy-w-1000",children:e.jsx(L.Select,{id:`table-pagination-${a}-pagesize-select`,items:j,placeholder:"",value:`${M}`,onChange:i=>{const b=parseInt(i,10);o==null||o(b),$(b)},"aria-labelledby":`table-pagination-${a}-pagesize-label`,children:i=>e.jsx(T.SelectOption,{id:i.value,children:i.label})})})]})})]})});f.displayName="TablePagination";exports.TablePagination=f;exports.tablePagination=m;