@strapi/design-system 1.6.1 → 1.6.3

package/dist/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
-import o from "react";
-import e from "prop-types";
+import e from "react";
+import o from "prop-types";
 import v from "styled-components";
 import { Box as x } from "../Box/Box.js";
 import { Typography as E } from "../Typography/Typography.js";
@@ -9,34 +9,34 @@ import { useTooltipLayout as R } from "./hooks/useTooltipLayout.js";
 import { useId as p } from "../helpers/useId.js";
 import { VisuallyHidden as I } from "../VisuallyHidden/VisuallyHidden.js";
 const H = v(x)`
-  position: absolute;
   /* z-index exist because of its position inside Modals */
   z-index: 4;
   display: ${({ visible: t }) => t ? "revert" : "none"};
-`, a = ({ children: t, label: n, description: i, delay: d, position: s, id: m, ...c }) => {
-  const r = p("tooltip", m), f = p("description"), { visible: l, ...u } = h(d), { tooltipWrapperRef: b, toggleSourceRef: y } = R(l, s), g = o.cloneElement(t, {
+`, a = ({ children: t, label: n, description: r, delay: d, position: s, id: m, ...c }) => {
+  const i = p(m), f = p(), { visible: l, ...u } = h(d), { tooltipWrapperRef: b, toggleSourceRef: y } = R(l, s), g = e.cloneElement(t, {
     tabIndex: 0,
-    "aria-labelledby": n ? r : void 0,
-    "aria-describedby": i ? r : void 0,
+    "aria-labelledby": n ? i : void 0,
+    "aria-describedby": r ? i : void 0,
     ...u
   });
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(T, null, /* @__PURE__ */ o.createElement(H, {
-    id: r,
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(T, null, /* @__PURE__ */ e.createElement(H, {
+    id: i,
     background: "neutral900",
     hasRadius: !0,
     padding: 2,
     role: "tooltip",
     ref: b,
     visible: l,
+    position: "absolute",
     ...c
-  }, l && /* @__PURE__ */ o.createElement(I, {
+  }, l && /* @__PURE__ */ e.createElement(I, {
     id: f
-  }, i), /* @__PURE__ */ o.createElement(E, {
+  }, r), /* @__PURE__ */ e.createElement(E, {
     as: "p",
     variant: "pi",
     fontWeight: "bold",
     textColor: "neutral0"
-  }, n || i))), /* @__PURE__ */ o.createElement("span", {
+  }, n || r))), /* @__PURE__ */ e.createElement("span", {
     ref: y
   }, g));
 };
@@ -48,12 +48,12 @@ a.defaultProps = {
   description: void 0
 };
 a.propTypes = {
-  children: e.node.isRequired,
-  delay: e.number,
-  description: e.string,
-  id: e.string,
-  label: e.string,
-  position: e.oneOf(["top", "left", "bottom", "right"])
+  children: o.node.isRequired,
+  delay: o.number,
+  description: o.string,
+  id: o.string,
+  label: o.string,
+  position: o.oneOf(["top", "left", "bottom", "right"])
 };
 export {
   a as Tooltip

package/dist/helpers/deprecations.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="[@strapi/design-system]:",i=n=>{const e=n;let t=!1;if(typeof e!="function")throw new TypeError(`${r} once requires a function parameter`);return(...o)=>{t||(e(...o),t=!0)}};exports.once=i;exports.prefix=r;

package/dist/helpers/deprecations.js

@@ -0,0 +1,13 @@
+const o = "[@strapi/design-system]:", c = (t) => {
+  const e = t;
+  let r = !1;
+  if (typeof e != "function")
+    throw new TypeError(`${o} once requires a function parameter`);
+  return (...n) => {
+    r || (e(...n), r = !0);
+  };
+};
+export {
+  c as once,
+  o as prefix
+};

package/dist/helpers/useId.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(t),r=n.default["useId".toString()]||(()=>{});let a=0;const d=e=>{const[u,o]=t.useState(r());return t.useLayoutEffect(()=>{e||o(s=>s??String(a++))},[e]),e?.toString()??(u||"")};exports.useId=d;

package/dist/helpers/useId.js

@@ -1,6 +1,13 @@
-import { useRef as o } from "react";
-import { genId as t } from "./genId.js";
-const i = (e, r) => o(r || `${e}-${t()}`).current;
+import s, { useState as n, useLayoutEffect as r } from "react";
+const c = s["useId".toString()] || (() => {
+});
+let d = 0;
+const S = (t) => {
+  const [e, o] = n(c());
+  return r(() => {
+    t || o((u) => u ?? String(d++));
+  }, [t]), t?.toString() ?? (e || "");
+};
 export {
-  i as useId
+  S as useId
 };

package/dist/hooks/useIntersection.cjs

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

package/dist/hooks/useIntersection.js

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

package/dist/index.cjs

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

package/dist/index.js

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

package/dist/v2/MainNav/MainNav.cjs

@@ -1,9 +1,4 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),l=require("styled-components"),s=require("prop-types"),c=require("../../Flex/Flex.cjs"),i=require("./MainNavContext.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=t(r),u=t(l),d=t(s),p=u.default(c.Flex)`
   width: ${({condensed:e})=>e?"max-content":`${224/16}rem`};
-  background: ${({theme:e})=>e.colors.neutral0};
-  position: sticky;
-  top: 0;
-  height: 100vh;
-  z-index: 2;
   border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,o=({condensed:e,...n})=>a.default.createElement(i.MainNavContext.Provider,{value:e},a.default.createElement(p,{as:"nav",alignItems:"normal",direction:"column",condensed:e,...n}));o.defaultProps={condensed:!1};o.propTypes={condensed:d.default.bool};exports.MainNav=o;
+`,o=({condensed:e,...n})=>a.default.createElement(i.MainNavContext.Provider,{value:e},a.default.createElement(p,{alignItems:"normal",as:"nav",background:"neutral0",condensed:e,direction:"column",height:"100vh",position:"sticky",top:0,zIndex:2,...n}));o.defaultProps={condensed:!1};o.propTypes={condensed:d.default.bool};exports.MainNav=o;

package/dist/v2/MainNav/MainNav.js

@@ -1,23 +1,23 @@
-import e from "react";
+import o from "react";
 import n from "styled-components";
 import a from "prop-types";
 import { Flex as i } from "../../Flex/Flex.js";
-import { MainNavContext as l } from "./MainNavContext.js";
-const m = n(i)`
-  width: ${({ condensed: o }) => o ? "max-content" : `${224 / 16}rem`};
-  background: ${({ theme: o }) => o.colors.neutral0};
-  position: sticky;
-  top: 0;
-  height: 100vh;
-  z-index: 2;
-  border-right: 1px solid ${({ theme: o }) => o.colors.neutral150};
-`, r = ({ condensed: o, ...t }) => /* @__PURE__ */ e.createElement(l.Provider, {
-  value: o
-}, /* @__PURE__ */ e.createElement(m, {
-  as: "nav",
+import { MainNavContext as m } from "./MainNavContext.js";
+const p = n(i)`
+  width: ${({ condensed: e }) => e ? "max-content" : `${224 / 16}rem`};
+  border-right: 1px solid ${({ theme: e }) => e.colors.neutral150};
+`, r = ({ condensed: e, ...t }) => /* @__PURE__ */ o.createElement(m.Provider, {
+  value: e
+}, /* @__PURE__ */ o.createElement(p, {
   alignItems: "normal",
+  as: "nav",
+  background: "neutral0",
+  condensed: e,
   direction: "column",
-  condensed: o,
+  height: "100vh",
+  position: "sticky",
+  top: 0,
+  zIndex: 2,
   ...t
 }));
 r.defaultProps = {