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

package/dist/helpers/getFocusableNodes.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=(t,e)=>[...t.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(r=>r.hasAttribute("disabled")?!1:e?!0:r.getAttribute("tabindex")!=="-1"),a=t=>t.filter(e=>e.tagName==="INPUT"?e.type!=="checkbox"&&e.type!=="radio":!1);exports.getFocusableNodes=s;exports.getFocusableNodesWithKeyboardNav=a;

package/dist/helpers/getFocusableNodes.js

@@ -1,7 +0,0 @@
-const u = (t, e) => [
-  ...t.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')
-].filter((r) => r.hasAttribute("disabled") ? !1 : e ? !0 : r.getAttribute("tabindex") !== "-1"), n = (t) => t.filter((e) => e.tagName === "INPUT" ? e.type !== "checkbox" && e.type !== "radio" : !1);
-export {
-  u as getFocusableNodes,
-  n as getFocusableNodesWithKeyboardNav
-};

package/dist/helpers/handleResponsiveValues.cjs

@@ -1,5 +0,0 @@
-"use strict";const l=(a,s,e)=>{let i=s;if(!Array.isArray(s)&&typeof s=="object"&&(i=[s?.desktop,s?.tablet,s?.mobile]),i===void 0)return;if(Array.isArray(i)){const[d,o,t]=i;let r=`${a}: ${e.spaces[d]};`;return o!==void 0&&(r+=`${e.mediaQueries.tablet}{
-          ${a}: ${e.spaces[o]};
-        }`),t!==void 0&&(r+=`${e.mediaQueries.mobile}{
-          ${a}: ${e.spaces[t]};
-        }`),r}const c=e.spaces[i]||i;return`${a}: ${c};`};module.exports=l;

package/dist/helpers/handleResponsiveValues.js

@@ -1,19 +0,0 @@
-const $ = (i, s, a) => {
-  let e = s;
-  if (!Array.isArray(s) && typeof s == "object" && (e = [s?.desktop, s?.tablet, s?.mobile]), e === void 0)
-    return;
-  if (Array.isArray(e)) {
-    const [l, o, t] = e;
-    let r = `${i}: ${a.spaces[l]};`;
-    return o !== void 0 && (r += `${a.mediaQueries.tablet}{
-          ${i}: ${a.spaces[o]};
-        }`), t !== void 0 && (r += `${a.mediaQueries.mobile}{
-          ${i}: ${a.spaces[t]};
-        }`), r;
-  }
-  const d = a.spaces[e] || e;
-  return `${i}: ${d};`;
-};
-export {
-  $ as default
-};

package/dist/helpers/keyboardKeys.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"};exports.KeyboardKeys=e;

package/dist/helpers/keyboardKeys.js

@@ -1,20 +0,0 @@
-const E = {
-  DOWN: "ArrowDown",
-  UP: "ArrowUp",
-  RIGHT: "ArrowRight",
-  LEFT: "ArrowLeft",
-  ESCAPE: "Escape",
-  ENTER: "Enter",
-  SPACE: " ",
-  TAB: "Tab",
-  END: "End",
-  HOME: "Home",
-  DELETE: "Delete",
-  PAGE_UP: "PageUp",
-  PAGE_DOWN: "PageDown",
-  BACKSPACE: "Backspace",
-  CLEAR: "Clear"
-};
-export {
-  E as KeyboardKeys
-};

package/dist/helpers/setOpacity.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=(t,e)=>`${t}${Math.floor(e*255).toString(16).padStart(2,0)}`;exports.setOpacity=o;

package/dist/helpers/setOpacity.js

@@ -1,4 +0,0 @@
-const a = (t, o) => `${t}${Math.floor(o * 255).toString(16).padStart(2, 0)}`;
-export {
-  a as setOpacity
-};

package/dist/helpers/setTabIndexOnFirstItem.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=(t,s)=>{const e=t.querySelectorAll(s);e&&e.length>0&&e.item(0).setAttribute("tabindex","0")};exports.setTabIndexOnFirstItem=i;

package/dist/helpers/setTabIndexOnFirstItem.js

@@ -1,7 +0,0 @@
-const n = (e, i) => {
-  const t = e.querySelectorAll(i);
-  t && t.length > 0 && t.item(0).setAttribute("tabindex", "0");
-};
-export {
-  n as setTabIndexOnFirstItem
-};

package/dist/helpers/useElementOnScreen.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),o=r=>{const e=n.useRef(null),[c,u]=n.useState(!0),i=([t])=>{u(t.isIntersecting)};return n.useEffect(()=>{const t=e.current,s=new IntersectionObserver(i,r);return t&&s.observe(e.current),()=>{t&&s.disconnect()}},[e,r]),[e,c]};exports.useElementOnScreen=o;

package/dist/helpers/useElementOnScreen.js

@@ -1,15 +0,0 @@
-import { useRef as o, useState as u, useEffect as l } from "react";
-const b = (t) => {
-  const e = o(null), [s, c] = u(!0), i = ([n]) => {
-    c(n.isIntersecting);
-  };
-  return l(() => {
-    const n = e.current, r = new IntersectionObserver(i, t);
-    return n && r.observe(e.current), () => {
-      n && r.disconnect();
-    };
-  }, [e, t]), [e, s];
-};
-export {
-  b as useElementOnScreen
-};

package/dist/helpers/useId.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),u=require("./genId.cjs"),s=(e,t)=>r.useRef(t||`${e}-${u.genId()}`).current;exports.useId=s;

package/dist/helpers/useId.js

@@ -1,6 +0,0 @@
-import { useRef as o } from "react";
-import { genId as t } from "./genId.js";
-const i = (e, r) => o(r || `${e}-${t()}`).current;
-export {
-  i as useId
-};

package/dist/helpers/useIntersection.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),v=(e,t,{selectorToWatch:r,skipWhen:n=!1})=>{f.useEffect(()=>{if(n)return;const c={root:e.current,rootMargin:"0px"},i=g=>{g.forEach(s=>{s.isIntersecting&&e.current.scrollHeight>e.current.clientHeight&&t(s)})},o=new IntersectionObserver(i,c),u=e.current.querySelector(r);return o.observe(u),()=>{o.disconnect()}},[n,t,r])};exports.useIntersection=v;

package/dist/helpers/useIntersection.js

@@ -1,21 +0,0 @@
-import { useEffect as g } from "react";
-const v = (t, n, { selectorToWatch: r, skipWhen: e = !1 }) => {
-  g(() => {
-    if (e)
-      return;
-    const s = {
-      root: t.current,
-      rootMargin: "0px"
-    }, c = (f) => {
-      f.forEach((i) => {
-        i.isIntersecting && t.current.scrollHeight > t.current.clientHeight && n(i);
-      });
-    }, o = new IntersectionObserver(c, s), u = t.current.querySelector(r);
-    return o.observe(u), () => {
-      o.disconnect();
-    };
-  }, [e, n, r]);
-};
-export {
-  v as useIntersection
-};

package/dist/helpers/useLockScroll.cjs

@@ -1 +0,0 @@
-"use strict";const c=require("react"),e=s=>{c.useEffect(()=>(s&&document.body.classList.add("lock-body-scroll"),()=>{document.body.classList.remove("lock-body-scroll")}),[s])};module.exports=e;

package/dist/helpers/useLockScroll.js

@@ -1,9 +0,0 @@
-import { useEffect as s } from "react";
-const e = (o) => {
-  s(() => (o && document.body.classList.add("lock-body-scroll"), () => {
-    document.body.classList.remove("lock-body-scroll");
-  }), [o]);
-};
-export {
-  e as default
-};

package/dist/helpers/usePrevious.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),u=t=>{const e=r.useRef();return r.useEffect(()=>{e.current=t}),e.current};exports.usePrevious=u;

package/dist/helpers/usePrevious.js

@@ -1,10 +0,0 @@
-import { useRef as t, useEffect as u } from "react";
-const s = (r) => {
-  const e = t();
-  return u(() => {
-    e.current = r;
-  }), e.current;
-};
-export {
-  s as usePrevious
-};

package/dist/helpers/useResizeObserver.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),n=(e,s)=>{i.useLayoutEffect(()=>{const r=new ResizeObserver(s);return Array.isArray(e)?e.map(t=>{t.current&&r.observe(t.current)}):e.current&&r.observe(e.current),()=>{r.disconnect()}},[])};exports.useResizeObserver=n;

package/dist/helpers/useResizeObserver.js

@@ -1,14 +0,0 @@
-import { useLayoutEffect as i } from "react";
-const f = (e, n) => {
-  i(() => {
-    const r = new ResizeObserver(n);
-    return Array.isArray(e) ? e.map((t) => {
-      t.current && r.observe(t.current);
-    }) : e.current && r.observe(e.current), () => {
-      r.disconnect();
-    };
-  }, []);
-};
-export {
-  f as useResizeObserver
-};

package/dist/index.cjs

@@ -1 +0,0 @@
-"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;

package/dist/index.js

@@ -1,290 +0,0 @@
-import { Accordion as V, AccordionTypography as z } from "./Accordion/Accordion.js";
-import { AccordionContent as _ } from "./Accordion/AccordionContent.js";
-import { AccordionToggle as q } from "./Accordion/AccordionToggle.js";
-import { AccordionGroup as Q } from "./Accordion/AccordionGroup.js";
-import { Alert as X } from "./Alert/Alert.js";
-import { Avatar as Z, Initials as $ } from "./Avatar/Avatar.js";
-import { AvatarGroup as ro } from "./Avatar/AvatarGroup.js";
-import { Badge as eo } from "./Badge/Badge.js";
-import { BaseButton as mo, BaseButtonWrapper as xo } from "./BaseButton/BaseButton.js";
-import { BaseCheckbox as io } from "./BaseCheckbox/BaseCheckbox.js";
-import { BaseLink as lo } from "./BaseLink/BaseLink.js";
-import { BaseRadio as no } from "./BaseRadio/BaseRadio.js";
-import { RadioGroup as co } from "./BaseRadio/RadioGroup.js";
-import { Box as Co } from "./Box/Box.js";
-import "./Breadcrumbs/Breadcrumbs.js";
-import { Button as yo, ButtonWrapper as ho } from "./Button/Button.js";
-import { Card as go } from "./Card/Card.js";
-import { CardAction as Fo } from "./Card/CardAction.js";
-import { CardAsset as Ao } from "./Card/CardAsset.js";
-import { CardBadge as Io } from "./Card/CardBadge.js";
-import { CardBody as Ro } from "./Card/CardBody.js";
-import { CardCheckbox as wo } from "./Card/CardCheckbox.js";
-import { CardContent as Do } from "./Card/CardContent.js";
-import { CardHeader as Ho } from "./Card/CardHeader.js";
-import { CardTimer as No } from "./Card/CardTimer.js";
-import { CardSubtitle as Wo, CardTitle as Vo } from "./Card/CardTitle.js";
-import { Carousel as Ko } from "./CarouselInput/Carousel.js";
-import { CarouselInput as jo } from "./CarouselInput/CarouselInput.js";
-import { CarouselActions as Jo } from "./CarouselInput/CarouselActions.js";
-import { CarouselImage as Uo } from "./CarouselInput/CarouselImage.js";
-import { CarouselSlide as Yo } from "./CarouselInput/CarouselSlide.js";
-import { Checkbox as $o } from "./Checkbox/Checkbox.js";
-import { Combobox as rr, CreatableCombobox as tr } from "./Combobox/Combobox.js";
-import { ComboboxOption as pr } from "./Combobox/ComboboxOption.js";
-import { Dialog as xr } from "./Dialog/Dialog.js";
-import { DialogBody as ir } from "./Dialog/DialogBody.js";
-import { DialogFooter as dr } from "./Dialog/DialogFooter.js";
-import { DismissibleLayer as ur } from "./DismissibleLayer/DismissibleLayer.js";
-import { DatePicker as Tr } from "./DatePicker/DatePicker.js";
-import { DateTimePicker as sr } from "./DateTimePicker/DateTimePicker.js";
-import { Divider as br } from "./Divider/Divider.js";
-import { EmptyStateLayout as hr } from "./EmptyStateLayout/EmptyStateLayout.js";
-import { Field as gr } from "./Field/Field.js";
-import { FieldLabel as Fr } from "./Field/FieldLabel.js";
-import { FieldInput as Ar, InputWrapper as kr } from "./Field/FieldInput.js";
-import { FieldHint as Pr } from "./Field/FieldHint.js";
-import { FieldError as Gr } from "./Field/FieldError.js";
-import { FieldContext as Mr, useField as Dr } from "./Field/FieldContext.js";
-import { FieldAction as Hr } from "./Field/FieldAction.js";
-import { FocusTrap as Nr } from "./FocusTrap/FocusTrap.js";
-import { Grid as Wr } from "./Grid/Grid.js";
-import { GridItem as zr } from "./Grid/GridItem.js";
-import { Icon as _r } from "./Icon/Icon.js";
-import { IconButton as qr, IconButtonGroup as Jr } from "./IconButton/IconButton.js";
-import { KeyboardNavigable as Ur } from "./KeyboardNavigable/KeyboardNavigable.js";
-import { Layout as Yr } from "./Layout/Layout.js";
-import { ActionLayout as $r } from "./Layout/ActionLayout.js";
-import { ContentLayout as rt } from "./Layout/ContentLayout.js";
-import { BaseHeaderLayout as et, HeaderLayout as pt } from "./Layout/HeaderLayout.js";
-import { TwoColsLayout as xt } from "./Layout/TwoColsLayout.js";
-import { GridLayout as it } from "./Layout/GridLayout.js";
-import "./Link/Link.js";
-import "./LinkButton/LinkButton.js";
-import { useNotifyAT as dt } from "./LiveRegions/useNotifyAT.js";
-import { Loader as ut } from "./Loader/Loader.js";
-import { Main as Tt } from "./Main/Main.js";
-import { SkipToContent as st } from "./Main/SkipToContent.js";
-import "./MainNav/MainNav.js";
-import "./MainNav/NavBrand.js";
-import "./MainNav/NavLink.js";
-import "./MainNav/NavSection.js";
-import "./MainNav/NavSections.js";
-import "./MainNav/NavUser.js";
-import "./MainNav/NavCondense.js";
-import { ModalLayout as bt } from "./ModalLayout/ModalLayout.js";
-import { ModalHeader as ht } from "./ModalLayout/ModalHeader.js";
-import { ModalFooter as gt } from "./ModalLayout/ModalFooter.js";
-import { ModalBody as Ft } from "./ModalLayout/ModalBody.js";
-import { NumberInput as At } from "./NumberInput/NumberInput.js";
-import "./Pagination/Pagination.js";
-import "./Pagination/components.js";
-import { POPOVER_PLACEMENTS as It, Popover as Pt } from "./Popover/Popover.js";
-import { Portal as Gt } from "./Portal/Portal.js";
-import { ProgressBar as Mt } from "./ProgressBar/ProgressBar.js";
-import { Radio as vt } from "./Radio/Radio.js";
-import { RawTable as Et } from "./RawTable/RawTable.js";
-import { RawTd as Ot, RawTh as Wt } from "./RawTable/RawCell.js";
-import { RawThead as zt } from "./RawTable/RawThead.js";
-import { RawTbody as _t } from "./RawTable/RawTbody.js";
-import { RawTr as qt } from "./RawTable/RawTr.js";
-import { Flex as Qt } from "./Flex/Flex.js";
-import { Searchbar as Xt } from "./Searchbar/Searchbar.js";
-import { SearchForm as Zt } from "./Searchbar/SearchForm.js";
-import { Select as oe } from "./Select/Select.js";
-import { Option as te } from "./Select/Option.js";
-import { OptGroup as pe } from "./Select/OptGroup.js";
-import { MultiSelectNested as xe } from "./Select/MultiSelectNested.js";
-import { SelectList as ie } from "./Select/SelectList.js";
-import "./SimpleMenu/SimpleMenu.js";
-import { Stack as de } from "./Stack/Stack.js";
-import { Status as ue } from "./Status/Status.js";
-import "./SubNav/SubNav.js";
-import "./SubNav/SubNavHeader.js";
-import "./SubNav/SubNavLink.js";
-import "./SubNav/SubNavLinkSection.js";
-import "./SubNav/SubNavSection.js";
-import "./SubNav/SubNavSections.js";
-import { Switch as Te } from "./Switch/Switch.js";
-import { Tab as se, Tabs as Ce } from "./Tabs/Tabs.js";
-import { TabPanel as ye, TabPanels as he } from "./Tabs/TabPanels.js";
-import { TabGroup as ge } from "./Tabs/TabGroup.js";
-import { Table as Fe } from "./Table/Table.js";
-import { Tbody as Ae } from "./Table/Tbody.js";
-import { Thead as Ie } from "./Table/Thead.js";
-import { Tr as Re } from "./Table/Tr.js";
-import { Td as we, Th as Me } from "./Table/Cell.js";
-import { TFooter as ve } from "./Table/TFooter.js";
-import { Tag as Ee } from "./Tag/Tag.js";
-import { TextButton as Oe } from "./TextButton/TextButton.js";
-import { TextInput as Ve } from "./TextInput/TextInput.js";
-import { Textarea as Ke } from "./Textarea/Textarea.js";
-import { ThemeProvider as je } from "./ThemeProvider/ThemeProvider.js";
-import { useTheme as Je } from "./ThemeProvider/hooks.js";
-import { TimePicker as Ue } from "./TimePicker/TimePicker.js";
-import { ToggleCheckbox as Ye } from "./ToggleCheckbox/ToggleCheckbox.js";
-import { ToggleInput as $e } from "./ToggleInput/ToggleInput.js";
-import { Tooltip as rp } from "./Tooltip/Tooltip.js";
-import { Typography as ep } from "./Typography/Typography.js";
-import { VisuallyHidden as mp } from "./VisuallyHidden/VisuallyHidden.js";
-import "./v2/Breadcrumbs/Breadcrumbs.js";
-import "./v2/Breadcrumbs/Crumb.js";
-import { CrumbLink as fp } from "./v2/Breadcrumbs/CrumbLink.js";
-import { CrumbSimpleMenu as ap } from "./v2/Breadcrumbs/CrumbSimpleMenu.js";
-import "./v2/Link/Link.js";
-import "./v2/LinkButton/LinkButton.js";
-import "./v2/MainNav/MainNav.js";
-import "./v2/MainNav/NavBrand.js";
-import "./v2/MainNav/NavLink.js";
-import "./v2/MainNav/NavSection.js";
-import "./v2/MainNav/NavSections.js";
-import "./v2/MainNav/NavUser.js";
-import "./v2/MainNav/NavCondense.js";
-import "./v2/Pagination/Pagination.js";
-import "./v2/Pagination/components.js";
-import "./v2/SimpleMenu/SimpleMenu.js";
-import "./v2/SubNav/SubNav.js";
-import "./v2/SubNav/SubNavHeader.js";
-import "./v2/SubNav/SubNavLink.js";
-import "./v2/SubNav/SubNavLinkSection.js";
-import "./v2/SubNav/SubNavSection.js";
-import "./v2/SubNav/SubNavSections.js";
-import { lightTheme as lp } from "./themes/lightTheme/index.js";
-import { darkTheme as np } from "./themes/darkTheme/index.js";
-import { extendTheme as cp } from "./themes/extendTheme.js";
-import { buttonFocusStyle as Cp, getThemeSize as bp, inputFocusStyle as yp } from "./themes/utils.js";
-export {
-  V as Accordion,
-  _ as AccordionContent,
-  Q as AccordionGroup,
-  q as AccordionToggle,
-  z as AccordionTypography,
-  $r as ActionLayout,
-  X as Alert,
-  Z as Avatar,
-  ro as AvatarGroup,
-  eo as Badge,
-  mo as BaseButton,
-  xo as BaseButtonWrapper,
-  io as BaseCheckbox,
-  et as BaseHeaderLayout,
-  lo as BaseLink,
-  no as BaseRadio,
-  Co as Box,
-  yo as Button,
-  ho as ButtonWrapper,
-  go as Card,
-  Fo as CardAction,
-  Ao as CardAsset,
-  Io as CardBadge,
-  Ro as CardBody,
-  wo as CardCheckbox,
-  Do as CardContent,
-  Ho as CardHeader,
-  Wo as CardSubtitle,
-  No as CardTimer,
-  Vo as CardTitle,
-  Ko as Carousel,
-  Jo as CarouselActions,
-  Uo as CarouselImage,
-  jo as CarouselInput,
-  Yo as CarouselSlide,
-  $o as Checkbox,
-  rr as Combobox,
-  pr as ComboboxOption,
-  rt as ContentLayout,
-  tr as CreatableCombobox,
-  fp as CrumbLink,
-  ap as CrumbSimpleMenu,
-  Tr as DatePicker,
-  sr as DateTimePicker,
-  xr as Dialog,
-  ir as DialogBody,
-  dr as DialogFooter,
-  ur as DismissibleLayer,
-  br as Divider,
-  hr as EmptyStateLayout,
-  gr as Field,
-  Hr as FieldAction,
-  Mr as FieldContext,
-  Gr as FieldError,
-  Pr as FieldHint,
-  Ar as FieldInput,
-  Fr as FieldLabel,
-  Qt as Flex,
-  Nr as FocusTrap,
-  Wr as Grid,
-  zr as GridItem,
-  it as GridLayout,
-  pt as HeaderLayout,
-  _r as Icon,
-  qr as IconButton,
-  Jr as IconButtonGroup,
-  $ as Initials,
-  kr as InputWrapper,
-  Ur as KeyboardNavigable,
-  Yr as Layout,
-  ut as Loader,
-  Tt as Main,
-  Ft as ModalBody,
-  gt as ModalFooter,
-  ht as ModalHeader,
-  bt as ModalLayout,
-  xe as MultiSelectNested,
-  At as NumberInput,
-  pe as OptGroup,
-  te as Option,
-  It as POPOVER_PLACEMENTS,
-  Pt as Popover,
-  Gt as Portal,
-  Mt as ProgressBar,
-  vt as Radio,
-  co as RadioGroup,
-  Et as RawTable,
-  _t as RawTbody,
-  Ot as RawTd,
-  Wt as RawTh,
-  zt as RawThead,
-  qt as RawTr,
-  Zt as SearchForm,
-  Xt as Searchbar,
-  oe as Select,
-  ie as SelectList,
-  st as SkipToContent,
-  de as Stack,
-  ue as Status,
-  Te as Switch,
-  ve as TFooter,
-  se as Tab,
-  ge as TabGroup,
-  ye as TabPanel,
-  he as TabPanels,
-  Fe as Table,
-  Ce as Tabs,
-  Ee as Tag,
-  Ae as Tbody,
-  we as Td,
-  Oe as TextButton,
-  Ve as TextInput,
-  Ke as Textarea,
-  Me as Th,
-  Ie as Thead,
-  je as ThemeProvider,
-  Ue as TimePicker,
-  Ye as ToggleCheckbox,
-  $e as ToggleInput,
-  rp as Tooltip,
-  Re as Tr,
-  xt as TwoColsLayout,
-  ep as Typography,
-  mp as VisuallyHidden,
-  Cp as buttonFocusStyle,
-  np as darkTheme,
-  cp as extendTheme,
-  bp as getThemeSize,
-  yp as inputFocusStyle,
-  lp as lightTheme,
-  Dr as useField,
-  dt as useNotifyAT,
-  Je as useTheme
-};

package/dist/themes/ColorButton.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),d=require("prop-types"),a=require("../Box/Box.cjs"),s=require("../Typography/Typography.cjs"),p=require("styled-components"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(n),r=o(d),c=o(p),i=c.default(a.Box)`
-  background: ${({color:e})=>e};
-`,u=({colorKey:e,color:l})=>t.default.createElement(i,{color:l,paddingTop:6,paddingLeft:6,hasRadius:!0,shadow:"popupShadow",borderColor:"neutral200"},t.default.createElement(a.Box,{background:"neutral0",padding:1},t.default.createElement(s.Typography,null,e)));u.propTypes={color:r.default.string.isRequired,colorKey:r.default.string.isRequired};exports.ColorButton=u;

package/dist/themes/ColorButton.js

@@ -1,25 +0,0 @@
-import r from "react";
-import e from "prop-types";
-import { Box as t } from "../Box/Box.js";
-import { Typography as a } from "../Typography/Typography.js";
-import d from "styled-components";
-const n = d(t)`
-  background: ${({ color: o }) => o};
-`, i = ({ colorKey: o, color: p }) => /* @__PURE__ */ r.createElement(n, {
-  color: p,
-  paddingTop: 6,
-  paddingLeft: 6,
-  hasRadius: !0,
-  shadow: "popupShadow",
-  borderColor: "neutral200"
-}, /* @__PURE__ */ r.createElement(t, {
-  background: "neutral0",
-  padding: 1
-}, /* @__PURE__ */ r.createElement(a, null, o)));
-i.propTypes = {
-  color: e.string.isRequired,
-  colorKey: e.string.isRequired
-};
-export {
-  i as ColorButton
-};

package/dist/themes/colors.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={color:{alternative100:"#f6ecfc",alternative200:"#e0c1f4",alternative500:"#ac73e6",alternative600:"#9736e8",alternative700:"#8312d1",danger100:"#fcecea",danger200:"#f5c0b8",danger500:"#ee5e52",danger600:"#d02b20",danger700:"#b72b1a",neutral0:"#ffffff",neutral100:"#f6f6f9",neutral1000:"#181826",neutral150:"#eaeaef",neutral200:"#dcdce4",neutral300:"#c0c0cf",neutral400:"#a5a5ba",neutral500:"#8e8ea9",neutral600:"#666687",neutral700:"#4a4a6a",neutral800:"#32324d",neutral900:"#212134",primary100:"#f0f0ff",primary200:"#d9d8ff",primary500:"#7b79ff",primary600:"#4945ff",primary700:"#271fe0",secondary100:"#eaf5ff",secondary200:"#b8e1ff",secondary500:"#66b7f1",secondary600:"#0c75af",secondary700:"#006096",success100:"#eafbe7",success200:"#c6f0c2",success500:"#5cb176",success600:"#328048",success700:"#2f6846",warning100:"#fdf4dc",warning200:"#fae7b9",warning500:"#f29d41",warning600:"#d9822f",warning700:"#be5d01"}};exports.colorTokenObject=e;

package/dist/themes/colors.js

@@ -1,49 +0,0 @@
-const e = {
-  color: {
-    alternative100: "#f6ecfc",
-    alternative200: "#e0c1f4",
-    alternative500: "#ac73e6",
-    alternative600: "#9736e8",
-    alternative700: "#8312d1",
-    danger100: "#fcecea",
-    danger200: "#f5c0b8",
-    danger500: "#ee5e52",
-    danger600: "#d02b20",
-    danger700: "#b72b1a",
-    neutral0: "#ffffff",
-    neutral100: "#f6f6f9",
-    neutral1000: "#181826",
-    neutral150: "#eaeaef",
-    neutral200: "#dcdce4",
-    neutral300: "#c0c0cf",
-    neutral400: "#a5a5ba",
-    neutral500: "#8e8ea9",
-    neutral600: "#666687",
-    neutral700: "#4a4a6a",
-    neutral800: "#32324d",
-    neutral900: "#212134",
-    primary100: "#f0f0ff",
-    primary200: "#d9d8ff",
-    primary500: "#7b79ff",
-    primary600: "#4945ff",
-    primary700: "#271fe0",
-    secondary100: "#eaf5ff",
-    secondary200: "#b8e1ff",
-    secondary500: "#66b7f1",
-    secondary600: "#0c75af",
-    secondary700: "#006096",
-    success100: "#eafbe7",
-    success200: "#c6f0c2",
-    success500: "#5cb176",
-    success600: "#328048",
-    success700: "#2f6846",
-    warning100: "#fdf4dc",
-    warning200: "#fae7b9",
-    warning500: "#f29d41",
-    warning600: "#d9822f",
-    warning700: "#be5d01"
-  }
-};
-export {
-  e as colorTokenObject
-};

package/dist/themes/common-theme.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./sizes.cjs"),s={sizes:e.sizes,zIndices:[5,10,15,20],spaces:["0px","4px","8px","12px","16px","20px","24px","32px","40px","48px","56px","64px"],borderRadius:"4px",mediaQueries:{tablet:`@media (max-width: ${1100/16}rem)`,mobile:`@media (max-width: ${550/16}rem)`},fontSizes:[`${11/16}rem`,`${12/16}rem`,`${14/16}rem`,"1rem",`${18/16}rem`,`${32/16}rem`],lineHeights:[1.14,1.22,1.25,1.33,1.43,1.45,1.5],fontWeights:{regular:400,semiBold:500,bold:600}};exports.commonTheme=s;

package/dist/themes/common-theme.js

@@ -1,21 +0,0 @@
-import { sizes as e } from "./sizes.js";
-const i = {
-  sizes: e,
-  zIndices: [5, 10, 15, 20],
-  spaces: ["0px", "4px", "8px", "12px", "16px", "20px", "24px", "32px", "40px", "48px", "56px", "64px"],
-  borderRadius: "4px",
-  mediaQueries: {
-    tablet: `@media (max-width: ${1100 / 16}rem)`,
-    mobile: `@media (max-width: ${550 / 16}rem)`
-  },
-  fontSizes: [`${11 / 16}rem`, `${12 / 16}rem`, `${14 / 16}rem`, "1rem", `${18 / 16}rem`, `${32 / 16}rem`],
-  lineHeights: [1.14, 1.22, 1.25, 1.33, 1.43, 1.45, 1.5],
-  fontWeights: {
-    regular: 400,
-    semiBold: 500,
-    bold: 600
-  }
-};
-export {
-  i as commonTheme
-};

package/dist/themes/darkTheme/dark-colors.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a={color:{alternative100:"#181826",alternative200:"#4a4a6a",alternative500:"#ac73e6",alternative600:"#ac73e6",alternative700:"#e0c1f4",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#181826",danger200:"#4a4a6a",danger500:"#ee5e52",danger600:"#ee5e52",danger700:"#ee5e52",neutral0:"#212134",neutral100:"#181826",neutral1000:"#ffffff",neutral150:"#32324d",neutral200:"#4a4a6a",neutral300:"#666687",neutral400:"#a5a5ba",neutral500:"#c0c0cf",neutral600:"#a5a5ba",neutral700:"#eaeaef",neutral800:"#ffffff",neutral900:"#ffffff",primary100:"#181826",primary200:"#4a4a6a",primary500:"#4945ff",primary600:"#7b79ff",primary700:"#7b79ff",secondary100:"#181826",secondary200:"#4a4a6a",secondary500:"#66b7f1",secondary600:"#66b7f1",secondary700:"#b8e1ff",success100:"#181826",success200:"#4a4a6a",success500:"#5cb176",success600:"#5cb176",success700:"#c6f0c2",warning100:"#181826",warning200:"#4a4a6a",warning500:"#f29d41",warning600:"#f29d41",warning700:"#fae7b9"}};exports.darkColorTokenObject=a;