@strapi/design-system 0.0.0-jsoninput.0

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p={shadow:{filterShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",tableShadow:"1px 1px 10px rgba(3, 3, 5, 0.2)"}};exports.darkShadowTokenObject=p;

package/dist/themes/darkTheme/dark-shadows.js

@@ -0,0 +1,12 @@
+const p = {
+  shadow: {
+    filterShadow: "1px 1px 10px rgba(3, 3, 5, 0.35)",
+    focus: "inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",
+    focusShadow: "0px 0px 6px rgba(76, 191, 255, 0.75)",
+    popupShadow: "1px 1px 10px rgba(3, 3, 5, 0.35)",
+    tableShadow: "1px 1px 10px rgba(3, 3, 5, 0.2)"
+  }
+};
+export {
+  p as darkShadowTokenObject
+};

package/dist/themes/darkTheme/index.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var s=Object.getOwnPropertySymbols;var t=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var c=(r,e,o)=>e in r?d(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,a=(r,e)=>{for(var o in e||(e={}))t.call(e,o)&&c(r,o,e[o]);if(s)for(var o of s(e))m.call(e,o)&&c(r,o,e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./dark-colors.cjs"),h=require("./dark-shadows.cjs"),k=require("../common-theme.cjs"),l=a({colors:n.darkColorTokenObject.color,shadows:h.darkShadowTokenObject.shadow},k.commonTheme);exports.darkTheme=l;

package/dist/themes/darkTheme/index.js

@@ -0,0 +1,21 @@
+var c = Object.defineProperty;
+var e = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var t = (m, o, r) => o in m ? c(m, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : m[o] = r, a = (m, o) => {
+  for (var r in o || (o = {}))
+    d.call(o, r) && t(m, r, o[r]);
+  if (e)
+    for (var r of e(o))
+      h.call(o, r) && t(m, r, o[r]);
+  return m;
+};
+import { darkColorTokenObject as k } from "./dark-colors.js";
+import { darkShadowTokenObject as s } from "./dark-shadows.js";
+import { commonTheme as n } from "../common-theme.js";
+const l = a({
+  colors: k.color,
+  shadows: s.shadow
+}, n);
+export {
+  l as darkTheme
+};

package/dist/themes/extendTheme.cjs

@@ -0,0 +1,13 @@
+"use strict";var m=Object.defineProperty;var s=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var h=(t,e,o)=>e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,c=(t,e)=>{for(var o in e||(e={}))a.call(e,o)&&h(t,o,e[o]);if(s)for(var o of s(e))l.call(e,o)&&h(t,o,e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./lightTheme/index.cjs"),u=t=>`
+${t}
+
+The following is an example:
+
+
+import { lightTheme, extendTheme } from '@strapi/design-system';
+
+const myCustomTheme = extendTheme(lightTheme, {
+    ${Object.keys(d.lightTheme).map(e=>`${e}: /* put the overrides for the ${e} key */,`).join(`
+`)}
+})
+`,r=t=>t&&typeof t=="object"&&!Array.isArray(t),i=(t,e)=>{const o=c({},t);return r(t)&&r(e)&&Object.keys(e).forEach(n=>{r(e[n])&&t.hasOwnProperty(n)?o[n]=i(t[n],e[n]):o[n]=e[n]}),o},f=(t,e)=>{if(!r(t)){const o=u("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(o)}if(!r(e)){const o=u("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(o)}return i(t,e)};exports.extendTheme=f;

package/dist/themes/extendTheme.js

@@ -0,0 +1,47 @@
+var f = Object.defineProperty;
+var h = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var s = (t, e, o) => e in t ? f(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, c = (t, e) => {
+  for (var o in e || (e = {}))
+    p.call(e, o) && s(t, o, e[o]);
+  if (h)
+    for (var o of h(e))
+      u.call(e, o) && s(t, o, e[o]);
+  return t;
+};
+import { lightTheme as i } from "./lightTheme/index.js";
+const m = (t) => `
+${t}
+
+The following is an example:
+
+
+import { lightTheme, extendTheme } from '@strapi/design-system';
+
+const myCustomTheme = extendTheme(lightTheme, {
+    ${Object.keys(i).map((e) => `${e}: /* put the overrides for the ${e} key */,`).join(`
+`)}
+})
+`, r = (t) => t && typeof t == "object" && !Array.isArray(t), a = (t, e) => {
+  const o = c({}, t);
+  return r(t) && r(e) && Object.keys(e).forEach((n) => {
+    r(e[n]) && t.hasOwnProperty(n) ? o[n] = a(t[n], e[n]) : o[n] = e[n];
+  }), o;
+}, b = (t, e) => {
+  if (!r(t)) {
+    const o = m(
+      "The first argument should be an object and corresponds to the theme you want to extend."
+    );
+    throw new Error(o);
+  }
+  if (!r(e)) {
+    const o = m(
+      "The second argument should be an object and corresponds to the keys of the theme you want to override."
+    );
+    throw new Error(o);
+  }
+  return a(t, e);
+};
+export {
+  b as extendTheme
+};

package/dist/themes/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./lightTheme/index.cjs"),i=require("./darkTheme/index.cjs"),u=require("./extendTheme.cjs"),e=require("./utils.cjs");exports.lightTheme=t.lightTheme;exports.darkTheme=i.darkTheme;exports.extendTheme=u.extendTheme;exports.buttonFocusStyle=e.buttonFocusStyle;exports.getThemeSize=e.getThemeSize;exports.inputFocusStyle=e.inputFocusStyle;

package/dist/themes/index.js

@@ -0,0 +1,12 @@
+import { lightTheme as o } from "./lightTheme/index.js";
+import { darkTheme as m } from "./darkTheme/index.js";
+import { extendTheme as p } from "./extendTheme.js";
+import { buttonFocusStyle as f, getThemeSize as u, inputFocusStyle as T } from "./utils.js";
+export {
+  f as buttonFocusStyle,
+  m as darkTheme,
+  p as extendTheme,
+  u as getThemeSize,
+  T as inputFocusStyle,
+  o as lightTheme
+};

package/dist/themes/lightTheme/index.cjs

@@ -0,0 +1 @@
+"use strict";var c=Object.defineProperty;var s=Object.getOwnPropertySymbols;var r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var h=(t,e,o)=>e in t?c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,l=(t,e)=>{for(var o in e||(e={}))r.call(e,o)&&h(t,o,e[o]);if(s)for(var o of s(e))i.call(e,o)&&h(t,o,e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./light-colors.cjs"),n=require("./light-shadows.cjs"),g=require("../common-theme.cjs"),u=l({colors:m.lightColorTokenObject.color,shadows:n.lightShadowTokenObject.shadow},g.commonTheme);exports.lightTheme=u;

package/dist/themes/lightTheme/index.js

@@ -0,0 +1,21 @@
+var c = Object.defineProperty;
+var t = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var e = (r, o, m) => o in r ? c(r, o, { enumerable: !0, configurable: !0, writable: !0, value: m }) : r[o] = m, h = (r, o) => {
+  for (var m in o || (o = {}))
+    i.call(o, m) && e(r, m, o[m]);
+  if (t)
+    for (var m of t(o))
+      l.call(o, m) && e(r, m, o[m]);
+  return r;
+};
+import { lightColorTokenObject as s } from "./light-colors.js";
+import { lightShadowTokenObject as n } from "./light-shadows.js";
+import { commonTheme as p } from "../common-theme.js";
+const g = h({
+  colors: s.color,
+  shadows: n.shadow
+}, p);
+export {
+  g as lightTheme
+};

package/dist/themes/lightTheme/light-colors.cjs

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

package/dist/themes/lightTheme/light-colors.js

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

package/dist/themes/lightTheme/light-shadows.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p={shadow:{filterShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"0px 2px 15px rgba(33, 33, 52, 0.1)",tableShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)"}};exports.lightShadowTokenObject=p;

package/dist/themes/lightTheme/light-shadows.js

@@ -0,0 +1,12 @@
+const p = {
+  shadow: {
+    filterShadow: "0px 1px 4px rgba(33, 33, 52, 0.1)",
+    focus: "inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",
+    focusShadow: "0px 0px 6px rgba(76, 191, 255, 0.75)",
+    popupShadow: "0px 2px 15px rgba(33, 33, 52, 0.1)",
+    tableShadow: "0px 1px 4px rgba(33, 33, 52, 0.1)"
+  }
+};
+export {
+  p as lightShadowTokenObject
+};

package/dist/themes/sizes.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={input:{S:`${32/16}rem`,M:`${40/16}rem`},accordions:{S:`${48/16}rem`,M:`${88/16}rem`},badge:{S:`${16/16}rem`,M:`${24/16}rem`},button:{S:`${32/16}rem`,M:`${36/16}rem`,L:`${40/16}rem`}};exports.sizes=e;

package/dist/themes/sizes.js

@@ -0,0 +1,22 @@
+const e = {
+  input: {
+    S: `${2}rem`,
+    M: `${2.5}rem`
+  },
+  accordions: {
+    S: `${3}rem`,
+    M: `${5.5}rem`
+  },
+  badge: {
+    S: `${1}rem`,
+    M: `${1.5}rem`
+  },
+  button: {
+    S: `${2}rem`,
+    M: `${2.25}rem`,
+    L: `${2.5}rem`
+  }
+};
+export {
+  e as sizes
+};

package/dist/themes/utils.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=t=>({theme:o,size:r})=>o.sizes[t][r],i=(t="&")=>({theme:o,hasError:r})=>`
+      outline: none;
+      box-shadow: 0;
+      transition-property: border-color, box-shadow, fill;
+      transition-duration: 0.2s;
+
+      ${t}:focus-within {
+        border: 1px solid ${r?o.colors.danger600:o.colors.primary600};
+        box-shadow: ${r?o.colors.danger600:o.colors.primary600} 0px 0px 0px 2px;
+      }
+    `,n=({theme:t})=>`
+  position: relative;
+  outline: none;
+  
+  &:after {
+    transition-property: all;
+    transition-duration: 0.2s;
+    border-radius: 8px;
+    content: '';
+    position: absolute;
+    top: -4px;
+    bottom: -4px;
+    left: -4px;
+    right: -4px;
+    border: 2px solid transparent;
+  }
+
+  &:focus-visible {
+    outline: none;
+    &:after {
+      border-radius: 8px;
+      content: '';
+      position: absolute;
+      top: -5px;
+      bottom: -5px;
+      left: -5px;
+      right: -5px;
+      border: 2px solid ${t.colors.primary600};
+    }
+  }
+`;exports.buttonFocusStyle=n;exports.getThemeSize=e;exports.inputFocusStyle=i;

package/dist/themes/utils.js

@@ -0,0 +1,46 @@
+const i = (t) => ({ theme: o, size: r }) => o.sizes[t][r], n = (t = "&") => ({ theme: o, hasError: r }) => `
+      outline: none;
+      box-shadow: 0;
+      transition-property: border-color, box-shadow, fill;
+      transition-duration: 0.2s;
+
+      ${t}:focus-within {
+        border: 1px solid ${r ? o.colors.danger600 : o.colors.primary600};
+        box-shadow: ${r ? o.colors.danger600 : o.colors.primary600} 0px 0px 0px 2px;
+      }
+    `, s = ({ theme: t }) => `
+  position: relative;
+  outline: none;
+  
+  &:after {
+    transition-property: all;
+    transition-duration: 0.2s;
+    border-radius: 8px;
+    content: '';
+    position: absolute;
+    top: -4px;
+    bottom: -4px;
+    left: -4px;
+    right: -4px;
+    border: 2px solid transparent;
+  }
+
+  &:focus-visible {
+    outline: none;
+    &:after {
+      border-radius: 8px;
+      content: '';
+      position: absolute;
+      top: -5px;
+      bottom: -5px;
+      left: -5px;
+      right: -5px;
+      border: 2px solid ${t.colors.primary600};
+    }
+  }
+`;
+export {
+  s as buttonFocusStyle,
+  i as getThemeSize,
+  n as inputFocusStyle
+};

package/dist/v2/Breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1,9 @@
+"use strict";var _=Object.defineProperty;var i=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var f=(e,r,t)=>r in e?_(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,m=(e,r)=>{for(var t in r||(r={}))h.call(r,t)&&f(e,t,r[t]);if(i)for(var t of i(r))p.call(r,t)&&f(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var a in e)h.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&&p.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),q=require("prop-types"),B=require("styled-components"),D=require("../../Box/Box.cjs"),T=require("./Divider.cjs"),b=require("../../Flex/Flex.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=d(o),l=d(q),j=d(B),F=j.default(b.Flex)`
+  // CrumbLinks do have padding-x, because they need to have a
+  // interaction effect, which mis-aligns the breadcrumbs on the left.
+  // This normalizes the behavior by moving the first item to left by
+  // the same amount it has inner padding
+  :first-child {
+    margin-left: ${({theme:e})=>`calc(-1*${e.spaces[2]})`};
+  }
+`,c=a=>{var u=a,{label:e,children:r}=u,t=y(u,["label","children"]);const s=o.Children.toArray(r);return n.default.createElement(D.Box,m({"aria-label":e},t),n.default.createElement(F,{as:"ol",horizontal:!0},o.Children.map(s,(g,v)=>{const x=s.length>1&&v+1<s.length;return n.default.createElement(b.Flex,{inline:!0,as:"li"},g,x&&n.default.createElement(T.Divider,null))})))};c.displayName="Breadcrumbs";c.propTypes={children:l.default.oneOfType([l.default.arrayOf(l.default.node),l.default.node]).isRequired,label:l.default.string.isRequired};exports.Breadcrumbs=c;

package/dist/v2/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,58 @@
+var x = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var m = (e, t, r) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, h = (e, t) => {
+  for (var r in t || (t = {}))
+    d.call(t, r) && m(e, r, t[r]);
+  if (n)
+    for (var r of n(t))
+      c.call(t, r) && m(e, r, t[r]);
+  return e;
+};
+var p = (e, t) => {
+  var r = {};
+  for (var i in e)
+    d.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && n)
+    for (var i of n(e))
+      t.indexOf(i) < 0 && c.call(e, i) && (r[i] = e[i]);
+  return r;
+};
+import o, { Children as f } from "react";
+import a from "prop-types";
+import E from "styled-components";
+import { Box as T } from "../../Box/Box.js";
+import { Divider as A } from "./Divider.js";
+import { Flex as u } from "../../Flex/Flex.js";
+const B = E(u)`
+  // CrumbLinks do have padding-x, because they need to have a
+  // interaction effect, which mis-aligns the breadcrumbs on the left.
+  // This normalizes the behavior by moving the first item to left by
+  // the same amount it has inner padding
+  :first-child {
+    margin-left: ${({ theme: e }) => `calc(-1*${e.spaces[2]})`};
+  }
+`, y = (i) => {
+  var s = i, { label: e, children: t } = s, r = p(s, ["label", "children"]);
+  const l = f.toArray(t);
+  return /* @__PURE__ */ o.createElement(T, h({
+    "aria-label": e
+  }, r), /* @__PURE__ */ o.createElement(B, {
+    as: "ol",
+    horizontal: !0
+  }, f.map(l, (b, g) => {
+    const v = l.length > 1 && g + 1 < l.length;
+    return /* @__PURE__ */ o.createElement(u, {
+      inline: !0,
+      as: "li"
+    }, b, v && /* @__PURE__ */ o.createElement(A, null));
+  })));
+};
+y.displayName = "Breadcrumbs";
+y.propTypes = {
+  children: a.oneOfType([a.arrayOf(a.node), a.node]).isRequired,
+  label: a.string.isRequired
+};
+export {
+  y as Breadcrumbs
+};

package/dist/v2/Breadcrumbs/Crumb.cjs

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty;var a=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,t,o)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))d.call(t,o)&&n(e,o,t[o]);if(a)for(var o of a(t))l.call(t,o)&&n(e,o,t[o]);return e};var s=(e,t)=>{var o={};for(var r in e)d.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&a)for(var r of a(e))t.indexOf(r)<0&&l.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),T=require("prop-types"),b=require("../../Box/Box.cjs"),h=require("../../Typography/Typography.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=f(m),y=f(T),p=r=>{var u=r,{children:e,isCurrent:t}=u,o=s(u,["children","isCurrent"]);return c.default.createElement(b.Box,{paddingLeft:2,paddingRight:2,paddingTop:1,paddingBottom:1},c.default.createElement(h.Typography,i({variant:"pi",textColor:"neutral800",fontWeight:t?"bold":"normal","aria-current":t},o),e))};p.displayName="Crumb";p.defaultProps={isCurrent:!1};p.propTypes={children:y.default.node.isRequired,isCurrent:y.default.bool};exports.Crumb=p;

package/dist/v2/Breadcrumbs/Crumb.js

@@ -0,0 +1,49 @@
+var g = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var d = (r, e, o) => e in r ? g(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, l = (r, e) => {
+  for (var o in e || (e = {}))
+    m.call(e, o) && d(r, o, e[o]);
+  if (p)
+    for (var o of p(e))
+      n.call(e, o) && d(r, o, e[o]);
+  return r;
+};
+var f = (r, e) => {
+  var o = {};
+  for (var t in r)
+    m.call(r, t) && e.indexOf(t) < 0 && (o[t] = r[t]);
+  if (r != null && p)
+    for (var t of p(r))
+      e.indexOf(t) < 0 && n.call(r, t) && (o[t] = r[t]);
+  return o;
+};
+import s from "react";
+import u from "prop-types";
+import { Box as c } from "../../Box/Box.js";
+import { Typography as y } from "../../Typography/Typography.js";
+const a = (t) => {
+  var i = t, { children: r, isCurrent: e } = i, o = f(i, ["children", "isCurrent"]);
+  return /* @__PURE__ */ s.createElement(c, {
+    paddingLeft: 2,
+    paddingRight: 2,
+    paddingTop: 1,
+    paddingBottom: 1
+  }, /* @__PURE__ */ s.createElement(y, l({
+    variant: "pi",
+    textColor: "neutral800",
+    fontWeight: e ? "bold" : "normal",
+    "aria-current": e
+  }, o), r));
+};
+a.displayName = "Crumb";
+a.defaultProps = {
+  isCurrent: !1
+};
+a.propTypes = {
+  children: u.node.isRequired,
+  isCurrent: u.bool
+};
+export {
+  a as Crumb
+};

package/dist/v2/Breadcrumbs/CrumbLink.cjs

@@ -0,0 +1,14 @@
+"use strict";var f=Object.defineProperty;var s=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var i=(e,t,o)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,u=(e,t)=>{for(var o in t||(t={}))l.call(t,o)&&i(e,o,t[o]);if(s)for(var o of s(t))c.call(t,o)&&i(e,o,t[o]);return e};var d=(e,t)=>{var o={};for(var r in e)l.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&s)for(var r of s(e))t.indexOf(r)<0&&c.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),b=require("prop-types"),k=require("styled-components"),L=require("../../BaseLink/BaseLink.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},_=a(y),p=a(b),$=a(k),g=$.default(L.BaseLink)`
+  border-radius: ${({theme:e})=>e.borderRadius};
+  color: ${({theme:e})=>e.colors.neutral600};
+  font-size: ${({theme:e})=>e.fontSizes[1]};
+  line-height: ${({theme:e})=>e.lineHeights[4]};
+  padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[2]}`};
+  text-decoration: none;
+
+  :hover,
+  :focus {
+    background-color: ${({theme:e})=>e.colors.neutral200};
+    color: ${({theme:e})=>e.colors.neutral700};
+  }
+`,n=o=>{var r=o,{children:e}=r,t=d(r,["children"]);return _.default.createElement(g,u({},t),e)};n.displayName="CrumbLink";n.defaultProps={to:void 0};n.propTypes={children:p.default.node.isRequired,to:p.default.string};exports.CrumbLink=n;

package/dist/v2/Breadcrumbs/CrumbLink.js

@@ -0,0 +1,52 @@
+var u = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var n = (o, r, e) => r in o ? u(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, d = (o, r) => {
+  for (var e in r || (r = {}))
+    l.call(r, e) && n(o, e, r[e]);
+  if (i)
+    for (var e of i(r))
+      a.call(r, e) && n(o, e, r[e]);
+  return o;
+};
+var c = (o, r) => {
+  var e = {};
+  for (var t in o)
+    l.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && i)
+    for (var t of i(o))
+      r.indexOf(t) < 0 && a.call(o, t) && (e[t] = o[t]);
+  return e;
+};
+import m from "react";
+import p from "prop-types";
+import f from "styled-components";
+import { BaseLink as $ } from "../../BaseLink/BaseLink.js";
+const b = f($)`
+  border-radius: ${({ theme: o }) => o.borderRadius};
+  color: ${({ theme: o }) => o.colors.neutral600};
+  font-size: ${({ theme: o }) => o.fontSizes[1]};
+  line-height: ${({ theme: o }) => o.lineHeights[4]};
+  padding: ${({ theme: o }) => `${o.spaces[1]} ${o.spaces[2]}`};
+  text-decoration: none;
+
+  :hover,
+  :focus {
+    background-color: ${({ theme: o }) => o.colors.neutral200};
+    color: ${({ theme: o }) => o.colors.neutral700};
+  }
+`, s = (e) => {
+  var t = e, { children: o } = t, r = c(t, ["children"]);
+  return /* @__PURE__ */ m.createElement(b, d({}, r), o);
+};
+s.displayName = "CrumbLink";
+s.defaultProps = {
+  to: void 0
+};
+s.propTypes = {
+  children: p.node.isRequired,
+  to: p.string
+};
+export {
+  s as CrumbLink
+};

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs

@@ -0,0 +1,8 @@
+"use strict";var m=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var s=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,i=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&s(e,r,t[r]);if(n)for(var r of n(t))d.call(t,r)&&s(e,r,t[r]);return e};var p=(e,t)=>{var r={};for(var u in e)c.call(e,u)&&t.indexOf(u)<0&&(r[u]=e[u]);if(e!=null&&n)for(var u of n(e))t.indexOf(u)<0&&d.call(e,u)&&(r[u]=e[u]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("prop-types"),S=require("react"),_=require("styled-components"),M=require("@strapi/icons/CarretDown"),b=require("../../Button/Button.cjs"),q=require("../SimpleMenu/SimpleMenu.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=l(y),f=l(S),g=l(_),B=l(M),C=g.default(b.Button)`
+  padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[3]}`};
+
+  :hover,
+  :focus {
+    background-color: ${({theme:e})=>e.colors.neutral200};
+  }
+`,a=r=>{var u=r,{children:e}=u,t=p(u,["children"]);return f.default.createElement(q.SimpleMenu,i({noBorder:!0,icon:f.default.createElement(B.default,null),as:C,size:"S"},t),e)};a.displayName="CrumbSimpleMenu";a.propTypes={"aria-label":o.default.string.isRequired,children:o.default.oneOfType([o.default.arrayOf(o.default.node),o.default.node]).isRequired};exports.CrumbSimpleMenu=a;

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js

@@ -0,0 +1,50 @@
+var d = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var p = (e, r, o) => r in e ? d(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, l = (e, r) => {
+  for (var o in r || (r = {}))
+    m.call(r, o) && p(e, o, r[o]);
+  if (i)
+    for (var o of i(r))
+      a.call(r, o) && p(e, o, r[o]);
+  return e;
+};
+var s = (e, r) => {
+  var o = {};
+  for (var t in e)
+    m.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && i)
+    for (var t of i(e))
+      r.indexOf(t) < 0 && a.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import n from "prop-types";
+import u from "react";
+import f from "styled-components";
+import y from "@strapi/icons/CarretDown";
+import { Button as S } from "../../Button/Button.js";
+import { SimpleMenu as b } from "../SimpleMenu/SimpleMenu.js";
+const $ = f(S)`
+  padding: ${({ theme: e }) => `${e.spaces[1]} ${e.spaces[3]}`};
+
+  :hover,
+  :focus {
+    background-color: ${({ theme: e }) => e.colors.neutral200};
+  }
+`, c = (o) => {
+  var t = o, { children: e } = t, r = s(t, ["children"]);
+  return /* @__PURE__ */ u.createElement(b, l({
+    noBorder: !0,
+    icon: /* @__PURE__ */ u.createElement(y, null),
+    as: $,
+    size: "S"
+  }, r), e);
+};
+c.displayName = "CrumbSimpleMenu";
+c.propTypes = {
+  "aria-label": n.string.isRequired,
+  children: n.oneOfType([n.arrayOf(n.node), n.node]).isRequired
+};
+export {
+  c as CrumbSimpleMenu
+};

package/dist/v2/Breadcrumbs/Divider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),o=require("../../Box/Box.cjs"),i=require("../../Typography/Typography.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(a),r=()=>t.default.createElement(o.Box,{"aria-hidden":!0,paddingLeft:1,paddingRight:1},t.default.createElement(i.Typography,{variant:"pi",textColor:"neutral500"},"/"));r.displayName="Divider";exports.Divider=r;

package/dist/v2/Breadcrumbs/Divider.js

@@ -0,0 +1,15 @@
+import e from "react";
+import { Box as r } from "../../Box/Box.js";
+import { Typography as t } from "../../Typography/Typography.js";
+const i = () => /* @__PURE__ */ e.createElement(r, {
+  "aria-hidden": !0,
+  paddingLeft: 1,
+  paddingRight: 1
+}, /* @__PURE__ */ e.createElement(t, {
+  variant: "pi",
+  textColor: "neutral500"
+}, "/"));
+i.displayName = "Divider";
+export {
+  i as Divider
+};

package/dist/v2/Breadcrumbs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./Breadcrumbs.cjs"),e=require("./Crumb.cjs"),u=require("./CrumbLink.cjs"),m=require("./CrumbSimpleMenu.cjs");exports.Breadcrumbs=r.Breadcrumbs;exports.Crumb=e.Crumb;exports.CrumbLink=u.CrumbLink;exports.CrumbSimpleMenu=m.CrumbSimpleMenu;

package/dist/v2/Breadcrumbs/index.js

@@ -0,0 +1,10 @@
+import { Breadcrumbs as o } from "./Breadcrumbs.js";
+import { Crumb as p } from "./Crumb.js";
+import { CrumbLink as b } from "./CrumbLink.js";
+import { CrumbSimpleMenu as t } from "./CrumbSimpleMenu.js";
+export {
+  o as Breadcrumbs,
+  p as Crumb,
+  b as CrumbLink,
+  t as CrumbSimpleMenu
+};