@strapi/design-system 1.7.10 → 1.8.0

package/dist/ThemeProvider/ThemeProvider.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("styled-components"),r=require("../LiveRegions/LiveRegions.cjs"),n=t.createGlobalStyle`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("styled-components"),r=require("../LiveRegions/LiveRegions.cjs"),n=require("../themes/lightTheme/index.cjs"),s=t.createGlobalStyle`
  /* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
@@ -170,4 +170,4 @@
     height: 100vh;
     overflow-y: hidden;
   }
-`,s=({children:e,theme:i})=>o.jsxs(t.ThemeProvider,{theme:i,children:[o.jsx(n,{}),e,o.jsx(r.LiveRegions,{})]});exports.ThemeProvider=s;
+`,l=({children:e,theme:i=n.lightTheme})=>o.jsxs(t.ThemeProvider,{theme:i,children:[e,o.jsx(r.LiveRegions,{}),o.jsx(s,{})]});exports.ThemeProvider=l;

package/dist/ThemeProvider/ThemeProvider.js

@@ -1,7 +1,8 @@
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { createGlobalStyle as i, ThemeProvider as n } from "styled-components";
 import { LiveRegions as l } from "../LiveRegions/LiveRegions.js";
-const s = i`
+import { lightTheme as s } from "../themes/lightTheme/index.js";
+const a = i`
  /* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
@@ -173,7 +174,7 @@ const s = i`
     height: 100vh;
     overflow-y: hidden;
   }
-`, c = ({ children: e, theme: t }) => r(n, { theme: t, children: [o(s, {}), e, o(l, {})] });
+`, h = ({ children: e, theme: t = s }) => r(n, { theme: t, children: [e, o(l, {}), o(a, {})] });
 export {
-  c as ThemeProvider
+  h as ThemeProvider
 };

package/dist/TimePicker/TimePicker.cjs

@@ -1,10 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),$=require("@strapi/icons"),b=require("styled-components"),j=require("../hooks/useId.cjs"),d=require("../Select/SingleSelect.cjs"),q=require("../Flex/Flex.cjs"),I=t=>t&&t.__esModule?t:{default:t},_=I(b),v=({id:t,value:c,step:h=15,onChange:u,...p})=>{const g=j.useId(t),m=24,s=[];let n=0;for(let e=0;e<m;e++)for(n=0;n<60;)s.push(`${e<10?`0${e}`:e}:${n<10?`0${n}`:n}`),n+=h;const f=()=>{const[e,a]=c?.split(":")??[],x=s.reduce((r,o)=>{const[l]=o.split(":");return Math.abs(l-e)<Math.abs(r-e)?l:r},s[0].split(":")[0]),M=s.reduce((r,o)=>{const l=o.split(":")[1];return Math.abs(l-a)<Math.abs(r-a)?l:r},s[0].split(":")[1]);return`${x}:${M}`},S=e=>{u&&u(e.toString())};return i.jsx(d.SingleSelect,{id:g,placeholder:"--:--",value:c?f():void 0,startIcon:i.jsx(y,{as:"span",children:i.jsx($.Clock,{})}),onChange:S,...p,children:s.map(e=>i.jsx(d.SingleSelectOption,{value:e,children:e},e))})},y=_.default(q.Flex)`
-  & > svg {
-    height: 1rem;
-    width: 1rem;
-  }
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),V=require("react"),M=require("@strapi/icons"),O=require("styled-components"),C=require("../Combobox/Combobox.cjs"),N=require("../DesignSystemProvider.cjs"),v=require("../hooks/useControllableState.cjs"),A=require("../hooks/useDateFormatter.cjs"),T=require("../hooks/useId.cjs"),B=require("../Field/Field.cjs"),L=require("../Flex/Flex.cjs"),$=require("../Field/FieldLabel.cjs"),E=require("../Field/FieldHint.cjs"),R=require("../Field/FieldError.cjs"),z=t=>t&&t.__esModule?t:{default:t};function H(t){if(t&&t.__esModule)return t;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const u=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,u.get?u:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const m=H(V),Z=z(O),x=t=>!!t.match(/^[^a-zA-Z]*$/),F=({id:t,step:n=15,ariaLabel:s,selectButtonTitle:u,value:a,defaultValue:f,onChange:p,...d})=>{const _=N.useDesignSystem("TimePicker"),k=T.useId(t),[I,l]=m.useState(""),[g,h]=v.useControllableState({prop:a,defaultProp:f,onChange:p}),c=A.useDateFormatter(_.locale,{hour:"2-digit",minute:"2-digit",hour12:!1}),b=m.useMemo(()=>{const e=c.formatToParts(new Date),{value:r}=e.find(i=>i.type==="literal");return r},[c]),S=m.useMemo(()=>{const e=60/n;return[...Array(24).keys()].flatMap(r=>[...Array(e).keys()].map(i=>c.format(new Date(0,0,0,r,i*n))))},[n,c]),w=e=>{(!e||x(e))&&l(e)},y=e=>{const[r,i]=e.split(b);if(!r&&!i)return;const j=Number(r??"0"),q=Number(i??"0");if(!(j>23||q>59))return c.format(new Date(0,0,0,j,q))},D=e=>{const r=y(e.target.value);r?(l(r),h(r)):l(g)},P=e=>{if(typeof e<"u"){const r=y(e);h(r)}else h(e)};return m.useEffect(()=>{const e=typeof a>"u"?"":a;x(e)&&l(e)},[a,l]),o.jsx(C.ComboboxInput,{...d,value:g,onChange:P,isPrintableCharacter:x,allowCustomValue:!0,placeholder:`--${b}--`,autocomplete:"none",startIcon:o.jsx(G,{}),id:k,inputMode:"numeric",pattern:`\\d{2}${b}\\d{2}`,textValue:I,onTextValueChange:w,onBlur:D,children:S.map(e=>o.jsx(C.Option,{value:e,children:e},e))})},G=Z.default(M.Clock)`
+  height: 1rem;
+  width: 1rem;
 
-  & > svg path {
+  & > path {
     fill: ${({theme:t})=>t.colors.neutral500};
   }
-`;exports.TimePicker=v;
+`,J=({label:t,error:n,hint:s,id:u,required:a,labelAction:f,...p})=>{const d=T.useId(u);return o.jsx(B.Field,{hint:s,error:n,id:d,required:a,children:o.jsxs(L.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[o.jsx($.FieldLabel,{action:f,children:t}),o.jsx(F,{id:d,error:n,required:a,...p}),o.jsx(E.FieldHint,{}),o.jsx(R.FieldError,{})]})})};exports.TimePicker=J;exports.TimePickerInput=F;

package/dist/TimePicker/TimePicker.js

@@ -1,38 +1,84 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Clock as S } from "@strapi/icons";
-import b from "styled-components";
-import { useId as C } from "../hooks/useId.js";
-import { SingleSelect as I, SingleSelectOption as v } from "../Select/SingleSelect.js";
-import { Flex as x } from "../Flex/Flex.js";
-const O = ({ id: i, value: c, step: h = 15, onChange: a, ...m }) => {
-  const p = C(i), d = 24, e = [];
-  let s = 0;
-  for (let t = 0; t < d; t++)
-    for (s = 0; s < 60; )
-      e.push(`${t < 10 ? `0${t}` : t}:${s < 10 ? `0${s}` : s}`), s += h;
-  const f = () => {
-    const [t, u] = c?.split(":") ?? [], $ = e.reduce((o, l) => {
-      const [r] = l.split(":");
-      return Math.abs(r - t) < Math.abs(o - t) ? r : o;
-    }, e[0].split(":")[0]), M = e.reduce((o, l) => {
-      const r = l.split(":")[1];
-      return Math.abs(r - u) < Math.abs(o - u) ? r : o;
-    }, e[0].split(":")[1]);
-    return `${$}:${M}`;
-  }, g = (t) => {
-    a && a(t.toString());
+import { jsx as r, jsxs as D } from "react/jsx-runtime";
+import * as m from "react";
+import { Clock as M } from "@strapi/icons";
+import S from "styled-components";
+import { ComboboxInput as $, Option as v } from "../Combobox/Combobox.js";
+import { useDesignSystem as L } from "../DesignSystemProvider.js";
+import { useControllableState as P } from "../hooks/useControllableState.js";
+import { useDateFormatter as j } from "../hooks/useDateFormatter.js";
+import { useId as V } from "../hooks/useId.js";
+import { Field as E } from "../Field/Field.js";
+import { Flex as O } from "../Flex/Flex.js";
+import { FieldLabel as _ } from "../Field/FieldLabel.js";
+import { FieldHint as q } from "../Field/FieldHint.js";
+import { FieldError as z } from "../Field/FieldError.js";
+const h = (o) => !!o.match(/^[^a-zA-Z]*$/), H = ({
+  id: o,
+  step: a = 15,
+  /**
+   * @preserve
+   * @deprecated This is no longer used.
+   */
+  ariaLabel: b,
+  /**
+   * @preserve
+   * @deprecated This is no longer used.
+   */
+  selectButtonTitle: C,
+  value: n,
+  defaultValue: c,
+  onChange: d,
+  ...u
+}) => {
+  const w = L("TimePicker"), k = V(o), [I, l] = m.useState(""), [x, f] = P({
+    prop: n,
+    defaultProp: c,
+    onChange: d
+  }), s = j(w.locale, {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !1
+  }), p = m.useMemo(() => {
+    const e = s.formatToParts(/* @__PURE__ */ new Date()), { value: t } = e.find((i) => i.type === "literal");
+    return t;
+  }, [s]), A = m.useMemo(() => {
+    const e = 60 / a;
+    return [...Array(24).keys()].flatMap((t) => [...Array(e).keys()].map((i) => s.format(new Date(0, 0, 0, t, i * a))));
+  }, [a, s]), F = (e) => {
+    (!e || h(e)) && l(e);
+  }, y = (e) => {
+    const [t, i] = e.split(p);
+    if (!t && !i)
+      return;
+    const T = Number(t ?? "0"), g = Number(i ?? "0");
+    if (!(T > 23 || g > 59))
+      return s.format(new Date(0, 0, 0, T, g));
+  }, N = (e) => {
+    const t = y(e.target.value);
+    t ? (l(t), f(t)) : l(x);
+  }, B = (e) => {
+    if (typeof e < "u") {
+      const t = y(e);
+      f(t);
+    } else
+      f(e);
   };
-  return n(I, { id: p, placeholder: "--:--", value: c ? f() : void 0, startIcon: n(k, { as: "span", children: n(S, {}) }), onChange: g, ...m, children: e.map((t) => n(v, { value: t, children: t }, t)) });
-}, k = b(x)`
-  & > svg {
-    height: 1rem;
-    width: 1rem;
-  }
+  return m.useEffect(() => {
+    const e = typeof n > "u" ? "" : n;
+    h(e) && l(e);
+  }, [n, l]), r($, { ...u, value: x, onChange: B, isPrintableCharacter: h, allowCustomValue: !0, placeholder: `--${p}--`, autocomplete: "none", startIcon: r(R, {}), id: k, inputMode: "numeric", pattern: `\\d{2}${p}\\d{2}`, textValue: I, onTextValueChange: F, onBlur: N, children: A.map((e) => r(v, { value: e, children: e }, e)) });
+}, R = S(M)`
+  height: 1rem;
+  width: 1rem;
 
-  & > svg path {
-    fill: ${({ theme: i }) => i.colors.neutral500};
+  & > path {
+    fill: ${({ theme: o }) => o.colors.neutral500};
   }
-`;
+`, ne = ({ label: o, error: a, hint: b, id: C, required: n, labelAction: c, ...d }) => {
+  const u = V(C);
+  return r(E, { hint: b, error: a, id: u, required: n, children: D(O, { direction: "column", alignItems: "stretch", gap: 1, children: [r(_, { action: c, children: o }), r(H, { id: u, error: a, required: n, ...d }), r(q, {}), r(z, {})] }) });
+};
 export {
-  O as TimePicker
+  ne as TimePicker,
+  H as TimePickerInput
 };

package/dist/TimePicker/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TimePicker.cjs");exports.TimePicker=e.TimePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TimePicker.cjs");exports.TimePicker=e.TimePicker;exports.TimePickerInput=e.TimePickerInput;

package/dist/TimePicker/index.js

@@ -1,4 +1,5 @@
-import { TimePicker as i } from "./TimePicker.js";
+import { TimePicker as r, TimePickerInput as m } from "./TimePicker.js";
 export {
-  i as TimePicker
+  r as TimePicker,
+  m as TimePickerInput
 };

package/dist/helpers/context.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("react");function f(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=f(d),b=(e,t)=>{const r=u.createContext(t);function n(c){const{children:o,...i}=c,a=u.useMemo(()=>i,Object.values(i));return l.jsx(r.Provider,{value:a,children:o})}function s(c){const o=u.useContext(r);if(o)return o;if(t!==void 0)return t;throw new Error(`\`${c}\` must be used within \`${e}\``)}return n.displayName=`${e}Provider`,[n,s]};exports.createContext=b;

package/dist/helpers/context.js

@@ -0,0 +1,21 @@
+import { jsx as x } from "react/jsx-runtime";
+import * as n from "react";
+const v = (o, t) => {
+  const c = n.createContext(t);
+  function i(r) {
+    const { children: e, ...s } = r, d = n.useMemo(() => s, Object.values(s));
+    return x(c.Provider, { value: d, children: e });
+  }
+  function u(r) {
+    const e = n.useContext(c);
+    if (e)
+      return e;
+    if (t !== void 0)
+      return t;
+    throw new Error(`\`${r}\` must be used within \`${o}\``);
+  }
+  return i.displayName = `${o}Provider`, [i, u];
+};
+export {
+  v as createContext
+};

package/dist/helpers/getDefaultLocale.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="en-EN",a=()=>typeof navigator>"u"?e:navigator.language?navigator.language:navigator.userLanguage?navigator.userLanguage:e;exports.getDefaultLocale=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="en-EN";/**
+ * @preserve
+ * @deprecated This will be removed in v2.0.0, you can access the locale from `useDesignSystem` instead.
+ */const t=()=>typeof navigator>"u"?e:navigator.language?navigator.language:e;exports.getDefaultLocale=t;

package/dist/helpers/getDefaultLocale.js

@@ -1,4 +1,9 @@
-const a = "en-EN", e = () => typeof navigator > "u" ? a : navigator.language ? navigator.language : navigator.userLanguage ? navigator.userLanguage : a;
+const e = "en-EN";
+/**
+ * @preserve
+ * @deprecated This will be removed in v2.0.0, you can access the locale from `useDesignSystem` instead.
+ */
+const n = () => typeof navigator > "u" ? e : navigator.language ? navigator.language : e;
 export {
-  e as getDefaultLocale
+  n as getDefaultLocale
 };

package/dist/hooks/useDateFormatter.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("@internationalized/date");function f(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=f(l);function s(e,t){let r=c.useRef(null);return t&&r.current&&o(t,r.current)&&(t=r.current),r.current=t??null,c.useMemo(()=>new a.DateFormatter(e,t),[e,t])}function o(e,t){if(e===t)return!0;let r=Object.keys(e),u=Object.keys(t);if(r.length!==u.length)return!1;for(let n of r)if(t[n]!==e[n])return!1;return!0}exports.useDateFormatter=s;

package/dist/hooks/useDateFormatter.js

@@ -0,0 +1,20 @@
+import * as n from "react";
+import { DateFormatter as l } from "@internationalized/date";
+function s(t, e) {
+  let r = n.useRef(null);
+  return e && r.current && a(e, r.current) && (e = r.current), r.current = e ?? null, n.useMemo(() => new l(t, e), [t, e]);
+}
+function a(t, e) {
+  if (t === e)
+    return !0;
+  let r = Object.keys(t), f = Object.keys(e);
+  if (r.length !== f.length)
+    return !1;
+  for (let u of r)
+    if (e[u] !== t[u])
+      return !1;
+  return !0;
+}
+export {
+  s as useDateFormatter
+};

package/dist/index.cjs

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