@strapi/design-system 1.8.2 → 1.10.0-alpha.0

package/dist/Avatar/AvatarGroup.cjs

@@ -1,5 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),r=require("./constants.cjs"),a=require("../Flex/Flex.cjs"),o=t=>t&&t.__esModule?t:{default:t},l=o(e),s=l.default(a.Flex)`
-  & > * + * {
-    margin-left: -${r.avatarSize/2}px;
-  }
-`;exports.AvatarGroup=s;

package/dist/Avatar/constants.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=32,t=64;exports.avatarSize=e;exports.previewSize=t;

package/dist/Avatar/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Avatar.cjs"),a=require("./AvatarGroup.cjs");exports.Avatar=r.Avatar;exports.Initials=r.Initials;exports.AvatarGroup=a.AvatarGroup;

package/dist/Badge/Badge.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("styled-components"),l=require("../Flex/Flex.cjs"),c=require("../Typography/Typography.cjs"),g=e=>e&&e.__esModule?e:{default:e},p=g(u),y=p.default(l.Flex)`
-  border-radius: ${({theme:e,size:t})=>t==="S"?"2px":e.borderRadius};
-  height: ${({size:e,theme:t})=>t.sizes.badge[e]};
-`,f=({active:e=!1,size:t="M",textColor:i="neutral600",backgroundColor:a="neutral150",children:d,minWidth:s=5,...o})=>{const r=t==="S"?1:2;return n.jsx(y,{inline:!0,alignItem:"center",justifyContent:"center",minWidth:s,paddingLeft:r,paddingRight:r,background:e?"primary200":a,size:t,...o,children:n.jsx(c.Typography,{variant:"sigma",textColor:e?"primary600":i,children:d})})};exports.Badge=f;

package/dist/Badge/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge.cjs");exports.Badge=e.Badge;

package/dist/BaseButton/BaseButton.cjs

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("react"),c=require("styled-components"),i=require("../themes/utils.cjs"),d=require("../Flex/Flex.cjs"),p=e=>e&&e.__esModule?e:{default:e};function f(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const b=f(l),g=p(c),o=g.default(d.Flex)`
-  > svg {
-    height: ${({theme:e})=>e.spaces[3]};
-    width: ${({theme:e})=>e.spaces[3]};
-
-    > g,
-    path {
-      fill: ${({theme:e})=>e.colors.neutral0};
-    }
-  }
-
-  &[aria-disabled='true'] {
-    pointer-events: none;
-  }
-
-  ${i.buttonFocusStyle}
-`,a=b.forwardRef(({disabled:e,children:r,background:t="neutral0",...n},s)=>u.jsx(o,{ref:s,"aria-disabled":e,as:"button",type:"button",disabled:e,padding:2,hasRadius:!0,background:t,borderColor:"neutral200",cursor:"pointer",...n,children:r}));a.displayName="BaseButton";exports.BaseButton=a;exports.BaseButtonWrapper=o;

package/dist/BaseButton/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./BaseButton.cjs");exports.BaseButton=t.BaseButton;exports.BaseButtonWrapper=t.BaseButtonWrapper;

package/dist/BaseCheckbox/BaseCheckbox.cjs

@@ -1,62 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("react"),p=require("styled-components"),f=require("./assets/checkmark-black.svg.cjs"),k=require("./assets/checkmark.svg.cjs"),l=require("./utils.cjs"),h=require("../Box/Box.cjs"),g=e=>e&&e.__esModule?e:{default:e};function x(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const s=x(b),m=g(p),$=m.default.input`
-  height: ${l.getCheckboxSize};
-  min-width: ${l.getCheckboxSize};
-  margin: 0;
-  border-radius: ${({theme:e})=>e.borderRadius};
-  border: 1px solid ${({theme:e})=>e.colors.neutral300};
-  -webkit-appearance: none;
-  background-color: ${({theme:e})=>e.colors.neutral0};
-  cursor: pointer;
-
-  &:checked {
-    background-color: ${({theme:e})=>e.colors.primary600};
-    border: 1px solid ${({theme:e})=>e.colors.primary600};
-
-    &:after {
-      content: '';
-      display: block;
-      position: relative;
-      background: url(${k}) no-repeat no-repeat center center;
-      width: 10px;
-      height: 10px;
-      left: 50%;
-      top: 50%;
-      transform: translateX(-50%) translateY(-50%);
-    }
-
-    &:disabled:after {
-      background: url(${f}) no-repeat no-repeat center center;
-    }
-  }
-
-  &:disabled {
-    background-color: ${({theme:e})=>e.colors.neutral200};
-    border: 1px solid ${({theme:e})=>e.colors.neutral300};
-  }
-
-  &:indeterminate {
-    background-color: ${({theme:e})=>e.colors.primary600};
-    border: 1px solid ${({theme:e})=>e.colors.primary600};
-
-    &:after {
-      content: '';
-      display: block;
-      position: relative;
-      color: white;
-      height: 2px;
-      width: 10px;
-      background-color: ${({theme:e})=>e.colors.neutral0};
-      left: 50%;
-      top: 50%;
-      transform: translateX(-50%) translateY(-50%);
-    }
-
-    &:disabled {
-      background-color: ${({theme:e})=>e.colors.neutral200};
-      border: 1px solid ${({theme:e})=>e.colors.neutral300};
-      &:after {
-        background-color: ${({theme:e})=>e.colors.neutral500};
-      }
-    }
-  }
-`,i=({indeterminate:e=!1,size:o="M",name:r,value:t=!1,onValueChange:n,...u})=>{const c=s.useRef(null);s.useEffect(()=>{c.current&&e?c.current.indeterminate=e:c.current.indeterminate=!1},[e]);const d=()=>{n&&n(!t)};return a.jsx(h.Box,{children:a.jsx($,{size:o,checked:t,onChange:d,type:"checkbox",ref:c,name:r,...u})})};i.displayName="BaseCheckbox";exports.BaseCheckbox=i;

package/dist/BaseCheckbox/assets/checkmark-black.svg.cjs

@@ -1 +0,0 @@
-"use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSIjOEU4RUE5IgogIC8+Cjwvc3ZnPg==";module.exports=M;

package/dist/BaseCheckbox/assets/checkmark.svg.cjs

@@ -1 +0,0 @@
-"use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04LjU1MzIzIDAuMzk2OTczQzguNjMxMzUgMC4zMTYzNTUgOC43NjA1MSAwLjMxNTgxMSA4LjgzOTMxIDAuMzk1NzY4TDkuODYyNTYgMS40MzQwN0M5LjkzODkzIDEuNTExNTcgOS45MzkzNSAxLjYzNTkgOS44NjM0OSAxLjcxMzlMNC4wNjQwMSA3LjY3NzI0QzMuOTg1OSA3Ljc1NzU1IDMuODU3MDcgNy43NTgwNSAzLjc3ODM0IDcuNjc4MzRMMC4xMzg2NiAzLjk5MzMzQzAuMDYxNzc5OCAzLjkxNTQ5IDAuMDYxNzEwMiAzLjc5MDMyIDAuMTM4NTA0IDMuNzEyNEwxLjE2MjEzIDIuNjczNzJDMS4yNDAzOCAyLjU5NDMyIDEuMzY4NDMgMi41OTQyMiAxLjQ0NjggMi42NzM0OEwzLjkyMTc0IDUuMTc2NDdMOC41NTMyMyAwLjM5Njk3M1oiCiAgICBmaWxsPSJ3aGl0ZSIKICAvPgo8L3N2Zz4=";module.exports=M;

package/dist/BaseCheckbox/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BaseCheckbox.cjs");exports.BaseCheckbox=e.BaseCheckbox;

package/dist/BaseCheckbox/utils.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=({size:e})=>e==="M"?"18px":"20px";exports.getCheckboxSize=t;

package/dist/BaseLink/BaseLink.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),i=require("react"),l=require("../Box/Box.cjs"),c=e=>e&&e.__esModule?e:{default:e},d=c(i),a=d.default.forwardRef(({href:e,rel:n="noreferrer noopener",target:o="_self",disabled:r=!1,isExternal:t=!1,...s},u)=>f.jsx(l.Box,{as:"a",ref:u,target:t?"_blank":o,rel:t?n:void 0,href:r?"#":e,"aria-disabled":r,cursor:"pointer",...s}));a.displayName="BaseLink";exports.BaseLink=a;

package/dist/BaseLink/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BaseLink.cjs");exports.BaseLink=e.BaseLink;

package/dist/BaseRadio/BaseRadio.cjs

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),d=require("react"),g=require("styled-components"),R=require("./context.cjs"),t=require("./utils.cjs"),y=require("../hooks/useId.cjs"),r=e=>e&&e.__esModule?e:{default:e},m=r(d),h=r(g),S=h.default.input`
-  margin: 0;
-  padding: 0;
-  background-color: ${({theme:e})=>e.colors.neutral0};
-  border: 1px solid ${({theme:e})=>e.colors.primary600};
-  border-radius: 50%;
-  height: ${({size:e})=>typeof e=="number"?e:t.getRadioSize(e)};
-  width: ${({size:e})=>typeof e=="number"?e:t.getRadioSize(e)};
-  -webkit-appearance: none;
-
-  &:after {
-    border-radius: 50%;
-    content: '';
-    position: relative;
-    z-index: 1;
-    display: block;
-    height: ${({size:e})=>typeof e=="number"?e:t.getSelectedRadioSize(e)};
-    width: ${({size:e})=>typeof e=="number"?e:t.getSelectedRadioSize(e)};
-    left: ${t.getSelectedRadioPosition};
-    top: ${t.getSelectedRadioPosition};
-  }
-
-  &:checked:after {
-    background: ${({theme:e})=>e.colors.primary600};
-  }
-
-  &:disabled {
-    border: 1px solid ${({theme:e})=>e.colors.neutral300};
-    background: ${({theme:e})=>e.colors.neutral200};
-  }
-`,a=m.default.forwardRef(({value:e,disabled:n=!1,...i},c)=>{const s=y.useId(),{onChange:l,selected:u,name:p,size:b}=d.useContext(R.RadioContext),o=u===e;return f.jsx(S,{ref:c,type:"radio",name:p,value:e,tabIndex:o?0:-1,"aria-checked":o,checked:o,disabled:n,id:s,size:b,onChange:l,...i})});a.displayName="Radio";exports.BaseRadio=a;

package/dist/BaseRadio/RadioGroup.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),a=require("./context.cjs"),x=require("../helpers/setTabIndexOnFirstItem.cjs"),f=({children:c,labelledBy:u,onChange:o,value:e="",size:i="M",name:t,...d})=>{const s=r.useRef(null);r.useLayoutEffect(()=>{e||x.setTabIndexOnFirstItem(s.current,`[name="${t}"]`)},[e,t]);const l=r.useMemo(()=>({onChange:o,selected:e,name:t,size:i}),[t,o,i,e]);return n.jsx(a.RadioContext.Provider,{value:l,children:n.jsx("div",{ref:s,role:"radiogroup","aria-labelledby":u,...d,children:c})})};exports.RadioGroup=f;

package/dist/BaseRadio/context.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({onChange:void 0,name:"",size:"M",selected:""});exports.RadioContext=t;

package/dist/BaseRadio/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./BaseRadio.cjs"),e=require("./RadioGroup.cjs");exports.BaseRadio=o.BaseRadio;exports.RadioGroup=e.RadioGroup;

package/dist/BaseRadio/utils.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e==="M"?"18px":"20px",i=e=>e==="M"?"10px":"12px",o=()=>"3px";exports.getRadioSize=t;exports.getSelectedRadioPosition=o;exports.getSelectedRadioSize=i;

package/dist/Box/Box.cjs

@@ -1,79 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),o=require("../helpers/handleResponsiveValues.cjs"),r=require("../helpers/theme.cjs"),a=e=>e&&e.__esModule?e:{default:e},m=a(n),d={color:!0,cursor:!0,height:!0,width:!0},l=m.default.div.withConfig({shouldForwardProp:(e,t)=>!d[e]&&t(e)})`
-  // Font
-  font-size: ${({fontSize:e,theme:t})=>r.extractStyleFromTheme(t.fontSizes,e,e)};
-
-  // Colors
-  background: ${({theme:e,background:t})=>r.extractStyleFromTheme(e.colors,t,t)};
-  color: ${({theme:e,color:t})=>r.extractStyleFromTheme(e.colors,t,void 0)};
-
-  // Spaces
-  ${({theme:e,padding:t})=>o("padding",t,e)}
-  ${({theme:e,paddingTop:t})=>o("padding-top",t,e)}
-  ${({theme:e,paddingRight:t})=>o("padding-right",t,e)}
-  ${({theme:e,paddingBottom:t})=>o("padding-bottom",t,e)}
-  ${({theme:e,paddingLeft:t})=>o("padding-left",t,e)}
-  ${({theme:e,marginLeft:t})=>o("margin-left",t,e)}
-  ${({theme:e,marginRight:t})=>o("margin-right",t,e)}
-  ${({theme:e,marginTop:t})=>o("margin-top",t,e)}
-  ${({theme:e,marginBottom:t})=>o("margin-bottom",t,e)}
-
-  // Responsive hiding
-  ${({theme:e,hiddenS:t})=>t?`${e.mediaQueries.tablet} { display: none; }`:void 0}
-  ${({theme:e,hiddenXS:t})=>t?`${e.mediaQueries.mobile} { display: none; }`:void 0}
-  
-
-  // Borders
-  border-radius: ${({theme:e,hasRadius:t,borderRadius:s})=>t?e.borderRadius:s};
-  border-style: ${({borderStyle:e})=>e};
-  border-width: ${({borderWidth:e})=>e};
-  border-color: ${({borderColor:e,theme:t})=>r.extractStyleFromTheme(t.colors,e,void 0)};
-  border: ${({theme:e,borderColor:t,borderStyle:s,borderWidth:i})=>{if(t&&!s&&typeof i>"u")return`1px solid ${e.colors[t]}`}};
-
-  // Shadows
-  box-shadow: ${({theme:e,shadow:t})=>r.extractStyleFromTheme(e.shadows,t,void 0)};
-
-  // Handlers
-  pointer-events: ${({pointerEvents:e})=>e};
-  &:hover {
-    ${({_hover:e,theme:t})=>e?e(t):void 0}
-  }
-
-  // Display
-  display: ${({display:e})=>e};
-
-  // Position
-  position: ${({position:e})=>e};
-  left: ${({left:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  right: ${({right:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  top: ${({top:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  bottom: ${({bottom:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  z-index: ${({zIndex:e})=>e};
-  overflow: ${({overflow:e})=>e};
-
-  // Size
-  width: ${({width:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  max-width: ${({maxWidth:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  min-width: ${({minWidth:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  height: ${({height:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  max-height: ${({maxHeight:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-  min-height: ${({minHeight:e,theme:t})=>r.extractStyleFromTheme(t.spaces,e,e)};
-
-  // Animation
-  transition: ${({transition:e})=>e};
-  transform: ${({transform:e})=>e};
-  animation: ${({animation:e})=>e};
-
-  //Flexbox children props
-  flex-shrink: ${({shrink:e})=>e};
-  flex-grow: ${({grow:e})=>e};
-  flex-basis: ${({basis:e})=>e};
-  flex: ${({flex:e})=>e};
-
-  // Text
-  text-align: ${({textAlign:e})=>e};
-  text-transform: ${({textTransform:e})=>e};
-  line-height: ${({theme:e,lineHeight:t})=>r.extractStyleFromTheme(e.lineHeights,t,t)};
-
-  // Cursor
-  cursor: ${({cursor:e})=>e};
-`;exports.Box=l;

package/dist/Box/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Box.cjs");exports.Box=e.Box;

package/dist/Breadcrumbs/Breadcrumbs.cjs

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("@strapi/icons"),u=require("styled-components"),c=require("../VisuallyHidden/VisuallyHidden.cjs"),t=require("../Flex/Flex.cjs"),i=require("../Box/Box.cjs"),s=require("../Typography/Typography.cjs"),h=e=>e&&e.__esModule?e:{default:e},p=h(u),y=p.default(t.Flex)`
-  svg {
-    height: ${10/16}rem;
-    width: ${10/16}rem;
-    path {
-      fill: ${({theme:e})=>e.colors.neutral500};
-    }
-  }
-  :last-of-type ${i.Box} {
-    display: none;
-  }
-  :last-of-type ${s.Typography} {
-    color: ${({theme:e})=>e.colors.neutral800};
-    font-weight: ${({theme:e})=>e.fontWeights.bold};
-  }
-`,l=({children:e})=>r.jsxs(y,{inline:!0,as:"li",children:[r.jsx(s.Typography,{variant:"pi",textColor:"neutral600",children:e}),r.jsx(i.Box,{"aria-hidden":!0,paddingLeft:3,paddingRight:3,children:r.jsx(d.ChevronRight,{})})]});l.displayName="Crumb";const n=({children:e,label:o,...a})=>r.jsxs(t.Flex,{...a,children:[r.jsx(c.VisuallyHidden,{children:o}),r.jsx("ol",{"aria-hidden":!0,children:e})]});n.displayName="Breadcrumbs";exports.Breadcrumbs=n;exports.Crumb=l;

package/dist/Breadcrumbs/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Breadcrumbs.cjs");exports.Breadcrumbs=r.Breadcrumbs;exports.Crumb=r.Crumb;

package/dist/Button/Button.cjs

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

package/dist/Button/constants.cjs

@@ -1 +0,0 @@
-"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 +0,0 @@
-"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,87 +0,0 @@
-"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} {
-      color: ${o.colors.neutral600};
-    }
-    svg {
-      > g, path {
-        fill: ${o.colors.neutral600};
-      }
-    }
-  `,$=({theme:o,variant:r})=>[...l.LIGHT_VARIANTS,l.SECONDARY].includes(r)?`
-      background-color: ${o.colors.neutral0};
-    `:r===l.TERTIARY?`
-      background-color: ${o.colors.neutral100};
-    `:r===l.GHOST?`
-      background-color: ${o.colors.neutral100};
-    `:r===l.DEFAULT?`
-      border: 1px solid ${o.colors.buttonPrimary500};
-      background: ${o.colors.buttonPrimary500};
-    `:`
-    border: 1px solid ${o.colors[`${c(r)}500`]};
-    background: ${o.colors[`${c(r)}500`]};
-  `,n=({theme:o,variant:r})=>[...l.LIGHT_VARIANTS,l.SECONDARY].includes(r)?`
-      background-color: ${o.colors.neutral0};
-      border: 1px solid ${o.colors[`${c(r)}600`]};
-      ${s.Typography} {
-        color: ${o.colors[`${c(r)}600`]};
-      }
-      svg {
-        > g, path {
-          fill: ${o.colors[`${c(r)}600`]};
-        }
-      }
-    `:r===l.TERTIARY?`
-      background-color: ${o.colors.neutral150};
-    `:`
-    border: 1px solid ${o.colors[`${c(r)}600`]};
-    background: ${o.colors[`${c(r)}600`]};
-  `,g=({theme:o,variant:r})=>{switch(r){case l.DANGER_LIGHT:case l.SUCCESS_LIGHT:case l.SECONDARY:return`
-          border: 1px solid ${o.colors[`${c(r)}200`]};
-          background: ${o.colors[`${c(r)}100`]};
-          ${s.Typography} {
-            color: ${o.colors[`${c(r)}700`]};
-          }
-          svg {
-            > g, path {
-              fill: ${o.colors[`${c(r)}700`]};
-            }
-          }
-        `;case l.TERTIARY:return`
-          border: 1px solid ${o.colors.neutral200};
-          background: ${o.colors.neutral0};
-          ${s.Typography} {
-            color: ${o.colors.neutral800};
-          }
-          svg {
-            > g, path {
-              fill: ${o.colors.neutral800};
-            }
-          }
-        `;case l.GHOST:return`
-        border: 1px solid transparent;
-        background: transparent;
-
-        ${s.Typography} {
-          color: ${o.colors.neutral800};
-        }
-
-        svg {
-          > g, path {
-            fill: ${o.colors.neutral500};
-          }
-        }
-      `;case l.SUCCESS:case l.DANGER:return`
-          border: 1px solid ${o.colors[`${c(r)}600`]};
-          background: ${o.colors[`${c(r)}600`]};
-          ${s.Typography} {
-            color: ${o.colors.neutral0};
-          }
-        `;default:return`
-          svg {
-            > g, path {
-              fill: ${o.colors.buttonNeutral0};
-            }
-          }
-        `}};exports.getActiveStyle=n;exports.getDisabledStyle=u;exports.getHoverStyle=$;exports.getVariantColorName=c;exports.getVariantStyle=g;

package/dist/Card/Card.cjs

@@ -1 +0,0 @@
-"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/CardAction.cjs

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

package/dist/Card/CardAsset.cjs

@@ -1,19 +0,0 @@
-"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
-  margin: 0;
-  padding: 0;
-  max-height: 100%;
-  max-width: 100%;
-  object-fit: contain;
-`,c={S:88,M:164},l=s.default.div`
-  display: flex;
-  justify-content: center;
-  height: ${({size:e})=>c[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};
-`,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/CardBadge.cjs

@@ -1,6 +0,0 @@
-"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(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/CardBody.cjs

@@ -1 +0,0 @@
-"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/CardCheckbox.cjs

@@ -1 +0,0 @@
-"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/CardContent.cjs

@@ -1,3 +0,0 @@
-"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;
-`,a=({children:e,...t})=>r.jsx(u,{...t,children:e});exports.CardContent=a;

package/dist/Card/CardContext.cjs

@@ -1 +0,0 @@
-"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/CardHeader.cjs

@@ -1,3 +0,0 @@
-"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};
-`,l=e=>t.jsx(d,{position:"relative",justifyContent:"center",...e});exports.CardHeader=l;

package/dist/Card/CardTimer.cjs

@@ -1 +0,0 @@
-"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/CardTitle.cjs

@@ -1 +0,0 @@
-"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/index.cjs

@@ -1 +0,0 @@
-"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,13 +0,0 @@
-"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';
-`,D=p.default(j.Flex)`
-  grid-area: slides;
-`,b=p.default(i.Box)`
-  grid-area: ${({area:e})=>e};
-
-  &:focus svg path,
-  &:hover svg path {
-    fill: ${({theme:e})=>e.colors.neutral900};
-  }
-`,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;

package/dist/CarouselInput/CarouselActions.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("../Flex/Flex.cjs"),r=({horizontal:e=!0,spacing:t=1,...o})=>s.jsx(n.Flex,{justifyContent:"center",gap:t,direction:e?"row":"column",alignItems:e?"center":"stretch",position:"absolute",width:"100%",bottom:1,...o});exports.CarouselActions=r;

package/dist/CarouselInput/CarouselImage.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),u=require("styled-components"),n=require("../Typography/utils.cjs"),a=require("../Box/Box.cjs"),c=require("../Tooltip/Tooltip.cjs"),d=e=>e&&e.__esModule?e:{default:e},g=d(u),r=g.default(a.Box)`
-  ${n.ellipsisStyle({ellipsis:!0})}
-`,m=e=>{const[s,o]=l.useState(!1),i=()=>{o(!0)};return s?t.jsx(c.Tooltip,{description:e.alt??"",children:t.jsx(r,{as:"img",height:"100%",maxWidth:"100%",...e})}):t.jsx(r,{as:"img",height:"100%",maxWidth:"100%",...e,onError:i})};exports.CarouselImage=m;

package/dist/CarouselInput/CarouselInput.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("./Carousel.cjs"),I=require("../hooks/useId.cjs"),g=require("../Field/Field.cjs"),p=require("../Field/FieldLabel.cjs"),L=require("../Field/FieldHint.cjs"),m=require("../Field/FieldError.cjs"),C=require("../Flex/Flex.cjs"),v=({actions:n,children:s,error:t,hint:o,label:r,labelAction:l,nextLabel:d,onNext:u,onPrevious:c,previousLabel:a,required:x,secondaryLabel:F,selectedSlide:q,id:j,...b})=>{const i=I.useId(j);return e.jsx(g.Field,{hint:o,error:t,id:i,required:x,children:e.jsxs(C.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[r&&e.jsx(p.FieldLabel,{action:l,children:r}),e.jsx(h.Carousel,{actions:n,label:r,nextLabel:d,onNext:u,onPrevious:c,previousLabel:a,secondaryLabel:F,selectedSlide:q,id:i,...b,children:s}),e.jsx(L.FieldHint,{}),e.jsx(m.FieldError,{})]})})};exports.CarouselInput=v;

package/dist/CarouselInput/CarouselSlide.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../Flex/Flex.cjs"),o=({label:e,children:i,selected:l=!1,...r})=>t.jsx(n.Flex,{alignItems:"center",display:l?"flex":"none",role:"group","aria-roledescription":"slide","aria-label":e,justifyContent:"center",height:"124px",width:"100%",...r,children:i});exports.CarouselSlide=o;

package/dist/CarouselInput/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Carousel.cjs"),r=require("./CarouselInput.cjs"),o=require("./CarouselActions.cjs"),u=require("./CarouselImage.cjs"),s=require("./CarouselSlide.cjs");exports.Carousel=e.Carousel;exports.CarouselInput=r.CarouselInput;exports.CarouselActions=o.CarouselActions;exports.CarouselImage=u.CarouselImage;exports.CarouselSlide=s.CarouselSlide;

package/dist/Checkbox/Checkbox.cjs

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("styled-components"),a=require("../hooks/useId.cjs"),u=require("../Field/FieldContext.cjs"),x=require("../Typography/Typography.cjs"),h=require("../Field/Field.cjs"),b=require("../Flex/Flex.cjs"),f=require("../Box/Box.cjs"),p=require("../Field/FieldHint.cjs"),q=require("../Field/FieldError.cjs"),j=require("../BaseCheckbox/BaseCheckbox.cjs"),y=e=>e&&e.__esModule?e:{default:e},F=y(d),g=F.default(x.Typography)`
-  display: flex;
-  align-items: flex-start;
-  * {
-    cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
-  }
-`,C=e=>{const{id:t}=u.useField();return r.jsx(j.BaseCheckbox,{id:t,...e})},k=({children:e,disabled:t=!1,id:l,hint:o,error:n,...c})=>{const i=a.useId(l);let s;return n?s=`${i}-error`:o&&(s=`${i}-hint`),r.jsx(h.Field,{id:i,hint:o,error:n,children:r.jsxs(b.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[r.jsxs(g,{as:"label",textColor:"neutral800",disabled:t,children:[r.jsx(C,{disabled:t,"aria-describedby":s,...c}),r.jsx(f.Box,{paddingLeft:2,children:e})]}),r.jsx(p.FieldHint,{}),r.jsx(q.FieldError,{})]})})};exports.Checkbox=k;

package/dist/Checkbox/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox.cjs");exports.Checkbox=e.Checkbox;