@strapi/design-system 0.0.0-599b75fb-test

package/dist/NumberInput/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[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,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),f=require("prop-types"),g=require("styled-components"),m=require("./PaginationContext.cjs"),b=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function y(e){if(e&&e.__esModule)return e;const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=y(p),o=l(f),s=l(g),P=s.default.nav``,_=s.default(b.Flex)`
+  & > * + * {
+    margin-left: ${({theme:e})=>e.spaces[1]};
+  }
+`,i=({children:e,label:a,activePage:t,pageCount:r})=>{const u=n.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return n.createElement(m.PaginationContext.Provider,{value:u},n.createElement(P,{"aria-label":a},n.createElement(_,{as:"ul"},n.Children.map(e,(c,d)=>n.createElement("li",{key:d},c)))))};i.defaultProps={label:"pagination"};i.propTypes={activePage:o.default.number.isRequired,children:o.default.node.isRequired,label:o.default.string,pageCount:o.default.number.isRequired};exports.Pagination=i;

package/dist/Pagination/Pagination.js

@@ -0,0 +1,25 @@
+import * as e from "react";
+import r from "prop-types";
+import i from "styled-components";
+import { PaginationContext as c } from "./PaginationContext.js";
+import { Flex as u } from "../Flex/Flex.js";
+const d = i.nav``, f = i(u)`
+  & > * + * {
+    margin-left: ${({ theme: t }) => t.spaces[1]};
+  }
+`, o = ({ children: t, label: l, activePage: n, pageCount: a }) => {
+  const m = e.useMemo(() => ({ activePage: n, pageCount: a }), [n, a]);
+  return /* @__PURE__ */ e.createElement(c.Provider, { value: m }, /* @__PURE__ */ e.createElement(d, { "aria-label": l }, /* @__PURE__ */ e.createElement(f, { as: "ul" }, e.Children.map(t, (s, p) => /* @__PURE__ */ e.createElement("li", { key: p }, s)))));
+};
+o.defaultProps = {
+  label: "pagination"
+};
+o.propTypes = {
+  activePage: r.number.isRequired,
+  children: r.node.isRequired,
+  label: r.string,
+  pageCount: r.number.isRequired
+};
+export {
+  o as Pagination
+};

package/dist/Pagination/PaginationContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext({activePage:1,pageCount:1}),n=()=>e.useContext(t);exports.PaginationContext=t;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.cjs

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

package/dist/Pagination/assets/next.js

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

package/dist/Pagination/assets/previous.cjs

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

package/dist/Pagination/assets/previous.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,36 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),g=require("@strapi/icons"),k=require("prop-types"),q=require("react-router-dom"),T=require("styled-components"),u=require("./PaginationContext.cjs"),x=require("../themes/utils.cjs"),E=require("../Typography/Typography.cjs"),l=require("../VisuallyHidden/VisuallyHidden.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=c(L),o=c(k),s=c(T),v=s.default(E.Typography)`
+  line-height: revert;
+`,$={active:!0},p=s.default(q.NavLink).withConfig({shouldForwardProp:(e,t)=>!$[e]&&t(e)})`
+  padding: ${({theme:e})=>e.spaces[3]};
+  border-radius: ${({theme:e})=>e.borderRadius};
+  box-shadow: ${({active:e,theme:t})=>e?t.shadows.filterShadow:void 0};
+  text-decoration: none;
+  display: flex;
+
+  ${x.buttonFocusStyle}
+`,R=s.default(p)`
+  color: ${({theme:e,active:t})=>t?e.colors.primary700:e.colors.neutral800};
+  background: ${({theme:e,active:t})=>t?e.colors.neutral0:void 0};
+
+  &:hover {
+    box-shadow: ${({theme:e})=>e.shadows.filterShadow};
+  }
+`,m=s.default(p)`
+  font-size: 0.7rem;
+  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}
+`,_=s.default(p)`
+  color: ${({theme:e})=>e.colors.neutral800};
+`,f=({children:e,to:t,...i})=>{const{activePage:n}=u.usePagination(),r=n===1;return a.default.createElement(m,{to:r?"#":t,"aria-disabled":r,tabIndex:r?-1:void 0,...i},a.default.createElement(l.VisuallyHidden,null,e),a.default.createElement(g.ChevronLeft,{"aria-hidden":!0}))};f.displayName="PreviousLink";const y=({children:e,to:t,...i})=>{const{activePage:n,pageCount:r}=u.usePagination(),d=n===r;return a.default.createElement(m,{to:d?"#":t,"aria-disabled":d,tabIndex:d?-1:void 0,...i},a.default.createElement(l.VisuallyHidden,null,e),a.default.createElement(g.ChevronRight,{"aria-hidden":!0}))};y.displayName="NextLink";const h=({number:e,children:t,...i})=>{const{activePage:n}=u.usePagination(),r=n===e;return a.default.createElement(R,{...i,active:r},a.default.createElement(l.VisuallyHidden,null,t),a.default.createElement(v,{"aria-hidden":!0,variant:"pi",fontWeight:r?"bold":null},e))};h.displayName="PageLink";const P=({children:e,...t})=>a.default.createElement(_,{...t,as:"div"},a.default.createElement(l.VisuallyHidden,null,e),a.default.createElement(v,{"aria-hidden":!0,variant:"pi"},"\u2026"));h.propTypes={children:o.default.node.isRequired,number:o.default.number.isRequired};const b={children:o.default.node.isRequired,to:o.default.string.isRequired};y.propTypes=b;f.propTypes=b;P.propTypes={children:o.default.node.isRequired};exports.Dots=P;exports.NextLink=y;exports.PageLink=h;exports.PreviousLink=f;

package/dist/Pagination/components.js

@@ -0,0 +1,103 @@
+import t from "react";
+import { ChevronLeft as b, ChevronRight as y } from "@strapi/icons";
+import n from "prop-types";
+import { NavLink as P } from "react-router-dom";
+import s from "styled-components";
+import { usePagination as c } from "./PaginationContext.js";
+import { buttonFocusStyle as E } from "../themes/utils.js";
+import { Typography as k } from "../Typography/Typography.js";
+import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
+const u = s(k)`
+  line-height: revert;
+`, L = {
+  active: !0
+}, p = s(P).withConfig({
+  shouldForwardProp: (e, r) => !L[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;
+
+  ${E}
+`, $ = s(p)`
+  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};
+  }
+`, m = s(p)`
+  font-size: 0.7rem;
+  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 = s(p)`
+  color: ${({ theme: e }) => e.colors.neutral800};
+`, h = ({ children: e, to: r, ...a }) => {
+  const { activePage: i } = c(), o = i === 1;
+  return /* @__PURE__ */ t.createElement(
+    m,
+    {
+      to: o ? "#" : r,
+      "aria-disabled": o,
+      tabIndex: o ? -1 : void 0,
+      ...a
+    },
+    /* @__PURE__ */ t.createElement(l, null, e),
+    /* @__PURE__ */ t.createElement(b, { "aria-hidden": !0 })
+  );
+};
+h.displayName = "PreviousLink";
+const v = ({ children: e, to: r, ...a }) => {
+  const { activePage: i, pageCount: o } = c(), d = i === o;
+  return /* @__PURE__ */ t.createElement(
+    m,
+    {
+      to: d ? "#" : r,
+      "aria-disabled": d,
+      tabIndex: d ? -1 : void 0,
+      ...a
+    },
+    /* @__PURE__ */ t.createElement(l, null, e),
+    /* @__PURE__ */ t.createElement(y, { "aria-hidden": !0 })
+  );
+};
+v.displayName = "NextLink";
+const f = ({ number: e, children: r, ...a }) => {
+  const { activePage: i } = c(), o = i === e;
+  return /* @__PURE__ */ t.createElement($, { ...a, active: o }, /* @__PURE__ */ t.createElement(l, null, r), /* @__PURE__ */ t.createElement(u, { "aria-hidden": !0, variant: "pi", fontWeight: o ? "bold" : null }, e));
+};
+f.displayName = "PageLink";
+const w = ({ children: e, ...r }) => /* @__PURE__ */ t.createElement(x, { ...r, as: "div" }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(u, { "aria-hidden": !0, variant: "pi" }, "\u2026"));
+f.propTypes = {
+  children: n.node.isRequired,
+  number: n.number.isRequired
+};
+const g = {
+  children: n.node.isRequired,
+  to: n.string.isRequired
+};
+v.propTypes = g;
+h.propTypes = g;
+w.propTypes = {
+  children: n.node.isRequired
+};
+export {
+  w as Dots,
+  v as NextLink,
+  f as PageLink,
+  h as PreviousLink
+};

package/dist/Pagination/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./Pagination.cjs"),e=require("./components.cjs");exports.Pagination=i.Pagination;exports.Dots=e.Dots;exports.NextLink=e.NextLink;exports.PageLink=e.PageLink;exports.PreviousLink=e.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,26 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),w=require("react"),a=require("@floating-ui/react-dom"),y=require("styled-components"),u=require("../Box/Box.cjs"),k=require("../hooks/useIntersection.cjs"),_=require("../Portal/Portal.cjs"),v=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function S(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=S(w),f=v(y),O=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],$=f.default(u.Box)`
+  box-shadow: ${({theme:e})=>e.shadows.filterShadow};
+  z-index: 4;
+  border: 1px solid ${({theme:e})=>e.colors.neutral150};
+  background: ${({theme:e})=>e.colors.neutral0};
+`,p=({source:e,children:t,spacing:o=0,fullWidth:r=!1,placement:s="bottom-start",centered:i=!1,...c})=>{const[h,g]=l.useState(void 0),{x:m,y:x,reference:d,floating:j,strategy:P}=a.useFloating({strategy:"fixed",placement:i?"bottom":s,middleware:[a.offset({mainAxis:o}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return l.useLayoutEffect(()=>{d(e.current)},[e,d]),l.useLayoutEffect(()=>{r&&g(e.current.offsetWidth)},[r,e]),n.jsx($,{ref:j,style:{left:m,top:x,position:P,width:h||void 0},hasRadius:!0,background:"neutral0",padding:1,...c,children:t})},b=({children:e,intersectionId:t,onReachEnd:o,...r})=>{const s=l.useRef(null);return k.useIntersection(s,o??(()=>{}),{selectorToWatch:`#${t}`,skipWhen:!t||!o}),n.jsxs(q,{ref:s,...r,children:[e,t&&o&&n.jsx(u.Box,{id:t,width:"100%",height:"1px"})]})},q=f.default(u.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;
+  }
+`,E=({children:e,source:t,spacing:o,fullWidth:r,placement:s,centered:i,...c})=>n.jsx(_.Portal,{children:n.jsx(p,{source:t,spacing:o,fullWidth:r,placement:s,centered:i,children:n.jsx(b,{...c,children:e})})});exports.Content=p;exports.POPOVER_PLACEMENTS=O;exports.Popover=E;exports.Scrolling=b;

package/dist/Popover/Popover.js

@@ -0,0 +1,132 @@
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import * as a from "react";
+import { useFloating as w, offset as k, shift as y, flip as $, autoUpdate as v } from "@floating-ui/react-dom";
+import c from "styled-components";
+import { Box as d } from "../Box/Box.js";
+import { useIntersection as P } from "../hooks/useIntersection.js";
+import { Portal as S } from "../Portal/Portal.js";
+const T = ["top", "top-start", "top-end", "right", "right-start", "right-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end"], W = c(d)`
+  box-shadow: ${({
+  theme: t
+}) => t.shadows.filterShadow};
+  z-index: 4;
+  border: 1px solid ${({
+  theme: t
+}) => t.colors.neutral150};
+  background: ${({
+  theme: t
+}) => t.colors.neutral0};
+`, E = ({
+  source: t,
+  children: e,
+  spacing: o = 0,
+  fullWidth: r = !1,
+  placement: s = "bottom-start",
+  centered: n = !1,
+  ...l
+}) => {
+  const [p, u] = a.useState(void 0), {
+    x: h,
+    y: m,
+    reference: f,
+    floating: b,
+    strategy: g
+  } = w({
+    strategy: "fixed",
+    placement: n ? "bottom" : s,
+    middleware: [k({
+      mainAxis: o
+    }), y(), $()],
+    whileElementsMounted: v
+  });
+  return a.useLayoutEffect(() => {
+    f(t.current);
+  }, [t, f]), a.useLayoutEffect(() => {
+    r && u(t.current.offsetWidth);
+  }, [r, t]), i(W, {
+    ref: b,
+    style: {
+      left: h,
+      top: m,
+      position: g,
+      width: p || void 0
+    },
+    hasRadius: !0,
+    background: "neutral0",
+    padding: 1,
+    ...l,
+    children: e
+  });
+}, R = ({
+  children: t,
+  intersectionId: e,
+  onReachEnd: o,
+  ...r
+}) => {
+  const s = a.useRef(null);
+  return P(s, o ?? (() => {
+  }), {
+    selectorToWatch: `#${e}`,
+    skipWhen: !e || !o
+  }), x(L, {
+    ref: s,
+    ...r,
+    children: [t, e && o && i(d, {
+      id: e,
+      width: "100%",
+      height: "1px"
+    })]
+  });
+}, L = c(d)`
+  // 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: t
+}) => t.colors.neutral0};
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: ${({
+  theme: t
+}) => t.colors.neutral150};
+    border-radius: ${({
+  theme: t
+}) => t.borderRadius};
+    margin-right: 10px;
+  }
+`, B = ({
+  children: t,
+  source: e,
+  spacing: o,
+  fullWidth: r,
+  placement: s,
+  centered: n,
+  ...l
+}) => i(S, {
+  children: i(E, {
+    source: e,
+    spacing: o,
+    fullWidth: r,
+    placement: s,
+    centered: n,
+    children: i(R, {
+      ...l,
+      children: t
+    })
+  })
+});
+export {
+  E as Content,
+  T as POPOVER_PLACEMENTS,
+  B as Popover,
+  R as Scrolling
+};

package/dist/Popover/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Popover.cjs"),o={Content:e.Content,Scrolling:e.Scrolling};exports.POPOVER_PLACEMENTS=e.POPOVER_PLACEMENTS;exports.Popover=e.Popover;exports.PopoverPrimitives=o;

package/dist/Popover/index.js

@@ -0,0 +1,11 @@
+import { Content as o, Scrolling as r } from "./Popover.js";
+import { POPOVER_PLACEMENTS as p, Popover as m } from "./Popover.js";
+const e = {
+  Content: o,
+  Scrolling: r
+};
+export {
+  p as POPOVER_PLACEMENTS,
+  m as Popover,
+  e as PopoverPrimitives
+};

package/dist/Portal/Portal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),c=require("react-dom");function a(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=a(o),l=({children:e})=>{const t=u.useRef(null),[r,n]=u.useState(!1);return u.useLayoutEffect(()=>(t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),n(!0),()=>{t.current?.remove()}),[]),!r||!t.current?null:c.createPortal(e,t.current)};exports.Portal=l;

package/dist/Portal/Portal.js

@@ -0,0 +1,13 @@
+import * as e from "react";
+import { createPortal as o } from "react-dom";
+const a = ({
+  children: r
+}) => {
+  const t = e.useRef(null), [u, n] = e.useState(!1);
+  return e.useLayoutEffect(() => (t.current = document.createElement("div"), t.current.setAttribute("data-react-portal", "true"), document.body.appendChild(t.current), n(!0), () => {
+    t.current?.remove();
+  }), []), !u || !t.current ? null : o(r, t.current);
+};
+export {
+  a as Portal
+};

package/dist/Portal/index.cjs

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

package/dist/Portal/index.js

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

package/dist/ProgressBar/ProgressBar.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),d=require("prop-types"),c=require("styled-components"),p=require("../Box/Box.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=r(i),t=r(d),b=r(c),m=b.default(p.Box)`
+  &:before {
+    background-color: ${({theme:e})=>e.colors.neutral0};
+    border-radius: ${({theme:e})=>e.borderRadius};
+    bottom: 0;
+    content: '';
+    position: absolute;
+    top: 0;
+    width: ${({value:e})=>`${e}%`};
+  }
+`,o=({min:e,max:u,value:a,children:l,size:s,...n})=>f.default.createElement(m,{background:"neutral600",hasRadius:!0,"aria-label":l,"aria-valuemax":u,"aria-valuemin":e,"aria-valuenow":a,height:s==="S"?1:2,position:"relative",role:"progressbar",value:a,width:s==="S"?"78px":"102px",...n});o.defaultProps={min:0,max:100,value:0,size:"M"};o.propTypes={children:t.default.node.isRequired,max:t.default.number,min:t.default.number,size:t.default.oneOf(["S","M"]),value:t.default.number};exports.ProgressBar=o;

package/dist/ProgressBar/ProgressBar.js

@@ -0,0 +1,47 @@
+import u from "react";
+import e from "prop-types";
+import m from "styled-components";
+import { Box as l } from "../Box/Box.js";
+const p = m(l)`
+  &:before {
+    background-color: ${({ theme: r }) => r.colors.neutral0};
+    border-radius: ${({ theme: r }) => r.borderRadius};
+    bottom: 0;
+    content: '';
+    position: absolute;
+    top: 0;
+    width: ${({ value: r }) => `${r}%`};
+  }
+`, t = ({ min: r, max: i, value: o, children: s, size: a, ...n }) => /* @__PURE__ */ u.createElement(
+  p,
+  {
+    background: "neutral600",
+    hasRadius: !0,
+    "aria-label": s,
+    "aria-valuemax": i,
+    "aria-valuemin": r,
+    "aria-valuenow": o,
+    height: a === "S" ? 1 : 2,
+    position: "relative",
+    role: "progressbar",
+    value: o,
+    width: a === "S" ? "78px" : "102px",
+    ...n
+  }
+);
+t.defaultProps = {
+  min: 0,
+  max: 100,
+  value: 0,
+  size: "M"
+};
+t.propTypes = {
+  children: e.node.isRequired,
+  max: e.number,
+  min: e.number,
+  size: e.oneOf(["S", "M"]),
+  value: e.number
+};
+export {
+  t as ProgressBar
+};

package/dist/ProgressBar/index.cjs

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

package/dist/ProgressBar/index.js

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

package/dist/Radio/Radio.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),d=require("prop-types"),n=require("styled-components"),u=require("../BaseRadio/BaseRadio.cjs"),c=require("../Box/Box.cjs"),i=require("../Typography/Typography.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(l),o=a(d),p=a(n),y=p.default(i.Typography)`
+  display: flex;
+  align-items: center;
+`,r=({children:e,...s})=>t.default.createElement(y,{as:"label",textColor:"neutral800"},t.default.createElement(u.BaseRadio,{...s}),t.default.createElement(c.Box,{paddingLeft:2},e));r.propTypes={children:o.default.node.isRequired,value:o.default.any.isRequired};exports.Radio=r;

package/dist/Radio/Radio.js

@@ -0,0 +1,17 @@
+import e from "react";
+import r from "prop-types";
+import a from "styled-components";
+import { BaseRadio as i } from "../BaseRadio/BaseRadio.js";
+import { Box as m } from "../Box/Box.js";
+import { Typography as p } from "../Typography/Typography.js";
+const l = a(p)`
+  display: flex;
+  align-items: center;
+`, n = ({ children: t, ...o }) => /* @__PURE__ */ e.createElement(l, { as: "label", textColor: "neutral800" }, /* @__PURE__ */ e.createElement(i, { ...o }), /* @__PURE__ */ e.createElement(m, { paddingLeft: 2 }, t));
+n.propTypes = {
+  children: r.node.isRequired,
+  value: r.any.isRequired
+};
+export {
+  n as Radio
+};

package/dist/Radio/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./Radio.cjs"),e=require("../BaseRadio/RadioGroup.cjs");exports.Radio=o.Radio;exports.RadioGroup=e.RadioGroup;

package/dist/Radio/index.js

@@ -0,0 +1,6 @@
+import { Radio as p } from "./Radio.js";
+import { RadioGroup as d } from "../BaseRadio/RadioGroup.js";
+export {
+  p as Radio,
+  d as RadioGroup
+};

package/dist/RawTable/RawCell.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),l=require("react"),F=require("./RawTableContext.cjs"),v=require("../Box/Box.cjs"),s=require("../helpers/getFocusableNodes.cjs"),d=require("../helpers/keyboardKeys.cjs"),w=n=>g.jsx(y,{...n,as:"th"}),y=({coords:n={col:0,row:0},as:h="td",...x})=>{const a=l.useRef(null),{rowIndex:T,colIndex:E,setTableValues:N}=F.useTable(),[c,i]=l.useState(!1),K=e=>{const t=s.getFocusableNodes(a.current,!0);if(t.length===0||t.length===1&&s.getFocusableNodesWithKeyboardNav(t).length===0)return;if(t.length>1&&!t.find(u=>u.tagName!=="BUTTON")){e.preventDefault();const u=t.findIndex(r=>r===document.activeElement);if(e.key===d.KeyboardKeys.RIGHT){const r=t[u+1];r&&(e.stopPropagation(),r.focus())}else if(e.key===d.KeyboardKeys.LEFT){const r=t[u-1];r&&(e.stopPropagation(),r.focus())}return}const o=e.key===d.KeyboardKeys.ENTER;if(o&&!c)i(!0);else if((e.key===d.KeyboardKeys.ESCAPE||o)&&c){if(o&&document.activeElement?.tagName==="A")return;i(!1),a.current.focus()}else c&&e.stopPropagation()},f=T===n.row-1&&E===n.col-1;l.useLayoutEffect(()=>{const e=s.getFocusableNodes(a.current,!0);e.length===0||e.length===1&&s.getFocusableNodesWithKeyboardNav(e).length!==0||e.length>1&&Boolean(e.find(t=>t.tagName!=="BUTTON"))?(a.current.setAttribute("tabIndex",!c&&f?"0":"-1"),e.forEach((t,o)=>{t.setAttribute("tabIndex",c?"0":"-1"),c&&o===0&&t.focus()})):e.forEach(t=>{t.setAttribute("tabIndex",f?"0":"-1")})},[c,f]);const b=l.useCallback(()=>{const e=s.getFocusableNodes(a.current,!0);e.length>=1&&(s.getFocusableNodesWithKeyboardNav(e).length!==0||!e.find(t=>t.tagName!=="BUTTON"))&&i(!0),N({rowIndex:n.row-1,colIndex:n.col-1})},[n,N]);return l.useLayoutEffect(()=>{const e=a.current;return s.getFocusableNodes(e,!0).forEach(o=>{o.addEventListener("focus",b)}),()=>{s.getFocusableNodes(e,!0).forEach(u=>{u.removeEventListener("focus",b)})}},[b]),g.jsx(v.Box,{role:"gridcell",as:h,ref:a,onKeyDown:K,...x})};exports.RawTd=y;exports.RawTh=w;

package/dist/RawTable/RawCell.js

@@ -0,0 +1,83 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as y, useState as I, useLayoutEffect as N, useCallback as v } from "react";
+import { useTable as w } from "./RawTableContext.js";
+import { Box as A } from "../Box/Box.js";
+import { getFocusableNodes as u, getFocusableNodesWithKeyboardNav as b } from "../helpers/getFocusableNodes.js";
+import { KeyboardKeys as f } from "../helpers/keyboardKeys.js";
+const D = (n) => g(B, {
+  ...n,
+  as: "th"
+}), B = ({
+  coords: n = {
+    col: 0,
+    row: 0
+  },
+  as: h = "td",
+  ...E
+}) => {
+  const s = y(null), {
+    rowIndex: p,
+    colIndex: x,
+    setTableValues: m
+  } = w(), [r, l] = I(!1), T = (e) => {
+    const t = u(s.current, !0);
+    if (t.length === 0 || t.length === 1 && b(t).length === 0)
+      return;
+    if (t.length > 1 && !t.find((a) => a.tagName !== "BUTTON")) {
+      e.preventDefault();
+      const a = t.findIndex((c) => c === document.activeElement);
+      if (e.key === f.RIGHT) {
+        const c = t[a + 1];
+        c && (e.stopPropagation(), c.focus());
+      } else if (e.key === f.LEFT) {
+        const c = t[a - 1];
+        c && (e.stopPropagation(), c.focus());
+      }
+      return;
+    }
+    const o = e.key === f.ENTER;
+    if (o && !r)
+      l(!0);
+    else if ((e.key === f.ESCAPE || o) && r) {
+      if (o && document.activeElement?.tagName === "A")
+        return;
+      l(!1), s.current.focus();
+    } else
+      r && e.stopPropagation();
+  }, i = p === n.row - 1 && x === n.col - 1;
+  N(() => {
+    const e = u(s.current, !0);
+    e.length === 0 || e.length === 1 && b(e).length !== 0 || e.length > 1 && Boolean(e.find((t) => t.tagName !== "BUTTON")) ? (s.current.setAttribute("tabIndex", !r && i ? "0" : "-1"), e.forEach((t, o) => {
+      t.setAttribute("tabIndex", r ? "0" : "-1"), r && o === 0 && t.focus();
+    })) : e.forEach((t) => {
+      t.setAttribute("tabIndex", i ? "0" : "-1");
+    });
+  }, [r, i]);
+  const d = v(() => {
+    const e = u(s.current, !0);
+    e.length >= 1 && (b(e).length !== 0 || !e.find((t) => t.tagName !== "BUTTON")) && l(!0), m({
+      rowIndex: n.row - 1,
+      colIndex: n.col - 1
+    });
+  }, [n, m]);
+  return N(() => {
+    const e = s.current;
+    return u(e, !0).forEach((o) => {
+      o.addEventListener("focus", d);
+    }), () => {
+      u(e, !0).forEach((a) => {
+        a.removeEventListener("focus", d);
+      });
+    };
+  }, [d]), g(A, {
+    role: "gridcell",
+    as: h,
+    ref: s,
+    onKeyDown: T,
+    ...E
+  });
+};
+export {
+  B as RawTd,
+  D as RawTh
+};

package/dist/RawTable/RawTable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),r=require("react"),E=require("./focusFocusable.cjs"),P=require("./RawTableContext.cjs"),s=require("../helpers/keyboardKeys.cjs"),j=({colCount:b,rowCount:c,jumpStep:l=3,initialCol:D=0,initialRow:d=0,...k})=>{const f=r.useRef(null),n=r.useRef(!1),[o,t]=r.useState(d),[y,u]=r.useState(D),K=r.useCallback(({colIndex:a,rowIndex:e})=>{u(a),t(e)},[]);r.useEffect(()=>{n.current&&E.focusFocusable(f.current),n.current||(n.current=!0)},[y,o]);const T=a=>{switch(a.key){case s.KeyboardKeys.RIGHT:{a.preventDefault(),u(e=>e<b-1?e+1:e);break}case s.KeyboardKeys.LEFT:{a.preventDefault(),u(e=>e>0?e-1:e);break}case s.KeyboardKeys.UP:{a.preventDefault(),t(e=>e>0?e-1:e);break}case s.KeyboardKeys.DOWN:{a.preventDefault(),t(e=>e<c-1?e+1:e);break}case s.KeyboardKeys.HOME:{a.preventDefault(),a.ctrlKey&&t(0),u(0);break}case s.KeyboardKeys.END:{a.preventDefault(),a.ctrlKey&&t(c-1),u(b-1);break}case s.KeyboardKeys.PAGE_DOWN:{a.preventDefault(),t(e=>e+l<c?e+l:c-1);break}case s.KeyboardKeys.PAGE_UP:{a.preventDefault(),t(e=>e-l>0?e-l:0);break}}},R=r.useMemo(()=>({rowIndex:o,colIndex:y,setTableValues:K}),[y,o,K]);return i.jsx(P.RawTableContext.Provider,{value:R,children:i.jsx("table",{role:"grid",ref:f,"aria-rowcount":c,"aria-colcount":b,onKeyDown:T,...k})})};exports.RawTable=j;