@strapi/design-system 1.3.1 → 1.4.0-beta.1

package/dist/Link/Link.js

@@ -24,9 +24,9 @@ import g from "styled-components";
 import k from "@strapi/icons/ExternalLink";
 import { NavLink as x } from "react-router-dom";
 import { Typography as h } from "../Typography/Typography.js";
-import { Box as R } from "../Box/Box.js";
-import { buttonFocusStyle as T } from "../themes/utils.js";
-const _ = g.a`
+import { Box as I } from "../Box/Box.js";
+import { buttonFocusStyle as R } from "../themes/utils.js";
+const T = g.a`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
@@ -55,24 +55,24 @@ const _ = g.a`
     color: ${({ theme: e }) => e.colors.primary700};
   }
 
-  ${T};
-`, l = g(R)`
+  ${R};
+`, l = g(I)`
   display: flex;
-`, s = (w) => {
-  var c = w, { href: e, to: r, children: o, disabled: t, startIcon: d, endIcon: m } = c, E = y(c, ["href", "to", "children", "disabled", "startIcon", "endIcon"]);
+`, d = (_) => {
+  var c = _, { href: e, to: r, children: o, disabled: t, startIcon: s, endIcon: m } = c, E = y(c, ["href", "to", "children", "disabled", "startIcon", "endIcon"]);
   const L = e ? "_blank" : void 0, $ = e ? "noreferrer noopener" : void 0;
-  return /* @__PURE__ */ n.createElement(_, v({
+  return /* @__PURE__ */ n.createElement(T, v({
     as: r && !t ? x : "a",
     target: L,
     rel: $,
     to: t ? void 0 : r,
     href: t ? "#" : e,
     disabled: t
-  }, E), d && /* @__PURE__ */ n.createElement(l, {
+  }, E), s && /* @__PURE__ */ n.createElement(l, {
     as: "span",
     "aria-hidden": !0,
     paddingRight: 2
-  }, d), /* @__PURE__ */ n.createElement(h, null, o), m && !e && /* @__PURE__ */ n.createElement(l, {
+  }, s), /* @__PURE__ */ n.createElement(h, null, o), m && !e && /* @__PURE__ */ n.createElement(l, {
     as: "span",
     "aria-hidden": !0,
     paddingLeft: 2
@@ -82,26 +82,28 @@ const _ = g.a`
     paddingLeft: 2
   }, /* @__PURE__ */ n.createElement(k, null)));
 };
-s.displayName = "Link";
-s.defaultProps = {
+d.displayName = "Link";
+d.defaultProps = {
+  endIcon: void 0,
   href: void 0,
   to: void 0,
-  disabled: !1
+  disabled: !1,
+  startIcon: void 0
 };
-s.propTypes = {
+d.propTypes = {
   children: a.node.isRequired,
   disabled: a.bool,
   endIcon: a.element,
-  href: (e) => {
+  href(e) {
     if (!e.disabled && !e.to && !e.href)
       return new Error("href must be defined");
   },
   startIcon: a.element,
-  to: (e) => {
+  to(e) {
     if (!e.disabled && !e.href && !e.to)
       return new Error("to must be defined");
   }
 };
 export {
-  s as Link
+  d as Link
 };

package/dist/LinkButton/LinkButton.cjs

@@ -1,4 +1,4 @@
-"use strict";var E=Object.defineProperty,L=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var v=(e,t,o)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,h=(e,t)=>{for(var o in t||(t={}))B.call(t,o)&&v(e,o,t[o]);if(d)for(var o of d(t))m.call(t,o)&&v(e,o,t[o]);return e},$=(e,t)=>L(e,R(t));var S=(e,t)=>{var o={};for(var r in e)B.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&d)for(var r of d(e))t.indexOf(r)<0&&m.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),P=require("react-router-dom"),N=require("styled-components"),D=require("prop-types"),u=require("../Typography/Typography.cjs"),c=require("../Box/Box.cjs"),i=require("../Button/utils.cjs"),T=require("../Button/constants.cjs"),I=require("../BaseButton/BaseButton.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=f(j),O=f(N),a=f(D),W=O.default(I.BaseButtonWrapper)`
+"use strict";var E=Object.defineProperty,L=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var b=(e,t,o)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,h=(e,t)=>{for(var o in t||(t={}))B.call(t,o)&&b(e,o,t[o]);if(d)for(var o of d(t))m.call(t,o)&&b(e,o,t[o]);return e},$=(e,t)=>L(e,R(t));var S=(e,t)=>{var o={};for(var r in e)B.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&d)for(var r of d(e))t.indexOf(r)<0&&m.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),P=require("react-router-dom"),N=require("styled-components"),D=require("prop-types"),u=require("../Typography/Typography.cjs"),c=require("../Box/Box.cjs"),i=require("../Button/utils.cjs"),T=require("../Button/constants.cjs"),I=require("../BaseButton/BaseButton.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=f(j),O=f(N),a=f(D),W=O.default(I.BaseButtonWrapper)`
   padding: ${({theme:e,size:t})=>`${t==="S"?e.spaces[2]:"10px"} ${e.spaces[4]}`};
   background: ${({theme:e})=>e.colors.buttonPrimary600};
   border: 1px solid ${({theme:e})=>e.colors.buttonPrimary600};
@@ -29,4 +29,4 @@
   display: inline-flex;
   text-decoration: none;
   pointer-events: ${({disabled:e})=>e?"none":void 0};
-`,l=n.default.forwardRef((w,_)=>{var b=w,{variant:e,startIcon:t,endIcon:o,disabled:r,children:p,size:y,href:s,to:g}=b,x=S(b,["variant","startIcon","endIcon","disabled","children","size","href","to"]);const k=s?"_blank":void 0,q=s?"noreferrer noopener":void 0;return n.default.createElement(W,$(h({ref:_,"aria-disabled":r,size:y,variant:e,target:k,rel:q,to:r?void 0:g,href:r?"#":s},x),{as:g&&!r?P.NavLink:"a"}),t&&n.default.createElement(c.Box,{"aria-hidden":!0,paddingRight:2},t),y==="S"?n.default.createElement(u.Typography,{variant:"pi",fontWeight:"bold"},p):n.default.createElement(u.Typography,{fontWeight:"bold"},p),o&&n.default.createElement(c.Box,{"aria-hidden":!0,paddingLeft:2},o))});l.displayName="LinkButton";l.defaultProps={disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};l.propTypes={children:a.default.node.isRequired,disabled:a.default.bool,endIcon:a.default.element,href:e=>{if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:a.default.func,size:a.default.oneOf(T.BUTTON_SIZES),startIcon:a.default.element,to:e=>{if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:a.default.oneOf(T.VARIANTS)};exports.LinkButton=l;
+`,l=n.default.forwardRef((w,_)=>{var v=w,{variant:e,startIcon:t,endIcon:o,disabled:r,children:p,size:y,href:s,to:g}=v,x=S(v,["variant","startIcon","endIcon","disabled","children","size","href","to"]);const k=s?"_blank":void 0,q=s?"noreferrer noopener":void 0;return n.default.createElement(W,$(h({ref:_,"aria-disabled":r,size:y,variant:e,target:k,rel:q,to:r?void 0:g,href:r?"#":s},x),{as:g&&!r?P.NavLink:"a"}),t&&n.default.createElement(c.Box,{"aria-hidden":!0,paddingRight:2},t),y==="S"?n.default.createElement(u.Typography,{variant:"pi",fontWeight:"bold"},p):n.default.createElement(u.Typography,{fontWeight:"bold"},p),o&&n.default.createElement(c.Box,{"aria-hidden":!0,paddingLeft:2},o))});l.displayName="LinkButton";l.defaultProps={disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};l.propTypes={children:a.default.node.isRequired,disabled:a.default.bool,endIcon:a.default.element,href(e){if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:a.default.func,size:a.default.oneOf(T.BUTTON_SIZES),startIcon:a.default.element,to(e){if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:a.default.oneOf(T.VARIANTS)};exports.LinkButton=l;

package/dist/LinkButton/LinkButton.js

@@ -103,14 +103,14 @@ s.propTypes = {
   children: i.node.isRequired,
   disabled: i.bool,
   endIcon: i.element,
-  href: (e) => {
+  href(e) {
     if (!e.disabled && !e.to && !e.href)
       return new Error("href must be defined");
   },
   onClick: i.func,
   size: i.oneOf(w),
   startIcon: i.element,
-  to: (e) => {
+  to(e) {
     if (!e.disabled && !e.href && !e.to)
       return new Error("to must be defined");
   },

package/dist/NumberInput/NumberInput.cjs

@@ -1,4 +1,4 @@
-"use strict";var Q=Object.defineProperty;var F=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var S=(e,a,r)=>a in e?Q(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,x=(e,a)=>{for(var r in a||(a={}))h.call(a,r)&&S(e,r,a[r]);if(F)for(var r of F(a))k.call(a,r)&&S(e,r,a[r]);return e};var _=(e,a)=>{var r={};for(var o in e)h.call(e,o)&&a.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&F)for(var o of F(e))a.indexOf(o)<0&&k.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),Z=require("prop-types"),ee=require("@strapi/icons/CarretDown"),te=require("styled-components"),re=require("../themes/sizes.cjs"),A=require("@internationalized/number"),ae=require("../Field/Field.cjs"),ne=require("../Field/FieldLabel.cjs"),le=require("../Field/FieldInput.cjs"),oe=require("../Field/FieldHint.cjs"),ie=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const se=require("../Stack/Stack.cjs"),L=require("../Icon/Icon.cjs"),ue=require("../helpers/useId.cjs"),R=require("../helpers/keyboardKeys.cjs"),K=require("../helpers/getDefaultLocale.cjs"),q=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=q(g),t=q(Z),P=q(ee),de=q(te),z=de.default.button`
+"use strict";var W=Object.defineProperty;var m=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var N=(e,n,a)=>n in e?W(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a,E=(e,n)=>{for(var a in n||(n={}))j.call(n,a)&&N(e,a,n[a]);if(m)for(var a of m(n))w.call(n,a)&&N(e,a,n[a]);return e};var k=(e,n)=>{var a={};for(var u in e)j.call(e,u)&&n.indexOf(u)<0&&(a[u]=e[u]);if(e!=null&&m)for(var u of m(e))n.indexOf(u)<0&&w.call(e,u)&&(a[u]=e[u]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),X=require("prop-types"),Y=require("styled-components"),G=require("@strapi/icons/CarretDown"),D=require("@internationalized/number"),J=require("../Field/Field.cjs"),Q=require("../Field/FieldLabel.cjs"),Z=require("../Field/FieldInput.cjs"),ee=require("../Field/FieldHint.cjs"),te=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const re=require("../Stack/Stack.cjs"),C=require("../Icon/Icon.cjs"),ae=require("../themes/sizes.cjs"),ne=require("../helpers/useId.cjs"),A=require("../helpers/keyboardKeys.cjs"),le=require("../helpers/getDefaultLocale.cjs"),oe=require("../hooks/useControllableState.cjs"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=p(g),r=p(X),ue=p(Y),S=p(G),_=ue.default.button`
   display: flex;
   height: 1rem;
   align-items: ${({reverse:e})=>e?"flex-end":"flex-start"};
@@ -9,4 +9,4 @@
     height: ${4/16}rem;
     transform: ${({reverse:e})=>e?"rotateX(180deg)":void 0};
   }
-`,O="",v=n.default.forwardRef((ce,U)=>{var D=ce,{size:e,startAction:a,name:r,hint:o,error:T,label:j,labelAction:V,locale:$,id:B,onValueChange:f,value:d,step:i,required:H,disabled:p}=D,M=_(D,["size","startAction","name","hint","error","label","labelAction","locale","id","onValueChange","value","step","required","disabled"]);const[l,s]=g.useState(d==null?O:String(d)),C=ue.useId("numberinput",B),W=$||K.getDefaultLocale(),y=g.useRef(new A.NumberParser(W)),I=g.useRef(new A.NumberFormatter(K.getDefaultLocale(),{maximumFractionDigits:20})),X=u=>{const c=u.target.value;if(y.current.isValidPartialNumber(c)){const b=c===""?void 0:y.current.parse(c);b===void 0||isNaN(b)?f(void 0):f(b),s(u.target.value)}},E=u=>{if(l===void 0){f(i),s(String(i));return}if(isNaN(l)){const c=y.current.parse(l),m=(isNaN(c)?0:c)+i,N=I.current.format(m);f(m),s(u?String(m):N);return}f(d+i),s(String(d+i))},w=u=>{if(l===void 0){f(-i),s(String(-i));return}if(isNaN(l)){const c=y.current.parse(l),m=(isNaN(c)?0:c)-i,N=I.current.format(m);f(m),s(u?String(m):N);return}f(d-i),s(String(d-i))},Y=u=>{if(!p)switch(u.key){case R.KeyboardKeys.DOWN:{u.preventDefault(),w(!0);break}case R.KeyboardKeys.UP:{u.preventDefault(),E(!0);break}}},G=()=>{s(l!=null?l:O)},J=()=>{s(d===void 0?void 0:I.current.format(d))};return n.default.createElement(ae.Field,{name:r,hint:o,error:T,id:C},n.default.createElement(se.Stack,{spacing:1},j&&n.default.createElement(ne.FieldLabel,{required:H,action:V},j),n.default.createElement(le.FieldInput,x({ref:U,startAction:a,disabled:p,type:"text",inputmode:"decimal",onChange:X,onKeyDown:Y,onBlur:J,onFocus:G,value:l!=null?l:"",size:e,endAction:n.default.createElement(n.default.Fragment,null,n.default.createElement(z,{disabled:p,"aria-hidden":!0,reverse:!0,onClick:()=>{E()},tabIndex:-1,type:"button","data-testid":"ArrowUp"},n.default.createElement(L.Icon,{as:P.default,color:"neutral500"})),n.default.createElement(z,{disabled:p,"aria-hidden":!0,onClick:()=>{w()},tabIndex:-1,type:"button","data-testid":"ArrowDown"},n.default.createElement(L.Icon,{as:P.default,color:"neutral500"})))},M)),n.default.createElement(oe.FieldHint,null),n.default.createElement(ie.FieldError,null)))});v.displayName="NumberInput";v.defaultProps={"aria-label":void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:void 0,labelAction:void 0,required:!1,size:"M",startAction:void 0,step:1,value:void 0};v.propTypes={"aria-label":t.default.string,disabled:t.default.bool,error:t.default.string,hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),id:t.default.string,label:t.default.string,labelAction:t.default.element,locale:t.default.string,name:t.default.string.isRequired,onValueChange:t.default.func.isRequired,required:t.default.bool,size:t.default.oneOf(Object.keys(re.sizes.input)),startAction:t.default.element,step:t.default.number,value:t.default.number};exports.NumberInput=v;
+`,se="",b=l.default.forwardRef((ie,T)=>{var q=ie,{size:e,startAction:n,name:a,hint:u,error:V,label:F,labelAction:x,locale:L,id:P,onValueChange:R,value:K,step:i,required:z,disabled:f}=q,O=k(q,["size","startAction","name","hint","error","label","labelAction","locale","id","onValueChange","value","step","required","disabled"]);const $=ne.useId("numberinput",P),h=L||le.getDefaultLocale(),c=g.useRef(new D.NumberParser(h,{style:"decimal"})),y=g.useRef(new D.NumberFormatter(h,{maximumFractionDigits:20})),[s,B]=oe.useControllableState({prop(t){const o=String(K);return isNaN(o)||o!==t&&t!==""?t:o},defaultProp:se,onChange(t){const o=c.current.parse(t);R(isNaN(o)?void 0:o)}}),d=t=>{B(String(t))},H=({target:{value:t}})=>{c.current.isValidPartialNumber(t)&&d(t)},v=()=>{if(!s){d(i);return}const t=c.current.parse(s),o=isNaN(t)?i:t+i;d(y.current.format(o))},I=()=>{if(!s){d(-i);return}const t=c.current.parse(s),o=isNaN(t)?-i:t-i;d(y.current.format(o))},M=t=>{if(!f)switch(t.key){case A.KeyboardKeys.DOWN:{t.preventDefault(),I();break}case A.KeyboardKeys.UP:{t.preventDefault(),v();break}}},U=()=>{if(s){const t=c.current.parse(s),o=isNaN(t)?"":y.current.format(t);d(o)}};return l.default.createElement(J.Field,{name:a,hint:u,error:V,id:$},l.default.createElement(re.Stack,{spacing:1},F&&l.default.createElement(Q.FieldLabel,{required:z,action:x},F),l.default.createElement(Z.FieldInput,E({ref:T,startAction:n,disabled:f,type:"text",inputmode:"decimal",onChange:H,onKeyDown:M,onBlur:U,value:s,size:e,endAction:l.default.createElement(l.default.Fragment,null,l.default.createElement(_,{disabled:f,"aria-hidden":!0,reverse:!0,onClick:v,tabIndex:-1,type:"button","data-testid":"ArrowUp"},l.default.createElement(C.Icon,{as:S.default,color:"neutral500"})),l.default.createElement(_,{disabled:f,"aria-hidden":!0,onClick:I,tabIndex:-1,type:"button","data-testid":"ArrowDown"},l.default.createElement(C.Icon,{as:S.default,color:"neutral500"})))},O)),l.default.createElement(ee.FieldHint,null),l.default.createElement(te.FieldError,null)))});b.displayName="NumberInput";b.defaultProps={"aria-label":void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:void 0,labelAction:void 0,locale:void 0,required:!1,size:"M",startAction:void 0,step:1,value:void 0};b.propTypes={"aria-label":r.default.string,disabled:r.default.bool,error:r.default.string,hint:r.default.oneOfType([r.default.string,r.default.node,r.default.arrayOf(r.default.node)]),id:r.default.string,label:r.default.string,labelAction:r.default.element,locale:r.default.string,name:r.default.string.isRequired,onValueChange:r.default.func.isRequired,required:r.default.bool,size:r.default.oneOf(Object.keys(ae.sizes.input)),startAction:r.default.element,step:r.default.number,value:r.default.number};exports.NumberInput=b;

package/dist/NumberInput/NumberInput.js

@@ -1,42 +1,43 @@
-var J = Object.defineProperty;
-var v = Object.getOwnPropertySymbols;
-var h = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
-var A = (e, o, t) => o in e ? J(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, S = (e, o) => {
-  for (var t in o || (o = {}))
-    h.call(o, t) && A(e, t, o[t]);
-  if (v)
-    for (var t of v(o))
-      D.call(o, t) && A(e, t, o[t]);
+var H = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var w = (e, n, o) => n in e ? H(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, A = (e, n) => {
+  for (var o in n || (n = {}))
+    E.call(n, o) && w(e, o, n[o]);
+  if (p)
+    for (var o of p(n))
+      I.call(n, o) && w(e, o, n[o]);
   return e;
 };
-var k = (e, o) => {
-  var t = {};
-  for (var a in e)
-    h.call(e, a) && o.indexOf(a) < 0 && (t[a] = e[a]);
-  if (e != null && v)
-    for (var a of v(e))
-      o.indexOf(a) < 0 && D.call(e, a) && (t[a] = e[a]);
-  return t;
+var V = (e, n) => {
+  var o = {};
+  for (var l in e)
+    E.call(e, l) && n.indexOf(l) < 0 && (o[l] = e[l]);
+  if (e != null && p)
+    for (var l of p(e))
+      n.indexOf(l) < 0 && I.call(e, l) && (o[l] = e[l]);
+  return o;
 };
-import n, { useState as Q, useRef as R } from "react";
-import r from "prop-types";
-import P from "@strapi/icons/CarretDown";
-import Z from "styled-components";
-import { sizes as C } from "../themes/sizes.js";
-import { NumberParser as ee, NumberFormatter as re } from "@internationalized/number";
-import { Field as te } from "../Field/Field.js";
-import { FieldLabel as oe } from "../Field/FieldLabel.js";
-import { FieldInput as ne } from "../Field/FieldInput.js";
-import { FieldHint as ie } from "../Field/FieldHint.js";
-import { FieldError as ae } from "../Field/FieldError.js";
+import a, { useRef as x } from "react";
+import t from "prop-types";
+import M from "styled-components";
+import D from "@strapi/icons/CarretDown";
+import { NumberParser as W, NumberFormatter as X } from "@internationalized/number";
+import { Field as Y } from "../Field/Field.js";
+import { FieldLabel as G } from "../Field/FieldLabel.js";
+import { FieldInput as J } from "../Field/FieldInput.js";
+import { FieldHint as Q } from "../Field/FieldHint.js";
+import { FieldError as Z } from "../Field/FieldError.js";
 import "../Field/FieldContext.js";
 import "../Field/FieldAction.js";
-import { Stack as se } from "../Stack/Stack.js";
-import { Icon as V } from "../Icon/Icon.js";
-import { useId as le } from "../helpers/useId.js";
-import { KeyboardKeys as O } from "../helpers/keyboardKeys.js";
-import { getDefaultLocale as $ } from "../helpers/getDefaultLocale.js";
-const q = Z.button`
+import { Stack as ee } from "../Stack/Stack.js";
+import { Icon as F } from "../Icon/Icon.js";
+import { sizes as re } from "../themes/sizes.js";
+import { useId as te } from "../helpers/useId.js";
+import { KeyboardKeys as k } from "../helpers/keyboardKeys.js";
+import { getDefaultLocale as oe } from "../helpers/getDefaultLocale.js";
+import { useControllableState as ne } from "../hooks/useControllableState.js";
+const C = M.button`
   display: flex;
   height: 1rem;
   align-items: ${({ reverse: e }) => e ? "flex-end" : "flex-start"};
@@ -47,24 +48,24 @@ const q = Z.button`
     height: ${4 / 16}rem;
     transform: ${({ reverse: e }) => e ? "rotateX(180deg)" : void 0};
   }
-`, K = "", x = n.forwardRef(
-  (me, j) => {
-    var w = me, {
+`, ae = "", b = a.forwardRef(
+  (ie, T) => {
+    var v = ie, {
       size: e,
-      startAction: o,
-      name: t,
-      hint: a,
-      error: L,
-      label: E,
-      labelAction: T,
-      locale: z,
-      id: B,
-      onValueChange: u,
-      value: c,
+      startAction: n,
+      name: o,
+      hint: l,
+      error: P,
+      label: g,
+      labelAction: R,
+      locale: O,
+      id: S,
+      onValueChange: $,
+      value: q,
       step: s,
-      required: U,
-      disabled: b
-    } = w, _ = k(w, [
+      required: K,
+      disabled: d
+    } = v, L = V(v, [
       "size",
       "startAction",
       "name",
@@ -80,104 +81,100 @@ const q = Z.button`
       "required",
       "disabled"
     ]);
-    const [i, l] = Q(c == null ? K : String(c)), H = le("numberinput", B), M = z || $(), g = R(new ee(M)), N = R(new re($(), { maximumFractionDigits: 20 })), W = (m) => {
-      const d = m.target.value;
-      if (g.current.isValidPartialNumber(d)) {
-        const p = d === "" ? void 0 : g.current.parse(d);
-        p === void 0 || isNaN(p) ? u(void 0) : u(p), l(m.target.value);
+    const z = te("numberinput", S), N = O || oe(), c = x(new W(N, { style: "decimal" })), f = x(new X(N, { maximumFractionDigits: 20 })), [m, B] = ne({
+      prop(r) {
+        const i = String(q);
+        return isNaN(i) || i !== r && r !== "" ? r : i;
+      },
+      defaultProp: ae,
+      onChange(r) {
+        const i = c.current.parse(r);
+        $(isNaN(i) ? void 0 : i);
       }
-    }, I = (m) => {
-      if (i === void 0) {
-        u(s), l(String(s));
+    }), u = (r) => {
+      B(String(r));
+    }, U = ({ target: { value: r } }) => {
+      c.current.isValidPartialNumber(r) && u(r);
+    }, y = () => {
+      if (!m) {
+        u(s);
         return;
       }
-      if (isNaN(i)) {
-        const d = g.current.parse(i), f = (isNaN(d) ? 0 : d) + s, y = N.current.format(f);
-        u(f), l(m ? String(f) : y);
+      const r = c.current.parse(m), i = isNaN(r) ? s : r + s;
+      u(f.current.format(i));
+    }, h = () => {
+      if (!m) {
+        u(-s);
         return;
       }
-      u(c + s), l(String(c + s));
-    }, F = (m) => {
-      if (i === void 0) {
-        u(-s), l(String(-s));
-        return;
-      }
-      if (isNaN(i)) {
-        const d = g.current.parse(i), f = (isNaN(d) ? 0 : d) - s, y = N.current.format(f);
-        u(f), l(m ? String(f) : y);
-        return;
-      }
-      u(c - s), l(String(c - s));
-    }, X = (m) => {
-      if (!b)
-        switch (m.key) {
-          case O.DOWN: {
-            m.preventDefault(), F(!0);
+      const r = c.current.parse(m), i = isNaN(r) ? -s : r - s;
+      u(f.current.format(i));
+    }, _ = (r) => {
+      if (!d)
+        switch (r.key) {
+          case k.DOWN: {
+            r.preventDefault(), h();
             break;
           }
-          case O.UP: {
-            m.preventDefault(), I(!0);
+          case k.UP: {
+            r.preventDefault(), y();
             break;
           }
         }
-    }, Y = () => {
-      l(i != null ? i : K);
-    }, G = () => {
-      l(c === void 0 ? void 0 : N.current.format(c));
+    }, j = () => {
+      if (m) {
+        const r = c.current.parse(m), i = isNaN(r) ? "" : f.current.format(r);
+        u(i);
+      }
     };
-    return /* @__PURE__ */ n.createElement(te, {
-      name: t,
-      hint: a,
-      error: L,
-      id: H
-    }, /* @__PURE__ */ n.createElement(se, {
+    return /* @__PURE__ */ a.createElement(Y, {
+      name: o,
+      hint: l,
+      error: P,
+      id: z
+    }, /* @__PURE__ */ a.createElement(ee, {
       spacing: 1
-    }, E && /* @__PURE__ */ n.createElement(oe, {
-      required: U,
-      action: T
-    }, E), /* @__PURE__ */ n.createElement(ne, S({
-      ref: j,
-      startAction: o,
-      disabled: b,
+    }, g && /* @__PURE__ */ a.createElement(G, {
+      required: K,
+      action: R
+    }, g), /* @__PURE__ */ a.createElement(J, A({
+      ref: T,
+      startAction: n,
+      disabled: d,
       type: "text",
       inputmode: "decimal",
-      onChange: W,
-      onKeyDown: X,
-      onBlur: G,
-      onFocus: Y,
-      value: i != null ? i : "",
+      onChange: U,
+      onKeyDown: _,
+      onBlur: j,
+      value: m,
       size: e,
-      endAction: /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(q, {
-        disabled: b,
+      endAction: /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(C, {
+        disabled: d,
         "aria-hidden": !0,
         reverse: !0,
-        onClick: () => {
-          I();
-        },
+        onClick: y,
         tabIndex: -1,
         type: "button",
         "data-testid": "ArrowUp"
-      }, /* @__PURE__ */ n.createElement(V, {
-        as: P,
+      }, /* @__PURE__ */ a.createElement(F, {
+        as: D,
         color: "neutral500"
-      })), /* @__PURE__ */ n.createElement(q, {
-        disabled: b,
+      })), /* @__PURE__ */ a.createElement(C, {
+        disabled: d,
         "aria-hidden": !0,
-        onClick: () => {
-          F();
-        },
+        onClick: h,
         tabIndex: -1,
         type: "button",
         "data-testid": "ArrowDown"
-      }, /* @__PURE__ */ n.createElement(V, {
-        as: P,
+      }, /* @__PURE__ */ a.createElement(F, {
+        as: D,
         color: "neutral500"
       })))
-    }, _)), /* @__PURE__ */ n.createElement(ie, null), /* @__PURE__ */ n.createElement(ae, null)));
+    }, L)), /* @__PURE__ */ a.createElement(Q, null), /* @__PURE__ */ a.createElement(Z, null)));
   }
 );
-x.displayName = "NumberInput";
-x.defaultProps = {
+b.displayName = "NumberInput";
+b.defaultProps = {
   "aria-label": void 0,
   disabled: !1,
   error: void 0,
@@ -185,29 +182,30 @@ x.defaultProps = {
   id: void 0,
   label: void 0,
   labelAction: void 0,
+  locale: void 0,
   required: !1,
   size: "M",
   startAction: void 0,
   step: 1,
   value: void 0
 };
-x.propTypes = {
-  "aria-label": r.string,
-  disabled: r.bool,
-  error: r.string,
-  hint: r.oneOfType([r.string, r.node, r.arrayOf(r.node)]),
-  id: r.string,
-  label: r.string,
-  labelAction: r.element,
-  locale: r.string,
-  name: r.string.isRequired,
-  onValueChange: r.func.isRequired,
-  required: r.bool,
-  size: r.oneOf(Object.keys(C.input)),
-  startAction: r.element,
-  step: r.number,
-  value: r.number
+b.propTypes = {
+  "aria-label": t.string,
+  disabled: t.bool,
+  error: t.string,
+  hint: t.oneOfType([t.string, t.node, t.arrayOf(t.node)]),
+  id: t.string,
+  label: t.string,
+  labelAction: t.element,
+  locale: t.string,
+  name: t.string.isRequired,
+  onValueChange: t.func.isRequired,
+  required: t.bool,
+  size: t.oneOf(Object.keys(re.input)),
+  startAction: t.element,
+  step: t.number,
+  value: t.number
 };
 export {
-  x as NumberInput
+  b as NumberInput
 };

package/dist/Popover/Popover.cjs

@@ -1,4 +1,4 @@
-"use strict";var W=Object.defineProperty;var i=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?W(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,c=(e,o)=>{for(var t in o||(o={}))P.call(o,t)&&g(e,t,o[t]);if(i)for(var t of i(o))y.call(o,t)&&g(e,t,o[t]);return e};var v=(e,o)=>{var t={};for(var r in e)P.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&i)for(var r of i(e))o.indexOf(r)<0&&y.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),D=require("prop-types"),z=require("styled-components"),a=require("@floating-ui/react-dom"),d=require("../Box/Box.cjs"),A=require("../Portal/Portal.cjs"),C=require("../helpers/useIntersection.cjs"),x=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function N(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=N(L),n=x(D),w=x(z),E=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],I=w.default(d.Box)`
+"use strict";var W=Object.defineProperty;var i=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?W(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,u=(e,o)=>{for(var t in o||(o={}))P.call(o,t)&&g(e,t,o[t]);if(i)for(var t of i(o))y.call(o,t)&&g(e,t,o[t]);return e};var v=(e,o)=>{var t={};for(var r in e)P.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&i)for(var r of i(e))o.indexOf(r)<0&&y.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),D=require("prop-types"),z=require("styled-components"),s=require("@floating-ui/react-dom"),d=require("../Box/Box.cjs"),A=require("../Portal/Portal.cjs"),C=require("../helpers/useIntersection.cjs"),x=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function N(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=N(L),n=x(D),w=x(z),E=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],I=w.default(d.Box)`
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   z-index: 4;
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
@@ -23,4 +23,4 @@
     border-radius: ${({theme:e})=>e.borderRadius};
     margin-right: 10px;
   }
-`,f=F=>{var b=F,{source:e,children:o,spacing:t,fullWidth:r,placement:k,onReachEnd:u,intersectionId:l,centered:R}=b,q=v(b,["source","children","spacing","fullWidth","placement","onReachEnd","intersectionId","centered"]);const m=s.useRef(null),[h,j]=s.useState(void 0),{x:S,y:T,reference:$,floating:M,strategy:B}=a.useFloating({strategy:"fixed",placement:R?"bottom":k,middleware:[a.offset({mainAxis:t}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return s.useLayoutEffect(()=>{$(e.current)},[e]),s.useLayoutEffect(()=>{r&&j(e.current.offsetWidth)},[r]),C.useIntersection(m,u,{selectorToWatch:`#${l}`,skipWhen:!l||!u}),s.createElement(I,{ref:M,style:{left:S,top:T,position:B,width:h||void 0},hasRadius:!0,background:"neutral0",padding:1},s.createElement(V,c({ref:m},q),o,l&&u&&s.createElement(d.Box,{id:l,width:"100%",height:"1px"})))},p=e=>s.createElement(A.Portal,null,s.createElement(f,c({},e))),_={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start"},O={centered:n.default.bool,children:n.default.node.isRequired,fullWidth:n.default.bool,intersectionId:n.default.string,onReachEnd:n.default.func,placement:n.default.oneOf(E),source:n.default.shape({current:(typeof Element=="undefined"?n.default.any:n.default.instanceOf(Element)).isRequired}).isRequired,spacing:n.default.number};f.propTypes=O;f.defaultProps=_;p.propTypes=O;p.defaultProps=_;exports.POPOVER_PLACEMENTS=E;exports.Popover=p;
+`,f=F=>{var b=F,{source:e,children:o,spacing:t,fullWidth:r,placement:k,onReachEnd:c,intersectionId:l,centered:R}=b,q=v(b,["source","children","spacing","fullWidth","placement","onReachEnd","intersectionId","centered"]);const m=a.useRef(null),[j,S]=a.useState(void 0),{x:T,y:$,reference:h,floating:M,strategy:B}=s.useFloating({strategy:"fixed",placement:R?"bottom":k,middleware:[s.offset({mainAxis:t}),s.shift(),s.flip()],whileElementsMounted:s.autoUpdate});return a.useLayoutEffect(()=>{h(e.current)},[e,h]),a.useLayoutEffect(()=>{r&&S(e.current.offsetWidth)},[r,e]),C.useIntersection(m,c,{selectorToWatch:`#${l}`,skipWhen:!l||!c}),a.createElement(I,{ref:M,style:{left:T,top:$,position:B,width:j||void 0},hasRadius:!0,background:"neutral0",padding:1},a.createElement(V,u({ref:m},q),o,l&&c&&a.createElement(d.Box,{id:l,width:"100%",height:"1px"})))},p=e=>a.createElement(A.Portal,null,a.createElement(f,u({},e))),_={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start",spacing:0},O={centered:n.default.bool,children:n.default.node.isRequired,fullWidth:n.default.bool,intersectionId:n.default.string,onReachEnd:n.default.func,placement:n.default.oneOf(E),source:n.default.shape({current:(typeof Element=="undefined"?n.default.any:n.default.instanceOf(Element)).isRequired}).isRequired,spacing:n.default.number};f.propTypes=O;f.defaultProps=_;p.propTypes=O;p.defaultProps=_;exports.POPOVER_PLACEMENTS=E;exports.Popover=p;

package/dist/Popover/Popover.js

@@ -83,7 +83,7 @@ const N = [
     "intersectionId",
     "centered"
   ]);
-  const u = s.useRef(null), [m, $] = s.useState(void 0), { x: W, y: T, reference: O, floating: S, strategy: q } = z({
+  const u = s.useRef(null), [$, W] = s.useState(void 0), { x: T, y: O, reference: m, floating: S, strategy: q } = z({
     strategy: "fixed",
     placement: k ? "bottom" : P,
     middleware: [
@@ -96,19 +96,19 @@ const N = [
     whileElementsMounted: B
   });
   return s.useLayoutEffect(() => {
-    O(e.current);
-  }, [e]), s.useLayoutEffect(() => {
-    r && $(e.current.offsetWidth);
-  }, [r]), F(u, l, {
+    m(e.current);
+  }, [e, m]), s.useLayoutEffect(() => {
+    r && W(e.current.offsetWidth);
+  }, [r, e]), F(u, l, {
     selectorToWatch: `#${a}`,
     skipWhen: !a || !l
   }), /* @__PURE__ */ s.createElement(U, {
     ref: S,
     style: {
-      left: W,
-      top: T,
+      left: T,
+      top: O,
       position: q,
-      width: m || void 0
+      width: $ || void 0
     },
     hasRadius: !0,
     background: "neutral0",
@@ -125,7 +125,8 @@ const N = [
   intersectionId: void 0,
   onReachEnd: void 0,
   centered: !1,
-  placement: "bottom-start"
+  placement: "bottom-start",
+  spacing: 0
 }, E = {
   centered: n.bool,
   children: n.node.isRequired,

package/dist/RawTable/RawCell.cjs

@@ -1 +1 @@
-"use strict";var k=Object.defineProperty,_=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var K=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var E=(e,o,a)=>o in e?k(e,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[o]=a,N=(e,o)=>{for(var a in o||(o={}))K.call(o,a)&&E(e,a,o[a]);if(y)for(var a of y(o))m.call(o,a)&&E(e,a,o[a]);return e},R=(e,o)=>_(e,j(o));var w=(e,o)=>{var a={};for(var u in e)K.call(e,u)&&o.indexOf(u)<0&&(a[u]=e[u]);if(e!=null&&y)for(var u of y(e))o.indexOf(u)<0&&m.call(e,u)&&(a[u]=e[u]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),A=require("prop-types"),L=require("../Box/Box.cjs"),f=require("../helpers/getFocusableNodes.cjs"),i=require("../helpers/keyboardKeys.cjs"),O=require("./RawTableContext.cjs"),F=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},v=F(b),n=F(A),T=e=>v.default.createElement(h,R(N({},e),{as:"th"})),h=u=>{var x=u,{coords:e,as:o}=x,a=w(x,["coords","as"]);const l=b.useRef(null),{rowIndex:B,colIndex:I,setTableValues:P}=O.useTable(),[d,p]=b.useState(!1),q=t=>{const s=f.getFocusableNodes(l.current,!0);if(!(s.length===0||s.length===1&&f.getFocusableNodesWithKeyboardNav(s).length===0)){if(s.length>1&&!Boolean(s.find(r=>r.tagName!=="BUTTON"))){t.preventDefault();const r=s.findIndex(c=>c===document.activeElement);if(t.key===i.KeyboardKeys.RIGHT){const c=s[r+1];c&&(t.stopPropagation(),c.focus())}else if(t.key===i.KeyboardKeys.LEFT){const c=s[r-1];c&&(t.stopPropagation(),c.focus())}return}t.key===i.KeyboardKeys.ENTER&&!d?p(!0):(t.key===i.KeyboardKeys.ESCAPE||t.key===i.KeyboardKeys.ENTER)&&d?(p(!1),l.current.focus()):d&&t.stopPropagation()}},g=B===e.row-1&&I===e.col-1;return b.useLayoutEffect(()=>{const t=f.getFocusableNodes(l.current,!0);t.length===0||t.length===1&&f.getFocusableNodesWithKeyboardNav(t).length!==0||t.length>1&&Boolean(t.find(s=>s.tagName!=="BUTTON"))?(l.current.setAttribute("tabIndex",!d&&g?0:-1),t.forEach((s,r)=>{s.setAttribute("tabIndex",d?0:-1),d&&r===0&&s.focus()})):t.forEach(s=>{s.setAttribute("tabIndex",g?0:-1)})},[d,g]),b.useLayoutEffect(()=>{const t=f.getFocusableNodes(l.current,!0),s=()=>{t.length>=1&&(f.getFocusableNodesWithKeyboardNav(t).length!==0||!Boolean(t.find(r=>r.tagName!=="BUTTON")))&&p(!0),P({rowIndex:e.row-1,colIndex:e.col-1})};return t.forEach(r=>{r.addEventListener("focus",s)}),()=>{f.getFocusableNodes(l.current,!0).forEach(c=>{c.removeEventListener("focus",s)})}},[]),v.default.createElement(L.Box,N({as:o||"td",ref:l,onKeyDown:q},a))};T.defaultProps={coords:{}};T.propTypes={["aria-colindex"]:n.default.number.isRequired,children:n.default.node,coords:n.default.shape({col:n.default.number,row:n.default.number})};h.defaultProps={coords:{}};h.propTypes={["aria-colindex"]:n.default.number.isRequired,as:n.default.oneOf(["td","th"]),children:n.default.node,coords:n.default.shape({col:n.default.number,row:n.default.number})};exports.RawTd=h;exports.RawTh=T;
+"use strict";var _=Object.defineProperty,j=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var v=(e,s,a)=>s in e?_(e,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[s]=a,x=(e,s)=>{for(var a in s||(s={}))w.call(s,a)&&v(e,a,s[a]);if(y)for(var a of y(s))F.call(s,a)&&v(e,a,s[a]);return e},R=(e,s)=>j(e,L(s));var I=(e,s)=>{var a={};for(var r in e)w.call(e,r)&&s.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&y)for(var r of y(e))s.indexOf(r)<0&&F.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),O=require("prop-types"),C=require("../Box/Box.cjs"),c=require("../helpers/getFocusableNodes.cjs"),g=require("../helpers/keyboardKeys.cjs"),D=require("./RawTableContext.cjs"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},P=B(b),n=B(O),m=e=>P.default.createElement(h,R(x({},e),{as:"th"})),h=r=>{var E=r,{coords:e,as:s}=E,a=I(E,["coords","as"]);const l=b.useRef(null),{rowIndex:q,colIndex:k,setTableValues:K}=D.useTable(),[d,N]=b.useState(!1),A=t=>{const o=c.getFocusableNodes(l.current,!0);if(o.length===0||o.length===1&&c.getFocusableNodesWithKeyboardNav(o).length===0)return;if(o.length>1&&!o.find(i=>i.tagName!=="BUTTON")){t.preventDefault();const i=o.findIndex(f=>f===document.activeElement);if(t.key===g.KeyboardKeys.RIGHT){const f=o[i+1];f&&(t.stopPropagation(),f.focus())}else if(t.key===g.KeyboardKeys.LEFT){const f=o[i-1];f&&(t.stopPropagation(),f.focus())}return}const u=t.key===g.KeyboardKeys.ENTER;if(u&&!d)N(!0);else if((t.key===g.KeyboardKeys.ESCAPE||u)&&d){if(u&&document.activeElement.tagName==="A")return;N(!1),l.current.focus()}else d&&t.stopPropagation()},p=q===e.row-1&&k===e.col-1;b.useLayoutEffect(()=>{const t=c.getFocusableNodes(l.current,!0);t.length===0||t.length===1&&c.getFocusableNodesWithKeyboardNav(t).length!==0||t.length>1&&Boolean(t.find(o=>o.tagName!=="BUTTON"))?(l.current.setAttribute("tabIndex",!d&&p?0:-1),t.forEach((o,u)=>{o.setAttribute("tabIndex",d?0:-1),d&&u===0&&o.focus()})):t.forEach(o=>{o.setAttribute("tabIndex",p?0:-1)})},[d,p]);const T=b.useCallback(()=>{const t=c.getFocusableNodes(l.current,!0);t.length>=1&&(c.getFocusableNodesWithKeyboardNav(t).length!==0||!t.find(o=>o.tagName!=="BUTTON"))&&N(!0),K({rowIndex:e.row-1,colIndex:e.col-1})},[e,K]);return b.useLayoutEffect(()=>{const t=l.current;return c.getFocusableNodes(t,!0).forEach(u=>{u.addEventListener("focus",T)}),()=>{c.getFocusableNodes(t,!0).forEach(i=>{i.removeEventListener("focus",T)})}},[T]),P.default.createElement(C.Box,x({role:"gridcell",as:s,ref:l,onKeyDown:A},a))};m.defaultProps={children:void 0,coords:{}};m.propTypes={"aria-colindex":n.default.number.isRequired,children:n.default.node,coords:n.default.shape({col:n.default.number,row:n.default.number})};h.defaultProps={as:"td",children:void 0,coords:{}};h.propTypes={"aria-colindex":n.default.number.isRequired,as:n.default.oneOf(["td","th"]),children:n.default.node,coords:n.default.shape({col:n.default.number,row:n.default.number})};exports.RawTd=h;exports.RawTh=m;