@strapi/design-system 1.3.0 → 1.3.1-alpha.1

package/dist/RawTable/RawTable.js

@@ -1,73 +1,93 @@
-import m, { useRef as D, useState as k, useCallback as R, useEffect as d } from "react";
-import s from "prop-types";
-import { RawTableContext as _ } from "./RawTableContext.js";
-import { KeyboardKeys as a } from "../helpers/keyboardKeys.js";
-import { focusFocusable as G } from "./focusFocusable.js";
-const y = ({ colCount: u, rowCount: c, jumpStep: n, initialCol: p, initialRow: E, ...P }) => {
-  const f = D(null), i = D(!1), [o, r] = k(E), [b, l] = k(p), T = R(({ colIndex: t, rowIndex: e }) => {
-    l(t), r(e);
+var q = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var y = (t, a, r) => a in t ? q(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, P = (t, a) => {
+  for (var r in a || (a = {}))
+    p.call(a, r) && y(t, r, a[r]);
+  if (f)
+    for (var r of f(a))
+      E.call(a, r) && y(t, r, a[r]);
+  return t;
+};
+var T = (t, a) => {
+  var r = {};
+  for (var l in t)
+    p.call(t, l) && a.indexOf(l) < 0 && (r[l] = t[l]);
+  if (t != null && f)
+    for (var l of f(t))
+      a.indexOf(l) < 0 && E.call(t, l) && (r[l] = t[l]);
+  return r;
+};
+import K, { useRef as R, useState as d, useCallback as w, useEffect as A } from "react";
+import i from "prop-types";
+import { RawTableContext as F } from "./RawTableContext.js";
+import { KeyboardKeys as s } from "../helpers/keyboardKeys.js";
+import { focusFocusable as H } from "./focusFocusable.js";
+const _ = (U) => {
+  var b = U, { colCount: t, rowCount: a, jumpStep: r, initialCol: l, initialRow: G } = b, N = T(b, ["colCount", "rowCount", "jumpStep", "initialCol", "initialRow"]);
+  const m = R(null), o = R(!1), [D, n] = d(G), [k, u] = d(l), O = w(({ colIndex: c, rowIndex: e }) => {
+    u(c), n(e);
   }, []);
-  d(() => {
-    i.current && G(f.current), i.current || (i.current = !0);
-  }, [b, o]);
-  const K = (t) => {
-    switch (t.key) {
-      case a.RIGHT: {
-        t.preventDefault(), l((e) => e < u - 1 ? e + 1 : e);
+  A(() => {
+    o.current && H(m.current), o.current || (o.current = !0);
+  }, [k, D]);
+  const h = (c) => {
+    switch (c.key) {
+      case s.RIGHT: {
+        c.preventDefault(), u((e) => e < t - 1 ? e + 1 : e);
         break;
       }
-      case a.LEFT: {
-        t.preventDefault(), l((e) => e > 0 ? e - 1 : e);
+      case s.LEFT: {
+        c.preventDefault(), u((e) => e > 0 ? e - 1 : e);
         break;
       }
-      case a.UP: {
-        t.preventDefault(), r((e) => e > 0 ? e - 1 : e);
+      case s.UP: {
+        c.preventDefault(), n((e) => e > 0 ? e - 1 : e);
         break;
       }
-      case a.DOWN: {
-        t.preventDefault(), r((e) => e < c - 1 ? e + 1 : e);
+      case s.DOWN: {
+        c.preventDefault(), n((e) => e < a - 1 ? e + 1 : e);
         break;
       }
-      case a.HOME: {
-        t.preventDefault(), t.ctrlKey && r(0), l(0);
+      case s.HOME: {
+        c.preventDefault(), c.ctrlKey && n(0), u(0);
         break;
       }
-      case a.END: {
-        t.preventDefault(), t.ctrlKey && r(c - 1), l(u - 1);
+      case s.END: {
+        c.preventDefault(), c.ctrlKey && n(a - 1), u(t - 1);
         break;
       }
-      case a.PAGE_DOWN: {
-        t.preventDefault(), r((e) => e + n < c ? e + n : c - 1);
+      case s.PAGE_DOWN: {
+        c.preventDefault(), n((e) => e + r < a ? e + r : a - 1);
         break;
       }
-      case a.PAGE_UP: {
-        t.preventDefault(), r((e) => e - n > 0 ? e - n : 0);
+      case s.PAGE_UP: {
+        c.preventDefault(), n((e) => e - r > 0 ? e - r : 0);
         break;
       }
     }
   };
-  return /* @__PURE__ */ m.createElement(_.Provider, {
-    value: { rowIndex: o, colIndex: b, setTableValues: T }
-  }, /* @__PURE__ */ m.createElement("table", {
-    ref: f,
-    "aria-rowcount": c,
-    "aria-colcount": u,
-    onKeyDown: K,
-    ...P
-  }));
+  return /* @__PURE__ */ K.createElement(F.Provider, {
+    value: { rowIndex: D, colIndex: k, setTableValues: O }
+  }, /* @__PURE__ */ K.createElement("table", P({
+    ref: m,
+    "aria-rowcount": a,
+    "aria-colcount": t,
+    onKeyDown: h
+  }, N)));
 };
-y.defaultProps = {
+_.defaultProps = {
   jumpStep: 3,
   initialCol: 0,
   initialRow: 0
 };
-y.propTypes = {
-  colCount: s.number.isRequired,
-  initialCol: s.number,
-  initialRow: s.number,
-  jumpStep: s.number,
-  rowCount: s.number.isRequired
+_.propTypes = {
+  colCount: i.number.isRequired,
+  initialCol: i.number,
+  initialRow: i.number,
+  jumpStep: i.number,
+  rowCount: i.number.isRequired
 };
 export {
-  y as RawTable
+  _ as RawTable
 };

package/dist/RawTable/RawTbody.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),d=require("prop-types"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=o(t),s=o(d),r=({children:e,...a})=>{const n=t.Children.toArray(e).map((l,c)=>t.cloneElement(l,{"aria-rowindex":c+2}));return u.default.createElement("tbody",{...a},n)};r.propTypes={children:s.default.node.isRequired};exports.RawTbody=r;
+"use strict";var b=Object.defineProperty;var a=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var l=(e,t,o)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,u=(e,t)=>{for(var o in t||(t={}))c.call(t,o)&&l(e,o,t[o]);if(a)for(var o of a(t))d.call(t,o)&&l(e,o,t[o]);return e};var s=(e,t)=>{var o={};for(var r in e)c.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&a)for(var r of a(e))t.indexOf(r)<0&&d.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),T=require("prop-types"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},R=i(n),m=i(T),p=o=>{var r=o,{children:e}=r,t=s(r,["children"]);const y=n.Children.toArray(e).map((f,_)=>n.cloneElement(f,{"aria-rowindex":_+2}));return R.default.createElement("tbody",u({},t),y)};p.propTypes={children:m.default.node.isRequired};exports.RawTbody=p;

package/dist/RawTable/RawTbody.js

@@ -1,16 +1,35 @@
-import d, { Children as i, cloneElement as p } from "react";
-import a from "prop-types";
-const l = ({ children: e, ...r }) => {
-  const o = i.toArray(e).map(
-    (t, n) => p(t, { "aria-rowindex": n + 2 })
+var y = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var d = (e, r, o) => r in e ? y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, a = (e, r) => {
+  for (var o in r || (r = {}))
+    i.call(r, o) && d(e, o, r[o]);
+  if (n)
+    for (var o of n(r))
+      p.call(r, o) && d(e, o, r[o]);
+  return e;
+};
+var l = (e, r) => {
+  var o = {};
+  for (var t in e)
+    i.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && n)
+    for (var t of n(e))
+      r.indexOf(t) < 0 && p.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import f, { Children as h, cloneElement as u } from "react";
+import R from "prop-types";
+const T = (o) => {
+  var t = o, { children: e } = t, r = l(t, ["children"]);
+  const c = h.toArray(e).map(
+    (m, s) => u(m, { "aria-rowindex": s + 2 })
   );
-  return /* @__PURE__ */ d.createElement("tbody", {
-    ...r
-  }, o);
+  return /* @__PURE__ */ f.createElement("tbody", a({}, r), c);
 };
-l.propTypes = {
-  children: a.node.isRequired
+T.propTypes = {
+  children: R.node.isRequired
 };
 export {
-  l as RawTbody
+  T as RawTbody
 };

package/dist/RawTable/RawThead.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),c=require("prop-types"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=r(t),u=r(c),a=({children:e,...o})=>{const n=t.Children.toArray(e).map(l=>t.cloneElement(l,{"aria-rowindex":1}));return d.default.createElement("thead",{...o},n)};a.propTypes={children:u.default.node.isRequired};exports.RawThead=a;
+"use strict";var _=Object.defineProperty;var o=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var l=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&l(e,r,t[r]);if(o)for(var r of o(t))d.call(t,r)&&l(e,r,t[r]);return e};var s=(e,t)=>{var r={};for(var a in e)c.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&o)for(var a of o(e))t.indexOf(a)<0&&d.call(e,a)&&(r[a]=e[a]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),h=require("prop-types"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},T=i(n),R=i(h),p=r=>{var a=r,{children:e}=a,t=s(a,["children"]);const f=n.Children.toArray(e).map(y=>n.cloneElement(y,{"aria-rowindex":1}));return T.default.createElement("thead",u({},t),f)};p.propTypes={children:R.default.node.isRequired};exports.RawThead=p;

package/dist/RawTable/RawThead.js

@@ -1,14 +1,33 @@
-import n, { Children as a, cloneElement as d } from "react";
-import i from "prop-types";
-const p = ({ children: e, ...r }) => {
-  const o = a.toArray(e).map((t) => d(t, { "aria-rowindex": 1 }));
-  return /* @__PURE__ */ n.createElement("thead", {
-    ...r
-  }, o);
+var h = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
+var a = (e, r, o) => r in e ? h(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, p = (e, r) => {
+  for (var o in r || (r = {}))
+    d.call(r, o) && a(e, o, r[o]);
+  if (n)
+    for (var o of n(r))
+      i.call(r, o) && a(e, o, r[o]);
+  return e;
 };
-p.propTypes = {
-  children: i.node.isRequired
+var l = (e, r) => {
+  var o = {};
+  for (var t in e)
+    d.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && n)
+    for (var t of n(e))
+      r.indexOf(t) < 0 && i.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import s, { Children as f, cloneElement as u } from "react";
+import y from "prop-types";
+const R = (o) => {
+  var t = o, { children: e } = t, r = l(t, ["children"]);
+  const c = f.toArray(e).map((m) => u(m, { "aria-rowindex": 1 }));
+  return /* @__PURE__ */ s.createElement("thead", p({}, r), c);
+};
+R.propTypes = {
+  children: y.node.isRequired
 };
 export {
-  p as RawThead
+  R as RawThead
 };

package/dist/RawTable/RawTr.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),u=require("prop-types"),s=require("../Box/Box.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=n(r),a=n(u),c=({children:e,...t})=>{const l=r.Children.toArray(e).map((i,o)=>r.cloneElement(i,{"aria-colindex":o+1,coords:{col:o+1,row:t["aria-rowindex"]}}));return d.default.createElement(s.Box,{as:"tr",...t},l)};c.propTypes={["aria-rowindex"]:a.default.number.isRequired,children:a.default.node.isRequired};exports.RawTr=c;
+"use strict";var R=Object.defineProperty;var a=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var l=(e,r,t)=>r in e?R(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,s=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&l(e,t,r[t]);if(a)for(var t of a(r))u.call(r,t)&&l(e,t,r[t]);return e};var d=(e,r)=>{var t={};for(var o in e)i.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&a)for(var o of a(e))r.indexOf(o)<0&&u.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),T=require("prop-types"),m=require("../Box/Box.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=f(n),p=f(T),y=t=>{var o=t,{children:e}=o,r=d(o,["children"]);const _=n.Children.toArray(e).map((x,c)=>n.cloneElement(x,{"aria-colindex":c+1,coords:{col:c+1,row:r["aria-rowindex"]}}));return q.default.createElement(m.Box,s({as:"tr"},r),_)};y.propTypes={["aria-rowindex"]:p.default.number.isRequired,children:p.default.node.isRequired};exports.RawTr=y;

package/dist/RawTable/RawTr.js

@@ -1,19 +1,39 @@
-import a, { Children as c, cloneElement as d } from "react";
-import o from "prop-types";
-import { Box as l } from "../Box/Box.js";
-const m = ({ children: i, ...r }) => {
-  const n = c.toArray(i).map(
-    (t, e) => d(t, { "aria-colindex": e + 1, coords: { col: e + 1, row: r["aria-rowindex"] } })
+var f = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var a = (r, e, o) => e in r ? f(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, l = (r, e) => {
+  for (var o in e || (e = {}))
+    c.call(e, o) && a(r, o, e[o]);
+  if (n)
+    for (var o of n(e))
+      d.call(e, o) && a(r, o, e[o]);
+  return r;
+};
+var m = (r, e) => {
+  var o = {};
+  for (var i in r)
+    c.call(r, i) && e.indexOf(i) < 0 && (o[i] = r[i]);
+  if (r != null && n)
+    for (var i of n(r))
+      e.indexOf(i) < 0 && d.call(r, i) && (o[i] = r[i]);
+  return o;
+};
+import w, { Children as x, cloneElement as R } from "react";
+import p from "prop-types";
+import { Box as h } from "../Box/Box.js";
+const y = (o) => {
+  var i = o, { children: r } = i, e = m(i, ["children"]);
+  const s = x.toArray(r).map(
+    (u, t) => R(u, { "aria-colindex": t + 1, coords: { col: t + 1, row: e["aria-rowindex"] } })
   );
-  return /* @__PURE__ */ a.createElement(l, {
-    as: "tr",
-    ...r
-  }, n);
+  return /* @__PURE__ */ w.createElement(h, l({
+    as: "tr"
+  }, e), s);
 };
-m.propTypes = {
-  ["aria-rowindex"]: o.number.isRequired,
-  children: o.node.isRequired
+y.propTypes = {
+  ["aria-rowindex"]: p.number.isRequired,
+  children: p.node.isRequired
 };
 export {
-  m as RawTr
+  y as RawTr
 };

package/dist/Searchbar/SearchForm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=r(t),o=e=>a.default.createElement("form",{...e,role:"search"});exports.SearchForm=o;
+"use strict";var u=Object.defineProperty,n=Object.defineProperties;var s=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var o=(e,t,r)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))f.call(t,r)&&o(e,r,t[r]);if(a)for(var r of a(t))d.call(t,r)&&o(e,r,t[r]);return e},l=(e,t)=>n(e,s(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),m=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},_=m(i),S=e=>_.default.createElement("form",l(c({},e),{role:"search"}));exports.SearchForm=S;

package/dist/Searchbar/SearchForm.js

@@ -1,8 +1,19 @@
-import r from "react";
-const t = (e) => /* @__PURE__ */ r.createElement("form", {
-  ...e,
+var f = Object.defineProperty, l = Object.defineProperties;
+var h = Object.getOwnPropertyDescriptors;
+var t = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var a = (r, e, o) => e in r ? f(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, c = (r, e) => {
+  for (var o in e || (e = {}))
+    n.call(e, o) && a(r, o, e[o]);
+  if (t)
+    for (var o of t(e))
+      p.call(e, o) && a(r, o, e[o]);
+  return r;
+}, m = (r, e) => l(r, h(e));
+import s from "react";
+const i = (r) => /* @__PURE__ */ s.createElement("form", m(c({}, r), {
   role: "search"
-});
+}));
 export {
-  t as SearchForm
+  i as SearchForm
 };

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

package/dist/Searchbar/Searchbar.js

@@ -1,79 +1,99 @@
-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 { sizes as C } from "../themes/sizes.js";
-import { Field as F } from "../Field/Field.js";
-import { FieldLabel as w } from "../Field/FieldLabel.js";
-import { InputWrapper as a, FieldInput as z } from "../Field/FieldInput.js";
+var z = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var c = (e, t, r) => t in e ? z(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, f = (e, t) => {
+  for (var r in t || (t = {}))
+    u.call(t, r) && c(e, r, t[r]);
+  if (n)
+    for (var r of n(t))
+      d.call(t, r) && c(e, r, t[r]);
+  return e;
+};
+var h = (e, t) => {
+  var r = {};
+  for (var o in e)
+    u.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && n)
+    for (var o of n(e))
+      t.indexOf(o) < 0 && d.call(e, o) && (r[o] = e[o]);
+  return r;
+};
+import l, { forwardRef as q, useRef as x } from "react";
+import i from "prop-types";
+import a from "styled-components";
+import I from "@strapi/icons/Search";
+import W from "@strapi/icons/Cross";
+import { sizes as A } from "../themes/sizes.js";
+import { Field as k } from "../Field/Field.js";
+import { FieldLabel as L } from "../Field/FieldLabel.js";
+import { InputWrapper as b, FieldInput as O } from "../Field/FieldInput.js";
 import "../Field/FieldContext.js";
 import "../Typography/Typography.js";
-import { FieldAction as q } from "../Field/FieldAction.js";
-import { VisuallyHidden as x } from "../VisuallyHidden/VisuallyHidden.js";
-import { inputFocusStyle as I } from "../themes/utils.js";
-import { Flex as s } from "../Flex/Flex.js";
-const W = o(s)`
+import { FieldAction as P } from "../Field/FieldAction.js";
+import { VisuallyHidden as T } from "../VisuallyHidden/VisuallyHidden.js";
+import { inputFocusStyle as _ } from "../themes/utils.js";
+import { Flex as E } from "../Flex/Flex.js";
+const j = a(E)`
   font-size: 0.5rem;
   svg path {
     fill: ${({ theme: e }) => e.colors.neutral400};
   }
-`, m = o(s)`
+`, R = a(E)`
   font-size: 0.8rem;
 
   svg path {
     fill: ${({ theme: e }) => e.colors.neutral800};
   }
-`, A = o.div`
+`, H = a.div`
   border-radius: ${({ theme: e }) => e.borderRadius};
   box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
 
   &:focus-within {
-    ${m} {
+    ${R} {
       svg path {
         fill: ${({ theme: e }) => e.colors.primary600};
       }
     }
   }
 
-  ${a} {
+  ${b} {
     border: 1px solid transparent;
   }
 
-  ${I(a)}
-`, l = y(({ name: e, size: p, children: c, 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, {
+  ${_(b)}
+`, s = q((M, S) => {
+  var m = M, { name: e, size: t, children: r, value: o, onClear: g, clearLabel: y } = m, $ = h(m, ["name", "size", "children", "value", "onClear", "clearLabel"]);
+  const p = x(null), v = o.length > 0, C = (w) => {
+    g(w), p.current.focus();
+  }, F = S || p;
+  return /* @__PURE__ */ l.createElement(H, null, /* @__PURE__ */ l.createElement(k, {
     name: e
-  }, /* @__PURE__ */ r.createElement(x, null, /* @__PURE__ */ r.createElement(w, null, c)), /* @__PURE__ */ r.createElement(z, {
-    ref: R,
-    value: i,
-    startAction: /* @__PURE__ */ r.createElement(m, null, /* @__PURE__ */ r.createElement(S, {
+  }, /* @__PURE__ */ l.createElement(T, null, /* @__PURE__ */ l.createElement(L, null, r)), /* @__PURE__ */ l.createElement(O, f({
+    ref: F,
+    value: o,
+    startAction: /* @__PURE__ */ l.createElement(R, null, /* @__PURE__ */ l.createElement(I, {
       "aria-hidden": !0
     })),
-    size: p,
-    endAction: b ? /* @__PURE__ */ r.createElement(q, {
-      label: d,
-      onClick: E
-    }, /* @__PURE__ */ r.createElement(W, null, /* @__PURE__ */ r.createElement(v, null))) : void 0,
-    ...f
-  })));
+    size: t,
+    endAction: v ? /* @__PURE__ */ l.createElement(P, {
+      label: y,
+      onClick: C
+    }, /* @__PURE__ */ l.createElement(j, null, /* @__PURE__ */ l.createElement(W, null))) : void 0
+  }, $))));
 });
-l.displayName = "Searchbar";
-l.defaultProps = {
+s.displayName = "Searchbar";
+s.defaultProps = {
   value: "",
   size: "M"
 };
-l.propTypes = {
-  children: t.node.isRequired,
-  clearLabel: t.string.isRequired,
-  name: t.string.isRequired,
-  onClear: t.func.isRequired,
-  size: t.oneOf(Object.keys(C.input)),
-  value: t.string
+s.propTypes = {
+  children: i.node.isRequired,
+  clearLabel: i.string.isRequired,
+  name: i.string.isRequired,
+  onClear: i.func.isRequired,
+  size: i.oneOf(Object.keys(A.input)),
+  value: i.string
 };
 export {
-  l as Searchbar
+  s as Searchbar
 };

package/dist/Select/MultiSelectNested.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),f=require("prop-types"),d=require("./OptGroup.cjs"),c=require("./Option.cjs"),y=require("./Select.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=l(i),p=l(f),s=({options:e,...n})=>t.default.createElement(y.Select,{multi:!0,...n},e.map(({label:r,value:o,children:a})=>a?t.default.createElement(d.OptGroup,{key:r,label:r},a?.map(u=>t.default.createElement(c.Option,{key:u.value,value:u.value},u.label))):t.default.createElement(c.Option,{key:o,value:o},r)));s.propTypes={options:p.default.arrayOf(p.default.object).isRequired};exports.MultiSelectNested=s;
+"use strict";var j=Object.defineProperty;var a=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var n=(e,t,u)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:u}):e[t]=u,y=(e,t)=>{for(var u in t||(t={}))f.call(t,u)&&n(e,u,t[u]);if(a)for(var u of a(t))i.call(t,u)&&n(e,u,t[u]);return e};var d=(e,t)=>{var u={};for(var o in e)f.call(e,o)&&t.indexOf(o)<0&&(u[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&i.call(e,o)&&(u[o]=e[o]);return u};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),v=require("prop-types"),E=require("./OptGroup.cjs"),O=require("./Option.cjs"),M=require("./Select.cjs"),S=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=S(q),m=S(v),_=u=>{var o=u,{options:e}=o,t=d(o,["options"]);return p.default.createElement(M.Select,y({multi:!0},t),e.map(({label:s,value:l,children:r})=>r?p.default.createElement(E.OptGroup,{key:s,label:s},r==null?void 0:r.map(c=>p.default.createElement(O.Option,{key:c.value,value:c.value},c.label))):p.default.createElement(O.Option,{key:l,value:l},s)))};_.propTypes={options:m.default.arrayOf(m.default.object).isRequired};exports.MultiSelectNested=_;

package/dist/Select/MultiSelectNested.js

@@ -1,26 +1,48 @@
-import e from "react";
-import p from "prop-types";
-import { OptGroup as f } from "./OptGroup.js";
-import { Option as a } from "./Option.js";
-import { Select as n } from "./Select.js";
-const c = ({ options: u, ...i }) => /* @__PURE__ */ e.createElement(n, {
-  multi: !0,
-  ...i
-}, u.map(
-  ({ label: t, value: o, children: m }) => m ? /* @__PURE__ */ e.createElement(f, {
-    key: t,
-    label: t
-  }, m?.map((r) => /* @__PURE__ */ e.createElement(a, {
-    key: r.value,
-    value: r.value
-  }, r.label))) : /* @__PURE__ */ e.createElement(a, {
-    key: o,
-    value: o
-  }, t)
-));
-c.propTypes = {
-  options: p.arrayOf(p.object).isRequired
+var l = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var y = (e, t, o) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, k = (e, t) => {
+  for (var o in t || (t = {}))
+    i.call(t, o) && y(e, o, t[o]);
+  if (p)
+    for (var o of p(t))
+      E.call(t, o) && y(e, o, t[o]);
+  return e;
+};
+var n = (e, t) => {
+  var o = {};
+  for (var r in e)
+    i.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
+  if (e != null && p)
+    for (var r of p(e))
+      t.indexOf(r) < 0 && E.call(e, r) && (o[r] = e[r]);
+  return o;
+};
+import a from "react";
+import O from "prop-types";
+import { OptGroup as v } from "./OptGroup.js";
+import { Option as c } from "./Option.js";
+import { Select as R } from "./Select.js";
+const S = (o) => {
+  var r = o, { options: e } = r, t = n(r, ["options"]);
+  return /* @__PURE__ */ a.createElement(R, k({
+    multi: !0
+  }, t), e.map(
+    ({ label: u, value: s, children: m }) => m ? /* @__PURE__ */ a.createElement(v, {
+      key: u,
+      label: u
+    }, m == null ? void 0 : m.map((f) => /* @__PURE__ */ a.createElement(c, {
+      key: f.value,
+      value: f.value
+    }, f.label))) : /* @__PURE__ */ a.createElement(c, {
+      key: s,
+      value: s
+    }, u)
+  ));
+};
+S.propTypes = {
+  options: O.arrayOf(O.object).isRequired
 };
 export {
-  c as MultiSelectNested
+  S as MultiSelectNested
 };

package/dist/Select/OptGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("prop-types"),i=require("react"),d=require("./Option.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=u(s),r=u(i),a=({children:e,label:o,...p})=>{const l=e.map(n=>n.props.value);return r.default.createElement(r.default.Fragment,null,r.default.createElement(d.Option,{"data-opt-group":!0,"data-opt-group-children":l,"aria-label":`${o}, ${e.length} items`,...p},o),e)};a.propTypes={children:t.default.arrayOf(t.default.node).isRequired,label:t.default.string.isRequired};a.displayName="OptGroup";exports.OptGroup=a;
+"use strict";var m=Object.defineProperty;var o=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))i.call(t,r)&&s(e,r,t[r]);if(o)for(var r of o(t))d.call(t,r)&&s(e,r,t[r]);return e};var f=(e,t)=>{var r={};for(var a in e)i.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&o)for(var a of o(e))t.indexOf(a)<0&&d.call(e,a)&&(r[a]=e[a]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("prop-types"),q=require("react"),b=require("./Option.cjs"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=y(_),p=y(q),l=a=>{var n=a,{children:e,label:t}=n,r=f(n,["children","label"]);const g=e.map(O=>O.props.value);return p.default.createElement(p.default.Fragment,null,p.default.createElement(b.Option,c({"data-opt-group":!0,"data-opt-group-children":g,"aria-label":`${t}, ${e.length} items`},r),t),e)};l.propTypes={children:u.default.arrayOf(u.default.node).isRequired,label:u.default.string.isRequired};l.displayName="OptGroup";exports.OptGroup=l;