@strapi/design-system 1.3.0-beta.0 → 1.3.0-beta.2

package/dist/DatePicker/utils/getMonths.js

@@ -1,7 +0,0 @@
-const e = () => {
-  const t = new Intl.DateTimeFormat(void 0, { month: "long" }).format;
-  return Array(12).fill(null).map((o, n) => t(new Date(1970, n, 1)));
-};
-export {
-  e as getMonths
-};

package/dist/DatePicker/utils/getYears.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=200,u=15,c=(s,a)=>{const t=new Date().getFullYear(),n=s?.getFullYear()??parseInt(t,10)-l,o=a?.getFullYear()??parseInt(t,10)+u,r=[];for(let e=n;e<=o;e++)r.push(e);return r};exports.getYears=c;

package/dist/DatePicker/utils/getYears.js

@@ -1,9 +0,0 @@
-const E = (n, s) => {
-  const t = new Date().getFullYear(), a = n?.getFullYear() ?? parseInt(t, 10) - 200, A = s?.getFullYear() ?? parseInt(t, 10) + 15, r = [];
-  for (let e = a; e <= A; e++)
-    r.push(e);
-  return r;
-};
-export {
-  E as getYears
-};

package/dist/DatePicker/utils/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./getDayOfWeek.cjs"),t=require("./getMonths.cjs"),r=require("./generateWeeks.cjs"),s=require("./getYears.cjs"),a=require("./formatDate.cjs");exports.getDayOfWeek=e.getDayOfWeek;exports.getMonths=t.getMonths;exports.generateWeeks=r.generateWeeks;exports.getYears=s.getYears;exports.formatDate=a.formatDate;

package/dist/DatePicker/utils/index.js

@@ -1,12 +0,0 @@
-import { getDayOfWeek as o } from "./getDayOfWeek.js";
-import { getMonths as f } from "./getMonths.js";
-import { generateWeeks as a } from "./generateWeeks.js";
-import { getYears as x } from "./getYears.js";
-import { formatDate as s } from "./formatDate.js";
-export {
-  s as formatDate,
-  a as generateWeeks,
-  o as getDayOfWeek,
-  f as getMonths,
-  x as getYears
-};

package/dist/DateTimePicker/DateTimePicker.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),S=require("../Stack/Stack.cjs"),v=require("../DatePicker/DatePicker.cjs"),C=require("../TimePicker/TimePicker.cjs"),R=require("../Field/Field.cjs"),x=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const A=require("../Field/FieldHint.cjs"),O=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const q=require("../helpers/useId.cjs"),E=require("./parseDate.cjs"),$=require("./DateTimePickerProps.cjs"),z=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},r=z(p),D=({ariaLabel:i,clearLabel:k,disabled:F,error:f,hint:H,label:o,labelAction:y,onChange:s,onClear:m,name:P,required:M,selectButtonTitle:I,size:T,step:b,value:c,...g})=>{const l=E.parseDate(c),[a,n]=p.useState(l),[u,d]=p.useState(l?`${l.getHours()}:${l.getMinutes()}:${l.getSeconds()}`:null),h=e=>{n(e);let t;u?(t=new Date(e),t.setHours(u.split(":")[0]),t.setMinutes(u.split(":")[1])):(t=new Date(e),d(`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`)),s&&s(t)},w=e=>{d(e);const t=a?new Date(a):new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),a||n(t),s&&s(t)},_=()=>{n(void 0),d(void 0),m()},L=()=>{d(void 0);let e;a&&(e=new Date(a),e.setHours("00"),e.setMinutes("00")),s&&s(e)};p.useEffect(()=>{if(c&&+c!=+a){const e=E.parseDate(c);n(e),d(e?`${e.getHours()}:${e.getMinutes()}:${e.getSeconds()}`:null)}else c||(n(void 0),d(void 0))},[c]);const j=q.useId("datetime-label",g?.id),V=q.useId("datetimepicker");return r.default.createElement(R.Field,{name:P,role:"group","aria-labelledby":j,hint:H,error:f},r.default.createElement(S.Stack,{spacing:1},o&&r.default.createElement(x.FieldLabel,{required:M,action:y,id:j},o),r.default.createElement(S.Stack,{horizontal:!0,spacing:2},r.default.createElement(v.DatePicker,{"data-testid":"datetimepicker-date",name:P,ariaLabel:o||i,error:typeof f=="string",selectedDate:a,selectedDateLabel:e=>`Date picker, current is ${e}`,onChange:h,size:T,onClear:m&&_,clearLabel:k,disabled:F,...g}),r.default.createElement(C.TimePicker,{"data-testid":"datetimepicker-time",size:T,"aria-label":o||i,error:typeof f=="string",value:u,onChange:w,onClear:m&&L,clearLabel:k,selectButtonTitle:I,disabled:F,step:b})),r.default.createElement(A.FieldHint,null),r.default.createElement(O.FieldError,{id:V})))};D.defaultProps=$.dateTimePickerDefaultProps;D.propTypes=$.dateTimePickerPropTypes;exports.DateTimePicker=D;

package/dist/DateTimePicker/DateTimePicker.js

@@ -1,108 +0,0 @@
-import i, { useState as $, useEffect as C } from "react";
-import { Stack as P } from "../Stack/Stack.js";
-import { DatePicker as L } from "../DatePicker/DatePicker.js";
-import { TimePicker as R } from "../TimePicker/TimePicker.js";
-import { Field as j } from "../Field/Field.js";
-import { FieldLabel as q } from "../Field/FieldLabel.js";
-import "../Field/FieldInput.js";
-import { FieldHint as z } from "../Field/FieldHint.js";
-import { FieldError as A } from "../Field/FieldError.js";
-import "../Field/FieldContext.js";
-import "../Field/FieldAction.js";
-import { useId as S } from "../helpers/useId.js";
-import { parseDate as H } from "./parseDate.js";
-import { dateTimePickerDefaultProps as B, dateTimePickerPropTypes as G } from "./DateTimePickerProps.js";
-const M = ({
-  ariaLabel: f,
-  clearLabel: u,
-  disabled: D,
-  error: c,
-  hint: w,
-  label: d,
-  labelAction: y,
-  onChange: o,
-  onClear: p,
-  name: g,
-  required: F,
-  selectButtonTitle: h,
-  size: T,
-  step: V,
-  value: a,
-  ...E
-}) => {
-  const n = H(a), [r, m] = $(n), [l, s] = $(
-    n ? `${n.getHours()}:${n.getMinutes()}:${n.getSeconds()}` : null
-  ), I = (e) => {
-    m(e);
-    let t;
-    l ? (t = new Date(e), t.setHours(l.split(":")[0]), t.setMinutes(l.split(":")[1])) : (t = new Date(e), s(`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`)), o && o(t);
-  }, _ = (e) => {
-    s(e);
-    const t = r ? new Date(r) : new Date();
-    t.setHours(e.split(":")[0]), t.setMinutes(e.split(":")[1]), r || m(t), o && o(t);
-  }, b = () => {
-    m(void 0), s(void 0), p();
-  }, v = () => {
-    s(void 0);
-    let e;
-    r && (e = new Date(r), e.setHours("00"), e.setMinutes("00")), o && o(e);
-  };
-  C(() => {
-    if (a && +a != +r) {
-      const e = H(a);
-      m(e), s(
-        e ? `${e.getHours()}:${e.getMinutes()}:${e.getSeconds()}` : null
-      );
-    } else
-      a || (m(void 0), s(void 0));
-  }, [a]);
-  const k = S("datetime-label", E?.id), x = S("datetimepicker");
-  return /* @__PURE__ */ i.createElement(j, {
-    name: g,
-    role: "group",
-    "aria-labelledby": k,
-    hint: w,
-    error: c
-  }, /* @__PURE__ */ i.createElement(P, {
-    spacing: 1
-  }, d && /* @__PURE__ */ i.createElement(q, {
-    required: F,
-    action: y,
-    id: k
-  }, d), /* @__PURE__ */ i.createElement(P, {
-    horizontal: !0,
-    spacing: 2
-  }, /* @__PURE__ */ i.createElement(L, {
-    "data-testid": "datetimepicker-date",
-    name: g,
-    ariaLabel: d || f,
-    error: typeof c == "string",
-    selectedDate: r,
-    selectedDateLabel: (e) => `Date picker, current is ${e}`,
-    onChange: I,
-    size: T,
-    onClear: p && b,
-    clearLabel: u,
-    disabled: D,
-    ...E
-  }), /* @__PURE__ */ i.createElement(R, {
-    "data-testid": "datetimepicker-time",
-    size: T,
-    "aria-label": d || f,
-    error: typeof c == "string",
-    value: l,
-    onChange: _,
-    onClear: p && v,
-    clearLabel: u,
-    selectButtonTitle: h,
-    disabled: D,
-    step: V
-  })), /* @__PURE__ */ i.createElement(z, null), /* @__PURE__ */ i.createElement(A, {
-    id: x
-  })));
-};
-M.defaultProps = B;
-M.propTypes = G;
-export {
-  M as DateTimePicker
-};

package/dist/DateTimePicker/DateTimePickerProps.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),d=require("prop-types"),l=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},u=l(o),e=l(d),a=t=>u.default.createElement("div",{...t}),r={ariaLabel:void 0,clearLabel:"clear",disabled:!1,error:void 0,hint:void 0,label:void 0,labelAction:void 0,onClear:void 0,required:!1,selectButtonTitle:"select",size:"M",step:1,value:void 0},i={ariaLabel:e.default.string,clearLabel:e.default.string,disabled:e.default.bool,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.string,label:e.default.string,labelAction:e.default.element,name:e.default.string.isRequired,onChange:e.default.func.isRequired,onClear:e.default.func,required:e.default.bool,selectButtonTitle:e.default.string,size:e.default.oneOf(["S","M"]),step:e.default.number,value:e.default.instanceOf(Date)};a.defaultProps=r;a.propTypes=i;exports.DateTimePickerProps=a;exports.dateTimePickerDefaultProps=r;exports.dateTimePickerPropTypes=i;

package/dist/DateTimePicker/DateTimePickerProps.js

@@ -1,42 +0,0 @@
-import t from "react";
-import e from "prop-types";
-const i = (r) => /* @__PURE__ */ t.createElement("div", {
-  ...r
-}), o = {
-  ariaLabel: void 0,
-  clearLabel: "clear",
-  disabled: !1,
-  error: void 0,
-  hint: void 0,
-  label: void 0,
-  labelAction: void 0,
-  onClear: void 0,
-  required: !1,
-  selectButtonTitle: "select",
-  size: "M",
-  step: 1,
-  value: void 0
-}, l = {
-  ariaLabel: e.string,
-  clearLabel: e.string,
-  disabled: e.bool,
-  error: e.oneOfType([e.string, e.bool]),
-  hint: e.string,
-  label: e.string,
-  labelAction: e.element,
-  name: e.string.isRequired,
-  onChange: e.func.isRequired,
-  onClear: e.func,
-  required: e.bool,
-  selectButtonTitle: e.string,
-  size: e.oneOf(["S", "M"]),
-  step: e.number,
-  value: e.instanceOf(Date)
-};
-i.defaultProps = o;
-i.propTypes = l;
-export {
-  i as DateTimePickerProps,
-  o as dateTimePickerDefaultProps,
-  l as dateTimePickerPropTypes
-};

package/dist/DateTimePicker/__tests__/parseDate.test.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("../parseDate.cjs");describe("parseDate",()=>{it("should return a date",()=>{expect(e.parseDate("2021-11-05T15:37:29.592Z")instanceof Date).toBeTruthy()}),it("should return null if the passed params has not the right format",()=>{expect(e.parseDate("test")).toBeNull()})});

package/dist/DateTimePicker/__tests__/parseDate.test.js

@@ -1,8 +0,0 @@
-import { parseDate as t } from "../parseDate.js";
-describe("parseDate", () => {
-  it("should return a date", () => {
-    expect(t("2021-11-05T15:37:29.592Z") instanceof Date).toBeTruthy();
-  }), it("should return null if the passed params has not the right format", () => {
-    expect(t("test")).toBeNull();
-  });
-});

package/dist/DateTimePicker/index.cjs

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

package/dist/DateTimePicker/index.js

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

package/dist/DateTimePicker/parseDate.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=t=>{const e=Date.parse(t);return Number.isNaN(e)?null:new Date(e)};exports.parseDate=r;

package/dist/DateTimePicker/parseDate.js

@@ -1,7 +0,0 @@
-const r = (t) => {
-  const e = Date.parse(t);
-  return Number.isNaN(e) ? null : new Date(e);
-};
-export {
-  r as parseDate
-};

package/dist/Dialog/Dialog.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("prop-types"),g=require("react"),m=require("styled-components"),u=require("../Box/Box.cjs"),b=require("../FocusTrap/FocusTrap.cjs"),q=require("../Portal/Portal.cjs"),h=require("../Flex/Flex.cjs"),x=require("../Typography/Typography.cjs"),D=require("../DismissibleLayer/DismissibleLayer.cjs"),T=require("../helpers/setOpacity.cjs"),j=require("../helpers/useLockScroll.cjs"),E=require("../helpers/useId.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=o(y),t=o(g),l=o(m),P=l.default.div`
-  position: fixed;
-  z-index: 4;
-  inset: 0;
-  background: ${({theme:e})=>T.setOpacity(e.colors.neutral800,.2)};
-  padding: 0 ${({theme:e})=>e.spaces[8]};
-`,_=l.default(u.Box)`
-  max-width: ${412/16}rem;
-  margin: 0 auto;
-  overflow: hidden;
-  margin-top: 10%;
-`,F=l.default(h.Flex)`
-  border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({onClose:e,title:n,as:d,isOpen:s,id:c,...p})=>{const f=E.useId("dialog",c);if(j(s),!s)return null;const i=`${f}-label`;return t.default.createElement(q.Portal,null,t.default.createElement(P,null,t.default.createElement(b.FocusTrap,null,t.default.createElement(D.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e},t.default.createElement(_,{"aria-labelledby":i,"aria-modal":!0,background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog"},t.default.createElement(F,{padding:6,justifyContent:"center"},t.default.createElement(x.Typography,{variant:"beta",as:d||"h2",id:i},n)),t.default.createElement(u.Box,{...p}))))))};r.displayName="Dialog";r.defaultProps={as:"h2",id:void 0};r.propTypes={as:a.default.string,id:a.default.oneOfType([a.default.string,a.default.number]),isOpen:a.default.bool.isRequired,onClose:a.default.func.isRequired,title:a.default.string.isRequired};exports.Dialog=r;

package/dist/Dialog/Dialog.js

@@ -1,66 +0,0 @@
-import r from "prop-types";
-import o from "react";
-import t from "styled-components";
-import { Box as n } from "../Box/Box.js";
-import { FocusTrap as c } from "../FocusTrap/FocusTrap.js";
-import { Portal as f } from "../Portal/Portal.js";
-import { Flex as g } from "../Flex/Flex.js";
-import { Typography as y } from "../Typography/Typography.js";
-import { DismissibleLayer as b } from "../DismissibleLayer/DismissibleLayer.js";
-import { setOpacity as E } from "../helpers/setOpacity.js";
-import h from "../helpers/useLockScroll.js";
-import { useId as D } from "../helpers/useId.js";
-const x = t.div`
-  position: fixed;
-  z-index: 4;
-  inset: 0;
-  background: ${({ theme: e }) => E(e.colors.neutral800, 0.2)};
-  padding: 0 ${({ theme: e }) => e.spaces[8]};
-`, w = t(n)`
-  max-width: ${412 / 16}rem;
-  margin: 0 auto;
-  overflow: hidden;
-  margin-top: 10%;
-`, R = t(g)`
-  border-bottom: 1px solid ${({ theme: e }) => e.colors.neutral150};
-`, a = ({ onClose: e, title: m, as: s, isOpen: i, id: d, ...p }) => {
-  const u = D("dialog", d);
-  if (h(i), !i)
-    return null;
-  const l = `${u}-label`;
-  return /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement(x, null, /* @__PURE__ */ o.createElement(c, null, /* @__PURE__ */ o.createElement(b, {
-    onEscapeKeyDown: e,
-    onPointerDownOutside: e
-  }, /* @__PURE__ */ o.createElement(w, {
-    "aria-labelledby": l,
-    "aria-modal": !0,
-    background: "neutral0",
-    hasRadius: !0,
-    shadow: "popupShadow",
-    role: "dialog"
-  }, /* @__PURE__ */ o.createElement(R, {
-    padding: 6,
-    justifyContent: "center"
-  }, /* @__PURE__ */ o.createElement(y, {
-    variant: "beta",
-    as: s || "h2",
-    id: l
-  }, m)), /* @__PURE__ */ o.createElement(n, {
-    ...p
-  }))))));
-};
-a.displayName = "Dialog";
-a.defaultProps = {
-  as: "h2",
-  id: void 0
-};
-a.propTypes = {
-  as: r.string,
-  id: r.oneOfType([r.string, r.number]),
-  isOpen: r.bool.isRequired,
-  onClose: r.func.isRequired,
-  title: r.string.isRequired
-};
-export {
-  a as Dialog
-};

package/dist/Dialog/DialogBody.cjs

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),r=require("styled-components"),c=require("prop-types"),l=require("../Box/Box.cjs"),i=require("../Flex/Flex.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(s),u=o(r),n=o(c),p=u.default(l.Box)`
-  svg {
-    width: ${({theme:e})=>e.spaces[6]};
-    height: ${({theme:e})=>e.spaces[6]};
-
-    path {
-      fill: ${({theme:e})=>e.colors.danger600};
-    }
-  }
-`,a=({children:e,icon:d})=>t.default.createElement(l.Box,{paddingTop:8,paddingBottom:8,paddingLeft:6,paddingRight:6},d&&t.default.createElement(p,{paddingBottom:2},t.default.createElement(i.Flex,{justifyContent:"center"},d)),e);a.displayName="DialogBody";a.propTypes={children:n.default.node.isRequired,icon:n.default.node};exports.DialogBody=a;

package/dist/Dialog/DialogBody.js

@@ -1,32 +0,0 @@
-import o from "react";
-import n from "styled-components";
-import r from "prop-types";
-import { Box as i } from "../Box/Box.js";
-import { Flex as p } from "../Flex/Flex.js";
-const a = n(i)`
-  svg {
-    width: ${({ theme: e }) => e.spaces[6]};
-    height: ${({ theme: e }) => e.spaces[6]};
-
-    path {
-      fill: ${({ theme: e }) => e.colors.danger600};
-    }
-  }
-`, d = ({ children: e, icon: t }) => /* @__PURE__ */ o.createElement(i, {
-  paddingTop: 8,
-  paddingBottom: 8,
-  paddingLeft: 6,
-  paddingRight: 6
-}, t && /* @__PURE__ */ o.createElement(a, {
-  paddingBottom: 2
-}, /* @__PURE__ */ o.createElement(p, {
-  justifyContent: "center"
-}, t)), e);
-d.displayName = "DialogBody";
-d.propTypes = {
-  children: r.node.isRequired,
-  icon: r.node
-};
-export {
-  d as DialogBody
-};

package/dist/Dialog/DialogFooter.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),s=require("styled-components"),l=require("prop-types"),d=require("../Box/Box.cjs"),i=require("../Stack/Stack.cjs"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=o(c),u=o(s),a=o(l),p=u.default(d.Box)`
-  border-top: 1px solid ${({theme:t})=>t.colors.neutral150};
-
-  button {
-    width: 100%;
-    display: inline-flex;
-    justify-content: center;
-  }
-`,e=({startAction:t,endAction:n})=>r.default.createElement(p,{padding:4},r.default.createElement(i.Stack,{horizontal:!0,spacing:2},t,n));e.displayName="DialogFooter";e.defaultProps={endAction:void 0,startAction:void 0};e.propTypes={endAction:a.default.node,startAction:a.default.node};exports.DialogFooter=e;

package/dist/Dialog/DialogFooter.js

@@ -1,31 +0,0 @@
-import e from "react";
-import n from "styled-components";
-import r from "prop-types";
-import { Box as p } from "../Box/Box.js";
-import { Stack as a } from "../Stack/Stack.js";
-const d = n(p)`
-  border-top: 1px solid ${({ theme: o }) => o.colors.neutral150};
-
-  button {
-    width: 100%;
-    display: inline-flex;
-    justify-content: center;
-  }
-`, t = ({ startAction: o, endAction: i }) => /* @__PURE__ */ e.createElement(d, {
-  padding: 4
-}, /* @__PURE__ */ e.createElement(a, {
-  horizontal: !0,
-  spacing: 2
-}, o, i));
-t.displayName = "DialogFooter";
-t.defaultProps = {
-  endAction: void 0,
-  startAction: void 0
-};
-t.propTypes = {
-  endAction: r.node,
-  startAction: r.node
-};
-export {
-  t as DialogFooter
-};

package/dist/Dialog/index.cjs

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

package/dist/Dialog/index.js

@@ -1,8 +0,0 @@
-import { Dialog as e } from "./Dialog.js";
-import { DialogBody as a } from "./DialogBody.js";
-import { DialogFooter as g } from "./DialogFooter.js";
-export {
-  e as Dialog,
-  a as DialogBody,
-  g as DialogFooter
-};

package/dist/DismissibleLayer/DismissibleLayer.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),y=require("prop-types"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=f(t),s=f(y),l=({children:e,className:r,onEscapeKeyDown:u,onPointerDownOutside:p})=>{const c=t.useRef(null),i=a(u),d=a(p);return t.useEffect(()=>{const n=o=>{o.key==="Escape"&&i(o)};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[i]),t.useEffect(()=>{const n=o=>{c.current&&!c.current.contains(o.target)&&d()};return document.addEventListener("pointerdown",n),()=>document.removeEventListener("pointerdown",n)},[d]),m.default.createElement("div",{ref:c,className:r},e)};l.propTypes={children:s.default.node.isRequired,className:s.default.string,onEscapeKeyDown:s.default.func.isRequired,onPointerDownOutside:s.default.func.isRequired};function a(e){const r=t.useRef(e);return t.useEffect(()=>{r.current=e}),t.useMemo(()=>(...u)=>r.current?.(...u),[])}exports.DismissibleLayer=l;

package/dist/DismissibleLayer/DismissibleLayer.js

@@ -1,37 +0,0 @@
-import m, { useRef as f, useEffect as c, useMemo as p } from "react";
-import o from "prop-types";
-const w = ({ children: n, className: t, onEscapeKeyDown: s, onPointerDownOutside: l }) => {
-  const i = f(null), u = a(s), d = a(l);
-  return c(() => {
-    const e = (r) => {
-      r.key === "Escape" && u(r);
-    };
-    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [u]), c(() => {
-    const e = (r) => {
-      i.current && !i.current.contains(r.target) && d();
-    };
-    return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
-  }, [d]), /* @__PURE__ */ m.createElement("div", {
-    ref: i,
-    className: t
-  }, n);
-};
-w.propTypes = {
-  children: o.node.isRequired,
-  className: o.string,
-  onEscapeKeyDown: o.func.isRequired,
-  onPointerDownOutside: o.func.isRequired
-};
-function a(n) {
-  const t = f(n);
-  return c(() => {
-    t.current = n;
-  }), p(
-    () => (...s) => t.current?.(...s),
-    []
-  );
-}
-export {
-  w as DismissibleLayer
-};

package/dist/DismissibleLayer/index.cjs

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

package/dist/DismissibleLayer/index.js

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

package/dist/Divider/Divider.cjs

@@ -1,5 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),a=require("prop-types"),u=require("../Box/Box.cjs"),c=require("styled-components"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(s),o=t(a),l=t(c),i=l.default(u.Box)`
-  height: 1px;
-  border: none;
-  ${({unsetMargin:e})=>e?"margin: 0;":""}
-`,r=({unsetMargin:e,...n})=>d.default.createElement(i,{...n,as:"hr",unsetMargin:e});r.defaultProps={background:"neutral150",unsetMargin:!0};r.propTypes={background:o.default.string,unsetMargin:o.default.bool};exports.Divider=r;

package/dist/Divider/Divider.js

@@ -1,24 +0,0 @@
-import n from "react";
-import e from "prop-types";
-import { Box as p } from "../Box/Box.js";
-import i from "styled-components";
-const a = i(p)`
-  height: 1px;
-  border: none;
-  ${({ unsetMargin: r }) => r ? "margin: 0;" : ""}
-`, o = ({ unsetMargin: r, ...t }) => /* @__PURE__ */ n.createElement(a, {
-  ...t,
-  as: "hr",
-  unsetMargin: r
-});
-o.defaultProps = {
-  background: "neutral150",
-  unsetMargin: !0
-};
-o.propTypes = {
-  background: e.string,
-  unsetMargin: e.bool
-};
-export {
-  o as Divider
-};

package/dist/Divider/index.cjs

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

package/dist/Divider/index.js

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

package/dist/EmptyStateLayout/EmptyStateLayout.cjs

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),c=require("prop-types"),y=require("styled-components"),f=require("../Typography/Typography.cjs"),o=require("../Box/Box.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=r(p),t=r(c),d=r(y),g=d.default(o.Box)`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-`,m=d.default(o.Box)`
-  svg {
-    height: ${88/16}rem;
-  }
-`,n=({icon:e,content:l,action:u,hasRadius:s,shadow:i})=>a.default.createElement(g,{padding:11,background:"neutral0",hasRadius:s,shadow:i},a.default.createElement(m,{paddingBottom:6,"aria-hidden":!0},e),a.default.createElement(o.Box,{paddingBottom:4},a.default.createElement(f.Typography,{variant:"delta",as:"p",textColor:"neutral600"},l)),u);n.defaultProps={action:void 0,hasRadius:!0,shadow:"tableShadow"};n.propTypes={action:t.default.node,content:t.default.string.isRequired,hasRadius:t.default.bool,icon:t.default.node.isRequired,shadow:t.default.string};exports.EmptyStateLayout=n;

package/dist/EmptyStateLayout/EmptyStateLayout.js

@@ -1,44 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import r from "styled-components";
-import { Typography as s } from "../Typography/Typography.js";
-import { Box as o } from "../Box/Box.js";
-const l = r(o)`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-`, c = r(o)`
-  svg {
-    height: ${88 / 16}rem;
-  }
-`, a = ({ icon: n, content: i, action: p, hasRadius: d, shadow: m }) => /* @__PURE__ */ e.createElement(l, {
-  padding: 11,
-  background: "neutral0",
-  hasRadius: d,
-  shadow: m
-}, /* @__PURE__ */ e.createElement(c, {
-  paddingBottom: 6,
-  "aria-hidden": !0
-}, n), /* @__PURE__ */ e.createElement(o, {
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(s, {
-  variant: "delta",
-  as: "p",
-  textColor: "neutral600"
-}, i)), p);
-a.defaultProps = {
-  action: void 0,
-  hasRadius: !0,
-  shadow: "tableShadow"
-};
-a.propTypes = {
-  action: t.node,
-  content: t.string.isRequired,
-  hasRadius: t.bool,
-  icon: t.node.isRequired,
-  shadow: t.string
-};
-export {
-  a as EmptyStateLayout
-};

package/dist/EmptyStateLayout/index.cjs

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

package/dist/EmptyStateLayout/index.js

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

package/dist/EmptyStateLayout/story-assets/Illo.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=d(l),C=()=>e.default.createElement("svg",{width:"159",height:"88",viewBox:"0 0 159 88",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M134.933 17.417C137.768 17.417 140.067 19.7153 140.067 22.5503C140.067 25.3854 137.768 27.6837 134.933 27.6837H105.6C108.435 27.6837 110.733 29.9819 110.733 32.817C110.733 35.6521 108.435 37.9503 105.6 37.9503H121.733C124.568 37.9503 126.867 40.2486 126.867 43.0837C126.867 45.9187 124.568 48.217 121.733 48.217H114.272C110.698 48.217 107.8 50.5153 107.8 53.3503C107.8 55.2404 109.267 56.9515 112.2 58.4837C115.035 58.4837 117.333 60.7819 117.333 63.617C117.333 66.4521 115.035 68.7503 112.2 68.7503H51.3333C48.4982 68.7503 46.2 66.4521 46.2 63.617C46.2 60.7819 48.4982 58.4837 51.3333 58.4837H22.7333C19.8982 58.4837 17.6 56.1854 17.6 53.3503C17.6 50.5153 19.8982 48.217 22.7333 48.217H52.0666C54.9017 48.217 57.2 45.9187 57.2 43.0837C57.2 40.2486 54.9017 37.9503 52.0666 37.9503H33.7333C30.8982 37.9503 28.6 35.6521 28.6 32.817C28.6 29.9819 30.8982 27.6837 33.7333 27.6837H63.0666C60.2316 27.6837 57.9333 25.3854 57.9333 22.5503C57.9333 19.7153 60.2316 17.417 63.0666 17.417H134.933ZM134.933 37.9503C137.768 37.9503 140.067 40.2486 140.067 43.0837C140.067 45.9187 137.768 48.217 134.933 48.217C132.098 48.217 129.8 45.9187 129.8 43.0837C129.8 40.2486 132.098 37.9503 134.933 37.9503Z",fill:"#DBDBFA"}),e.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M95.826 16.6834L102.647 66.4348L103.26 71.4261C103.458 73.034 102.314 74.4976 100.706 74.695L57.7621 79.9679C56.1542 80.1653 54.6906 79.0219 54.4932 77.4139L47.8816 23.5671C47.7829 22.7631 48.3546 22.0313 49.1586 21.9326C49.1637 21.932 49.1688 21.9313 49.1739 21.9307L52.7367 21.5311L95.826 16.6834ZM55.6176 21.208L58.9814 20.8306Z",fill:"white"}),e.default.createElement("path",{d:"M55.6176 21.208L58.9814 20.8306M95.826 16.6834L102.647 66.4348L103.26 71.4261C103.458 73.034 102.314 74.4976 100.706 74.695L57.7621 79.9679C56.1542 80.1653 54.6906 79.0219 54.4932 77.4139L47.8816 23.5671C47.7829 22.7631 48.3546 22.0313 49.1586 21.9326C49.1637 21.932 49.1688 21.9313 49.1739 21.9307L52.7367 21.5311L95.826 16.6834Z",stroke:"#7E7BF6",strokeWidth:"2.5"}),e.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M93.9695 19.8144L100.144 64.9025L100.699 69.4258C100.878 70.8831 99.8559 72.2077 98.416 72.3845L59.9585 77.1065C58.5185 77.2833 57.2062 76.2453 57.0272 74.7881L51.0506 26.112C50.9519 25.308 51.5236 24.5762 52.3276 24.4775L57.0851 23.8934",fill:"#F0F0FF"}),e.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M97.701 7.33301H64.2927C63.7358 7.33301 63.2316 7.55873 62.8667 7.92368C62.5017 8.28862 62.276 8.79279 62.276 9.34967V65.083C62.276 65.6399 62.5017 66.1441 62.8667 66.509C63.2316 66.874 63.7358 67.0997 64.2927 67.0997H107.559C108.116 67.0997 108.62 66.874 108.985 66.509C109.35 66.1441 109.576 65.6399 109.576 65.083V19.202C109.576 18.6669 109.363 18.1537 108.985 17.7755L99.1265 7.92324C98.7484 7.54531 98.2356 7.33301 97.701 7.33301Z",fill:"white",stroke:"#7F7CFA",strokeWidth:"2.5"}),e.default.createElement("path",{d:"M98.026 8.17871V16.6833C98.026 17.8983 99.011 18.8833 100.226 18.8833H106.044",stroke:"#807EFA",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.default.createElement("path",{d:"M70.1594 56.2838H89.2261M70.1594 18.8838H89.2261H70.1594ZM70.1594 27.6838H101.693H70.1594ZM70.1594 37.2171H101.693H70.1594ZM70.1594 46.7505H101.693H70.1594Z",stroke:"#817FFA",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}));exports.Illo=C;