@strapi/design-system 0.0.0-vite-bundler.0

package/dist/DatePicker/utils/getMonths.js

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,108 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+"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

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

package/dist/DateTimePicker/parseDate.cjs

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,14 @@
+"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

@@ -0,0 +1,66 @@
+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

@@ -0,0 +1,10 @@
+"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

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1 @@
+"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

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

package/dist/Divider/Divider.cjs

@@ -0,0 +1,5 @@
+"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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1 @@
+"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

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

package/dist/EmptyStateLayout/EmptyStateLayout.cjs

@@ -0,0 +1,10 @@
+"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

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1 @@
+"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

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

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

@@ -0,0 +1 @@
+"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;