@strapi/design-system 1.7.10 → 1.8.1

package/dist/MainNav/NavSection.js

@@ -1,46 +1,12 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { Children as m } from "react";
-import p from "prop-types";
-import { useMainNav as u } from "./MainNavContext.js";
-import { Divider as g } from "../Divider/Divider.js";
-import { Flex as i } from "../Flex/Flex.js";
-import { Box as l } from "../Box/Box.js";
-import { VisuallyHidden as h } from "../VisuallyHidden/VisuallyHidden.js";
-import { Typography as f } from "../Typography/Typography.js";
-const x = ({ label: o, children: a, spacing: s = 2, horizontal: e = !1, ...c }) => u() ? /* @__PURE__ */ d(i, { direction: "column", alignItems: "stretch", gap: 2, children: [
-  /* @__PURE__ */ d(l, { paddingTop: 1, paddingBottom: 1, background: "neutral0", hasRadius: !0, as: "span", children: [
-    /* @__PURE__ */ r(g, {}),
-    /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r("span", { children: o }) })
-  ] }),
-  /* @__PURE__ */ r(
-    i,
-    {
-      as: "ul",
-      gap: s,
-      direction: e ? "row" : "column",
-      alignItems: e ? "center" : "stretch",
-      ...c,
-      children: m.map(a, (n, t) => /* @__PURE__ */ r("li", { children: n }, t))
-    }
-  )
-] }) : /* @__PURE__ */ d(i, { direction: "column", alignItems: "stretch", gap: 2, children: [
-  /* @__PURE__ */ r(l, { paddingTop: 1, paddingBottom: 1, background: "neutral0", paddingRight: 3, paddingLeft: 3, hasRadius: !0, as: "span", children: /* @__PURE__ */ r(f, { variant: "sigma", textColor: "neutral600", children: o }) }),
-  /* @__PURE__ */ r(
-    i,
-    {
-      as: "ul",
-      gap: s,
-      direction: e ? "row" : "column",
-      alignItems: e ? "center" : "stretch",
-      ...c,
-      children: m.map(a, (n, t) => /* @__PURE__ */ r("li", { children: n }, t))
-    }
-  )
-] });
-x.propTypes = {
-  children: p.node.isRequired,
-  label: p.string.isRequired
-};
+import l from "react";
+import { useMainNav as p } from "./MainNavContext.js";
+import { Divider as u } from "../Divider/Divider.js";
+import { Flex as n } from "../Flex/Flex.js";
+import { Box as s } from "../Box/Box.js";
+import { VisuallyHidden as g } from "../VisuallyHidden/VisuallyHidden.js";
+import { Typography as h } from "../Typography/Typography.js";
+const j = ({ label: a, children: o, spacing: c = 2, horizontal: e = !1, ...m }) => p() ? d(n, { direction: "column", alignItems: "stretch", gap: 2, children: [d(s, { paddingTop: 1, paddingBottom: 1, background: "neutral0", hasRadius: !0, as: "span", children: [r(u, {}), r(g, { children: r("span", { children: a }) })] }), r(n, { as: "ul", gap: c, direction: e ? "row" : "column", alignItems: e ? "center" : "stretch", ...m, children: l.Children.map(o, (i, t) => r("li", { children: i }, t)) })] }) : d(n, { direction: "column", alignItems: "stretch", gap: 2, children: [r(s, { paddingTop: 1, paddingBottom: 1, background: "neutral0", paddingRight: 3, paddingLeft: 3, hasRadius: !0, as: "span", children: r(h, { variant: "sigma", textColor: "neutral600", children: a }) }), r(n, { as: "ul", gap: c, direction: e ? "row" : "column", alignItems: e ? "center" : "stretch", ...m, children: l.Children.map(o, (i, t) => r("li", { children: i }, t)) })] });
 export {
-  x as NavSection
+  j as NavSection
 };

package/dist/MainNav/NavSections.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),u=require("prop-types"),a=require("styled-components"),p=require("../Box/Box.cjs"),f=require("../Flex/Flex.cjs"),o=e=>e&&e.__esModule?e:{default:e},g=o(u),x=o(a),y=x.default(p.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),d=require("styled-components"),a=require("../Box/Box.cjs"),u=require("../Flex/Flex.cjs"),n=e=>e&&e.__esModule?e:{default:e},f=n(c),g=n(d),x=g.default(a.Box)`
   flex-grow: 1;
   overflow-y: auto;
-`,n=({children:e,spacing:s=4,horizontal:r=!1,...i})=>t.jsx(y,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8,children:t.jsx(f.Flex,{as:"ul",gap:s,direction:r?"row":"column",alignItems:r?"center":"stretch",...i,children:c.Children.map(e,(d,l)=>t.jsx("li",{children:d},l))})});n.propTypes={children:g.default.node.isRequired};exports.NavSections=n;
+`,p=({children:e,spacing:r=4,horizontal:o=!1,...s})=>t.jsx(x,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8,children:t.jsx(u.Flex,{as:"ul",gap:r,direction:o?"row":"column",alignItems:o?"center":"stretch",...s,children:f.default.Children.map(e,(i,l)=>t.jsx("li",{children:i},l))})});exports.NavSections=p;

package/dist/MainNav/NavSections.js

@@ -1,26 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Children as d } from "react";
-import m from "prop-types";
+import { jsx as o } from "react/jsx-runtime";
+import m from "react";
 import l from "styled-components";
-import { Box as s } from "../Box/Box.js";
-import { Flex as c } from "../Flex/Flex.js";
-const a = l(s)`
+import { Box as p } from "../Box/Box.js";
+import { Flex as a } from "../Flex/Flex.js";
+const c = l(p)`
   flex-grow: 1;
   overflow-y: auto;
-`, f = ({ children: e, spacing: i = 4, horizontal: o = !1, ...t }) => /* @__PURE__ */ r(a, { paddingLeft: 3, paddingRight: 2, paddingTop: 3, paddingBottom: 8, children: /* @__PURE__ */ r(
-  c,
-  {
-    as: "ul",
-    gap: i,
-    direction: o ? "row" : "column",
-    alignItems: o ? "center" : "stretch",
-    ...t,
-    children: d.map(e, (p, n) => /* @__PURE__ */ r("li", { children: p }, n))
-  }
-) });
-f.propTypes = {
-  children: m.node.isRequired
-};
+`, h = ({ children: t, spacing: e = 4, horizontal: r = !1, ...i }) => o(c, { paddingLeft: 3, paddingRight: 2, paddingTop: 3, paddingBottom: 8, children: o(a, { as: "ul", gap: e, direction: r ? "row" : "column", alignItems: r ? "center" : "stretch", ...i, children: m.Children.map(t, (n, d) => o("li", { children: n }, d)) }) });
 export {
-  f as NavSections
+  h as NavSections
 };

package/dist/MainNav/NavUser.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),x=require("prop-types"),f=require("styled-components"),y=require("./MainNavContext.cjs"),a=require("../Avatar/Avatar.cjs"),d=require("../Box/Box.cjs"),v=require("../Flex/Flex.cjs"),g=require("../VisuallyHidden/VisuallyHidden.cjs"),j=require("../Typography/Typography.cjs"),i=e=>e&&e.__esModule?e:{default:e},q=i(p),s=i(x),h=i(f),_=h.default(d.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),c=require("styled-components"),x=require("./MainNavContext.cjs"),s=require("../Avatar/Avatar.cjs"),i=require("../Box/Box.cjs"),p=require("../Flex/Flex.cjs"),f=require("../VisuallyHidden/VisuallyHidden.cjs"),h=require("../Typography/Typography.cjs"),o=e=>e&&e.__esModule?e:{default:e},j=o(u),y=o(c),g=y.default(i.Box)`
   border-top: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=q.default.forwardRef(({src:e,children:n,initials:l,...u},c)=>{const o=y.useMainNav();return t.jsx(_,{paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5,...u,children:t.jsxs(v.Flex,{as:"button",justifyContent:o?"center":void 0,ref:c,children:[e?t.jsx(a.Avatar,{src:e,alt:"","aria-hidden":!0}):t.jsx(a.Initials,{children:l}),o?t.jsx(g.VisuallyHidden,{children:t.jsx("span",{children:n})}):t.jsx(d.Box,{width:`${130/16}rem`,paddingLeft:2,as:"span",children:t.jsx(j.Typography,{ellipsis:!0,textColor:"neutral600",children:n})})]})})});r.displayName="NavUser";r.defaultProps={src:void 0,initials:void 0};r.propTypes={children:s.default.node.isRequired,initials:s.default.node,src:s.default.string};exports.NavUser=r;
+`,q=j.default.forwardRef(({src:e,children:r,initials:a,...d},l)=>{const n=x.useMainNav();return t.jsx(g,{paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5,...d,children:t.jsxs(p.Flex,{as:"button",justifyContent:n?"center":void 0,ref:l,children:[e?t.jsx(s.Avatar,{src:e,alt:"","aria-hidden":!0}):t.jsx(s.Initials,{children:a}),n?t.jsx(f.VisuallyHidden,{children:t.jsx("span",{children:r})}):t.jsx(i.Box,{width:`${130/16}rem`,paddingLeft:2,as:"span",children:t.jsx(h.Typography,{ellipsis:!0,textColor:"neutral600",children:r})})]})})});exports.NavUser=q;

package/dist/MainNav/NavUser.js

@@ -1,32 +1,18 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import m from "react";
-import i from "prop-types";
-import f from "styled-components";
-import { useMainNav as c } from "./MainNavContext.js";
-import { Avatar as u, Initials as h } from "../Avatar/Avatar.js";
-import { Box as n } from "../Box/Box.js";
-import { Flex as g } from "../Flex/Flex.js";
-import { VisuallyHidden as v } from "../VisuallyHidden/VisuallyHidden.js";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import s from "react";
+import l from "styled-components";
+import { useMainNav as m } from "./MainNavContext.js";
+import { Avatar as f, Initials as c } from "../Avatar/Avatar.js";
+import { Box as i } from "../Box/Box.js";
+import { Flex as u } from "../Flex/Flex.js";
+import { VisuallyHidden as h } from "../VisuallyHidden/VisuallyHidden.js";
 import { Typography as x } from "../Typography/Typography.js";
-const y = f(n)`
+const g = l(i)`
   border-top: 1px solid ${({ theme: o }) => o.colors.neutral150};
-`, t = m.forwardRef(({ src: o, children: e, initials: a, ...s }, p) => {
-  const d = c();
-  return /* @__PURE__ */ r(y, { paddingTop: 3, paddingBottom: 3, paddingLeft: 5, paddingRight: 5, ...s, children: /* @__PURE__ */ l(g, { as: "button", justifyContent: d ? "center" : void 0, ref: p, children: [
-    o ? /* @__PURE__ */ r(u, { src: o, alt: "", "aria-hidden": !0 }) : /* @__PURE__ */ r(h, { children: a }),
-    d ? /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r("span", { children: e }) }) : /* @__PURE__ */ r(n, { width: `${130 / 16}rem`, paddingLeft: 2, as: "span", children: /* @__PURE__ */ r(x, { ellipsis: !0, textColor: "neutral600", children: e }) })
-  ] }) });
+`, L = s.forwardRef(({ src: o, children: t, initials: n, ...d }, a) => {
+  const e = m();
+  return r(g, { paddingTop: 3, paddingBottom: 3, paddingLeft: 5, paddingRight: 5, ...d, children: p(u, { as: "button", justifyContent: e ? "center" : void 0, ref: a, children: [o ? r(f, { src: o, alt: "", "aria-hidden": !0 }) : r(c, { children: n }), e ? r(h, { children: r("span", { children: t }) }) : r(i, { width: `${130 / 16}rem`, paddingLeft: 2, as: "span", children: r(x, { ellipsis: !0, textColor: "neutral600", children: t }) })] }) });
 });
-t.displayName = "NavUser";
-t.defaultProps = {
-  src: void 0,
-  initials: void 0
-};
-t.propTypes = {
-  children: i.node.isRequired,
-  initials: i.node,
-  src: i.string
-};
 export {
-  t as NavUser
+  L as NavUser
 };

package/dist/NumberInput/NumberInput.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),x=require("@internationalized/number"),g=require("@strapi/icons"),v=require("styled-components"),M=require("../helpers/getDefaultLocale.cjs"),h=require("../helpers/keyboardKeys.cjs"),B=require("../hooks/useControllableState.cjs"),E=require("../hooks/useId.cjs"),U=require("../Field/Field.cjs"),H=require("../Flex/Flex.cjs"),O=require("../Field/FieldLabel.cjs"),T=require("../Field/FieldInput.cjs"),N=require("../Icon/Icon.cjs"),z=require("../Field/FieldHint.cjs"),W=require("../Field/FieldError.cjs"),q=r=>r&&r.__esModule?r:{default:r},X=q(l),Y=q(v),y=Y.default.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),x=require("@internationalized/number"),g=require("@strapi/icons"),M=require("styled-components"),B=require("../DesignSystemProvider.cjs"),h=require("../helpers/keyboardKeys.cjs"),E=require("../hooks/useControllableState.cjs"),U=require("../hooks/useId.cjs"),H=require("../Field/FieldInput.cjs"),O=require("../Field/Field.cjs"),T=require("../Flex/Flex.cjs"),z=require("../Field/FieldLabel.cjs"),y=require("../Icon/Icon.cjs"),W=require("../Field/FieldHint.cjs"),X=require("../Field/FieldError.cjs"),I=r=>r&&r.__esModule?r:{default:r},Y=I(l),G=I(M),N=G.default.button`
   display: flex;
   height: 1rem;
   align-items: ${({reverse:r})=>r?"flex-end":"flex-start"};
@@ -9,4 +9,4 @@
     height: ${4/16}rem;
     transform: ${({reverse:r})=>r?"rotateX(180deg)":void 0};
   }
-`,G="",J=X.default.forwardRef(({size:r="M",startAction:I,name:F,hint:w,error:j,label:d,labelAction:D,locale:V,id:C,onValueChange:A,value:f,step:a=1,required:R=!1,disabled:u=!1,..._},k)=>{const K=E.useId(C),m=V||M.getDefaultLocale(),i=l.useRef(new x.NumberParser(m,{style:"decimal"})),c=l.useRef(new x.NumberFormatter(m,{maximumFractionDigits:20})),[o,S]=B.useControllableState({prop(e){const n=String(f);return isNaN(Number(n))||n!==e&&e!==""?e:c.current.format(Number(f))},defaultProp:G,onChange(e){const n=i.current.parse(e??"");A(isNaN(n)?void 0:n)}}),s=e=>{S(String(e))},L=({target:{value:e}})=>{i.current.isValidPartialNumber(e)&&s(e)},b=()=>{if(!o){s(a);return}const e=i.current.parse(o),n=isNaN(e)?a:e+a;s(c.current.format(n))},p=()=>{if(!o){s(-a);return}const e=i.current.parse(o),n=isNaN(e)?-a:e-a;s(c.current.format(n))},P=e=>{if(!u)switch(e.key){case h.KeyboardKeys.DOWN:{e.preventDefault(),p();break}case h.KeyboardKeys.UP:{e.preventDefault(),b();break}}},$=()=>{if(o){const e=i.current.parse(o),n=isNaN(e)?"":c.current.format(e);s(n)}};return t.jsx(U.Field,{name:F,hint:w,error:j,id:K,required:R,children:t.jsxs(H.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[d&&t.jsx(O.FieldLabel,{action:D,children:d}),t.jsx(T.FieldInput,{ref:k,startAction:I,disabled:u,type:"text",inputMode:"decimal",onChange:L,onKeyDown:P,onBlur:$,value:o,size:r,endAction:t.jsxs(t.Fragment,{children:[t.jsx(y,{disabled:u,"aria-hidden":!0,reverse:!0,onClick:b,tabIndex:-1,type:"button","data-testid":"ArrowUp",children:t.jsx(N.Icon,{as:g.CarretDown,color:"neutral500"})}),t.jsx(y,{disabled:u,"aria-hidden":!0,onClick:p,tabIndex:-1,type:"button","data-testid":"ArrowDown",children:t.jsx(N.Icon,{as:g.CarretDown,color:"neutral500"})})]}),..._}),t.jsx(z.FieldHint,{}),t.jsx(W.FieldError,{})]})})});exports.NumberInput=J;
+`,J="",Q=Y.default.forwardRef(({size:r="M",startAction:q,name:F,hint:w,error:j,label:d,labelAction:D,locale:C,id:V,onValueChange:S,value:m,step:o=1,required:A=!1,disabled:u=!1,...R},_)=>{const k=U.useId(V),K=B.useDesignSystem("NumberInput"),f=C||K.locale,i=l.useRef(new x.NumberParser(f,{style:"decimal"})),c=l.useRef(new x.NumberFormatter(f,{maximumFractionDigits:20})),[s,P]=E.useControllableState({prop(e){const n=String(m);return isNaN(Number(n))||n!==e&&e!==""?e:c.current.format(Number(m))},defaultProp:J,onChange(e){const n=i.current.parse(e??"");S(isNaN(n)?void 0:n)}}),a=e=>{P(String(e))},v=({target:{value:e}})=>{i.current.isValidPartialNumber(e)&&a(e)},b=()=>{if(!s){a(o);return}const e=i.current.parse(s),n=isNaN(e)?o:e+o;a(c.current.format(n))},p=()=>{if(!s){a(-o);return}const e=i.current.parse(s),n=isNaN(e)?-o:e-o;a(c.current.format(n))},$=e=>{if(!u)switch(e.key){case h.KeyboardKeys.DOWN:{e.preventDefault(),p();break}case h.KeyboardKeys.UP:{e.preventDefault(),b();break}}},L=()=>{if(s){const e=i.current.parse(s),n=isNaN(e)?"":c.current.format(e);a(n)}};return t.jsx(O.Field,{name:F,hint:w,error:j,id:k,required:A,children:t.jsxs(T.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[d&&t.jsx(z.FieldLabel,{action:D,children:d}),t.jsx(H.FieldInput,{ref:_,startAction:q,disabled:u,type:"text",inputMode:"decimal",onChange:v,onKeyDown:$,onBlur:L,value:s,size:r,endAction:t.jsxs(t.Fragment,{children:[t.jsx(N,{disabled:u,"aria-hidden":!0,reverse:!0,onClick:b,tabIndex:-1,type:"button","data-testid":"ArrowUp",children:t.jsx(y.Icon,{as:g.CarretDown,color:"neutral500"})}),t.jsx(N,{disabled:u,"aria-hidden":!0,onClick:p,tabIndex:-1,type:"button","data-testid":"ArrowDown",children:t.jsx(y.Icon,{as:g.CarretDown,color:"neutral500"})})]}),...R}),t.jsx(W.FieldHint,{}),t.jsx(X.FieldError,{})]})})});exports.NumberInput=Q;

package/dist/NumberInput/NumberInput.js

@@ -1,20 +1,20 @@
-import { jsx as n, jsxs as h, Fragment as U } from "react/jsx-runtime";
-import _, { useRef as b } from "react";
-import { NumberParser as j, NumberFormatter as E } from "@internationalized/number";
+import { jsx as n, jsxs as h, Fragment as _ } from "react/jsx-runtime";
+import j, { useRef as b } from "react";
+import { NumberParser as E, NumberFormatter as M } from "@internationalized/number";
 import { CarretDown as N } from "@strapi/icons";
-import M from "styled-components";
-import { getDefaultLocale as q } from "../helpers/getDefaultLocale.js";
+import q from "styled-components";
+import { useDesignSystem as z } from "../DesignSystemProvider.js";
 import { KeyboardKeys as g } from "../helpers/keyboardKeys.js";
-import { useControllableState as z } from "../hooks/useControllableState.js";
-import { useId as H } from "../hooks/useId.js";
-import { Field as O } from "../Field/Field.js";
-import { Flex as T } from "../Flex/Flex.js";
-import { FieldLabel as W } from "../Field/FieldLabel.js";
-import { FieldInput as X } from "../Field/FieldInput.js";
+import { useControllableState as H } from "../hooks/useControllableState.js";
+import { useId as O } from "../hooks/useId.js";
+import { FieldInput as T } from "../Field/FieldInput.js";
+import { Field as W } from "../Field/Field.js";
+import { Flex as X } from "../Flex/Flex.js";
+import { FieldLabel as Y } from "../Field/FieldLabel.js";
 import { Icon as w } from "../Icon/Icon.js";
-import { FieldHint as Y } from "../Field/FieldHint.js";
-import { FieldError as G } from "../Field/FieldError.js";
-const x = M.button`
+import { FieldHint as G } from "../Field/FieldHint.js";
+import { FieldError as J } from "../Field/FieldError.js";
+const x = q.button`
   display: flex;
   height: 1rem;
   align-items: ${({ reverse: t }) => t ? "flex-end" : "flex-start"};
@@ -25,55 +25,55 @@ const x = M.button`
     height: ${4 / 16}rem;
     transform: ${({ reverse: t }) => t ? "rotateX(180deg)" : void 0};
   }
-`, J = "", pr = _.forwardRef(({ size: t = "M", startAction: y, name: I, hint: F, error: V, label: c, labelAction: D, locale: A, id: C, onValueChange: k, value: d, step: a = 1, required: P = !1, disabled: m = !1, ...R }, $) => {
-  const K = H(C), u = A || q(), s = b(new j(u, { style: "decimal" })), l = b(new E(u, { maximumFractionDigits: 20 })), [o, L] = z({
-    prop(r) {
-      const e = String(d);
-      return isNaN(Number(e)) || e !== r && r !== "" ? r : l.current.format(Number(d));
+`, Q = "", he = j.forwardRef(({ size: t = "M", startAction: y, name: I, hint: F, error: V, label: c, labelAction: D, locale: A, id: C, onValueChange: k, value: u, step: a = 1, required: P = !1, disabled: m = !1, ...R }, S) => {
+  const $ = O(C), K = z("NumberInput"), d = A || K.locale, s = b(new E(d, { style: "decimal" })), l = b(new M(d, { maximumFractionDigits: 20 })), [o, v] = H({
+    prop(e) {
+      const r = String(u);
+      return isNaN(Number(r)) || r !== e && e !== "" ? e : l.current.format(Number(u));
     },
-    defaultProp: J,
-    onChange(r) {
-      const e = s.current.parse(r ?? "");
-      k(isNaN(e) ? void 0 : e);
+    defaultProp: Q,
+    onChange(e) {
+      const r = s.current.parse(e ?? "");
+      k(isNaN(r) ? void 0 : r);
     }
-  }), i = (r) => {
-    L(String(r));
-  }, S = ({ target: { value: r } }) => {
-    s.current.isValidPartialNumber(r) && i(r);
+  }), i = (e) => {
+    v(String(e));
+  }, B = ({ target: { value: e } }) => {
+    s.current.isValidPartialNumber(e) && i(e);
   }, f = () => {
     if (!o) {
       i(a);
       return;
     }
-    const r = s.current.parse(o), e = isNaN(r) ? a : r + a;
-    i(l.current.format(e));
+    const e = s.current.parse(o), r = isNaN(e) ? a : e + a;
+    i(l.current.format(r));
   }, p = () => {
     if (!o) {
       i(-a);
       return;
     }
-    const r = s.current.parse(o), e = isNaN(r) ? -a : r - a;
-    i(l.current.format(e));
-  }, v = (r) => {
+    const e = s.current.parse(o), r = isNaN(e) ? -a : e - a;
+    i(l.current.format(r));
+  }, L = (e) => {
     if (!m)
-      switch (r.key) {
+      switch (e.key) {
         case g.DOWN: {
-          r.preventDefault(), p();
+          e.preventDefault(), p();
           break;
         }
         case g.UP: {
-          r.preventDefault(), f();
+          e.preventDefault(), f();
           break;
         }
       }
-  }, B = () => {
+  }, U = () => {
     if (o) {
-      const r = s.current.parse(o), e = isNaN(r) ? "" : l.current.format(r);
-      i(e);
+      const e = s.current.parse(o), r = isNaN(e) ? "" : l.current.format(e);
+      i(r);
     }
   };
-  return n(O, { name: I, hint: F, error: V, id: K, required: P, children: h(T, { direction: "column", alignItems: "stretch", gap: 1, children: [c && n(W, { action: D, children: c }), n(X, { ref: $, startAction: y, disabled: m, type: "text", inputMode: "decimal", onChange: S, onKeyDown: v, onBlur: B, value: o, size: t, endAction: h(U, { children: [n(x, { disabled: m, "aria-hidden": !0, reverse: !0, onClick: f, tabIndex: -1, type: "button", "data-testid": "ArrowUp", children: n(w, { as: N, color: "neutral500" }) }), n(x, { disabled: m, "aria-hidden": !0, onClick: p, tabIndex: -1, type: "button", "data-testid": "ArrowDown", children: n(w, { as: N, color: "neutral500" }) })] }), ...R }), n(Y, {}), n(G, {})] }) });
+  return n(W, { name: I, hint: F, error: V, id: $, required: P, children: h(X, { direction: "column", alignItems: "stretch", gap: 1, children: [c && n(Y, { action: D, children: c }), n(T, { ref: S, startAction: y, disabled: m, type: "text", inputMode: "decimal", onChange: B, onKeyDown: L, onBlur: U, value: o, size: t, endAction: h(_, { children: [n(x, { disabled: m, "aria-hidden": !0, reverse: !0, onClick: f, tabIndex: -1, type: "button", "data-testid": "ArrowUp", children: n(w, { as: N, color: "neutral500" }) }), n(x, { disabled: m, "aria-hidden": !0, onClick: p, tabIndex: -1, type: "button", "data-testid": "ArrowDown", children: n(w, { as: N, color: "neutral500" }) })] }), ...R }), n(G, {}), n(J, {})] }) });
 });
 export {
-  pr as NumberInput
+  he as NumberInput
 };

package/dist/Popover/Popover.cjs

@@ -1,9 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),F=require("react"),u=require("@floating-ui/react-dom"),M=require("@radix-ui/react-focus-scope"),m=require("@strapi/ui-primitives"),z=require("aria-hidden"),T=require("react-remove-scroll"),W=require("styled-components"),A=require("../DismissibleLayer/index.cjs"),P=require("../helpers/strings.cjs"),B=require("../hooks/useComposeRefs.cjs"),H=require("../hooks/useId.cjs"),K=require("../hooks/useIntersection.cjs"),g=require("../Box/Box.cjs"),N=require("../Portal/Portal.cjs"),U=e=>e&&e.__esModule?e:{default:e};function V(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=V(F),E=U(W),Z=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],G=E.default(g.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),M=require("react"),u=require("@floating-ui/react-dom"),z=require("@radix-ui/react-focus-scope"),m=require("@strapi/ui-primitives"),T=require("aria-hidden"),W=require("react-remove-scroll"),A=require("styled-components"),B=require("../DismissibleLayer/index.cjs"),P=require("../helpers/strings.cjs"),H=require("../hooks/useComposeRefs.cjs"),K=require("../hooks/useId.cjs"),N=require("../hooks/useIntersection.cjs"),g=require("../Box/Box.cjs"),U=require("../Portal/Portal.cjs"),V=e=>e&&e.__esModule?e:{default:e};function Z(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=Z(M),R=V(A),G=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],J=R.default(g.Box)`
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   z-index: ${({theme:e})=>e.zIndices[0]};
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
-  background: ${({theme:e})=>e.colors.neutral0};
-`,R=({source:e,children:r,spacing:t=0,fullWidth:n=!1,placement:c="bottom-start",centered:l=!1,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,onFocusOutside:p,...O})=>{const[h,k]=i.useState(null),v=i.useRef(!1),[S,j]=i.useState(void 0),{x:q,y:C,reference:w,floating:D,strategy:_}=u.useFloating({strategy:"fixed",placement:l?"bottom":c,middleware:[u.offset({mainAxis:t}),u.shift(),u.flip()],whileElementsMounted:u.autoUpdate});i.useLayoutEffect(()=>{w(e.current)},[e,w]),i.useLayoutEffect(()=>{n&&j(e.current.offsetWidth)},[n,e]),i.useEffect(()=>{if(h)return z.hideOthers(h)},[h]);const x=m.useCallbackRef(a);i.useEffect(()=>{const o=()=>{x()};return window.addEventListener("blur",o),window.addEventListener("resize",o),()=>{window.removeEventListener("blur",o),window.removeEventListener("resize",o)}},[x]);const L=B.useComposedRefs(o=>k(o),D);return s.jsx(T.RemoveScroll,{allowPinchZoom:!0,children:s.jsx(M.FocusScope,{asChild:!0,loop:!0,trapped:!0,onUnmountAutoFocus:o=>{o.preventDefault(),v.current||e.current?.focus({preventScroll:!0})},children:s.jsx(A.DismissibleLayer,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:d,onPointerDownOutside:m.composeEventHandlers(f,o=>{const b=o.detail.originalEvent,$=b.button===0&&b.ctrlKey===!0,I=b.button===2||$;v.current=I},{checkForDefaultPrevented:!1}),onFocusOutside:m.composeEventHandlers(p,o=>o.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:a,children:s.jsx(G,{ref:L,style:{left:q,top:C,position:_,width:S||void 0},hasRadius:!0,background:"neutral0",padding:1,...O,children:r})})})})},y=({children:e,intersectionId:r,onReachEnd:t,...n})=>{const c=i.useRef(null),l=H.useId();return K.useIntersection(c,t??(()=>{}),{selectorToWatch:`#${P.stripReactIdOfColon(l)}`,skipWhen:!r||!t}),s.jsxs(J,{ref:c,...n,children:[e,r&&t&&s.jsx(g.Box,{id:P.stripReactIdOfColon(l),width:"100%",height:"1px"})]})},J=E.default(g.Box)`
+`,E=s.forwardRef(({source:e,children:r,spacing:t=0,fullWidth:n=!1,placement:c="bottom-start",centered:l=!1,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,onFocusOutside:p,...O},S)=>{const[h,k]=s.useState(null),[j,q]=s.useState(void 0),w=s.useRef(!1),{x:C,y:D,reference:v,floating:_,strategy:L}=u.useFloating({strategy:"fixed",placement:l?"bottom":c,middleware:[u.offset({mainAxis:t}),u.shift(),u.flip()],whileElementsMounted:u.autoUpdate});s.useLayoutEffect(()=>{v(e.current)},[e,v]),s.useLayoutEffect(()=>{n&&q(e.current.offsetWidth)},[n,e]),s.useEffect(()=>{if(h)return T.hideOthers(h)},[h]);const x=m.useCallbackRef(a);s.useEffect(()=>{const o=()=>{x()};return window.addEventListener("blur",o),window.addEventListener("resize",o),()=>{window.removeEventListener("blur",o),window.removeEventListener("resize",o)}},[x]);const I=H.useComposedRefs(S,o=>k(o),_);return i.jsx(W.RemoveScroll,{allowPinchZoom:!0,children:i.jsx(z.FocusScope,{asChild:!0,loop:!0,trapped:!0,onUnmountAutoFocus:o=>{o.preventDefault(),w.current||e.current?.focus({preventScroll:!0})},children:i.jsx(B.DismissibleLayer,{asChild:!0,onEscapeKeyDown:d,onPointerDownOutside:m.composeEventHandlers(f,o=>{const b=o.detail.originalEvent,$=b.button===0&&b.ctrlKey===!0,F=b.button===2||$;w.current=F},{checkForDefaultPrevented:!1}),onFocusOutside:m.composeEventHandlers(p,o=>o.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:a,children:i.jsx(J,{ref:I,style:{left:C,top:D,position:L,width:j||void 0},hasRadius:!0,background:"neutral0",padding:1,...O,children:r})})})})}),y=({children:e,intersectionId:r,onReachEnd:t,...n})=>{const c=s.useRef(null),l=K.useId();return N.useIntersection(c,t??(()=>{}),{selectorToWatch:`#${P.stripReactIdOfColon(l)}`,skipWhen:!r||!t}),i.jsxs(Q,{ref:c,...n,children:[e,r&&t&&i.jsx(g.Box,{id:P.stripReactIdOfColon(l),width:"100%",height:"1px"})]})},Q=R.default(g.Box)`
   // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
   max-height: ${3*5}rem;
   overflow-y: auto;
@@ -23,4 +22,4 @@
     border-radius: ${({theme:e})=>e.borderRadius};
     margin-right: 10px;
   }
-`,Q=({children:e,source:r,spacing:t,fullWidth:n,placement:c,centered:l,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,...p})=>s.jsx(N.Portal,{children:s.jsx(R,{source:r,spacing:t,fullWidth:n,placement:c,centered:l,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,children:s.jsx(y,{...p,children:e})})});exports.Content=R;exports.POPOVER_PLACEMENTS=Z;exports.Popover=Q;exports.Scrolling=y;
+`,X=({children:e,source:r,spacing:t,fullWidth:n,placement:c,centered:l,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,...p})=>i.jsx(U.Portal,{children:i.jsx(E,{source:r,spacing:t,fullWidth:n,placement:c,centered:l,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,children:i.jsx(y,{...p,children:e})})});exports.Content=E;exports.POPOVER_PLACEMENTS=G;exports.Popover=X;exports.Scrolling=y;

package/dist/Popover/Popover.js

@@ -1,19 +1,19 @@
-import { jsx as r, jsxs as z } from "react/jsx-runtime";
+import { jsx as r, jsxs as I } from "react/jsx-runtime";
 import * as o from "react";
-import { useFloating as I, offset as W, shift as A, flip as K, autoUpdate as j } from "@floating-ui/react-dom";
-import { FocusScope as M } from "@radix-ui/react-focus-scope";
-import { useCallbackRef as T, composeEventHandlers as v } from "@strapi/ui-primitives";
-import { hideOthers as U } from "aria-hidden";
-import { RemoveScroll as B } from "react-remove-scroll";
-import x from "styled-components";
-import { DismissibleLayer as H } from "../DismissibleLayer/index.js";
-import { stripReactIdOfColon as k } from "../helpers/strings.js";
-import { useComposedRefs as N } from "../hooks/useComposeRefs.js";
-import { useId as V } from "../hooks/useId.js";
-import { useIntersection as Z } from "../hooks/useIntersection.js";
+import { useFloating as W, offset as A, shift as K, flip as j, autoUpdate as M } from "@floating-ui/react-dom";
+import { FocusScope as T } from "@radix-ui/react-focus-scope";
+import { useCallbackRef as U, composeEventHandlers as v } from "@strapi/ui-primitives";
+import { hideOthers as B } from "aria-hidden";
+import { RemoveScroll as H } from "react-remove-scroll";
+import k from "styled-components";
+import { DismissibleLayer as N } from "../DismissibleLayer/index.js";
+import { stripReactIdOfColon as x } from "../helpers/strings.js";
+import { useComposedRefs as V } from "../hooks/useComposeRefs.js";
+import { useId as Z } from "../hooks/useId.js";
+import { useIntersection as _ } from "../hooks/useIntersection.js";
 import { Box as h } from "../Box/Box.js";
-import { Portal as _ } from "../Portal/Portal.js";
-const fe = [
+import { Portal as q } from "../Portal/Portal.js";
+const me = [
   "top",
   "top-start",
   "top-end",
@@ -26,33 +26,32 @@ const fe = [
   "left",
   "left-start",
   "left-end"
-], q = x(h)`
+], G = k(h)`
   box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
   z-index: ${({ theme: e }) => e.zIndices[0]};
   border: 1px solid ${({ theme: e }) => e.colors.neutral150};
-  background: ${({ theme: e }) => e.colors.neutral0};
-`, G = ({ source: e, children: s, spacing: n = 0, fullWidth: i = !1, placement: l = "bottom-start", centered: a = !1, onEscapeKeyDown: d, onPointerDownOutside: u, onDismiss: c, onFocusOutside: f, ...E }) => {
-  const [m, P] = o.useState(null), b = o.useRef(!1), [R, y] = o.useState(void 0), { x: C, y: D, reference: w, floating: L, strategy: O } = I({
+`, J = o.forwardRef(({ source: e, children: s, spacing: n = 0, fullWidth: i = !1, placement: l = "bottom-start", centered: a = !1, onEscapeKeyDown: d, onPointerDownOutside: f, onDismiss: c, onFocusOutside: u, ...E }, R) => {
+  const [m, y] = o.useState(null), [P, C] = o.useState(void 0), b = o.useRef(!1), { x: D, y: L, reference: w, floating: S, strategy: O } = W({
     strategy: "fixed",
     placement: a ? "bottom" : l,
     middleware: [
-      W({
+      A({
         mainAxis: n
       }),
-      A(),
-      K()
+      K(),
+      j()
     ],
-    whileElementsMounted: j
+    whileElementsMounted: M
   });
   o.useLayoutEffect(() => {
     w(e.current);
   }, [e, w]), o.useLayoutEffect(() => {
-    i && y(e.current.offsetWidth);
+    i && C(e.current.offsetWidth);
   }, [i, e]), o.useEffect(() => {
     if (m)
-      return U(m);
+      return B(m);
   }, [m]);
-  const g = T(c);
+  const g = U(c);
   o.useEffect(() => {
     const t = () => {
       g();
@@ -61,8 +60,8 @@ const fe = [
       window.removeEventListener("blur", t), window.removeEventListener("resize", t);
     };
   }, [g]);
-  const S = N((t) => P(t), L);
-  return r(B, { allowPinchZoom: !0, children: r(M, {
+  const $ = V(R, (t) => y(t), S);
+  return r(H, { allowPinchZoom: !0, children: r(T, {
     asChild: !0,
     loop: !0,
     // we make sure we're not trapping once it's been closed
@@ -71,36 +70,35 @@ const fe = [
     onUnmountAutoFocus: (t) => {
       t.preventDefault(), b.current || e.current?.focus({ preventScroll: !0 });
     },
-    children: r(H, {
+    children: r(N, {
       asChild: !0,
-      disableOutsidePointerEvents: !0,
       onEscapeKeyDown: d,
-      onPointerDownOutside: v(u, (t) => {
-        const p = t.detail.originalEvent, $ = p.button === 0 && p.ctrlKey === !0, F = p.button === 2 || $;
-        b.current = F;
+      onPointerDownOutside: v(f, (t) => {
+        const p = t.detail.originalEvent, F = p.button === 0 && p.ctrlKey === !0, z = p.button === 2 || F;
+        b.current = z;
       }, { checkForDefaultPrevented: !1 }),
       // When focus is trapped, a `focusout` event may still happen.
       // We make sure we don't trigger our `onDismiss` in such case.
-      onFocusOutside: v(f, (t) => t.preventDefault(), {
+      onFocusOutside: v(u, (t) => t.preventDefault(), {
         checkForDefaultPrevented: !1
       }),
       onDismiss: c,
-      children: r(q, { ref: S, style: {
-        left: C,
-        top: D,
+      children: r(G, { ref: $, style: {
+        left: D,
+        top: L,
         position: O,
-        width: R || void 0
+        width: P || void 0
       }, hasRadius: !0, background: "neutral0", padding: 1, ...E, children: s })
     })
   }) });
-}, J = ({ children: e, intersectionId: s, onReachEnd: n, ...i }) => {
-  const l = o.useRef(null), a = V();
-  return Z(l, n ?? (() => {
+}), Q = ({ children: e, intersectionId: s, onReachEnd: n, ...i }) => {
+  const l = o.useRef(null), a = Z();
+  return _(l, n ?? (() => {
   }), {
-    selectorToWatch: `#${k(a)}`,
+    selectorToWatch: `#${x(a)}`,
     skipWhen: !s || !n
-  }), z(Q, { ref: l, ...i, children: [e, s && n && r(h, { id: k(a), width: "100%", height: "1px" })] });
-}, Q = x(h)`
+  }), I(X, { ref: l, ...i, children: [e, s && n && r(h, { id: x(a), width: "100%", height: "1px" })] });
+}, X = k(h)`
   // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
   max-height: ${3 * 5}rem;
   overflow-y: auto;
@@ -120,10 +118,10 @@ const fe = [
     border-radius: ${({ theme: e }) => e.borderRadius};
     margin-right: 10px;
   }
-`, me = ({ children: e, source: s, spacing: n, fullWidth: i, placement: l, centered: a, onEscapeKeyDown: d, onPointerDownOutside: u, onDismiss: c, ...f }) => r(_, { children: r(G, { source: s, spacing: n, fullWidth: i, placement: l, centered: a, onEscapeKeyDown: d, onPointerDownOutside: u, onDismiss: c, children: r(J, { ...f, children: e }) }) });
+`, pe = ({ children: e, source: s, spacing: n, fullWidth: i, placement: l, centered: a, onEscapeKeyDown: d, onPointerDownOutside: f, onDismiss: c, ...u }) => r(q, { children: r(J, { source: s, spacing: n, fullWidth: i, placement: l, centered: a, onEscapeKeyDown: d, onPointerDownOutside: f, onDismiss: c, children: r(Q, { ...u, children: e }) }) });
 export {
-  G as Content,
-  fe as POPOVER_PLACEMENTS,
-  me as Popover,
-  J as Scrolling
+  J as Content,
+  me as POPOVER_PLACEMENTS,
+  pe as Popover,
+  Q as Scrolling
 };

package/dist/Popover/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Popover.cjs"),e={Content:o.Content,Scrolling:o.Scrolling};exports.POPOVER_PLACEMENTS=o.POPOVER_PLACEMENTS;exports.Popover=o.Popover;exports.PopoverPrimitives=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover.cjs"),o=require("./primitives.cjs");exports.POPOVER_PLACEMENTS=e.POPOVER_PLACEMENTS;exports.Popover=e.Popover;exports.PopoverPrimitives=o;

package/dist/Popover/index.js

@@ -1,11 +1,7 @@
-import { Content as o, Scrolling as r } from "./Popover.js";
-import { POPOVER_PLACEMENTS as p, Popover as m } from "./Popover.js";
-const e = {
-  Content: o,
-  Scrolling: r
-};
+import { POPOVER_PLACEMENTS as e, Popover as p } from "./Popover.js";
+import * as o from "./primitives.js";
 export {
-  p as POPOVER_PLACEMENTS,
-  m as Popover,
-  e as PopoverPrimitives
+  e as POPOVER_PLACEMENTS,
+  p as Popover,
+  o as PopoverPrimitives
 };

package/dist/Popover/primitives.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover.cjs");exports.Content=e.Content;exports.Scrolling=e.Scrolling;

package/dist/Popover/primitives.js

@@ -0,0 +1,5 @@
+import { Content as r, Scrolling as t } from "./Popover.js";
+export {
+  r as Content,
+  t as Scrolling
+};

package/dist/Searchbar/Searchbar.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),l=require("@strapi/icons"),m=require("styled-components"),F=require("../hooks/useComposeRefs.cjs"),R=require("../themes/utils.cjs"),t=require("../Field/FieldInput.cjs"),S=require("../Field/Field.cjs"),y=require("../VisuallyHidden/VisuallyHidden.cjs"),$=require("../Field/FieldLabel.cjs"),C=require("../Field/FieldAction.cjs"),I=e=>e&&e.__esModule?e:{default:e},s=I(m),w=s.default(l.Cross)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),l=require("@strapi/icons"),m=require("styled-components"),F=require("../hooks/useComposeRefs.cjs"),R=require("../themes/utils.cjs"),t=require("../Field/FieldInput.cjs"),S=require("../Field/FieldAction.cjs"),y=require("../Field/Field.cjs"),$=require("../VisuallyHidden/VisuallyHidden.cjs"),C=require("../Field/FieldLabel.cjs"),I=e=>e&&e.__esModule?e:{default:e},s=I(m),w=s.default(l.Cross)`
   font-size: 0.5rem;
   path {
     fill: ${({theme:e})=>e.colors.neutral400};
@@ -25,4 +25,4 @@
   }
 
   ${R.inputFocusStyle(t.InputWrapper)}
-`,g=i.forwardRef(({name:e,size:a="M",children:u,value:n="",onClear:d,clearLabel:f,...p},h)=>{const o=i.useRef(null),b=n.length>0,q=j=>{d(j),o.current.focus()},x=F.composeRefs(h,o);return r.jsx(_,{children:r.jsxs(S.Field,{name:e,children:[r.jsx(y.VisuallyHidden,{children:r.jsx($.FieldLabel,{children:u})}),r.jsx(t.FieldInput,{ref:x,value:n,startAction:r.jsx(c,{"aria-hidden":!0}),size:a,endAction:b?r.jsx(C.FieldAction,{label:f,onClick:q,children:r.jsx(w,{})}):void 0,...p})]})})});exports.Searchbar=g;
+`,g=i.forwardRef(({name:e,size:a="M",children:u,value:n="",onClear:d,clearLabel:f,...p},h)=>{const o=i.useRef(null),b=n.length>0,q=j=>{d(j),o.current.focus()},x=F.composeRefs(h,o);return r.jsx(_,{children:r.jsxs(y.Field,{name:e,children:[r.jsx($.VisuallyHidden,{children:r.jsx(C.FieldLabel,{children:u})}),r.jsx(t.FieldInput,{ref:x,value:n,startAction:r.jsx(c,{"aria-hidden":!0}),size:a,endAction:b?r.jsx(S.FieldAction,{label:f,onClick:q,children:r.jsx(w,{})}):void 0,...p})]})})});exports.Searchbar=g;

package/dist/Searchbar/Searchbar.js

@@ -5,10 +5,10 @@ import e from "styled-components";
 import { composeRefs as C } from "../hooks/useComposeRefs.js";
 import { inputFocusStyle as F } from "../themes/utils.js";
 import { InputWrapper as n, FieldInput as y } from "../Field/FieldInput.js";
-import { Field as I } from "../Field/Field.js";
-import { VisuallyHidden as z } from "../VisuallyHidden/VisuallyHidden.js";
-import { FieldLabel as A } from "../Field/FieldLabel.js";
-import { FieldAction as g } from "../Field/FieldAction.js";
+import { FieldAction as I } from "../Field/FieldAction.js";
+import { Field as z } from "../Field/Field.js";
+import { VisuallyHidden as A } from "../VisuallyHidden/VisuallyHidden.js";
+import { FieldLabel as g } from "../Field/FieldLabel.js";
 const j = e(w)`
   font-size: 0.5rem;
   path {
@@ -40,7 +40,7 @@ const j = e(w)`
   const i = S(null), f = t.length > 0, h = (b) => {
     c(b), i.current.focus();
   }, u = C(p, i);
-  return o(W, { children: $(I, { name: r, children: [o(z, { children: o(A, { children: a }) }), o(y, { ref: u, value: t, startAction: o(l, { "aria-hidden": !0 }), size: s, endAction: f ? o(g, { label: d, onClick: h, children: o(j, {}) }) : void 0, ...m })] }) });
+  return o(W, { children: $(z, { name: r, children: [o(A, { children: o(g, { children: a }) }), o(y, { ref: u, value: t, startAction: o(l, { "aria-hidden": !0 }), size: s, endAction: f ? o(I, { label: d, onClick: h, children: o(j, {}) }) : void 0, ...m })] }) });
 });
 export {
   J as Searchbar

package/dist/Select/SelectParts.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),R=require("react"),d=require("@strapi/icons"),o=require("@strapi/ui-primitives"),p=require("styled-components"),j=require("../hooks/useComposeRefs.cjs"),u=require("../themes/utils.cjs"),c=require("../Flex/Flex.cjs"),f=require("../Box/Box.cjs"),g=require("../Typography/Typography.cjs"),I=e=>e&&e.__esModule?e:{default:e};function T(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const a=T(R),l=I(p),v=a.forwardRef(({onClear:e,clearLabel:t="Clear",startIcon:s,disabled:n,hasError:h,size:m="M",children:x,...b},$)=>{const i=a.useRef(null),S=y=>{e&&!n&&(e(y),i.current.focus())},w=j.useComposedRefs(i,$);return r.jsx(o.Select.Trigger,{asChild:!0,children:r.jsxs(q,{"aria-disabled":n,$hasError:h,$size:m,ref:w,alignItems:"center",justifyContent:"space-between",position:"relative",overflow:"hidden",hasRadius:!0,background:n?"neutral150":"neutral0",paddingLeft:3,paddingRight:3,gap:4,cursor:"default",width:"100%",...b,children:[r.jsxs(c.Flex,{flex:"1",as:"span",gap:3,children:[s&&r.jsx(f.Box,{as:"span","aria-hidden":!0,children:s}),x]}),r.jsxs(c.Flex,{as:"span",gap:3,children:[e?r.jsx(C,{as:"button",hasRadius:!0,background:"transparent",role:"button",tabIndex:0,onClick:S,"aria-disabled":n,"aria-label":t,title:t,cursor:"pointer",children:r.jsx(d.Cross,{})}):null,r.jsx(k,{children:r.jsx(d.CarretDown,{})})]})]})})}),C=l.default(f.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),R=require("react"),d=require("@strapi/icons"),o=require("@strapi/ui-primitives"),p=require("styled-components"),j=require("../hooks/useComposeRefs.cjs"),c=require("../Flex/Flex.cjs"),f=require("../Box/Box.cjs"),u=require("../themes/utils.cjs"),g=require("../Typography/Typography.cjs"),I=e=>e&&e.__esModule?e:{default:e};function T(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const a=T(R),l=I(p),v=a.forwardRef(({onClear:e,clearLabel:t="Clear",startIcon:s,disabled:n,hasError:h,size:m="M",children:x,...b},$)=>{const i=a.useRef(null),S=y=>{e&&!n&&(e(y),i.current.focus())},w=j.useComposedRefs(i,$);return r.jsx(o.Select.Trigger,{asChild:!0,children:r.jsxs(q,{"aria-disabled":n,$hasError:h,$size:m,ref:w,alignItems:"center",justifyContent:"space-between",position:"relative",overflow:"hidden",hasRadius:!0,background:n?"neutral150":"neutral0",paddingLeft:3,paddingRight:3,gap:4,cursor:"default",width:"100%",...b,children:[r.jsxs(c.Flex,{flex:"1",as:"span",gap:3,children:[s&&r.jsx(f.Box,{as:"span","aria-hidden":!0,children:s}),x]}),r.jsxs(c.Flex,{as:"span",gap:3,children:[e?r.jsx(C,{as:"button",hasRadius:!0,background:"transparent",role:"button",tabIndex:0,onClick:S,"aria-disabled":n,"aria-label":t,title:t,cursor:"pointer",children:r.jsx(d.Cross,{})}):null,r.jsx(k,{children:r.jsx(d.CarretDown,{})})]})]})})}),C=l.default(f.Box)`
   border: none;
 
   svg {

package/dist/Select/SelectParts.js

@@ -4,9 +4,9 @@ import { Cross as y, CarretDown as R } from "@strapi/icons";
 import { Select as o } from "@strapi/ui-primitives";
 import s, { css as I } from "styled-components";
 import { useComposedRefs as S } from "../hooks/useComposeRefs.js";
-import { getThemeSize as C, inputFocusStyle as T } from "../themes/utils.js";
 import { Flex as c } from "../Flex/Flex.js";
 import { Box as p } from "../Box/Box.js";
+import { getThemeSize as C, inputFocusStyle as T } from "../themes/utils.js";
 import { Typography as u } from "../Typography/Typography.js";
 const k = a.forwardRef(({ onClear: e, clearLabel: r = "Clear", startIcon: i, disabled: n, hasError: m, size: h = "M", children: f, ...g }, $) => {
   const d = a.useRef(null), w = (x) => {