@strapi/design-system 1.6.4 → 1.6.6

package/dist/helpers/deprecations.js

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

package/dist/helpers/useElementOnScreen.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),s=require("../hooks/useElementOnScreen.cjs"),r=e.once(console.warn),t=(...n)=>(r(`${e.PREFIX} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`),s.useElementOnScreen(...n));exports.useElementOnScreen=t;

package/dist/helpers/useElementOnScreen.js

@@ -1,15 +1,6 @@
-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];
-};
+import { once as n, PREFIX as r } from "./deprecations.js";
+import { useElementOnScreen as s } from "../hooks/useElementOnScreen.js";
+const t = n(console.warn), c = (...e) => (t(`${r} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`), s(...e));
 export {
-  b as useElementOnScreen
+  c as useElementOnScreen
 };

package/dist/helpers/useId.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),o=require("../hooks/useId.cjs"),r=e.once(console.warn),t=(...s)=>(r(`${e.PREFIX} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`),o.useId(...s));exports.useId=t;

package/dist/helpers/useId.js

@@ -1,13 +1,6 @@
-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 || "");
-};
+import { once as s, PREFIX as o } from "./deprecations.js";
+import { useId as r } from "../hooks/useId.js";
+const t = s(console.warn), n = (...e) => (t(`${o} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`), r(...e));
 export {
-  S as useId
+  n as useId
 };

package/dist/helpers/useIntersection.cjs

@@ -1 +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)return;const u={root:e.current,rootMargin:"0px"},a=f=>{f.forEach(s=>{s.isIntersecting&&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,e])};exports.useIntersection=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),t=require("../hooks/useIntersection.cjs"),n=e.once(console.warn),o=(...s)=>(n(`${e.PREFIX} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`),t.useIntersection(...s));exports.useIntersection=o;

package/dist/helpers/useIntersection.js

@@ -1,23 +1,6 @@
-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)
-      return;
-    const u = {
-      root: t.current,
-      rootMargin: "0px"
-    }, f = (g) => {
-      g.forEach((i) => {
-        i.isIntersecting && 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, t]);
-};
+import { once as s, PREFIX as t } from "./deprecations.js";
+import { useIntersection as o } from "../hooks/useIntersection.js";
+const n = s(console.warn), c = (...e) => (n(`${t} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`), o(...e));
 export {
-  E as useIntersection
+  c as useIntersection
 };

package/dist/helpers/useLockScroll.cjs

@@ -1 +1 @@
-"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;
+"use strict";const o=require("./deprecations.cjs"),s=require("../hooks/useLockScroll.cjs"),c=o.once(console.warn),r=(...e)=>(c(`${o.PREFIX} useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"`),s(...e));module.exports=r;

package/dist/helpers/useLockScroll.js

@@ -1,9 +1,6 @@
-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]);
-};
+import { once as e, PREFIX as r } from "./deprecations.js";
+import s from "../hooks/useLockScroll.js";
+const c = e(console.warn), a = (...o) => (c(`${r} useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"`), s(...o));
 export {
-  e as default
+  a as default
 };

package/dist/helpers/usePrevious.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),o=require("../hooks/usePrevious.cjs"),r=e.once(console.warn),u=(...s)=>(r(`${e.PREFIX} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`),o.usePrevious(...s));exports.usePrevious=u;

package/dist/helpers/usePrevious.js

@@ -1,10 +1,6 @@
-import { useRef as t, useEffect as u } from "react";
-const s = (r) => {
-  const e = t();
-  return u(() => {
-    e.current = r;
-  }), e.current;
-};
+import { once as s, PREFIX as o } from "./deprecations.js";
+import { usePrevious as r } from "../hooks/usePrevious.js";
+const i = s(console.warn), m = (...e) => (i(`${o} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`), r(...e));
 export {
-  s as usePrevious
+  m as usePrevious
 };

package/dist/helpers/useResizeObserver.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),i=require("@radix-ui/react-use-callback-ref"),n=(e,a)=>{const t=i.useCallbackRef(a);c.useLayoutEffect(()=>{const r=new ResizeObserver(t);return Array.isArray(e)?e.forEach(s=>{s.current&&r.observe(s.current)}):e.current&&r.observe(e.current),()=>{r.disconnect()}},[e,t])};exports.useResizeObserver=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),r=require("../hooks/useResizeObserver.cjs"),o=e.once(console.warn),i=(...s)=>(o(`${e.PREFIX} useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"`),r.useResizeObserver(...s));exports.useResizeObserver=i;

package/dist/helpers/useResizeObserver.js

@@ -1,16 +1,6 @@
-import { useLayoutEffect as f } from "react";
-import { useCallbackRef as s } from "@radix-ui/react-use-callback-ref";
-const c = (e, i) => {
-  const t = s(i);
-  f(() => {
-    const r = new ResizeObserver(t);
-    return Array.isArray(e) ? e.forEach((n) => {
-      n.current && r.observe(n.current);
-    }) : e.current && r.observe(e.current), () => {
-      r.disconnect();
-    };
-  }, [e, t]);
-};
+import { once as s, PREFIX as r } from "./deprecations.js";
+import { useResizeObserver as o } from "../hooks/useResizeObserver.js";
+const i = s(console.warn), n = (...e) => (i(`${r} useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"`), o(...e));
 export {
-  c as useResizeObserver
+  n as useResizeObserver
 };

package/dist/hooks/useElementOnScreen.cjs

@@ -0,0 +1 @@
+"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/hooks/useElementOnScreen.js

@@ -0,0 +1,15 @@
+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/hooks/useIntersection.cjs

@@ -1 +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;
+"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)return;const u={root:e.current,rootMargin:"0px"},a=f=>{f.forEach(s=>{s.isIntersecting&&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,e])};exports.useIntersection=v;

package/dist/hooks/useIntersection.js

@@ -3,20 +3,20 @@ 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)
+    if (r)
       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);
+        i.isIntersecting && 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]);
+  }, [r, e, n, t]);
 };
 export {
   E as useIntersection

package/dist/hooks/useLockScroll.cjs

@@ -0,0 +1 @@
+"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/hooks/useLockScroll.js

@@ -0,0 +1,9 @@
+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/hooks/usePrevious.cjs

@@ -0,0 +1 @@
+"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/hooks/usePrevious.js

@@ -0,0 +1,10 @@
+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/hooks/useResizeObserver.cjs

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

package/dist/hooks/useResizeObserver.js

@@ -0,0 +1,16 @@
+import { useLayoutEffect as f } from "react";
+import { useCallbackRef as s } from "@radix-ui/react-use-callback-ref";
+const c = (e, i) => {
+  const t = s(i);
+  f(() => {
+    const r = new ResizeObserver(t);
+    return Array.isArray(e) ? e.forEach((n) => {
+      n.current && r.observe(n.current);
+    }) : e.current && r.observe(e.current), () => {
+      r.disconnect();
+    };
+  }, [e, t]);
+};
+export {
+  c as useResizeObserver
+};

package/dist/v2/MainNav/NavSection.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),p=require("prop-types"),f=require("./MainNavContext.cjs"),u=require("../../Box/Box.cjs"),g=require("../../Divider/Divider.cjs"),a=require("../../Stack/Stack.cjs"),y=require("../../Typography/Typography.cjs"),m=require("../../VisuallyHidden/VisuallyHidden.cjs"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=s(i),c=s(p),o=({label:t,children:l,...d})=>f.useMainNav()?e.default.createElement(a.Stack,{spacing:2},e.default.createElement(u.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span"},e.default.createElement(g.Divider,null),e.default.createElement(m.VisuallyHidden,null,e.default.createElement("span",null,t))),e.default.createElement(a.Stack,{as:"ul",spacing:2,...d},i.Children.map(l,(n,r)=>e.default.createElement("li",{key:r},n)))):e.default.createElement(a.Stack,{spacing:2},e.default.createElement(u.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span"},e.default.createElement(y.Typography,{variant:"sigma",textColor:"neutral600"},t)),e.default.createElement(a.Stack,{as:"ul",spacing:2,...d},i.Children.map(l,(n,r)=>e.default.createElement("li",{key:r},n))));o.propTypes={children:c.default.node.isRequired,label:c.default.string.isRequired};exports.NavSection=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),g=require("prop-types"),f=require("./MainNavContext.cjs"),s=require("../../Box/Box.cjs"),y=require("../../Divider/Divider.cjs"),n=require("../../Flex/Flex.cjs"),x=require("../../Typography/Typography.cjs"),v=require("../../VisuallyHidden/VisuallyHidden.cjs"),p=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=p(i),o=p(g),m=({label:t,children:d,horizontal:a=!1,spacing:u=2,...c})=>f.useMainNav()?e.default.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:2},e.default.createElement(s.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span"},e.default.createElement(y.Divider,null),e.default.createElement(v.VisuallyHidden,null,e.default.createElement("span",null,t))),e.default.createElement(n.Flex,{as:"ul",gap:u,direction:a?"row":"column",alignItems:a?"center":"stretch",...c},i.Children.map(d,(r,l)=>e.default.createElement("li",{key:l},r)))):e.default.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:2},e.default.createElement(s.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span"},e.default.createElement(x.Typography,{variant:"sigma",textColor:"neutral600"},t)),e.default.createElement(n.Flex,{as:"ul",gap:u,direction:a?"row":"column",alignItems:a?"center":"stretch",...c},i.Children.map(d,(r,l)=>e.default.createElement("li",{key:l},r))));m.propTypes={children:o.default.node.isRequired,label:o.default.string.isRequired};exports.NavSection=m;

package/dist/v2/MainNav/NavSection.js

@@ -1,16 +1,36 @@
-import e, { Children as m } from "react";
-import p from "prop-types";
-import { useMainNav as d } from "./MainNavContext.js";
-import { Box as l } from "../../Box/Box.js";
-import { Divider as s } from "../../Divider/Divider.js";
-import { Stack as t } from "../../Stack/Stack.js";
-import { Typography as c } from "../../Typography/Typography.js";
-import { VisuallyHidden as u } from "../../VisuallyHidden/VisuallyHidden.js";
-const g = ({ label: n, children: i, ...o }) => d() ? /* @__PURE__ */ e.createElement(t, { spacing: 2 }, /* @__PURE__ */ e.createElement(l, { paddingTop: 1, paddingBottom: 1, background: "neutral0", hasRadius: !0, as: "span" }, /* @__PURE__ */ e.createElement(s, null), /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement("span", null, n))), /* @__PURE__ */ e.createElement(t, { as: "ul", spacing: 2, ...o }, m.map(i, (r, a) => /* @__PURE__ */ e.createElement("li", { key: a }, r)))) : /* @__PURE__ */ e.createElement(t, { spacing: 2 }, /* @__PURE__ */ e.createElement(l, { paddingTop: 1, paddingBottom: 1, background: "neutral0", paddingRight: 3, paddingLeft: 3, hasRadius: !0, as: "span" }, /* @__PURE__ */ e.createElement(c, { variant: "sigma", textColor: "neutral600" }, n)), /* @__PURE__ */ e.createElement(t, { as: "ul", spacing: 2, ...o }, m.map(i, (r, a) => /* @__PURE__ */ e.createElement("li", { key: a }, r))));
-g.propTypes = {
-  children: p.node.isRequired,
-  label: p.string.isRequired
+import e, { Children as c } from "react";
+import d from "prop-types";
+import { useMainNav as s } from "./MainNavContext.js";
+import { Box as p } from "../../Box/Box.js";
+import { Divider as u } from "../../Divider/Divider.js";
+import { Flex as r } from "../../Flex/Flex.js";
+import { Typography as g } from "../../Typography/Typography.js";
+import { VisuallyHidden as f } from "../../VisuallyHidden/VisuallyHidden.js";
+const E = ({ label: i, children: m, horizontal: t = !1, spacing: o = 2, ...l }) => s() ? /* @__PURE__ */ e.createElement(r, { direction: "column", alignItems: "stretch", gap: 2 }, /* @__PURE__ */ e.createElement(p, { paddingTop: 1, paddingBottom: 1, background: "neutral0", hasRadius: !0, as: "span" }, /* @__PURE__ */ e.createElement(u, null), /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("span", null, i))), /* @__PURE__ */ e.createElement(
+  r,
+  {
+    as: "ul",
+    gap: o,
+    direction: t ? "row" : "column",
+    alignItems: t ? "center" : "stretch",
+    ...l
+  },
+  c.map(m, (n, a) => /* @__PURE__ */ e.createElement("li", { key: a }, n))
+)) : /* @__PURE__ */ e.createElement(r, { direction: "column", alignItems: "stretch", gap: 2 }, /* @__PURE__ */ e.createElement(p, { paddingTop: 1, paddingBottom: 1, background: "neutral0", paddingRight: 3, paddingLeft: 3, hasRadius: !0, as: "span" }, /* @__PURE__ */ e.createElement(g, { variant: "sigma", textColor: "neutral600" }, i)), /* @__PURE__ */ e.createElement(
+  r,
+  {
+    as: "ul",
+    gap: o,
+    direction: t ? "row" : "column",
+    alignItems: t ? "center" : "stretch",
+    ...l
+  },
+  c.map(m, (n, a) => /* @__PURE__ */ e.createElement("li", { key: a }, n))
+));
+E.propTypes = {
+  children: d.node.isRequired,
+  label: d.string.isRequired
 };
 export {
-  g as NavSection
+  E as NavSection
 };

package/dist/v2/MainNav/NavSections.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),d=require("prop-types"),l=require("styled-components"),u=require("../../Box/Box.cjs"),i=require("../../Stack/Stack.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(a),p=o(d),f=o(l),y=f.default(u.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),u=require("prop-types"),i=require("styled-components"),p=require("../../Box/Box.cjs"),f=require("../../Flex/Flex.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(l),y=o(u),g=o(i),x=g.default(p.Box)`
   flex-grow: 1;
   overflow-y: auto;
-`,r=({children:e,...c})=>t.default.createElement(y,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8},t.default.createElement(i.Stack,{as:"ul",spacing:4,...c},a.Children.map(e,(n,s)=>t.default.createElement("li",{key:s},n))));r.propTypes={children:p.default.node.isRequired};exports.NavSections=r;
+`,n=({children:e,spacing:a=4,horizontal:r=!1,...s})=>t.default.createElement(x,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8},t.default.createElement(f.Flex,{as:"ul",gap:a,direction:r?"row":"column",alignItems:r?"center":"stretch",...s},l.Children.map(e,(c,d)=>t.default.createElement("li",{key:d},c))));n.propTypes={children:y.default.node.isRequired};exports.NavSections=n;

package/dist/v2/MainNav/NavSections.js

@@ -1,15 +1,25 @@
-import e, { Children as i } from "react";
-import n from "prop-types";
-import a from "styled-components";
-import { Box as m } from "../../Box/Box.js";
-import { Stack as d } from "../../Stack/Stack.js";
-const l = a(m)`
+import e, { Children as m } from "react";
+import a from "prop-types";
+import d from "styled-components";
+import { Box as l } from "../../Box/Box.js";
+import { Flex as c } from "../../Flex/Flex.js";
+const s = d(l)`
   flex-grow: 1;
   overflow-y: auto;
-`, c = ({ children: o, ...r }) => /* @__PURE__ */ e.createElement(l, { paddingLeft: 3, paddingRight: 2, paddingTop: 3, paddingBottom: 8 }, /* @__PURE__ */ e.createElement(d, { as: "ul", spacing: 4, ...r }, i.map(o, (t, p) => /* @__PURE__ */ e.createElement("li", { key: p }, t))));
-c.propTypes = {
-  children: n.node.isRequired
+`, f = ({ children: t, spacing: o = 4, horizontal: r = !1, ...i }) => /* @__PURE__ */ e.createElement(s, { paddingLeft: 3, paddingRight: 2, paddingTop: 3, paddingBottom: 8 }, /* @__PURE__ */ e.createElement(
+  c,
+  {
+    as: "ul",
+    gap: o,
+    direction: r ? "row" : "column",
+    alignItems: r ? "center" : "stretch",
+    ...i
+  },
+  m.map(t, (n, p) => /* @__PURE__ */ e.createElement("li", { key: p }, n))
+));
+f.propTypes = {
+  children: a.node.isRequired
 };
 export {
-  c as NavSections
+  f as NavSections
 };

package/dist/v2/SimpleMenu/SimpleMenu.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),D=require("@radix-ui/react-use-callback-ref"),z=require("@strapi/icons"),U=require("prop-types"),H=require("styled-components"),T=require("./utils.cjs"),G=require("../../BaseLink/BaseLink.cjs"),k=require("../../Box/Box.cjs"),M=require("../../Button/Button.cjs"),J=require("../../Flex/Flex.cjs"),u=require("../../helpers/keyboardKeys.cjs"),Q=require("../../helpers/useId.cjs"),j=require("../../Popover/Popover.cjs"),C=require("../../Typography/Typography.cjs"),X=require("../Link/Link.cjs"),q=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=q(a),t=q(U),y=q(H),Y=y.default.button`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),D=require("@radix-ui/react-use-callback-ref"),z=require("@strapi/icons"),U=require("prop-types"),H=require("styled-components"),T=require("./utils.cjs"),G=require("../../BaseLink/BaseLink.cjs"),k=require("../../Box/Box.cjs"),M=require("../../Button/Button.cjs"),J=require("../../Flex/Flex.cjs"),u=require("../../helpers/keyboardKeys.cjs"),Q=require("../../hooks/useId.cjs"),j=require("../../Popover/Popover.cjs"),C=require("../../Typography/Typography.cjs"),X=require("../Link/Link.cjs"),q=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=q(a),t=q(U),y=q(H),Y=y.default.button`
   border: none;
   padding: 0;
   background: transparent;

package/dist/v2/SimpleMenu/SimpleMenu.js

@@ -9,7 +9,7 @@ import { Box as g } from "../../Box/Box.js";
 import { Button as K } from "../../Button/Button.js";
 import { Flex as G } from "../../Flex/Flex.js";
 import { KeyboardKeys as a } from "../../helpers/keyboardKeys.js";
-import { useId as J } from "../../helpers/useId.js";
+import { useId as J } from "../../hooks/useId.js";
 import { POPOVER_PLACEMENTS as Q, Popover as X } from "../../Popover/Popover.js";
 import { Typography as O } from "../../Typography/Typography.js";
 import { Link as Y } from "../Link/Link.js";

package/dist/v2/SubNav/SubNavHeader.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),C=require("@strapi/icons"),I=require("prop-types"),R=require("styled-components"),s=require("../../Box/Box.cjs"),_=require("../../Divider/Divider.cjs"),D=require("../../Flex/Flex.cjs"),P=require("../../helpers/keyboardKeys.cjs"),F=require("../../helpers/useId.cjs"),K=require("../../helpers/usePrevious.cjs"),L=require("../../IconButton/IconButton.cjs"),k=require("../../Searchbar/Searchbar.cjs"),w=require("../../Searchbar/SearchForm.cjs"),O=require("../../Typography/Typography.cjs"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=d(o),r=d(I),H=d(R),h=H.default(_.Divider)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),C=require("@strapi/icons"),I=require("prop-types"),R=require("styled-components"),s=require("../../Box/Box.cjs"),_=require("../../Divider/Divider.cjs"),D=require("../../Flex/Flex.cjs"),P=require("../../helpers/keyboardKeys.cjs"),k=require("../../hooks/useId.cjs"),F=require("../../hooks/usePrevious.cjs"),K=require("../../IconButton/IconButton.cjs"),L=require("../../Searchbar/Searchbar.cjs"),w=require("../../Searchbar/SearchForm.cjs"),O=require("../../Typography/Typography.cjs"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=d(o),r=d(I),H=d(R),h=H.default(_.Divider)`
   width: ${24/16}rem;
   background-color: ${({theme:t})=>t.colors.neutral200};
-`,i=({as:t,label:g,searchLabel:f,searchable:y,onChange:b,value:m,onClear:S,onSubmit:v,id:B})=>{const[n,l]=o.useState(!1),p=K.usePrevious(n),q=F.useId(B),c=o.useRef(),u=o.useRef();o.useEffect(()=>{n&&c.current&&c.current.focus(),p&&!n&&u.current&&u.current.focus()},[n,p]);const E=()=>{l(a=>!a)},j=a=>{S(a),c.current.focus()},T=a=>{a.relatedTarget?.id!==q&&l(!1)},x=a=>{a.key===P.KeyboardKeys.ESCAPE&&l(!1)};return n?e.default.createElement(s.Box,{paddingLeft:4,paddingTop:5,paddingBottom:2,paddingRight:4},e.default.createElement(w.SearchForm,null,e.default.createElement(k.Searchbar,{name:"searchbar",value:m,onChange:b,placeholder:"e.g: strapi-plugin-abcd",onKeyDown:x,ref:c,onBlur:T,onClear:j,onSubmit:v,clearLabel:"Clear",size:"S"},f)),e.default.createElement(s.Box,{paddingLeft:2,paddingTop:4},e.default.createElement(h,null))):e.default.createElement(s.Box,{paddingLeft:6,paddingTop:6,paddingBottom:2,paddingRight:4},e.default.createElement(D.Flex,{justifyContent:"space-between",alignItems:"flex-start"},e.default.createElement(O.Typography,{variant:"beta",as:t},g),y&&e.default.createElement(L.IconButton,{ref:u,onClick:E,label:f,icon:e.default.createElement(C.Search,null)})),e.default.createElement(s.Box,{paddingTop:4},e.default.createElement(h,null)))};i.defaultProps={as:"h2",searchable:!1,onChange(){},onClear(){},onSubmit(){},value:"",searchLabel:"",id:void 0};i.propTypes={as:r.default.string,id:r.default.string,label:r.default.string.isRequired,onChange:r.default.func,onClear:r.default.func,onSubmit:r.default.func,searchLabel:r.default.string,searchable:r.default.bool,value:r.default.string};exports.SubNavHeader=i;
+`,i=({as:t,label:g,searchLabel:f,searchable:y,onChange:b,value:m,onClear:S,onSubmit:v,id:B})=>{const[n,l]=o.useState(!1),p=F.usePrevious(n),q=k.useId(B),c=o.useRef(),u=o.useRef();o.useEffect(()=>{n&&c.current&&c.current.focus(),p&&!n&&u.current&&u.current.focus()},[n,p]);const E=()=>{l(a=>!a)},j=a=>{S(a),c.current.focus()},T=a=>{a.relatedTarget?.id!==q&&l(!1)},x=a=>{a.key===P.KeyboardKeys.ESCAPE&&l(!1)};return n?e.default.createElement(s.Box,{paddingLeft:4,paddingTop:5,paddingBottom:2,paddingRight:4},e.default.createElement(w.SearchForm,null,e.default.createElement(L.Searchbar,{name:"searchbar",value:m,onChange:b,placeholder:"e.g: strapi-plugin-abcd",onKeyDown:x,ref:c,onBlur:T,onClear:j,onSubmit:v,clearLabel:"Clear",size:"S"},f)),e.default.createElement(s.Box,{paddingLeft:2,paddingTop:4},e.default.createElement(h,null))):e.default.createElement(s.Box,{paddingLeft:6,paddingTop:6,paddingBottom:2,paddingRight:4},e.default.createElement(D.Flex,{justifyContent:"space-between",alignItems:"flex-start"},e.default.createElement(O.Typography,{variant:"beta",as:t},g),y&&e.default.createElement(K.IconButton,{ref:u,onClick:E,label:f,icon:e.default.createElement(C.Search,null)})),e.default.createElement(s.Box,{paddingTop:4},e.default.createElement(h,null)))};i.defaultProps={as:"h2",searchable:!1,onChange(){},onClear(){},onSubmit(){},value:"",searchLabel:"",id:void 0};i.propTypes={as:r.default.string,id:r.default.string,label:r.default.string.isRequired,onChange:r.default.func,onClear:r.default.func,onSubmit:r.default.func,searchLabel:r.default.string,searchable:r.default.bool,value:r.default.string};exports.SubNavHeader=i;

package/dist/v2/SubNav/SubNavHeader.js

@@ -6,8 +6,8 @@ import { Box as n } from "../../Box/Box.js";
 import { Divider as I } from "../../Divider/Divider.js";
 import { Flex as K } from "../../Flex/Flex.js";
 import { KeyboardKeys as P } from "../../helpers/keyboardKeys.js";
-import { useId as k } from "../../helpers/useId.js";
-import { usePrevious as O } from "../../helpers/usePrevious.js";
+import { useId as k } from "../../hooks/useId.js";
+import { usePrevious as O } from "../../hooks/usePrevious.js";
 import { IconButton as F } from "../../IconButton/IconButton.js";
 import { Searchbar as _ } from "../../Searchbar/Searchbar.js";
 import { SearchForm as $ } from "../../Searchbar/SearchForm.js";

package/dist/v2/SubNav/SubNavLinkSection.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),m=require("@strapi/icons"),h=require("prop-types"),x=require("styled-components"),l=require("../../Box/Box.cjs"),b=require("../../Flex/Flex.cjs"),S=require("../../helpers/useId.cjs"),q=require("../../Typography/Typography.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(o),r=d(h),i=d(x),E=i.default(l.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),m=require("@strapi/icons"),h=require("prop-types"),x=require("styled-components"),l=require("../../Box/Box.cjs"),b=require("../../Flex/Flex.cjs"),S=require("../../hooks/useId.cjs"),k=require("../../Typography/Typography.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(o),r=d(h),i=d(x),q=i.default(l.Box)`
   svg {
     height: ${4/16}rem;
     path {
       fill: ${({theme:e})=>e.colors.neutral700};
     }
   }
-`,k=i.default.button`
+`,E=i.default.button`
   border: none;
   padding: 0;
   background: transparent;
@@ -16,4 +16,4 @@
   align-items: center;
   width: ${12/16}rem;
   transform: rotateX(${({rotated:e})=>e?"0deg":"180deg"});
-`,s=({label:e,children:c,id:p})=>{const[n,f]=o.useState(!0),u=S.useId(p),g=()=>{f(a=>!a)};return t.default.createElement(l.Box,null,t.default.createElement(E,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4},t.default.createElement(b.Flex,{justifyContent:"space-between"},t.default.createElement(k,{onClick:g,"aria-expanded":n,"aria-controls":u},t.default.createElement(v,{rotated:n},t.default.createElement(m.CarretDown,{"aria-hidden":!0})),t.default.createElement(l.Box,{paddingLeft:2},t.default.createElement(q.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800"},e))))),n&&t.default.createElement("ul",{id:u},o.Children.map(c,(a,y)=>t.default.createElement("li",{key:y},a))))};s.defaultProps={id:void 0};s.propTypes={children:r.default.node.isRequired,id:r.default.string,label:r.default.string.isRequired};exports.SubNavLinkSection=s;
+`,s=({label:e,children:c,id:p})=>{const[n,f]=o.useState(!0),u=S.useId(p),g=()=>{f(a=>!a)};return t.default.createElement(l.Box,null,t.default.createElement(q,{paddingLeft:7,paddingTop:2,paddingBottom:2,paddingRight:4},t.default.createElement(b.Flex,{justifyContent:"space-between"},t.default.createElement(E,{onClick:g,"aria-expanded":n,"aria-controls":u},t.default.createElement(v,{rotated:n},t.default.createElement(m.CarretDown,{"aria-hidden":!0})),t.default.createElement(l.Box,{paddingLeft:2},t.default.createElement(k.Typography,{as:"span",fontWeight:"semiBold",textColor:"neutral800"},e))))),n&&t.default.createElement("ul",{id:u},o.Children.map(c,(a,y)=>t.default.createElement("li",{key:y},a))))};s.defaultProps={id:void 0};s.propTypes={children:r.default.node.isRequired,id:r.default.string,label:r.default.string.isRequired};exports.SubNavLinkSection=s;

package/dist/v2/SubNav/SubNavLinkSection.js

@@ -4,7 +4,7 @@ import o from "prop-types";
 import a from "styled-components";
 import { Box as i } from "../../Box/Box.js";
 import { Flex as E } from "../../Flex/Flex.js";
-import { useId as y } from "../../helpers/useId.js";
+import { useId as y } from "../../hooks/useId.js";
 import { Typography as b } from "../../Typography/Typography.js";
 const k = a(i)`
   svg {

package/dist/v2/SubNav/SubNavSection.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),m=require("prop-types"),v=require("styled-components"),y=require("./SubNavSectionLabel.cjs"),h=require("../../Badge/Badge.cjs"),u=require("../../Box/Box.cjs"),q=require("../../helpers/useId.cjs"),B=require("../../Stack/Stack.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(n),a=r(m),k=r(v),_=k.default(u.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),S=require("prop-types"),h=require("styled-components"),v=require("./SubNavSectionLabel.cjs"),x=require("../../Badge/Badge.cjs"),u=require("../../Box/Box.cjs"),y=require("../../Flex/Flex.cjs"),q=require("../../hooks/useId.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(n),a=r(S),B=r(h),_=B.default(u.Box)`
   svg {
     height: ${4/16}rem;
     path {
       fill: ${({theme:e})=>e.colors.neutral500};
     }
   }
-`,s=({collapsable:e,label:c,badgeLabel:o,children:p,id:f})=>{const[i,g]=n.useState(!0),d=q.useId(f),S=()=>{g(l=>!l)};return t.default.createElement(B.Stack,{spacing:1},t.default.createElement(_,{paddingLeft:6,paddingTop:2,paddingBottom:2,paddingRight:4},t.default.createElement(u.Box,{position:"relative",paddingRight:o?6:0},t.default.createElement(y.SubNavSectionLabel,{onClick:S,ariaExpanded:i,ariaControls:d,collapsable:e,label:c}),o&&t.default.createElement(h.Badge,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)"},o))),(!e||i)&&t.default.createElement("ol",{id:d},n.Children.map(p,(l,b)=>t.default.createElement("li",{key:b},l))))};s.defaultProps={badgeLabel:null,collapsable:!1,id:void 0};s.propTypes={badgeLabel:a.default.string,children:a.default.node.isRequired,collapsable:a.default.bool,id:a.default.string,label:a.default.string.isRequired};exports.SubNavSection=s;
+`,s=({collapsable:e,label:c,badgeLabel:l,children:p,id:f})=>{const[i,g]=n.useState(!0),d=q.useId(f),b=()=>{g(o=>!o)};return t.default.createElement(y.Flex,{direction:"column",alignItems:"stretch",gap:1},t.default.createElement(_,{paddingLeft:6,paddingTop:2,paddingBottom:2,paddingRight:4},t.default.createElement(u.Box,{position:"relative",paddingRight:l?6:0},t.default.createElement(v.SubNavSectionLabel,{onClick:b,ariaExpanded:i,ariaControls:d,collapsable:e,label:c}),l&&t.default.createElement(x.Badge,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)"},l))),(!e||i)&&t.default.createElement("ol",{id:d},n.Children.map(p,(o,m)=>t.default.createElement("li",{key:m},o))))};s.defaultProps={badgeLabel:null,collapsable:!1,id:void 0};s.propTypes={badgeLabel:a.default.string,children:a.default.node.isRequired,collapsable:a.default.bool,id:a.default.string,label:a.default.string.isRequired};exports.SubNavSection=s;

package/dist/v2/SubNav/SubNavSection.js

@@ -1,12 +1,12 @@
-import e, { useState as f, Children as b } from "react";
+import e, { useState as f, Children as h } from "react";
 import t from "prop-types";
-import h from "styled-components";
+import b from "styled-components";
 import { SubNavSectionLabel as E } from "./SubNavSectionLabel.js";
 import { Badge as S } from "../../Badge/Badge.js";
 import { Box as l } from "../../Box/Box.js";
-import { useId as k } from "../../helpers/useId.js";
-import { Stack as v } from "../../Stack/Stack.js";
-const C = h(l)`
+import { Flex as v } from "../../Flex/Flex.js";
+import { useId as C } from "../../hooks/useId.js";
+const k = b(l)`
   svg {
     height: ${4 / 16}rem;
     path {
@@ -14,15 +14,15 @@ const C = h(l)`
     }
   }
 `, p = ({ collapsable: r, label: s, badgeLabel: o, children: d, id: m }) => {
-  const [a, c] = f(!0), n = k(m), u = () => {
+  const [n, c] = f(!0), a = C(m), u = () => {
     c((i) => !i);
   };
-  return /* @__PURE__ */ e.createElement(v, { spacing: 1 }, /* @__PURE__ */ e.createElement(C, { paddingLeft: 6, paddingTop: 2, paddingBottom: 2, paddingRight: 4 }, /* @__PURE__ */ e.createElement(l, { position: "relative", paddingRight: o ? 6 : 0 }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(v, { direction: "column", alignItems: "stretch", gap: 1 }, /* @__PURE__ */ e.createElement(k, { paddingLeft: 6, paddingTop: 2, paddingBottom: 2, paddingRight: 4 }, /* @__PURE__ */ e.createElement(l, { position: "relative", paddingRight: o ? 6 : 0 }, /* @__PURE__ */ e.createElement(
     E,
     {
       onClick: u,
-      ariaExpanded: a,
-      ariaControls: n,
+      ariaExpanded: n,
+      ariaControls: a,
       collapsable: r,
       label: s
     }
@@ -37,7 +37,7 @@ const C = h(l)`
       transform: "translateY(-50%)"
     },
     o
-  ))), (!r || a) && /* @__PURE__ */ e.createElement("ol", { id: n }, b.map(d, (i, g) => /* @__PURE__ */ e.createElement("li", { key: g }, i))));
+  ))), (!r || n) && /* @__PURE__ */ e.createElement("ol", { id: a }, h.map(d, (i, g) => /* @__PURE__ */ e.createElement("li", { key: g }, i))));
 };
 p.defaultProps = {
   badgeLabel: null,

package/dist/v2/SubNav/SubNavSections.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),s=require("prop-types"),l=require("../../Box/Box.cjs"),i=require("../../Stack/Stack.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(o),d=a(s),r=({children:e,...c})=>t.default.createElement(l.Box,{paddingTop:2,paddingBottom:4},t.default.createElement(i.Stack,{as:"ol",spacing:2,...c},o.Children.map(e,(n,u)=>t.default.createElement("li",{key:u},n))));r.propTypes={children:d.default.node.isRequired};exports.SubNavSections=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),i=require("prop-types"),d=require("../../Box/Box.cjs"),p=require("../../Flex/Flex.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(r),f=a(i),c=({children:e,spacing:l=2,horizontal:o=!1,...n})=>t.default.createElement(d.Box,{paddingTop:2,paddingBottom:4},t.default.createElement(p.Flex,{as:"ol",gap:l,direction:o?"row":"column",alignItems:o?"center":"stretch",...n},r.Children.map(e,(s,u)=>t.default.createElement("li",{key:u},s))));c.propTypes={children:f.default.node.isRequired};exports.SubNavSections=c;

package/dist/v2/SubNav/SubNavSections.js

@@ -1,11 +1,21 @@
 import e, { Children as i } from "react";
-import m from "prop-types";
-import { Box as n } from "../../Box/Box.js";
-import { Stack as a } from "../../Stack/Stack.js";
-const c = ({ children: r, ...t }) => /* @__PURE__ */ e.createElement(n, { paddingTop: 2, paddingBottom: 4 }, /* @__PURE__ */ e.createElement(a, { as: "ol", spacing: 2, ...t }, i.map(r, (o, p) => /* @__PURE__ */ e.createElement("li", { key: p }, o))));
-c.propTypes = {
-  children: m.node.isRequired
+import a from "prop-types";
+import { Box as c } from "../../Box/Box.js";
+import { Flex as l } from "../../Flex/Flex.js";
+const d = ({ children: t, spacing: o = 2, horizontal: r = !1, ...m }) => /* @__PURE__ */ e.createElement(c, { paddingTop: 2, paddingBottom: 4 }, /* @__PURE__ */ e.createElement(
+  l,
+  {
+    as: "ol",
+    gap: o,
+    direction: r ? "row" : "column",
+    alignItems: r ? "center" : "stretch",
+    ...m
+  },
+  i.map(t, (n, p) => /* @__PURE__ */ e.createElement("li", { key: p }, n))
+));
+d.propTypes = {
+  children: a.node.isRequired
 };
 export {
-  c as SubNavSections
+  d as SubNavSections
 };