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

package/dist/Main/Main.d.ts

@@ -0,0 +1,14 @@
+export function Main({ labelledBy, ...props }: {
+    [x: string]: any;
+    labelledBy: any;
+}): JSX.Element;
+export namespace Main {
+    namespace defaultProps {
+        const labelledBy: undefined;
+    }
+    namespace propTypes {
+        const labelledBy_1: PropTypes.Requireable<string>;
+        export { labelledBy_1 as labelledBy };
+    }
+}
+import PropTypes from "prop-types";

package/dist/Main/Main.js

@@ -1,26 +1,46 @@
-import i from "react";
-import l from "prop-types";
-import a from "styled-components";
-const r = a.main`
+var m = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var a = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+var l = (e, o, t) => o in e ? m(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, s = (e, o) => {
+  for (var t in o || (o = {}))
+    a.call(o, t) && l(e, t, o[t]);
+  if (i)
+    for (var t of i(o))
+      r.call(o, t) && l(e, t, o[t]);
+  return e;
+};
+var p = (e, o) => {
+  var t = {};
+  for (var n in e)
+    a.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && i)
+    for (var n of i(e))
+      o.indexOf(n) < 0 && r.call(e, n) && (t[n] = e[n]);
+  return t;
+};
+import b from "react";
+import f from "prop-types";
+import u from "styled-components";
+const y = u.main`
   // To prevent global outline on focus visible to force an outline when Main is focused
   &:focus-visible {
     outline: none;
   }
-`, e = ({ labelledBy: o, ...t }) => {
-  const n = o || "main-content-title";
-  return /* @__PURE__ */ i.createElement(r, {
-    "aria-labelledby": n,
+`, c = (t) => {
+  var n = t, { labelledBy: e } = n, o = p(n, ["labelledBy"]);
+  const d = e || "main-content-title";
+  return /* @__PURE__ */ b.createElement(y, s({
+    "aria-labelledby": d,
     id: "main-content",
-    tabIndex: -1,
-    ...t
-  });
+    tabIndex: -1
+  }, o));
 };
-e.defaultProps = {
+c.defaultProps = {
   labelledBy: void 0
 };
-e.propTypes = {
-  labelledBy: l.string
+c.propTypes = {
+  labelledBy: f.string
 };
 export {
-  e as Main
+  c as Main
 };

package/dist/Main/SkipToContent.d.ts

@@ -0,0 +1,9 @@
+export function SkipToContent({ children }: {
+    children: any;
+}): JSX.Element;
+export namespace SkipToContent {
+    namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Main/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Main";
+export * from "./SkipToContent";

package/dist/MainNav/MainNav.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),s=require("styled-components"),i=require("prop-types"),c=require("../Grid/Grid.cjs");require("../Grid/GridItem.cjs");const d=require("./MainNavContext.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=t(n),l=t(s),u=t(i),p=l.default(c.Grid)`
+"use strict";var f=Object.defineProperty;var a=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var i=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&i(e,r,t[r]);if(a)for(var r of a(t))d.call(t,r)&&i(e,r,t[r]);return e};var u=(e,t)=>{var r={};for(var o in e)c.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&d.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),y=require("styled-components"),_=require("prop-types"),M=require("../Grid/Grid.cjs");require("../Grid/GridItem.cjs");const m=require("./MainNavContext.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=n(v),b=n(y),g=n(_),q=b.default(M.Grid)`
   width: ${({condensed:e})=>e?"max-content":`${224/16}rem`};
   background: ${({theme:e})=>e.colors.neutral0};
   position: sticky;
@@ -6,4 +6,4 @@
   height: 100vh;
   z-index: 2;
   border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({condensed:e,...a})=>o.default.createElement(d.MainNavContext.Provider,{value:e},o.default.createElement(p,{as:"nav",condensed:e,...a}));r.defaultProps={condensed:!1};r.propTypes={condensed:u.default.bool};exports.MainNav=r;
+`,s=r=>{var o=r,{condensed:e}=o,t=u(o,["condensed"]);return p.default.createElement(m.MainNavContext.Provider,{value:e},p.default.createElement(q,l({as:"nav",condensed:e},t)))};s.defaultProps={condensed:!1};s.propTypes={condensed:g.default.bool};exports.MainNav=s;

package/dist/MainNav/MainNav.d.ts

@@ -0,0 +1,14 @@
+export function MainNav({ condensed, ...props }: {
+    [x: string]: any;
+    condensed: any;
+}): JSX.Element;
+export namespace MainNav {
+    namespace defaultProps {
+        const condensed: boolean;
+    }
+    namespace propTypes {
+        const condensed_1: PropTypes.Requireable<boolean>;
+        export { condensed_1 as condensed };
+    }
+}
+import PropTypes from "prop-types";

package/dist/MainNav/MainNav.js

@@ -1,10 +1,30 @@
-import r from "react";
-import a from "styled-components";
-import i from "prop-types";
-import { Grid as n } from "../Grid/Grid.js";
+var c = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var i = (o, r, e) => r in o ? c(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, m = (o, r) => {
+  for (var e in r || (r = {}))
+    n.call(r, e) && i(o, e, r[e]);
+  if (a)
+    for (var e of a(r))
+      p.call(r, e) && i(o, e, r[e]);
+  return o;
+};
+var s = (o, r) => {
+  var e = {};
+  for (var t in o)
+    n.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && a)
+    for (var t of a(o))
+      r.indexOf(t) < 0 && p.call(o, t) && (e[t] = o[t]);
+  return e;
+};
+import l from "react";
+import f from "styled-components";
+import u from "prop-types";
+import { Grid as v } from "../Grid/Grid.js";
 import "../Grid/GridItem.js";
-import { MainNavContext as p } from "./MainNavContext.js";
-const m = a(n)`
+import { MainNavContext as h } from "./MainNavContext.js";
+const x = f(v)`
   width: ${({ condensed: o }) => o ? "max-content" : `${224 / 16}rem`};
   background: ${({ theme: o }) => o.colors.neutral0};
   position: sticky;
@@ -12,19 +32,21 @@ const m = a(n)`
   height: 100vh;
   z-index: 2;
   border-right: 1px solid ${({ theme: o }) => o.colors.neutral150};
-`, e = ({ condensed: o, ...t }) => /* @__PURE__ */ r.createElement(p.Provider, {
-  value: o
-}, /* @__PURE__ */ r.createElement(m, {
-  as: "nav",
-  condensed: o,
-  ...t
-}));
-e.defaultProps = {
+`, d = (e) => {
+  var t = e, { condensed: o } = t, r = s(t, ["condensed"]);
+  return /* @__PURE__ */ l.createElement(h.Provider, {
+    value: o
+  }, /* @__PURE__ */ l.createElement(x, m({
+    as: "nav",
+    condensed: o
+  }, r)));
+};
+d.defaultProps = {
   condensed: !1
 };
-e.propTypes = {
-  condensed: i.bool
+d.propTypes = {
+  condensed: u.bool
 };
 export {
-  e as MainNav
+  d as MainNav
 };

package/dist/MainNav/MainNavContext.d.ts

@@ -0,0 +1,2 @@
+export const MainNavContext: import("react").Context<any>;
+export function useMainNav(): any;

package/dist/MainNav/NavBrand.d.ts

@@ -0,0 +1,19 @@
+export function NavBrand({ workplace, title, icon, to }: {
+    workplace: any;
+    title: any;
+    icon: any;
+    to: any;
+}): JSX.Element;
+export namespace NavBrand {
+    namespace defaultProps {
+        const to: string;
+    }
+    namespace propTypes {
+        export const icon: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        export const title: PropTypes.Validator<string>;
+        const to_1: PropTypes.Requireable<string>;
+        export { to_1 as to };
+        export const workplace: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/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/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/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/MainNav/NavLink.cjs

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

package/dist/MainNav/NavLink.d.ts

@@ -0,0 +1,23 @@
+export function NavLink({ children, icon, badgeContent, badgeAriaLabel, ...props }: {
+    [x: string]: any;
+    children: any;
+    icon: any;
+    badgeContent: any;
+    badgeAriaLabel: any;
+}): JSX.Element;
+export namespace NavLink {
+    const displayName: string;
+    namespace defaultProps {
+        const badgeContent: undefined;
+        const badgeAriaLabel: undefined;
+    }
+    namespace propTypes {
+        const badgeAriaLabel_1: PropTypes.Requireable<string>;
+        export { badgeAriaLabel_1 as badgeAriaLabel };
+        const badgeContent_1: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        export { badgeContent_1 as badgeContent };
+        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        export const icon: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/MainNav/NavLink.js

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

package/dist/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/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";