@strapi/design-system 0.0.0-jsoninput.0

package/dist/Card/CardAsset.cjs

@@ -0,0 +1,19 @@
+"use strict";var y=Object.defineProperty,b=Object.defineProperties;var x=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var l=(e,t,a)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,p=(e,t)=>{for(var a in t||(t={}))c.call(t,a)&&l(e,a,t[a]);if(s)for(var a of s(t))u.call(t,a)&&l(e,a,t[a]);return e},f=(e,t)=>b(e,x(t));var h=(e,t)=>{var a={};for(var r in e)c.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&s)for(var r of s(e))t.indexOf(r)<0&&u.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),w=require("styled-components"),q=require("prop-types"),v=require("../Flex/Flex.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=i(_),m=i(w),g=i(q),j=m.default.img`
+  // inline flows is based on typography and displays an extra white space below the image
+  // switch to block is required in order to make the img stick the bottom of the container
+  // addition infos: https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image
+  margin: 0;
+  padding: 0;
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain;
+`,k={S:88,M:164},A=m.default.div`
+  display: flex;
+  justify-content: center;
+  height: ${({size:e})=>k[e]/16}rem;
+  width: 100%;
+  background: repeating-conic-gradient(${({theme:e})=>e.colors.neutral100} 0% 25%, transparent 0% 50%) 50% / 20px
+    20px;
+  border-top-left-radius: ${({theme:e})=>e.borderRadius};
+  border-top-right-radius: ${({theme:e})=>e.borderRadius};
+`,d=r=>{var n=r,{size:e,children:t}=n,a=h(n,["size","children"]);return o.default.createElement(A,{size:e},t?o.default.createElement(v.Flex,null,t):o.default.createElement(j,f(p({},a),{"aria-hidden":!0})))};d.defaultProps={children:void 0,size:"M"};d.propTypes={children:g.default.node,size:g.default.oneOf(["S","M"])};exports.CardAsset=d;

package/dist/Card/CardAsset.js

@@ -0,0 +1,65 @@
+var u = Object.defineProperty, b = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var n = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, c = (e, t) => {
+  for (var r in t || (t = {}))
+    d.call(t, r) && n(e, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      p.call(t, r) && n(e, r, t[r]);
+  return e;
+}, m = (e, t) => b(e, x(t));
+var l = (e, t) => {
+  var r = {};
+  for (var i in e)
+    d.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && o)
+    for (var i of o(e))
+      t.indexOf(i) < 0 && p.call(e, i) && (r[i] = e[i]);
+  return r;
+};
+import a from "react";
+import f from "styled-components";
+import h from "prop-types";
+import { Flex as w } from "../Flex/Flex.js";
+const y = f.img`
+  // inline flows is based on typography and displays an extra white space below the image
+  // switch to block is required in order to make the img stick the bottom of the container
+  // addition infos: https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image
+  margin: 0;
+  padding: 0;
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain;
+`, k = {
+  S: 88,
+  M: 164
+}, v = f.div`
+  display: flex;
+  justify-content: center;
+  height: ${({ size: e }) => k[e] / 16}rem;
+  width: 100%;
+  background: repeating-conic-gradient(${({ theme: e }) => e.colors.neutral100} 0% 25%, transparent 0% 50%) 50% / 20px
+    20px;
+  border-top-left-radius: ${({ theme: e }) => e.borderRadius};
+  border-top-right-radius: ${({ theme: e }) => e.borderRadius};
+`, g = (i) => {
+  var s = i, { size: e, children: t } = s, r = l(s, ["size", "children"]);
+  return /* @__PURE__ */ a.createElement(v, {
+    size: e
+  }, t ? /* @__PURE__ */ a.createElement(w, null, t) : /* @__PURE__ */ a.createElement(y, m(c({}, r), {
+    "aria-hidden": !0
+  })));
+};
+g.defaultProps = {
+  children: void 0,
+  size: "M"
+};
+g.propTypes = {
+  children: h.node,
+  size: h.oneOf(["S", "M"])
+};
+export {
+  g as CardAsset
+};

package/dist/Card/CardBadge.cjs

@@ -0,0 +1,6 @@
+"use strict";var c=Object.defineProperty;var d=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var l=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))u.call(t,a)&&l(e,a,t[a]);if(d)for(var a of d(t))i.call(t,a)&&l(e,a,t[a]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),g=require("styled-components"),B=require("../Badge/Badge.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=o(f),s=o(g),p=s.default.div`
+  margin-left: auto;
+  flex-shrink: 0;
+`,_=s.default(B.Badge)`
+  margin-left: ${({theme:e})=>e.spaces[1]};
+`,m=e=>n.default.createElement(p,null,n.default.createElement(_,r({},e)));exports.CardBadge=m;

package/dist/Card/CardBadge.js

@@ -0,0 +1,23 @@
+var i = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var o = (e, t, r) => t in e ? i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, m = (e, t) => {
+  for (var r in t || (t = {}))
+    l.call(t, r) && o(e, r, t[r]);
+  if (a)
+    for (var r of a(t))
+      s.call(t, r) && o(e, r, t[r]);
+  return e;
+};
+import n from "react";
+import d from "styled-components";
+import { Badge as c } from "../Badge/Badge.js";
+const f = d.div`
+  margin-left: auto;
+  flex-shrink: 0;
+`, p = d(c)`
+  margin-left: ${({ theme: e }) => e.spaces[1]};
+`, C = (e) => /* @__PURE__ */ n.createElement(f, null, /* @__PURE__ */ n.createElement(p, m({}, e)));
+export {
+  C as CardBadge
+};

package/dist/Card/CardBody.cjs

@@ -0,0 +1 @@
+"use strict";var c=Object.defineProperty,u=Object.defineProperties;var i=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var d=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))s.call(t,a)&&d(e,a,t[a]);if(o)for(var a of o(t))f.call(t,a)&&d(e,a,t[a]);return e},l=(e,t)=>u(e,i(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),x=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=B(g),m=e=>n.default.createElement(p.Box,{paddingLeft:3,paddingRight:3,paddingTop:2,paddingBottom:2},n.default.createElement(x.Flex,l(r({},e),{alignItems:"flex-start"})));exports.CardBody=m;

package/dist/Card/CardBody.js

@@ -0,0 +1,26 @@
+var n = Object.defineProperty, p = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var r = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var a = (e, t, o) => t in e ? n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
+  for (var o in t || (t = {}))
+    g.call(t, o) && a(e, o, t[o]);
+  if (r)
+    for (var o of r(t))
+      l.call(t, o) && a(e, o, t[o]);
+  return e;
+}, m = (e, t) => p(e, f(t));
+import i from "react";
+import { Flex as c } from "../Flex/Flex.js";
+import { Box as x } from "../Box/Box.js";
+const R = (e) => /* @__PURE__ */ i.createElement(x, {
+  paddingLeft: 3,
+  paddingRight: 3,
+  paddingTop: 2,
+  paddingBottom: 2
+}, /* @__PURE__ */ i.createElement(c, m(d({}, e), {
+  alignItems: "flex-start"
+})));
+export {
+  R as CardBody
+};

package/dist/Card/CardCheckbox.cjs

@@ -0,0 +1 @@
+"use strict";var n=Object.defineProperty;var c=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var o=(e,t,a)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))d.call(t,a)&&o(e,a,t[a]);if(c)for(var a of c(t))i.call(t,a)&&o(e,a,t[a]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),l=require("./CardAction.cjs"),C=require("../BaseCheckbox/BaseCheckbox.cjs"),b=require("./CardContext.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=f(u),x=e=>{const{id:t}=b.useCard();return s.default.createElement(l.CardAction,{position:"start"},s.default.createElement(C.BaseCheckbox,r({"aria-labelledby":`${t}-title`},e)))};exports.CardCheckbox=x;

package/dist/Card/CardCheckbox.js

@@ -0,0 +1,26 @@
+var c = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var a = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, i = (r, t) => {
+  for (var e in t || (t = {}))
+    l.call(t, e) && a(r, e, t[e]);
+  if (o)
+    for (var e of o(t))
+      n.call(t, e) && a(r, e, t[e]);
+  return r;
+};
+import m from "react";
+import { CardAction as d } from "./CardAction.js";
+import { BaseCheckbox as p } from "../BaseCheckbox/BaseCheckbox.js";
+import { useCard as s } from "./CardContext.js";
+const h = (r) => {
+  const { id: t } = s();
+  return /* @__PURE__ */ m.createElement(d, {
+    position: "start"
+  }, /* @__PURE__ */ m.createElement(p, i({
+    "aria-labelledby": `${t}-title`
+  }, r)));
+};
+export {
+  h as CardCheckbox
+};

package/dist/Card/CardContent.cjs

@@ -0,0 +1,3 @@
+"use strict";var i=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var a=(e,t,o)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,u=(e,t)=>{for(var o in t||(t={}))c.call(t,o)&&a(e,o,t[o]);if(n)for(var o of n(t))l.call(t,o)&&a(e,o,t[o]);return e};var d=(e,t)=>{var o={};for(var r in e)c.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&n)for(var r of n(e))t.indexOf(r)<0&&l.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),y=require("prop-types"),_=require("styled-components"),B=require("../Box/Box.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=s(f),q=s(y),x=s(_),C=x.default(B.Box)`
+  word-break: break-all;
+`,p=o=>{var r=o,{children:e}=r,t=d(r,["children"]);return b.default.createElement(C,u({},t),e)};p.propTypes={children:q.default.node.isRequired};exports.CardContent=p;

package/dist/Card/CardContent.js

@@ -0,0 +1,36 @@
+var l = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var a = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var m = (r, e, o) => e in r ? l(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, d = (r, e) => {
+  for (var o in e || (e = {}))
+    a.call(e, o) && m(r, o, e[o]);
+  if (p)
+    for (var o of p(e))
+      n.call(e, o) && m(r, o, e[o]);
+  return r;
+};
+var i = (r, e) => {
+  var o = {};
+  for (var t in r)
+    a.call(r, t) && e.indexOf(t) < 0 && (o[t] = r[t]);
+  if (r != null && p)
+    for (var t of p(r))
+      e.indexOf(t) < 0 && n.call(r, t) && (o[t] = r[t]);
+  return o;
+};
+import s from "react";
+import c from "prop-types";
+import f from "styled-components";
+import { Box as k } from "../Box/Box.js";
+const u = f(k)`
+  word-break: break-all;
+`, x = (o) => {
+  var t = o, { children: r } = t, e = i(t, ["children"]);
+  return /* @__PURE__ */ s.createElement(u, d({}, e), r);
+};
+x.propTypes = {
+  children: c.node.isRequired
+};
+export {
+  x as CardContent
+};

package/dist/Card/CardContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext(),r=()=>e.useContext(t);exports.CardContext=t;exports.useCard=r;

package/dist/Card/CardContext.js

@@ -0,0 +1,6 @@
+import { createContext as t, useContext as e } from "react";
+const o = t(), n = () => e(o);
+export {
+  o as CardContext,
+  n as useCard
+};

package/dist/Card/CardHeader.cjs

@@ -0,0 +1,4 @@
+"use strict";var s=Object.defineProperty;var o=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var a=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&a(e,r,t[r]);if(o)for(var r of o(t))d.call(t,r)&&a(e,r,t[r]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),i=require("styled-components"),f=require("../Flex/Flex.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=n(u),y=n(i),_=y.default(f.Flex)`
+  position: relative;
+  border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
+`,b=e=>p.default.createElement(_,l({justifyContent:"center"},e));exports.CardHeader=b;

package/dist/Card/CardHeader.js

@@ -0,0 +1,23 @@
+var d = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var a = (e, r, t) => r in e ? d(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, n = (e, r) => {
+  for (var t in r || (r = {}))
+    i.call(r, t) && a(e, t, r[t]);
+  if (o)
+    for (var t of o(r))
+      l.call(r, t) && a(e, t, r[t]);
+  return e;
+};
+import m from "react";
+import p from "styled-components";
+import { Flex as s } from "../Flex/Flex.js";
+const c = p(s)`
+  position: relative;
+  border-bottom: 1px solid ${({ theme: e }) => e.colors.neutral150};
+`, b = (e) => /* @__PURE__ */ m.createElement(c, n({
+  justifyContent: "center"
+}, e));
+export {
+  b as CardHeader
+};

package/dist/Card/CardTimer.cjs

@@ -0,0 +1,5 @@
+"use strict";var y=Object.defineProperty;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var p=(e,t,r)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,n=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&p(e,r,t[r]);if(a)for(var r of a(t))c.call(t,r)&&p(e,r,t[r]);return e};var l=(e,t)=>{var r={};for(var o in e)u.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&c.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),T=require("prop-types"),g=require("styled-components"),m=require("../Box/Box.cjs"),_=require("../Typography/Typography.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=s(f),h=s(T),b=s(g),q=b.default(m.Box)`
+  position: absolute;
+  bottom: ${({theme:e})=>e.spaces[1]};
+  right: ${({theme:e})=>e.spaces[1]};
+`,i=r=>{var o=r,{children:e}=o,t=l(o,["children"]);return d.default.createElement(q,n({padding:1,background:"neutral800",color:"neutral0",as:"time",hasRadius:!0},t),d.default.createElement(_.Typography,{variant:"pi",textColor:"neutral0"},e))};i.propTypes={children:h.default.node.isRequired};exports.CardTimer=i;

package/dist/Card/CardTimer.js

@@ -0,0 +1,48 @@
+var l = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var p = (r, e, o) => e in r ? l(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, s = (r, e) => {
+  for (var o in e || (e = {}))
+    i.call(e, o) && p(r, o, e[o]);
+  if (a)
+    for (var o of a(e))
+      m.call(e, o) && p(r, o, e[o]);
+  return r;
+};
+var n = (r, e) => {
+  var o = {};
+  for (var t in r)
+    i.call(r, t) && e.indexOf(t) < 0 && (o[t] = r[t]);
+  if (r != null && a)
+    for (var t of a(r))
+      e.indexOf(t) < 0 && m.call(r, t) && (o[t] = r[t]);
+  return o;
+};
+import d from "react";
+import c from "prop-types";
+import u from "styled-components";
+import { Box as f } from "../Box/Box.js";
+import { Typography as y } from "../Typography/Typography.js";
+const T = u(f)`
+  position: absolute;
+  bottom: ${({ theme: r }) => r.spaces[1]};
+  right: ${({ theme: r }) => r.spaces[1]};
+`, g = (o) => {
+  var t = o, { children: r } = t, e = n(t, ["children"]);
+  return /* @__PURE__ */ d.createElement(T, s({
+    padding: 1,
+    background: "neutral800",
+    color: "neutral0",
+    as: "time",
+    hasRadius: !0
+  }, e), /* @__PURE__ */ d.createElement(y, {
+    variant: "pi",
+    textColor: "neutral0"
+  }, r));
+};
+g.propTypes = {
+  children: c.node.isRequired
+};
+export {
+  g as CardTimer
+};

package/dist/Card/CardTitle.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty,c=Object.defineProperties;var s=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var i=(t,e,r)=>e in t?d(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,a=(t,e)=>{for(var r in e||(e={}))p.call(e,r)&&i(t,r,e[r]);if(o)for(var r of o(e))y.call(e,r)&&i(t,r,e[r]);return t},l=(t,e)=>c(t,s(e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),n=require("../Typography/Typography.cjs"),f=require("./CardContext.cjs"),g=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},u=g(C),T=t=>{const{id:e}=f.useCard();return u.default.createElement(n.Typography,a({variant:"pi",id:`${e}-title`,textColor:"neutral800",fontWeight:"bold",as:"div"},t))},b=t=>u.default.createElement(n.Typography,l(a({variant:"pi"},t),{textColor:"neutral600",as:"div"}));exports.CardSubtitle=b;exports.CardTitle=T;

package/dist/Card/CardTitle.js

@@ -0,0 +1,34 @@
+var m = Object.defineProperty, p = Object.defineProperties;
+var u = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var i = (r, t, e) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, o = (r, t) => {
+  for (var e in t || (t = {}))
+    c.call(t, e) && i(r, e, t[e]);
+  if (a)
+    for (var e of a(t))
+      s.call(t, e) && i(r, e, t[e]);
+  return r;
+}, n = (r, t) => p(r, u(t));
+import l from "react";
+import { Typography as d } from "../Typography/Typography.js";
+import { useCard as f } from "./CardContext.js";
+const g = (r) => {
+  const { id: t } = f();
+  return /* @__PURE__ */ l.createElement(d, o({
+    variant: "pi",
+    id: `${t}-title`,
+    textColor: "neutral800",
+    fontWeight: "bold",
+    as: "div"
+  }, r));
+}, h = (r) => /* @__PURE__ */ l.createElement(d, n(o({
+  variant: "pi"
+}, r), {
+  textColor: "neutral600",
+  as: "div"
+}));
+export {
+  h as CardSubtitle,
+  g as CardTitle
+};

package/dist/Card/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Card.cjs"),d=require("./CardAction.cjs"),a=require("./CardAsset.cjs"),C=require("./CardBadge.cjs"),t=require("./CardBody.cjs"),s=require("./CardCheckbox.cjs"),o=require("./CardContent.cjs"),c=require("./CardHeader.cjs"),i=require("./CardTimer.cjs"),r=require("./CardTitle.cjs");exports.Card=e.Card;exports.CardAction=d.CardAction;exports.CardAsset=a.CardAsset;exports.CardBadge=C.CardBadge;exports.CardBody=t.CardBody;exports.CardCheckbox=s.CardCheckbox;exports.CardContent=o.CardContent;exports.CardHeader=c.CardHeader;exports.CardTimer=i.CardTimer;exports.CardSubtitle=r.CardSubtitle;exports.CardTitle=r.CardTitle;

package/dist/Card/index.js

@@ -0,0 +1,23 @@
+import { Card as e } from "./Card.js";
+import { CardAction as d } from "./CardAction.js";
+import { CardAsset as C } from "./CardAsset.js";
+import { CardBadge as x } from "./CardBadge.js";
+import { CardBody as p } from "./CardBody.js";
+import { CardCheckbox as n } from "./CardCheckbox.js";
+import { CardContent as c } from "./CardContent.js";
+import { CardHeader as s } from "./CardHeader.js";
+import { CardTimer as B } from "./CardTimer.js";
+import { CardSubtitle as g, CardTitle as h } from "./CardTitle.js";
+export {
+  e as Card,
+  d as CardAction,
+  C as CardAsset,
+  x as CardBadge,
+  p as CardBody,
+  n as CardCheckbox,
+  c as CardContent,
+  s as CardHeader,
+  g as CardSubtitle,
+  B as CardTimer,
+  h as CardTitle
+};

package/dist/CarouselInput/Carousel.cjs

@@ -0,0 +1,14 @@
+"use strict";var D=Object.defineProperty,F=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var u=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var R=(e,t,r)=>t in e?D(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,T=(e,t)=>{for(var r in t||(t={}))x.call(t,r)&&R(e,r,t[r]);if(u)for(var r of u(t))C.call(t,r)&&R(e,r,t[r]);return e},E=(e,t)=>F(e,P(t));var _=(e,t)=>{var r={};for(var l in e)x.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&u)for(var l of u(e))t.indexOf(l)<0&&C.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),S=require("prop-types"),O=require("styled-components"),G=require("@strapi/icons/ChevronRight"),M=require("@strapi/icons/ChevronLeft"),j=require("../Icon/Icon.cjs"),d=require("../Box/Box.cjs"),$=require("../Typography/Typography.cjs"),H=require("../Flex/Flex.cjs"),z=require("../Tooltip/Tooltip.cjs"),A=require("../helpers/keyboardKeys.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=s(i),a=s(S),f=s(O),J=s(G),N=s(M),Q=f.default(d.Box)`
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-areas: 'startAction slides endAction';
+`,U=f.default(d.Box)`
+  grid-area: slides;
+`,L=f.default.button`
+  grid-area: ${({area:e})=>e};
+
+  &:focus svg path,
+  &:hover svg path {
+    fill: ${({theme:e})=>e.colors.neutral900};
+  }
+`,p=V=>{var g=V,{actions:e,children:t,label:r,nextLabel:l,onNext:h,onPrevious:y,previousLabel:k,secondaryLabel:c,selectedSlide:B}=g,K=_(g,["actions","children","label","nextLabel","onNext","onPrevious","previousLabel","secondaryLabel","selectedSlide"]);const b=i.useRef(null),v=i.useRef(null),m=i.Children.toArray(t).map((n,I)=>i.cloneElement(n,{selected:I===B})),w=n=>{switch(n.key){case A.KeyboardKeys.RIGHT:{n.preventDefault(),v.current.focus(),h();break}case A.KeyboardKeys.LEFT:{n.preventDefault(),b.current.focus(),y();break}}},q=m.length>1;return o.default.createElement(d.Box,E(T({},K),{onKeyDown:w}),o.default.createElement(d.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100"},o.default.createElement(Q,{as:"section","aria-roledescription":"carousel","aria-label":r,position:"relative"},q&&o.default.createElement(L,{onClick:y,area:"startAction",ref:b,"aria-label":k,type:"button"},o.default.createElement(j.Icon,{as:N.default,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),q&&o.default.createElement(L,{onClick:h,area:"endAction",ref:v,"aria-label":l,type:"button"},o.default.createElement(j.Icon,{as:J.default,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),o.default.createElement(U,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%",overflow:"hidden"},m),e),c&&o.default.createElement(d.Box,{paddingTop:2,paddingLeft:4,paddingRight:4},o.default.createElement(z.Tooltip,{label:c},o.default.createElement(H.Flex,{justifyContent:"center"},o.default.createElement($.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0},c))))))};p.defaultProps={actions:void 0,error:void 0,hint:void 0,required:!1,secondaryLabel:void 0};p.propTypes={actions:a.default.node,children:a.default.node.isRequired,error:a.default.string,hint:a.default.oneOfType([a.default.string,a.default.node,a.default.arrayOf(a.default.node)]),label:a.default.string.isRequired,nextLabel:a.default.string.isRequired,onNext:a.default.func.isRequired,onPrevious:a.default.func.isRequired,previousLabel:a.default.string.isRequired,required:a.default.bool,secondaryLabel:a.default.string,selectedSlide:a.default.number.isRequired};exports.Carousel=p;

package/dist/CarouselInput/Carousel.js

@@ -0,0 +1,161 @@
+var I = Object.defineProperty, O = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var s = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var b = (e, r, t) => r in e ? I(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, E = (e, r) => {
+  for (var t in r || (r = {}))
+    v.call(r, t) && b(e, t, r[t]);
+  if (s)
+    for (var t of s(r))
+      R.call(r, t) && b(e, t, r[t]);
+  return e;
+}, C = (e, r) => O(e, P(r));
+var x = (e, r) => {
+  var t = {};
+  for (var n in e)
+    v.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && s)
+    for (var n of s(e))
+      r.indexOf(n) < 0 && R.call(e, n) && (t[n] = e[n]);
+  return t;
+};
+import i, { useRef as q, Children as S, cloneElement as _ } from "react";
+import o from "prop-types";
+import c from "styled-components";
+import $ from "@strapi/icons/ChevronRight";
+import j from "@strapi/icons/ChevronLeft";
+import { Icon as A } from "../Icon/Icon.js";
+import { Box as l } from "../Box/Box.js";
+import { Typography as B } from "../Typography/Typography.js";
+import { Flex as H } from "../Flex/Flex.js";
+import { Tooltip as z } from "../Tooltip/Tooltip.js";
+import { KeyboardKeys as T } from "../helpers/keyboardKeys.js";
+const J = c(l)`
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  grid-template-areas: 'startAction slides endAction';
+`, M = c(l)`
+  grid-area: slides;
+`, w = c.button`
+  grid-area: ${({ area: e }) => e};
+
+  &:focus svg path,
+  &:hover svg path {
+    fill: ${({ theme: e }) => e.colors.neutral900};
+  }
+`, k = (N) => {
+  var m = N, {
+    actions: e,
+    children: r,
+    label: t,
+    nextLabel: n,
+    onNext: p,
+    onPrevious: u,
+    previousLabel: L,
+    secondaryLabel: d,
+    selectedSlide: D
+  } = m, K = x(m, [
+    "actions",
+    "children",
+    "label",
+    "nextLabel",
+    "onNext",
+    "onPrevious",
+    "previousLabel",
+    "secondaryLabel",
+    "selectedSlide"
+  ]);
+  const f = q(null), h = q(null), g = S.toArray(r).map(
+    (a, G) => _(a, { selected: G === D })
+  ), F = (a) => {
+    switch (a.key) {
+      case T.RIGHT: {
+        a.preventDefault(), h.current.focus(), p();
+        break;
+      }
+      case T.LEFT: {
+        a.preventDefault(), f.current.focus(), u();
+        break;
+      }
+    }
+  }, y = g.length > 1;
+  return /* @__PURE__ */ i.createElement(l, C(E({}, K), {
+    onKeyDown: F
+  }), /* @__PURE__ */ i.createElement(l, {
+    padding: 2,
+    borderColor: "neutral200",
+    hasRadius: !0,
+    background: "neutral100"
+  }, /* @__PURE__ */ i.createElement(J, {
+    as: "section",
+    "aria-roledescription": "carousel",
+    "aria-label": t,
+    position: "relative"
+  }, y && /* @__PURE__ */ i.createElement(w, {
+    onClick: u,
+    area: "startAction",
+    ref: f,
+    "aria-label": L,
+    type: "button"
+  }, /* @__PURE__ */ i.createElement(A, {
+    as: j,
+    "aria-hidden": !0,
+    width: "6px",
+    height: "10px",
+    color: "neutral600"
+  })), y && /* @__PURE__ */ i.createElement(w, {
+    onClick: p,
+    area: "endAction",
+    ref: h,
+    "aria-label": n,
+    type: "button"
+  }, /* @__PURE__ */ i.createElement(A, {
+    as: $,
+    "aria-hidden": !0,
+    width: "6px",
+    height: "10px",
+    color: "neutral600"
+  })), /* @__PURE__ */ i.createElement(M, {
+    "aria-live": "polite",
+    paddingLeft: 2,
+    paddingRight: 2,
+    width: "100%",
+    overflow: "hidden"
+  }, g), e), d && /* @__PURE__ */ i.createElement(l, {
+    paddingTop: 2,
+    paddingLeft: 4,
+    paddingRight: 4
+  }, /* @__PURE__ */ i.createElement(z, {
+    label: d
+  }, /* @__PURE__ */ i.createElement(H, {
+    justifyContent: "center"
+  }, /* @__PURE__ */ i.createElement(B, {
+    variant: "pi",
+    textColor: "neutral600",
+    ellipsis: !0
+  }, d))))));
+};
+k.defaultProps = {
+  actions: void 0,
+  error: void 0,
+  hint: void 0,
+  required: !1,
+  secondaryLabel: void 0
+};
+k.propTypes = {
+  actions: o.node,
+  children: o.node.isRequired,
+  error: o.string,
+  hint: o.oneOfType([o.string, o.node, o.arrayOf(o.node)]),
+  label: o.string.isRequired,
+  nextLabel: o.string.isRequired,
+  onNext: o.func.isRequired,
+  onPrevious: o.func.isRequired,
+  previousLabel: o.string.isRequired,
+  required: o.bool,
+  secondaryLabel: o.string,
+  selectedSlide: o.number.isRequired
+};
+export {
+  k as Carousel
+};

package/dist/CarouselInput/CarouselActions.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;var c=(t,e,o)=>e in t?s(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,n=(t,e)=>{for(var o in e||(e={}))u.call(e,o)&&c(t,o,e[o]);if(a)for(var o of a(e))r.call(e,o)&&c(t,o,e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),l=require("../Stack/Stack.cjs"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},f=d(i),S=t=>f.default.createElement(l.Stack,n({justifyContent:"center",horizontal:!0,spacing:1,position:"absolute",width:"100%",bottom:1},t));exports.CarouselActions=S;

package/dist/CarouselInput/CarouselActions.js

@@ -0,0 +1,24 @@
+var a = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var i = (e, t, o) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, n = (e, t) => {
+  for (var o in t || (t = {}))
+    c.call(t, o) && i(e, o, t[o]);
+  if (r)
+    for (var o of r(t))
+      s.call(t, o) && i(e, o, t[o]);
+  return e;
+};
+import m from "react";
+import { Stack as l } from "../Stack/Stack.js";
+const b = (e) => /* @__PURE__ */ m.createElement(l, n({
+  justifyContent: "center",
+  horizontal: !0,
+  spacing: 1,
+  position: "absolute",
+  width: "100%",
+  bottom: 1
+}, e));
+export {
+  b as CarouselActions
+};

package/dist/CarouselInput/CarouselImage.cjs

@@ -0,0 +1,4 @@
+"use strict";var g=Object.defineProperty,m=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var c=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,o=(e,t)=>{for(var r in t||(t={}))_.call(t,r)&&c(e,r,t[r]);if(i)for(var r of i(t))E.call(t,r)&&c(e,r,t[r]);return e},n=(e,t)=>m(e,T(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),q=require("prop-types"),j=require("styled-components"),I=require("../Box/Box.cjs"),S=require("../Tooltip/Tooltip.cjs"),h=require("../Typography/utils.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=l(f),d=l(q),v=l(j),p=v.default(I.Box)`
+  height: 100%;
+  ${h.ellipsisStyle({ellipsis:!0})}
+`,a=e=>{var u;const[t,r]=f.useState(!1),y=()=>{r(!0)};return t?s.default.createElement(S.Tooltip,{description:(u=e.alt)!=null?u:""},s.default.createElement(p,o({as:"img"},e))):s.default.createElement(p,n(o({as:"img"},e),{onError:y}))};a.defaultProps={src:void 0,alt:void 0};a.propTypes={alt:d.default.string,src:d.default.string};exports.CarouselImage=a;