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

package/dist/Select/Select.js

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

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"),I=require("../Field/Field.cjs"),g=require("../Field/FieldLabel.cjs"),y=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"),s=l=>l&&typeof l=="object"&&"default"in l?l:{default:l},t=s(d),e=s(v),i=t.default.forwardRef(({size:l,startAction:o,endAction:c,name:f,hint:p,error:F,label:r,labelAction:m,id:b,required:q,...a},n)=>{const j=h.useId("textinput",b),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(I.Field,{name:f,hint:p,error:F,id:j},t.default.createElement(A.Stack,{spacing:1},r&&t.default.createElement(g.FieldLabel,{required:q,action:m},r),t.default.createElement(y.FieldInput,{size:l,ref:n,startAction:o,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.string,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("textinput",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},t.default.createElement(A.Stack,{spacing:1},r&&t.default.createElement(I.FieldLabel,{required:q,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;

package/dist/TextInput/TextInput.js

@@ -1,39 +1,39 @@
 import t, { useRef as E, useImperativeHandle as g } from "react";
 import e from "prop-types";
-import { Field as I } from "../Field/Field.js";
-import { FieldLabel as T } from "../Field/FieldLabel.js";
-import { FieldInput as y } from "../Field/FieldInput.js";
+import { Field as T } from "../Field/Field.js";
+import { FieldLabel as y } from "../Field/FieldLabel.js";
+import { FieldInput as I } from "../Field/FieldInput.js";
 import { FieldHint as A } from "../Field/FieldHint.js";
 import { FieldError as x } from "../Field/FieldError.js";
 import "../Field/FieldContext.js";
 import "../Field/FieldAction.js";
 import { Stack as F } from "../Stack/Stack.js";
-import { sizes as R } from "../themes/sizes.js";
-import { useId as h } from "../helpers/useId.js";
+import { sizes as O } from "../themes/sizes.js";
+import { useId as R } from "../helpers/useId.js";
 const i = t.forwardRef(
-  ({ size: l, startAction: m, endAction: d, name: p, hint: s, error: c, label: r, labelAction: f, id: u, required: b, ...o }, n) => {
-    const v = h("textinput", u), a = E(null);
+  ({ size: l, startAction: m, endAction: p, name: d, hint: s, error: c, label: r, labelAction: f, id: u, required: b, ...o }, n) => {
+    const v = R("textinput", u), a = E(null);
     if (!r && !o["aria-label"])
       throw new Error('The TextInput component needs a "label" or an "aria-label" props');
     return g(n, () => ({
       inputWrapperRef: a
     })), /* @__PURE__ */ t.createElement("div", {
       ref: a
-    }, /* @__PURE__ */ t.createElement(I, {
-      name: p,
+    }, /* @__PURE__ */ t.createElement(T, {
+      name: d,
       hint: s,
       error: c,
       id: v
     }, /* @__PURE__ */ t.createElement(F, {
       spacing: 1
-    }, r && /* @__PURE__ */ t.createElement(T, {
+    }, r && /* @__PURE__ */ t.createElement(y, {
       required: b,
       action: f
-    }, r), /* @__PURE__ */ t.createElement(y, {
+    }, r), /* @__PURE__ */ t.createElement(I, {
       size: l,
       ref: n,
       startAction: m,
-      endAction: d,
+      endAction: p,
       ...o
     }), /* @__PURE__ */ t.createElement(A, null), /* @__PURE__ */ t.createElement(x, null))));
   }
@@ -54,14 +54,14 @@ i.defaultProps = {
 i.propTypes = {
   "aria-label": e.string,
   endAction: e.element,
-  error: e.string,
+  error: e.oneOfType([e.string, e.bool]),
   hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
   id: e.string,
   label: e.string,
   labelAction: e.element,
   name: e.string.isRequired,
   required: e.bool,
-  size: e.oneOf(Object.keys(R.input)),
+  size: e.oneOf(Object.keys(O.input)),
   startAction: e.element
 };
 export {

package/dist/TimePicker/TimePicker.cjs

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

@@ -1,15 +1,15 @@
-import n from "react";
+import s from "react";
 import e from "prop-types";
-import I from "@strapi/icons/Clock";
-import z from "styled-components";
-import { sizes as P } from "../themes/sizes.js";
-import { Select as R } from "../Select/Select.js";
-import { Option as q } from "../Select/Option.js";
+import z from "@strapi/icons/Clock";
+import P from "styled-components";
+import { sizes as R } from "../themes/sizes.js";
+import { Select as q } from "../Select/Select.js";
+import { Option as w } from "../Select/Option.js";
 import "../Select/OptGroup.js";
 import "../Select/MultiSelectNested.js";
 import "../Select/SelectList.js";
-import { useId as w } from "../helpers/useId.js";
-const x = z.div`
+import { useId as x } from "../helpers/useId.js";
+const _ = P.div`
   display: flex;
   align-items: center;
   svg {
@@ -20,7 +20,7 @@ const x = z.div`
   svg path {
     fill: ${({ theme: l }) => l.colors.neutral500};
   }
-`, u = ({
+`, m = ({
   disabled: l,
   error: c,
   hint: d,
@@ -30,45 +30,47 @@ const x = z.div`
   value: a,
   clearLabel: g,
   label: y,
-  step: v,
-  size: O,
-  ...T
+  selectButtonTitle: v,
+  step: O,
+  size: T,
+  ...C
 }) => {
-  const C = w("timepicker", f), M = 24, r = [];
+  const M = x("timepicker", f), k = 24, r = [];
   let o = 0;
-  for (let t = 0; t < M; t++)
+  for (let t = 0; t < k; t++)
     for (o = 0; o < 60; )
-      r.push(`${t < 10 ? "0" + t : t}:${o < 10 ? "0" + o : o}`), o += v;
-  const k = () => {
-    const t = a.split(":")[0], m = a.split(":")[1], $ = r.reduce((i, p) => {
-      const s = p.split(":")[0];
-      return Math.abs(s - t) < Math.abs(i - t) ? s : i;
-    }, r[0].split(":")[0]), E = r.reduce((i, p) => {
-      const s = p.split(":")[1];
-      return Math.abs(s - m) < Math.abs(i - m) ? s : i;
+      r.push(`${t < 10 ? "0" + t : t}:${o < 10 ? "0" + o : o}`), o += O;
+  const $ = () => {
+    const t = a.split(":")[0], u = a.split(":")[1], E = r.reduce((i, p) => {
+      const n = p.split(":")[0];
+      return Math.abs(n - t) < Math.abs(i - t) ? n : i;
+    }, r[0].split(":")[0]), I = r.reduce((i, p) => {
+      const n = p.split(":")[1];
+      return Math.abs(n - u) < Math.abs(i - u) ? n : i;
     }, r[0].split(":")[1]);
-    return `${$}:${E}`;
+    return `${E}:${I}`;
   };
-  return /* @__PURE__ */ n.createElement(R, {
-    id: C,
+  return /* @__PURE__ */ s.createElement(q, {
+    id: M,
     label: y,
     placeholder: "--:--",
     hint: d,
     onClear: h,
     clearLabel: g,
     error: c,
-    value: a ? k() : null,
-    size: O,
+    value: a ? $() : null,
+    size: T,
     onChange: b,
     disabled: l,
-    startIcon: /* @__PURE__ */ n.createElement(x, null, /* @__PURE__ */ n.createElement(I, null)),
-    ...T
-  }, r.map((t) => /* @__PURE__ */ n.createElement(q, {
+    selectButtonTitle: v,
+    startIcon: /* @__PURE__ */ s.createElement(_, null, /* @__PURE__ */ s.createElement(z, null)),
+    ...C
+  }, r.map((t) => /* @__PURE__ */ s.createElement(w, {
     value: t,
     key: t
   }, t)));
 };
-u.defaultProps = {
+m.defaultProps = {
   disabled: !1,
   error: void 0,
   hint: void 0,
@@ -79,16 +81,17 @@ u.defaultProps = {
   step: 15,
   value: void 0
 };
-u.propTypes = {
+m.propTypes = {
   clearLabel: e.string.isRequired,
   disabled: e.bool,
-  error: e.string,
+  error: e.oneOfType([e.string, e.bool]),
   hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
   id: e.oneOfType([e.string, e.number]),
   label: e.string,
   onChange: e.func.isRequired,
   onClear: e.func,
-  size: e.oneOf(Object.keys(P.input)),
+  selectButtonTitle: e.string,
+  size: e.oneOf(Object.keys(R.input)),
   step: e.number,
   value: e.oneOfType([
     e.arrayOf(e.oneOfType([e.string, e.number])),
@@ -97,5 +100,5 @@ u.propTypes = {
   ])
 };
 export {
-  u as TimePicker
+  m as TimePicker
 };

package/dist/index.cjs

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