@strapi/design-system 0.0.0-3cf3ff39

package/dist/MainNav/NavUser.js

@@ -0,0 +1,32 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import m from "react";
+import i from "prop-types";
+import f from "styled-components";
+import { useMainNav as c } from "./MainNavContext.js";
+import { Avatar as u, Initials as h } from "../Avatar/Avatar.js";
+import { Box as n } from "../Box/Box.js";
+import { Flex as g } from "../Flex/Flex.js";
+import { VisuallyHidden as v } from "../VisuallyHidden/VisuallyHidden.js";
+import { Typography as x } from "../Typography/Typography.js";
+const y = f(n)`
+  border-top: 1px solid ${({ theme: o }) => o.colors.neutral150};
+`, t = m.forwardRef(({ src: o, children: e, initials: a, ...s }, p) => {
+  const d = c();
+  return /* @__PURE__ */ r(y, { paddingTop: 3, paddingBottom: 3, paddingLeft: 5, paddingRight: 5, ...s, children: /* @__PURE__ */ l(g, { as: "button", justifyContent: d ? "center" : void 0, ref: p, children: [
+    o ? /* @__PURE__ */ r(u, { src: o, alt: "", "aria-hidden": !0 }) : /* @__PURE__ */ r(h, { children: a }),
+    d ? /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r("span", { children: e }) }) : /* @__PURE__ */ r(n, { width: `${130 / 16}rem`, paddingLeft: 2, as: "span", children: /* @__PURE__ */ r(x, { ellipsis: !0, textColor: "neutral600", children: e }) })
+  ] }) });
+});
+t.displayName = "NavUser";
+t.defaultProps = {
+  src: void 0,
+  initials: void 0
+};
+t.propTypes = {
+  children: i.node.isRequired,
+  initials: i.node,
+  src: i.string
+};
+export {
+  t as NavUser
+};

package/dist/MainNav/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MainNav.cjs"),a=require("./NavBrand.cjs"),n=require("./NavCondense.cjs"),r=require("./NavFooter.cjs"),o=require("./NavLink.cjs"),v=require("./NavSection.cjs"),N=require("./NavSections.cjs"),i=require("./NavUser.cjs");exports.MainNav=e.MainNav;exports.NavBrand=a.NavBrand;exports.NavCondense=n.NavCondense;exports.NavFooter=r.NavFooter;exports.NavLink=o.NavLink;exports.NavSection=v.NavSection;exports.NavSections=N.NavSections;exports.NavUser=i.NavUser;

package/dist/MainNav/index.js

@@ -0,0 +1,18 @@
+import { MainNav as e } from "./MainNav.js";
+import { NavBrand as a } from "./NavBrand.js";
+import { NavCondense as m } from "./NavCondense.js";
+import { NavFooter as v } from "./NavFooter.js";
+import { NavLink as N } from "./NavLink.js";
+import { NavSection as i } from "./NavSection.js";
+import { NavSections as c } from "./NavSections.js";
+import { NavUser as S } from "./NavUser.js";
+export {
+  e as MainNav,
+  a as NavBrand,
+  m as NavCondense,
+  v as NavFooter,
+  N as NavLink,
+  i as NavSection,
+  c as NavSections,
+  S as NavUser
+};

package/dist/ModalLayout/ModalBody.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("styled-components"),d=require("../Box/Box.cjs"),r=e=>e&&e.__esModule?e:{default:e},l=r(t),s=l.default(d.Box)`
+  overflow: auto;
+  max-height: 60vh;
+`,u=e=>o.jsx(s,{padding:7,...e});exports.ModalBody=u;

package/dist/ModalLayout/ModalBody.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "styled-components";
+import { Box as d } from "../Box/Box.js";
+const m = t(d)`
+  overflow: auto;
+  max-height: 60vh;
+`, i = (o) => r(m, { padding: 7, ...o });
+export {
+  i as ModalBody
+};

package/dist/ModalLayout/ModalContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(()=>{}),o=()=>e.useContext(t);exports.ModalContext=t;exports.useModal=o;

package/dist/ModalLayout/ModalContext.js

@@ -0,0 +1,7 @@
+import { createContext as t, useContext as o } from "react";
+const e = t(() => {
+}), r = () => o(e);
+export {
+  e as ModalContext,
+  r as useModal
+};

package/dist/ModalLayout/ModalFooter.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("styled-components"),n=require("../Box/Box.cjs"),r=require("../Flex/Flex.cjs"),s=e=>e&&e.__esModule?e:{default:e},l=s(d),a=l.default(n.Box)`
+  border-radius: 0 0 ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius};
+  border-top: 1px solid ${({theme:e})=>e.colors.neutral150};
+`,i=({startActions:e,endActions:t})=>o.jsx(a,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100",children:o.jsxs(r.Flex,{justifyContent:"space-between",children:[o.jsx(r.Flex,{gap:2,children:e}),o.jsx(r.Flex,{gap:2,children:t})]})});exports.ModalFooter=i;

package/dist/ModalLayout/ModalFooter.js

@@ -0,0 +1,11 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import i from "styled-components";
+import { Box as n } from "../Box/Box.js";
+import { Flex as d } from "../Flex/Flex.js";
+const p = i(n)`
+  border-radius: 0 0 ${({ theme: r }) => r.borderRadius} ${({ theme: r }) => r.borderRadius};
+  border-top: 1px solid ${({ theme: r }) => r.colors.neutral150};
+`, m = ({ startActions: r, endActions: e }) => o(p, { paddingTop: 4, paddingBottom: 4, paddingLeft: 5, paddingRight: 5, background: "neutral100", children: t(d, { justifyContent: "space-between", children: [o(d, { gap: 2, children: r }), o(d, { gap: 2, children: e })] }) });
+export {
+  m as ModalFooter
+};

package/dist/ModalLayout/ModalHeader.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("@strapi/icons"),d=require("styled-components"),s=require("./ModalContext.cjs"),a=require("../IconButton/IconButton.cjs"),l=require("../Box/Box.cjs"),i=require("../Flex/Flex.cjs"),u=e=>e&&e.__esModule?e:{default:e},c=u(d),p=c.default(l.Box)`
+  border-radius: ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius} 0 0;
+  border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
+`,x=({children:e,closeLabel:t="Close the modal"})=>{const r=s.useModal();return o.jsx(p,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100",children:o.jsxs(i.Flex,{justifyContent:"space-between",children:[e,o.jsx(a.IconButton,{onClick:r,"aria-label":t,icon:o.jsx(n.Cross,{})})]})})};exports.ModalHeader=x;

package/dist/ModalLayout/ModalHeader.js

@@ -0,0 +1,17 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { Cross as i } from "@strapi/icons";
+import a from "styled-components";
+import { useModal as n } from "./ModalContext.js";
+import { IconButton as s } from "../IconButton/IconButton.js";
+import { Box as l } from "../Box/Box.js";
+import { Flex as m } from "../Flex/Flex.js";
+const p = a(l)`
+  border-radius: ${({ theme: o }) => o.borderRadius} ${({ theme: o }) => o.borderRadius} 0 0;
+  border-bottom: 1px solid ${({ theme: o }) => o.colors.neutral150};
+`, h = ({ children: o, closeLabel: e = "Close the modal" }) => {
+  const t = n();
+  return r(p, { paddingTop: 4, paddingBottom: 4, paddingLeft: 5, paddingRight: 5, background: "neutral100", children: d(m, { justifyContent: "space-between", children: [o, r(s, { onClick: t, "aria-label": e, icon: r(i, {}) })] }) });
+};
+export {
+  h as ModalHeader
+};

package/dist/ModalLayout/ModalLayout.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("styled-components"),a=require("./ModalContext.cjs"),s=require("../DismissibleLayer/index.cjs"),d=require("../hooks/useLockScroll.cjs"),l=require("../Flex/Flex.cjs"),u=require("../Portal/Portal.cjs"),c=require("../FocusTrap/FocusTrap.cjs"),x=require("../Box/Box.cjs"),p=e=>e&&e.__esModule?e:{default:e},h=p(i),y=h.default(l.Flex)`
+  background: ${({theme:e})=>`${e.colors.neutral800}1F`};
+  inset: 0;
+`,g=({onClose:e,labelledBy:r,...t})=>(d(!0),o.jsx(u.Portal,{children:o.jsx(a.ModalContext.Provider,{value:e,children:o.jsx(y,{justifyContent:"center",paddingLeft:8,paddingRight:8,position:"fixed",zIndex:4,children:o.jsx(c.FocusTrap,{children:o.jsx(s.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e,children:o.jsx(x.Box,{"aria-labelledby":r,"aria-modal":!0,onClick:n=>n.stopPropagation(),background:"neutral0",hasRadius:!0,role:"dialog",shadow:"popupShadow",width:`${830/16}rem`,...t})})})})})}));exports.ModalLayout=g;

package/dist/ModalLayout/ModalLayout.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "styled-components";
+import { ModalContext as d } from "./ModalContext.js";
+import { DismissibleLayer as n } from "../DismissibleLayer/index.js";
+import l from "../hooks/useLockScroll.js";
+import { Flex as p } from "../Flex/Flex.js";
+import { Portal as m } from "../Portal/Portal.js";
+import { FocusTrap as s } from "../FocusTrap/FocusTrap.js";
+import { Box as c } from "../Box/Box.js";
+const u = a(p)`
+  background: ${({ theme: r }) => `${r.colors.neutral800}1F`};
+  inset: 0;
+`, P = ({ onClose: r, labelledBy: t, ...i }) => (l(!0), o(m, { children: o(d.Provider, { value: r, children: o(u, { justifyContent: "center", paddingLeft: 8, paddingRight: 8, position: "fixed", zIndex: 4, children: o(s, { children: o(n, { onEscapeKeyDown: r, onPointerDownOutside: r, children: o(c, { "aria-labelledby": t, "aria-modal": !0, onClick: (e) => e.stopPropagation(), background: "neutral0", hasRadius: !0, role: "dialog", shadow: "popupShadow", width: `${830 / 16}rem`, ...i }) }) }) }) }) }));
+export {
+  P as ModalLayout
+};

package/dist/ModalLayout/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ModalLayout.cjs"),e=require("./ModalHeader.cjs"),a=require("./ModalFooter.cjs"),d=require("./ModalBody.cjs");exports.ModalLayout=o.ModalLayout;exports.ModalHeader=e.ModalHeader;exports.ModalFooter=a.ModalFooter;exports.ModalBody=d.ModalBody;

package/dist/ModalLayout/index.js

@@ -0,0 +1,10 @@
+import { ModalLayout as e } from "./ModalLayout.js";
+import { ModalHeader as d } from "./ModalHeader.js";
+import { ModalFooter as f } from "./ModalFooter.js";
+import { ModalBody as m } from "./ModalBody.js";
+export {
+  m as ModalBody,
+  f as ModalFooter,
+  d as ModalHeader,
+  e as ModalLayout
+};

package/dist/NumberInput/NumberInput.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),x=require("@internationalized/number"),g=require("@strapi/icons"),M=require("styled-components"),B=require("../DesignSystemProvider.cjs"),h=require("../helpers/keyboardKeys.cjs"),E=require("../hooks/useControllableState.cjs"),U=require("../hooks/useId.cjs"),H=require("../Field/FieldInput.cjs"),O=require("../Field/Field.cjs"),T=require("../Flex/Flex.cjs"),z=require("../Field/FieldLabel.cjs"),y=require("../Icon/Icon.cjs"),W=require("../Field/FieldHint.cjs"),X=require("../Field/FieldError.cjs"),I=r=>r&&r.__esModule?r:{default:r},Y=I(l),G=I(M),N=G.default.button`
+  display: flex;
+  height: 1rem;
+  align-items: ${({reverse:r})=>r?"flex-end":"flex-start"};
+  transform: translateY(${({reverse:r})=>r?"-2px":"2px"});
+  cursor: ${({disabled:r})=>r?"not-allowed":void 0};
+  svg {
+    display: block;
+    height: ${4/16}rem;
+    transform: ${({reverse:r})=>r?"rotateX(180deg)":void 0};
+  }
+`,J="",Q=Y.default.forwardRef(({size:r="M",startAction:q,name:F,hint:w,error:j,label:d,labelAction:D,locale:C,id:V,onValueChange:S,value:m,step:o=1,required:A=!1,disabled:u=!1,...R},_)=>{const k=U.useId(V),K=B.useDesignSystem("NumberInput"),f=C||K.locale,i=l.useRef(new x.NumberParser(f,{style:"decimal"})),c=l.useRef(new x.NumberFormatter(f,{maximumFractionDigits:20})),[s,P]=E.useControllableState({prop(e){const n=String(m);return isNaN(Number(n))||n!==e&&e!==""?e:c.current.format(Number(m))},defaultProp:J,onChange(e){const n=i.current.parse(e??"");S(isNaN(n)?void 0:n)}}),a=e=>{P(String(e))},v=({target:{value:e}})=>{i.current.isValidPartialNumber(e)&&a(e)},b=()=>{if(!s){a(o);return}const e=i.current.parse(s),n=isNaN(e)?o:e+o;a(c.current.format(n))},p=()=>{if(!s){a(-o);return}const e=i.current.parse(s),n=isNaN(e)?-o:e-o;a(c.current.format(n))},$=e=>{if(!u)switch(e.key){case h.KeyboardKeys.DOWN:{e.preventDefault(),p();break}case h.KeyboardKeys.UP:{e.preventDefault(),b();break}}},L=()=>{if(s){const e=i.current.parse(s),n=isNaN(e)?"":c.current.format(e);a(n)}};return t.jsx(O.Field,{name:F,hint:w,error:j,id:k,required:A,children:t.jsxs(T.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[d&&t.jsx(z.FieldLabel,{action:D,children:d}),t.jsx(H.FieldInput,{ref:_,startAction:q,disabled:u,type:"text",inputMode:"decimal",onChange:v,onKeyDown:$,onBlur:L,value:s,size:r,endAction:t.jsxs(t.Fragment,{children:[t.jsx(N,{disabled:u,"aria-hidden":!0,reverse:!0,onClick:b,tabIndex:-1,type:"button","data-testid":"ArrowUp",children:t.jsx(y.Icon,{as:g.CarretDown,color:"neutral500"})}),t.jsx(N,{disabled:u,"aria-hidden":!0,onClick:p,tabIndex:-1,type:"button","data-testid":"ArrowDown",children:t.jsx(y.Icon,{as:g.CarretDown,color:"neutral500"})})]}),...R}),t.jsx(W.FieldHint,{}),t.jsx(X.FieldError,{})]})})});exports.NumberInput=Q;

package/dist/NumberInput/NumberInput.js

@@ -0,0 +1,79 @@
+import { jsx as n, jsxs as h, Fragment as _ } from "react/jsx-runtime";
+import j, { useRef as b } from "react";
+import { NumberParser as E, NumberFormatter as M } from "@internationalized/number";
+import { CarretDown as N } from "@strapi/icons";
+import q from "styled-components";
+import { useDesignSystem as z } from "../DesignSystemProvider.js";
+import { KeyboardKeys as g } from "../helpers/keyboardKeys.js";
+import { useControllableState as H } from "../hooks/useControllableState.js";
+import { useId as O } from "../hooks/useId.js";
+import { FieldInput as T } from "../Field/FieldInput.js";
+import { Field as W } from "../Field/Field.js";
+import { Flex as X } from "../Flex/Flex.js";
+import { FieldLabel as Y } from "../Field/FieldLabel.js";
+import { Icon as w } from "../Icon/Icon.js";
+import { FieldHint as G } from "../Field/FieldHint.js";
+import { FieldError as J } from "../Field/FieldError.js";
+const x = q.button`
+  display: flex;
+  height: 1rem;
+  align-items: ${({ reverse: t }) => t ? "flex-end" : "flex-start"};
+  transform: translateY(${({ reverse: t }) => t ? "-2px" : "2px"});
+  cursor: ${({ disabled: t }) => t ? "not-allowed" : void 0};
+  svg {
+    display: block;
+    height: ${4 / 16}rem;
+    transform: ${({ reverse: t }) => t ? "rotateX(180deg)" : void 0};
+  }
+`, Q = "", he = j.forwardRef(({ size: t = "M", startAction: y, name: I, hint: F, error: V, label: c, labelAction: D, locale: A, id: C, onValueChange: k, value: u, step: a = 1, required: P = !1, disabled: m = !1, ...R }, S) => {
+  const $ = O(C), K = z("NumberInput"), d = A || K.locale, s = b(new E(d, { style: "decimal" })), l = b(new M(d, { maximumFractionDigits: 20 })), [o, v] = H({
+    prop(e) {
+      const r = String(u);
+      return isNaN(Number(r)) || r !== e && e !== "" ? e : l.current.format(Number(u));
+    },
+    defaultProp: Q,
+    onChange(e) {
+      const r = s.current.parse(e ?? "");
+      k(isNaN(r) ? void 0 : r);
+    }
+  }), i = (e) => {
+    v(String(e));
+  }, B = ({ target: { value: e } }) => {
+    s.current.isValidPartialNumber(e) && i(e);
+  }, f = () => {
+    if (!o) {
+      i(a);
+      return;
+    }
+    const e = s.current.parse(o), r = isNaN(e) ? a : e + a;
+    i(l.current.format(r));
+  }, p = () => {
+    if (!o) {
+      i(-a);
+      return;
+    }
+    const e = s.current.parse(o), r = isNaN(e) ? -a : e - a;
+    i(l.current.format(r));
+  }, L = (e) => {
+    if (!m)
+      switch (e.key) {
+        case g.DOWN: {
+          e.preventDefault(), p();
+          break;
+        }
+        case g.UP: {
+          e.preventDefault(), f();
+          break;
+        }
+      }
+  }, U = () => {
+    if (o) {
+      const e = s.current.parse(o), r = isNaN(e) ? "" : l.current.format(e);
+      i(r);
+    }
+  };
+  return n(W, { name: I, hint: F, error: V, id: $, required: P, children: h(X, { direction: "column", alignItems: "stretch", gap: 1, children: [c && n(Y, { action: D, children: c }), n(T, { ref: S, startAction: y, disabled: m, type: "text", inputMode: "decimal", onChange: B, onKeyDown: L, onBlur: U, value: o, size: t, endAction: h(_, { children: [n(x, { disabled: m, "aria-hidden": !0, reverse: !0, onClick: f, tabIndex: -1, type: "button", "data-testid": "ArrowUp", children: n(w, { as: N, color: "neutral500" }) }), n(x, { disabled: m, "aria-hidden": !0, onClick: p, tabIndex: -1, type: "button", "data-testid": "ArrowDown", children: n(w, { as: N, color: "neutral500" }) })] }), ...R }), n(G, {}), n(J, {})] }) });
+});
+export {
+  he as NumberInput
+};

package/dist/NumberInput/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NumberInput.cjs");exports.NumberInput=e.NumberInput;

package/dist/NumberInput/index.js

@@ -0,0 +1,4 @@
+import { NumberInput as m } from "./NumberInput.js";
+export {
+  m as NumberInput
+};

package/dist/Pagination/Pagination.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),u=require("./PaginationContext.cjs"),d=require("../Box/Box.cjs"),x=require("../Flex/Flex.cjs");function g(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=g(l),f=({children:e,label:n="Pagination",activePage:t,pageCount:r})=>{const a=i.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return o.jsx(u.PaginationContext.Provider,{value:a,children:o.jsx(d.Box,{"aria-label":n,as:"nav",children:o.jsx(x.Flex,{as:"ol",gap:1,children:i.Children.map(e,(c,s)=>o.jsx("li",{children:c},s))})})})};exports.Pagination=f;

package/dist/Pagination/Pagination.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as n from "react";
+import { PaginationContext as c } from "./PaginationContext.js";
+import { Box as p } from "../Box/Box.js";
+import { Flex as s } from "../Flex/Flex.js";
+const u = ({ children: t, label: a = "Pagination", activePage: o, pageCount: i }) => {
+  const e = n.useMemo(() => ({ activePage: o, pageCount: i }), [o, i]);
+  return r(c.Provider, { value: e, children: r(p, { "aria-label": a, as: "nav", children: r(s, { as: "ol", gap: 1, children: n.Children.map(t, (m, l) => r("li", { children: m }, l)) }) }) });
+};
+export {
+  u as Pagination
+};

package/dist/Pagination/PaginationContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({activePage:1,pageCount:1}),n=()=>t.useContext(e);exports.PaginationContext=e;exports.usePagination=n;

package/dist/Pagination/PaginationContext.js

@@ -0,0 +1,6 @@
+import { createContext as t, useContext as e } from "react";
+const o = t({ activePage: 1, pageCount: 1 }), a = () => e(o);
+export {
+  o as PaginationContext,
+  a as usePagination
+};

package/dist/Pagination/assets/next.svg.cjs

@@ -0,0 +1 @@
+"use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMC4wMDAxOTU1MDMgMS4xNzVMMy44MTY0NyA1TC0wLjAwMDE5NTUwMyA4LjgyNUwxLjE3NDggMTBMNi4xNzQ4IDVMMS4xNzQ4IDBMLTAuMDAwMTk1NTAzIDEuMTc1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";module.exports=M;

package/dist/Pagination/assets/next.svg.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMC4wMDAxOTU1MDMgMS4xNzVMMy44MTY0NyA1TC0wLjAwMDE5NTUwMyA4LjgyNUwxLjE3NDggMTBMNi4xNzQ4IDVMMS4xNzQ4IDBMLTAuMDAwMTk1NTAzIDEuMTc1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";
+export {
+  M as default
+};

package/dist/Pagination/assets/previous.svg.cjs

@@ -0,0 +1 @@
+"use strict";const I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjE3NSA4LjgyNUwyLjM1ODMzIDVMNi4xNzUgMS4xNzVMNSAwTDAgNUw1IDEwTDYuMTc1IDguODI1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";module.exports=I;

package/dist/Pagination/assets/previous.svg.js

@@ -0,0 +1,4 @@
+const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjE3NSA4LjgyNUwyLjM1ODMzIDVMNi4xNzUgMS4xNzVMNSAwTDAgNUw1IDEwTDYuMTc1IDguODI1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";
+export {
+  I as default
+};

package/dist/Pagination/components.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("@strapi/icons"),v=require("react-router-dom"),y=require("styled-components"),d=require("./PaginationContext.cjs"),b=require("../themes/utils.cjs"),o=require("../VisuallyHidden/VisuallyHidden.cjs"),c=require("../Typography/Typography.cjs"),P=require("../Box/Box.cjs"),j=e=>e&&e.__esModule?e:{default:e},l=j(y),k={active:!0},h=l.default(v.NavLink).withConfig({shouldForwardProp:(e,i)=>!k[e]&&i(e)})`
+  padding: ${({theme:e})=>e.spaces[3]};
+  border-radius: ${({theme:e})=>e.borderRadius};
+  box-shadow: ${({active:e,theme:i})=>e?i.shadows.filterShadow:void 0};
+  text-decoration: none;
+  display: flex;
+
+  ${b.buttonFocusStyle}
+`,L=l.default(h)`
+  color: ${({theme:e,active:i})=>i?e.colors.primary700:e.colors.neutral800};
+  background: ${({theme:e,active:i})=>i?e.colors.neutral0:void 0};
+
+  &:hover {
+    box-shadow: ${({theme:e})=>e.shadows.filterShadow};
+  }
+`,g=l.default(h)`
+  font-size: ${11/16}rem;
+
+  svg path {
+    fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral600};
+  }
+
+  &:focus,
+  &:hover {
+    svg path {
+      fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral700};
+    }
+  }
+
+  ${e=>e["aria-disabled"]?`
+  pointer-events: none;
+    `:void 0}
+`,x=({children:e,to:i,...r})=>{const{activePage:a}=d.usePagination(),t=a===1;return n.jsxs(g,{to:t?"#":i,"aria-disabled":t,tabIndex:t?-1:void 0,...r,children:[n.jsx(o.VisuallyHidden,{children:e}),n.jsx(u.ChevronLeft,{"aria-hidden":!0})]})};x.displayName="PreviousLink";const f=({children:e,to:i,...r})=>{const{activePage:a,pageCount:t}=d.usePagination(),s=a===t;return n.jsxs(g,{to:s?"#":i,"aria-disabled":s,tabIndex:s?-1:void 0,...r,children:[n.jsx(o.VisuallyHidden,{children:e}),n.jsx(u.ChevronRight,{"aria-hidden":!0})]})};f.displayName="NextLink";const p=({number:e,children:i,...r})=>{const{activePage:a}=d.usePagination(),t=a===e;return n.jsxs(L,{...r,active:t,children:[n.jsx(o.VisuallyHidden,{children:i}),n.jsx(c.Typography,{"aria-hidden":!0,fontWeight:t?"bold":void 0,lineHeight:"revert",variant:"pi",children:e})]})};p.displayName="PageLink";const $=({children:e,...i})=>n.jsxs(P.Box,{...i,children:[n.jsx(o.VisuallyHidden,{children:e}),n.jsx(c.Typography,{"aria-hidden":!0,lineHeight:"revert",textColor:"neutral800",variant:"pi",children:"…"})]});exports.Dots=$;exports.NextLink=f;exports.PageLink=p;exports.PreviousLink=x;

package/dist/Pagination/components.js

@@ -0,0 +1,67 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { ChevronLeft as f, ChevronRight as m } from "@strapi/icons";
+import { NavLink as v } from "react-router-dom";
+import l from "styled-components";
+import { usePagination as c } from "./PaginationContext.js";
+import { buttonFocusStyle as g } from "../themes/utils.js";
+import { VisuallyHidden as d } from "../VisuallyHidden/VisuallyHidden.js";
+import { Typography as h } from "../Typography/Typography.js";
+import { Box as b } from "../Box/Box.js";
+const x = {
+  active: !0
+}, u = l(v).withConfig({
+  shouldForwardProp: (e, r) => !x[e] && r(e)
+})`
+  padding: ${({ theme: e }) => e.spaces[3]};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  box-shadow: ${({ active: e, theme: r }) => e ? r.shadows.filterShadow : void 0};
+  text-decoration: none;
+  display: flex;
+
+  ${g}
+`, k = l(u)`
+  color: ${({ theme: e, active: r }) => r ? e.colors.primary700 : e.colors.neutral800};
+  background: ${({ theme: e, active: r }) => r ? e.colors.neutral0 : void 0};
+
+  &:hover {
+    box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
+  }
+`, p = l(u)`
+  font-size: ${11 / 16}rem;
+
+  svg path {
+    fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
+  }
+
+  &:focus,
+  &:hover {
+    svg path {
+      fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral700};
+    }
+  }
+
+  ${(e) => e["aria-disabled"] ? `
+  pointer-events: none;
+    ` : void 0}
+`, L = ({ children: e, to: r, ...n }) => {
+  const { activePage: t } = c(), i = t === 1;
+  return a(p, { to: i ? "#" : r, "aria-disabled": i, tabIndex: i ? -1 : void 0, ...n, children: [o(d, { children: e }), o(f, { "aria-hidden": !0 })] });
+};
+L.displayName = "PreviousLink";
+const P = ({ children: e, to: r, ...n }) => {
+  const { activePage: t, pageCount: i } = c(), s = t === i;
+  return a(p, { to: s ? "#" : r, "aria-disabled": s, tabIndex: s ? -1 : void 0, ...n, children: [o(d, { children: e }), o(m, { "aria-hidden": !0 })] });
+};
+P.displayName = "NextLink";
+const $ = ({ number: e, children: r, ...n }) => {
+  const { activePage: t } = c(), i = t === e;
+  return a(k, { ...n, active: i, children: [o(d, { children: r }), o(h, { "aria-hidden": !0, fontWeight: i ? "bold" : void 0, lineHeight: "revert", variant: "pi", children: e })] });
+};
+$.displayName = "PageLink";
+const F = ({ children: e, ...r }) => a(b, { ...r, children: [o(d, { children: e }), o(h, { "aria-hidden": !0, lineHeight: "revert", textColor: "neutral800", variant: "pi", children: "…" })] });
+export {
+  F as Dots,
+  P as NextLink,
+  $ as PageLink,
+  L as PreviousLink
+};

package/dist/Pagination/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Pagination.cjs"),i=require("./components.cjs");exports.Pagination=e.Pagination;exports.Dots=i.Dots;exports.NextLink=i.NextLink;exports.PageLink=i.PageLink;exports.PreviousLink=i.PreviousLink;

package/dist/Pagination/index.js

@@ -0,0 +1,9 @@
+import { Pagination as e } from "./Pagination.js";
+import { Dots as r, NextLink as t, PageLink as a, PreviousLink as k } from "./components.js";
+export {
+  r as Dots,
+  t as NextLink,
+  a as PageLink,
+  e as Pagination,
+  k as PreviousLink
+};

package/dist/Popover/Popover.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),M=require("react"),u=require("@floating-ui/react-dom"),z=require("@radix-ui/react-focus-scope"),m=require("@strapi/ui-primitives"),T=require("aria-hidden"),W=require("react-remove-scroll"),A=require("styled-components"),B=require("../DismissibleLayer/index.cjs"),P=require("../helpers/strings.cjs"),H=require("../hooks/useComposeRefs.cjs"),K=require("../hooks/useId.cjs"),N=require("../hooks/useIntersection.cjs"),g=require("../Box/Box.cjs"),U=require("../Portal/Portal.cjs"),V=e=>e&&e.__esModule?e:{default:e};function Z(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=Z(M),R=V(A),G=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],J=R.default(g.Box)`
+  box-shadow: ${({theme:e})=>e.shadows.filterShadow};
+  z-index: ${({theme:e})=>e.zIndices[0]};
+  border: 1px solid ${({theme:e})=>e.colors.neutral150};
+`,E=s.forwardRef(({source:e,children:r,spacing:t=0,fullWidth:n=!1,placement:c="bottom-start",centered:l=!1,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,onFocusOutside:p,...O},S)=>{const[h,k]=s.useState(null),[j,q]=s.useState(void 0),w=s.useRef(!1),{x:C,y:D,reference:v,floating:_,strategy:L}=u.useFloating({strategy:"fixed",placement:l?"bottom":c,middleware:[u.offset({mainAxis:t}),u.shift(),u.flip()],whileElementsMounted:u.autoUpdate});s.useLayoutEffect(()=>{v(e.current)},[e,v]),s.useLayoutEffect(()=>{n&&q(e.current.offsetWidth)},[n,e]),s.useEffect(()=>{if(h)return T.hideOthers(h)},[h]);const x=m.useCallbackRef(a);s.useEffect(()=>{const o=()=>{x()};return window.addEventListener("blur",o),window.addEventListener("resize",o),()=>{window.removeEventListener("blur",o),window.removeEventListener("resize",o)}},[x]);const I=H.useComposedRefs(S,o=>k(o),_);return i.jsx(W.RemoveScroll,{allowPinchZoom:!0,children:i.jsx(z.FocusScope,{asChild:!0,loop:!0,trapped:!0,onUnmountAutoFocus:o=>{o.preventDefault(),w.current||e.current?.focus({preventScroll:!0})},children:i.jsx(B.DismissibleLayer,{asChild:!0,onEscapeKeyDown:d,onPointerDownOutside:m.composeEventHandlers(f,o=>{const b=o.detail.originalEvent,$=b.button===0&&b.ctrlKey===!0,F=b.button===2||$;w.current=F},{checkForDefaultPrevented:!1}),onFocusOutside:m.composeEventHandlers(p,o=>o.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:a,children:i.jsx(J,{ref:I,style:{left:C,top:D,position:L,width:j||void 0},hasRadius:!0,background:"neutral0",padding:1,...O,children:r})})})})}),y=({children:e,intersectionId:r,onReachEnd:t,...n})=>{const c=s.useRef(null),l=K.useId();return N.useIntersection(c,t??(()=>{}),{selectorToWatch:`#${P.stripReactIdOfColon(l)}`,skipWhen:!r||!t}),i.jsxs(Q,{ref:c,...n,children:[e,r&&t&&i.jsx(g.Box,{id:P.stripReactIdOfColon(l),width:"100%",height:"1px"})]})},Q=R.default(g.Box)`
+  // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
+  max-height: ${3*5}rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  &::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: ${({theme:e})=>e.colors.neutral0};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: ${({theme:e})=>e.colors.neutral150};
+    border-radius: ${({theme:e})=>e.borderRadius};
+    margin-right: 10px;
+  }
+`,X=({children:e,source:r,spacing:t,fullWidth:n,placement:c,centered:l,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,...p})=>i.jsx(U.Portal,{children:i.jsx(E,{source:r,spacing:t,fullWidth:n,placement:c,centered:l,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,children:i.jsx(y,{...p,children:e})})});exports.Content=E;exports.POPOVER_PLACEMENTS=G;exports.Popover=X;exports.Scrolling=y;

package/dist/Popover/Popover.js

@@ -0,0 +1,127 @@
+import { jsx as r, jsxs as I } from "react/jsx-runtime";
+import * as o from "react";
+import { useFloating as W, offset as A, shift as K, flip as j, autoUpdate as M } from "@floating-ui/react-dom";
+import { FocusScope as T } from "@radix-ui/react-focus-scope";
+import { useCallbackRef as U, composeEventHandlers as v } from "@strapi/ui-primitives";
+import { hideOthers as B } from "aria-hidden";
+import { RemoveScroll as H } from "react-remove-scroll";
+import k from "styled-components";
+import { DismissibleLayer as N } from "../DismissibleLayer/index.js";
+import { stripReactIdOfColon as x } from "../helpers/strings.js";
+import { useComposedRefs as V } from "../hooks/useComposeRefs.js";
+import { useId as Z } from "../hooks/useId.js";
+import { useIntersection as _ } from "../hooks/useIntersection.js";
+import { Box as h } from "../Box/Box.js";
+import { Portal as q } from "../Portal/Portal.js";
+const me = [
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+], G = k(h)`
+  box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
+  z-index: ${({ theme: e }) => e.zIndices[0]};
+  border: 1px solid ${({ theme: e }) => e.colors.neutral150};
+`, J = o.forwardRef(({ source: e, children: s, spacing: n = 0, fullWidth: i = !1, placement: l = "bottom-start", centered: a = !1, onEscapeKeyDown: d, onPointerDownOutside: f, onDismiss: c, onFocusOutside: u, ...E }, R) => {
+  const [m, y] = o.useState(null), [P, C] = o.useState(void 0), b = o.useRef(!1), { x: D, y: L, reference: w, floating: S, strategy: O } = W({
+    strategy: "fixed",
+    placement: a ? "bottom" : l,
+    middleware: [
+      A({
+        mainAxis: n
+      }),
+      K(),
+      j()
+    ],
+    whileElementsMounted: M
+  });
+  o.useLayoutEffect(() => {
+    w(e.current);
+  }, [e, w]), o.useLayoutEffect(() => {
+    i && C(e.current.offsetWidth);
+  }, [i, e]), o.useEffect(() => {
+    if (m)
+      return B(m);
+  }, [m]);
+  const g = U(c);
+  o.useEffect(() => {
+    const t = () => {
+      g();
+    };
+    return window.addEventListener("blur", t), window.addEventListener("resize", t), () => {
+      window.removeEventListener("blur", t), window.removeEventListener("resize", t);
+    };
+  }, [g]);
+  const $ = V(R, (t) => y(t), S);
+  return r(H, { allowPinchZoom: !0, children: r(T, {
+    asChild: !0,
+    loop: !0,
+    // we make sure we're not trapping once it's been closed
+    // (closed !== unmounted when animating out)
+    trapped: !0,
+    onUnmountAutoFocus: (t) => {
+      t.preventDefault(), b.current || e.current?.focus({ preventScroll: !0 });
+    },
+    children: r(N, {
+      asChild: !0,
+      onEscapeKeyDown: d,
+      onPointerDownOutside: v(f, (t) => {
+        const p = t.detail.originalEvent, F = p.button === 0 && p.ctrlKey === !0, z = p.button === 2 || F;
+        b.current = z;
+      }, { checkForDefaultPrevented: !1 }),
+      // When focus is trapped, a `focusout` event may still happen.
+      // We make sure we don't trigger our `onDismiss` in such case.
+      onFocusOutside: v(u, (t) => t.preventDefault(), {
+        checkForDefaultPrevented: !1
+      }),
+      onDismiss: c,
+      children: r(G, { ref: $, style: {
+        left: D,
+        top: L,
+        position: O,
+        width: P || void 0
+      }, hasRadius: !0, background: "neutral0", padding: 1, ...E, children: s })
+    })
+  }) });
+}), Q = ({ children: e, intersectionId: s, onReachEnd: n, ...i }) => {
+  const l = o.useRef(null), a = Z();
+  return _(l, n ?? (() => {
+  }), {
+    selectorToWatch: `#${x(a)}`,
+    skipWhen: !s || !n
+  }), I(X, { ref: l, ...i, children: [e, s && n && r(h, { id: x(a), width: "100%", height: "1px" })] });
+}, X = k(h)`
+  // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
+  max-height: ${3 * 5}rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  &::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: ${({ theme: e }) => e.colors.neutral0};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: ${({ theme: e }) => e.colors.neutral150};
+    border-radius: ${({ theme: e }) => e.borderRadius};
+    margin-right: 10px;
+  }
+`, pe = ({ children: e, source: s, spacing: n, fullWidth: i, placement: l, centered: a, onEscapeKeyDown: d, onPointerDownOutside: f, onDismiss: c, ...u }) => r(q, { children: r(J, { source: s, spacing: n, fullWidth: i, placement: l, centered: a, onEscapeKeyDown: d, onPointerDownOutside: f, onDismiss: c, children: r(Q, { ...u, children: e }) }) });
+export {
+  J as Content,
+  me as POPOVER_PLACEMENTS,
+  pe as Popover,
+  Q as Scrolling
+};

package/dist/Popover/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover.cjs"),o=require("./primitives.cjs");exports.POPOVER_PLACEMENTS=e.POPOVER_PLACEMENTS;exports.Popover=e.Popover;exports.PopoverPrimitives=o;

package/dist/Popover/index.js

@@ -0,0 +1,7 @@
+import { POPOVER_PLACEMENTS as e, Popover as p } from "./Popover.js";
+import * as o from "./primitives.js";
+export {
+  e as POPOVER_PLACEMENTS,
+  p as Popover,
+  o as PopoverPrimitives
+};

package/dist/Popover/primitives.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover.cjs");exports.Content=e.Content;exports.Scrolling=e.Scrolling;

package/dist/Popover/primitives.js

@@ -0,0 +1,5 @@
+import { Content as r, Scrolling as t } from "./Popover.js";
+export {
+  r as Content,
+  t as Scrolling
+};

package/dist/Portal/Portal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),u=require("react-dom"),l=require("../Box/Box.cjs");function s(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=s(a),n=i.forwardRef(({container:e=globalThis?.document?.body,...r},t)=>e?u.createPortal(c.jsx(l.Box,{ref:t,...r}),e):null);n.displayName="Portal";exports.Portal=n;