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

package/dist/SubNav/SubNavLinkSection.js

@@ -24,8 +24,8 @@ const k = a(i)`
   align-items: center;
   width: ${12 / 16}rem;
   transform: rotateX(${({ rotated: t }) => t ? "0deg" : "180deg"});
-`, d = ({ label: t, children: p, id: s }) => {
-  const [r, m] = f(!0), l = y("subnav-list", s), c = () => {
+`, l = ({ label: t, children: p, id: s }) => {
+  const [r, m] = f(!0), d = y("subnav-list", s), c = () => {
     m((n) => !n);
   };
   return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(k, {
@@ -38,7 +38,7 @@ const k = a(i)`
   }, /* @__PURE__ */ e.createElement(v, {
     onClick: c,
     "aria-expanded": r,
-    "aria-controls": l
+    "aria-controls": d
   }, /* @__PURE__ */ e.createElement(x, {
     rotated: r
   }, /* @__PURE__ */ e.createElement(h, {
@@ -50,19 +50,20 @@ const k = a(i)`
     fontWeight: "semiBold",
     textColor: "neutral800"
   }, t))))), r && /* @__PURE__ */ e.createElement("ul", {
-    id: l
+    id: d
   }, g.map(p, (n, u) => /* @__PURE__ */ e.createElement("li", {
     key: u
   }, n))));
 };
-d.defaultProps = {
+l.defaultProps = {
+  children: void 0,
   id: void 0
 };
-d.propTypes = {
+l.propTypes = {
   children: o.node,
   id: o.string,
   label: o.string.isRequired
 };
 export {
-  d as SubNavLinkSection
+  l as SubNavLinkSection
 };

package/dist/SubNav/SubNavSection.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),m=require("prop-types"),v=require("styled-components"),u=require("../Box/Box.cjs"),y=require("../Badge/Badge.cjs"),h=require("./SubNavSectionLabel.cjs"),B=require("../helpers/useId.cjs"),k=require("../Stack/Stack.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(n),a=r(m),q=r(v),_=q.default(u.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),m=require("prop-types"),v=require("styled-components"),c=require("../Box/Box.cjs"),h=require("../Badge/Badge.cjs"),y=require("./SubNavSectionLabel.cjs"),B=require("../helpers/useId.cjs"),k=require("../Stack/Stack.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(n),a=r(m),q=r(v),_=q.default(c.Box)`
   svg {
     height: ${4/16}rem;
     path {
       fill: ${({theme:e})=>e.colors.neutral500};
     }
   }
-`,s=({collapsable:e,label:c,badgeLabel:l,children:p,id:f})=>{const[i,g]=n.useState(!0),d=B.useId("subnav-list",f),S=()=>{g(o=>!o)};return t.default.createElement(k.Stack,{spacing:1},t.default.createElement(_,{paddingLeft:6,paddingTop:1,paddingBottom:1,paddingRight:4},t.default.createElement(u.Box,{position:"relative",paddingRight:l?6:0},t.default.createElement(h.SubNavSectionLabel,{onClick:S,ariaExpanded:i,ariaControls:d,collapsable:e,label:c}),l&&t.default.createElement(y.Badge,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)"},l))),(!e||i)&&t.default.createElement("ol",{id:d},n.Children.map(p,(o,b)=>t.default.createElement("li",{key:b},o))))};s.defaultProps={badgeLabel:null,collapsable:!1,id:void 0};s.propTypes={badgeLabel:a.default.string,children:a.default.node,collapsable:a.default.bool,id:a.default.string,label:a.default.string.isRequired};exports.SubNavSection=s;
+`,s=({collapsable:e,label:u,badgeLabel:l,children:p,id:f})=>{const[i,g]=n.useState(!0),d=B.useId("subnav-list",f),S=()=>{g(o=>!o)};return t.default.createElement(k.Stack,{spacing:1},t.default.createElement(_,{paddingLeft:6,paddingTop:1,paddingBottom:1,paddingRight:4},t.default.createElement(c.Box,{position:"relative",paddingRight:l?6:0},t.default.createElement(y.SubNavSectionLabel,{onClick:S,ariaExpanded:i,ariaControls:d,collapsable:e,label:u}),l&&t.default.createElement(h.Badge,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)"},l))),(!e||i)&&t.default.createElement("ol",{id:d},n.Children.map(p,(o,b)=>t.default.createElement("li",{key:b},o))))};s.defaultProps={badgeLabel:null,children:void 0,collapsable:!1,id:void 0};s.propTypes={badgeLabel:a.default.string,children:a.default.node,collapsable:a.default.bool,id:a.default.string,label:a.default.string.isRequired};exports.SubNavSection=s;

package/dist/SubNav/SubNavSection.js

@@ -2,9 +2,9 @@ import e, { useState as f, Children as b } from "react";
 import t from "prop-types";
 import h from "styled-components";
 import { Box as l } from "../Box/Box.js";
-import { Badge as E } from "../Badge/Badge.js";
-import { SubNavSectionLabel as S } from "./SubNavSectionLabel.js";
-import { useId as v } from "../helpers/useId.js";
+import { Badge as v } from "../Badge/Badge.js";
+import { SubNavSectionLabel as E } from "./SubNavSectionLabel.js";
+import { useId as S } from "../helpers/useId.js";
 import { Stack as k } from "../Stack/Stack.js";
 const C = h(l)`
   svg {
@@ -14,7 +14,7 @@ const C = h(l)`
     }
   }
 `, p = ({ collapsable: r, label: s, badgeLabel: o, children: d, id: m }) => {
-  const [a, c] = f(!0), n = v("subnav-list", m), u = () => {
+  const [n, c] = f(!0), a = S("subnav-list", m), u = () => {
     c((i) => !i);
   };
   return /* @__PURE__ */ e.createElement(k, {
@@ -27,27 +27,28 @@ const C = h(l)`
   }, /* @__PURE__ */ e.createElement(l, {
     position: "relative",
     paddingRight: o ? 6 : 0
-  }, /* @__PURE__ */ e.createElement(S, {
+  }, /* @__PURE__ */ e.createElement(E, {
     onClick: u,
-    ariaExpanded: a,
-    ariaControls: n,
+    ariaExpanded: n,
+    ariaControls: a,
     collapsable: r,
     label: s
-  }), o && /* @__PURE__ */ e.createElement(E, {
+  }), o && /* @__PURE__ */ e.createElement(v, {
     backgroundColor: "neutral150",
     textColor: "neutral600",
     position: "absolute",
     right: 0,
     top: "50%",
     transform: "translateY(-50%)"
-  }, o))), (!r || a) && /* @__PURE__ */ e.createElement("ol", {
-    id: n
+  }, o))), (!r || n) && /* @__PURE__ */ e.createElement("ol", {
+    id: a
   }, b.map(d, (i, g) => /* @__PURE__ */ e.createElement("li", {
     key: g
   }, i))));
 };
 p.defaultProps = {
   badgeLabel: null,
+  children: void 0,
   collapsable: !1,
   id: void 0
 };

package/dist/SubNav/SubNavSectionLabel.cjs

@@ -6,4 +6,4 @@
   display: flex;
   align-items: center;
   transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
-`,o=({collapsable:e,label:l,onClick:i,ariaExpanded:n,ariaControls:p})=>e?t.default.createElement(s,{as:"button",onClick:i,"aria-expanded":n,"aria-controls":p,textAlign:"left"},t.default.createElement(d.Box,{paddingRight:1},t.default.createElement(u.Typography,{variant:"sigma",textColor:"neutral600"},l)),e&&t.default.createElement(_,{rotated:n},t.default.createElement(m.default,{"aria-hidden":!0}))):t.default.createElement(s,null,t.default.createElement(d.Box,{paddingRight:1},t.default.createElement(u.Typography,{variant:"sigma",textColor:"neutral600"},l)));o.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick:()=>{}};o.propTypes={ariaControls:a.default.string,ariaExpanded:a.default.bool,collapsable:a.default.bool,label:a.default.string.isRequired,onClick:a.default.func};exports.SubNavSectionLabel=o;
+`,o=({collapsable:e,label:l,onClick:i,ariaExpanded:n,ariaControls:p})=>e?t.default.createElement(s,{as:"button",onClick:i,"aria-expanded":n,"aria-controls":p,textAlign:"left"},t.default.createElement(d.Box,{paddingRight:1},t.default.createElement(u.Typography,{variant:"sigma",textColor:"neutral600"},l)),e&&t.default.createElement(_,{rotated:n},t.default.createElement(m.default,{"aria-hidden":!0}))):t.default.createElement(s,null,t.default.createElement(d.Box,{paddingRight:1},t.default.createElement(u.Typography,{variant:"sigma",textColor:"neutral600"},l)));o.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick(){}};o.propTypes={ariaControls:a.default.string,ariaExpanded:a.default.bool,collapsable:a.default.bool,label:a.default.string.isRequired,onClick:a.default.func};exports.SubNavSectionLabel=o;

package/dist/SubNav/SubNavSectionLabel.js

@@ -38,7 +38,7 @@ m.defaultProps = {
   ariaControls: null,
   ariaExpanded: null,
   collapsable: !1,
-  onClick: () => {
+  onClick() {
   }
 };
 m.propTypes = {

package/dist/Table/TFooter.cjs

@@ -1,4 +1,4 @@
-"use strict";var h=Object.defineProperty;var i=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var u=(e,r,t)=>r in e?h(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))s.call(r,t)&&u(e,t,r[t]);if(i)for(var t of i(r))c.call(r,t)&&u(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var o in e)s.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&i)for(var o of i(e))r.indexOf(o)<0&&c.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),b=require("prop-types"),d=require("../Box/Box.cjs"),v=require("../Divider/Divider.cjs"),T=require("../Typography/Typography.cjs"),q=require("../Flex/Flex.cjs"),B=require("styled-components"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=l(x),f=l(b),g=l(B),_=g.default(d.Box)`
+"use strict";var h=Object.defineProperty;var i=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var u=(e,r,t)=>r in e?h(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))s.call(r,t)&&u(e,t,r[t]);if(i)for(var t of i(r))c.call(r,t)&&u(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var o in e)s.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&i)for(var o of i(e))r.indexOf(o)<0&&c.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),b=require("prop-types"),v=require("styled-components"),d=require("../Box/Box.cjs"),T=require("../Divider/Divider.cjs"),q=require("../Typography/Typography.cjs"),B=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=l(x),f=l(b),g=l(v),_=g.default(d.Box)`
   height: ${24/16}rem;
   width: ${24/16}rem;
   border-radius: 50%;
@@ -19,4 +19,4 @@
   display: block;
   width: 100%;
   border: none;
-`,m=o=>{var n=o,{children:e,icon:r}=n,t=y(n,["children","icon"]);return a.default.createElement("div",null,a.default.createElement(v.Divider,null),a.default.createElement(j,p({as:"button",background:"primary100",padding:5},t),a.default.createElement(q.Flex,null,a.default.createElement(_,{"aria-hidden":!0,background:"primary200"},r),a.default.createElement(d.Box,{paddingLeft:3},a.default.createElement(T.Typography,{variant:"pi",fontWeight:"bold",textColor:"primary600"},e)))))};m.propTypes={children:f.default.string.isRequired,icon:f.default.node.isRequired};exports.TFooter=m;
+`,m=o=>{var n=o,{children:e,icon:r}=n,t=y(n,["children","icon"]);return a.default.createElement("div",null,a.default.createElement(T.Divider,null),a.default.createElement(j,p({as:"button",background:"primary100",padding:5},t),a.default.createElement(B.Flex,null,a.default.createElement(_,{"aria-hidden":!0,background:"primary200"},r),a.default.createElement(d.Box,{paddingLeft:3},a.default.createElement(q.Typography,{variant:"pi",fontWeight:"bold",textColor:"primary600"},e)))))};m.propTypes={children:f.default.string.isRequired,icon:f.default.node.isRequired};exports.TFooter=m;

package/dist/Table/TFooter.js

@@ -20,11 +20,11 @@ var s = (e, t) => {
 };
 import i from "react";
 import u from "prop-types";
+import f from "styled-components";
 import { Box as a } from "../Box/Box.js";
 import { Divider as h } from "../Divider/Divider.js";
 import { Typography as y } from "../Typography/Typography.js";
 import { Flex as b } from "../Flex/Flex.js";
-import f from "styled-components";
 const x = f(a)`
   height: ${24 / 16}rem;
   width: ${24 / 16}rem;

package/dist/Table/Table.cjs

@@ -1,7 +1,7 @@
-"use strict";var _=Object.defineProperty;var s=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?_(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,x=(e,o)=>{for(var t in o||(o={}))w.call(o,t)&&g(e,t,o[t]);if(s)for(var t of s(o))T.call(o,t)&&g(e,t,o[t]);return e};var y=(e,o)=>{var t={};for(var a in e)w.call(e,a)&&o.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&s)for(var a of s(e))o.indexOf(a)<0&&T.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),v=require("prop-types"),k=require("../RawTable/RawTable.cjs"),q=require("styled-components"),f=require("../Box/Box.cjs"),h=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=h(d),u=h(v),c=h(q),B=c.default(f.Box)`
+"use strict";var _=Object.defineProperty;var s=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?_(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,x=(e,o)=>{for(var t in o||(o={}))w.call(o,t)&&g(e,t,o[t]);if(s)for(var t of s(o))T.call(o,t)&&g(e,t,o[t]);return e};var y=(e,o)=>{var t={};for(var a in e)w.call(e,a)&&o.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&s)for(var a of s(e))o.indexOf(a)<0&&T.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),v=require("prop-types"),k=require("styled-components"),q=require("../RawTable/RawTable.cjs"),f=require("../Box/Box.cjs"),h=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=h(d),u=h(v),c=h(k),B=c.default(f.Box)`
   overflow: hidden;
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,$=c.default(k.RawTable)`
+`,$=c.default(q.RawTable)`
   width: 100%;
   white-space: nowrap;
 `,L=c.default(f.Box)`
@@ -33,4 +33,4 @@
   }
 `,O=c.default(f.Box)`
   overflow-x: auto;
-`,b=E=>{var p=E,{colCount:e,rowCount:o,footer:t}=p,a=y(p,["colCount","rowCount","footer"]);const i=d.useRef(null),[R,l]=d.useState(),m=r=>{const S=r.target.scrollWidth-r.target.clientWidth;if(r.target.scrollLeft===0)return l("right");if(r.target.scrollLeft===S)return l("left");if(r.target.scrollLeft>0)return l("both")};return d.useEffect(()=>{i.current.scrollWidth>i.current.clientWidth&&l("right")},[]),n.default.createElement(B,{shadow:"tableShadow",hasRadius:!0,background:"neutral0"},n.default.createElement(L,{overflowing:R},n.default.createElement(O,{ref:i,onScroll:m,paddingLeft:6,paddingRight:6},n.default.createElement($,x({colCount:e,rowCount:o},a)))),t)};b.defaultProps={footer:void 0};b.propTypes={colCount:u.default.number.isRequired,footer:u.default.node,rowCount:u.default.number.isRequired};exports.Table=b;
+`,b=E=>{var p=E,{colCount:e,rowCount:o,footer:t}=p,a=y(p,["colCount","rowCount","footer"]);const i=d.useRef(null),[R,l]=d.useState(),m=r=>{const S=r.target.scrollWidth-r.target.clientWidth;if(r.target.scrollLeft===0){l("right");return}if(r.target.scrollLeft===S){l("left");return}r.target.scrollLeft>0&&l("both")};return d.useEffect(()=>{i.current.scrollWidth>i.current.clientWidth&&l("right")},[]),n.default.createElement(B,{shadow:"tableShadow",hasRadius:!0,background:"neutral0"},n.default.createElement(L,{overflowing:R},n.default.createElement(O,{ref:i,onScroll:m,paddingLeft:6,paddingRight:6},n.default.createElement($,x({colCount:e,rowCount:o},a)))),t)};b.defaultProps={footer:void 0};b.propTypes={colCount:u.default.number.isRequired,footer:u.default.node,rowCount:u.default.number.isRequired};exports.Table=b;

package/dist/Table/Table.js

@@ -1,11 +1,11 @@
 var S = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
+var l = Object.getOwnPropertySymbols;
 var p = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
 var u = (t, o, e) => o in t ? S(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, g = (t, o) => {
   for (var e in o || (o = {}))
     p.call(o, e) && u(t, e, o[e]);
-  if (n)
-    for (var e of n(o))
+  if (l)
+    for (var e of l(o))
       b.call(o, e) && u(t, e, o[e]);
   return t;
 };
@@ -13,15 +13,15 @@ var m = (t, o) => {
   var e = {};
   for (var r in t)
     p.call(t, r) && o.indexOf(r) < 0 && (e[r] = t[r]);
-  if (t != null && n)
-    for (var r of n(t))
+  if (t != null && l)
+    for (var r of l(t))
       o.indexOf(r) < 0 && b.call(t, r) && (e[r] = t[r]);
   return e;
 };
-import l, { useRef as k, useState as $, useEffect as v } from "react";
+import n, { useRef as k, useState as $, useEffect as v } from "react";
 import c from "prop-types";
-import { RawTable as y } from "../RawTable/RawTable.js";
 import s from "styled-components";
+import { RawTable as y } from "../RawTable/RawTable.js";
 import { Box as f } from "../Box/Box.js";
 const E = s(f)`
   overflow: hidden;
@@ -62,27 +62,30 @@ const E = s(f)`
   var h = C, { colCount: t, rowCount: o, footer: e } = h, r = m(h, ["colCount", "rowCount", "footer"]);
   const d = k(null), [T, i] = $(), x = (a) => {
     const R = a.target.scrollWidth - a.target.clientWidth;
-    if (a.target.scrollLeft === 0)
-      return i("right");
-    if (a.target.scrollLeft === R)
-      return i("left");
-    if (a.target.scrollLeft > 0)
-      return i("both");
+    if (a.target.scrollLeft === 0) {
+      i("right");
+      return;
+    }
+    if (a.target.scrollLeft === R) {
+      i("left");
+      return;
+    }
+    a.target.scrollLeft > 0 && i("both");
   };
   return v(() => {
     d.current.scrollWidth > d.current.clientWidth && i("right");
-  }, []), /* @__PURE__ */ l.createElement(E, {
+  }, []), /* @__PURE__ */ n.createElement(E, {
     shadow: "tableShadow",
     hasRadius: !0,
     background: "neutral0"
-  }, /* @__PURE__ */ l.createElement(O, {
+  }, /* @__PURE__ */ n.createElement(O, {
     overflowing: T
-  }, /* @__PURE__ */ l.createElement(W, {
+  }, /* @__PURE__ */ n.createElement(W, {
     ref: d,
     onScroll: x,
     paddingLeft: 6,
     paddingRight: 6
-  }, /* @__PURE__ */ l.createElement(L, g({
+  }, /* @__PURE__ */ n.createElement(L, g({
     colCount: t,
     rowCount: o
   }, r)))), e);

package/dist/Tabs/TabGroup.cjs

@@ -1 +1 @@
-"use strict";var C=Object.defineProperty;var n=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var b=(e,t,a)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,y=(e,t)=>{for(var a in t||(t={}))T.call(t,a)&&b(e,a,t[a]);if(n)for(var a of n(t))v.call(t,a)&&b(e,a,t[a]);return e};var I=(e,t)=>{var a={};for(var d in e)T.call(e,d)&&t.indexOf(d)<0&&(a[d]=e[d]);if(e!=null&&n)for(var d of n(e))t.indexOf(d)<0&&v.call(e,d)&&(a[d]=e[d]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),S=require("prop-types"),P=require("./TabsContext.cjs"),R=require("../helpers/useId.cjs"),h=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=h(s),r=h(S),i=s.forwardRef((j,x)=>{var c=j,{id:e,initialSelectedTabIndex:t,label:a,onTabChange:d,variant:m}=c,u=I(c,["id","initialSelectedTabIndex","label","onTabChange","variant"]);const _=R.useId("tabgroup",e),p=s.Children.toArray(u.children).find(l=>l.type.displayName==="Tabs");let o=t||0;p&&t===void 0&&(o=p.props.children.findIndex(l=>!l.props.disabled));const[q,f]=s.useState(o===-1?0:o);return s.useImperativeHandle(x,()=>({_handlers:{setSelectedTabIndex:f}})),g.default.createElement(P.TabsContext.Provider,{value:{id:_,selectedTabIndex:q,selectTabIndex:f,label:a,variant:m,onTabChange:d}},g.default.createElement("div",y({},u)))});i.displayName="TabGroup";i.defaultProps={id:void 0,initialSelectedTabIndex:void 0,onTabChange:()=>{},variant:void 0};i.propTypes={children:r.default.node.isRequired,id:r.default.string,initialSelectedTabIndex:r.default.number,label:r.default.string.isRequired,onTabChange:r.default.func,variant:r.default.oneOf(["simple"])};exports.TabGroup=i;
+"use strict";var C=Object.defineProperty;var n=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var b=(e,t,a)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,y=(e,t)=>{for(var a in t||(t={}))T.call(t,a)&&b(e,a,t[a]);if(n)for(var a of n(t))v.call(t,a)&&b(e,a,t[a]);return e};var I=(e,t)=>{var a={};for(var d in e)T.call(e,d)&&t.indexOf(d)<0&&(a[d]=e[d]);if(e!=null&&n)for(var d of n(e))t.indexOf(d)<0&&v.call(e,d)&&(a[d]=e[d]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),S=require("prop-types"),P=require("./TabsContext.cjs"),R=require("../helpers/useId.cjs"),h=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=h(s),r=h(S),i=s.forwardRef((j,x)=>{var c=j,{id:e,initialSelectedTabIndex:t,label:a,onTabChange:d,variant:m}=c,u=I(c,["id","initialSelectedTabIndex","label","onTabChange","variant"]);const _=R.useId("tabgroup",e),p=s.Children.toArray(u.children).find(l=>l.type.displayName==="Tabs");let o=t||0;p&&t===void 0&&(o=p.props.children.findIndex(l=>!l.props.disabled));const[q,f]=s.useState(o===-1?0:o);return s.useImperativeHandle(x,()=>({_handlers:{setSelectedTabIndex:f}})),g.default.createElement(P.TabsContext.Provider,{value:{id:_,selectedTabIndex:q,selectTabIndex:f,label:a,variant:m,onTabChange:d}},g.default.createElement("div",y({},u)))});i.displayName="TabGroup";i.defaultProps={id:void 0,initialSelectedTabIndex:void 0,onTabChange(){},variant:void 0};i.propTypes={children:r.default.node.isRequired,id:r.default.string,initialSelectedTabIndex:r.default.number,label:r.default.string.isRequired,onTabChange:r.default.func,variant:r.default.oneOf(["simple"])};exports.TabGroup=i;

package/dist/Tabs/TabGroup.js

@@ -38,7 +38,7 @@ s.displayName = "TabGroup";
 s.defaultProps = {
   id: void 0,
   initialSelectedTabIndex: void 0,
-  onTabChange: () => {
+  onTabChange() {
   },
   variant: void 0
 };

package/dist/Tabs/useTabsFocus.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),n=(r,c)=>{const e=t.useRef(null),u=t.useRef(null);return t.useEffect(()=>{if(!!e.current){if(u.current){const s=e.current.querySelector('[tabindex="0"]');s&&(s.focus(),c(r))}u.current||(u.current=!0)}},[r]),e};exports.useTabsFocus=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),a=require("@radix-ui/react-use-callback-ref"),o=(t,n)=>{const e=r.useRef(null),u=r.useRef(null),c=a.useCallbackRef(n);return r.useEffect(()=>{if(!!e.current){if(u.current){const s=e.current.querySelector('[tabindex="0"]');s&&(s.focus(),c(t))}u.current||(u.current=!0)}},[t,c]),e};exports.useTabsFocus=o;

package/dist/Tabs/useTabsFocus.js

@@ -1,16 +1,17 @@
-import { useRef as n, useEffect as o } from "react";
-const s = (e, c) => {
-  const r = n(null), t = n(null);
-  return o(() => {
-    if (!!r.current) {
-      if (t.current) {
-        const u = r.current.querySelector('[tabindex="0"]');
-        u && (u.focus(), c(e));
+import { useRef as c, useEffect as f } from "react";
+import { useCallbackRef as s } from "@radix-ui/react-use-callback-ref";
+const i = (t, o) => {
+  const e = c(null), r = c(null), u = s(o);
+  return f(() => {
+    if (!!e.current) {
+      if (r.current) {
+        const n = e.current.querySelector('[tabindex="0"]');
+        n && (n.focus(), u(t));
       }
-      t.current || (t.current = !0);
+      r.current || (r.current = !0);
     }
-  }, [e]), r;
+  }, [t, u]), e;
 };
 export {
-  s as useTabsFocus
+  i as useTabsFocus
 };

package/dist/TextInput/TextInput.cjs

@@ -1 +1 @@
-"use strict";var _=Object.defineProperty;var a=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var F=(e,l,t)=>l in e?_(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,q=(e,l)=>{for(var t in l||(l={}))m.call(l,t)&&F(e,t,l[t]);if(a)for(var t of a(l))b.call(l,t)&&F(e,t,l[t]);return e};var j=(e,l)=>{var t={};for(var r in e)m.call(e,r)&&l.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&a)for(var r of a(e))l.indexOf(r)<0&&b.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),h=require("prop-types"),x=require("../Field/Field.cjs"),R=require("../Field/FieldLabel.cjs"),S=require("../Field/FieldInput.cjs"),k=require("../Field/FieldHint.cjs"),z=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const O=require("../Stack/Stack.cjs"),H=require("../themes/sizes.cjs"),L=require("../helpers/useId.cjs"),v=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=v(s),i=v(h),n=d.default.forwardRef((P,c)=>{var f=P,{size:e,startAction:l,endAction:t,name:r,hint:I,error:g,label:u,labelAction:y,id:E,required:T}=f,o=j(f,["size","startAction","endAction","name","hint","error","label","labelAction","id","required"]);const A=L.useId("textinput",E),p=s.useRef(null);if(!u&&!o["aria-label"])throw new Error('The TextInput component needs a "label" or an "aria-label" props');return s.useImperativeHandle(c,()=>({inputWrapperRef:p})),d.default.createElement("div",{ref:p},d.default.createElement(x.Field,{name:r,hint:I,error:g,id:A},d.default.createElement(O.Stack,{spacing:1},u&&d.default.createElement(R.FieldLabel,{required:T,action:y},u),d.default.createElement(S.FieldInput,q({size:e,ref:c,startAction:l,endAction:t},o)),d.default.createElement(k.FieldHint,null),d.default.createElement(z.FieldError,null))))});n.displayName="TextInput";n.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,startAction:void 0,size:"M",endAction:void 0,required:!1};n.propTypes={"aria-label":i.default.string,endAction:i.default.element,error:i.default.string,hint:i.default.oneOfType([i.default.string,i.default.node,i.default.arrayOf(i.default.node)]),id:i.default.string,label:i.default.string,labelAction:i.default.element,name:i.default.string.isRequired,required:i.default.bool,size:i.default.oneOf(Object.keys(H.sizes.input)),startAction:i.default.element};exports.TextInput=n;
+"use strict";var _=Object.defineProperty;var a=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var F=(e,i,l)=>i in e?_(e,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[i]=l,q=(e,i)=>{for(var l in i||(i={}))b.call(i,l)&&F(e,l,i[l]);if(a)for(var l of a(i))m.call(i,l)&&F(e,l,i[l]);return e};var j=(e,i)=>{var l={};for(var r in e)b.call(e,r)&&i.indexOf(r)<0&&(l[r]=e[r]);if(e!=null&&a)for(var r of a(e))i.indexOf(r)<0&&m.call(e,r)&&(l[r]=e[r]);return l};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),h=require("prop-types"),x=require("../Field/Field.cjs"),O=require("../Field/FieldLabel.cjs"),R=require("../Field/FieldInput.cjs"),S=require("../Field/FieldHint.cjs"),k=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const z=require("../Stack/Stack.cjs"),H=require("../themes/sizes.cjs"),L=require("../helpers/useId.cjs"),v=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=v(o),t=v(h),n=d.default.forwardRef((P,c)=>{var f=P,{size:e,startAction:i,endAction:l,name:r,hint:y,error:I,label:u,labelAction:g,id:E,required:T}=f,s=j(f,["size","startAction","endAction","name","hint","error","label","labelAction","id","required"]);const A=L.useId("textinput",E),p=o.useRef(null);if(!u&&!s["aria-label"])throw new Error('The TextInput component needs a "label" or an "aria-label" props');return o.useImperativeHandle(c,()=>({inputWrapperRef:p})),d.default.createElement("div",{ref:p},d.default.createElement(x.Field,{name:r,hint:y,error:I,id:A},d.default.createElement(z.Stack,{spacing:1},u&&d.default.createElement(O.FieldLabel,{required:T,action:g},u),d.default.createElement(R.FieldInput,q({size:e,ref:c,startAction:i,endAction:l},s)),d.default.createElement(S.FieldHint,null),d.default.createElement(k.FieldError,null))))});n.displayName="TextInput";n.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,startAction:void 0,size:"M",endAction:void 0,required:!1};n.propTypes={"aria-label":t.default.string,endAction:t.default.element,error:t.default.oneOfType([t.default.string,t.default.bool]),hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),id:t.default.string,label:t.default.string,labelAction:t.default.element,name:t.default.string.isRequired,required:t.default.bool,size:t.default.oneOf(Object.keys(H.sizes.input)),startAction:t.default.element};exports.TextInput=n;

package/dist/TextInput/TextInput.js

@@ -1,26 +1,26 @@
 var F = Object.defineProperty;
 var a = Object.getOwnPropertySymbols;
 var u = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var f = (e, r, t) => r in e ? F(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, v = (e, r) => {
-  for (var t in r || (r = {}))
-    u.call(r, t) && f(e, t, r[t]);
+var f = (e, i, r) => i in e ? F(e, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[i] = r, v = (e, i) => {
+  for (var r in i || (i = {}))
+    u.call(i, r) && f(e, r, i[r]);
   if (a)
-    for (var t of a(r))
-      b.call(r, t) && f(e, t, r[t]);
+    for (var r of a(i))
+      b.call(i, r) && f(e, r, i[r]);
   return e;
 };
-var E = (e, r) => {
-  var t = {};
+var E = (e, i) => {
+  var r = {};
   for (var o in e)
-    u.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+    u.call(e, o) && i.indexOf(o) < 0 && (r[o] = e[o]);
   if (e != null && a)
     for (var o of a(e))
-      r.indexOf(o) < 0 && b.call(e, o) && (t[o] = e[o]);
-  return t;
+      i.indexOf(o) < 0 && b.call(e, o) && (r[o] = e[o]);
+  return r;
 };
-import n, { useRef as R, useImperativeHandle as h } from "react";
-import i from "prop-types";
-import { Field as O } from "../Field/Field.js";
+import n, { useRef as O, useImperativeHandle as R } from "react";
+import t from "prop-types";
+import { Field as h } from "../Field/Field.js";
 import { FieldLabel as q } from "../Field/FieldLabel.js";
 import { FieldInput as w } from "../Field/FieldInput.js";
 import { FieldHint as z } from "../Field/FieldHint.js";
@@ -31,31 +31,31 @@ import { Stack as H } from "../Stack/Stack.js";
 import { sizes as P } from "../themes/sizes.js";
 import { useId as _ } from "../helpers/useId.js";
 const m = n.forwardRef(
-  (j, p) => {
-    var s = j, { size: e, startAction: r, endAction: t, name: o, hint: g, error: I, label: l, labelAction: T, id: y, required: A } = s, d = E(s, ["size", "startAction", "endAction", "name", "hint", "error", "label", "labelAction", "id", "required"]);
-    const x = _("textinput", y), c = R(null);
-    if (!l && !d["aria-label"])
+  (j, d) => {
+    var s = j, { size: e, startAction: i, endAction: r, name: o, hint: g, error: T, label: l, labelAction: y, id: I, required: A } = s, p = E(s, ["size", "startAction", "endAction", "name", "hint", "error", "label", "labelAction", "id", "required"]);
+    const x = _("textinput", I), c = O(null);
+    if (!l && !p["aria-label"])
       throw new Error('The TextInput component needs a "label" or an "aria-label" props');
-    return h(p, () => ({
+    return R(d, () => ({
       inputWrapperRef: c
     })), /* @__PURE__ */ n.createElement("div", {
       ref: c
-    }, /* @__PURE__ */ n.createElement(O, {
+    }, /* @__PURE__ */ n.createElement(h, {
       name: o,
       hint: g,
-      error: I,
+      error: T,
       id: x
     }, /* @__PURE__ */ n.createElement(H, {
       spacing: 1
     }, l && /* @__PURE__ */ n.createElement(q, {
       required: A,
-      action: T
+      action: y
     }, l), /* @__PURE__ */ n.createElement(w, v({
       size: e,
-      ref: p,
-      startAction: r,
-      endAction: t
-    }, d)), /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(k, null))));
+      ref: d,
+      startAction: i,
+      endAction: r
+    }, p)), /* @__PURE__ */ n.createElement(z, null), /* @__PURE__ */ n.createElement(k, null))));
   }
 );
 m.displayName = "TextInput";
@@ -72,17 +72,17 @@ m.defaultProps = {
   required: !1
 };
 m.propTypes = {
-  "aria-label": i.string,
-  endAction: i.element,
-  error: i.string,
-  hint: i.oneOfType([i.string, i.node, i.arrayOf(i.node)]),
-  id: i.string,
-  label: i.string,
-  labelAction: i.element,
-  name: i.string.isRequired,
-  required: i.bool,
-  size: i.oneOf(Object.keys(P.input)),
-  startAction: i.element
+  "aria-label": t.string,
+  endAction: t.element,
+  error: t.oneOfType([t.string, t.bool]),
+  hint: t.oneOfType([t.string, t.node, t.arrayOf(t.node)]),
+  id: t.string,
+  label: t.string,
+  labelAction: t.element,
+  name: t.string.isRequired,
+  required: t.bool,
+  size: t.oneOf(Object.keys(P.input)),
+  startAction: t.element
 };
 export {
   m as TextInput

package/dist/Textarea/Textarea.cjs

@@ -1,4 +1,4 @@
-"use strict";var T=Object.defineProperty;var d=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var s=(e,l,t)=>l in e?T(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,p=(e,l)=>{for(var t in l||(l={}))c.call(l,t)&&s(e,t,l[t]);if(d)for(var t of d(l))f.call(l,t)&&s(e,t,l[t]);return e};var F=(e,l)=>{var t={};for(var a in e)c.call(e,a)&&l.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&d)for(var a of d(e))l.indexOf(a)<0&&f.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),v=require("prop-types"),E=require("../Field/Field.cjs"),_=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const I=require("../Field/FieldHint.cjs"),S=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const O=require("./TextareaInput.cjs"),k=require("../Stack/Stack.cjs"),w=require("../Flex/Flex.cjs"),L=require("styled-components"),P=require("../helpers/useId.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=u(b),r=u(v),R=u(L),$=R.default.div`
+"use strict";var T=Object.defineProperty;var d=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var s=(e,l,t)=>l in e?T(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,p=(e,l)=>{for(var t in l||(l={}))c.call(l,t)&&s(e,t,l[t]);if(d)for(var t of d(l))f.call(l,t)&&s(e,t,l[t]);return e};var F=(e,l)=>{var t={};for(var a in e)c.call(e,a)&&l.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&d)for(var a of d(e))l.indexOf(a)<0&&f.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),v=require("prop-types"),E=require("styled-components"),_=require("../Field/Field.cjs"),I=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const S=require("../Field/FieldHint.cjs"),O=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const k=require("./TextareaInput.cjs"),w=require("../Stack/Stack.cjs"),L=require("../Flex/Flex.cjs"),P=require("../helpers/useId.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=u(b),r=u(v),R=u(E),$=R.default.div`
   & textarea {
     // TODO: remove when we'll have fonts in the theme
     height: ${80/16}rem;
@@ -12,4 +12,4 @@
     color: ${({theme:e})=>e.colors.neutral500};
     opacity: 1;
   }
-`,n=i.default.forwardRef((A,y)=>{var o=A,{name:e,hint:l,error:t,label:a,children:m,labelAction:h,id:q,required:g}=o,x=F(o,["name","hint","error","label","children","labelAction","id","required"]);const j=P.useId("textarea",q);return i.default.createElement($,null,i.default.createElement(E.Field,{name:e,hint:l,error:t,id:j},i.default.createElement(k.Stack,{spacing:1},a&&i.default.createElement(w.Flex,null,i.default.createElement(_.FieldLabel,{required:g,action:h},a)),i.default.createElement(O.TextareaInput,p({ref:y,as:"textarea",value:m},x)),i.default.createElement(I.FieldHint,null),i.default.createElement(S.FieldError,null))))});n.displayName="Textarea";n.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,children:"",required:!1};n.propTypes={"aria-label":r.default.string,children:r.default.string,error:r.default.string,hint:r.default.oneOfType([r.default.string,r.default.node,r.default.arrayOf(r.default.node)]),id:r.default.string,label:r.default.string,labelAction:r.default.element,name:r.default.string.isRequired,required:r.default.bool};exports.Textarea=n;
+`,n=i.default.forwardRef((A,y)=>{var o=A,{name:e,hint:l,error:t,label:a,children:m,labelAction:h,id:q,required:g}=o,x=F(o,["name","hint","error","label","children","labelAction","id","required"]);const j=P.useId("textarea",q);return i.default.createElement($,null,i.default.createElement(_.Field,{name:e,hint:l,error:t,id:j},i.default.createElement(w.Stack,{spacing:1},a&&i.default.createElement(L.Flex,null,i.default.createElement(I.FieldLabel,{required:g,action:h},a)),i.default.createElement(k.TextareaInput,p({ref:y,as:"textarea",value:m},x)),i.default.createElement(S.FieldHint,null),i.default.createElement(O.FieldError,null))))});n.displayName="Textarea";n.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,children:"",required:!1};n.propTypes={"aria-label":r.default.string,children:r.default.string,error:r.default.string,hint:r.default.oneOfType([r.default.string,r.default.node,r.default.arrayOf(r.default.node)]),id:r.default.string,label:r.default.string,labelAction:r.default.element,name:r.default.string.isRequired,required:r.default.bool};exports.Textarea=n;

package/dist/Textarea/Textarea.js

@@ -20,19 +20,19 @@ var f = (e, t) => {
 };
 import a from "react";
 import i from "prop-types";
-import { Field as y } from "../Field/Field.js";
-import { FieldLabel as F } from "../Field/FieldLabel.js";
+import y from "styled-components";
+import { Field as F } from "../Field/Field.js";
+import { FieldLabel as w } from "../Field/FieldLabel.js";
 import "../Field/FieldInput.js";
-import { FieldHint as w } from "../Field/FieldHint.js";
-import { FieldError as O } from "../Field/FieldError.js";
+import { FieldHint as O } from "../Field/FieldHint.js";
+import { FieldError as $ } from "../Field/FieldError.js";
 import "../Field/FieldContext.js";
 import "../Field/FieldAction.js";
-import { TextareaInput as $ } from "./TextareaInput.js";
-import { Stack as q } from "../Stack/Stack.js";
-import { Flex as I } from "../Flex/Flex.js";
-import R from "styled-components";
+import { TextareaInput as q } from "./TextareaInput.js";
+import { Stack as I } from "../Stack/Stack.js";
+import { Flex as R } from "../Flex/Flex.js";
 import { useId as A } from "../helpers/useId.js";
-const P = R.div`
+const P = y.div`
   & textarea {
     // TODO: remove when we'll have fonts in the theme
     height: ${80 / 16}rem;
@@ -50,21 +50,21 @@ const P = R.div`
   (_, E) => {
     var m = _, { name: e, hint: t, error: r, label: o, children: h, labelAction: u, id: g, required: v } = m, x = f(m, ["name", "hint", "error", "label", "children", "labelAction", "id", "required"]);
     const T = A("textarea", g);
-    return /* @__PURE__ */ a.createElement(P, null, /* @__PURE__ */ a.createElement(y, {
+    return /* @__PURE__ */ a.createElement(P, null, /* @__PURE__ */ a.createElement(F, {
       name: e,
       hint: t,
       error: r,
       id: T
-    }, /* @__PURE__ */ a.createElement(q, {
+    }, /* @__PURE__ */ a.createElement(I, {
       spacing: 1
-    }, o && /* @__PURE__ */ a.createElement(I, null, /* @__PURE__ */ a.createElement(F, {
+    }, o && /* @__PURE__ */ a.createElement(R, null, /* @__PURE__ */ a.createElement(w, {
       required: v,
       action: u
-    }, o)), /* @__PURE__ */ a.createElement($, s({
+    }, o)), /* @__PURE__ */ a.createElement(q, s({
       ref: E,
       as: "textarea",
       value: h
-    }, x)), /* @__PURE__ */ a.createElement(w, null), /* @__PURE__ */ a.createElement(O, null))));
+    }, x)), /* @__PURE__ */ a.createElement(O, null), /* @__PURE__ */ a.createElement($, null))));
   }
 );
 n.displayName = "Textarea";

package/dist/TimePicker/TimePicker.cjs

@@ -1,4 +1,4 @@
-"use strict";var L=Object.defineProperty;var c=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var g=(e,s,l)=>s in e?L(e,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[s]=l,O=(e,s)=>{for(var l in s||(s={}))q.call(s,l)&&g(e,l,s[l]);if(c)for(var l of c(s))v.call(s,l)&&g(e,l,s[l]);return e};var S=(e,s)=>{var l={};for(var u in e)q.call(e,u)&&s.indexOf(u)<0&&(l[u]=e[u]);if(e!=null&&c)for(var u of c(e))s.indexOf(u)<0&&v.call(e,u)&&(l[u]=e[u]);return l};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("react"),x=require("prop-types"),D=require("@strapi/icons/Clock"),G=require("styled-components"),H=require("../themes/sizes.cjs"),N=require("../Select/Select.cjs"),V=require("../Select/Option.cjs");require("../Select/OptGroup.cjs");require("../Select/MultiSelectNested.cjs");require("../Select/SelectList.cjs");const W=require("../helpers/useId.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=f(w),t=f(x),A=f(D),B=f(G),F=B.default.div`
+"use strict";var w=Object.defineProperty;var c=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var g=(t,s,l)=>s in t?w(t,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[s]=l,q=(t,s)=>{for(var l in s||(s={}))O.call(s,l)&&g(t,l,s[l]);if(c)for(var l of c(s))T.call(s,l)&&g(t,l,s[l]);return t};var v=(t,s)=>{var l={};for(var r in t)O.call(t,r)&&s.indexOf(r)<0&&(l[r]=t[r]);if(t!=null&&c)for(var r of c(t))s.indexOf(r)<0&&T.call(t,r)&&(l[r]=t[r]);return l};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("react"),x=require("prop-types"),D=require("@strapi/icons/Clock"),G=require("styled-components"),H=require("../themes/sizes.cjs"),N=require("../Select/Select.cjs"),V=require("../Select/Option.cjs");require("../Select/OptGroup.cjs");require("../Select/MultiSelectNested.cjs");require("../Select/SelectList.cjs");const W=require("../helpers/useId.cjs"),f=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},d=f(B),e=f(x),A=f(D),F=f(G),J=F.default.div`
   display: flex;
   align-items: center;
   svg {
@@ -7,6 +7,6 @@
   }
 
   svg path {
-    fill: ${({theme:e})=>e.colors.neutral500};
+    fill: ${({theme:t})=>t.colors.neutral500};
   }
-`,h=J=>{var y=J,{disabled:e,error:s,hint:l,id:u,onClear:T,onChange:_,value:p,clearLabel:j,label:M,step:k,size:C}=y,I=S(y,["disabled","error","hint","id","onClear","onChange","value","clearLabel","label","step","size"]);const P=W.useId("timepicker",u),z=24,a=[];let n=0;for(let r=0;r<z;r++)for(n=0;n<60;)a.push(`${r<10?"0"+r:r}:${n<10?"0"+n:n}`),n+=k;const $=()=>{const r=p.split(":")[0],b=p.split(":")[1],E=a.reduce((o,m)=>{const i=m.split(":")[0];return Math.abs(i-r)<Math.abs(o-r)?i:o},a[0].split(":")[0]),R=a.reduce((o,m)=>{const i=m.split(":")[1];return Math.abs(i-b)<Math.abs(o-b)?i:o},a[0].split(":")[1]);return`${E}:${R}`};return d.default.createElement(N.Select,O({id:P,label:M,placeholder:"--:--",hint:l,onClear:T,clearLabel:j,error:s,value:p?$():null,size:C,onChange:_,disabled:e,startIcon:d.default.createElement(F,null,d.default.createElement(A.default,null))},I),a.map(r=>d.default.createElement(V.Option,{value:r,key:r},r)))};h.defaultProps={disabled:!1,error:void 0,hint:void 0,id:void 0,label:void 0,onClear:void 0,size:"M",step:15,value:void 0};h.propTypes={clearLabel:t.default.string.isRequired,disabled:t.default.bool,error:t.default.string,hint:t.default.oneOfType([t.default.string,t.default.node,t.default.arrayOf(t.default.node)]),id:t.default.oneOfType([t.default.string,t.default.number]),label:t.default.string,onChange:t.default.func.isRequired,onClear:t.default.func,size:t.default.oneOf(Object.keys(H.sizes.input)),step:t.default.number,value:t.default.oneOfType([t.default.arrayOf(t.default.oneOfType([t.default.string,t.default.number])),t.default.string,t.default.number])};exports.TimePicker=h;
+`,y=K=>{var b=K,{disabled:t,error:s,hint:l,id:r,onClear:S,onChange:_,value:p,clearLabel:j,label:M,selectButtonTitle:k,step:C,size:$}=b,I=v(b,["disabled","error","hint","id","onClear","onChange","value","clearLabel","label","selectButtonTitle","step","size"]);const P=W.useId("timepicker",r),z=24,a=[];let n=0;for(let u=0;u<z;u++)for(n=0;n<60;)a.push(`${u<10?`0${u}`:u}:${n<10?`0${n}`:n}`),n+=C;const E=()=>{const u=p.split(":")[0],h=p.split(":")[1],R=a.reduce((o,m)=>{const i=m.split(":")[0];return Math.abs(i-u)<Math.abs(o-u)?i:o},a[0].split(":")[0]),L=a.reduce((o,m)=>{const i=m.split(":")[1];return Math.abs(i-h)<Math.abs(o-h)?i:o},a[0].split(":")[1]);return`${R}:${L}`};return d.default.createElement(N.Select,q({id:P,label:M,placeholder:"--:--",hint:l,onClear:S,clearLabel:j,error:s,value:p?E():null,size:$,onChange:_,disabled:t,selectButtonTitle:k,startIcon:d.default.createElement(J,null,d.default.createElement(A.default,null))},I),a.map(u=>d.default.createElement(V.Option,{value:u,key:u},u)))};y.defaultProps={disabled:!1,error:void 0,hint:void 0,id:void 0,label:void 0,onClear:void 0,size:"M",selectButtonTitle:"",step:15,value:void 0};y.propTypes={clearLabel:e.default.string.isRequired,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,onChange:e.default.func.isRequired,onClear:e.default.func,selectButtonTitle:e.default.string,size:e.default.oneOf(Object.keys(H.sizes.input)),step:e.default.number,value:e.default.oneOfType([e.default.arrayOf(e.default.oneOfType([e.default.string,e.default.number])),e.default.string,e.default.number])};exports.TimePicker=y;