@strapi/design-system 0.0.0-599b75fb-test → 0.0.0-622b91ef

package/dist/Button/Button.js

@@ -1,39 +1,41 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
 import b from "react";
 import { Loader as y } from "@strapi/icons";
-import s, { keyframes as v } from "styled-components";
-import { DEFAULT as B, BUTTON_SIZES as S } from "./constants.js";
-import { getDisabledStyle as l, getHoverStyle as $, getActiveStyle as x, getVariantStyle as C } from "./utils.js";
+import f, { keyframes as v } from "styled-components";
+import { DEFAULT as $, BUTTON_SIZES as B } from "./constants.js";
+import { getDisabledStyle as s, getHoverStyle as S, getActiveStyle as x, getVariantStyle as C } from "./utils.js";
 import { BaseButton as k } from "../BaseButton/BaseButton.js";
-import { Box as L } from "../Box/Box.js";
+import { Box as w } from "../Box/Box.js";
+import { Typography as L } from "../Typography/Typography.js";
 import { Flex as T } from "../Flex/Flex.js";
-import { Typography as j } from "../Typography/Typography.js";
-const w = v`
+const j = v`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(359deg);
   }
-`, D = s.div`
-  animation: ${w} 2s infinite linear;
+`, A = f(y)`
+  animation: ${j} 2s infinite linear;
   will-change: transform;
-`, N = s(k)`
-  height: ${({
-  theme: i,
-  size: e
-}) => i.sizes.button[e]};
+`, D = f(k)`
+  height: ${({ theme: i, size: t }) => i.sizes.button[t]};
+
+  svg {
+    height: ${12 / 16}rem;
+    width: auto;
+  }
 
   &[aria-disabled='true'] {
-    ${l}
+    ${s}
 
     &:active {
-      ${l}
+      ${s}
     }
   }
 
   &:hover {
-    ${$}
+    ${S}
   }
 
   &:active {
@@ -41,58 +43,14 @@ const w = v`
   }
 
   ${C}
-`, R = b.forwardRef(({
-  variant: i = B,
-  startIcon: e,
-  endIcon: n,
-  disabled: f = !1,
-  children: p,
-  onClick: d,
-  size: m = S[0],
-  loading: o = !1,
-  fullWidth: r = !1,
-  ...c
-}, u) => {
-  const a = f || o;
-  return h(N, {
-    ref: u,
-    "aria-disabled": a,
-    disabled: a,
-    size: m,
-    variant: i,
-    onClick: (g) => {
-      !a && d && d(g);
-    },
-    fullWidth: r,
-    alignItems: "center",
-    background: "buttonPrimary600",
-    borderColor: "buttonPrimary600",
-    gap: 2,
-    inline: r,
-    justifyContent: r ? "center" : void 0,
-    paddingLeft: 4,
-    paddingRight: 4,
-    width: r ? "100%" : void 0,
-    ...c,
-    children: [(e || o) && t(L, {
-      "aria-hidden": !0,
-      children: o ? t(D, {
-        children: t(y, {})
-      }) : e
-    }), t(j, {
-      variant: m === "S" ? "pi" : void 0,
-      fontWeight: "bold",
-      lineHeight: 0,
-      textColor: "buttonNeutral0",
-      children: p
-    }), n && t(T, {
-      "aria-hidden": !0,
-      children: n
-    })]
-  });
+`, N = b.forwardRef(({ variant: i = $, startIcon: t, endIcon: n, disabled: l = !1, children: p, onClick: d, size: m = B[0], loading: o = !1, fullWidth: e = !1, ...c }, u) => {
+  const a = l || o;
+  return g(D, { ref: u, "aria-disabled": a, disabled: a, size: m, variant: i, onClick: (h) => {
+    !a && d && d(h);
+  }, fullWidth: e, alignItems: "center", background: "buttonPrimary600", borderColor: "buttonPrimary600", gap: 2, inline: e, justifyContent: e ? "center" : void 0, paddingLeft: 4, paddingRight: 4, width: e ? "100%" : void 0, ...c, children: [(t || o) && r(w, { "aria-hidden": !0, children: o ? r(A, {}) : t }), r(L, { variant: m === "S" ? "pi" : void 0, fontWeight: "bold", textColor: "buttonNeutral0", children: p }), n && r(T, { "aria-hidden": !0, children: n })] });
 });
-R.displayName = "Button";
+N.displayName = "Button";
 export {
-  R as Button,
-  N as ButtonWrapper
+  N as Button,
+  D as ButtonWrapper
 };

package/dist/Button/constants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S="success-light",t="danger-light",s="default",T="tertiary",e="secondary",c="danger",o="success",A="ghost",n=[S,t],E=[s,T,e,c,o,A,...n],I=["S","M","L"];exports.BUTTON_SIZES=I;exports.DANGER=c;exports.DANGER_LIGHT=t;exports.DEFAULT=s;exports.GHOST=A;exports.LIGHT_VARIANTS=n;exports.SECONDARY=e;exports.SUCCESS=o;exports.SUCCESS_LIGHT=S;exports.TERTIARY=T;exports.VARIANTS=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S="success-light",t="danger-light",T="default",s="tertiary",c="secondary",A="danger",o="success",n="ghost",E=[S,t],e=[T,s,c,A,o,n,...E],I=["S","M","L"];exports.BUTTON_SIZES=I;exports.DANGER=A;exports.DANGER_LIGHT=t;exports.DEFAULT=T;exports.GHOST=n;exports.LIGHT_VARIANTS=E;exports.SECONDARY=c;exports.SUCCESS=o;exports.SUCCESS_LIGHT=S;exports.TERTIARY=s;exports.VARIANTS=e;

package/dist/Button/index.cjs

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

package/dist/Button/utils.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./constants.cjs"),s=require("../Typography/Typography.cjs"),c=o=>o===l.SUCCESS_LIGHT||o===l.DANGER_LIGHT?`${o.substring(0,o.lastIndexOf("-"))}`:o===l.TERTIARY?"neutral":o===l.DEFAULT||o===l.SECONDARY||l.VARIANTS.every(r=>r!==o)?"primary":`${o}`,u=({theme:o})=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./constants.cjs"),s=require("../Typography/Typography.cjs"),c=o=>o===l.SUCCESS_LIGHT||o===l.DANGER_LIGHT?`${o.substring(0,o.lastIndexOf("-"))}`:o===l.TERTIARY?"neutral":o===l.DEFAULT||o===l.SECONDARY||l.VARIANTS.every(r=>r!==o)?"primary":`${o}`,u=({theme:o})=>`
     border: 1px solid ${o.colors.neutral200};
     background: ${o.colors.neutral150};
     ${s.Typography} {

package/dist/Card/Card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("react"),d=require("./CardContext.cjs"),u=require("../Box/Box.cjs"),n=require("../hooks/useId.cjs"),c=({id:r,...o})=>{const e=n.useId(r),s=a.useMemo(()=>({id:e}),[e]);return t.jsx(d.CardContext.Provider,{value:s,children:t.jsx(u.Box,{id:r,tabIndex:0,hasRadius:!0,background:"neutral0",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",shadow:"tableShadow",as:"article","aria-labelledby":`${e}-title`,...o})})};exports.Card=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),n=require("./CardContext.cjs"),s=require("../hooks/useId.cjs"),u=require("../Box/Box.cjs"),i=({id:r,...o})=>{const e=s.useId(r),d=a.useMemo(()=>({id:e}),[e]);return t.jsx(n.CardContext.Provider,{value:d,children:t.jsx(u.Box,{id:r,tabIndex:0,hasRadius:!0,background:"neutral0",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",shadow:"tableShadow",as:"article","aria-labelledby":`${e}-title`,...o})})};exports.Card=i;

package/dist/Card/Card.js

@@ -1,31 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useMemo as a } from "react";
 import { CardContext as i } from "./CardContext.js";
-import { Box as l } from "../Box/Box.js";
-import { useId as n } from "../hooks/useId.js";
-const p = ({
-  id: o,
-  ...t
-}) => {
-  const r = n(o), d = a(() => ({
-    id: r
-  }), [r]);
-  return e(i.Provider, {
-    value: d,
-    children: e(l, {
-      id: o,
-      tabIndex: 0,
-      hasRadius: !0,
-      background: "neutral0",
-      borderStyle: "solid",
-      borderWidth: "1px",
-      borderColor: "neutral150",
-      shadow: "tableShadow",
-      as: "article",
-      "aria-labelledby": `${r}-title`,
-      ...t
-    })
-  });
+import { useId as l } from "../hooks/useId.js";
+import { Box as n } from "../Box/Box.js";
+const p = ({ id: o, ...t }) => {
+  const r = l(o), d = a(() => ({ id: r }), [r]);
+  return e(i.Provider, { value: d, children: e(n, { id: o, tabIndex: 0, hasRadius: !0, background: "neutral0", borderStyle: "solid", borderWidth: "1px", borderColor: "neutral150", shadow: "tableShadow", as: "article", "aria-labelledby": `${r}-title`, ...t }) });
 };
 export {
   p as Card

package/dist/Card/CardAction.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),r=require("../Stack/Stack.cjs"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=s(n),o=a.default(r.Stack).attrs({horizontal:!0,spacing:2})`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),n=require("../Stack/Stack.cjs"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),a=o.default(n.Stack).attrs({horizontal:!0,spacing:2})`
   position: absolute;
   top: ${({theme:t})=>t.spaces[3]};
   right: ${({position:t,theme:e})=>{if(t==="end")return e.spaces[3]}};
   left: ${({position:t,theme:e})=>{if(t==="start")return e.spaces[3]}};
-`;exports.CardAction=o;
+`;exports.CardAction=a;

package/dist/Card/CardAsset.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("styled-components"),o=require("../Flex/Flex.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=n(a),d=i.default.img`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("styled-components"),o=require("../Flex/Flex.cjs"),n=e=>e&&e.__esModule?e:{default:e},s=n(a),d=s.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
@@ -7,7 +7,7 @@
   max-height: 100%;
   max-width: 100%;
   object-fit: contain;
-`,c={S:88,M:164},l=i.default.div`
+`,c={S:88,M:164},l=s.default.div`
   display: flex;
   justify-content: center;
   height: ${({size:e})=>c[e]/16}rem;
@@ -16,4 +16,4 @@
     20px;
   border-top-left-radius: ${({theme:e})=>e.borderRadius};
   border-top-right-radius: ${({theme:e})=>e.borderRadius};
-`,u=({size:e="M",children:s,...r})=>t.jsx(l,{size:e,children:s?t.jsx(o.Flex,{children:s}):t.jsx(d,{...r,"aria-hidden":!0})});exports.CardAsset=u;
+`,u=({size:e="M",children:i,...r})=>t.jsx(l,{size:e,children:i?t.jsx(o.Flex,{children:i}):t.jsx(d,{...r,"aria-hidden":!0})});exports.CardAsset=u;

package/dist/Card/CardAsset.js

@@ -16,33 +16,13 @@ const a = r.img`
 }, d = r.div`
   display: flex;
   justify-content: center;
-  height: ${({
-  size: e
-}) => n[e] / 16}rem;
+  height: ${({ size: e }) => n[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};
-`, m = ({
-  size: e = "M",
-  children: i,
-  ...o
-}) => t(d, {
-  size: e,
-  children: i ? t(s, {
-    children: i
-  }) : t(a, {
-    ...o,
-    "aria-hidden": !0
-  })
-});
+  border-top-left-radius: ${({ theme: e }) => e.borderRadius};
+  border-top-right-radius: ${({ theme: e }) => e.borderRadius};
+`, m = ({ size: e = "M", children: i, ...o }) => t(d, { size: e, children: i ? t(s, { children: i }) : t(a, { ...o, "aria-hidden": !0 }) });
 export {
   m as CardAsset
 };

package/dist/Card/CardBadge.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("styled-components"),d=require("../Badge/Badge.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=r(s),n=a.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("styled-components"),r=require("../Badge/Badge.cjs"),s=e=>e&&e.__esModule?e:{default:e},a=s(d),n=a.default.div`
   margin-left: auto;
   flex-shrink: 0;
-`,o=a.default(d.Badge)`
+`,o=a.default(r.Badge)`
   margin-left: ${({theme:e})=>e.spaces[1]};
 `,i=e=>t.jsx(n,{children:t.jsx(o,{...e})});exports.CardBadge=i;

package/dist/Card/CardBadge.js

@@ -5,14 +5,8 @@ const a = e.div`
   margin-left: auto;
   flex-shrink: 0;
 `, i = e(t)`
-  margin-left: ${({
-  theme: r
-}) => r.spaces[1]};
-`, n = (r) => o(a, {
-  children: o(i, {
-    ...r
-  })
-});
+  margin-left: ${({ theme: r }) => r.spaces[1]};
+`, n = (r) => o(a, { children: o(i, { ...r }) });
 export {
   n as CardBadge
 };

package/dist/Card/CardBody.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Box/Box.cjs"),o=require("../Flex/Flex.cjs"),d=t=>e.jsx(r.Box,{paddingLeft:3,paddingRight:3,paddingTop:2,paddingBottom:2,children:e.jsx(o.Flex,{...t,alignItems:"flex-start"})});exports.CardBody=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Box/Box.cjs"),d=require("../Flex/Flex.cjs"),o=t=>e.jsx(r.Box,{paddingLeft:3,paddingRight:3,paddingTop:2,paddingBottom:2,children:e.jsx(d.Flex,{...t,alignItems:"flex-start"})});exports.CardBody=o;

package/dist/Card/CardBody.js

@@ -1,16 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Box as r } from "../Box/Box.js";
 import { Flex as d } from "../Flex/Flex.js";
-const n = (t) => o(r, {
-  paddingLeft: 3,
-  paddingRight: 3,
-  paddingTop: 2,
-  paddingBottom: 2,
-  children: o(d, {
-    ...t,
-    alignItems: "flex-start"
-  })
-});
+const n = (t) => o(r, { paddingLeft: 3, paddingRight: 3, paddingTop: 2, paddingBottom: 2, children: o(d, { ...t, alignItems: "flex-start" }) });
 export {
   n as CardBody
 };

package/dist/Card/CardCheckbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("./CardAction.cjs"),s=require("./CardContext.cjs"),c=require("../BaseCheckbox/BaseCheckbox.cjs"),a=t=>{const{id:r}=s.useCard();return e.jsx(o.CardAction,{position:"start",children:e.jsx(c.BaseCheckbox,{"aria-labelledby":`${r}-title`,...t})})};exports.CardCheckbox=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./CardAction.cjs"),i=require("./CardContext.cjs"),s=require("../BaseCheckbox/BaseCheckbox.cjs"),c=r=>{const{id:t}=i.useCard();return e.jsx(o.CardAction,{position:"start",children:e.jsx(s.BaseCheckbox,{"aria-labelledby":`${t}-title`,...r})})};exports.CardCheckbox=c;

package/dist/Card/CardCheckbox.js

@@ -3,16 +3,11 @@ import { CardAction as i } from "./CardAction.js";
 import { useCard as e } from "./CardContext.js";
 import { BaseCheckbox as a } from "../BaseCheckbox/BaseCheckbox.js";
 const n = (o) => {
-  const {
-    id: t
-  } = e();
-  return r(i, {
-    position: "start",
-    children: r(a, {
-      "aria-labelledby": `${t}-title`,
-      ...o
-    })
-  });
+  const { id: t } = e();
+  return (
+    // @ts-expect-error styled-components can't overwrite the position prop from Stack
+    r(i, { position: "start", children: r(a, { "aria-labelledby": `${t}-title`, ...o }) })
+  );
 };
 export {
   n as CardCheckbox

package/dist/Card/CardContent.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("styled-components"),n=require("../Box/Box.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=s(r),a=u.default(n.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("styled-components"),n=require("../Box/Box.cjs"),s=e=>e&&e.__esModule?e:{default:e},l=s(o),u=l.default(n.Box)`
   word-break: break-all;
-`,l=({children:e,...t})=>o.jsx(a,{...t,children:e});exports.CardContent=l;
+`,a=({children:e,...t})=>r.jsx(u,{...t,children:e});exports.CardContent=a;

package/dist/Card/CardContent.js

@@ -3,13 +3,7 @@ import e from "styled-components";
 import { Box as m } from "../Box/Box.js";
 const n = e(m)`
   word-break: break-all;
-`, l = ({
-  children: r,
-  ...o
-}) => t(n, {
-  ...o,
-  children: r
-});
+`, l = ({ children: r, ...o }) => t(n, { ...o, children: r });
 export {
   l 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({id:""}),r=()=>e.useContext(t);exports.CardContext=t;exports.useCard=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({id:""}),o=()=>e.useContext(t);exports.CardContext=t;exports.useCard=o;

package/dist/Card/CardContext.js

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

package/dist/Card/CardHeader.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("styled-components"),o=require("../Flex/Flex.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=s(r),n=l.default(o.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("styled-components"),o=require("../Flex/Flex.cjs"),s=e=>e&&e.__esModule?e:{default:e},n=s(r),d=n.default(o.Flex)`
   border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,a=e=>t.jsx(n,{position:"relative",justifyContent:"center",...e});exports.CardHeader=a;
+`,l=e=>t.jsx(d,{position:"relative",justifyContent:"center",...e});exports.CardHeader=l;

package/dist/Card/CardHeader.js

@@ -2,14 +2,8 @@ import { jsx as o } from "react/jsx-runtime";
 import t from "styled-components";
 import { Flex as e } from "../Flex/Flex.js";
 const i = t(e)`
-  border-bottom: 1px solid ${({
-  theme: r
-}) => r.colors.neutral150};
-`, a = (r) => o(i, {
-  position: "relative",
-  justifyContent: "center",
-  ...r
-});
+  border-bottom: 1px solid ${({ theme: r }) => r.colors.neutral150};
+`, a = (r) => o(i, { position: "relative", justifyContent: "center", ...r });
 export {
   a as CardHeader
 };

package/dist/Card/CardTimer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Box/Box.cjs"),a=require("../Typography/Typography.cjs"),i=({children:r,...o})=>e.jsx(t.Box,{as:"time",background:"neutral800",bottom:1,right:1,color:"neutral0",hasRadius:!0,position:"absolute",padding:1,...o,children:e.jsx(a.Typography,{variant:"pi",textColor:"neutral0",children:r})});exports.CardTimer=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("../Box/Box.cjs"),i=require("../Typography/Typography.cjs"),a=({children:e,...t})=>r.jsx(o.Box,{as:"time",background:"neutral800",bottom:1,right:1,color:"neutral0",hasRadius:!0,position:"absolute",padding:1,...t,children:r.jsx(i.Typography,{variant:"pi",textColor:"neutral0",children:e})});exports.CardTimer=a;

package/dist/Card/CardTimer.js

@@ -1,25 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Box as i } from "../Box/Box.js";
 import { Typography as a } from "../Typography/Typography.js";
-const p = ({
-  children: o,
-  ...t
-}) => r(i, {
-  as: "time",
-  background: "neutral800",
-  bottom: 1,
-  right: 1,
-  color: "neutral0",
-  hasRadius: !0,
-  position: "absolute",
-  padding: 1,
-  ...t,
-  children: r(a, {
-    variant: "pi",
-    textColor: "neutral0",
-    children: o
-  })
-});
+const p = ({ children: o, ...t }) => r(i, { as: "time", background: "neutral800", bottom: 1, right: 1, color: "neutral0", hasRadius: !0, position: "absolute", padding: 1, ...t, children: r(a, { variant: "pi", textColor: "neutral0", children: o }) });
 export {
   p as CardTimer
 };

package/dist/Card/CardTitle.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("./CardContext.cjs"),r=require("../Typography/Typography.cjs"),i=t=>{const{id:a}=o.useCard();return e.jsx(r.Typography,{variant:"pi",id:`${a}-title`,textColor:"neutral800",fontWeight:"bold",as:"div",...t})},n=t=>e.jsx(r.Typography,{variant:"pi",...t,textColor:"neutral600",as:"div"});exports.CardSubtitle=n;exports.CardTitle=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("./CardContext.cjs"),e=require("../Typography/Typography.cjs"),a=t=>{const{id:i}=o.useCard();return r.jsx(e.Typography,{variant:"pi",id:`${i}-title`,textColor:"neutral800",fontWeight:"bold",as:"div",...t})},n=t=>r.jsx(e.Typography,{variant:"pi",...t,textColor:"neutral600",as:"div"});exports.CardSubtitle=n;exports.CardTitle=a;

package/dist/Card/CardTitle.js

@@ -2,23 +2,9 @@ import { jsx as r } from "react/jsx-runtime";
 import { useCard as a } from "./CardContext.js";
 import { Typography as o } from "../Typography/Typography.js";
 const l = (t) => {
-  const {
-    id: i
-  } = a();
-  return r(o, {
-    variant: "pi",
-    id: `${i}-title`,
-    textColor: "neutral800",
-    fontWeight: "bold",
-    as: "div",
-    ...t
-  });
-}, p = (t) => r(o, {
-  variant: "pi",
-  ...t,
-  textColor: "neutral600",
-  as: "div"
-});
+  const { id: i } = a();
+  return r(o, { variant: "pi", id: `${i}-title`, textColor: "neutral800", fontWeight: "bold", as: "div", ...t });
+}, p = (t) => r(o, { variant: "pi", ...t, textColor: "neutral600", as: "div" });
 export {
   p as CardSubtitle,
   l as CardTitle

package/dist/Card/index.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,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"),o=require("./CardCheckbox.cjs"),i=require("./CardContent.cjs"),n=require("./CardHeader.cjs"),c=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=o.CardCheckbox;exports.CardContent=i.CardContent;exports.CardHeader=n.CardHeader;exports.CardTimer=c.CardTimer;exports.CardSubtitle=r.CardSubtitle;exports.CardTitle=r.CardTitle;

package/dist/CarouselInput/Carousel.cjs

@@ -1,14 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),g=require("@strapi/icons"),_=require("prop-types"),k=require("styled-components"),l=require("../Box/Box.cjs"),B=require("../Flex/Flex.cjs"),b=require("../helpers/keyboardKeys.cjs"),m=require("../Icon/Icon.cjs"),K=require("../Tooltip/Tooltip.cjs"),w=require("../Typography/Typography.cjs"),i=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},t=i(o),e=i(_),d=i(k),L=d.default(l.Box)`
-  display: grid;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),_=require("react"),g=require("@strapi/icons"),T=require("styled-components"),x=require("../helpers/keyboardKeys.cjs"),k=require("../Tooltip/Tooltip.cjs"),i=require("../Box/Box.cjs"),j=require("../Flex/Flex.cjs"),y=require("../Icon/Icon.cjs"),w=require("../Typography/Typography.cjs"),A=e=>e&&e.__esModule?e:{default:e};function K(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const s=K(_),p=A(T),B=p.default(i.Box)`
   grid-template-columns: auto 1fr auto;
   grid-template-areas: 'startAction slides endAction';
-`,I=d.default(l.Box)`
+`,D=p.default(j.Flex)`
   grid-area: slides;
-`,q=d.default.button`
-  grid-area: ${({area:r})=>r};
+`,b=p.default(i.Box)`
+  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:v,label:x,nextLabel:R,onNext:u,onPrevious:c,previousLabel:T,secondaryLabel:n,selectedSlide:C,...E})=>{const f=o.useRef(null),p=o.useRef(null),y=o.Children.toArray(v).map((a,A)=>o.cloneElement(a,{selected:A===C})),j=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}}},h=y.length>1;return t.default.createElement(l.Box,{...E,onKeyDown:j},t.default.createElement(l.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100"},t.default.createElement(L,{as:"section","aria-roledescription":"carousel","aria-label":x,position:"relative"},h&&t.default.createElement(q,{onClick:c,area:"startAction",ref:f,"aria-label":T,type:"button"},t.default.createElement(m.Icon,{as:g.ChevronLeft,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),h&&t.default.createElement(q,{onClick:u,area:"endAction",ref:p,"aria-label":R,type:"button"},t.default.createElement(m.Icon,{as:g.ChevronRight,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),t.default.createElement(I,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%",overflow:"hidden"},y),r),n&&t.default.createElement(l.Box,{paddingTop:2,paddingLeft:4,paddingRight:4},t.default.createElement(K.Tooltip,{label:n},t.default.createElement(B.Flex,{justifyContent:"center"},t.default.createElement(w.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0},n))))))};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;
+`,O=({actions:e,children:n,label:r,nextLabel:a,onNext:h,onPrevious:f,previousLabel:C,secondaryLabel:l,selectedSlide:m,...R})=>{const c=s.useRef(null),u=s.useRef(null),d=s.Children.map(n,(o,q)=>s.cloneElement(o,{selected:q===m})),v=o=>{switch(o.key){case x.KeyboardKeys.RIGHT:{o.preventDefault(),u?.current&&u.current.focus(),h();break}case x.KeyboardKeys.LEFT:{o.preventDefault(),c?.current&&c.current.focus(),f();break}}};return t.jsx(i.Box,{...R,onKeyDown:v,children:t.jsxs(i.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100",children:[t.jsxs(B,{as:"section","aria-roledescription":"carousel","aria-label":r,display:"grid",position:"relative",children:[d&&d.length>1&&t.jsxs(t.Fragment,{children:[t.jsx(b,{as:"button",onClick:f,area:"startAction",ref:c,"aria-label":C,type:"button",children:t.jsx(y.Icon,{as:g.ChevronLeft,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})}),t.jsx(b,{as:"button",onClick:h,area:"endAction",ref:u,"aria-label":a,type:"button",children:t.jsx(y.Icon,{as:g.ChevronRight,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})})]}),t.jsx(D,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%",overflow:"hidden",children:d}),e]}),l&&t.jsx(i.Box,{paddingTop:2,paddingLeft:4,paddingRight:4,children:t.jsx(k.Tooltip,{label:l,children:t.jsx(j.Flex,{justifyContent:"center",children:t.jsx(w.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0,children:l})})})})]})})};exports.Carousel=O;