@strapi/design-system 0.0.0-typescript.0 → 0.0.0-typescript.2

package/dist/Card/CardAsset.js

@@ -1,8 +1,28 @@
-import t from "react";
-import o from "styled-components";
-import i from "prop-types";
-import { Flex as n } from "../Flex/Flex.js";
-const d = o.img`
+var l = Object.defineProperty, b = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var d = (e, t, i) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, p = (e, t) => {
+  for (var i in t || (t = {}))
+    n.call(t, i) && d(e, i, t[i]);
+  if (o)
+    for (var i of o(t))
+      c.call(t, i) && d(e, i, t[i]);
+  return e;
+}, h = (e, t) => b(e, f(t));
+var m = (e, t) => {
+  var i = {};
+  for (var r in e)
+    n.call(e, r) && t.indexOf(r) < 0 && (i[r] = e[r]);
+  if (e != null && o)
+    for (var r of o(e))
+      t.indexOf(r) < 0 && c.call(e, r) && (i[r] = e[r]);
+  return i;
+};
+import { jsx as s } from "react/jsx-runtime";
+import g from "styled-components";
+import { Flex as u } from "../Flex/Flex.js";
+const x = g.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
@@ -11,32 +31,43 @@ const d = o.img`
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
-`, p = {
+`, w = {
   S: 88,
   M: 164
-}, c = o.div`
+}, y = g.div`
   display: flex;
   justify-content: center;
-  height: ${({ size: e }) => p[e] / 16}rem;
+  height: ${({
+  size: e
+}) => w[e] / 16}rem;
   width: 100%;
-  background: repeating-conic-gradient(${({ theme: e }) => e.colors.neutral100} 0% 25%, transparent 0% 50%) 50% / 20px
+  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};
-`, a = ({ size: e, children: r, ...s }) => /* @__PURE__ */ t.createElement(c, {
-  size: e
-}, r ? /* @__PURE__ */ t.createElement(n, null, r) : /* @__PURE__ */ t.createElement(d, {
-  ...s,
-  "aria-hidden": !0
-}));
-a.defaultProps = {
-  children: void 0,
-  size: "M"
-};
-a.propTypes = {
-  children: i.node,
-  size: i.oneOf(["S", "M"])
+  border-top-left-radius: ${({
+  theme: e
+}) => e.borderRadius};
+  border-top-right-radius: ${({
+  theme: e
+}) => e.borderRadius};
+`, j = (r) => {
+  var a = r, {
+    size: e = "M",
+    children: t
+  } = a, i = m(a, [
+    "size",
+    "children"
+  ]);
+  return s(y, {
+    size: e,
+    children: t ? s(u, {
+      children: t
+    }) : s(x, h(p({}, i), {
+      "aria-hidden": !0
+    }))
+  });
 };
 export {
-  a as CardAsset
+  j as CardAsset
 };

package/dist/Card/CardBadge.cjs

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

package/dist/Card/CardBadge.d.ts

@@ -0,0 +1,3 @@
+import { BadgeProps } from '../Badge';
+export type CardBadgeProps = BadgeProps;
+export declare const CardBadge: (props: CardBadgeProps) => JSX.Element;

package/dist/Card/CardBadge.js

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

package/dist/Card/CardBody.cjs

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

package/dist/Card/CardBody.d.ts

@@ -0,0 +1,3 @@
+import { FlexProps } from '../Flex';
+export type CardBodyProps = FlexProps;
+export declare const CardBody: (props: CardBodyProps) => JSX.Element;

package/dist/Card/CardBody.js

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

package/dist/Card/CardCheckbox.cjs

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

package/dist/Card/CardCheckbox.d.ts

@@ -0,0 +1,3 @@
+import { BaseCheckboxProps } from '../BaseCheckbox';
+export type CardCheckboxProps = BaseCheckboxProps;
+export declare const CardCheckbox: (props: CardCheckboxProps) => JSX.Element;

package/dist/Card/CardCheckbox.js

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

package/dist/Card/CardContent.cjs

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

package/dist/Card/CardContent.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '../Box';
+export interface CardContentProps extends BoxProps {
+    children: React.ReactNode;
+}
+export declare const CardContent: ({ children, ...props }: CardContentProps) => JSX.Element;

package/dist/Card/CardContent.js

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

package/dist/Card/CardContext.cjs

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

package/dist/Card/CardContext.d.ts

@@ -0,0 +1,6 @@
+export declare const CardContext: import("react").Context<{
+    id: string;
+}>;
+export declare const useCard: () => {
+    id: string;
+};

package/dist/Card/CardContext.js

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

package/dist/Card/CardHeader.cjs

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

package/dist/Card/CardHeader.d.ts

@@ -0,0 +1,3 @@
+import { FlexProps } from '../Flex';
+export type CardHeaderProps = FlexProps;
+export declare const CardHeader: (props: CardHeaderProps) => JSX.Element;

package/dist/Card/CardHeader.js

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

package/dist/Card/CardTimer.cjs

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

package/dist/Card/CardTimer.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '../Box';
+export interface CardTimerProps extends BoxProps {
+    children: React.ReactNode;
+}
+export declare const CardTimer: ({ children, ...props }: CardTimerProps) => JSX.Element;

package/dist/Card/CardTimer.js

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

package/dist/Card/CardTitle.cjs

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

package/dist/Card/CardTitle.d.ts

@@ -0,0 +1,5 @@
+import { TypographyProps } from '../Typography';
+export type CardTitleProps = TypographyProps;
+export declare const CardTitle: (props: CardTitleProps) => JSX.Element;
+export type CardSubtitleProps = Omit<TypographyProps, 'textColor' | 'as'>;
+export declare const CardSubtitle: (props: CardSubtitleProps) => JSX.Element;

package/dist/Card/CardTitle.js

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

package/dist/Card/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Card';
+export * from './CardAction';
+export * from './CardAsset';
+export * from './CardBadge';
+export * from './CardBody';
+export * from './CardCheckbox';
+export * from './CardContent';
+export * from './CardHeader';
+export * from './CardTimer';
+export * from './CardTitle';

package/dist/CarouselInput/Carousel.cjs

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