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

package/dist/Accordion/Accordion.cjs

@@ -1,23 +1,23 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),b=require("prop-types"),m=require("styled-components"),n=require("../Typography/Typography.cjs"),h=require("./AccordionContext.cjs"),q=require("../helpers/useId.cjs"),p=require("../Box/Box.cjs"),_=require("../Flex/Flex.cjs"),c=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},a=c(v),r=c(b),f=c(m),A=({theme:o,expanded:e,variant:d,disabled:l,error:t})=>t?`1px solid ${o.colors.danger600} !important`:l?`1px solid ${o.colors.neutral150}`:e?`1px solid ${o.colors.primary600}`:d==="primary"?`1px solid ${o.colors.neutral0}`:`1px solid ${o.colors.neutral100}`,y=f.default(n.Typography)``,j=f.default(p.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),m=require("prop-types"),v=require("styled-components"),c=require("../Typography/Typography.cjs"),h=require("./AccordionContext.cjs"),q=require("../helpers/useId.cjs"),p=require("../Box/Box.cjs"),_=require("../Flex/Flex.cjs"),i=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},a=i(b),e=i(m),f=i(v),A=({theme:r,expanded:o,variant:d,disabled:l,error:t})=>t?`1px solid ${r.colors.danger600} !important`:l?`1px solid ${r.colors.neutral150}`:o?`1px solid ${r.colors.primary600}`:d==="primary"?`1px solid ${r.colors.neutral0}`:`1px solid ${r.colors.neutral100}`,y=f.default(c.Typography)``,j=f.default(p.Box)`
   border: ${A};
 
   &:hover:not([aria-disabled='true']) {
-    border: 1px solid ${({theme:o})=>o.colors.primary600};
+    border: 1px solid ${({theme:r})=>r.colors.primary600};
 
     ${y} {
-      color: ${({theme:o,expanded:e})=>e?void 0:o.colors.primary700};
+      color: ${({theme:r,expanded:o})=>o?void 0:r.colors.primary700};
     }
 
-    ${n.Typography} {
-      color: ${({theme:o,expanded:e})=>e?void 0:o.colors.primary600};
+    ${c.Typography} {
+      color: ${({theme:r,expanded:o})=>o?void 0:r.colors.primary600};
     }
 
     & > ${_.Flex} {
-      background: ${({theme:o})=>o.colors.primary100};
+      background: ${({theme:r})=>r.colors.primary100};
     }
 
     [data-strapi-dropdown='true'] {
-      background: ${({theme:o})=>o.colors.primary200};
+      background: ${({theme:r})=>r.colors.primary200};
     }
   }
-`,u=({children:o,expanded:e,id:d,size:l,variant:t,disabled:s,error:i,hasErrorMessage:g,onToggle:x,toggle:T})=>{const $=q.useId("accordion",d);return a.default.createElement(h.AccordionContext.Provider,{value:{expanded:e,onToggle:x,toggle:T,id:$,size:l,variant:t,disabled:s}},a.default.createElement(j,{"data-strapi-expanded":e,disabled:s,"aria-disabled":s,expanded:e,hasRadius:!0,variant:t,error:i},o),i&&g&&a.default.createElement(p.Box,{paddingTop:1},a.default.createElement(n.Typography,{variant:"pi",textColor:"danger600"},i)))};u.defaultProps={disabled:!1,error:void 0,expanded:!1,hasErrorMessage:!0,id:void 0,toggle:!1,size:"M",variant:"primary",onToggle:void 0,toggle:void 0};u.propTypes={children:r.default.node.isRequired,disabled:r.default.bool,error:r.default.string,expanded:r.default.bool,hasErrorMessage:r.default.bool,id:r.default.string,onToggle:r.default.func,size:r.default.oneOf(["S","M"]),toggle:r.default.func,variant:r.default.oneOf(["primary","secondary"])};exports.Accordion=u;exports.AccordionTypography=y;
+`,u=({children:r,expanded:o,id:d,size:l,variant:t,disabled:s,error:n,hasErrorMessage:g,onToggle:x,toggle:T})=>{const $=q.useId("accordion",d);return a.default.createElement(h.AccordionContext.Provider,{value:{expanded:o,onToggle:x,toggle:T,id:$,size:l,variant:t,disabled:s}},a.default.createElement(j,{"data-strapi-expanded":o,disabled:s,"aria-disabled":s,expanded:o,hasRadius:!0,variant:t,error:n},r),n&&g&&a.default.createElement(p.Box,{paddingTop:1},a.default.createElement(c.Typography,{variant:"pi",textColor:"danger600"},n)))};u.defaultProps={disabled:!1,error:void 0,expanded:!1,hasErrorMessage:!0,id:void 0,toggle:!1,size:"M",variant:"primary",onToggle:void 0};u.propTypes={children:e.default.node.isRequired,disabled:e.default.bool,error:e.default.string,expanded:e.default.bool,hasErrorMessage:e.default.bool,id:e.default.string,onToggle:e.default.func,size:e.default.oneOf(["S","M"]),toggle:e.default.func,variant:e.default.oneOf(["primary","secondary"])};exports.Accordion=u;exports.AccordionTypography=y;

package/dist/Accordion/Accordion.js

@@ -36,13 +36,13 @@ const b = ({ theme: r, expanded: e, variant: t, disabled: d, error: i }) => i ?
   variant: i,
   disabled: n,
   error: s,
-  hasErrorMessage: g,
-  onToggle: u,
-  toggle: f
+  hasErrorMessage: u,
+  onToggle: f,
+  toggle: g
 }) => {
   const y = x("accordion", t);
   return /* @__PURE__ */ a.createElement($.Provider, {
-    value: { expanded: e, onToggle: u, toggle: f, id: y, size: d, variant: i, disabled: n }
+    value: { expanded: e, onToggle: f, toggle: g, id: y, size: d, variant: i, disabled: n }
   }, /* @__PURE__ */ a.createElement(E, {
     "data-strapi-expanded": e,
     disabled: n,
@@ -51,7 +51,7 @@ const b = ({ theme: r, expanded: e, variant: t, disabled: d, error: i }) => i ?
     hasRadius: !0,
     variant: i,
     error: s
-  }, r), s && g && /* @__PURE__ */ a.createElement(c, {
+  }, r), s && u && /* @__PURE__ */ a.createElement(c, {
     paddingTop: 1
   }, /* @__PURE__ */ a.createElement(l, {
     variant: "pi",
@@ -67,8 +67,7 @@ m.defaultProps = {
   toggle: !1,
   size: "M",
   variant: "primary",
-  onToggle: void 0,
-  toggle: void 0
+  onToggle: void 0
 };
 m.propTypes = {
   children: o.node.isRequired,

package/dist/Alert/Alert.cjs

@@ -1,4 +1,4 @@
-"use strict";var b=Object.defineProperty;var u=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var m=(e,a,t)=>a in e?b(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,d=(e,a)=>{for(var t in a||(a={}))x.call(a,t)&&m(e,t,a[t]);if(u)for(var t of u(a))y.call(a,t)&&m(e,t,a[t]);return e};var g=(e,a)=>{var t={};for(var l in e)x.call(e,l)&&a.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&u)for(var l of u(e))a.indexOf(l)<0&&y.call(e,l)&&(t[l]=e[l]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),$=require("prop-types"),k=require("styled-components"),R=require("@strapi/icons/Information"),A=require("@strapi/icons/CheckCircle"),I=require("@strapi/icons/ExclamationMarkCircle"),j=require("@strapi/icons/Cross"),s=require("../Box/Box.cjs"),C=require("../Typography/Typography.cjs"),w=require("../Flex/Flex.cjs"),i=require("./utils.cjs"),v=require("../themes/utils.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=n(T),o=n($),c=n(k),F=n(R),M=n(A),P=n(I),S=n(j),L=c.default(s.Box)`
+"use strict";var b=Object.defineProperty;var u=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var m=(e,r,t)=>r in e?b(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,d=(e,r)=>{for(var t in r||(r={}))x.call(r,t)&&m(e,t,r[t]);if(u)for(var t of u(r))y.call(r,t)&&m(e,t,r[t]);return e};var g=(e,r)=>{var t={};for(var l in e)x.call(e,l)&&r.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&u)for(var l of u(e))r.indexOf(l)<0&&y.call(e,l)&&(t[l]=e[l]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),T=require("prop-types"),$=require("styled-components"),k=require("@strapi/icons/Information"),A=require("@strapi/icons/CheckCircle"),I=require("@strapi/icons/ExclamationMarkCircle"),j=require("@strapi/icons/Cross"),s=require("../Box/Box.cjs"),C=require("../Typography/Typography.cjs"),w=require("../Flex/Flex.cjs"),i=require("./utils.cjs"),v=require("../themes/utils.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=n(R),o=n(T),c=n($),F=n(k),M=n(A),P=n(I),S=n(j),L=c.default(s.Box)`
   flex: 1;
   flex-wrap: wrap;
   display: flex;
@@ -21,7 +21,7 @@
   svg path {
     fill: ${i.handleIconColor};
   }
-`,E=t=>{var l=t,{variant:e}=l,a=g(l,["variant"]);return e==="success"?r.default.createElement(M.default,d({},a)):e==="danger"?r.default.createElement(P.default,d({},a)):r.default.createElement(F.default,d({},a))},D=c.default(s.Box)`
+`,E=t=>{var l=t,{variant:e}=l,r=g(l,["variant"]);return e==="success"?a.default.createElement(M.default,d({},r)):e==="danger"?a.default.createElement(P.default,d({},r)):a.default.createElement(F.default,d({},r))},D=c.default(s.Box)`
   // Checked with the designers, validated
   padding-top: 1px;
 
@@ -32,4 +32,4 @@
       fill: ${i.handleIconColor};
     }
   }
-`,f=G=>{var h=G,{title:e,children:a,variant:t,onClose:l,closeLabel:B,titleAs:_,action:p}=h,q=g(h,["title","children","variant","onClose","closeLabel","titleAs","action"]);return r.default.createElement(W,d({hasRadius:!0,paddingLeft:5,paddingRight:6,paddingTop:5,variant:t},q),r.default.createElement(w.Flex,{alignItems:"flex-start"},r.default.createElement(O,{paddingRight:3,variant:t},r.default.createElement(E,{variant:t,"aria-hidden":!0})),r.default.createElement(L,{role:t==="danger"?"alert":"status"},r.default.createElement(s.Box,{paddingBottom:2,paddingRight:1},r.default.createElement(C.Typography,{fontWeight:"bold",textColor:"neutral800",as:_},e)),r.default.createElement(s.Box,{paddingBottom:p?2:5,paddingRight:2},r.default.createElement(C.Typography,{as:"p",textColor:"neutral800"},a)),p&&r.default.createElement(D,{paddingBottom:5,variant:t},p)),r.default.createElement(z,{onClick:l,"aria-label":B},r.default.createElement(S.default,{"aria-hidden":!0}))))};f.defaultProps={action:void 0,variant:"default",titleAs:"p"};f.propTypes={action:o.default.element,children:o.default.node.isRequired,closeLabel:o.default.string.isRequired,onClose:o.default.func.isRequired,title:o.default.string.isRequired,titleAs:o.default.string,variant:o.default.oneOf(["danger","success","default"])};E.propTypes={variant:f.propTypes.variant};exports.Alert=f;
+`,f=G=>{var h=G,{title:e,children:r,variant:t,onClose:l,closeLabel:q,titleAs:B,action:p}=h,_=g(h,["title","children","variant","onClose","closeLabel","titleAs","action"]);return a.default.createElement(W,d({hasRadius:!0,paddingLeft:5,paddingRight:6,paddingTop:5,variant:t},_),a.default.createElement(w.Flex,{alignItems:"flex-start"},a.default.createElement(O,{paddingRight:3,variant:t},a.default.createElement(E,{variant:t,"aria-hidden":!0})),a.default.createElement(L,{role:t==="danger"?"alert":"status"},a.default.createElement(s.Box,{paddingBottom:2,paddingRight:1},a.default.createElement(C.Typography,{fontWeight:"bold",textColor:"neutral800",as:B},e)),a.default.createElement(s.Box,{paddingBottom:p?2:5,paddingRight:2},a.default.createElement(C.Typography,{as:"p",textColor:"neutral800"},r)),p&&a.default.createElement(D,{paddingBottom:5,variant:t},p)),a.default.createElement(z,{onClick:l,"aria-label":q},a.default.createElement(S.default,{"aria-hidden":!0}))))};f.defaultProps={action:void 0,variant:"default",titleAs:"p"};f.propTypes={action:o.default.element,children:o.default.node.isRequired,closeLabel:o.default.string.isRequired,onClose:o.default.func.isRequired,title:o.default.string.isRequired,titleAs:o.default.string,variant:o.default.oneOf(["danger","success","default"])};E.propTypes={variant:f.propTypes.variant.isRequired};exports.Alert=f;

package/dist/Alert/Alert.js

@@ -1,7 +1,7 @@
-var R = Object.defineProperty;
+var y = Object.defineProperty;
 var s = Object.getOwnPropertySymbols;
 var h = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var u = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, i = (e, r) => {
+var u = (e, r, t) => r in e ? y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, i = (e, r) => {
   for (var t in r || (r = {}))
     h.call(r, t) && u(e, t, r[t]);
   if (s)
@@ -28,7 +28,7 @@ import w from "@strapi/icons/Cross";
 import { Box as l } from "../Box/Box.js";
 import { Typography as x } from "../Typography/Typography.js";
 import { Flex as T } from "../Flex/Flex.js";
-import { handleBorderColor as I, handleBackgroundColor as q, handleIconColor as c } from "./utils.js";
+import { handleBorderColor as q, handleBackgroundColor as I, handleIconColor as c } from "./utils.js";
 import { buttonFocusStyle as v } from "../themes/utils.js";
 const W = d(l)`
   flex: 1;
@@ -36,8 +36,8 @@ const W = d(l)`
   display: flex;
   flex-direction: row;
 `, z = d(l)`
-  border: 1px solid ${I};
-  background: ${q};
+  border: 1px solid ${q};
+  background: ${I};
   box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
 `, F = d.button`
   border: none;
@@ -68,14 +68,14 @@ const W = d(l)`
     }
   }
 `, f = (S) => {
-  var g = S, { title: e, children: r, variant: t, onClose: n, closeLabel: $, titleAs: b, action: p } = g, y = m(g, ["title", "children", "variant", "onClose", "closeLabel", "titleAs", "action"]);
+  var g = S, { title: e, children: r, variant: t, onClose: n, closeLabel: R, titleAs: $, action: p } = g, b = m(g, ["title", "children", "variant", "onClose", "closeLabel", "titleAs", "action"]);
   return /* @__PURE__ */ o.createElement(z, i({
     hasRadius: !0,
     paddingLeft: 5,
     paddingRight: 6,
     paddingTop: 5,
     variant: t
-  }, y), /* @__PURE__ */ o.createElement(T, {
+  }, b), /* @__PURE__ */ o.createElement(T, {
     alignItems: "flex-start"
   }, /* @__PURE__ */ o.createElement(L, {
     paddingRight: 3,
@@ -91,7 +91,7 @@ const W = d(l)`
   }, /* @__PURE__ */ o.createElement(x, {
     fontWeight: "bold",
     textColor: "neutral800",
-    as: b
+    as: $
   }, e)), /* @__PURE__ */ o.createElement(l, {
     paddingBottom: p ? 2 : 5,
     paddingRight: 2
@@ -103,7 +103,7 @@ const W = d(l)`
     variant: t
   }, p)), /* @__PURE__ */ o.createElement(F, {
     onClick: n,
-    "aria-label": $
+    "aria-label": R
   }, /* @__PURE__ */ o.createElement(w, {
     "aria-hidden": !0
   }))));
@@ -123,7 +123,7 @@ f.propTypes = {
   variant: a.oneOf(["danger", "success", "default"])
 };
 C.propTypes = {
-  variant: f.propTypes.variant
+  variant: f.propTypes.variant.isRequired
 };
 export {
   f as Alert

package/dist/Badge/Badge.cjs

@@ -1 +1,4 @@
-"use strict";var b=Object.defineProperty;var l=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var i=(e,r,t)=>r in e?b(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,c=(e,r)=>{for(var t in r||(r={}))d.call(r,t)&&i(e,t,r[t]);if(l)for(var t of l(r))s.call(r,t)&&i(e,t,r[t]);return e};var p=(e,r)=>{var t={};for(var a in e)d.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&l)for(var a of l(e))r.indexOf(a)<0&&s.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),h=require("prop-types"),x=require("../Flex/Flex.cjs"),_=require("../Typography/Typography.cjs"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=y(T),o=y(h),n=C=>{var u=C,{active:e,textColor:r,backgroundColor:t,children:a,minWidth:g}=u,m=p(u,["active","textColor","backgroundColor","children","minWidth"]);return f.default.createElement(x.Flex,c({inline:!0,alignItem:"center",justifyContent:"center",minWidth:g,padding:1,background:e?"primary100":t,hasRadius:!0},m),f.default.createElement(_.Typography,{variant:"sigma",textColor:e?"primary600":r},a))};n.defaultProps={active:!1,backgroundColor:"neutral100",minWidth:5,textColor:"neutral600"};n.propTypes={active:o.default.bool,backgroundColor:o.default.string,children:o.default.oneOfType([o.default.number,o.default.string]).isRequired,minWidth:o.default.number,textColor:o.default.string};exports.Badge=n;
+"use strict";var T=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(e,t,r)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&i(e,r,t[r]);if(n)for(var r of n(t))p.call(t,r)&&i(e,r,t[r]);return e};var g=(e,t)=>{var r={};for(var a in e)c.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&n)for(var a of n(e))t.indexOf(a)<0&&p.call(e,a)&&(r[a]=e[a]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),x=require("prop-types"),q=require("styled-components"),C=require("../Flex/Flex.cjs"),j=require("../Typography/Typography.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},y=l(_),o=l(x),R=l(q),S=R.default(C.Flex)`
+  border-radius: ${({theme:e,size:t})=>t==="S"?"2px":e.borderRadius};
+  height: ${({size:e,theme:t})=>t.sizes.badge[e]};
+`,d=v=>{var u=v,{active:e,size:t,textColor:r,backgroundColor:a,children:b,minWidth:m}=u,h=g(u,["active","size","textColor","backgroundColor","children","minWidth"]);const s=t==="S"?1:2;return y.default.createElement(S,f({inline:!0,alignItem:"center",justifyContent:"center",minWidth:m,paddingLeft:s,paddingRight:s,background:e?"primary200":a,size:t},h),y.default.createElement(j.Typography,{variant:"sigma",textColor:e?"primary600":r},b))};d.defaultProps={active:!1,backgroundColor:"neutral150",minWidth:5,size:"M",textColor:"neutral600"};d.propTypes={active:o.default.bool,backgroundColor:o.default.string,children:o.default.oneOfType([o.default.number,o.default.string]).isRequired,minWidth:o.default.number,size:o.default.oneOf(["S","M"]),textColor:o.default.string};exports.Badge=d;

package/dist/Badge/Badge.js

@@ -1,54 +1,62 @@
-var y = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var l = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var m = (r, t, e) => t in r ? y(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, u = (r, t) => {
-  for (var e in t || (t = {}))
-    l.call(t, e) && m(r, e, t[e]);
-  if (i)
-    for (var e of i(t))
-      p.call(t, e) && m(r, e, t[e]);
-  return r;
-};
-var d = (r, t) => {
-  var e = {};
-  for (var o in r)
-    l.call(r, o) && t.indexOf(o) < 0 && (e[o] = r[o]);
-  if (r != null && i)
-    for (var o of i(r))
-      t.indexOf(o) < 0 && p.call(r, o) && (e[o] = r[o]);
+var h = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var p = (e, r, t) => r in e ? h(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r) => {
+  for (var t in r || (r = {}))
+    m.call(r, t) && p(e, t, r[t]);
+  if (n)
+    for (var t of n(r))
+      s.call(r, t) && p(e, t, r[t]);
   return e;
 };
-import s from "react";
-import n from "prop-types";
-import { Flex as b } from "../Flex/Flex.js";
-import { Typography as C } from "../Typography/Typography.js";
-const c = (h) => {
-  var a = h, { active: r, textColor: t, backgroundColor: e, children: o, minWidth: g } = a, f = d(a, ["active", "textColor", "backgroundColor", "children", "minWidth"]);
-  return /* @__PURE__ */ s.createElement(b, u({
+var g = (e, r) => {
+  var t = {};
+  for (var o in e)
+    m.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && n)
+    for (var o of n(e))
+      r.indexOf(o) < 0 && s.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import u from "react";
+import i from "prop-types";
+import x from "styled-components";
+import { Flex as C } from "../Flex/Flex.js";
+import { Typography as R } from "../Typography/Typography.js";
+const T = x(C)`
+  border-radius: ${({ theme: e, size: r }) => r === "S" ? "2px" : e.borderRadius};
+  height: ${({ size: e, theme: r }) => r.sizes.badge[e]};
+`, c = (k) => {
+  var a = k, { active: e, size: r, textColor: t, backgroundColor: o, children: f, minWidth: b } = a, y = g(a, ["active", "size", "textColor", "backgroundColor", "children", "minWidth"]);
+  const d = r === "S" ? 1 : 2;
+  return /* @__PURE__ */ u.createElement(T, l({
     inline: !0,
     alignItem: "center",
     justifyContent: "center",
-    minWidth: g,
-    padding: 1,
-    background: r ? "primary100" : e,
-    hasRadius: !0
-  }, f), /* @__PURE__ */ s.createElement(C, {
+    minWidth: b,
+    paddingLeft: d,
+    paddingRight: d,
+    background: e ? "primary200" : o,
+    size: r
+  }, y), /* @__PURE__ */ u.createElement(R, {
     variant: "sigma",
-    textColor: r ? "primary600" : t
-  }, o));
+    textColor: e ? "primary600" : t
+  }, f));
 };
 c.defaultProps = {
   active: !1,
-  backgroundColor: "neutral100",
+  backgroundColor: "neutral150",
   minWidth: 5,
+  size: "M",
   textColor: "neutral600"
 };
 c.propTypes = {
-  active: n.bool,
-  backgroundColor: n.string,
-  children: n.oneOfType([n.number, n.string]).isRequired,
-  minWidth: n.number,
-  textColor: n.string
+  active: i.bool,
+  backgroundColor: i.string,
+  children: i.oneOfType([i.number, i.string]).isRequired,
+  minWidth: i.number,
+  size: i.oneOf(["S", "M"]),
+  textColor: i.string
 };
 export {
   c as Badge

package/dist/BaseCheckbox/BaseCheckbox.cjs

@@ -59,4 +59,4 @@
       }
     }
   }
-`,n=R=>{var i=R,{indeterminate:e,size:o,name:r,value:t,onValueChange:m}=i,x=k(i,["indeterminate","size","name","value","onValueChange"]);const c=s.useRef();s.useEffect(()=>{c.current&&e?c.current.indeterminate=e:c.current.indeterminate=!1},[e]);const y=()=>{m(!t)};return g.default.createElement(B.Box,null,g.default.createElement(w,f({size:o,checked:t,onChange:y,type:"checkbox",ref:c,name:r},x)))};n.displayName="BaseCheckbox";n.defaultProps={indeterminate:!1,name:null,onValueChange:()=>{},size:"M",value:!1};n.propTypes={indeterminate:a.default.bool,name:a.default.string,onValueChange:a.default.func,size:a.default.oneOf(["M","L"]),value:a.default.bool};exports.BaseCheckbox=n;
+`,n=R=>{var i=R,{indeterminate:e,size:o,name:r,value:t,onValueChange:m}=i,x=k(i,["indeterminate","size","name","value","onValueChange"]);const c=s.useRef();s.useEffect(()=>{c.current&&e?c.current.indeterminate=e:c.current.indeterminate=!1},[e]);const y=()=>{m(!t)};return g.default.createElement(B.Box,null,g.default.createElement(w,f({size:o,checked:t,onChange:y,type:"checkbox",ref:c,name:r},x)))};n.displayName="BaseCheckbox";n.defaultProps={indeterminate:!1,name:null,onValueChange(){},size:"M",value:!1};n.propTypes={indeterminate:a.default.bool,name:a.default.string,onValueChange:a.default.func,size:a.default.oneOf(["M","L"]),value:a.default.bool};exports.BaseCheckbox=n;

package/dist/BaseCheckbox/BaseCheckbox.js

@@ -108,7 +108,7 @@ c.displayName = "BaseCheckbox";
 c.defaultProps = {
   indeterminate: !1,
   name: null,
-  onValueChange: () => {
+  onValueChange() {
   },
   size: "M",
   value: !1

package/dist/BaseRadio/RadioGroup.cjs

@@ -1 +1 @@
-"use strict";var T=Object.defineProperty;var a=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,r,t)=>r in e?T(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,R=(e,r)=>{for(var t in r||(r={}))f.call(r,t)&&c(e,t,r[t]);if(a)for(var t of a(r))p.call(r,t)&&c(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var o in e)f.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&&p.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),_=require("prop-types"),x=require("./context.cjs"),I=require("../helpers/setTabIndexOnFirstItem.cjs"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=g(s),u=g(_),n=v=>{var d=v,{children:e,labelledBy:r,onChange:t,value:o,size:q,name:i}=d,m=y(d,["children","labelledBy","onChange","value","size","name"]);const l=s.useRef(null);return s.useLayoutEffect(()=>{o||I.setTabIndexOnFirstItem(l.current,`[name="${i}"]`)},[o]),b.default.createElement(x.RadioContext.Provider,{value:{onChange:t,selected:o,name:i,size:q}},b.default.createElement("div",R({ref:l,role:"radiogroup","aria-labelledby":r},m),e))};n.defaultProps={value:"",size:"M"};n.propTypes={children:u.default.node.isRequired,labelledBy:u.default.string.isRequired,name:u.default.string.isRequired,onChange:u.default.func.isRequired,size:u.default.oneOf(["M","L"]),value:u.default.string};exports.RadioGroup=n;
+"use strict";var _=Object.defineProperty;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,r,t)=>r in e?_(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,R=(e,r)=>{for(var t in r||(r={}))f.call(r,t)&&c(e,t,r[t]);if(s)for(var t of s(r))p.call(r,t)&&c(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var o in e)f.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&s)for(var o of s(e))r.indexOf(o)<0&&p.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),m=require("prop-types"),x=require("./context.cjs"),I=require("../helpers/setTabIndexOnFirstItem.cjs"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=g(i),u=g(m),n=v=>{var d=v,{children:e,labelledBy:r,onChange:t,value:o,size:q,name:a}=d,T=y(d,["children","labelledBy","onChange","value","size","name"]);const l=i.useRef(null);return i.useLayoutEffect(()=>{o||I.setTabIndexOnFirstItem(l.current,`[name="${a}"]`)},[o,a]),b.default.createElement(x.RadioContext.Provider,{value:{onChange:t,selected:o,name:a,size:q}},b.default.createElement("div",R({ref:l,role:"radiogroup","aria-labelledby":r},T),e))};n.defaultProps={value:"",size:"M"};n.propTypes={children:u.default.node.isRequired,labelledBy:u.default.string.isRequired,name:u.default.string.isRequired,onChange:u.default.func.isRequired,size:u.default.oneOf(["M","L"]),value:u.default.string};exports.RadioGroup=n;

package/dist/BaseRadio/RadioGroup.js

@@ -23,14 +23,14 @@ import t from "prop-types";
 import { RadioContext as x } from "./context.js";
 import { setTabIndexOnFirstItem as E } from "../helpers/setTabIndexOnFirstItem.js";
 const R = (P) => {
-  var a = P, { children: e, labelledBy: o, onChange: r, value: i, size: g, name: s } = a, y = m(a, ["children", "labelledBy", "onChange", "value", "size", "name"]);
-  const d = q(null);
+  var d = P, { children: e, labelledBy: o, onChange: r, value: i, size: g, name: s } = d, y = m(d, ["children", "labelledBy", "onChange", "value", "size", "name"]);
+  const a = q(null);
   return v(() => {
-    i || E(d.current, `[name="${s}"]`);
-  }, [i]), /* @__PURE__ */ c.createElement(x.Provider, {
+    i || E(a.current, `[name="${s}"]`);
+  }, [i, s]), /* @__PURE__ */ c.createElement(x.Provider, {
     value: { onChange: r, selected: i, name: s, size: g }
   }, /* @__PURE__ */ c.createElement("div", p({
-    ref: d,
+    ref: a,
     role: "radiogroup",
     "aria-labelledby": o
   }, y), e));

package/dist/Card/CardContent.cjs

@@ -1,3 +1,3 @@
-"use strict";var i=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var a=(e,t,o)=>t in e?i(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)&&a(e,o,t[o]);if(n)for(var o of n(t))l.call(t,o)&&a(e,o,t[o]);return e};var d=(e,t)=>{var o={};for(var r in e)c.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&&l.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),y=require("prop-types"),_=require("../Box/Box.cjs"),B=require("styled-components"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=s(f),q=s(y),x=s(B),C=x.default(_.Box)`
+"use strict";var i=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var a=(e,t,o)=>t in e?i(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)&&a(e,o,t[o]);if(n)for(var o of n(t))l.call(t,o)&&a(e,o,t[o]);return e};var d=(e,t)=>{var o={};for(var r in e)c.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&&l.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),y=require("prop-types"),_=require("styled-components"),B=require("../Box/Box.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=s(f),q=s(y),x=s(_),C=x.default(B.Box)`
   word-break: break-all;
 `,p=o=>{var r=o,{children:e}=r,t=d(r,["children"]);return b.default.createElement(C,u({},t),e)};p.propTypes={children:q.default.node.isRequired};exports.CardContent=p;

package/dist/Card/CardContent.js

@@ -20,9 +20,9 @@ var i = (r, e) => {
 };
 import s from "react";
 import c from "prop-types";
-import { Box as f } from "../Box/Box.js";
-import k from "styled-components";
-const u = k(f)`
+import f from "styled-components";
+import { Box as k } from "../Box/Box.js";
+const u = f(k)`
   word-break: break-all;
 `, x = (o) => {
   var t = o, { children: r } = t, e = i(t, ["children"]);

package/dist/CarouselInput/CarouselImage.cjs

@@ -1,4 +1,4 @@
-"use strict";var g=Object.defineProperty,m=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var c=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,o=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&c(e,r,t[r]);if(i)for(var r of i(t))E.call(t,r)&&c(e,r,t[r]);return e},n=(e,t)=>m(e,T(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),q=require("prop-types"),j=require("../Box/Box.cjs"),I=require("styled-components"),S=require("../Tooltip/Tooltip.cjs"),h=require("../Typography/utils.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=l(f),d=l(q),v=l(I),p=v.default(j.Box)`
+"use strict";var g=Object.defineProperty,m=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var c=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,o=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&c(e,r,t[r]);if(i)for(var r of i(t))E.call(t,r)&&c(e,r,t[r]);return e},n=(e,t)=>m(e,T(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),q=require("prop-types"),j=require("styled-components"),I=require("../Box/Box.cjs"),S=require("../Tooltip/Tooltip.cjs"),h=require("../Typography/utils.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=l(f),d=l(q),v=l(j),p=v.default(I.Box)`
   height: 100%;
   ${h.ellipsisStyle({ellipsis:!0})}
 `,a=e=>{var u;const[t,r]=f.useState(!1),y=()=>{r(!0)};return t?s.default.createElement(S.Tooltip,{description:(u=e.alt)!=null?u:""},s.default.createElement(p,o({as:"img"},e))):s.default.createElement(p,n(o({as:"img"},e),{onError:y}))};a.defaultProps={src:void 0,alt:void 0};a.propTypes={alt:d.default.string,src:d.default.string};exports.CarouselImage=a;

package/dist/CarouselInput/CarouselImage.js

@@ -12,11 +12,11 @@ var l = (e, r, t) => r in e ? d(e, r, { enumerable: !0, configurable: !0, writab
 }, a = (e, r) => g(e, u(r));
 import s, { useState as I } from "react";
 import n from "prop-types";
-import { Box as h } from "../Box/Box.js";
-import S from "styled-components";
+import h from "styled-components";
+import { Box as S } from "../Box/Box.js";
 import { Tooltip as T } from "../Tooltip/Tooltip.js";
 import { ellipsisStyle as v } from "../Typography/utils.js";
-const p = S(h)`
+const p = h(S)`
   height: 100%;
   ${v({ ellipsis: !0 })}
 `, c = (e) => {

package/dist/CarouselInput/CarouselInput.cjs

@@ -1 +1 @@
-"use strict";var _=Object.defineProperty;var u=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,i,r)=>i in e?_(e,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[i]=r,F=(e,i)=>{for(var r in i||(i={}))f.call(i,r)&&c(e,r,i[r]);if(u)for(var r of u(i))p.call(i,r)&&c(e,r,i[r]);return e};var q=(e,i)=>{var r={};for(var l in e)f.call(e,l)&&i.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&u)for(var l of u(e))i.indexOf(l)<0&&p.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),P=require("prop-types"),T=require("./Carousel.cjs"),h=require("../Field/Field.cjs"),k=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const x=require("../Field/FieldHint.cjs"),H=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const O=require("../Stack/Stack.cjs"),A=require("../helpers/useId.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=b(C),t=b(P),n=M=>{var s=M,{actions:e,children:i,error:r,hint:l,label:a,labelAction:g,nextLabel:j,onNext:y,onPrevious:m,previousLabel:v,required:E,secondaryLabel:R,selectedSlide:L,id:I}=s,S=q(s,["actions","children","error","hint","label","labelAction","nextLabel","onNext","onPrevious","previousLabel","required","secondaryLabel","selectedSlide","id"]);const o=A.useId("carouselinput",I);return d.default.createElement(h.Field,{hint:l,error:r,id:o},d.default.createElement(O.Stack,{spacing:1},a&&d.default.createElement(k.FieldLabel,{required:E,action:g},a),d.default.createElement(T.Carousel,F({actions:e,label:a,nextLabel:j,onNext:y,onPrevious:m,previousLabel:v,secondaryLabel:R,selectedSlide:L,id:o},S),i),d.default.createElement(x.FieldHint,null),d.default.createElement(H.FieldError,null)))};n.defaultProps={actions:void 0,error:void 0,hint:void 0,id:void 0,required:!1,secondaryLabel:void 0};n.propTypes={actions:t.default.node,children:t.default.node.isRequired,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.isRequired,labelAction:t.default.element,nextLabel:t.default.string.isRequired,onNext:t.default.func.isRequired,onPrevious:t.default.func.isRequired,previousLabel:t.default.string.isRequired,required:t.default.bool,secondaryLabel:t.default.string,selectedSlide:t.default.number.isRequired};exports.CarouselInput=n;
+"use strict";var _=Object.defineProperty;var u=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var c=(e,i,r)=>i in e?_(e,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[i]=r,F=(e,i)=>{for(var r in i||(i={}))f.call(i,r)&&c(e,r,i[r]);if(u)for(var r of u(i))p.call(i,r)&&c(e,r,i[r]);return e};var q=(e,i)=>{var r={};for(var l in e)f.call(e,l)&&i.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&u)for(var l of u(e))i.indexOf(l)<0&&p.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),P=require("prop-types"),T=require("./Carousel.cjs"),h=require("../Field/Field.cjs"),k=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const x=require("../Field/FieldHint.cjs"),A=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const H=require("../Stack/Stack.cjs"),O=require("../helpers/useId.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=b(C),t=b(P),n=M=>{var s=M,{actions:e,children:i,error:r,hint:l,label:a,labelAction:g,nextLabel:j,onNext:y,onPrevious:v,previousLabel:m,required:E,secondaryLabel:R,selectedSlide:L,id:I}=s,S=q(s,["actions","children","error","hint","label","labelAction","nextLabel","onNext","onPrevious","previousLabel","required","secondaryLabel","selectedSlide","id"]);const o=O.useId("carouselinput",I);return d.default.createElement(h.Field,{hint:l,error:r,id:o},d.default.createElement(H.Stack,{spacing:1},a&&d.default.createElement(k.FieldLabel,{required:E,action:g},a),d.default.createElement(T.Carousel,F({actions:e,label:a,nextLabel:j,onNext:y,onPrevious:v,previousLabel:m,secondaryLabel:R,selectedSlide:L,id:o},S),i),d.default.createElement(x.FieldHint,null),d.default.createElement(A.FieldError,null)))};n.defaultProps={actions:void 0,error:void 0,hint:void 0,id:void 0,labelAction:void 0,required:!1,secondaryLabel:void 0};n.propTypes={actions:t.default.node,children:t.default.node.isRequired,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.isRequired,labelAction:t.default.element,nextLabel:t.default.string.isRequired,onNext:t.default.func.isRequired,onPrevious:t.default.func.isRequired,previousLabel:t.default.string.isRequired,required:t.default.bool,secondaryLabel:t.default.string,selectedSlide:t.default.number.isRequired};exports.CarouselInput=n;

package/dist/CarouselInput/CarouselInput.js

@@ -1,12 +1,12 @@
 var I = Object.defineProperty;
 var d = Object.getOwnPropertySymbols;
 var u = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var a = (r, o, i) => o in r ? I(r, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[o] = i, c = (r, o) => {
+var m = (r, o, i) => o in r ? I(r, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[o] = i, c = (r, o) => {
   for (var i in o || (o = {}))
-    u.call(o, i) && a(r, i, o[i]);
+    u.call(o, i) && m(r, i, o[i]);
   if (d)
     for (var i of d(o))
-      p.call(o, i) && a(r, i, o[i]);
+      p.call(o, i) && m(r, i, o[i]);
   return r;
 };
 var f = (r, o) => {
@@ -22,31 +22,31 @@ import n from "react";
 import e from "prop-types";
 import { Carousel as P } from "./Carousel.js";
 import { Field as T } from "../Field/Field.js";
-import { FieldLabel as C } from "../Field/FieldLabel.js";
+import { FieldLabel as A } from "../Field/FieldLabel.js";
 import "../Field/FieldInput.js";
-import { FieldHint as O } from "../Field/FieldHint.js";
-import { FieldError as S } from "../Field/FieldError.js";
+import { FieldHint as C } from "../Field/FieldHint.js";
+import { FieldError as O } from "../Field/FieldError.js";
 import "../Field/FieldContext.js";
 import "../Field/FieldAction.js";
-import { Stack as _ } from "../Stack/Stack.js";
-import { useId as k } from "../helpers/useId.js";
-const g = (A) => {
-  var l = A, {
+import { Stack as S } from "../Stack/Stack.js";
+import { useId as _ } from "../helpers/useId.js";
+const g = (k) => {
+  var s = k, {
     actions: r,
     children: o,
     error: i,
     hint: t,
-    label: s,
+    label: l,
     labelAction: q,
-    nextLabel: R,
-    onNext: b,
-    onPrevious: v,
+    nextLabel: b,
+    onNext: v,
+    onPrevious: R,
     previousLabel: E,
     required: y,
     secondaryLabel: L,
     selectedSlide: F,
     id: h
-  } = l, x = f(l, [
+  } = s, x = f(s, [
     "actions",
     "children",
     "error",
@@ -62,33 +62,34 @@ const g = (A) => {
     "selectedSlide",
     "id"
   ]);
-  const m = k("carouselinput", h);
+  const a = _("carouselinput", h);
   return /* @__PURE__ */ n.createElement(T, {
     hint: t,
     error: i,
-    id: m
-  }, /* @__PURE__ */ n.createElement(_, {
+    id: a
+  }, /* @__PURE__ */ n.createElement(S, {
     spacing: 1
-  }, s && /* @__PURE__ */ n.createElement(C, {
+  }, l && /* @__PURE__ */ n.createElement(A, {
     required: y,
     action: q
-  }, s), /* @__PURE__ */ n.createElement(P, c({
+  }, l), /* @__PURE__ */ n.createElement(P, c({
     actions: r,
-    label: s,
-    nextLabel: R,
-    onNext: b,
-    onPrevious: v,
+    label: l,
+    nextLabel: b,
+    onNext: v,
+    onPrevious: R,
     previousLabel: E,
     secondaryLabel: L,
     selectedSlide: F,
-    id: m
-  }, x), o), /* @__PURE__ */ n.createElement(O, null), /* @__PURE__ */ n.createElement(S, null)));
+    id: a
+  }, x), o), /* @__PURE__ */ n.createElement(C, null), /* @__PURE__ */ n.createElement(O, null)));
 };
 g.defaultProps = {
   actions: void 0,
   error: void 0,
   hint: void 0,
   id: void 0,
+  labelAction: void 0,
   required: !1,
   secondaryLabel: void 0
 };

package/dist/CarouselInput/CarouselSlide.cjs

@@ -1,3 +1,3 @@
-"use strict";var y=Object.defineProperty;var r=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var i=(e,l,t)=>l in e?y(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,p=(e,l)=>{for(var t in l||(l={}))n.call(l,t)&&i(e,t,l[t]);if(r)for(var t of r(l))c.call(l,t)&&i(e,t,l[t]);return e};var f=(e,l)=>{var t={};for(var o in e)n.call(e,o)&&l.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&r)for(var o of r(e))l.indexOf(o)<0&&c.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),b=require("prop-types"),g=require("../Flex/Flex.cjs"),q=require("styled-components"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},x=a(_),s=a(b),S=a(q),j=S.default(g.Flex)`
+"use strict";var y=Object.defineProperty;var r=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var i=(e,l,t)=>l in e?y(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,p=(e,l)=>{for(var t in l||(l={}))n.call(l,t)&&i(e,t,l[t]);if(r)for(var t of r(l))c.call(l,t)&&i(e,t,l[t]);return e};var f=(e,l)=>{var t={};for(var o in e)n.call(e,o)&&l.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&r)for(var o of r(e))l.indexOf(o)<0&&c.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),b=require("prop-types"),g=require("styled-components"),q=require("../Flex/Flex.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},x=a(_),s=a(b),S=a(g),j=S.default(q.Flex)`
   display: ${({selected:e})=>e?"flex":"none"};
 `,d=C=>{var u=C,{label:e,children:l,selected:t}=u,o=f(u,["label","children","selected"]);return x.default.createElement(j,p({selected:t,role:"group","aria-roledescription":"slide","aria-label":e,justifyContent:"center",height:"124px"},o),l)};d.defaultProps={selected:!1};d.propTypes={children:s.default.node.isRequired,label:s.default.string.isRequired,selected:s.default.bool};exports.CarouselSlide=d;

package/dist/CarouselInput/CarouselSlide.js

@@ -20,9 +20,9 @@ var c = (e, o) => {
 };
 import u from "react";
 import i from "prop-types";
-import { Flex as y } from "../Flex/Flex.js";
-import x from "styled-components";
-const b = x(y)`
+import y from "styled-components";
+import { Flex as x } from "../Flex/Flex.js";
+const b = y(x)`
   display: ${({ selected: e }) => e ? "flex" : "none"};
 `, f = (g) => {
   var s = g, { label: e, children: o, selected: r } = s, l = c(s, ["label", "children", "selected"]);

package/dist/Combobox/Combobox.cjs

@@ -1 +1 @@
-"use strict";var qe=Object.defineProperty,je=Object.defineProperties;var Me=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var G=(e,s,a)=>s in e?qe(e,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[s]=a,A=(e,s)=>{for(var a in s||(s={}))J.call(s,a)&&G(e,a,s[a]);if(M)for(var a of M(s))Q.call(s,a)&&G(e,a,s[a]);return e},T=(e,s)=>je(e,Me(s));var X=(e,s)=>{var a={};for(var f in e)J.call(e,f)&&s.indexOf(f)<0&&(a[f]=e[f]);if(e!=null&&M)for(var f of M(e))s.indexOf(f)<0&&Q.call(e,f)&&(a[f]=e[f]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),Oe=require("prop-types"),Le=require("../helpers/useId.cjs"),Se=require("@strapi/icons/CarretDown"),Re=require("@strapi/icons/Cross"),u=require("./utils.cjs"),Y=require("../Flex/Flex.cjs"),Z=require("../Select/components.cjs"),ke=require("../Popover/Popover.cjs"),we=require("../Box/Box.cjs"),ee=require("../Typography/Typography.cjs"),Ae=require("../Loader/Loader.cjs"),O=require("./components.cjs"),Te=require("./ComboboxOption.cjs"),Be=require("./ComboboxList.cjs"),$e=require("../Field/Field.cjs"),De=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const Pe=require("../Field/FieldHint.cjs"),_e=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const Ve=require("../Stack/Stack.cjs"),Ke=require("../helpers/keyboardKeys.cjs"),He=require("../VisuallyHidden/VisuallyHidden.cjs"),L=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=L(l),t=L(Oe),Ne=L(Se),Ue=L(Re),I=ze=>{var V=ze,{children:e,clearLabel:s,creatable:a,createMessage:f,disabled:b,error:S,hasMoreItems:te,hint:$,label:y,labelAction:oe,loading:R,loadingMessage:ne,noOptionsMessage:re,onChange:D,onClear:P,onCreateOption:ae,onInputChange:_,onLoadMore:le,placeholder:se,required:ie,value:C}=V,ue=X(V,["children","clearLabel","creatable","createMessage","disabled","error","hasMoreItems","hint","label","labelAction","loading","loadingMessage","noOptionsMessage","onChange","onClear","onCreateOption","onInputChange","onLoadMore","placeholder","required","value"]);const ce=()=>{var o;return(o=e.find(r=>{var i;return((i=r.props)==null?void 0:i.value.toLowerCase())===C.toLowerCase()}).props)==null?void 0:o.children},[d,K]=l.useState(0),[de,fe]=l.useState(null),[m,H]=l.useState(e),[h,pe]=l.useState(!1),[c,q]=l.useState(""),v=l.useRef(),j=l.useRef(!1),F=l.useRef(),N=l.useRef(),me=l.useRef(),U=l.useRef(!0),p=Le.useId("combobox"),k=`${p}-label`;if(!y&&!ue["aria-label"])throw new Error('The Combobox component needs a "label" or an "aria-label" props');l.useEffect(()=>{H(u.filterOptions(e,c))},[c,e]),l.useEffect(()=>{h&&v.current&&u.maintainScrollVisibility(v.current)},[d]),l.useLayoutEffect(()=>{if(U.current){U.current=!1;return}},[C]);const be=h?`${p}-${d}`:"",z=()=>{D(null),q("")},Ce=o=>{_&&_(o);const r=F.current.value;H(u.filterOptions(e,r)),K(0),fe(null),c!==r&&q(r),h||g(!0,!1)},ge=o=>{const{key:r}=o,i=a&&c?m.length:m.length-1,E=u.getActionFromKey(r,h);switch(C&&!c&&r===Ke.KeyboardKeys.BACKSPACE&&z(),E){case u.MenuActions.Next:return x(d===i?0:u.getUpdatedIndex(d,i,E));case u.MenuActions.Previous:return x(d===0?i:u.getUpdatedIndex(d,i,E));case u.MenuActions.Last:case u.MenuActions.First:return x(d===i?0:u.getUpdatedIndex(d,i,E));case u.MenuActions.CloseSelect:o.preventDefault(),w(d);return;case u.MenuActions.Close:return o.preventDefault(),g(!1);case u.MenuActions.Open:return g(!0);default:return}},xe=o=>{if(o.preventDefault(),C&&!j.current&&q(""),j.current){j.current=!1;return}g(!1,!1)},x=o=>{K(o)},ye=o=>{x(o),w(o)},W=()=>{j.current=!0},w=o=>{const r=m[o];if(q(""),r)return D(r.props.value),g(!1);a&&(ae(c),g(!1))},g=(o,r=!0)=>{pe(o),r&&F.current.focus()},he=l.Children.toArray(m).map((o,r)=>{const i=d===r;return l.cloneElement(o,{id:`${p}-${r}`,"aria-selected":de===r,"aria-posinset":r+1,"aria-setsize":l.Children.toArray(m).length,ref:E=>{i&&(v.current=E)},onClick:()=>ye(r),onMouseDown:W,isSelected:i})}),ve=()=>{F.current.focus(),P&&P(),z()},Ee=()=>{F.current.focus(),g(!0)},Fe=()=>{const o=m.findIndex(r=>{var i;return((i=r.props)==null?void 0:i.children)===c});return c&&o===-1},Ie=o=>{o.preventDefault(),g(o,!0)};return n.default.createElement($e.Field,{hint:$,error:S,id:p},n.default.createElement(He.VisuallyHidden,{"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text"},C),n.default.createElement(Ve.Stack,{spacing:y||$||S?1:0},y&&n.default.createElement(De.FieldLabel,{action:oe,required:ie,id:k},y),n.default.createElement(O.MainRow,{ref:N,$disabled:b,hasError:S},n.default.createElement(O.InputContainer,{wrap:"wrap"},!c&&C&&n.default.createElement(O.ValueContainer,{id:`${p}-selected-value`},n.default.createElement(ee.Typography,null,ce())),n.default.createElement(O.Input,{"aria-activedescendant":be,"aria-autocomplete":"list","aria-controls":`${p}-listbox`,"aria-disabled":b,"aria-expanded":h,"aria-haspopup":"listbox","aria-labelledby":y?k:void 0,id:p,onBlur:b?void 0:xe,onClick:b?void 0:Ie,onInput:b?void 0:Ce,onKeyDown:b?void 0:ge,placeholder:C?"":se,readOnly:b,ref:F,role:"combobox",autoComplete:"off",autoCorrect:"off",spellCheck:"off",type:"text",value:c})),n.default.createElement(Y.Flex,null,(C||c)&&n.default.createElement(Z.IconBox,{id:`${p}-clear`,"aria-label":s,disabled:b,paddingLeft:3,as:"button",onClick:ve,type:"button"},n.default.createElement(Ue.default,null)),n.default.createElement(Z.CaretBox,{disabled:b,paddingLeft:3,"aria-hidden":!0,as:"button",onClick:Ee,tabIndex:-1,type:"button"},n.default.createElement(Ne.default,null)))),n.default.createElement(Pe.FieldHint,null),n.default.createElement(_e.FieldError,null)),h&&n.default.createElement(ke.Popover,{id:`${p}-popover`,source:N,spacing:4,fullWidth:!0,intersectionId:`${p}-listbox-popover-intersection`,onReachEnd:te&&!R?le:void 0},n.default.createElement("div",{role:"listbox",ref:me,id:`${p}-listbox`,"aria-labelledby":y?k:void 0},(Boolean(m.length)||a)&&n.default.createElement(n.default.Fragment,null,n.default.createElement(Be.ComboboxList,{activeOptionRef:v,options:he}),Fe()&&a&&n.default.createElement(Te.ComboboxOption,{isSelected:d===m.length,ref:o=>{d===m.length&&(v.current=o)},onMouseDown:W,onClick:()=>w(),taindex:0},f(c))),!Boolean(m.length)&&!a&&!R&&n.default.createElement(we.Box,{paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2,ref:v},n.default.createElement(ee.Typography,{textColor:"neutral800"},re(c))),R&&n.default.createElement(Y.Flex,{justifyContent:"center",alignItems:"center",paddingTop:2,paddingBottom:2},n.default.createElement(Ae.Loader,{small:!0},ne)))))},B=e=>n.default.createElement(I,T(A({},e),{creatable:!0}));I.defaultProps=B.defaultProps={"aria-label":void 0,clearLabel:"clear",creatable:!1,createMessage:e=>`Create "${e}"`,disabled:!1,error:void 0,hasMoreItems:!1,hint:void 0,label:void 0,loading:!1,loadingMessage:"Loading content...",noOptionsMessage:()=>"No results found",onClear:void 0,onCreateOption:void 0,onInputChange:void 0,onLoadMore:void 0,placeholder:"Select or enter a value",value:void 0};I.propTypes={"aria-label":t.default.string,children:t.default.oneOfType([t.default.arrayOf(t.default.node),t.default.node]),clearLabel:t.default.string,creatable:t.default.bool,createMessage:t.default.func,disabled:t.default.bool,error:t.default.string,hasMoreItems:t.default.bool,hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),label:t.default.string,labelAction:t.default.element,loading:t.default.bool,loadingMessage:t.default.string,noOptionsMessage:t.default.func,onChange:t.default.func.isRequired,onClear:t.default.func,onCreateOption:t.default.func,onInputChange:t.default.func,onLoadMore:t.default.func,placeholder:t.default.string,value:t.default.string};B.propTypes=T(A({},I.propTypes),{onCreateOption:t.default.func.isRequired});exports.Combobox=I;exports.CreatableCombobox=B;
+"use strict";var qe=Object.defineProperty,ke=Object.defineProperties;var je=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var G=(e,s,r)=>s in e?qe(e,s,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[s]=r,A=(e,s)=>{for(var r in s||(s={}))J.call(s,r)&&G(e,r,s[r]);if(j)for(var r of j(s))Q.call(s,r)&&G(e,r,s[r]);return e},T=(e,s)=>ke(e,je(s));var X=(e,s)=>{var r={};for(var f in e)J.call(e,f)&&s.indexOf(f)<0&&(r[f]=e[f]);if(e!=null&&j)for(var f of j(e))s.indexOf(f)<0&&Q.call(e,f)&&(r[f]=e[f]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),Me=require("prop-types"),Oe=require("@strapi/icons/CarretDown"),Le=require("@strapi/icons/Cross"),Se=require("../helpers/useId.cjs"),c=require("./utils.cjs"),Y=require("../Flex/Flex.cjs"),Z=require("../Select/components.cjs"),Re=require("../Popover/Popover.cjs"),we=require("../Box/Box.cjs"),ee=require("../Typography/Typography.cjs"),Ae=require("../Loader/Loader.cjs"),M=require("./components.cjs"),Te=require("./ComboboxOption.cjs"),$e=require("./ComboboxList.cjs"),Be=require("../Field/Field.cjs"),De=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const Pe=require("../Field/FieldHint.cjs"),_e=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const Ve=require("../Stack/Stack.cjs"),Ke=require("../helpers/keyboardKeys.cjs"),He=require("../VisuallyHidden/VisuallyHidden.cjs"),O=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=O(l),t=O(Me),Ne=O(Oe),Ue=O(Le),F=ze=>{var V=ze,{children:e,clearLabel:s,creatable:r,createMessage:f,disabled:m,error:L,hasMoreItems:te,hint:B,label:h,labelAction:oe,loading:S,loadingMessage:ne,noOptionsMessage:ae,onChange:D,onClear:P,onCreateOption:re,onInputChange:_,onLoadMore:le,placeholder:se,required:ie,value:C}=V,ce=X(V,["children","clearLabel","creatable","createMessage","disabled","error","hasMoreItems","hint","label","labelAction","loading","loadingMessage","noOptionsMessage","onChange","onClear","onCreateOption","onInputChange","onLoadMore","placeholder","required","value"]);const ue=()=>{var o;return(o=e.find(a=>{var i;return((i=a.props)==null?void 0:i.value.toLowerCase())===C.toLowerCase()}).props)==null?void 0:o.children},[d,K]=l.useState(0),[de,fe]=l.useState(null),[b,H]=l.useState(e),[x,pe]=l.useState(!1),[u,q]=l.useState(""),v=l.useRef(),k=l.useRef(!1),I=l.useRef(),N=l.useRef(),be=l.useRef(),U=l.useRef(!0),p=Se.useId("combobox"),R=`${p}-label`;if(!h&&!ce["aria-label"])throw new Error('The Combobox component needs a "label" or an "aria-label" props');l.useEffect(()=>{H(c.filterOptions(e,u))},[u,e]),l.useEffect(()=>{x&&v.current&&c.maintainScrollVisibility(v.current)},[d,x]),l.useLayoutEffect(()=>{U.current&&(U.current=!1)},[C]);const me=x?`${p}-${d}`:"",z=()=>{D(null),q("")},Ce=o=>{_&&_(o);const a=I.current.value;H(c.filterOptions(e,a)),K(0),fe(null),u!==a&&q(a),x||g(!0,!1)},ge=o=>{const{key:a}=o,i=r&&u?b.length:b.length-1,E=c.getActionFromKey(a,x);switch(C&&!u&&a===Ke.KeyboardKeys.BACKSPACE&&z(),E){case c.MenuActions.Next:{if(d===i){y(0);break}y(c.getUpdatedIndex(d,i,E));break}case c.MenuActions.Previous:{if(d===0){y(i);break}y(c.getUpdatedIndex(d,i,E));break}case c.MenuActions.Last:case c.MenuActions.First:{if(d===i){y(0);break}y(c.getUpdatedIndex(d,i,E));break}case c.MenuActions.CloseSelect:o.preventDefault(),w(d);break;case c.MenuActions.Close:o.preventDefault(),g(!1);break;case c.MenuActions.Open:g(!0);break}},xe=o=>{if(o.preventDefault(),C&&!k.current&&q(""),k.current){k.current=!1;return}g(!1,!1)},y=o=>{K(o)},ye=o=>{y(o),w(o)},W=()=>{k.current=!0},w=o=>{const a=b[o];if(q(""),a){D(a.props.value),g(!1);return}r&&(re(u),g(!1))},g=(o,a=!0)=>{pe(o),a&&I.current.focus()},he=l.Children.toArray(b).map((o,a)=>{const i=d===a;return l.cloneElement(o,{id:`${p}-${a}`,"aria-selected":de===a,"aria-posinset":a+1,"aria-setsize":l.Children.toArray(b).length,ref(E){i&&(v.current=E)},onClick:()=>ye(a),onMouseDown:W,isSelected:i})}),ve=()=>{I.current.focus(),P&&P(),z()},Ee=()=>{I.current.focus(),g(!0)},Fe=()=>{const o=b.findIndex(a=>{var i;return((i=a.props)==null?void 0:i.children)===u});return u&&o===-1},Ie=o=>{o.preventDefault(),g(o,!0)};return n.default.createElement(Be.Field,{hint:B,error:L,id:p},n.default.createElement(He.VisuallyHidden,{"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text"},C),n.default.createElement(Ve.Stack,{spacing:h||B||L?1:0},h&&n.default.createElement(De.FieldLabel,{action:oe,required:ie,id:R},h),n.default.createElement(M.MainRow,{ref:N,$disabled:m,hasError:L},n.default.createElement(M.InputContainer,{wrap:"wrap"},!u&&C&&n.default.createElement(M.ValueContainer,{id:`${p}-selected-value`},n.default.createElement(ee.Typography,null,ue())),n.default.createElement(M.Input,{"aria-activedescendant":me,"aria-autocomplete":"list","aria-controls":`${p}-listbox`,"aria-disabled":m,"aria-expanded":x,"aria-haspopup":"listbox","aria-labelledby":h?R:void 0,id:p,onBlur:m?void 0:xe,onClick:m?void 0:Ie,onInput:m?void 0:Ce,onKeyDown:m?void 0:ge,placeholder:C?"":se,readOnly:m,ref:I,role:"combobox",autoComplete:"off",autoCorrect:"off",spellCheck:"off",type:"text",value:u})),n.default.createElement(Y.Flex,null,(C||u)&&n.default.createElement(Z.IconBox,{id:`${p}-clear`,"aria-label":s,disabled:m,paddingLeft:3,as:"button",onClick:ve,type:"button"},n.default.createElement(Ue.default,null)),n.default.createElement(Z.CaretBox,{disabled:m,paddingLeft:3,"aria-hidden":!0,as:"button",onClick:Ee,tabIndex:-1,type:"button"},n.default.createElement(Ne.default,null)))),n.default.createElement(Pe.FieldHint,null),n.default.createElement(_e.FieldError,null)),x&&n.default.createElement(Re.Popover,{id:`${p}-popover`,source:N,spacing:4,fullWidth:!0,intersectionId:`${p}-listbox-popover-intersection`,onReachEnd:te&&!S?le:void 0},n.default.createElement("div",{role:"listbox",ref:be,id:`${p}-listbox`,"aria-labelledby":h?R:void 0},(Boolean(b.length)||r)&&n.default.createElement(n.default.Fragment,null,n.default.createElement($e.ComboboxList,{activeOptionRef:v,options:he}),Fe()&&r&&n.default.createElement(Te.ComboboxOption,{isSelected:d===b.length,ref:o=>{d===b.length&&(v.current=o)},onMouseDown:W,onClick:()=>w(),taindex:0},f(u))),!b.length&&!r&&!S&&n.default.createElement(we.Box,{paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2,ref:v},n.default.createElement(ee.Typography,{textColor:"neutral800"},ae(u))),S&&n.default.createElement(Y.Flex,{justifyContent:"center",alignItems:"center",paddingTop:2,paddingBottom:2},n.default.createElement(Ae.Loader,{small:!0},ne)))))},$=e=>n.default.createElement(F,T(A({},e),{creatable:!0}));F.defaultProps={"aria-label":void 0,clearLabel:"clear",creatable:!1,createMessage:e=>`Create "${e}"`,disabled:!1,error:void 0,hasMoreItems:!1,hint:void 0,label:void 0,loading:!1,loadingMessage:"Loading content...",noOptionsMessage:()=>"No results found",onClear:void 0,onCreateOption:void 0,onInputChange:void 0,onLoadMore:void 0,placeholder:"Select or enter a value",value:void 0};$.defaultProps=F.defaultProps;F.propTypes={"aria-label":t.default.string,children:t.default.oneOfType([t.default.arrayOf(t.default.node),t.default.node]),clearLabel:t.default.string,creatable:t.default.bool,createMessage:t.default.func,disabled:t.default.bool,error:t.default.string,hasMoreItems:t.default.bool,hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),label:t.default.string,labelAction:t.default.element,loading:t.default.bool,loadingMessage:t.default.string,noOptionsMessage:t.default.func,onChange:t.default.func.isRequired,onClear:t.default.func,onCreateOption:t.default.func,onInputChange:t.default.func,onLoadMore:t.default.func,placeholder:t.default.string,value:t.default.string};$.propTypes=T(A({},F.propTypes),{onCreateOption:t.default.func.isRequired});exports.Combobox=F;exports.CreatableCombobox=$;