@strapi/design-system 1.6.2 → 1.6.3

package/dist/Box/Box.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("styled-components"),o=require("../helpers/handleResponsiveValues.cjs"),r=require("../helpers/theme.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=i(a),l={color:!0},m=d.default.div.withConfig({shouldForwardProp:(e,t)=>!l[e]&&t(e)})`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("styled-components"),o=require("../helpers/handleResponsiveValues.cjs"),r=require("../helpers/theme.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=a(i),l={color:!0,cursor:!0,height:!0,width:!0},m=d.default.div.withConfig({shouldForwardProp:(e,t)=>!l[e]&&t(e)})`
   // Font
   font-size: ${({fontSize:e,theme:t})=>r.extractStyleFromTheme(t.fontSizes,e,e)};
 

package/dist/Box/Box.js

@@ -1,64 +1,67 @@
 import d from "styled-components";
-import i from "../helpers/handleResponsiveValues.js";
-import { extractStyleFromTheme as s } from "../helpers/theme.js";
-const $ = {
-  color: !0
+import s from "../helpers/handleResponsiveValues.js";
+import { extractStyleFromTheme as r } from "../helpers/theme.js";
+const t = {
+  color: !0,
+  cursor: !0,
+  height: !0,
+  width: !0
 }, l = d.div.withConfig({
-  shouldForwardProp: (e, o) => !$[e] && o(e)
+  shouldForwardProp: (e, o) => !t[e] && o(e)
 })`
   // Font
   font-size: ${({
   fontSize: e,
   theme: o
-}) => s(o.fontSizes, e, e)};
+}) => r(o.fontSizes, e, e)};
 
   // Colors
   background: ${({
   theme: e,
   background: o
-}) => s(e.colors, o, void 0)};
+}) => r(e.colors, o, void 0)};
   color: ${({
   theme: e,
   color: o
-}) => s(e.colors, o, void 0)};
+}) => r(e.colors, o, void 0)};
 
   // Spaces
   ${({
   theme: e,
   padding: o
-}) => i("padding", o, e)}
+}) => s("padding", o, e)}
   ${({
   theme: e,
   paddingTop: o
-}) => i("padding-top", o, e)}
+}) => s("padding-top", o, e)}
   ${({
   theme: e,
   paddingRight: o
-}) => i("padding-right", o, e)}
+}) => s("padding-right", o, e)}
   ${({
   theme: e,
   paddingBottom: o
-}) => i("padding-bottom", o, e)}
+}) => s("padding-bottom", o, e)}
   ${({
   theme: e,
   paddingLeft: o
-}) => i("padding-left", o, e)}
+}) => s("padding-left", o, e)}
   ${({
   theme: e,
   marginLeft: o
-}) => i("margin-left", o, e)}
+}) => s("margin-left", o, e)}
   ${({
   theme: e,
   marginRight: o
-}) => i("margin-right", o, e)}
+}) => s("margin-right", o, e)}
   ${({
   theme: e,
   marginTop: o
-}) => i("margin-top", o, e)}
+}) => s("margin-top", o, e)}
   ${({
   theme: e,
   marginBottom: o
-}) => i("margin-bottom", o, e)}
+}) => s("margin-bottom", o, e)}
 
   // Responsive hiding
   ${({
@@ -75,8 +78,8 @@ const $ = {
   border-radius: ${({
   theme: e,
   hasRadius: o,
-  borderRadius: r
-}) => o ? e.borderRadius : r};
+  borderRadius: i
+}) => o ? e.borderRadius : i};
   border-style: ${({
   borderStyle: e
 }) => e};
@@ -86,14 +89,14 @@ const $ = {
   border-color: ${({
   borderColor: e,
   theme: o
-}) => s(o.colors, e, void 0)};
+}) => r(o.colors, e, void 0)};
   border: ${({
   theme: e,
   borderColor: o,
-  borderStyle: r,
+  borderStyle: i,
   borderWidth: n
 }) => {
-  if (o && !r && !n)
+  if (o && !i && !n)
     return `1px solid ${e.colors[o]}`;
 }};
 
@@ -101,7 +104,7 @@ const $ = {
   box-shadow: ${({
   theme: e,
   shadow: o
-}) => s(e.shadows, o, void 0)};
+}) => r(e.shadows, o, void 0)};
 
   // Handlers
   pointer-events: ${({
@@ -126,19 +129,19 @@ const $ = {
   left: ${({
   left: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   right: ${({
   right: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   top: ${({
   top: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   bottom: ${({
   bottom: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   z-index: ${({
   zIndex: e
 }) => e};
@@ -150,27 +153,27 @@ const $ = {
   width: ${({
   width: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   max-width: ${({
   maxWidth: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   min-width: ${({
   minWidth: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   height: ${({
   height: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   max-height: ${({
   maxHeight: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
   min-height: ${({
   minHeight: e,
   theme: o
-}) => s(o.spaces, e, e)};
+}) => r(o.spaces, e, e)};
 
   // Animation
   transition: ${({

package/dist/Field/Field.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),p=require("prop-types"),y=require("./FieldContext.cjs"),v=require("../helpers/useId.cjs"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=o(c),e=o(p),d=({children:t,name:u,error:l,hint:a,id:n,required:i,...s})=>{const f=v.useId(n);return r.default.createElement("div",{...s},r.default.createElement(y.FieldContext.Provider,{value:{name:u,id:f,error:l,hint:a,required:i}},t))};d.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0,required:!1};d.propTypes={children:e.default.node.isRequired,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]),name:e.default.string,required:e.default.bool};exports.Field=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),p=require("prop-types"),y=require("./FieldContext.cjs"),v=require("../helpers/useId.cjs"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=o(c),e=o(p),d=({children:t,name:l,error:u,hint:a,id:n,required:i,...f})=>{const s=v.useId(n);return r.default.createElement("div",{...f},r.default.createElement(y.FieldContext.Provider,{value:{name:l,id:s,error:u,hint:a,required:i}},t))};d.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0,required:!1};d.propTypes={children:e.default.node.isRequired,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.oneOfType([e.default.string,e.default.bool,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number]),name:e.default.string,required:e.default.bool};exports.Field=d;

package/dist/Field/Field.js

@@ -1,13 +1,13 @@
 import r from "react";
 import e from "prop-types";
-import { FieldContext as f } from "./FieldContext.js";
-import { useId as l } from "../helpers/useId.js";
+import { FieldContext as s } from "./FieldContext.js";
+import { useId as f } from "../helpers/useId.js";
 const o = ({ children: i, name: t, error: d, hint: n, id: p, required: m, ...a }) => {
-  const s = l(p);
+  const l = f(p);
   return /* @__PURE__ */ r.createElement("div", {
     ...a
-  }, /* @__PURE__ */ r.createElement(f.Provider, {
-    value: { name: t, id: s, error: d, hint: n, required: m }
+  }, /* @__PURE__ */ r.createElement(s.Provider, {
+    value: { name: t, id: l, error: d, hint: n, required: m }
   }, i));
 };
 o.defaultProps = {
@@ -20,7 +20,7 @@ o.defaultProps = {
 o.propTypes = {
   children: e.node.isRequired,
   error: e.oneOfType([e.string, e.bool]),
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
+  hint: e.oneOfType([e.string, e.bool, e.node, e.arrayOf(e.node)]),
   id: e.oneOfType([e.string, e.number]),
   name: e.string,
   required: e.bool

package/dist/Popover/Popover.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),j=require("prop-types"),S=require("styled-components"),s=require("@floating-ui/react-dom"),c=require("../Box/Box.cjs"),T=require("../Portal/Portal.cjs"),$=require("../helpers/useIntersection.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function M(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=M(q),t=b(j),m=b(S),h=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],B=m.default(c.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),w=require("react"),y=require("styled-components"),a=require("@floating-ui/react-dom"),u=require("../Box/Box.cjs"),_=require("../Portal/Portal.cjs"),k=require("../helpers/useIntersection.cjs"),v=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function S(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=S(w),f=v(y),O=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],$=f.default(u.Box)`
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   z-index: 4;
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   background: ${({theme:e})=>e.colors.neutral0};
-`,W=m.default(c.Box)`
+`,p=({source:e,children:t,spacing:o=0,fullWidth:r=!1,placement:s="bottom-start",centered:i=!1,...c})=>{const[h,g]=l.useState(void 0),{x:m,y:x,reference:d,floating:j,strategy:P}=a.useFloating({strategy:"fixed",placement:i?"bottom":s,middleware:[a.offset({mainAxis:o}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return l.useLayoutEffect(()=>{d(e.current)},[e,d]),l.useLayoutEffect(()=>{r&&g(e.current.offsetWidth)},[r,e]),n.jsx($,{ref:j,style:{left:m,top:x,position:P,width:h||void 0},hasRadius:!0,background:"neutral0",padding:1,...c,children:t})},b=({children:e,intersectionId:t,onReachEnd:o,...r})=>{const s=l.useRef(null);return k.useIntersection(s,o??(()=>{}),{selectorToWatch:`#${t}`,skipWhen:!t||!o}),n.jsxs(q,{ref:s,...r,children:[e,t&&o&&n.jsx(u.Box,{id:t,width:"100%",height:"1px"})]})},q=f.default(u.Box)`
   // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
   max-height: ${3*5}rem;
   overflow-y: auto;
@@ -23,4 +23,4 @@
     border-radius: ${({theme:e})=>e.borderRadius};
     margin-right: 10px;
   }
-`,u=({source:e,children:n,spacing:r,fullWidth:a,placement:y,onReachEnd:i,intersectionId:l,centered:v,...x})=>{const f=o.useRef(null),[w,E]=o.useState(void 0),{x:_,y:O,reference:p,floating:k,strategy:R}=s.useFloating({strategy:"fixed",placement:v?"bottom":y,middleware:[s.offset({mainAxis:r}),s.shift(),s.flip()],whileElementsMounted:s.autoUpdate});return o.useLayoutEffect(()=>{p(e.current)},[e,p]),o.useLayoutEffect(()=>{a&&E(e.current.offsetWidth)},[a,e]),$.useIntersection(f,i,{selectorToWatch:`#${l}`,skipWhen:!l||!i}),o.createElement(B,{ref:k,style:{left:_,top:O,position:R,width:w||void 0},hasRadius:!0,background:"neutral0",padding:1},o.createElement(W,{ref:f,...x},n,l&&i&&o.createElement(c.Box,{id:l,width:"100%",height:"1px"})))},d=e=>o.createElement(T.Portal,null,o.createElement(u,{...e})),g={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start",spacing:0},P={centered:t.default.bool,children:t.default.node.isRequired,fullWidth:t.default.bool,intersectionId:t.default.string,onReachEnd:t.default.func,placement:t.default.oneOf(h),source:t.default.shape({current:(typeof Element>"u"?t.default.any:t.default.instanceOf(Element)).isRequired}).isRequired,spacing:t.default.number};u.propTypes=P;u.defaultProps=g;d.propTypes=P;d.defaultProps=g;exports.POPOVER_PLACEMENTS=h;exports.Popover=d;
+`,E=({children:e,source:t,spacing:o,fullWidth:r,placement:s,centered:i,...c})=>n.jsx(_.Portal,{children:n.jsx(p,{source:t,spacing:o,fullWidth:r,placement:s,centered:i,children:n.jsx(b,{...c,children:e})})});exports.Content=p;exports.POPOVER_PLACEMENTS=O;exports.Popover=E;exports.Scrolling=b;

package/dist/Popover/Popover.js

@@ -1,29 +1,83 @@
-import * as o from "react";
-import t from "prop-types";
-import d from "styled-components";
-import { useFloating as R, offset as $, shift as W, flip as T, autoUpdate as O } from "@floating-ui/react-dom";
-import { Box as s } from "../Box/Box.js";
-import { Portal as S } from "../Portal/Portal.js";
-import { useIntersection as q } from "../helpers/useIntersection.js";
-const L = [
-  "top",
-  "top-start",
-  "top-end",
-  "right",
-  "right-start",
-  "right-end",
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "left",
-  "left-start",
-  "left-end"
-], z = d(s)`
-  box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import * as a from "react";
+import c from "styled-components";
+import { useFloating as w, offset as k, shift as y, flip as $, autoUpdate as v } from "@floating-ui/react-dom";
+import { Box as d } from "../Box/Box.js";
+import { Portal as P } from "../Portal/Portal.js";
+import { useIntersection as S } from "../helpers/useIntersection.js";
+const T = ["top", "top-start", "top-end", "right", "right-start", "right-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end"], W = c(d)`
+  box-shadow: ${({
+  theme: t
+}) => t.shadows.filterShadow};
   z-index: 4;
-  border: 1px solid ${({ theme: e }) => e.colors.neutral150};
-  background: ${({ theme: e }) => e.colors.neutral0};
-`, A = d(s)`
+  border: 1px solid ${({
+  theme: t
+}) => t.colors.neutral150};
+  background: ${({
+  theme: t
+}) => t.colors.neutral0};
+`, E = ({
+  source: t,
+  children: e,
+  spacing: o = 0,
+  fullWidth: r = !1,
+  placement: s = "bottom-start",
+  centered: n = !1,
+  ...l
+}) => {
+  const [p, u] = a.useState(void 0), {
+    x: h,
+    y: m,
+    reference: f,
+    floating: b,
+    strategy: g
+  } = w({
+    strategy: "fixed",
+    placement: n ? "bottom" : s,
+    middleware: [k({
+      mainAxis: o
+    }), y(), $()],
+    whileElementsMounted: v
+  });
+  return a.useLayoutEffect(() => {
+    f(t.current);
+  }, [t, f]), a.useLayoutEffect(() => {
+    r && u(t.current.offsetWidth);
+  }, [r, t]), i(W, {
+    ref: b,
+    style: {
+      left: h,
+      top: m,
+      position: g,
+      width: p || void 0
+    },
+    hasRadius: !0,
+    background: "neutral0",
+    padding: 1,
+    ...l,
+    children: e
+  });
+}, R = ({
+  children: t,
+  intersectionId: e,
+  onReachEnd: o,
+  ...r
+}) => {
+  const s = a.useRef(null);
+  return S(s, o ?? (() => {
+  }), {
+    selectorToWatch: `#${e}`,
+    skipWhen: !e || !o
+  }), x(L, {
+    ref: s,
+    ...r,
+    children: [t, e && o && i(d, {
+      id: e,
+      width: "100%",
+      height: "1px"
+    })]
+  });
+}, L = c(d)`
   // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
   max-height: ${3 * 5}rem;
   overflow-y: auto;
@@ -35,89 +89,44 @@ const L = [
   }
 
   &::-webkit-scrollbar-track {
-    background: ${({ theme: e }) => e.colors.neutral0};
+    background: ${({
+  theme: t
+}) => t.colors.neutral0};
   }
 
   &::-webkit-scrollbar-thumb {
-    background: ${({ theme: e }) => e.colors.neutral150};
-    border-radius: ${({ theme: e }) => e.borderRadius};
+    background: ${({
+  theme: t
+}) => t.colors.neutral150};
+    border-radius: ${({
+  theme: t
+}) => t.borderRadius};
     margin-right: 10px;
   }
-`, a = ({
+`, B = ({
+  children: t,
   source: e,
-  children: m,
-  spacing: h,
-  fullWidth: i,
-  placement: b,
-  onReachEnd: n,
-  intersectionId: r,
-  centered: g,
-  ...w
-}) => {
-  const l = o.useRef(null), [v, x] = o.useState(void 0), { x: y, y: E, reference: p, floating: P, strategy: k } = R({
-    strategy: "fixed",
-    placement: g ? "bottom" : b,
-    middleware: [
-      $({
-        mainAxis: h
-      }),
-      W(),
-      T()
-    ],
-    whileElementsMounted: O
-  });
-  return o.useLayoutEffect(() => {
-    p(e.current);
-  }, [e, p]), o.useLayoutEffect(() => {
-    i && x(e.current.offsetWidth);
-  }, [i, e]), q(l, n, {
-    selectorToWatch: `#${r}`,
-    skipWhen: !r || !n
-  }), /* @__PURE__ */ o.createElement(z, {
-    ref: P,
-    style: {
-      left: y,
-      top: E,
-      position: k,
-      width: v || void 0
-    },
-    hasRadius: !0,
-    background: "neutral0",
-    padding: 1
-  }, /* @__PURE__ */ o.createElement(A, {
-    ref: l,
-    ...w
-  }, m, r && n && /* @__PURE__ */ o.createElement(s, {
-    id: r,
-    width: "100%",
-    height: "1px"
-  })));
-}, c = (e) => /* @__PURE__ */ o.createElement(S, null, /* @__PURE__ */ o.createElement(a, {
-  ...e
-})), f = {
-  fullWidth: !1,
-  intersectionId: void 0,
-  onReachEnd: void 0,
-  centered: !1,
-  placement: "bottom-start",
-  spacing: 0
-}, u = {
-  centered: t.bool,
-  children: t.node.isRequired,
-  fullWidth: t.bool,
-  intersectionId: t.string,
-  onReachEnd: t.func,
-  placement: t.oneOf(L),
-  source: t.shape({
-    current: (typeof Element > "u" ? t.any : t.instanceOf(Element)).isRequired
-  }).isRequired,
-  spacing: t.number
-};
-a.propTypes = u;
-a.defaultProps = f;
-c.propTypes = u;
-c.defaultProps = f;
+  spacing: o,
+  fullWidth: r,
+  placement: s,
+  centered: n,
+  ...l
+}) => i(P, {
+  children: i(E, {
+    source: e,
+    spacing: o,
+    fullWidth: r,
+    placement: s,
+    centered: n,
+    children: i(R, {
+      ...l,
+      children: t
+    })
+  })
+});
 export {
-  L as POPOVER_PLACEMENTS,
-  c as Popover
+  E as Content,
+  T as POPOVER_PLACEMENTS,
+  B as Popover,
+  R as Scrolling
 };

package/dist/Popover/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Popover.cjs");exports.POPOVER_PLACEMENTS=e.POPOVER_PLACEMENTS;exports.Popover=e.Popover;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Popover.cjs"),o={Content:e.Content,Scrolling:e.Scrolling};exports.POPOVER_PLACEMENTS=e.POPOVER_PLACEMENTS;exports.Popover=e.Popover;exports.PopoverPrimitives=o;

package/dist/Popover/index.js

@@ -1,5 +1,11 @@
-import { POPOVER_PLACEMENTS as r, Popover as E } from "./Popover.js";
+import { Content as o, Scrolling as r } from "./Popover.js";
+import { POPOVER_PLACEMENTS as p, Popover as m } from "./Popover.js";
+const e = {
+  Content: o,
+  Scrolling: r
+};
 export {
-  r as POPOVER_PLACEMENTS,
-  E as Popover
+  p as POPOVER_PLACEMENTS,
+  m as Popover,
+  e as PopoverPrimitives
 };

package/dist/Select/Select.cjs

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

package/dist/Select/Select.js

@@ -203,7 +203,7 @@ z.propTypes = {
   customizeContent: e.func,
   disabled: e.bool,
   error: e.oneOfType([e.string, e.bool]),
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
+  hint: e.oneOfType([e.string, e.bool, e.node, e.arrayOf(e.node)]),
   id: e.oneOfType([e.string, e.number]),
   label: e.string,
   labelAction: e.element,

package/dist/TextInput/TextInput.cjs

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

package/dist/TextInput/TextInput.js

@@ -10,10 +10,10 @@ import "../Field/FieldAction.js";
 import { Stack as O } from "../Stack/Stack.js";
 import { sizes as R } from "../themes/sizes.js";
 import { useId as h } from "../helpers/useId.js";
-const i = r.forwardRef(
-  ({ size: l, startAction: m, endAction: d, name: p, hint: s, error: c, label: t, labelAction: f, id: u, required: b, ...o }, n) => {
+const o = r.forwardRef(
+  ({ size: l, startAction: m, endAction: d, name: p, hint: s, error: c, label: t, labelAction: f, id: u, required: b, ...i }, n) => {
     const v = h(u), a = E(null);
-    if (!t && !o["aria-label"])
+    if (!t && !i["aria-label"])
       throw new Error('The TextInput component needs a "label" or an "aria-label" props');
     return g(n, () => ({
       inputWrapperRef: a
@@ -34,12 +34,12 @@ const i = r.forwardRef(
       ref: n,
       startAction: m,
       endAction: d,
-      ...o
+      ...i
     }), /* @__PURE__ */ r.createElement(A, null), /* @__PURE__ */ r.createElement(F, null))));
   }
 );
-i.displayName = "TextInput";
-i.defaultProps = {
+o.displayName = "TextInput";
+o.defaultProps = {
   "aria-label": void 0,
   label: void 0,
   labelAction: void 0,
@@ -51,11 +51,11 @@ i.defaultProps = {
   endAction: void 0,
   required: !1
 };
-i.propTypes = {
+o.propTypes = {
   "aria-label": e.string,
   endAction: e.element,
   error: e.oneOfType([e.string, e.bool]),
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
+  hint: e.oneOfType([e.string, e.bool, e.node, e.arrayOf(e.node)]),
   id: e.string,
   label: e.string,
   labelAction: e.element,
@@ -65,5 +65,5 @@ i.propTypes = {
   startAction: e.element
 };
 export {
-  i as TextInput
+  o as TextInput
 };

package/dist/TimePicker/TimePicker.cjs

@@ -9,4 +9,4 @@
   svg path {
     fill: ${({theme:l})=>l.colors.neutral500};
   }
-`,c=({disabled:l,error:p,hint:b,id:m,onClear:y,onChange:h,value:o,clearLabel:g,label:q,required:v,selectButtonTitle:O,step:T,size:S,...j})=>{const M=B.useId(m),_=24,s=[];let u=0;for(let t=0;t<_;t++)for(u=0;u<60;)s.push(`${t<10?`0${t}`:t}:${u<10?`0${u}`:u}`),u+=T;const $=()=>{const t=o.split(":")[0],f=o.split(":")[1],C=s.reduce((r,i)=>{const a=i.split(":")[0];return Math.abs(a-t)<Math.abs(r-t)?a:r},s[0].split(":")[0]),I=s.reduce((r,i)=>{const a=i.split(":")[1];return Math.abs(a-f)<Math.abs(r-f)?a:r},s[0].split(":")[1]);return`${C}:${I}`};return n.default.createElement(L.Select,{id:M,label:q,placeholder:"--:--",hint:b,onClear:y,clearLabel:g,error:p,value:o?$():null,size:S,onChange:h,disabled:l,required:v,selectButtonTitle:O,startIcon:n.default.createElement(D,null,n.default.createElement(z.Clock,null)),...j},s.map(t=>n.default.createElement(w.Option,{value:t,key:t},t)))};c.defaultProps={disabled:!1,error:void 0,hint:void 0,id:void 0,label:void 0,onClear:void 0,required:!1,size:"M",selectButtonTitle:void 0,step:15,value:void 0};c.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,required:e.default.bool,selectButtonTitle:e.default.string,size:e.default.oneOf(Object.keys(R.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=c;
+`,c=({disabled:l,error:p,hint:b,id:m,onClear:y,onChange:h,value:o,clearLabel:g,label:q,required:v,selectButtonTitle:O,step:T,size:S,...j})=>{const M=B.useId(m),_=24,s=[];let u=0;for(let t=0;t<_;t++)for(u=0;u<60;)s.push(`${t<10?`0${t}`:t}:${u<10?`0${u}`:u}`),u+=T;const $=()=>{const t=o.split(":")[0],f=o.split(":")[1],C=s.reduce((r,i)=>{const a=i.split(":")[0];return Math.abs(a-t)<Math.abs(r-t)?a:r},s[0].split(":")[0]),I=s.reduce((r,i)=>{const a=i.split(":")[1];return Math.abs(a-f)<Math.abs(r-f)?a:r},s[0].split(":")[1]);return`${C}:${I}`};return n.default.createElement(L.Select,{id:M,label:q,placeholder:"--:--",hint:b,onClear:y,clearLabel:g,error:p,value:o?$():null,size:S,onChange:h,disabled:l,required:v,selectButtonTitle:O,startIcon:n.default.createElement(D,null,n.default.createElement(z.Clock,null)),...j},s.map(t=>n.default.createElement(w.Option,{value:t,key:t},t)))};c.defaultProps={disabled:!1,error:void 0,hint:void 0,id:void 0,label:void 0,onClear:void 0,required:!1,size:"M",selectButtonTitle:void 0,step:15,value:void 0};c.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.bool,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,required:e.default.bool,selectButtonTitle:e.default.string,size:e.default.oneOf(Object.keys(R.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=c;

package/dist/TimePicker/TimePicker.js

@@ -89,7 +89,7 @@ m.propTypes = {
   clearLabel: e.string.isRequired,
   disabled: e.bool,
   error: e.oneOfType([e.string, e.bool]),
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
+  hint: e.oneOfType([e.string, e.bool, e.node, e.arrayOf(e.node)]),
   id: e.oneOfType([e.string, e.number]),
   label: e.string,
   onChange: e.func.isRequired,

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./Accordion/Accordion.cjs"),y=require("./Accordion/AccordionContent.cjs"),L=require("./Accordion/AccordionToggle.cjs"),g=require("./Accordion/AccordionGroup.cjs"),N=require("./Alert/Alert.cjs"),t=require("./Avatar/Avatar.cjs"),B=require("./Avatar/AvatarGroup.cjs"),m=require("./Badge/Badge.cjs"),a=require("./BaseButton/BaseButton.cjs"),h=require("./BaseCheckbox/BaseCheckbox.cjs"),k=require("./BaseLink/BaseLink.cjs"),F=require("./BaseRadio/BaseRadio.cjs"),x=require("./BaseRadio/RadioGroup.cjs"),A=require("./Box/Box.cjs"),i=require("./Breadcrumbs/Breadcrumbs.cjs"),s=require("./Button/Button.cjs"),I=require("./Card/Card.cjs"),P=require("./Card/CardAction.cjs"),M=require("./Card/CardAsset.cjs"),R=require("./Card/CardBadge.cjs"),D=require("./Card/CardBody.cjs"),w=require("./Card/CardCheckbox.cjs"),G=require("./Card/CardContent.cjs"),H=require("./Card/CardHeader.cjs"),O=require("./Card/CardTimer.cjs"),c=require("./Card/CardTitle.cjs"),E=require("./CarouselInput/Carousel.cjs"),W=require("./CarouselInput/CarouselInput.cjs"),V=require("./CarouselInput/CarouselActions.cjs"),f=require("./CarouselInput/CarouselImage.cjs"),J=require("./CarouselInput/CarouselSlide.cjs"),K=require("./Checkbox/Checkbox.cjs"),n=require("./Combobox/Combobox.cjs"),U=require("./Combobox/ComboboxOption.cjs"),_=require("./Dialog/Dialog.cjs"),z=require("./Dialog/DialogBody.cjs"),$=require("./Dialog/DialogFooter.cjs"),Q=require("./DismissibleLayer/DismissibleLayer.cjs"),X=require("./DatePicker/DatePicker.cjs"),Y=require("./DateTimePicker/DateTimePicker.cjs"),Z=require("./Divider/Divider.cjs"),ee=require("./EmptyStateLayout/EmptyStateLayout.cjs"),oe=require("./Field/Field.cjs"),re=require("./Field/FieldLabel.cjs"),u=require("./Field/FieldInput.cjs"),te=require("./Field/FieldHint.cjs"),ae=require("./Field/FieldError.cjs"),d=require("./Field/FieldContext.cjs"),ie=require("./Field/FieldAction.cjs"),se=require("./FocusTrap/FocusTrap.cjs"),ce=require("./Grid/Grid.cjs"),ne=require("./Grid/GridItem.cjs"),ue=require("./Icon/Icon.cjs"),l=require("./IconButton/IconButton.cjs"),de=require("./JSONInput/JSONInput.cjs"),le=require("./KeyboardNavigable/KeyboardNavigable.cjs"),Te=require("./Layout/Layout.cjs"),be=require("./Layout/ActionLayout.cjs"),Ce=require("./Layout/ContentLayout.cjs"),T=require("./Layout/HeaderLayout.cjs"),je=require("./Layout/TwoColsLayout.cjs"),qe=require("./Layout/GridLayout.cjs"),pe=require("./Link/Link.cjs"),Se=require("./LinkButton/LinkButton.cjs"),ve=require("./LiveRegions/useNotifyAT.cjs"),ye=require("./LiveRegions/LiveRegions.cjs"),Le=require("./Loader/Loader.cjs"),ge=require("./Main/Main.cjs"),Ne=require("./Main/SkipToContent.cjs"),Be=require("./MainNav/MainNav.cjs"),me=require("./MainNav/NavBrand.cjs"),he=require("./MainNav/NavCondense.cjs"),ke=require("./MainNav/NavFooter.cjs"),Fe=require("./MainNav/NavLink.cjs"),xe=require("./MainNav/NavSection.cjs"),Ae=require("./MainNav/NavSections.cjs"),Ie=require("./MainNav/NavUser.cjs"),Pe=require("./ModalLayout/ModalLayout.cjs"),Me=require("./ModalLayout/ModalHeader.cjs"),Re=require("./ModalLayout/ModalFooter.cjs"),De=require("./ModalLayout/ModalBody.cjs"),we=require("./NumberInput/NumberInput.cjs"),Ge=require("./Pagination/Pagination.cjs"),e=require("./Pagination/components.cjs"),b=require("./Popover/Popover.cjs"),He=require("./Portal/Portal.cjs"),Oe=require("./ProgressBar/ProgressBar.cjs"),Ee=require("./Radio/Radio.cjs"),We=require("./RawTable/RawTable.cjs"),C=require("./RawTable/RawCell.cjs"),Ve=require("./RawTable/RawThead.cjs"),fe=require("./RawTable/RawTbody.cjs"),Je=require("./RawTable/RawTr.cjs"),Ke=require("./Flex/Flex.cjs"),Ue=require("./Searchbar/Searchbar.cjs"),_e=require("./Searchbar/SearchForm.cjs"),ze=require("./Select/Select.cjs"),$e=require("./Select/Option.cjs"),Qe=require("./Select/OptGroup.cjs"),Xe=require("./Select/MultiSelectNested.cjs"),Ye=require("./Select/SelectList.cjs"),j=require("./SimpleMenu/SimpleMenu.cjs"),Ze=require("./Stack/Stack.cjs"),eo=require("./Status/Status.cjs"),q=require("./SubNav/SubNav.cjs"),oo=require("./SubNav/SubNavHeader.cjs"),ro=require("./SubNav/SubNavLink.cjs"),to=require("./SubNav/SubNavLinkSection.cjs"),ao=require("./SubNav/SubNavSection.cjs"),io=require("./SubNav/SubNavSections.cjs"),so=require("./Switch/Switch.cjs"),p=require("./Tabs/Tabs.cjs"),S=require("./Tabs/TabPanels.cjs"),co=require("./Tabs/TabGroup.cjs"),no=require("./Table/Table.cjs"),uo=require("./Table/Tbody.cjs"),lo=require("./Table/Thead.cjs"),To=require("./Table/Tr.cjs"),v=require("./Table/Cell.cjs"),bo=require("./Table/TFooter.cjs"),Co=require("./Tag/Tag.cjs"),jo=require("./TextButton/TextButton.cjs"),qo=require("./TextInput/TextInput.cjs"),po=require("./Textarea/Textarea.cjs"),So=require("./ThemeProvider/ThemeProvider.cjs"),vo=require("./ThemeProvider/hooks.cjs"),yo=require("./TimePicker/TimePicker.cjs"),Lo=require("./ToggleCheckbox/ToggleCheckbox.cjs"),go=require("./ToggleInput/ToggleInput.cjs"),No=require("./Tooltip/Tooltip.cjs"),Bo=require("./Typography/Typography.cjs"),mo=require("./VisuallyHidden/VisuallyHidden.cjs"),ho=require("./themes/lightTheme/index.cjs"),ko=require("./themes/darkTheme/index.cjs"),Fo=require("./themes/extendTheme.cjs"),o=require("./themes/utils.cjs");exports.Accordion=r.Accordion;exports.AccordionTypography=r.AccordionTypography;exports.AccordionContent=y.AccordionContent;exports.AccordionToggle=L.AccordionToggle;exports.AccordionGroup=g.AccordionGroup;exports.Alert=N.Alert;exports.Avatar=t.Avatar;exports.Initials=t.Initials;exports.AvatarGroup=B.AvatarGroup;exports.Badge=m.Badge;exports.BaseButton=a.BaseButton;exports.BaseButtonWrapper=a.BaseButtonWrapper;exports.BaseCheckbox=h.BaseCheckbox;exports.BaseLink=k.BaseLink;exports.BaseRadio=F.BaseRadio;exports.RadioGroup=x.RadioGroup;exports.Box=A.Box;exports.Breadcrumbs=i.Breadcrumbs;exports.Crumb=i.Crumb;exports.Button=s.Button;exports.ButtonWrapper=s.ButtonWrapper;exports.Card=I.Card;exports.CardAction=P.CardAction;exports.CardAsset=M.CardAsset;exports.CardBadge=R.CardBadge;exports.CardBody=D.CardBody;exports.CardCheckbox=w.CardCheckbox;exports.CardContent=G.CardContent;exports.CardHeader=H.CardHeader;exports.CardTimer=O.CardTimer;exports.CardSubtitle=c.CardSubtitle;exports.CardTitle=c.CardTitle;exports.Carousel=E.Carousel;exports.CarouselInput=W.CarouselInput;exports.CarouselActions=V.CarouselActions;exports.CarouselImage=f.CarouselImage;exports.CarouselSlide=J.CarouselSlide;exports.Checkbox=K.Checkbox;exports.Combobox=n.Combobox;exports.CreatableCombobox=n.CreatableCombobox;exports.ComboboxOption=U.ComboboxOption;exports.Dialog=_.Dialog;exports.DialogBody=z.DialogBody;exports.DialogFooter=$.DialogFooter;exports.DismissibleLayer=Q.DismissibleLayer;exports.DatePicker=X.DatePicker;exports.DateTimePicker=Y.DateTimePicker;exports.Divider=Z.Divider;exports.EmptyStateLayout=ee.EmptyStateLayout;exports.Field=oe.Field;exports.FieldLabel=re.FieldLabel;exports.FieldInput=u.FieldInput;exports.InputWrapper=u.InputWrapper;exports.FieldHint=te.FieldHint;exports.FieldError=ae.FieldError;exports.FieldContext=d.FieldContext;exports.useField=d.useField;exports.FieldAction=ie.FieldAction;exports.FocusTrap=se.FocusTrap;exports.Grid=ce.Grid;exports.GridItem=ne.GridItem;exports.Icon=ue.Icon;exports.IconButton=l.IconButton;exports.IconButtonGroup=l.IconButtonGroup;exports.JSONInput=de.JSONInput;exports.KeyboardNavigable=le.KeyboardNavigable;exports.Layout=Te.Layout;exports.ActionLayout=be.ActionLayout;exports.ContentLayout=Ce.ContentLayout;exports.BaseHeaderLayout=T.BaseHeaderLayout;exports.HeaderLayout=T.HeaderLayout;exports.TwoColsLayout=je.TwoColsLayout;exports.GridLayout=qe.GridLayout;exports.Link=pe.Link;exports.LinkButton=Se.LinkButton;exports.useNotifyAT=ve.useNotifyAT;exports.LiveRegions=ye.LiveRegions;exports.Loader=Le.Loader;exports.Main=ge.Main;exports.SkipToContent=Ne.SkipToContent;exports.MainNav=Be.MainNav;exports.NavBrand=me.NavBrand;exports.NavCondense=he.NavCondense;exports.NavFooter=ke.NavFooter;exports.NavLink=Fe.NavLink;exports.NavSection=xe.NavSection;exports.NavSections=Ae.NavSections;exports.NavUser=Ie.NavUser;exports.ModalLayout=Pe.ModalLayout;exports.ModalHeader=Me.ModalHeader;exports.ModalFooter=Re.ModalFooter;exports.ModalBody=De.ModalBody;exports.NumberInput=we.NumberInput;exports.Pagination=Ge.Pagination;exports.Dots=e.Dots;exports.NextLink=e.NextLink;exports.PageLink=e.PageLink;exports.PreviousLink=e.PreviousLink;exports.POPOVER_PLACEMENTS=b.POPOVER_PLACEMENTS;exports.Popover=b.Popover;exports.Portal=He.Portal;exports.ProgressBar=Oe.ProgressBar;exports.Radio=Ee.Radio;exports.RawTable=We.RawTable;exports.RawTd=C.RawTd;exports.RawTh=C.RawTh;exports.RawThead=Ve.RawThead;exports.RawTbody=fe.RawTbody;exports.RawTr=Je.RawTr;exports.Flex=Ke.Flex;exports.Searchbar=Ue.Searchbar;exports.SearchForm=_e.SearchForm;exports.Select=ze.Select;exports.Option=$e.Option;exports.OptGroup=Qe.OptGroup;exports.MultiSelectNested=Xe.MultiSelectNested;exports.SelectList=Ye.SelectList;exports.MenuItem=j.MenuItem;exports.SimpleMenu=j.SimpleMenu;exports.Stack=Ze.Stack;exports.Status=eo.Status;exports.SubNav=q.SubNav;exports.subNavWidth=q.subNavWidth;exports.SubNavHeader=oo.SubNavHeader;exports.SubNavLink=ro.SubNavLink;exports.SubNavLinkSection=to.SubNavLinkSection;exports.SubNavSection=ao.SubNavSection;exports.SubNavSections=io.SubNavSections;exports.Switch=so.Switch;exports.Tab=p.Tab;exports.Tabs=p.Tabs;exports.TabPanel=S.TabPanel;exports.TabPanels=S.TabPanels;exports.TabGroup=co.TabGroup;exports.Table=no.Table;exports.Tbody=uo.Tbody;exports.Thead=lo.Thead;exports.Tr=To.Tr;exports.Td=v.Td;exports.Th=v.Th;exports.TFooter=bo.TFooter;exports.Tag=Co.Tag;exports.TextButton=jo.TextButton;exports.TextInput=qo.TextInput;exports.Textarea=po.Textarea;exports.ThemeProvider=So.ThemeProvider;exports.useTheme=vo.useTheme;exports.TimePicker=yo.TimePicker;exports.ToggleCheckbox=Lo.ToggleCheckbox;exports.ToggleInput=go.ToggleInput;exports.Tooltip=No.Tooltip;exports.Typography=Bo.Typography;exports.VisuallyHidden=mo.VisuallyHidden;exports.lightTheme=ho.lightTheme;exports.darkTheme=ko.darkTheme;exports.extendTheme=Fo.extendTheme;exports.buttonFocusStyle=o.buttonFocusStyle;exports.getThemeSize=o.getThemeSize;exports.inputFocusStyle=o.inputFocusStyle;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./Accordion/Accordion.cjs"),y=require("./Accordion/AccordionContent.cjs"),L=require("./Accordion/AccordionToggle.cjs"),g=require("./Accordion/AccordionGroup.cjs"),N=require("./Alert/Alert.cjs"),t=require("./Avatar/Avatar.cjs"),m=require("./Avatar/AvatarGroup.cjs"),B=require("./Badge/Badge.cjs"),a=require("./BaseButton/BaseButton.cjs"),h=require("./BaseCheckbox/BaseCheckbox.cjs"),k=require("./BaseLink/BaseLink.cjs"),x=require("./BaseRadio/BaseRadio.cjs"),F=require("./BaseRadio/RadioGroup.cjs"),P=require("./Box/Box.cjs"),i=require("./Breadcrumbs/Breadcrumbs.cjs"),s=require("./Button/Button.cjs"),A=require("./Card/Card.cjs"),I=require("./Card/CardAction.cjs"),M=require("./Card/CardAsset.cjs"),R=require("./Card/CardBadge.cjs"),D=require("./Card/CardBody.cjs"),w=require("./Card/CardCheckbox.cjs"),G=require("./Card/CardContent.cjs"),H=require("./Card/CardHeader.cjs"),O=require("./Card/CardTimer.cjs"),c=require("./Card/CardTitle.cjs"),E=require("./CarouselInput/Carousel.cjs"),W=require("./CarouselInput/CarouselInput.cjs"),V=require("./CarouselInput/CarouselActions.cjs"),f=require("./CarouselInput/CarouselImage.cjs"),J=require("./CarouselInput/CarouselSlide.cjs"),K=require("./Checkbox/Checkbox.cjs"),n=require("./Combobox/Combobox.cjs"),U=require("./Combobox/ComboboxOption.cjs"),_=require("./Dialog/Dialog.cjs"),z=require("./Dialog/DialogBody.cjs"),$=require("./Dialog/DialogFooter.cjs"),Q=require("./DismissibleLayer/DismissibleLayer.cjs"),X=require("./DatePicker/DatePicker.cjs"),Y=require("./DateTimePicker/DateTimePicker.cjs"),Z=require("./Divider/Divider.cjs"),ee=require("./EmptyStateLayout/EmptyStateLayout.cjs"),oe=require("./Field/Field.cjs"),re=require("./Field/FieldLabel.cjs"),u=require("./Field/FieldInput.cjs"),te=require("./Field/FieldHint.cjs"),ae=require("./Field/FieldError.cjs"),d=require("./Field/FieldContext.cjs"),ie=require("./Field/FieldAction.cjs"),se=require("./FocusTrap/FocusTrap.cjs"),ce=require("./Grid/Grid.cjs"),ne=require("./Grid/GridItem.cjs"),ue=require("./Icon/Icon.cjs"),l=require("./IconButton/IconButton.cjs"),de=require("./JSONInput/JSONInput.cjs"),le=require("./KeyboardNavigable/KeyboardNavigable.cjs"),Te=require("./Layout/Layout.cjs"),be=require("./Layout/ActionLayout.cjs"),Ce=require("./Layout/ContentLayout.cjs"),T=require("./Layout/HeaderLayout.cjs"),je=require("./Layout/TwoColsLayout.cjs"),qe=require("./Layout/GridLayout.cjs"),pe=require("./Link/Link.cjs"),Se=require("./LinkButton/LinkButton.cjs"),ve=require("./LiveRegions/useNotifyAT.cjs"),ye=require("./LiveRegions/LiveRegions.cjs"),Le=require("./Loader/Loader.cjs"),ge=require("./Main/Main.cjs"),Ne=require("./Main/SkipToContent.cjs"),me=require("./MainNav/MainNav.cjs"),Be=require("./MainNav/NavBrand.cjs"),he=require("./MainNav/NavCondense.cjs"),ke=require("./MainNav/NavFooter.cjs"),xe=require("./MainNav/NavLink.cjs"),Fe=require("./MainNav/NavSection.cjs"),Pe=require("./MainNav/NavSections.cjs"),Ae=require("./MainNav/NavUser.cjs"),Ie=require("./ModalLayout/ModalLayout.cjs"),Me=require("./ModalLayout/ModalHeader.cjs"),Re=require("./ModalLayout/ModalFooter.cjs"),De=require("./ModalLayout/ModalBody.cjs"),we=require("./NumberInput/NumberInput.cjs"),Ge=require("./Pagination/Pagination.cjs"),e=require("./Pagination/components.cjs"),He=require("./Popover/index.cjs"),Oe=require("./Portal/Portal.cjs"),Ee=require("./ProgressBar/ProgressBar.cjs"),We=require("./Radio/Radio.cjs"),Ve=require("./RawTable/RawTable.cjs"),b=require("./RawTable/RawCell.cjs"),fe=require("./RawTable/RawThead.cjs"),Je=require("./RawTable/RawTbody.cjs"),Ke=require("./RawTable/RawTr.cjs"),Ue=require("./Flex/Flex.cjs"),_e=require("./Searchbar/Searchbar.cjs"),ze=require("./Searchbar/SearchForm.cjs"),$e=require("./Select/Select.cjs"),Qe=require("./Select/Option.cjs"),Xe=require("./Select/OptGroup.cjs"),Ye=require("./Select/MultiSelectNested.cjs"),Ze=require("./Select/SelectList.cjs"),C=require("./SimpleMenu/SimpleMenu.cjs"),eo=require("./Stack/Stack.cjs"),oo=require("./Status/Status.cjs"),j=require("./SubNav/SubNav.cjs"),ro=require("./SubNav/SubNavHeader.cjs"),to=require("./SubNav/SubNavLink.cjs"),ao=require("./SubNav/SubNavLinkSection.cjs"),io=require("./SubNav/SubNavSection.cjs"),so=require("./SubNav/SubNavSections.cjs"),co=require("./Switch/Switch.cjs"),q=require("./Tabs/Tabs.cjs"),p=require("./Tabs/TabPanels.cjs"),no=require("./Tabs/TabGroup.cjs"),uo=require("./Table/Table.cjs"),lo=require("./Table/Tbody.cjs"),To=require("./Table/Thead.cjs"),bo=require("./Table/Tr.cjs"),S=require("./Table/Cell.cjs"),Co=require("./Table/TFooter.cjs"),jo=require("./Tag/Tag.cjs"),qo=require("./TextButton/TextButton.cjs"),po=require("./TextInput/TextInput.cjs"),So=require("./Textarea/Textarea.cjs"),vo=require("./ThemeProvider/ThemeProvider.cjs"),yo=require("./ThemeProvider/hooks.cjs"),Lo=require("./TimePicker/TimePicker.cjs"),go=require("./ToggleCheckbox/ToggleCheckbox.cjs"),No=require("./ToggleInput/ToggleInput.cjs"),mo=require("./Tooltip/Tooltip.cjs"),Bo=require("./Typography/Typography.cjs"),ho=require("./VisuallyHidden/VisuallyHidden.cjs"),ko=require("./themes/lightTheme/index.cjs"),xo=require("./themes/darkTheme/index.cjs"),Fo=require("./themes/extendTheme.cjs"),o=require("./themes/utils.cjs"),v=require("./Popover/Popover.cjs");exports.Accordion=r.Accordion;exports.AccordionTypography=r.AccordionTypography;exports.AccordionContent=y.AccordionContent;exports.AccordionToggle=L.AccordionToggle;exports.AccordionGroup=g.AccordionGroup;exports.Alert=N.Alert;exports.Avatar=t.Avatar;exports.Initials=t.Initials;exports.AvatarGroup=m.AvatarGroup;exports.Badge=B.Badge;exports.BaseButton=a.BaseButton;exports.BaseButtonWrapper=a.BaseButtonWrapper;exports.BaseCheckbox=h.BaseCheckbox;exports.BaseLink=k.BaseLink;exports.BaseRadio=x.BaseRadio;exports.RadioGroup=F.RadioGroup;exports.Box=P.Box;exports.Breadcrumbs=i.Breadcrumbs;exports.Crumb=i.Crumb;exports.Button=s.Button;exports.ButtonWrapper=s.ButtonWrapper;exports.Card=A.Card;exports.CardAction=I.CardAction;exports.CardAsset=M.CardAsset;exports.CardBadge=R.CardBadge;exports.CardBody=D.CardBody;exports.CardCheckbox=w.CardCheckbox;exports.CardContent=G.CardContent;exports.CardHeader=H.CardHeader;exports.CardTimer=O.CardTimer;exports.CardSubtitle=c.CardSubtitle;exports.CardTitle=c.CardTitle;exports.Carousel=E.Carousel;exports.CarouselInput=W.CarouselInput;exports.CarouselActions=V.CarouselActions;exports.CarouselImage=f.CarouselImage;exports.CarouselSlide=J.CarouselSlide;exports.Checkbox=K.Checkbox;exports.Combobox=n.Combobox;exports.CreatableCombobox=n.CreatableCombobox;exports.ComboboxOption=U.ComboboxOption;exports.Dialog=_.Dialog;exports.DialogBody=z.DialogBody;exports.DialogFooter=$.DialogFooter;exports.DismissibleLayer=Q.DismissibleLayer;exports.DatePicker=X.DatePicker;exports.DateTimePicker=Y.DateTimePicker;exports.Divider=Z.Divider;exports.EmptyStateLayout=ee.EmptyStateLayout;exports.Field=oe.Field;exports.FieldLabel=re.FieldLabel;exports.FieldInput=u.FieldInput;exports.InputWrapper=u.InputWrapper;exports.FieldHint=te.FieldHint;exports.FieldError=ae.FieldError;exports.FieldContext=d.FieldContext;exports.useField=d.useField;exports.FieldAction=ie.FieldAction;exports.FocusTrap=se.FocusTrap;exports.Grid=ce.Grid;exports.GridItem=ne.GridItem;exports.Icon=ue.Icon;exports.IconButton=l.IconButton;exports.IconButtonGroup=l.IconButtonGroup;exports.JSONInput=de.JSONInput;exports.KeyboardNavigable=le.KeyboardNavigable;exports.Layout=Te.Layout;exports.ActionLayout=be.ActionLayout;exports.ContentLayout=Ce.ContentLayout;exports.BaseHeaderLayout=T.BaseHeaderLayout;exports.HeaderLayout=T.HeaderLayout;exports.TwoColsLayout=je.TwoColsLayout;exports.GridLayout=qe.GridLayout;exports.Link=pe.Link;exports.LinkButton=Se.LinkButton;exports.useNotifyAT=ve.useNotifyAT;exports.LiveRegions=ye.LiveRegions;exports.Loader=Le.Loader;exports.Main=ge.Main;exports.SkipToContent=Ne.SkipToContent;exports.MainNav=me.MainNav;exports.NavBrand=Be.NavBrand;exports.NavCondense=he.NavCondense;exports.NavFooter=ke.NavFooter;exports.NavLink=xe.NavLink;exports.NavSection=Fe.NavSection;exports.NavSections=Pe.NavSections;exports.NavUser=Ae.NavUser;exports.ModalLayout=Ie.ModalLayout;exports.ModalHeader=Me.ModalHeader;exports.ModalFooter=Re.ModalFooter;exports.ModalBody=De.ModalBody;exports.NumberInput=we.NumberInput;exports.Pagination=Ge.Pagination;exports.Dots=e.Dots;exports.NextLink=e.NextLink;exports.PageLink=e.PageLink;exports.PreviousLink=e.PreviousLink;exports.PopoverPrimitives=He.PopoverPrimitives;exports.Portal=Oe.Portal;exports.ProgressBar=Ee.ProgressBar;exports.Radio=We.Radio;exports.RawTable=Ve.RawTable;exports.RawTd=b.RawTd;exports.RawTh=b.RawTh;exports.RawThead=fe.RawThead;exports.RawTbody=Je.RawTbody;exports.RawTr=Ke.RawTr;exports.Flex=Ue.Flex;exports.Searchbar=_e.Searchbar;exports.SearchForm=ze.SearchForm;exports.Select=$e.Select;exports.Option=Qe.Option;exports.OptGroup=Xe.OptGroup;exports.MultiSelectNested=Ye.MultiSelectNested;exports.SelectList=Ze.SelectList;exports.MenuItem=C.MenuItem;exports.SimpleMenu=C.SimpleMenu;exports.Stack=eo.Stack;exports.Status=oo.Status;exports.SubNav=j.SubNav;exports.subNavWidth=j.subNavWidth;exports.SubNavHeader=ro.SubNavHeader;exports.SubNavLink=to.SubNavLink;exports.SubNavLinkSection=ao.SubNavLinkSection;exports.SubNavSection=io.SubNavSection;exports.SubNavSections=so.SubNavSections;exports.Switch=co.Switch;exports.Tab=q.Tab;exports.Tabs=q.Tabs;exports.TabPanel=p.TabPanel;exports.TabPanels=p.TabPanels;exports.TabGroup=no.TabGroup;exports.Table=uo.Table;exports.Tbody=lo.Tbody;exports.Thead=To.Thead;exports.Tr=bo.Tr;exports.Td=S.Td;exports.Th=S.Th;exports.TFooter=Co.TFooter;exports.Tag=jo.Tag;exports.TextButton=qo.TextButton;exports.TextInput=po.TextInput;exports.Textarea=So.Textarea;exports.ThemeProvider=vo.ThemeProvider;exports.useTheme=yo.useTheme;exports.TimePicker=Lo.TimePicker;exports.ToggleCheckbox=go.ToggleCheckbox;exports.ToggleInput=No.ToggleInput;exports.Tooltip=mo.Tooltip;exports.Typography=Bo.Typography;exports.VisuallyHidden=ho.VisuallyHidden;exports.lightTheme=ko.lightTheme;exports.darkTheme=xo.darkTheme;exports.extendTheme=Fo.extendTheme;exports.buttonFocusStyle=o.buttonFocusStyle;exports.getThemeSize=o.getThemeSize;exports.inputFocusStyle=o.inputFocusStyle;exports.POPOVER_PLACEMENTS=v.POPOVER_PLACEMENTS;exports.Popover=v.Popover;

package/dist/index.js

@@ -3,14 +3,14 @@ import { AccordionContent as m } from "./Accordion/AccordionContent.js";
 import { AccordionToggle as f } from "./Accordion/AccordionToggle.js";
 import { AccordionGroup as i } from "./Accordion/AccordionGroup.js";
 import { Alert as d } from "./Alert/Alert.js";
-import { Avatar as l, Initials as T } from "./Avatar/Avatar.js";
+import { Avatar as l, Initials as s } from "./Avatar/Avatar.js";
 import { AvatarGroup as c } from "./Avatar/AvatarGroup.js";
 import { Badge as C } from "./Badge/Badge.js";
-import { BaseButton as y, BaseButtonWrapper as L } from "./BaseButton/BaseButton.js";
+import { BaseButton as v, BaseButtonWrapper as y } from "./BaseButton/BaseButton.js";
 import { BaseCheckbox as B } from "./BaseCheckbox/BaseCheckbox.js";
 import { BaseLink as N } from "./BaseLink/BaseLink.js";
 import { BaseRadio as k } from "./BaseRadio/BaseRadio.js";
-import { RadioGroup as A } from "./BaseRadio/RadioGroup.js";
+import { RadioGroup as P } from "./BaseRadio/RadioGroup.js";
 import { Box as I } from "./Box/Box.js";
 import { Breadcrumbs as M, Crumb as G } from "./Breadcrumbs/Breadcrumbs.js";
 import { Button as D, ButtonWrapper as H } from "./Button/Button.js";
@@ -28,14 +28,14 @@ import { Carousel as xo } from "./CarouselInput/Carousel.js";
 import { CarouselInput as ao } from "./CarouselInput/CarouselInput.js";
 import { CarouselActions as no } from "./CarouselInput/CarouselActions.js";
 import { CarouselImage as lo } from "./CarouselInput/CarouselImage.js";
-import { CarouselSlide as so } from "./CarouselInput/CarouselSlide.js";
+import { CarouselSlide as To } from "./CarouselInput/CarouselSlide.js";
 import { Checkbox as bo } from "./Checkbox/Checkbox.js";
-import { Combobox as So, CreatableCombobox as yo } from "./Combobox/Combobox.js";
-import { ComboboxOption as vo } from "./Combobox/ComboboxOption.js";
+import { Combobox as So, CreatableCombobox as vo } from "./Combobox/Combobox.js";
+import { ComboboxOption as Lo } from "./Combobox/ComboboxOption.js";
 import { Dialog as go } from "./Dialog/Dialog.js";
 import { DialogBody as ho } from "./Dialog/DialogBody.js";
 import { DialogFooter as Fo } from "./Dialog/DialogFooter.js";
-import { DismissibleLayer as Po } from "./DismissibleLayer/DismissibleLayer.js";
+import { DismissibleLayer as Ao } from "./DismissibleLayer/DismissibleLayer.js";
 import { DatePicker as Ro } from "./DatePicker/DatePicker.js";
 import { DateTimePicker as Go } from "./DateTimePicker/DateTimePicker.js";
 import { Divider as Do } from "./Divider/Divider.js";
@@ -53,14 +53,14 @@ import { GridItem as xr } from "./Grid/GridItem.js";
 import { Icon as ar } from "./Icon/Icon.js";
 import { IconButton as nr, IconButtonGroup as dr } from "./IconButton/IconButton.js";
 import { JSONInput as lr } from "./JSONInput/JSONInput.js";
-import { KeyboardNavigable as sr } from "./KeyboardNavigable/KeyboardNavigable.js";
+import { KeyboardNavigable as Tr } from "./KeyboardNavigable/KeyboardNavigable.js";
 import { Layout as br } from "./Layout/Layout.js";
 import { ActionLayout as Sr } from "./Layout/ActionLayout.js";
-import { ContentLayout as Lr } from "./Layout/ContentLayout.js";
+import { ContentLayout as yr } from "./Layout/ContentLayout.js";
 import { BaseHeaderLayout as Br, HeaderLayout as gr } from "./Layout/HeaderLayout.js";
 import { TwoColsLayout as hr } from "./Layout/TwoColsLayout.js";
 import { GridLayout as Fr } from "./Layout/GridLayout.js";
-import { Link as Pr } from "./Link/Link.js";
+import { Link as Ar } from "./Link/Link.js";
 import { LinkButton as Rr } from "./LinkButton/LinkButton.js";
 import { useNotifyAT as Gr } from "./LiveRegions/useNotifyAT.js";
 import { LiveRegions as Dr } from "./LiveRegions/LiveRegions.js";
@@ -79,61 +79,62 @@ import { ModalLayout as xe } from "./ModalLayout/ModalLayout.js";
 import { ModalHeader as ae } from "./ModalLayout/ModalHeader.js";
 import { ModalFooter as ne } from "./ModalLayout/ModalFooter.js";
 import { ModalBody as ue } from "./ModalLayout/ModalBody.js";
-import { NumberInput as Te } from "./NumberInput/NumberInput.js";
+import { NumberInput as se } from "./NumberInput/NumberInput.js";
 import { Pagination as ce } from "./Pagination/Pagination.js";
-import { Dots as Ce, NextLink as Se, PageLink as ye, PreviousLink as Le } from "./Pagination/components.js";
-import { POPOVER_PLACEMENTS as Be, Popover as ge } from "./Popover/Popover.js";
-import { Portal as he } from "./Portal/Portal.js";
-import { ProgressBar as Fe } from "./ProgressBar/ProgressBar.js";
+import { Dots as Ce, NextLink as Se, PageLink as ve, PreviousLink as ye } from "./Pagination/components.js";
+import { PopoverPrimitives as Be } from "./Popover/index.js";
+import { Portal as Ne } from "./Portal/Portal.js";
+import { ProgressBar as ke } from "./ProgressBar/ProgressBar.js";
 import { Radio as Pe } from "./Radio/Radio.js";
-import { RawTable as Re } from "./RawTable/RawTable.js";
-import { RawTd as Ge, RawTh as we } from "./RawTable/RawCell.js";
-import { RawThead as He } from "./RawTable/RawThead.js";
-import { RawTbody as Ee } from "./RawTable/RawTbody.js";
-import { RawTr as Ve } from "./RawTable/RawTr.js";
-import { Flex as Je } from "./Flex/Flex.js";
-import { Searchbar as Ue } from "./Searchbar/Searchbar.js";
-import { SearchForm as je } from "./Searchbar/SearchForm.js";
-import { Select as Qe } from "./Select/Select.js";
-import { Option as Ye } from "./Select/Option.js";
-import { OptGroup as $e } from "./Select/OptGroup.js";
-import { MultiSelectNested as rt } from "./Select/MultiSelectNested.js";
-import { SelectList as tt } from "./Select/SelectList.js";
-import { MenuItem as mt, SimpleMenu as xt } from "./SimpleMenu/SimpleMenu.js";
-import { Stack as at } from "./Stack/Stack.js";
-import { Status as nt } from "./Status/Status.js";
-import { SubNav as ut, subNavWidth as lt } from "./SubNav/SubNav.js";
+import { RawTable as Ie } from "./RawTable/RawTable.js";
+import { RawTd as Me, RawTh as Ge } from "./RawTable/RawCell.js";
+import { RawThead as De } from "./RawTable/RawThead.js";
+import { RawTbody as Oe } from "./RawTable/RawTbody.js";
+import { RawTr as We } from "./RawTable/RawTr.js";
+import { Flex as ze } from "./Flex/Flex.js";
+import { Searchbar as Ke } from "./Searchbar/Searchbar.js";
+import { SearchForm as _e } from "./Searchbar/SearchForm.js";
+import { Select as qe } from "./Select/Select.js";
+import { Option as Xe } from "./Select/Option.js";
+import { OptGroup as Ze } from "./Select/OptGroup.js";
+import { MultiSelectNested as ot } from "./Select/MultiSelectNested.js";
+import { SelectList as et } from "./Select/SelectList.js";
+import { MenuItem as pt, SimpleMenu as mt } from "./SimpleMenu/SimpleMenu.js";
+import { Stack as ft } from "./Stack/Stack.js";
+import { Status as it } from "./Status/Status.js";
+import { SubNav as dt, subNavWidth as ut } from "./SubNav/SubNav.js";
 import { SubNavHeader as st } from "./SubNav/SubNavHeader.js";
-import { SubNavLink as bt } from "./SubNav/SubNavLink.js";
-import { SubNavLinkSection as St } from "./SubNav/SubNavLinkSection.js";
-import { SubNavSection as Lt } from "./SubNav/SubNavSection.js";
-import { SubNavSections as Bt } from "./SubNav/SubNavSections.js";
-import { Switch as Nt } from "./Switch/Switch.js";
-import { Tab as kt, Tabs as Ft } from "./Tabs/Tabs.js";
-import { TabPanel as Pt, TabPanels as It } from "./Tabs/TabPanels.js";
-import { TabGroup as Mt } from "./Tabs/TabGroup.js";
-import { Table as wt } from "./Table/Table.js";
-import { Tbody as Ht } from "./Table/Tbody.js";
-import { Thead as Et } from "./Table/Thead.js";
-import { Tr as Vt } from "./Table/Tr.js";
-import { Td as Jt, Th as Kt } from "./Table/Cell.js";
-import { TFooter as _t } from "./Table/TFooter.js";
-import { Tag as qt } from "./Tag/Tag.js";
-import { TextButton as Xt } from "./TextButton/TextButton.js";
-import { TextInput as Zt } from "./TextInput/TextInput.js";
-import { Textarea as op } from "./Textarea/Textarea.js";
-import { ThemeProvider as ep } from "./ThemeProvider/ThemeProvider.js";
-import { useTheme as pp } from "./ThemeProvider/hooks.js";
-import { TimePicker as xp } from "./TimePicker/TimePicker.js";
-import { ToggleCheckbox as ap } from "./ToggleCheckbox/ToggleCheckbox.js";
-import { ToggleInput as np } from "./ToggleInput/ToggleInput.js";
-import { Tooltip as up } from "./Tooltip/Tooltip.js";
-import { Typography as Tp } from "./Typography/Typography.js";
-import { VisuallyHidden as cp } from "./VisuallyHidden/VisuallyHidden.js";
-import { lightTheme as Cp } from "./themes/lightTheme/index.js";
-import { darkTheme as yp } from "./themes/darkTheme/index.js";
-import { extendTheme as vp } from "./themes/extendTheme.js";
-import { buttonFocusStyle as gp, getThemeSize as Np, inputFocusStyle as hp } from "./themes/utils.js";
+import { SubNavLink as ct } from "./SubNav/SubNavLink.js";
+import { SubNavLinkSection as Ct } from "./SubNav/SubNavLinkSection.js";
+import { SubNavSection as vt } from "./SubNav/SubNavSection.js";
+import { SubNavSections as Lt } from "./SubNav/SubNavSections.js";
+import { Switch as gt } from "./Switch/Switch.js";
+import { Tab as ht, Tabs as kt } from "./Tabs/Tabs.js";
+import { TabPanel as Pt, TabPanels as At } from "./Tabs/TabPanels.js";
+import { TabGroup as Rt } from "./Tabs/TabGroup.js";
+import { Table as Gt } from "./Table/Table.js";
+import { Tbody as Dt } from "./Table/Tbody.js";
+import { Thead as Ot } from "./Table/Thead.js";
+import { Tr as Wt } from "./Table/Tr.js";
+import { Td as zt, Th as Jt } from "./Table/Cell.js";
+import { TFooter as Ut } from "./Table/TFooter.js";
+import { Tag as jt } from "./Tag/Tag.js";
+import { TextButton as Qt } from "./TextButton/TextButton.js";
+import { TextInput as Yt } from "./TextInput/TextInput.js";
+import { Textarea as $t } from "./Textarea/Textarea.js";
+import { ThemeProvider as rp } from "./ThemeProvider/ThemeProvider.js";
+import { useTheme as tp } from "./ThemeProvider/hooks.js";
+import { TimePicker as mp } from "./TimePicker/TimePicker.js";
+import { ToggleCheckbox as fp } from "./ToggleCheckbox/ToggleCheckbox.js";
+import { ToggleInput as ip } from "./ToggleInput/ToggleInput.js";
+import { Tooltip as dp } from "./Tooltip/Tooltip.js";
+import { Typography as lp } from "./Typography/Typography.js";
+import { VisuallyHidden as Tp } from "./VisuallyHidden/VisuallyHidden.js";
+import { lightTheme as bp } from "./themes/lightTheme/index.js";
+import { darkTheme as Sp } from "./themes/darkTheme/index.js";
+import { extendTheme as yp } from "./themes/extendTheme.js";
+import { buttonFocusStyle as Bp, getThemeSize as gp, inputFocusStyle as Np } from "./themes/utils.js";
+import { POPOVER_PLACEMENTS as kp, Popover as Fp } from "./Popover/Popover.js";
 export {
   e as Accordion,
   m as AccordionContent,
@@ -145,8 +146,8 @@ export {
   l as Avatar,
   c as AvatarGroup,
   C as Badge,
-  y as BaseButton,
-  L as BaseButtonWrapper,
+  v as BaseButton,
+  y as BaseButtonWrapper,
   B as BaseCheckbox,
   Br as BaseHeaderLayout,
   N as BaseLink,
@@ -170,19 +171,19 @@ export {
   no as CarouselActions,
   lo as CarouselImage,
   ao as CarouselInput,
-  so as CarouselSlide,
+  To as CarouselSlide,
   bo as Checkbox,
   So as Combobox,
-  vo as ComboboxOption,
-  Lr as ContentLayout,
-  yo as CreatableCombobox,
+  Lo as ComboboxOption,
+  yr as ContentLayout,
+  vo as CreatableCombobox,
   G as Crumb,
   Ro as DatePicker,
   Go as DateTimePicker,
   go as Dialog,
   ho as DialogBody,
   Fo as DialogFooter,
-  Po as DismissibleLayer,
+  Ao as DismissibleLayer,
   Do as Divider,
   Ce as Dots,
   Oo as EmptyStateLayout,
@@ -193,7 +194,7 @@ export {
   jo as FieldHint,
   Ko as FieldInput,
   zo as FieldLabel,
-  Je as Flex,
+  ze as Flex,
   er as FocusTrap,
   pr as Grid,
   xr as GridItem,
@@ -202,23 +203,23 @@ export {
   ar as Icon,
   nr as IconButton,
   dr as IconButtonGroup,
-  T as Initials,
+  s as Initials,
   Uo as InputWrapper,
   lr as JSONInput,
-  sr as KeyboardNavigable,
+  Tr as KeyboardNavigable,
   br as Layout,
-  Pr as Link,
+  Ar as Link,
   Rr as LinkButton,
   Dr as LiveRegions,
   Or as Loader,
   Wr as Main,
   Kr as MainNav,
-  mt as MenuItem,
+  pt as MenuItem,
   ue as ModalBody,
   ne as ModalFooter,
   ae as ModalHeader,
   xe as ModalLayout,
-  rt as MultiSelectNested,
+  ot as MultiSelectNested,
   _r as NavBrand,
   qr as NavCondense,
   Xr as NavFooter,
@@ -227,71 +228,72 @@ export {
   ee as NavSections,
   pe as NavUser,
   Se as NextLink,
-  Te as NumberInput,
-  $e as OptGroup,
-  Ye as Option,
-  Be as POPOVER_PLACEMENTS,
-  ye as PageLink,
+  se as NumberInput,
+  Ze as OptGroup,
+  Xe as Option,
+  kp as POPOVER_PLACEMENTS,
+  ve as PageLink,
   ce as Pagination,
-  ge as Popover,
-  he as Portal,
-  Le as PreviousLink,
-  Fe as ProgressBar,
+  Fp as Popover,
+  Be as PopoverPrimitives,
+  Ne as Portal,
+  ye as PreviousLink,
+  ke as ProgressBar,
   Pe as Radio,
-  A as RadioGroup,
-  Re as RawTable,
-  Ee as RawTbody,
-  Ge as RawTd,
-  we as RawTh,
-  He as RawThead,
-  Ve as RawTr,
-  je as SearchForm,
-  Ue as Searchbar,
-  Qe as Select,
-  tt as SelectList,
-  xt as SimpleMenu,
+  P as RadioGroup,
+  Ie as RawTable,
+  Oe as RawTbody,
+  Me as RawTd,
+  Ge as RawTh,
+  De as RawThead,
+  We as RawTr,
+  _e as SearchForm,
+  Ke as Searchbar,
+  qe as Select,
+  et as SelectList,
+  mt as SimpleMenu,
   zr as SkipToContent,
-  at as Stack,
-  nt as Status,
-  ut as SubNav,
+  ft as Stack,
+  it as Status,
+  dt as SubNav,
   st as SubNavHeader,
-  bt as SubNavLink,
-  St as SubNavLinkSection,
-  Lt as SubNavSection,
-  Bt as SubNavSections,
-  Nt as Switch,
-  _t as TFooter,
-  kt as Tab,
-  Mt as TabGroup,
+  ct as SubNavLink,
+  Ct as SubNavLinkSection,
+  vt as SubNavSection,
+  Lt as SubNavSections,
+  gt as Switch,
+  Ut as TFooter,
+  ht as Tab,
+  Rt as TabGroup,
   Pt as TabPanel,
-  It as TabPanels,
-  wt as Table,
-  Ft as Tabs,
-  qt as Tag,
-  Ht as Tbody,
-  Jt as Td,
-  Xt as TextButton,
-  Zt as TextInput,
-  op as Textarea,
-  Kt as Th,
-  Et as Thead,
-  ep as ThemeProvider,
-  xp as TimePicker,
-  ap as ToggleCheckbox,
-  np as ToggleInput,
-  up as Tooltip,
-  Vt as Tr,
+  At as TabPanels,
+  Gt as Table,
+  kt as Tabs,
+  jt as Tag,
+  Dt as Tbody,
+  zt as Td,
+  Qt as TextButton,
+  Yt as TextInput,
+  $t as Textarea,
+  Jt as Th,
+  Ot as Thead,
+  rp as ThemeProvider,
+  mp as TimePicker,
+  fp as ToggleCheckbox,
+  ip as ToggleInput,
+  dp as Tooltip,
+  Wt as Tr,
   hr as TwoColsLayout,
-  Tp as Typography,
-  cp as VisuallyHidden,
-  gp as buttonFocusStyle,
-  yp as darkTheme,
-  vp as extendTheme,
-  Np as getThemeSize,
-  hp as inputFocusStyle,
-  Cp as lightTheme,
-  lt as subNavWidth,
+  lp as Typography,
+  Tp as VisuallyHidden,
+  Bp as buttonFocusStyle,
+  Sp as darkTheme,
+  yp as extendTheme,
+  gp as getThemeSize,
+  Np as inputFocusStyle,
+  bp as lightTheme,
+  ut as subNavWidth,
   Zo as useField,
   Gr as useNotifyAT,
-  pp as useTheme
+  tp as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -29,7 +29,7 @@
   "devDependencies": {
     "@juggle/resize-observer": "^3.4.0",
     "@playwright/test": "1.27.1",
-    "@strapi/icons": "^1.6.2",
+    "@strapi/icons": "^1.6.3",
     "@swc/core": "^1.3.11",
     "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "5.16.5",
@@ -73,5 +73,5 @@
     "@types/react": "17.0.2",
     "@types/react-dom": "17.0.2"
   },
-  "gitHead": "5a9b4b4b34eeadcb762aa331727a4f1b944fdb3d"
+  "gitHead": "475dab0bd887ffc86edd026365c78adad4ffbc36"
 }