@strapi/design-system 1.5.0 → 1.6.0-alpha.0

package/dist/KeyboardNavigable/KeyboardNavigable.js

@@ -1,58 +1,53 @@
-import E from "react";
-import i from "prop-types";
-import { Box as y } from "../Box/Box.js";
-import { KeyboardKeys as r } from "../helpers/keyboardKeys.js";
-const d = ({ tagName: c, attributeName: f, ...m }) => {
-  const s = () => {
+import { jsx as m } from "react/jsx-runtime";
+import { Box as i } from "../Box/Box.js";
+import { KeyboardKeys as o } from "../helpers/keyboardKeys.js";
+const v = ({
+  tagName: s,
+  attributeName: a = "",
+  ...d
+}) => {
+  const r = () => {
     const e = document.activeElement;
-    return c ? e.tagName.toLowerCase() === c : e.hasAttribute(f);
-  }, a = (e) => c ? e.querySelectorAll(c) : e.querySelectorAll(`[${f}]`), p = (e) => {
-    switch (e.key) {
-      case r.RIGHT:
-      case r.DOWN: {
-        if (s()) {
-          e.preventDefault();
-          const t = document.activeElement, n = [...a(e.currentTarget)], o = n.findIndex((u) => u === t), l = o + 1 < n.length ? o + 1 : 0;
-          n[l].focus();
+    return e ? s ? e.tagName.toLowerCase() === s : e.hasAttribute(a) : !1;
+  }, l = (e) => s ? e.querySelectorAll(s) : e.querySelectorAll(`[${a}]`);
+  return m(i, {
+    onKeyDown: (e) => {
+      switch (e.key) {
+        case o.RIGHT:
+        case o.DOWN: {
+          if (r()) {
+            e.preventDefault();
+            const n = document.activeElement, t = [...l(e.currentTarget)], c = t.findIndex((f) => f === n), u = c + 1 < t.length ? c + 1 : 0;
+            t[u].focus();
+          }
+          break;
         }
-        break;
-      }
-      case r.LEFT:
-      case r.UP: {
-        if (s()) {
-          e.preventDefault();
-          const t = document.activeElement, n = [...a(e.currentTarget)], o = n.findIndex((u) => u === t), l = o - 1 > -1 ? o - 1 : n.length - 1;
-          n[l].focus();
+        case o.LEFT:
+        case o.UP: {
+          if (r()) {
+            e.preventDefault();
+            const n = document.activeElement, t = [...l(e.currentTarget)], c = t.findIndex((f) => f === n), u = c - 1 > -1 ? c - 1 : t.length - 1;
+            t[u].focus();
+          }
+          break;
         }
-        break;
-      }
-      case r.HOME: {
-        s() && (e.preventDefault(), a(e.currentTarget).item(0).focus());
-        break;
-      }
-      case r.END: {
-        if (s()) {
-          e.preventDefault();
-          const t = a(e.currentTarget);
-          t.item(t.length - 1).focus();
+        case o.HOME: {
+          r() && (e.preventDefault(), l(e.currentTarget).item(0).focus());
+          break;
+        }
+        case o.END: {
+          if (r()) {
+            e.preventDefault();
+            const n = l(e.currentTarget);
+            n.item(n.length - 1).focus();
+          }
+          break;
         }
-        break;
       }
-    }
-  };
-  return /* @__PURE__ */ E.createElement(y, {
-    onKeyDown: p,
-    ...m
+    },
+    ...d
   });
 };
-d.defaultProps = {
-  attributeName: void 0,
-  tagName: void 0
-};
-d.propTypes = {
-  attributeName: i.string,
-  tagName: i.string
-};
 export {
-  d as KeyboardNavigable
+  v as KeyboardNavigable
 };

package/dist/Link/Link.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),h=require("prop-types"),_=require("styled-components"),E=require("@strapi/icons/ExternalLink"),L=require("react-router-dom"),c=require("../Typography/Typography.cjs"),x=require("../Box/Box.cjs"),b=require("../themes/utils.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(u),n=a(h),f=a(_),k=a(E),q=f.default.a`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),h=require("prop-types"),_=require("styled-components"),b=require("@strapi/icons"),q=require("react-router-dom"),u=require("../Typography/Typography.cjs"),E=require("../Box/Box.cjs"),L=require("../themes/utils.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=l(c),n=l(h),f=l(_),T=f.default.a`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
@@ -14,7 +14,7 @@
     font-size: ${10/16}rem;
   }
 
-  ${c.Typography} {
+  ${u.Typography} {
     transition: color 150ms ease-out;
     color: currentColor;
   }
@@ -27,7 +27,7 @@
     color: ${({theme:e})=>e.colors.primary700};
   }
 
-  ${b.buttonFocusStyle};
-`,i=f.default(x.Box)`
+  ${L.buttonFocusStyle};
+`,i=f.default(E.Box)`
   display: flex;
-`,l=u.forwardRef(({href:e,to:r,children:p,disabled:o,startIcon:s,endIcon:d,...y},m)=>{const v=e?"_blank":void 0,g=e?"noreferrer noopener":void 0;return t.default.createElement(q,{as:r&&!o?L.NavLink:"a",target:v,rel:g,to:o?void 0:r,href:o?"#":e,disabled:o,ref:m,...y},s&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingRight:2},s),t.default.createElement(c.Typography,null,p),d&&!e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},d),e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},t.default.createElement(k.default,null)))});l.displayName="Link";l.defaultProps={endIcon:void 0,href:void 0,to:void 0,disabled:!1,startIcon:void 0};l.propTypes={children:n.default.node.isRequired,disabled:n.default.bool,endIcon:n.default.element,href(e){if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},startIcon:n.default.element,to(e){if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")}};exports.Link=l;
+`,a=c.forwardRef(({href:e,to:r,children:p,disabled:o,startIcon:s,endIcon:d,...y},m)=>{const v=e?"_blank":void 0,g=e?"noreferrer noopener":void 0;return t.default.createElement(T,{as:r&&!o?q.NavLink:"a",target:v,rel:g,to:o?void 0:r,href:o?"#":e,disabled:o,ref:m,...y},s&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingRight:2},s),t.default.createElement(u.Typography,null,p),d&&!e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},d),e&&t.default.createElement(i,{as:"span","aria-hidden":!0,paddingLeft:2},t.default.createElement(b.ExternalLink,null)))});a.displayName="Link";a.defaultProps={endIcon:void 0,href:void 0,to:void 0,disabled:!1,startIcon:void 0};a.propTypes={children:n.default.node.isRequired,disabled:n.default.bool,endIcon:n.default.element,href(e){if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},startIcon:n.default.element,to(e){if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")}};exports.Link=a;

package/dist/Link/Link.js

@@ -1,7 +1,7 @@
 import r, { forwardRef as y } from "react";
 import n from "prop-types";
 import s from "styled-components";
-import g from "@strapi/icons/ExternalLink";
+import { ExternalLink as g } from "@strapi/icons";
 import { NavLink as h } from "react-router-dom";
 import { Typography as m } from "../Typography/Typography.js";
 import { Box as E } from "../Box/Box.js";

package/dist/LiveRegions/LiveRegions.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),i=require("../VisuallyHidden/VisuallyHidden.cjs"),a=require("./constants.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(l),n=()=>t.default.createElement(i.VisuallyHidden,null,t.default.createElement("p",{role:"log","aria-live":"polite",id:a.LiveRegionIds.Log,"aria-relevant":"all"}),t.default.createElement("p",{role:"status","aria-live":"polite",id:a.LiveRegionIds.Status,"aria-relevant":"all"}),t.default.createElement("p",{role:"alert","aria-live":"assertive",id:a.LiveRegionIds.Alert,"aria-relevant":"all"}));exports.LiveRegions=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../VisuallyHidden/VisuallyHidden.cjs"),i=require("./constants.cjs"),l=()=>e.jsxs(s.VisuallyHidden,{children:[e.jsx("p",{role:"log","aria-live":"polite",id:i.LiveRegionIds.Log,"aria-relevant":"all"}),e.jsx("p",{role:"status","aria-live":"polite",id:i.LiveRegionIds.Status,"aria-relevant":"all"}),e.jsx("p",{role:"alert","aria-live":"assertive",id:i.LiveRegionIds.Alert,"aria-relevant":"all"})]});exports.LiveRegions=l;

package/dist/LiveRegions/LiveRegions.js

@@ -1,22 +1,24 @@
-import e from "react";
-import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
-import { LiveRegionIds as a } from "./constants.js";
-const o = () => /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement("p", {
-  role: "log",
-  "aria-live": "polite",
-  id: a.Log,
-  "aria-relevant": "all"
-}), /* @__PURE__ */ e.createElement("p", {
-  role: "status",
-  "aria-live": "polite",
-  id: a.Status,
-  "aria-relevant": "all"
-}), /* @__PURE__ */ e.createElement("p", {
-  role: "alert",
-  "aria-live": "assertive",
-  id: a.Alert,
-  "aria-relevant": "all"
-}));
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { VisuallyHidden as a } from "../VisuallyHidden/VisuallyHidden.js";
+import { LiveRegionIds as i } from "./constants.js";
+const s = () => r(a, {
+  children: [e("p", {
+    role: "log",
+    "aria-live": "polite",
+    id: i.Log,
+    "aria-relevant": "all"
+  }), e("p", {
+    role: "status",
+    "aria-live": "polite",
+    id: i.Status,
+    "aria-relevant": "all"
+  }), e("p", {
+    role: "alert",
+    "aria-live": "assertive",
+    id: i.Alert,
+    "aria-relevant": "all"
+  })]
+});
 export {
-  o as LiveRegions
+  s as LiveRegions
 };

package/dist/LiveRegions/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./useNotifyAT.cjs");exports.useNotifyAT=e.useNotifyAT;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./useNotifyAT.cjs"),i=require("./LiveRegions.cjs");exports.useNotifyAT=e.useNotifyAT;exports.LiveRegions=i.LiveRegions;

package/dist/LiveRegions/index.js

@@ -1,4 +1,6 @@
-import { useNotifyAT as f } from "./useNotifyAT.js";
+import { useNotifyAT as r } from "./useNotifyAT.js";
+import { LiveRegions as i } from "./LiveRegions.js";
 export {
-  f as useNotifyAT
+  i as LiveRegions,
+  r as useNotifyAT
 };

package/dist/MainNav/NavCondense.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),i=require("prop-types"),d=require("styled-components"),l=require("@strapi/icons/ChevronRight"),u=require("@strapi/icons/ChevronLeft"),c=require("../Icon/Icon.cjs"),f=require("../VisuallyHidden/VisuallyHidden.cjs"),h=require("./MainNavContext.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=t(a),p=t(i),v=t(d),g=t(l),y=t(u),m=v.default.button`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),d=require("prop-types"),l=require("styled-components"),s=require("@strapi/icons"),c=require("../Icon/Icon.cjs"),u=require("../VisuallyHidden/VisuallyHidden.cjs"),p=require("./MainNavContext.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=o(i),f=o(d),h=o(l),y=h.default.button`
   background: ${({theme:e})=>e.colors.neutral0};
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   border-radius: ${({theme:e})=>e.borderRadius};
@@ -7,7 +7,7 @@
   justify-content: center;
   position: absolute;
   bottom: ${(9+4)/16}rem; // 9 is the height of the svg and 4 is the padding below
-  right: ${({theme:e,condensed:n})=>n?0:e.spaces[5]};
+  right: ${({theme:e,condensed:t})=>t?0:e.spaces[5]};
   transform: ${({condensed:e})=>e?"translateX(50%)":void 0};
   z-index: 2;
   width: ${18/16}rem;
@@ -17,4 +17,4 @@
     width: ${6/16}rem;
     height: ${9/16}rem;
   }
-`,s=({children:e,...n})=>{const r=h.useMainNav();return o.default.createElement(m,{as:"button",condensed:r,...n},o.default.createElement(c.Icon,{as:r?g.default:y.default,"aria-hidden":!0,color:"neutral600"}),o.default.createElement(f.VisuallyHidden,null,e))};s.propTypes={children:p.default.string.isRequired};exports.NavCondense=s;
+`,a=({children:e,...t})=>{const r=p.useMainNav();return n.default.createElement(y,{as:"button",condensed:r,...t},n.default.createElement(c.Icon,{as:r?s.ChevronRight:s.ChevronLeft,"aria-hidden":!0,color:"neutral600"}),n.default.createElement(u.VisuallyHidden,null,e))};a.propTypes={children:f.default.string.isRequired};exports.NavCondense=a;

package/dist/MainNav/NavCondense.js

@@ -1,8 +1,7 @@
 import t from "react";
 import n from "prop-types";
 import i from "styled-components";
-import s from "@strapi/icons/ChevronRight";
-import a from "@strapi/icons/ChevronLeft";
+import { ChevronRight as s, ChevronLeft as a } from "@strapi/icons";
 import { Icon as d } from "../Icon/Icon.js";
 import { VisuallyHidden as m } from "../VisuallyHidden/VisuallyHidden.js";
 import { useMainNav as l } from "./MainNavContext.js";

package/dist/MainNav/NavSections.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),l=require("prop-types"),d=require("styled-components"),u=require("../Stack/Stack.cjs"),i=require("../Box/Box.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(r),p=o(l),f=o(d),y=f.default(i.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),d=require("prop-types"),l=require("styled-components"),u=require("../Stack/Stack.cjs"),i=require("../Box/Box.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(a),p=o(d),f=o(l),y=f.default(i.Box)`
   flex-grow: 1;
-  overflow-y: scroll;
-`,a=({children:e,...c})=>t.default.createElement(y,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8},t.default.createElement(u.Stack,{as:"ul",spacing:4,...c},r.Children.map(e,(n,s)=>t.default.createElement("li",{key:s},n))));a.propTypes={children:p.default.node.isRequired};exports.NavSections=a;
+  overflow-y: auto;
+`,r=({children:e,...c})=>t.default.createElement(y,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8},t.default.createElement(u.Stack,{as:"ul",spacing:4,...c},a.Children.map(e,(n,s)=>t.default.createElement("li",{key:s},n))));r.propTypes={children:p.default.node.isRequired};exports.NavSections=r;

package/dist/MainNav/NavSections.js

@@ -1,17 +1,17 @@
 import e, { Children as i } from "react";
 import n from "prop-types";
-import m from "styled-components";
-import { Stack as a } from "../Stack/Stack.js";
+import a from "styled-components";
+import { Stack as m } from "../Stack/Stack.js";
 import { Box as d } from "../Box/Box.js";
-const l = m(d)`
+const l = a(d)`
   flex-grow: 1;
-  overflow-y: scroll;
+  overflow-y: auto;
 `, c = ({ children: o, ...r }) => /* @__PURE__ */ e.createElement(l, {
   paddingLeft: 3,
   paddingRight: 2,
   paddingTop: 3,
   paddingBottom: 8
-}, /* @__PURE__ */ e.createElement(a, {
+}, /* @__PURE__ */ e.createElement(m, {
   as: "ul",
   spacing: 4,
   ...r

package/dist/ModalLayout/ModalHeader.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),d=require("styled-components"),c=require("prop-types"),u=require("@strapi/icons/Cross"),i=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),f=require("../IconButton/IconButton.cjs"),b=require("./ModalContext.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(s),x=o(d),a=o(c),y=o(u),_=x.default(p.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),d=require("styled-components"),c=require("prop-types"),u=require("@strapi/icons"),i=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),f=require("../IconButton/IconButton.cjs"),b=require("./ModalContext.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(s),x=o(d),n=o(c),y=x.default(p.Box)`
   border-radius: ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius} 0 0;
   border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({children:e,closeLabel:l})=>{const n=b.useModal();return t.default.createElement(_,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100"},t.default.createElement(i.Flex,{justifyContent:"space-between"},e,t.default.createElement(f.IconButton,{onClick:n,"aria-label":l,icon:t.default.createElement(y.default,null)})))};r.defaultProps={closeLabel:"Close the modal"};r.propTypes={children:a.default.node.isRequired,closeLabel:a.default.string};exports.ModalHeader=r;
+`,r=({children:e,closeLabel:a})=>{const l=b.useModal();return t.default.createElement(y,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100"},t.default.createElement(i.Flex,{justifyContent:"space-between"},e,t.default.createElement(f.IconButton,{onClick:l,"aria-label":a,icon:t.default.createElement(u.Cross,null)})))};r.defaultProps={closeLabel:"Close the modal"};r.propTypes={children:n.default.node.isRequired,closeLabel:n.default.string};exports.ModalHeader=r;

package/dist/ModalLayout/ModalHeader.js

@@ -1,7 +1,7 @@
 import o from "react";
 import l from "styled-components";
 import r from "prop-types";
-import n from "@strapi/icons/Cross";
+import { Cross as n } from "@strapi/icons";
 import { Flex as i } from "../Flex/Flex.js";
 import { Box as p } from "../Box/Box.js";
 import { IconButton as m } from "../IconButton/IconButton.js";

package/dist/NumberInput/NumberInput.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),O=require("prop-types"),T=require("styled-components"),$=require("@strapi/icons/CarretDown"),F=require("@internationalized/number"),B=require("../Field/Field.cjs"),H=require("../Field/FieldLabel.cjs"),M=require("../Field/FieldInput.cjs"),U=require("../Field/FieldHint.cjs"),W=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const X=require("../Stack/Stack.cjs"),q=require("../Icon/Icon.cjs"),Y=require("../themes/sizes.cjs"),G=require("../helpers/useId.cjs"),h=require("../helpers/keyboardKeys.cjs"),J=require("../helpers/getDefaultLocale.cjs"),Q=require("../hooks/useControllableState.cjs"),d=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},a=d(m),t=d(O),Z=d(T),v=d($),I=Z.default.button`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),O=require("prop-types"),T=require("styled-components"),F=require("@strapi/icons"),q=require("@internationalized/number"),$=require("../Field/Field.cjs"),B=require("../Field/FieldLabel.cjs"),H=require("../Field/FieldInput.cjs"),M=require("../Field/FieldHint.cjs"),U=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const W=require("../Stack/Stack.cjs"),h=require("../Icon/Icon.cjs"),X=require("../themes/sizes.cjs"),Y=require("../helpers/useId.cjs"),v=require("../helpers/keyboardKeys.cjs"),G=require("../helpers/getDefaultLocale.cjs"),J=require("../hooks/useControllableState.cjs"),m=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},a=m(f),t=m(O),Q=m(T),I=Q.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};
   }
-`,ee="",c=a.default.forwardRef(({size:r,startAction:N,name:j,hint:w,error:E,label:p,labelAction:k,locale:D,id:C,onValueChange:A,value:S,step:o,required:_,disabled:i,...V},x)=>{const L=G.useId("numberinput",C),b=D||J.getDefaultLocale(),s=m.useRef(new F.NumberParser(b,{style:"decimal"})),f=m.useRef(new F.NumberFormatter(b,{maximumFractionDigits:20})),[l,P]=Q.useControllableState({prop(e){const n=String(S);return isNaN(n)||n!==e&&e!==""?e:n},defaultProp:ee,onChange(e){const n=s.current.parse(e);A(isNaN(n)?void 0:n)}}),u=e=>{P(String(e))},R=({target:{value:e}})=>{s.current.isValidPartialNumber(e)&&u(e)},y=()=>{if(!l){u(o);return}const e=s.current.parse(l),n=isNaN(e)?o:e+o;u(f.current.format(n))},g=()=>{if(!l){u(-o);return}const e=s.current.parse(l),n=isNaN(e)?-o:e-o;u(f.current.format(n))},K=e=>{if(!i)switch(e.key){case h.KeyboardKeys.DOWN:{e.preventDefault(),g();break}case h.KeyboardKeys.UP:{e.preventDefault(),y();break}}},z=()=>{if(l){const e=s.current.parse(l),n=isNaN(e)?"":f.current.format(e);u(n)}};return a.default.createElement(B.Field,{name:j,hint:w,error:E,id:L,required:_},a.default.createElement(X.Stack,{spacing:1},p&&a.default.createElement(H.FieldLabel,{action:k},p),a.default.createElement(M.FieldInput,{ref:x,startAction:N,disabled:i,type:"text",inputmode:"decimal",onChange:R,onKeyDown:K,onBlur:z,value:l,size:r,endAction:a.default.createElement(a.default.Fragment,null,a.default.createElement(I,{disabled:i,"aria-hidden":!0,reverse:!0,onClick:y,tabIndex:-1,type:"button","data-testid":"ArrowUp"},a.default.createElement(q.Icon,{as:v.default,color:"neutral500"})),a.default.createElement(I,{disabled:i,"aria-hidden":!0,onClick:g,tabIndex:-1,type:"button","data-testid":"ArrowDown"},a.default.createElement(q.Icon,{as:v.default,color:"neutral500"}))),...V}),a.default.createElement(U.FieldHint,null),a.default.createElement(W.FieldError,null)))});c.displayName="NumberInput";c.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};c.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(Y.sizes.input)),startAction:t.default.element,step:t.default.number,value:t.default.number};exports.NumberInput=c;
+`,Z="",d=a.default.forwardRef(({size:r,startAction:N,name:j,hint:w,error:E,label:p,labelAction:k,locale:D,id:A,onValueChange:C,value:S,step:o,required:V,disabled:s,...x},_)=>{const L=Y.useId("numberinput",A),b=D||G.getDefaultLocale(),i=f.useRef(new q.NumberParser(b,{style:"decimal"})),c=f.useRef(new q.NumberFormatter(b,{maximumFractionDigits:20})),[l,P]=J.useControllableState({prop(e){const n=String(S);return isNaN(n)||n!==e&&e!==""?e:n},defaultProp:Z,onChange(e){const n=i.current.parse(e);C(isNaN(n)?void 0:n)}}),u=e=>{P(String(e))},R=({target:{value:e}})=>{i.current.isValidPartialNumber(e)&&u(e)},y=()=>{if(!l){u(o);return}const e=i.current.parse(l),n=isNaN(e)?o:e+o;u(c.current.format(n))},g=()=>{if(!l){u(-o);return}const e=i.current.parse(l),n=isNaN(e)?-o:e-o;u(c.current.format(n))},K=e=>{if(!s)switch(e.key){case v.KeyboardKeys.DOWN:{e.preventDefault(),g();break}case v.KeyboardKeys.UP:{e.preventDefault(),y();break}}},z=()=>{if(l){const e=i.current.parse(l),n=isNaN(e)?"":c.current.format(e);u(n)}};return a.default.createElement($.Field,{name:j,hint:w,error:E,id:L,required:V},a.default.createElement(W.Stack,{spacing:1},p&&a.default.createElement(B.FieldLabel,{action:k},p),a.default.createElement(H.FieldInput,{ref:_,startAction:N,disabled:s,type:"text",inputmode:"decimal",onChange:R,onKeyDown:K,onBlur:z,value:l,size:r,endAction:a.default.createElement(a.default.Fragment,null,a.default.createElement(I,{disabled:s,"aria-hidden":!0,reverse:!0,onClick:y,tabIndex:-1,type:"button","data-testid":"ArrowUp"},a.default.createElement(h.Icon,{as:F.CarretDown,color:"neutral500"})),a.default.createElement(I,{disabled:s,"aria-hidden":!0,onClick:g,tabIndex:-1,type:"button","data-testid":"ArrowDown"},a.default.createElement(h.Icon,{as:F.CarretDown,color:"neutral500"}))),...x}),a.default.createElement(M.FieldHint,null),a.default.createElement(U.FieldError,null)))});d.displayName="NumberInput";d.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};d.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(X.sizes.input)),startAction:t.default.element,step:t.default.number,value:t.default.number};exports.NumberInput=d;

package/dist/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 import t, { useRef as g } from "react";
 import r from "prop-types";
 import L from "styled-components";
-import v from "@strapi/icons/CarretDown";
+import { CarretDown as v } from "@strapi/icons";
 import { NumberParser as T, NumberFormatter as z } from "@internationalized/number";
 import { Field as B } from "../Field/Field.js";
 import { FieldLabel as U } from "../Field/FieldLabel.js";

package/dist/Pagination/components.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),L=require("styled-components"),q=require("prop-types"),k=require("@strapi/icons/ChevronLeft"),T=require("@strapi/icons/ChevronRight"),_=require("react-router-dom"),d=require("../VisuallyHidden/VisuallyHidden.cjs"),c=require("./PaginationContext.cjs"),x=require("../Typography/Typography.cjs"),E=require("../themes/utils.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(b),l=s(L),i=s(q),R=s(k),$=s(T),g=l.default(x.Typography)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),k=require("styled-components"),q=require("prop-types"),g=require("@strapi/icons"),T=require("react-router-dom"),l=require("../VisuallyHidden/VisuallyHidden.cjs"),u=require("./PaginationContext.cjs"),x=require("../Typography/Typography.cjs"),E=require("../themes/utils.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=c(L),s=c(k),o=c(q),v=s.default(x.Typography)`
   line-height: revert;
-`,C={active:!0},p=l.default(_.NavLink).withConfig({shouldForwardProp:(e,t)=>!C[e]&&t(e)})`
+`,$={active:!0},p=s.default(T.NavLink).withConfig({shouldForwardProp:(e,t)=>!$[e]&&t(e)})`
   padding: ${({theme:e})=>e.spaces[3]};
   border-radius: ${({theme:e})=>e.borderRadius};
   box-shadow: ${({active:e,theme:t})=>e?t.shadows.filterShadow:void 0};
@@ -8,14 +8,14 @@
   display: flex;
 
   ${E.buttonFocusStyle}
-`,w=l.default(p)`
+`,R=s.default(p)`
   color: ${({theme:e,active:t})=>t?e.colors.primary700:e.colors.neutral800};
   background: ${({theme:e,active:t})=>t?e.colors.neutral0:void 0};
 
   &:hover {
     box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   }
-`,v=l.default(p)`
+`,m=s.default(p)`
   font-size: 0.7rem;
   svg path {
     fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral600};
@@ -31,6 +31,6 @@
   ${e=>e["aria-disabled"]?`
   pointer-events: none;
     `:void 0}
-`,H=l.default(p)`
+`,_=s.default(p)`
   color: ${({theme:e})=>e.colors.neutral800};
-`,f=({children:e,to:t,...n})=>{const{activePage:o}=c.usePagination(),r=o===1;return a.default.createElement(v,{to:r?"#":t,"aria-disabled":r,tabIndex:r?-1:void 0,...n},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(R.default,{"aria-hidden":!0}))};f.displayName="PreviousLink";const h=({children:e,to:t,...n})=>{const{activePage:o,pageCount:r}=c.usePagination(),u=o===r;return a.default.createElement(v,{to:u?"#":t,"aria-disabled":u,tabIndex:u?-1:void 0,...n},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement($.default,{"aria-hidden":!0}))};h.displayName="NextLink";const y=({number:e,children:t,...n})=>{const{activePage:o}=c.usePagination(),r=o===e;return a.default.createElement(w,{...n,active:r},a.default.createElement(d.VisuallyHidden,null,t),a.default.createElement(g,{"aria-hidden":!0,variant:"pi",fontWeight:r?"bold":null},e))};y.displayName="PageLink";const m=({children:e,...t})=>a.default.createElement(H,{...t,as:"div"},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(g,{"aria-hidden":!0,variant:"pi"},"\u2026"));y.propTypes={children:i.default.node.isRequired,number:i.default.number.isRequired};const P={children:i.default.node.isRequired,to:i.default.string.isRequired};h.propTypes=P;f.propTypes=P;m.propTypes={children:i.default.node.isRequired};exports.Dots=m;exports.NextLink=h;exports.PageLink=y;exports.PreviousLink=f;
+`,f=({children:e,to:t,...i})=>{const{activePage:n}=u.usePagination(),r=n===1;return a.default.createElement(m,{to:r?"#":t,"aria-disabled":r,tabIndex:r?-1:void 0,...i},a.default.createElement(l.VisuallyHidden,null,e),a.default.createElement(g.ChevronLeft,{"aria-hidden":!0}))};f.displayName="PreviousLink";const y=({children:e,to:t,...i})=>{const{activePage:n,pageCount:r}=u.usePagination(),d=n===r;return a.default.createElement(m,{to:d?"#":t,"aria-disabled":d,tabIndex:d?-1:void 0,...i},a.default.createElement(l.VisuallyHidden,null,e),a.default.createElement(g.ChevronRight,{"aria-hidden":!0}))};y.displayName="NextLink";const h=({number:e,children:t,...i})=>{const{activePage:n}=u.usePagination(),r=n===e;return a.default.createElement(R,{...i,active:r},a.default.createElement(l.VisuallyHidden,null,t),a.default.createElement(v,{"aria-hidden":!0,variant:"pi",fontWeight:r?"bold":null},e))};h.displayName="PageLink";const P=({children:e,...t})=>a.default.createElement(_,{...t,as:"div"},a.default.createElement(l.VisuallyHidden,null,e),a.default.createElement(v,{"aria-hidden":!0,variant:"pi"},"\u2026"));h.propTypes={children:o.default.node.isRequired,number:o.default.number.isRequired};const b={children:o.default.node.isRequired,to:o.default.string.isRequired};y.propTypes=b;f.propTypes=b;P.propTypes={children:o.default.node.isRequired};exports.Dots=P;exports.NextLink=y;exports.PageLink=h;exports.PreviousLink=f;

package/dist/Pagination/components.js

@@ -1,14 +1,13 @@
 import t from "react";
 import s from "styled-components";
 import n from "prop-types";
-import b from "@strapi/icons/ChevronLeft";
-import y from "@strapi/icons/ChevronRight";
+import { ChevronLeft as b, ChevronRight as y } from "@strapi/icons";
 import { NavLink as P } from "react-router-dom";
 import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
 import { usePagination as c } from "./PaginationContext.js";
 import { Typography as E } from "../Typography/Typography.js";
 import { buttonFocusStyle as k } from "../themes/utils.js";
-const m = s(E)`
+const u = s(E)`
   line-height: revert;
 `, L = {
   active: !0
@@ -29,7 +28,7 @@ const m = s(E)`
   &:hover {
     box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
   }
-`, u = s(p)`
+`, m = s(p)`
   font-size: 0.7rem;
   svg path {
     fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
@@ -47,36 +46,36 @@ const m = s(E)`
     ` : void 0}
 `, x = s(p)`
   color: ${({ theme: e }) => e.colors.neutral800};
-`, h = ({ children: e, to: r, ...i }) => {
-  const { activePage: a } = c(), o = a === 1;
-  return /* @__PURE__ */ t.createElement(u, {
+`, h = ({ children: e, to: r, ...a }) => {
+  const { activePage: i } = c(), o = i === 1;
+  return /* @__PURE__ */ t.createElement(m, {
     to: o ? "#" : r,
     "aria-disabled": o,
     tabIndex: o ? -1 : void 0,
-    ...i
+    ...a
   }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(b, {
     "aria-hidden": !0
   }));
 };
 h.displayName = "PreviousLink";
-const v = ({ children: e, to: r, ...i }) => {
-  const { activePage: a, pageCount: o } = c(), d = a === o;
-  return /* @__PURE__ */ t.createElement(u, {
+const v = ({ children: e, to: r, ...a }) => {
+  const { activePage: i, pageCount: o } = c(), d = i === o;
+  return /* @__PURE__ */ t.createElement(m, {
     to: d ? "#" : r,
     "aria-disabled": d,
     tabIndex: d ? -1 : void 0,
-    ...i
+    ...a
   }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(y, {
     "aria-hidden": !0
   }));
 };
 v.displayName = "NextLink";
-const f = ({ number: e, children: r, ...i }) => {
-  const { activePage: a } = c(), o = a === e;
+const f = ({ number: e, children: r, ...a }) => {
+  const { activePage: i } = c(), o = i === e;
   return /* @__PURE__ */ t.createElement($, {
-    ...i,
+    ...a,
     active: o
-  }, /* @__PURE__ */ t.createElement(l, null, r), /* @__PURE__ */ t.createElement(m, {
+  }, /* @__PURE__ */ t.createElement(l, null, r), /* @__PURE__ */ t.createElement(u, {
     "aria-hidden": !0,
     variant: "pi",
     fontWeight: o ? "bold" : null
@@ -86,7 +85,7 @@ f.displayName = "PageLink";
 const w = ({ children: e, ...r }) => /* @__PURE__ */ t.createElement(x, {
   ...r,
   as: "div"
-}, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(m, {
+}, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(u, {
   "aria-hidden": !0,
   variant: "pi"
 }, "\u2026"));

package/dist/Searchbar/Searchbar.cjs

@@ -1,29 +1,29 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),_=require("prop-types"),S=require("styled-components"),R=require("@strapi/icons/Search"),E=require("@strapi/icons/Cross"),C=require("../themes/sizes.cjs"),v=require("../Field/Field.cjs"),x=require("../Field/FieldLabel.cjs"),i=require("../Field/FieldInput.cjs");require("../Field/FieldContext.cjs");require("../Typography/Typography.cjs");const $=require("../Field/FieldAction.cjs"),z=require("../VisuallyHidden/VisuallyHidden.cjs"),I=require("../themes/utils.cjs"),d=require("../Flex/Flex.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(a),l=r(_),n=r(S),T=r(R),w=r(E),A=n.default(d.Flex)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),E=require("prop-types"),S=require("styled-components"),d=require("@strapi/icons"),_=require("../themes/sizes.cjs"),v=require("../Field/Field.cjs"),x=require("../Field/FieldLabel.cjs"),a=require("../Field/FieldInput.cjs");require("../Field/FieldContext.cjs");require("../Typography/Typography.cjs");const $=require("../Field/FieldAction.cjs"),z=require("../VisuallyHidden/VisuallyHidden.cjs"),C=require("../themes/utils.cjs"),o=require("../Flex/Flex.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=i(s),l=i(E),n=i(S),I=n.default(o.Flex)`
   font-size: 0.5rem;
   svg path {
     fill: ${({theme:e})=>e.colors.neutral400};
   }
-`,o=n.default(d.Flex)`
+`,p=n.default(o.Flex)`
   font-size: 0.8rem;
 
   svg path {
     fill: ${({theme:e})=>e.colors.neutral800};
   }
-`,L=n.default.div`
+`,T=n.default.div`
   border-radius: ${({theme:e})=>e.borderRadius};
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
 
   &:focus-within {
-    ${o} {
+    ${p} {
       svg path {
         fill: ${({theme:e})=>e.colors.primary600};
       }
     }
   }
 
-  ${i.InputWrapper} {
+  ${a.InputWrapper} {
     border: 1px solid transparent;
   }
 
-  ${I.inputFocusStyle(i.InputWrapper)}
-`,s=a.forwardRef(({name:e,size:f,children:p,value:u,onClear:F,clearLabel:h,...y},m)=>{const c=a.useRef(null),q=u.length>0,b=j=>{F(j),c.current.focus()},g=m||c;return t.default.createElement(L,null,t.default.createElement(v.Field,{name:e},t.default.createElement(z.VisuallyHidden,null,t.default.createElement(x.FieldLabel,null,p)),t.default.createElement(i.FieldInput,{ref:g,value:u,startAction:t.default.createElement(o,null,t.default.createElement(T.default,{"aria-hidden":!0})),size:f,endAction:q?t.default.createElement($.FieldAction,{label:h,onClick:b},t.default.createElement(A,null,t.default.createElement(w.default,null))):void 0,...y})))});s.displayName="Searchbar";s.defaultProps={value:"",size:"M"};s.propTypes={children:l.default.node.isRequired,clearLabel:l.default.string.isRequired,name:l.default.string.isRequired,onClear:l.default.func.isRequired,size:l.default.oneOf(Object.keys(C.sizes.input)),value:l.default.string};exports.Searchbar=s;
+  ${C.inputFocusStyle(a.InputWrapper)}
+`,r=s.forwardRef(({name:e,size:f,children:F,value:u,onClear:y,clearLabel:h,...m},q)=>{const c=s.useRef(null),b=u.length>0,g=R=>{y(R),c.current.focus()},j=q||c;return t.default.createElement(T,null,t.default.createElement(v.Field,{name:e},t.default.createElement(z.VisuallyHidden,null,t.default.createElement(x.FieldLabel,null,F)),t.default.createElement(a.FieldInput,{ref:j,value:u,startAction:t.default.createElement(p,null,t.default.createElement(d.Search,{"aria-hidden":!0})),size:f,endAction:b?t.default.createElement($.FieldAction,{label:h,onClick:g},t.default.createElement(I,null,t.default.createElement(d.Cross,null))):void 0,...m})))});r.displayName="Searchbar";r.defaultProps={value:"",size:"M"};r.propTypes={children:l.default.node.isRequired,clearLabel:l.default.string.isRequired,name:l.default.string.isRequired,onClear:l.default.func.isRequired,size:l.default.oneOf(Object.keys(_.sizes.input)),value:l.default.string};exports.Searchbar=r;

package/dist/Searchbar/Searchbar.js

@@ -1,8 +1,7 @@
 import r, { forwardRef as y, useRef as $ } from "react";
 import t from "prop-types";
 import o from "styled-components";
-import S from "@strapi/icons/Search";
-import v from "@strapi/icons/Cross";
+import { Search as S, Cross as v } from "@strapi/icons";
 import { sizes as C } from "../themes/sizes.js";
 import { Field as F } from "../Field/Field.js";
 import { FieldLabel as w } from "../Field/FieldLabel.js";
@@ -18,7 +17,7 @@ const W = o(s)`
   svg path {
     fill: ${({ theme: e }) => e.colors.neutral400};
   }
-`, m = o(s)`
+`, c = o(s)`
   font-size: 0.8rem;
 
   svg path {
@@ -29,7 +28,7 @@ const W = o(s)`
   box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
 
   &:focus-within {
-    ${m} {
+    ${c} {
       svg path {
         fill: ${({ theme: e }) => e.colors.primary600};
       }
@@ -41,19 +40,19 @@ const W = o(s)`
   }
 
   ${I(a)}
-`, l = y(({ name: e, size: p, children: c, value: i, onClear: u, clearLabel: d, ...f }, h) => {
+`, l = y(({ name: e, size: m, children: p, value: i, onClear: u, clearLabel: d, ...f }, h) => {
   const n = $(null), b = i.length > 0, E = (g) => {
     u(g), n.current.focus();
   }, R = h || n;
   return /* @__PURE__ */ r.createElement(A, null, /* @__PURE__ */ r.createElement(F, {
     name: e
-  }, /* @__PURE__ */ r.createElement(x, null, /* @__PURE__ */ r.createElement(w, null, c)), /* @__PURE__ */ r.createElement(z, {
+  }, /* @__PURE__ */ r.createElement(x, null, /* @__PURE__ */ r.createElement(w, null, p)), /* @__PURE__ */ r.createElement(z, {
     ref: R,
     value: i,
-    startAction: /* @__PURE__ */ r.createElement(m, null, /* @__PURE__ */ r.createElement(S, {
+    startAction: /* @__PURE__ */ r.createElement(c, null, /* @__PURE__ */ r.createElement(S, {
       "aria-hidden": !0
     })),
-    size: p,
+    size: m,
     endAction: b ? /* @__PURE__ */ r.createElement(q, {
       label: d,
       onClick: E

package/dist/Select/Select.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),te=require("prop-types"),le=require("@strapi/icons/CarretDown"),re=require("@strapi/icons/Cross"),ne=require("styled-components"),oe=require("../themes/sizes.cjs"),ae=require("./SelectButton.cjs"),se=require("../Field/Field.cjs"),ie=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const ce=require("../Field/FieldHint.cjs"),de=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const ue=require("../Popover/Popover.cjs"),fe=require("../Stack/Stack.cjs"),P=require("../Typography/Typography.cjs"),v=require("../Flex/Flex.cjs"),A=require("../Box/Box.cjs"),pe=require("../helpers/useId.cjs"),ye=require("./SelectList.cjs"),x=require("./components.cjs"),he=require("./hooks/useButtonRef.cjs"),z=require("../VisuallyHidden/VisuallyHidden.cjs"),me=require("./constants.cjs"),G=require("../helpers/escapeSelector.cjs"),Ee=require("./SelectTags.cjs"),p=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},l=p(u),e=p(te),ge=p(le),be=p(re),qe=p(ne),Fe=qe.default(v.Flex)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),le=require("prop-types"),ne=require("styled-components"),P=require("@strapi/icons"),re=require("../themes/sizes.cjs"),oe=require("./SelectButton.cjs"),ae=require("../Field/Field.cjs"),se=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const ie=require("../Field/FieldHint.cjs"),ce=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const de=require("../Popover/Popover.cjs"),ue=require("../Stack/Stack.cjs"),A=require("../Typography/Typography.cjs"),x=require("../Flex/Flex.cjs"),z=require("../Box/Box.cjs"),fe=require("../helpers/useId.cjs"),pe=require("./SelectList.cjs"),T=require("./components.cjs"),ye=require("./hooks/useButtonRef.cjs"),G=require("../VisuallyHidden/VisuallyHidden.cjs"),he=require("./constants.cjs"),W=require("../helpers/escapeSelector.cjs"),me=require("./SelectTags.cjs"),v=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},l=v(u),e=v(le),Ee=v(ne),ge=Ee.default(x.Flex)`
   width: 100%;
-`,C=({label:o,labelAction:W,id:N,children:J,customizeContent:y,placeholder:q,onChange:F,value:r,hint:S,error:h,disabled:i,clearLabel:I,onClear:O,onReachEnd:K,multi:a,required:Q,selectButtonTitle:U,size:V,startIcon:_,withTags:m,...X})=>{const n=pe.useId("select",N),[E,g]=u.useState(void 0),R=he.useButtonRef(E),L=u.useRef(null),$=`${n}-label`,b=`${n}-content`,D=typeof h=="string";let j;if(D?j=`${n}-error`:S&&(j=`${n}-hint`),m&&!a)throw new Error('The "withTags" props can only be used when the "multi" prop is present');const Y=()=>{g(void 0)},Z=()=>{i||(O(),R.current.focus())},w=t=>{t.preventDefault(),!i&&(t.nativeEvent.which===3||t.nativeEvent.button===2||g(me.DownState.Mouse))},B=(t,s=!0)=>{a?F(r.includes(t)?r.filter(c=>c!==t):[...r,t]):(F(t),s&&g(void 0))},k=t=>{F(r.includes(t[0])?r.filter((s,c,f)=>f.indexOf(s)<0,t):[...r,...t])};let T,H=[];const M=(t,s)=>{const c=`${n}-option-${t.props.value}`,f=a?r.includes(t.props.value):t.props.value===r;return f&&(m?H.push({label:t.props.children,value:t.props.value}):T=t.props.children),u.cloneElement(t,{id:G.escapeSelector(c),onClick:()=>B(t.props.value),selected:f,multi:a,isChild:s})},ee=u.Children.toArray(J).map(t=>{if(t.type.displayName==="OptGroup"){const s=`${n}-option-${t.props.label}`,c=t.props.children.every(d=>r.includes(d.props.value)),f=!c&&t.props.children.some(d=>r.includes(d.props.value));return u.cloneElement(t,{id:G.escapeSelector(s),onClick:()=>k(t.props.children.map(d=>d.props.value)),selected:c,indeterminate:f,multi:a,children:u.Children.toArray(t.props.children).map(d=>M(d,!0)),value:t.props.label})}return M(t)});return l.default.createElement(se.Field,{hint:S,error:h,id:n,required:Q},l.default.createElement(fe.Stack,{spacing:o||S||D?1:0},o&&l.default.createElement(ie.FieldLabel,{action:W},o),l.default.createElement(x.SelectButtonWrapper,{size:V,hasError:Boolean(h),disabled:i,ref:L},l.default.createElement(ae.SelectButton,{ref:R,labelledBy:`${n} ${$} ${b}`,"aria-describedby":j,expanded:Boolean(E),onTrigger:g,id:n,hasError:Boolean(h),disabled:i,onMouseDown:w,...X}),l.default.createElement(Fe,{justifyContent:"space-between"},l.default.createElement(v.Flex,null,_&&l.default.createElement(A.Box,{paddingLeft:3,"aria-hidden":!0},_),m&&l.default.createElement(Ee.SelectTags,{tags:H,onRemoveTag:B,disabled:i}),l.default.createElement(A.Box,{paddingLeft:4,paddingRight:4},m?l.default.createElement(l.default.Fragment,null,!r||r.length===0?l.default.createElement(P.Typography,{ellipsis:!0,id:b,textColor:"neutral600"},q):null,l.default.createElement(z.VisuallyHidden,{as:"span",id:b},y?y(r):T||q,r.join(", "))):l.default.createElement(P.Typography,{ellipsis:!0,id:b,textColor:r?"neutral800":"neutral600"},y?y(r):T||q,a&&l.default.createElement(z.VisuallyHidden,{as:"span"},r.join(", "))))),l.default.createElement(v.Flex,null,(a&&r&&r.length||!a&&r)&&O&&l.default.createElement(x.IconBox,{as:"button",type:"button",onClick:Z,"aria-label":I,"aria-disabled":i,title:I},l.default.createElement(be.default,null)),l.default.createElement(x.CaretBox,{paddingLeft:3,"aria-hidden":!0,as:"button",type:"button",onMouseDown:w,tabIndex:-1,disabled:i,title:U},l.default.createElement(ge.default,null))))),l.default.createElement(ce.FieldHint,null),l.default.createElement(de.FieldError,null)),E&&l.default.createElement(ue.Popover,{source:L,spacing:4,fullWidth:!0,intersectionId:`select-list-intersection-${n}`,onReachEnd:K},l.default.createElement(ye.SelectList,{selectId:n,labelledBy:o?$:void 0,onEscape:Y,expanded:E,onSelectItem:(t,s)=>s?k(t):B(t,!1),multi:a},ee)))};C.defaultProps={"aria-label":void 0,children:[],clearLabel:"Clear",customizeContent:void 0,disabled:!1,id:void 0,label:void 0,labelAction:void 0,multi:!1,onChange(){},onClear:void 0,onReachEnd:void 0,value:void 0,hint:void 0,error:void 0,placeholder:"Select...",required:!1,selectButtonTitle:"Carret Down Button",size:"M",startIcon:void 0,withTags:!1};C.propTypes={"aria-label":e.default.string,children:e.default.oneOfType([e.default.arrayOf(e.default.node),e.default.node]),clearLabel:e.default.string,customizeContent:e.default.func,disabled:e.default.bool,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number]),label:e.default.string,labelAction:e.default.element,multi:e.default.bool,onChange:e.default.func,onClear:e.default.func,onReachEnd:e.default.func,placeholder:e.default.string,required:e.default.bool,selectButtonTitle:e.default.string,size:e.default.oneOf(Object.keys(oe.sizes.input)),startIcon:e.default.element,value:e.default.oneOfType([e.default.arrayOf(e.default.oneOfType([e.default.string,e.default.number])),e.default.string,e.default.number]),withTags:e.default.bool};exports.Select=C;
+`,I=({label:o,labelAction:N,id:J,children:K,customizeContent:p,placeholder:b,onChange:F,value:n,hint:S,error:y,disabled:i,clearLabel:C,onClear:O,onReachEnd:Q,multi:a,required:U,selectButtonTitle:V,size:X,startIcon:R,withTags:h,...Y})=>{const r=fe.useId("select",J),[m,E]=u.useState(void 0),L=ye.useButtonRef(m),$=u.useRef(null),_=`${r}-label`,g=`${r}-content`,k=typeof y=="string";let j;if(k?j=`${r}-error`:S&&(j=`${r}-hint`),h&&!a)throw new Error('The "withTags" props can only be used when the "multi" prop is present');const Z=()=>{E(void 0)},ee=()=>{i||(O(),L.current.focus())},D=t=>{t.preventDefault(),!i&&(t.nativeEvent.which===3||t.nativeEvent.button===2||E(he.DownState.Mouse))},q=(t,s=!0)=>{a?F(n.includes(t)?n.filter(c=>c!==t):[...n,t]):(F(t),s&&E(void 0))},w=t=>{F(n.includes(t[0])?n.filter((s,c,f)=>f.indexOf(s)<0,t):[...n,...t])};let B,H=[];const M=(t,s)=>{const c=`${r}-option-${t.props.value}`,f=a?n.includes(t.props.value):t.props.value===n;return f&&(h?H.push({label:t.props.children,value:t.props.value}):B=t.props.children),u.cloneElement(t,{id:W.escapeSelector(c),onClick:()=>q(t.props.value),selected:f,multi:a,isChild:s})},te=u.Children.toArray(K).map(t=>{if(t.type.displayName==="OptGroup"){const s=`${r}-option-${t.props.label}`,c=t.props.children.every(d=>n.includes(d.props.value)),f=!c&&t.props.children.some(d=>n.includes(d.props.value));return u.cloneElement(t,{id:W.escapeSelector(s),onClick:()=>w(t.props.children.map(d=>d.props.value)),selected:c,indeterminate:f,multi:a,children:u.Children.toArray(t.props.children).map(d=>M(d,!0)),value:t.props.label})}return M(t)});return l.default.createElement(ae.Field,{hint:S,error:y,id:r,required:U},l.default.createElement(ue.Stack,{spacing:o||S||k?1:0},o&&l.default.createElement(se.FieldLabel,{action:N},o),l.default.createElement(T.SelectButtonWrapper,{size:X,hasError:Boolean(y),disabled:i,ref:$},l.default.createElement(oe.SelectButton,{ref:L,labelledBy:`${r} ${_} ${g}`,"aria-describedby":j,expanded:Boolean(m),onTrigger:E,id:r,hasError:Boolean(y),disabled:i,onMouseDown:D,...Y}),l.default.createElement(ge,{justifyContent:"space-between"},l.default.createElement(x.Flex,null,R&&l.default.createElement(z.Box,{paddingLeft:3,"aria-hidden":!0},R),h&&l.default.createElement(me.SelectTags,{tags:H,onRemoveTag:q,disabled:i}),l.default.createElement(z.Box,{paddingLeft:4,paddingRight:4},h?l.default.createElement(l.default.Fragment,null,!n||n.length===0?l.default.createElement(A.Typography,{ellipsis:!0,id:g,textColor:"neutral600"},b):null,l.default.createElement(G.VisuallyHidden,{as:"span",id:g},p?p(n):B||b,n.join(", "))):l.default.createElement(A.Typography,{ellipsis:!0,id:g,textColor:n?"neutral800":"neutral600"},p?p(n):B||b,a&&l.default.createElement(G.VisuallyHidden,{as:"span"},n.join(", "))))),l.default.createElement(x.Flex,null,(a&&n&&n.length||!a&&n)&&O&&l.default.createElement(T.IconBox,{as:"button",type:"button",onClick:ee,"aria-label":C,"aria-disabled":i,title:C},l.default.createElement(P.Cross,null)),l.default.createElement(T.CaretBox,{paddingLeft:3,"aria-hidden":!0,as:"button",type:"button",onMouseDown:D,tabIndex:-1,disabled:i,title:V},l.default.createElement(P.CarretDown,null))))),l.default.createElement(ie.FieldHint,null),l.default.createElement(ce.FieldError,null)),m&&l.default.createElement(de.Popover,{source:$,spacing:4,fullWidth:!0,intersectionId:`select-list-intersection-${r}`,onReachEnd:Q},l.default.createElement(pe.SelectList,{selectId:r,labelledBy:o?_:void 0,onEscape:Z,expanded:m,onSelectItem:(t,s)=>s?w(t):q(t,!1),multi:a},te)))};I.defaultProps={"aria-label":void 0,children:[],clearLabel:"Clear",customizeContent:void 0,disabled:!1,id:void 0,label:void 0,labelAction:void 0,multi:!1,onChange(){},onClear:void 0,onReachEnd:void 0,value:void 0,hint:void 0,error:void 0,placeholder:"Select...",required:!1,selectButtonTitle:"Carret Down Button",size:"M",startIcon:void 0,withTags:!1};I.propTypes={"aria-label":e.default.string,children:e.default.oneOfType([e.default.arrayOf(e.default.node),e.default.node]),clearLabel:e.default.string,customizeContent:e.default.func,disabled:e.default.bool,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number]),label:e.default.string,labelAction:e.default.element,multi:e.default.bool,onChange:e.default.func,onClear:e.default.func,onReachEnd:e.default.func,placeholder:e.default.string,required:e.default.bool,selectButtonTitle:e.default.string,size:e.default.oneOf(Object.keys(re.sizes.input)),startIcon:e.default.element,value:e.default.oneOfType([e.default.arrayOf(e.default.oneOfType([e.default.string,e.default.number])),e.default.string,e.default.number]),withTags:e.default.bool};exports.Select=I;