@strapi/design-system 0.0.0-typescript.0 → 0.0.0-typescript.1

package/dist/v2/MainNav/NavBrand.js

@@ -1,68 +1,89 @@
-import e from "react";
-import r from "prop-types";
-import c from "styled-components";
-import { Box as n } from "../../Box/Box.js";
-import { Typography as p } from "../../Typography/Typography.js";
-import { Flex as g } from "../../Flex/Flex.js";
-import { useMainNav as f } from "./MainNavContext.js";
-import { VisuallyHidden as l } from "../../VisuallyHidden/VisuallyHidden.js";
-import { BaseLink as u } from "../../BaseLink/BaseLink.js";
-const s = c.div`
-  border-radius: ${({ theme: t }) => t.borderRadius};
+var y = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var c = (e, r, t) => r in e ? y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, d = (e, r) => {
+  for (var t in r || (r = {}))
+    u.call(r, t) && c(e, t, r[t]);
+  if (i)
+    for (var t of i(r))
+      g.call(r, t) && c(e, t, r[t]);
+  return e;
+};
+var f = (e, r) => {
+  var t = {};
+  for (var a in e)
+    u.call(e, a) && r.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && i)
+    for (var a of i(e))
+      r.indexOf(a) < 0 && g.call(e, a) && (t[a] = e[a]);
+  return t;
+};
+import n from "react";
+import o from "prop-types";
+import v from "styled-components";
+import { Box as m } from "../../Box/Box.js";
+import { Typography as E } from "../../Typography/Typography.js";
+import { Flex as B } from "../../Flex/Flex.js";
+import { useMainNav as $ } from "./MainNavContext.js";
+import { VisuallyHidden as h } from "../../VisuallyHidden/VisuallyHidden.js";
+import { BaseLink as x } from "../../BaseLink/BaseLink.js";
+const R = v.div`
+  border-radius: ${({ theme: e }) => e.borderRadius};
 
   svg,
   img {
-    height: ${({ condensed: t }) => t ? `${40 / 16}rem` : `${32 / 16}rem`};
-    width: ${({ condensed: t }) => t ? `${40 / 16}rem` : `${32 / 16}rem`};
+    height: ${({ condensed: e }) => e ? `${40 / 16}rem` : `${32 / 16}rem`};
+    width: ${({ condensed: e }) => e ? `${40 / 16}rem` : `${32 / 16}rem`};
   }
-`, E = c(u)`
+`, L = v(x)`
   text-decoration: unset;
   color: inherit;
-`, a = e.forwardRef(({ workplace: t, title: i, icon: o, ...d }, m) => f() ? /* @__PURE__ */ e.createElement(u, {
-  ref: m,
-  ...d
-}, /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 3,
-  paddingRight: 3,
-  paddingTop: 4,
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(s, {
-  condensed: !0
-}, o, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement("span", null, i), /* @__PURE__ */ e.createElement("span", null, t))))) : /* @__PURE__ */ e.createElement(E, {
-  ref: m,
-  ...d
-}, /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 3,
-  paddingRight: 3,
-  paddingTop: 4,
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(s, {
-  "aria-hidden": !0,
-  tabIndex: -1
-}, o), /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 2
-}, /* @__PURE__ */ e.createElement(p, {
-  fontWeight: "bold",
-  textColor: "neutral800",
-  as: "span"
-}, i, /* @__PURE__ */ e.createElement(l, {
-  as: "span"
-}, t)), /* @__PURE__ */ e.createElement(p, {
-  variant: "pi",
-  as: "p",
-  textColor: "neutral600",
-  "aria-hidden": !0
-}, t))))));
-a.displayName = "NavBrand";
-a.defaultProps = {
+`, p = n.forwardRef((N, l) => {
+  var s = N, { workplace: e, title: r, icon: t } = s, a = f(s, ["workplace", "title", "icon"]);
+  return $() ? /* @__PURE__ */ n.createElement(x, d({
+    ref: l
+  }, a), /* @__PURE__ */ n.createElement(m, {
+    paddingLeft: 3,
+    paddingRight: 3,
+    paddingTop: 4,
+    paddingBottom: 4
+  }, /* @__PURE__ */ n.createElement(R, {
+    condensed: !0
+  }, t, /* @__PURE__ */ n.createElement(h, null, /* @__PURE__ */ n.createElement("span", null, r), /* @__PURE__ */ n.createElement("span", null, e))))) : /* @__PURE__ */ n.createElement(L, d({
+    ref: l
+  }, a), /* @__PURE__ */ n.createElement(m, {
+    paddingLeft: 3,
+    paddingRight: 3,
+    paddingTop: 4,
+    paddingBottom: 4
+  }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(R, {
+    "aria-hidden": !0,
+    tabIndex: -1
+  }, t), /* @__PURE__ */ n.createElement(m, {
+    paddingLeft: 2
+  }, /* @__PURE__ */ n.createElement(E, {
+    fontWeight: "bold",
+    textColor: "neutral800",
+    as: "span"
+  }, r, /* @__PURE__ */ n.createElement(h, {
+    as: "span"
+  }, e)), /* @__PURE__ */ n.createElement(E, {
+    variant: "pi",
+    as: "p",
+    textColor: "neutral600",
+    "aria-hidden": !0
+  }, e)))));
+});
+p.displayName = "NavBrand";
+p.defaultProps = {
   to: "/"
 };
-a.propTypes = {
-  icon: r.node.isRequired,
-  title: r.string.isRequired,
-  to: r.string,
-  workplace: r.string.isRequired
+p.propTypes = {
+  icon: o.node.isRequired,
+  title: o.string.isRequired,
+  to: o.string,
+  workplace: o.string.isRequired
 };
 export {
-  a as NavBrand
+  p as NavBrand
 };

package/dist/v2/MainNav/NavCondense.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),i=require("prop-types"),d=require("styled-components"),l=require("@strapi/icons/ChevronRight"),u=require("@strapi/icons/ChevronLeft"),c=require("../../Icon/Icon.cjs"),f=require("../../VisuallyHidden/VisuallyHidden.cjs"),h=require("./MainNavContext.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=t(a),p=t(i),v=t(d),g=t(l),y=t(u),m=v.default.button`
+"use strict";var p=Object.defineProperty;var s=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var d=(e,t,n)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))l.call(t,n)&&d(e,n,t[n]);if(s)for(var n of s(t))u.call(t,n)&&d(e,n,t[n]);return e};var f=(e,t)=>{var n={};for(var o in e)l.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&s)for(var o of s(e))t.indexOf(o)<0&&u.call(e,o)&&(n[o]=e[o]);return n};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),g=require("prop-types"),y=require("styled-components"),m=require("@strapi/icons/ChevronRight"),_=require("@strapi/icons/ChevronLeft"),b=require("../../Icon/Icon.cjs"),C=require("../../VisuallyHidden/VisuallyHidden.cjs"),$=require("./MainNavContext.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=r(v),q=r(g),R=r(y),j=r(m),N=r(_),x=R.default.button`
   background: ${({theme:e})=>e.colors.neutral0};
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   border-radius: ${({theme:e})=>e.borderRadius};
@@ -7,7 +7,7 @@
   justify-content: center;
   position: absolute;
   bottom: ${(9+4)/16}rem; // 9 is the height of the svg and 4 is the padding below
-  right: ${({theme:e,condensed:n})=>n?0:e.spaces[5]};
+  right: ${({theme:e,condensed:t})=>t?0:e.spaces[5]};
   transform: ${({condensed:e})=>e?"translateX(50%)":void 0};
   z-index: 2;
   width: ${18/16}rem;
@@ -17,4 +17,4 @@
     width: ${6/16}rem;
     height: ${9/16}rem;
   }
-`,s=({children:e,...n})=>{const r=h.useMainNav();return o.default.createElement(m,{as:"button",condensed:r,...n},o.default.createElement(c.Icon,{as:r?g.default:y.default,"aria-hidden":!0,color:"neutral600"}),o.default.createElement(f.VisuallyHidden,null,e))};s.propTypes={children:p.default.string.isRequired};exports.NavCondense=s;
+`,h=n=>{var o=n,{children:e}=o,t=f(o,["children"]);const i=$.useMainNav();return a.default.createElement(x,c({as:"button",condensed:i},t),a.default.createElement(b.Icon,{as:i?j.default:N.default,"aria-hidden":!0,color:"neutral600"}),a.default.createElement(C.VisuallyHidden,null,e))};h.propTypes={children:q.default.string.isRequired};exports.NavCondense=h;

package/dist/v2/MainNav/NavCondense.d.ts

@@ -0,0 +1,10 @@
+export function NavCondense({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+export namespace NavCondense {
+    namespace propTypes {
+        const children: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/v2/MainNav/NavCondense.js

@@ -1,12 +1,32 @@
-import t from "react";
-import n from "prop-types";
-import i from "styled-components";
-import s from "@strapi/icons/ChevronRight";
-import a from "@strapi/icons/ChevronLeft";
-import { Icon as d } from "../../Icon/Icon.js";
-import { VisuallyHidden as m } from "../../VisuallyHidden/VisuallyHidden.js";
-import { useMainNav as l } from "./MainNavContext.js";
-const p = i.button`
+var c = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var a = (e, r, t) => r in e ? c(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r) => {
+  for (var t in r || (r = {}))
+    d.call(r, t) && a(e, t, r[t]);
+  if (n)
+    for (var t of n(r))
+      m.call(r, t) && a(e, t, r[t]);
+  return e;
+};
+var p = (e, r) => {
+  var t = {};
+  for (var o in e)
+    d.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && n)
+    for (var o of n(e))
+      r.indexOf(o) < 0 && m.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import i from "react";
+import h from "prop-types";
+import u from "styled-components";
+import f from "@strapi/icons/ChevronRight";
+import g from "@strapi/icons/ChevronLeft";
+import { Icon as $ } from "../../Icon/Icon.js";
+import { VisuallyHidden as b } from "../../VisuallyHidden/VisuallyHidden.js";
+import { useMainNav as v } from "./MainNavContext.js";
+const y = u.button`
   background: ${({ theme: e }) => e.colors.neutral0};
   border: 1px solid ${({ theme: e }) => e.colors.neutral150};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -25,21 +45,21 @@ const p = i.button`
     width: ${6 / 16}rem;
     height: ${9 / 16}rem;
   }
-`, c = ({ children: e, ...r }) => {
-  const o = l();
-  return /* @__PURE__ */ t.createElement(p, {
+`, x = (t) => {
+  var o = t, { children: e } = o, r = p(o, ["children"]);
+  const s = v();
+  return /* @__PURE__ */ i.createElement(y, l({
     as: "button",
-    condensed: o,
-    ...r
-  }, /* @__PURE__ */ t.createElement(d, {
-    as: o ? s : a,
+    condensed: s
+  }, r), /* @__PURE__ */ i.createElement($, {
+    as: s ? f : g,
     "aria-hidden": !0,
     color: "neutral600"
-  }), /* @__PURE__ */ t.createElement(m, null, e));
+  }), /* @__PURE__ */ i.createElement(b, null, e));
 };
-c.propTypes = {
-  children: n.string.isRequired
+x.propTypes = {
+  children: h.string.isRequired
 };
 export {
-  c as NavCondense
+  x as NavCondense
 };

package/dist/v2/MainNav/NavLink.cjs

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),$=require("styled-components"),v=require("prop-types"),b=require("../../Box/Box.cjs"),m=require("../../Flex/Flex.cjs"),r=require("../../Typography/Typography.cjs"),T=require("./MainNavContext.cjs"),x=require("../../Tooltip/Tooltip.cjs"),B=require("../../Badge/Badge.cjs"),j=require("../../BaseLink/BaseLink.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=s(h),n=s($),a=s(v),p=n.default(b.Box)`
+"use strict";var j=Object.defineProperty;var s=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var y=(e,a,t)=>a in e?j(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,d=(e,a)=>{for(var t in a||(a={}))m.call(a,t)&&y(e,t,a[t]);if(s)for(var t of s(a))h.call(a,t)&&y(e,t,a[t]);return e};var $=(e,a)=>{var t={};for(var r in e)m.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&s)for(var r of s(e))a.indexOf(r)<0&&h.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),q=require("styled-components"),E=require("prop-types"),L=require("../../Box/Box.cjs"),B=require("../../Flex/Flex.cjs"),l=require("../../Typography/Typography.cjs"),N=require("./MainNavContext.cjs"),R=require("../../Tooltip/Tooltip.cjs"),_=require("../../Badge/Badge.cjs"),M=require("../../BaseLink/BaseLink.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=u(k),i=u(q),n=u(E),v=i.default(L.Box)`
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,f=n.default(j.BaseLink)`
+`,b=i.default(M.BaseLink)`
   position: relative;
   text-decoration: none;
   display: block;
   border-radius: ${({theme:e})=>e.borderRadius};
   background: ${({theme:e})=>e.colors.neutral0};
 
-  ${r.Typography} {
+  ${l.Typography} {
     color: ${({theme:e})=>e.colors.neutral600};
   }
 
@@ -21,7 +21,7 @@
   &:hover {
     background: ${({theme:e})=>e.colors.neutral100};
 
-    ${r.Typography} {
+    ${l.Typography} {
       color: ${({theme:e})=>e.colors.neutral700};
     }
 
@@ -37,14 +37,14 @@
       fill: ${({theme:e})=>e.colors.primary600};
     }
 
-    ${r.Typography} {
+    ${l.Typography} {
       color: ${({theme:e})=>e.colors.primary600};
       font-weight: 500;
     }
   }
-`,g=n.default(m.Flex)`
+`,T=i.default(B.Flex)`
   padding: ${({theme:e})=>`${e.spaces[2]} ${e.spaces[3]}`};
-`,y=n.default(B.Badge)`
+`,x=i.default(_.Badge)`
   ${({condensed:e})=>e&&`
 	  position: absolute;
     transform: translate(35%, -50%);
@@ -52,7 +52,7 @@
     right: 0;
   `}
 
-  ${r.Typography} {
+  ${l.Typography} {
     //find a solution to remove !important
     color: ${({theme:e})=>e.colors.neutral0} !important;
     line-height: 0;
@@ -66,4 +66,4 @@
   padding: ${({theme:e})=>`0 ${e.spaces[2]}`};
   border-radius: ${({theme:e})=>e.spaces[10]};
   background: ${({theme:e})=>e.colors.primary600};
-`,l=t.default.forwardRef(({children:e,icon:i,badgeContent:o,badgeAriaLabel:c,...d},u)=>T.useMainNav()?t.default.createElement(f,{ref:u,...d},t.default.createElement(x.Tooltip,{position:"right",label:e},t.default.createElement(g,{as:"span",justifyContent:"center"},t.default.createElement(p,{"aria-hidden":!0,paddingRight:0,as:"span"},i),o&&t.default.createElement(y,{condensed:!0,"aria-label":c},o)))):t.default.createElement(f,{ref:u,...d},t.default.createElement(g,{as:"span",justifyContent:"space-between"},t.default.createElement(m.Flex,null,t.default.createElement(p,{"aria-hidden":!0,paddingRight:3,as:"span"},i),t.default.createElement(r.Typography,null,e)),o&&t.default.createElement(y,{justifyContent:"center","aria-label":c},o))));l.displayName="NavLink";l.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0};l.propTypes={badgeAriaLabel:a.default.string,badgeContent:a.default.oneOfType([a.default.string,a.default.number]),children:a.default.string.isRequired,icon:a.default.node.isRequired};exports.NavLink=l;
+`,c=o.default.forwardRef((w,f)=>{var g=w,{children:e,icon:a,badgeContent:t,badgeAriaLabel:r}=g,p=$(g,["children","icon","badgeContent","badgeAriaLabel"]);return N.useMainNav()?o.default.createElement(b,d({ref:f},p),o.default.createElement(R.Tooltip,{position:"right",label:e},o.default.createElement(T,{as:"span",justifyContent:"center"},o.default.createElement(v,{"aria-hidden":!0,paddingRight:0,as:"span"},a),t&&o.default.createElement(x,{condensed:!0,"aria-label":r},t)))):o.default.createElement(b,d({ref:f},p),o.default.createElement(T,{as:"span",justifyContent:"space-between"},o.default.createElement(B.Flex,null,o.default.createElement(v,{"aria-hidden":!0,paddingRight:3,as:"span"},a),o.default.createElement(l.Typography,null,e)),t&&o.default.createElement(x,{justifyContent:"center","aria-label":r},t)))});c.displayName="NavLink";c.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0};c.propTypes={badgeAriaLabel:n.default.string,badgeContent:n.default.oneOfType([n.default.string,n.default.number]),children:n.default.string.isRequired,icon:n.default.node.isRequired};exports.NavLink=c;

package/dist/v2/MainNav/NavLink.d.ts

@@ -0,0 +1,2 @@
+export const NavLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/v2/MainNav/NavLink.js

@@ -1,26 +1,46 @@
-import r from "react";
-import n from "styled-components";
-import t from "prop-types";
-import { Box as $ } from "../../Box/Box.js";
-import { Flex as f } from "../../Flex/Flex.js";
-import { Typography as o } from "../../Typography/Typography.js";
-import { useMainNav as h } from "./MainNavContext.js";
-import { Tooltip as y } from "../../Tooltip/Tooltip.js";
-import { Badge as b } from "../../Badge/Badge.js";
-import { BaseLink as v } from "../../BaseLink/BaseLink.js";
-const d = n($)`
+var R = Object.defineProperty;
+var s = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
+var g = (e, t, r) => t in e ? R(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, c = (e, t) => {
+  for (var r in t || (t = {}))
+    f.call(t, r) && g(e, r, t[r]);
+  if (s)
+    for (var r of s(t))
+      $.call(t, r) && g(e, r, t[r]);
+  return e;
+};
+var h = (e, t) => {
+  var r = {};
+  for (var o in e)
+    f.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && s)
+    for (var o of s(e))
+      t.indexOf(o) < 0 && $.call(e, o) && (r[o] = e[o]);
+  return r;
+};
+import a from "react";
+import l from "styled-components";
+import n from "prop-types";
+import { Box as w } from "../../Box/Box.js";
+import { Flex as k } from "../../Flex/Flex.js";
+import { Typography as i } from "../../Typography/Typography.js";
+import { useMainNav as x } from "./MainNavContext.js";
+import { Tooltip as N } from "../../Tooltip/Tooltip.js";
+import { Badge as B } from "../../Badge/Badge.js";
+import { BaseLink as L } from "../../BaseLink/BaseLink.js";
+const y = l(w)`
   svg {
     width: 1rem;
     height: 1rem;
   }
-`, m = n(v)`
+`, b = l(L)`
   position: relative;
   text-decoration: none;
   display: block;
   border-radius: ${({ theme: e }) => e.borderRadius};
   background: ${({ theme: e }) => e.colors.neutral0};
 
-  ${o} {
+  ${i} {
     color: ${({ theme: e }) => e.colors.neutral600};
   }
 
@@ -31,7 +51,7 @@ const d = n($)`
   &:hover {
     background: ${({ theme: e }) => e.colors.neutral100};
 
-    ${o} {
+    ${i} {
       color: ${({ theme: e }) => e.colors.neutral700};
     }
 
@@ -47,14 +67,14 @@ const d = n($)`
       fill: ${({ theme: e }) => e.colors.primary600};
     }
 
-    ${o} {
+    ${i} {
       color: ${({ theme: e }) => e.colors.primary600};
       font-weight: 500;
     }
   }
-`, u = n(f)`
+`, v = l(k)`
   padding: ${({ theme: e }) => `${e.spaces[2]} ${e.spaces[3]}`};
-`, g = n(b)`
+`, E = l(B)`
   ${({ condensed: e }) => e && `
 	  position: absolute;
     transform: translate(35%, -50%);
@@ -62,7 +82,7 @@ const d = n($)`
     right: 0;
   `}
 
-  ${o} {
+  ${i} {
     //find a solution to remove !important
     color: ${({ theme: e }) => e.colors.neutral0} !important;
     line-height: 0;
@@ -76,47 +96,48 @@ const d = n($)`
   padding: ${({ theme: e }) => `0 ${e.spaces[2]}`};
   border-radius: ${({ theme: e }) => e.spaces[10]};
   background: ${({ theme: e }) => e.colors.primary600};
-`, i = r.forwardRef(({ children: e, icon: s, badgeContent: a, badgeAriaLabel: l, ...c }, p) => h() ? /* @__PURE__ */ r.createElement(m, {
-  ref: p,
-  ...c
-}, /* @__PURE__ */ r.createElement(y, {
-  position: "right",
-  label: e
-}, /* @__PURE__ */ r.createElement(u, {
-  as: "span",
-  justifyContent: "center"
-}, /* @__PURE__ */ r.createElement(d, {
-  "aria-hidden": !0,
-  paddingRight: 0,
-  as: "span"
-}, s), a && /* @__PURE__ */ r.createElement(g, {
-  condensed: !0,
-  "aria-label": l
-}, a)))) : /* @__PURE__ */ r.createElement(m, {
-  ref: p,
-  ...c
-}, /* @__PURE__ */ r.createElement(u, {
-  as: "span",
-  justifyContent: "space-between"
-}, /* @__PURE__ */ r.createElement(f, null, /* @__PURE__ */ r.createElement(d, {
-  "aria-hidden": !0,
-  paddingRight: 3,
-  as: "span"
-}, s), /* @__PURE__ */ r.createElement(o, null, e)), a && /* @__PURE__ */ r.createElement(g, {
-  justifyContent: "center",
-  "aria-label": l
-}, a))));
-i.displayName = "NavLink";
-i.defaultProps = {
+`, p = a.forwardRef((T, m) => {
+  var u = T, { children: e, icon: t, badgeContent: r, badgeAriaLabel: o } = u, d = h(u, ["children", "icon", "badgeContent", "badgeAriaLabel"]);
+  return x() ? /* @__PURE__ */ a.createElement(b, c({
+    ref: m
+  }, d), /* @__PURE__ */ a.createElement(N, {
+    position: "right",
+    label: e
+  }, /* @__PURE__ */ a.createElement(v, {
+    as: "span",
+    justifyContent: "center"
+  }, /* @__PURE__ */ a.createElement(y, {
+    "aria-hidden": !0,
+    paddingRight: 0,
+    as: "span"
+  }, t), r && /* @__PURE__ */ a.createElement(E, {
+    condensed: !0,
+    "aria-label": o
+  }, r)))) : /* @__PURE__ */ a.createElement(b, c({
+    ref: m
+  }, d), /* @__PURE__ */ a.createElement(v, {
+    as: "span",
+    justifyContent: "space-between"
+  }, /* @__PURE__ */ a.createElement(k, null, /* @__PURE__ */ a.createElement(y, {
+    "aria-hidden": !0,
+    paddingRight: 3,
+    as: "span"
+  }, t), /* @__PURE__ */ a.createElement(i, null, e)), r && /* @__PURE__ */ a.createElement(E, {
+    justifyContent: "center",
+    "aria-label": o
+  }, r)));
+});
+p.displayName = "NavLink";
+p.defaultProps = {
   badgeContent: void 0,
   badgeAriaLabel: void 0
 };
-i.propTypes = {
-  badgeAriaLabel: t.string,
-  badgeContent: t.oneOfType([t.string, t.number]),
-  children: t.string.isRequired,
-  icon: t.node.isRequired
+p.propTypes = {
+  badgeAriaLabel: n.string,
+  badgeContent: n.oneOfType([n.string, n.number]),
+  children: n.string.isRequired,
+  icon: n.node.isRequired
 };
 export {
-  i as NavLink
+  p as NavLink
 };

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"),u=require("../../Box/Box.cjs"),f=require("../../Typography/Typography.cjs"),a=require("../../Stack/Stack.cjs"),g=require("./MainNavContext.cjs"),y=require("../../VisuallyHidden/VisuallyHidden.cjs"),m=require("../../Divider/Divider.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})=>g.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(m.Divider,null),e.default.createElement(y.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(f.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";var S=Object.defineProperty;var i=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var p=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,c=(e,a)=>{for(var t in a||(a={}))f.call(a,t)&&p(e,t,a[t]);if(i)for(var t of i(a))g.call(a,t)&&p(e,t,a[t]);return e};var y=(e,a)=>{var t={};for(var r in e)f.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&i)for(var r of i(e))a.indexOf(r)<0&&g.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),q=require("prop-types"),m=require("../../Box/Box.cjs"),T=require("../../Typography/Typography.cjs"),l=require("../../Stack/Stack.cjs"),h=require("./MainNavContext.cjs"),j=require("../../VisuallyHidden/VisuallyHidden.cjs"),x=require("../../Divider/Divider.cjs"),E=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=E(s),v=E(q),k=r=>{var o=r,{label:e,children:a}=o,t=y(o,["label","children"]);return h.useMainNav()?n.default.createElement(l.Stack,{spacing:2},n.default.createElement(m.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span"},n.default.createElement(x.Divider,null),n.default.createElement(j.VisuallyHidden,null,n.default.createElement("span",null,e))),n.default.createElement(l.Stack,c({as:"ul",spacing:2},t),s.Children.map(a,(d,u)=>n.default.createElement("li",{key:u},d)))):n.default.createElement(l.Stack,{spacing:2},n.default.createElement(m.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span"},n.default.createElement(T.Typography,{variant:"sigma",textColor:"neutral600"},e)),n.default.createElement(l.Stack,c({as:"ul",spacing:2},t),s.Children.map(a,(d,u)=>n.default.createElement("li",{key:u},d))))};k.propTypes={children:v.default.node.isRequired,label:v.default.string.isRequired};exports.NavSection=k;

package/dist/v2/MainNav/NavSection.d.ts

@@ -0,0 +1,12 @@
+export function NavSection({ label, children, ...props }: {
+    [x: string]: any;
+    label: any;
+    children: any;
+}): JSX.Element;
+export namespace NavSection {
+    namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const label: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from "prop-types";