@strapi/design-system 1.4.0-beta.0 → 1.4.0-beta.2

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;

package/dist/Select/OptGroup.js

@@ -1,20 +1,40 @@
-import r from "prop-types";
-import t from "react";
-import { Option as m } from "./Option.js";
-const o = ({ children: e, label: p, ...a }) => {
-  const i = e.map((l) => l.props.value);
-  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(m, {
+var y = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var m = (e, r, t) => r in e ? y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, s = (e, r) => {
+  for (var t in r || (r = {}))
+    n.call(r, t) && m(e, t, r[t]);
+  if (o)
+    for (var t of o(r))
+      u.call(r, t) && m(e, t, r[t]);
+  return e;
+};
+var d = (e, r) => {
+  var t = {};
+  for (var p in e)
+    n.call(e, p) && r.indexOf(p) < 0 && (t[p] = e[p]);
+  if (e != null && o)
+    for (var p of o(e))
+      r.indexOf(p) < 0 && u.call(e, p) && (t[p] = e[p]);
+  return t;
+};
+import a from "prop-types";
+import i from "react";
+import { Option as O } from "./Option.js";
+const c = (p) => {
+  var l = p, { children: e, label: r } = l, t = d(l, ["children", "label"]);
+  const f = e.map((g) => g.props.value);
+  return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(O, s({
     "data-opt-group": !0,
-    "data-opt-group-children": i,
-    "aria-label": `${p}, ${e.length} items`,
-    ...a
-  }, p), e);
+    "data-opt-group-children": f,
+    "aria-label": `${r}, ${e.length} items`
+  }, t), r), e);
 };
-o.propTypes = {
-  children: r.arrayOf(r.node).isRequired,
-  label: r.string.isRequired
+c.propTypes = {
+  children: a.arrayOf(a.node).isRequired,
+  label: a.string.isRequired
 };
-o.displayName = "OptGroup";
+c.displayName = "OptGroup";
 export {
-  o as OptGroup
+  c as OptGroup
 };

package/dist/Select/Option.cjs

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),y=require("prop-types"),b=require("styled-components"),n=require("../Box/Box.cjs"),m=require("../Typography/Typography.cjs"),x=require("../Flex/Flex.cjs"),k=require("../BaseCheckbox/assets/checkmark.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=i(s),t=i(y),u=i(b),R=u.default.div`
+"use strict";var v=Object.defineProperty;var n=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var p=(e,t,o)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,h=(e,t)=>{for(var o in t||(t={}))f.call(t,o)&&p(e,o,t[o]);if(n)for(var o of n(t))g.call(t,o)&&p(e,o,t[o]);return e};var y=(e,t)=>{var o={};for(var r in e)f.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&n)for(var r of n(e))t.indexOf(r)<0&&g.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),q=require("prop-types"),B=require("styled-components"),d=require("../Box/Box.cjs"),_=require("../Typography/Typography.cjs"),$=require("../Flex/Flex.cjs"),O=require("../BaseCheckbox/assets/checkmark.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=s(b),a=s(q),m=s(B),j=m.default.div`
   border: 1px solid
-    ${({theme:e,selected:o,indeterminate:a})=>o||a?e.colors.primary600:e.colors.neutral300};
+    ${({theme:e,selected:t,indeterminate:o})=>t||o?e.colors.primary600:e.colors.neutral300};
   border-radius: ${({theme:e})=>e.borderRadius};
   height: 18px;
   width: 18px;
   position: relative;
   z-index: 1;
   overflow: hidden;
-  background-color: ${({theme:e,selected:o,indeterminate:a})=>o||a?e.colors.primary600:e.colors.neutral0};
+  background-color: ${({theme:e,selected:t,indeterminate:o})=>t||o?e.colors.primary600:e.colors.neutral0};
 
-  ${({theme:e,indeterminate:o})=>o&&`&::after {
+  ${({theme:e,indeterminate:t})=>t&&`&::after {
       content: '';
       display: block;
       position: relative;
@@ -27,14 +27,14 @@
   ${({selected:e})=>e&&`  
     &::after {
       content: '';
-      background: url(${k}) no-repeat no-repeat center center;
+      background: url(${O}) no-repeat no-repeat center center;
       width: 100%;
       height: 100%;
       position: absolute;
     }
 
   `}
-`,T=u.default(n.Box)`
+`,w=m.default(d.Box)`
   width: 100%;
   border: none;
   text-align: left;
@@ -46,4 +46,4 @@
   &:hover {
     background: ${({theme:e})=>e.colors.primary100};
   }
-`,l=({selected:e,indeterminate:o,children:a,value:c,multi:p,isChild:f,startIcon:d,...g})=>{const h=s.useRef(null);return r.default.createElement(T,{as:"li",hasRadius:!0,paddingLeft:f?7:4,paddingRight:4,paddingTop:2,paddingBottom:2,ref:h,role:"option","aria-selected":e,background:"neutral0","data-strapi-value":c,...g},r.default.createElement(x.Flex,null,d&&r.default.createElement(n.Box,{paddingRight:2,"aria-hidden":!0},d),p&&r.default.createElement(n.Box,{paddingRight:2,"aria-hidden":!0},r.default.createElement(R,{selected:e,indeterminate:o})),r.default.createElement(m.Typography,{textColor:e?"primary600":"neutral800",fontWeight:e?"bold":null},a)))};l.defaultProps={isChild:!1,multi:!1,selected:!1,startIcon:void 0,indeterminate:!1};l.propTypes={children:t.default.oneOfType([t.default.string,t.default.number]).isRequired,indeterminate:t.default.bool,isChild:t.default.bool,multi:t.default.bool,selected:t.default.bool,startIcon:t.default.node,value:t.default.oneOfType([t.default.string,t.default.number]).isRequired};l.displayName="Option";exports.Option=l;
+`,i=E=>{var c=E,{selected:e,indeterminate:t,children:o,value:r,multi:x,isChild:k,startIcon:u}=c,R=y(c,["selected","indeterminate","children","value","multi","isChild","startIcon"]);const T=b.useRef(null);return l.default.createElement(w,h({as:"li",hasRadius:!0,paddingLeft:k?7:4,paddingRight:4,paddingTop:2,paddingBottom:2,ref:T,role:"option","aria-selected":e,background:"neutral0","data-strapi-value":r},R),l.default.createElement($.Flex,null,u&&l.default.createElement(d.Box,{paddingRight:2,"aria-hidden":!0},u),x&&l.default.createElement(d.Box,{paddingRight:2,"aria-hidden":!0},l.default.createElement(j,{selected:e,indeterminate:t})),l.default.createElement(_.Typography,{textColor:e?"primary600":"neutral800",fontWeight:e?"bold":null},o)))};i.defaultProps={isChild:!1,multi:!1,selected:!1,startIcon:void 0,indeterminate:!1};i.propTypes={children:a.default.oneOfType([a.default.string,a.default.number]).isRequired,indeterminate:a.default.bool,isChild:a.default.bool,multi:a.default.bool,selected:a.default.bool,startIcon:a.default.node,value:a.default.oneOfType([a.default.string,a.default.number]).isRequired};i.displayName="Option";exports.Option=i;

package/dist/Select/Option.js

@@ -1,22 +1,42 @@
-import t, { useRef as f } from "react";
-import o from "prop-types";
-import d from "styled-components";
-import { Box as a } from "../Box/Box.js";
-import { Typography as h } from "../Typography/Typography.js";
-import { Flex as g } from "../Flex/Flex.js";
-import b from "../BaseCheckbox/assets/checkmark.js";
-const y = d.div`
+var R = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var c = (e, o, r) => o in e ? R(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, f = (e, o) => {
+  for (var r in o || (o = {}))
+    u.call(o, r) && c(e, r, o[r]);
+  if (n)
+    for (var r of n(o))
+      m.call(o, r) && c(e, r, o[r]);
+  return e;
+};
+var h = (e, o) => {
+  var r = {};
+  for (var t in e)
+    u.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && n)
+    for (var t of n(e))
+      o.indexOf(t) < 0 && m.call(e, t) && (r[t] = e[t]);
+  return r;
+};
+import a, { useRef as $ } from "react";
+import i from "prop-types";
+import g from "styled-components";
+import { Box as l } from "../Box/Box.js";
+import { Typography as v } from "../Typography/Typography.js";
+import { Flex as w } from "../Flex/Flex.js";
+import E from "../BaseCheckbox/assets/checkmark.js";
+const T = g.div`
   border: 1px solid
-    ${({ theme: e, selected: r, indeterminate: i }) => r || i ? e.colors.primary600 : e.colors.neutral300};
+    ${({ theme: e, selected: o, indeterminate: r }) => o || r ? e.colors.primary600 : e.colors.neutral300};
   border-radius: ${({ theme: e }) => e.borderRadius};
   height: 18px;
   width: 18px;
   position: relative;
   z-index: 1;
   overflow: hidden;
-  background-color: ${({ theme: e, selected: r, indeterminate: i }) => r || i ? e.colors.primary600 : e.colors.neutral0};
+  background-color: ${({ theme: e, selected: o, indeterminate: r }) => o || r ? e.colors.primary600 : e.colors.neutral0};
 
-  ${({ theme: e, indeterminate: r }) => r && `&::after {
+  ${({ theme: e, indeterminate: o }) => o && `&::after {
       content: '';
       display: block;
       position: relative;
@@ -34,14 +54,14 @@ const y = d.div`
   ${({ selected: e }) => e && `  
     &::after {
       content: '';
-      background: url(${b}) no-repeat no-repeat center center;
+      background: url(${E}) no-repeat no-repeat center center;
       width: 100%;
       height: 100%;
       position: absolute;
     }
 
   `}
-`, x = d(a)`
+`, O = g(l)`
   width: 100%;
   border: none;
   text-align: left;
@@ -53,52 +73,52 @@ const y = d.div`
   &:hover {
     background: ${({ theme: e }) => e.colors.primary100};
   }
-`, n = ({ selected: e, indeterminate: r, children: i, value: p, multi: s, isChild: c, startIcon: l, ...u }) => {
-  const m = f(null);
-  return /* @__PURE__ */ t.createElement(x, {
+`, d = (C) => {
+  var s = C, { selected: e, indeterminate: o, children: r, value: t, multi: b, isChild: y, startIcon: p } = s, x = h(s, ["selected", "indeterminate", "children", "value", "multi", "isChild", "startIcon"]);
+  const k = $(null);
+  return /* @__PURE__ */ a.createElement(O, f({
     as: "li",
     hasRadius: !0,
-    paddingLeft: c ? 7 : 4,
+    paddingLeft: y ? 7 : 4,
     paddingRight: 4,
     paddingTop: 2,
     paddingBottom: 2,
-    ref: m,
+    ref: k,
     role: "option",
     "aria-selected": e,
     background: "neutral0",
-    "data-strapi-value": p,
-    ...u
-  }, /* @__PURE__ */ t.createElement(g, null, l && /* @__PURE__ */ t.createElement(a, {
+    "data-strapi-value": t
+  }, x), /* @__PURE__ */ a.createElement(w, null, p && /* @__PURE__ */ a.createElement(l, {
     paddingRight: 2,
     "aria-hidden": !0
-  }, l), s && /* @__PURE__ */ t.createElement(a, {
+  }, p), b && /* @__PURE__ */ a.createElement(l, {
     paddingRight: 2,
     "aria-hidden": !0
-  }, /* @__PURE__ */ t.createElement(y, {
+  }, /* @__PURE__ */ a.createElement(T, {
     selected: e,
-    indeterminate: r
-  })), /* @__PURE__ */ t.createElement(h, {
+    indeterminate: o
+  })), /* @__PURE__ */ a.createElement(v, {
     textColor: e ? "primary600" : "neutral800",
     fontWeight: e ? "bold" : null
-  }, i)));
+  }, r)));
 };
-n.defaultProps = {
+d.defaultProps = {
   isChild: !1,
   multi: !1,
   selected: !1,
   startIcon: void 0,
   indeterminate: !1
 };
-n.propTypes = {
-  children: o.oneOfType([o.string, o.number]).isRequired,
-  indeterminate: o.bool,
-  isChild: o.bool,
-  multi: o.bool,
-  selected: o.bool,
-  startIcon: o.node,
-  value: o.oneOfType([o.string, o.number]).isRequired
+d.propTypes = {
+  children: i.oneOfType([i.string, i.number]).isRequired,
+  indeterminate: i.bool,
+  isChild: i.bool,
+  multi: i.bool,
+  selected: i.bool,
+  startIcon: i.node,
+  value: i.oneOfType([i.string, i.number]).isRequired
 };
-n.displayName = "Option";
+d.displayName = "Option";
 export {
-  n as Option
+  d as Option
 };

package/dist/Select/Select.cjs

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