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

package/dist/Tabs/components.cjs

@@ -1,43 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),l=require("../Box/Box.cjs"),u=require("../Flex/Flex.cjs"),s=o=>o&&o.__esModule?o:{default:o},a=s(n),i=a.default(l.Box)`
-  border-bottom: 2px solid
-    ${({theme:o,selected:e,hasError:d})=>e?d?o.colors.danger600:o.colors.primary600:"transparent"};
-`,r=a.default(l.Box)`
-  border-bottom: 1px solid ${({theme:o,selected:e})=>e?o.colors.neutral0:o.colors.neutral150};
-`,t=a.default.button`
-  border: none;
-  background: transparent;
-  padding: 0;
-
-  & + & > ${r} {
-    border-left: 1px solid ${({theme:o})=>o.colors.neutral150};
-  }
-
-  ${r} {
-    border-right: ${({theme:o,showRightBorder:e})=>e?`1px solid ${o.colors.neutral150}`:"none"};
-  }
-
-  // Hack preventing the outline from being overflow by the following tab
-  outline-offset: -2px;
-
-  &[aria-disabled='true'] {
-    cursor: not-allowed;
-  }
-`,b=a.default(u.Flex)`
-  & > * {
-    flex: 1;
-  }
-
-  & ${t}:first-of-type ${r} {
-    border-radius: ${({theme:o})=>`${o.borderRadius} 0 0 0`};
-  }
-
-  & ${t}:last-of-type ${r} {
-    border-radius: ${({theme:o})=>`0 ${o.borderRadius} 0 0`};
-  }
-
-  & ${t}[aria-selected="true"] ${r} {
-    border-radius: ${({theme:o})=>`${o.borderRadius} ${o.borderRadius} 0 0`};
-    border-left: none;
-    border-right: none;
-  }
-`;exports.DefaultTabBox=r;exports.DefaultTabButton=t;exports.DefaultTabsRow=b;exports.SimpleTabBox=i;

package/dist/Tabs/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./Tabs.cjs"),e=require("./TabPanels.cjs"),b=require("./TabGroup.cjs");exports.Tab=a.Tab;exports.Tabs=a.Tabs;exports.TabPanel=e.TabPanel;exports.TabPanels=e.TabPanels;exports.TabGroup=b.TabGroup;

package/dist/Tag/Tag.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("styled-components"),u=require("../Flex/Flex.cjs"),c=require("../Typography/Typography.cjs"),p=r=>r&&r.__esModule?r:{default:r},i=p(d),g=({children:r,icon:e,disabled:t=!1,onClick:a,...l})=>{const n=s=>{t||!a||a(s)};return o.jsxs(h,{as:"button",background:t?"neutral200":"primary100",color:t?"neutral700":"primary600",paddingLeft:3,paddingRight:3,onClick:n,"aria-disabled":t,disabled:t,borderWidth:"1px",borderStyle:"solid",borderColor:t?"neutral300":"primary200",hasRadius:!0,height:`${32/16}rem`,gap:2,...l,children:[o.jsx(y,{$disabled:t,variant:"pi",fontWeight:"bold",as:"span",children:r}),e]})},h=i.default(u.Flex)`
-  & > svg {
-    height: ${8/16}rem;
-    width: ${8/16}rem;
-  }
-
-  & > svg path {
-    fill: ${({theme:r,...e})=>e["aria-disabled"]?r.colors.neutral600:r.colors.primary600};
-  }
-`,y=i.default(c.Typography)`
-  color: inherit;
-  border-right: 1px solid ${({theme:r,$disabled:e})=>e?r.colors.neutral300:r.colors.primary200};
-  padding-right: ${({theme:r})=>r.spaces[2]};
-`;exports.Tag=g;

package/dist/Tag/index.cjs

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

package/dist/TextButton/TextButton.cjs

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),y=require("react"),g=require("@strapi/icons"),l=require("styled-components"),b=require("../themes/utils.cjs"),m=require("../Flex/Flex.cjs"),x=require("../Typography/Typography.cjs"),h=e=>e&&e.__esModule?e:{default:e};function j(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 _=j(y),u=h(l),T=l.keyframes`
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-`,q=u.default.div`
-  animation: ${T} 2s infinite linear;
-  will-change: transform;
-`,v=u.default(m.Flex)`
-  border: none;
-
-  &[aria-disabled='true'] {
-    pointer-events: none;
-    svg path {
-      fill: ${({theme:e})=>e.colors.neutral600};
-    }
-  }
-
-  svg path {
-    fill: ${({theme:e})=>e.colors.primary600};
-  }
-
-  ${b.buttonFocusStyle}
-`,c=_.forwardRef(({children:e,startIcon:r,endIcon:t,onClick:n,disabled:a=!1,loading:s=!1,...d},f)=>{const p=n&&!a?n:void 0,i=a||s;return o.jsxs(v,{ref:f,"aria-disabled":i,onClick:p,as:"button",type:"button",background:"transparent",gap:2,...d,children:[s?o.jsx(q,{"aria-hidden":!0,children:o.jsx(g.Loader,{})}):r,o.jsx(x.Typography,{variant:"pi",textColor:i?"neutral600":"primary600",children:e}),t]})});c.displayName="TextButton";exports.TextButton=c;

package/dist/TextButton/index.cjs

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

package/dist/TextInput/TextInput.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),I=require("../hooks/useId.cjs"),f=require("../Field/Field.cjs"),q=require("../Flex/Flex.cjs"),j=require("../Field/FieldLabel.cjs"),h=require("../Field/FieldInput.cjs"),m=require("../Field/FieldHint.cjs"),R=require("../Field/FieldError.cjs"),u=r.forwardRef(({name:l,hint:o,error:d,label:n,labelAction:c,id:a,required:p,...t},x)=>{const F=I.useId(a),i=r.useRef(null),s=r.useRef(null);if(!n&&!t["aria-label"])throw new Error('The TextInput component needs a "label" or an "aria-label" props');return r.useImperativeHandle(x,()=>({input:s,inputWrapperRef:i}),[]),e.jsx("div",{ref:i,children:e.jsx(f.Field,{name:l,hint:o,error:d,id:F,required:p,children:e.jsxs(q.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[n&&e.jsx(j.FieldLabel,{action:c,children:n}),e.jsx(h.FieldInput,{ref:s,...t}),e.jsx(m.FieldHint,{}),e.jsx(R.FieldError,{})]})})})});u.displayName="TextInput";exports.TextInput=u;

package/dist/TextInput/index.cjs

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

package/dist/Textarea/Textarea.cjs

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("react"),g=require("styled-components"),j=require("../hooks/useId.cjs"),b=require("../themes/utils.cjs"),d=require("../Box/Box.cjs"),m=require("../Field/FieldContext.cjs"),y=require("../Field/Field.cjs"),R=require("../Flex/Flex.cjs"),_=require("../Field/FieldLabel.cjs"),$=require("../Field/FieldHint.cjs"),E=require("../Field/FieldError.cjs"),c=e=>e&&e.__esModule?e:{default:e},f=c(p),x=c(g),I=x.default(d.Box)`
-  ${b.inputFocusStyle()}
-`,S=x.default(d.Box)`
-  border: none;
-  resize: none;
-
-  ::placeholder {
-    color: ${({theme:e})=>e.colors.neutral500};
-    font-size: ${({theme:e})=>e.fontSizes[2]};
-    color: ${({theme:e})=>e.colors.neutral500};
-    opacity: 1;
-  }
-
-  &:focus-within {
-    outline: none;
-  }
-`,T=f.default.forwardRef(({disabled:e,...a},s)=>{const{id:t,error:i,hint:l,required:u}=m.useField(),n=!!i;let o=l?`${t}-hint`:void 0;return i&&(o=`${t}-error`),r.jsx(I,{borderColor:n?"danger600":"neutral200",hasError:n,hasRadius:!0,children:r.jsx(S,{"aria-describedby":o,"aria-invalid":n,"aria-required":u,as:"textarea",background:e?"neutral150":"neutral0",color:e?"neutral600":"neutral800",disabled:e,fontSize:2,hasRadius:!0,height:`${105/16}rem`,id:t,ref:s,lineHeight:4,padding:4,width:"100%",...a})})}),w=f.default.forwardRef(({name:e,hint:a,error:s,label:t,labelAction:i,id:l,required:u=!1,children:n,value:o,...h},q)=>{const F=j.useId(l);return r.jsx(y.Field,{name:e,hint:a,error:s,id:F,required:u,children:r.jsxs(R.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[t&&r.jsx(_.FieldLabel,{action:i,children:t}),r.jsx(T,{ref:q,value:n??o,...h}),r.jsx($.FieldHint,{}),r.jsx(E.FieldError,{})]})})});exports.Textarea=w;

package/dist/Textarea/index.cjs

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

package/dist/ThemeProvider/hooks.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=()=>e.useTheme();exports.useTheme=t;

package/dist/ThemeProvider/index.cjs

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

package/dist/TimePicker/TimePicker.cjs

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),M=require("react"),O=require("@strapi/icons"),N=require("styled-components"),T=require("../Combobox/Combobox.cjs"),v=require("../DesignSystemProvider.cjs"),A=require("../hooks/useControllableState.cjs"),B=require("../hooks/useDateFormatter.cjs"),F=require("../hooks/useId.cjs"),R=require("../Field/Field.cjs"),L=require("../Flex/Flex.cjs"),$=require("../Field/FieldLabel.cjs"),E=require("../Field/FieldHint.cjs"),z=require("../Field/FieldError.cjs"),H=t=>t&&t.__esModule?t:{default:t};function Z(t){if(t&&t.__esModule)return t;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,l.get?l:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const u=Z(M),G=H(N),g=t=>!!t.match(/^[^a-zA-Z]*$/),_=u.forwardRef(({id:t,step:n=15,ariaLabel:s,selectButtonTitle:l,value:a,defaultValue:m,onChange:p,...h},f)=>{const w=v.useDesignSystem("TimePicker"),k=F.useId(t),[I,c]=u.useState(""),[y,b]=A.useControllableState({prop:a,defaultProp:m,onChange:p}),d=B.useDateFormatter(w.locale,{hour:"2-digit",minute:"2-digit",hour12:!1}),x=u.useMemo(()=>{const e=d.formatToParts(new Date),{value:r}=e.find(i=>i.type==="literal");return r},[d]),S=u.useMemo(()=>{const e=60/n;return[...Array(24).keys()].flatMap(r=>[...Array(e).keys()].map(i=>d.format(new Date(0,0,0,r,i*n))))},[n,d]),D=e=>{(!e||g(e))&&c(e)},j=e=>{const[r,i]=e.split(x);if(!r&&!i)return;const q=Number(r??"0"),C=Number(i??"0");if(!(q>23||C>59))return d.format(new Date(0,0,0,q,C))},P=e=>{const r=j(e.target.value);r?(c(r),b(r)):c(y)},V=e=>{if(typeof e<"u"){const r=j(e);b(r)}else b(e)};return u.useEffect(()=>{const e=typeof a>"u"?"":a;g(e)&&c(e)},[a,c]),o.jsx(T.ComboboxInput,{...h,ref:f,value:y,onChange:V,isPrintableCharacter:g,allowCustomValue:!0,placeholder:`--${x}--`,autocomplete:"none",startIcon:o.jsx(J,{}),id:k,inputMode:"numeric",pattern:`\\d{2}\\${x}\\d{2}`,textValue:I,onTextValueChange:D,onBlur:P,children:S.map(e=>o.jsx(T.Option,{value:e,children:e},e))})}),J=G.default(O.Clock)`
-  height: 1rem;
-  width: 1rem;
-
-  & > path {
-    fill: ${({theme:t})=>t.colors.neutral500};
-  }
-`,K=u.forwardRef(({label:t,error:n,hint:s,id:l,required:a,labelAction:m,...p},h)=>{const f=F.useId(l);return o.jsx(R.Field,{hint:s,error:n,id:f,required:a,children:o.jsxs(L.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[o.jsx($.FieldLabel,{action:m,children:t}),o.jsx(_,{ref:h,id:f,error:n,required:a,...p}),o.jsx(E.FieldHint,{}),o.jsx(z.FieldError,{})]})})});exports.TimePicker=K;exports.TimePickerInput=_;

package/dist/TimePicker/index.cjs

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

package/dist/ToggleCheckbox/ToggleCheckbox.cjs

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),R=require("react"),k=require("styled-components"),m=require("../themes/utils.cjs"),_=require("../Box/Box.cjs"),S=require("../Flex/Flex.cjs"),B=require("../Field/FieldContext.cjs"),F=require("../VisuallyHidden/VisuallyHidden.cjs"),f=require("../Typography/Typography.cjs"),x=e=>e&&e.__esModule?e:{default:e},L=x(R),a=x(k),W=a.default.label`
-  position: relative;
-  display: inline-block;
-  z-index: 0;
-  width: 100%;
-`,z=a.default(_.Box)`
-  cursor: ${({disabled:e})=>e?"not-allowed":void 0};
-  // Masks the background of each value
-  overflow: hidden;
-  flex-wrap: wrap;
-
-  ${m.inputFocusStyle()}
-`,h=a.default(S.Flex).attrs({hasRadius:!0})`
-  background-color: ${({theme:e,checked:o,disabled:l})=>o?l?e.colors.neutral200:e.colors.neutral0:"transparent"};
-  border: 1px solid
-    ${({theme:e,checked:o,disabled:l})=>o&&o!==null?l?e.colors.neutral300:e.colors.neutral200:l?e.colors.neutral150:e.colors.neutral100};
-  position: relative;
-  user-select: none;
-  z-index: 2;
-  flex: 1 1 50%;
-  /**
-    We declare the defined value because we want the height of the input when 
-    the values are in a row to be 40px. But defining a height on the label
-    would break the input when it wraps.
-  */
-  padding-top: ${({size:e})=>`${e==="S"?"2px":"6px"}`};
-  padding-bottom: ${({size:e})=>`${e==="S"?"2px":"6px"}`};
-`,M=a.default.input`
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  z-index: 1;
-  width: 100%;
-`,g=L.default.forwardRef(({size:e="M",onLabel:o,offLabel:l,children:b,checked:r=!1,disabled:t=!1,onChange:u,...y},C)=>{const{error:d,hint:w,id:c,name:j,required:q}=B.useField(),p="neutral600";let T=!r&&r!==null?"danger700":p,$=r?"primary600":p;const v=s=>{t||u&&u(s)};let i;return d?i=`${c}-error`:w&&(i=`${c}-hint`),n.jsxs(W,{children:[n.jsx(F.VisuallyHidden,{children:b}),n.jsxs(z,{hasRadius:!0,disabled:t,padding:1,display:"flex",background:t?"neutral150":"neutral100",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral200",hasError:!!d,children:[n.jsx(h,{size:e,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:r===null?!1:!r,disabled:t,children:n.jsx(f.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:t?"neutral700":T,children:l})}),n.jsx(h,{size:e,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:r===null?!1:r,disabled:t,children:n.jsx(f.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:t?"neutral700":$,children:o})}),n.jsx(M,{type:"checkbox","aria-disabled":t,"aria-describedby":i,onChange:s=>v(s),name:j,ref:C,"aria-required":q,...y,checked:!(r===null||!r)})]})]})});g.displayName="ToggleCheckbox";exports.ToggleCheckbox=g;

package/dist/ToggleCheckbox/index.cjs

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

package/dist/ToggleInput/ToggleInput.cjs

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("react"),C=require("styled-components"),k=require("../hooks/useControllableState.cjs"),I=require("../hooks/useId.cjs"),R=require("../Field/FieldContext.cjs"),b=require("../Typography/Typography.cjs"),c=require("../Flex/Flex.cjs"),S=require("../themes/utils.cjs"),_=require("../Field/Field.cjs"),$=require("../Field/FieldLabel.cjs"),v=require("../Field/FieldHint.cjs"),B=require("../Field/FieldError.cjs"),O=require("../TextButton/TextButton.cjs"),W=e=>e&&e.__esModule?e:{default:e};function M(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const q=M(w),p=W(C),z=q.forwardRef(({offLabel:e,onLabel:o,disabled:t,checked:a,onChange:h,size:u="M",...g},f)=>{const[n=!1,s]=k.useControllableState({prop:a}),{error:d,id:i,name:x,required:j}=R.useField(),l=n!==null&&!n,F=`${i}-hint`,T=`${i}-error`;return r.jsxs(E,{position:"relative",hasRadius:!0,padding:1,background:t?"neutral150":"neutral100",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral200",wrap:"wrap",cursor:t?"not-allowed":"pointer",hasError:!!d,children:[r.jsx(m,{hasRadius:!0,flex:"1 1 50%",paddingTop:2,paddingBottom:2,paddingLeft:3,paddingRight:3,justifyContent:"center",background:t&&l?"neutral200":l?"neutral0":"transparent",borderColor:t&&l?"neutral300":l?"neutral200":t?"neutral150":"neutral100",size:u,children:r.jsx(b.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:t?"neutral700":l?"danger700":"neutral600",children:e})}),r.jsx(m,{hasRadius:!0,flex:"1 1 50%",paddingLeft:3,paddingRight:3,justifyContent:"center",background:t&&n?"neutral200":n?"neutral0":"transparent",borderColor:t&&n?"neutral300":n?"neutral200":t?"neutral150":"neutral100",size:u,children:r.jsx(b.Typography,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:t?"neutral700":n?"primary600":"neutral600",children:o})}),r.jsx(L,{...g,ref:f,onChange:y=>{s(y.currentTarget.checked),h?.(y)},type:"checkbox",id:i,name:x,"aria-required":j,disabled:t,"aria-disabled":t,"aria-describedby":i?`${F} ${T}`:void 0,checked:!!n})]})}),E=p.default(c.Flex)`
-  ${S.inputFocusStyle()}
-`,m=p.default(c.Flex)`
-  /**
-    We declare the defined value because we want the height of the input when 
-    the values are in a row to be 40px. But defining a height on the label
-    would break the input when it wraps.
-  */
-  padding-top: ${({size:e})=>`${e==="S"?"2px":"6px"}`};
-  padding-bottom: ${({size:e})=>`${e==="S"?"2px":"6px"}`};
-`,L=p.default.input`
-  height: 100%;
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  z-index: 0;
-  width: 100%;
-`,P=q.forwardRef(({disabled:e=!1,error:o,hint:t,label:a,name:h,labelAction:u,required:g=!1,id:f,onClear:n,clearLabel:s,checked:d,...i},x)=>{const j=I.useId(f);return r.jsx(_.Field,{name:h,hint:t,error:o,id:j,required:g,maxWidth:"320px",children:r.jsxs(c.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[r.jsxs(c.Flex,{children:[a?r.jsx($.FieldLabel,{action:u,children:a}):null,s&&n&&d!==null&&!e&&r.jsx(D,{onClick:n,children:s})]}),r.jsx(z,{ref:x,checked:d,disabled:e,...i}),r.jsx(v.FieldHint,{}),r.jsx(B.FieldError,{})]})})}),D=p.default(O.TextButton)`
-  align-self: flex-end;
-  margin-left: auto;
-`;exports.ToggleInput=P;

package/dist/ToggleInput/index.cjs

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

package/dist/Tooltip/Tooltip.cjs

@@ -1,5 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),x=require("styled-components"),j=require("./hooks/useTooltipHandlers.cjs"),h=require("./hooks/useTooltipLayout.cjs"),l=require("../hooks/useId.cjs"),T=require("../Portal/Portal.cjs"),q=require("../Box/Box.cjs"),_=require("../VisuallyHidden/VisuallyHidden.cjs"),m=require("../Typography/Typography.cjs"),v=e=>e&&e.__esModule?e:{default:e};function I(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 O=I(g),R=v(x),H=R.default(q.Box)`
-  /* z-index exist because of its position inside Modals */
-  z-index: 4;
-  display: ${({visible:e})=>e?"revert":"none"};
-`,M=({children:e,label:r,description:t,delay:n=500,position:d="top",id:u,...a})=>{const i=l.useId(u),c=l.useId(),{visible:s,...p}=j.useTooltipHandlers(n),{tooltipWrapperRef:f,toggleSourceRef:b}=h.useTooltipLayout(s,d),y=O.cloneElement(e,{tabIndex:0,"aria-labelledby":r?i:void 0,"aria-describedby":t?i:void 0,...p});return o.jsxs(o.Fragment,{children:[o.jsx(T.Portal,{children:o.jsxs(H,{id:i,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:f,visible:s,position:"absolute",...a,children:[s&&o.jsx(_.VisuallyHidden,{id:c,children:t}),o.jsx(m.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0",children:r||t})]})}),o.jsx("span",{ref:b,children:y})]})};exports.Tooltip=M;

package/dist/Tooltip/hooks/useTooltipHandlers.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),u=r=>{const[s,e]=o.useState(!1),t=o.useRef(null),n=()=>{typeof t.current=="number"&&(clearTimeout(t.current),t.current=null)};return o.useEffect(()=>()=>{n()},[]),{visible:s,onFocus:()=>{e(!0)},onBlur:()=>{e(!1)},onMouseEnter:()=>{t.current=setTimeout(()=>{e(!0)},r)},onMouseLeave:()=>{n(),e(!1)}}};exports.useTooltipHandlers=u;

package/dist/Tooltip/hooks/useTooltipLayout.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("../utils/positionTooltip.cjs"),i=(e,u)=>{const l=o.useRef(null),r=o.useRef(null);return o.useLayoutEffect(()=>{if(e){const t=l.current,s=r.current;if(t&&s){const n=c.positionTooltip(t,s,u);t.style.left=`${n.left}px`,t.style.top=`${n.top}px`}}},[u,e]),{tooltipWrapperRef:l,toggleSourceRef:r}};exports.useTooltipLayout=i;

package/dist/Tooltip/index.cjs

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

package/dist/Tooltip/utils/positionTooltip.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=8,d=(h,i)=>{const f=(h.width-i.width)/2,t=i.left-f,n=i.top+i.height+s+window.pageYOffset;return{left:t,top:n}},o=(h,i)=>{const f=(h.height-i.height)/2,t=i.left+i.width+s,n=i.top-f+window.pageYOffset;return{left:t,top:n}},p=(h,i)=>{const f=(h.height-i.height)/2,t=i.left-h.width-s,n=i.top-f+window.pageYOffset;return{left:t,top:n}},e=(h,i)=>{const f=(h.width-i.width)/2;let t=i.left-f,n=i.top-h.height-s+window.pageYOffset;const w=window.innerWidth-i.right;return i.left+h.width-w>window.innerWidth?(t=i.left-h.width-s,n=i.top+window.scrollY-i.height/2):t<0?(t=i.width+i.left+s,n=i.top+window.scrollY-h.height/2+s):n<0&&t>0&&(n=i.top+i.height+s),{left:t,top:n}},r=(h,i,f)=>{const t=h.getBoundingClientRect(),n=i.getBoundingClientRect();return f==="bottom"?d(t,n):f==="right"?o(t,n):f==="left"?p(t,n):e(t,n)};exports.positionTooltip=r;

package/dist/Typography/Typography.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),o=require("./utils.cjs"),r=require("../helpers/theme.cjs"),i=e=>e&&e.__esModule?e:{default:e},a=i(n),s={fontSize:!0,fontWeight:!0},l=a.default.span.withConfig({shouldForwardProp:(e,t)=>!s[e]&&t(e)})`
-  ${o.variantStyle}
-  ${o.ellipsisStyle}
-
-  // These properties need to come after {variantStyle}, because they might
-  // overwrite a variant attribute
-  font-weight: ${({theme:e,fontWeight:t})=>r.extractStyleFromTheme(e.fontWeights,t,void 0)};
-  font-size: ${({theme:e,fontSize:t})=>r.extractStyleFromTheme(e.fontSizes,t,void 0)};
-  line-height: ${({theme:e,lineHeight:t})=>r.extractStyleFromTheme(e.lineHeights,t,t)};
-  color: ${({theme:e,textColor:t})=>e.colors[t||"neutral800"]};
-  text-align: ${({textAlign:e})=>e};
-  text-decoration: ${({textDecoration:e})=>e};
-  text-transform: ${({textTransform:e})=>e};
-`;exports.Typography=l;

package/dist/Typography/constants.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="alpha",A="beta",o="delta",s="epsilon",e="omega",n="pi",T="sigma",c=[t,A,o,s,e,n,T];exports.ALPHA=t;exports.BETA=A;exports.DELTA=o;exports.EPSILON=s;exports.OMEGA=e;exports.PI=n;exports.SIGMA=T;exports.TEXT_VARIANTS=c;

package/dist/Typography/index.cjs

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

package/dist/Typography/utils.cjs

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./constants.cjs"),n=({ellipsis:e=!1})=>e&&`
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  `,s=({variant:e=t.OMEGA,theme:i})=>{switch(e){case t.ALPHA:return`
-        font-weight: ${i.fontWeights.bold};
-        font-size: ${i.fontSizes[5]};
-        line-height: ${i.lineHeights[2]};
-      `;case t.BETA:return`
-        font-weight: ${i.fontWeights.bold};
-        font-size: ${i.fontSizes[4]};
-        line-height: ${i.lineHeights[1]};
-      `;case t.DELTA:return`
-        font-weight: ${i.fontWeights.semiBold};
-        font-size: ${i.fontSizes[3]};
-        line-height: ${i.lineHeights[2]};
-      `;case t.EPSILON:return`
-        font-size: ${i.fontSizes[3]};
-        line-height: ${i.lineHeights[6]};
-      `;case t.OMEGA:return`
-        font-size: ${i.fontSizes[2]};
-        line-height: ${i.lineHeights[4]};
-      `;case t.PI:return`
-        font-size: ${i.fontSizes[1]};
-        line-height: ${i.lineHeights[3]};
-      `;case t.SIGMA:return`
-        font-weight: ${i.fontWeights.bold};
-        font-size: ${i.fontSizes[0]};
-        line-height: ${i.lineHeights[5]};
-        text-transform: uppercase;
-      `;default:return`
-        font-size: ${i.fontSizes[2]};
-      `}};exports.ellipsisStyle=n;exports.variantStyle=s;

package/dist/VisuallyHidden/VisuallyHidden.cjs

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),d=e=>e&&e.__esModule?e:{default:e},i=d(t),l=i.default.div`
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-`;exports.VisuallyHidden=l;

package/dist/VisuallyHidden/index.cjs

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

package/dist/helpers/context.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("react");function f(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=f(d),b=(e,t)=>{const r=u.createContext(t);function n(c){const{children:o,...i}=c,a=u.useMemo(()=>i,Object.values(i));return l.jsx(r.Provider,{value:a,children:o})}function s(c){const o=u.useContext(r);if(o)return o;if(t!==void 0)return t;throw new Error(`\`${c}\` must be used within \`${e}\``)}return n.displayName=`${e}Provider`,[n,s]};exports.createContext=b;

package/dist/helpers/deprecations.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n="[@strapi/design-system]:",c=r=>{const e=r;let t=!1;if(typeof e!="function")throw new TypeError(`${n} once requires a function parameter`);return(...o)=>{t||(e(...o),t=!0)}};exports.PREFIX=n;exports.once=c;

package/dist/helpers/getDefaultLocale.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="en-EN";/**
- * @preserve
- * @deprecated This will be removed in v2.0.0, you can access the locale from `useDesignSystem` instead.
- */const t=()=>typeof navigator>"u"?e:navigator.language?navigator.language:e;exports.getDefaultLocale=t;

package/dist/helpers/getFocusableNodes.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=(t,e)=>[...t.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(r=>r.hasAttribute("disabled")?!1:e?!0:r.getAttribute("tabindex")!=="-1"),s=t=>t.filter(e=>e.tagName==="INPUT"?e.type!=="checkbox"&&e.type!=="radio":!1);exports.getFocusableNodes=a;exports.getFocusableNodesWithKeyboardNav=s;

package/dist/helpers/handleResponsiveValues.cjs

@@ -1 +0,0 @@
-"use strict";const d=(t,s,e)=>{if(!s)return;let i=Array.isArray(s)?s:[];if(!Array.isArray(s)&&typeof s=="object"&&(i=[s?.desktop,s?.tablet,s?.mobile]),i.length>0)return i.reduce((r,n,a)=>{if(n)switch(a){case 0:return`${r}${t}: ${e.spaces[n]};`;case 1:return`${r}${e.mediaQueries.tablet}{${t}: ${e.spaces[n]};}`;case 2:return`${r}${e.mediaQueries.mobile}{${t}: ${e.spaces[n]};}`;default:return r}return r},"");const $=e.spaces[s]||s;return`${t}: ${$};`};module.exports=d;

package/dist/helpers/keyboardKeys.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"};exports.KeyboardKeys=e;

package/dist/helpers/objects.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,r){return typeof e=="string"?!1:r in e}function i(e){return e&&typeof e=="object"&&!Array.isArray(e)}exports.isKeyOf=t;exports.isObject=i;

package/dist/helpers/setOpacity.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(t,e)=>`${t}${Math.floor(e*255).toString(16).padStart(2,"0")}`;exports.setOpacity=o;

package/dist/helpers/setTabIndexOnFirstItem.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(e,i)=>{const t=e.querySelectorAll(i);t&&t.length>0&&t.item(0).setAttribute("tabindex","0")};exports.setTabIndexOnFirstItem=n;

package/dist/helpers/strings.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e.replaceAll(":","");exports.stripReactIdOfColon=t;

package/dist/helpers/theme.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./objects.cjs");function u(t,e,r){return e&&o.isKeyOf(t,e)?t[e]:r}exports.extractStyleFromTheme=u;

package/dist/helpers/useElementOnScreen.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./deprecations.cjs"),r=require("../hooks/useElementOnScreen.cjs"),t=e.once(console.warn);/**
- * @preserve
- * @deprecated useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"
- */const s=(...n)=>(t(`${e.PREFIX} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`),r.useElementOnScreen(...n));exports.useElementOnScreen=s;

package/dist/helpers/useId.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./deprecations.cjs"),o=require("../hooks/useId.cjs"),r=e.once(console.warn);/**
- * @preserve
- * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
- */const t=(...s)=>(r(`${e.PREFIX} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`),o.useId(...s));exports.useId=t;

package/dist/helpers/useIntersection.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./deprecations.cjs"),s=require("../hooks/useIntersection.cjs"),n=e.once(console.warn);/**
- * @preserve
- * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
- */const o=(...t)=>(n(`${e.PREFIX} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`),s.useIntersection(...t));exports.useIntersection=o;

package/dist/helpers/useLockScroll.cjs

@@ -1,4 +0,0 @@
-"use strict";const e=require("./deprecations.cjs"),s=require("../hooks/useLockScroll.cjs"),r=e.once(console.warn);/**
- * @preserve
- * @deprecated useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"
- */const c=(...o)=>(r(`${e.PREFIX} useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"`),s(...o));module.exports=c;

package/dist/helpers/usePrevious.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./deprecations.cjs"),o=require("../hooks/usePrevious.cjs"),r=e.once(console.warn);/**
- * @preserve
- * @deprecated usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"
- */const u=(...s)=>(r(`${e.PREFIX} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`),o.usePrevious(...s));exports.usePrevious=u;

package/dist/helpers/useResizeObserver.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./deprecations.cjs"),r=require("../hooks/useResizeObserver.cjs"),o=e.once(console.warn);/**
- * @preserve
- * @deprecated useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"
- */const t=(...s)=>(o(`${e.PREFIX} useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"`),r.useResizeObserver(...s));exports.useResizeObserver=t;

package/dist/hooks/useComposeRefs.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function r(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=r(u);function i(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function c(...e){return t=>e.forEach(n=>i(n,t))}function f(...e){return s.useCallback(c(...e),e)}exports.composeRefs=c;exports.useComposedRefs=f;

package/dist/hooks/useControllableState.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),f=require("@strapi/ui-primitives");function g(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const u=g(S);function p({prop:e,defaultProp:o,onChange:n=()=>{}}){const[t,c]=v({defaultProp:o,onChange:n}),r=e!==void 0,l=e instanceof Function?e(t):e,d=r?l:t,a=f.useCallbackRef(n),b=u.useCallback(s=>{if(r){const i=typeof s=="function"?s(l):s;i!==l&&(a(i),c(s))}else c(s)},[r,l,c,a]);return[d,b]}function v({defaultProp:e,onChange:o}){const n=u.useState(e),[t]=n,c=u.useRef(t),r=f.useCallbackRef(o);return u.useEffect(()=>{c.current!==t&&(r(t),c.current=t)},[t,c,r]),n}exports.useControllableState=p;

package/dist/hooks/useDateFormatter.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),a=require("@internationalized/date");function f(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=f(l);function s(e,t){let r=c.useRef(null);return t&&r.current&&o(t,r.current)&&(t=r.current),r.current=t??null,c.useMemo(()=>new a.DateFormatter(e,t),[e,t])}function o(e,t){if(e===t)return!0;let r=Object.keys(e),u=Object.keys(t);if(r.length!==u.length)return!1;for(let n of r)if(t[n]!==e[n])return!1;return!0}exports.useDateFormatter=s;

package/dist/hooks/useElementOnScreen.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),u=r=>{const e=n.useRef(null),[c,i]=n.useState(!0),o=([t])=>{i(t.isIntersecting)};return n.useEffect(()=>{const t=e.current,s=new IntersectionObserver(o,r);return t&&s.observe(e.current),()=>{t&&s.disconnect()}},[e,r]),[e,c]};exports.useElementOnScreen=u;

package/dist/hooks/useId.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=t=>t&&t.__esModule?t:{default:t},c=n(e),d=c.default["useId".toString()]||(()=>{});let r=0;const a=t=>{const[u,o]=e.useState(d());return e.useLayoutEffect(()=>{t||o(s=>s??String(r++))},[t]),t?.toString()??(u||"")};exports.useId=a;

package/dist/hooks/useIntersection.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),d=require("@strapi/ui-primitives"),f=(t,s,{selectorToWatch:n,skipWhen:e=!1})=>{const r=d.useCallbackRef(s);I.useEffect(()=>{if(e||!t.current)return;const u={root:t.current,rootMargin:"0px"},g=v=>{v.forEach(o=>{o.isIntersecting&&t.current&&t.current.scrollHeight>t.current.clientHeight&&r(o)})},i=new IntersectionObserver(g,u),c=t.current.querySelector(n);return c&&i.observe(c),()=>{i.disconnect()}},[e,r,n,t])};exports.useIntersection=f;

package/dist/hooks/useLockScroll.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("react"),c=s=>{o.useEffect(()=>(s&&document.body.classList.add("lock-body-scroll"),()=>{document.body.classList.remove("lock-body-scroll")}),[s])};module.exports=c;

package/dist/hooks/usePrevious.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=t=>{const e=r.useRef();return r.useEffect(()=>{e.current=t}),e.current};exports.usePrevious=u;

package/dist/hooks/useResizeObserver.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("@strapi/ui-primitives"),u=(e,s)=>{const t=c.useCallbackRef(s);n.useLayoutEffect(()=>{const r=new ResizeObserver(t);return Array.isArray(e)?e.forEach(i=>{i.current&&r.observe(i.current)}):e.current&&r.observe(e.current),()=>{r.disconnect()}},[e,t])};exports.useResizeObserver=u;

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./DesignSystemProvider.cjs"),k=require("./DismissibleLayer/index.cjs"),h=require("./BaseRadio/BaseRadio.cjs"),i=require("./Accordion/Accordion.cjs"),F=require("./Accordion/AccordionContent.cjs"),P=require("./Accordion/AccordionToggle.cjs"),x=require("./Accordion/AccordionGroup.cjs"),A=require("./Alert/Alert.cjs"),n=require("./Avatar/Avatar.cjs"),I=require("./Avatar/AvatarGroup.cjs"),M=require("./Badge/Badge.cjs"),a=require("./BaseButton/BaseButton.cjs"),D=require("./BaseCheckbox/BaseCheckbox.cjs"),R=require("./BaseLink/BaseLink.cjs"),G=require("./Box/Box.cjs"),u=require("./Breadcrumbs/Breadcrumbs.cjs"),c=require("./Button/Button.cjs"),w=require("./Card/Card.cjs"),O=require("./Card/CardAction.cjs"),H=require("./Card/CardAsset.cjs"),E=require("./Card/CardBadge.cjs"),W=require("./Card/CardBody.cjs"),U=require("./Card/CardCheckbox.cjs"),V=require("./Card/CardContent.cjs"),f=require("./Card/CardHeader.cjs"),J=require("./Card/CardTimer.cjs"),s=require("./Card/CardTitle.cjs"),K=require("./CarouselInput/Carousel.cjs"),z=require("./CarouselInput/CarouselInput.cjs"),_=require("./CarouselInput/CarouselActions.cjs"),$=require("./CarouselInput/CarouselImage.cjs"),j=require("./CarouselInput/CarouselSlide.cjs"),Q=require("./Checkbox/Checkbox.cjs"),d=require("./Combobox/Combobox.cjs"),X=require("./Combobox/ComboboxOption.cjs"),Y=require("./Dialog/Dialog.cjs"),Z=require("./Dialog/DialogBody.cjs"),ee=require("./Dialog/DialogFooter.cjs"),re=require("./DatePicker/DatePicker.cjs"),l=require("./DateTimePicker/DateTimePicker.cjs"),oe=require("./Divider/Divider.cjs"),te=require("./EmptyStateLayout/EmptyStateLayout.cjs"),ie=require("./Field/Field.cjs"),ne=require("./Field/FieldLabel.cjs"),q=require("./Field/FieldInput.cjs"),ae=require("./Field/FieldHint.cjs"),ue=require("./Field/FieldError.cjs"),T=require("./Field/FieldContext.cjs"),ce=require("./Field/FieldAction.cjs"),se=require("./FocusTrap/FocusTrap.cjs"),de=require("./Grid/Grid.cjs"),le=require("./Grid/GridItem.cjs"),qe=require("./Icon/Icon.cjs"),S=require("./IconButton/IconButton.cjs"),Te=require("./JSONInput/JSONInput.cjs"),Se=require("./KeyboardNavigable/KeyboardNavigable.cjs"),be=require("./Layout/Layout.cjs"),pe=require("./Layout/ActionLayout.cjs"),Ce=require("./Layout/ContentLayout.cjs"),b=require("./Layout/HeaderLayout.cjs"),ve=require("./Layout/TwoColsLayout.cjs"),ye=require("./Layout/GridLayout.cjs"),ge=require("./Link/Link.cjs"),me=require("./LinkButton/LinkButton.cjs"),Le=require("./LiveRegions/LiveRegions.cjs"),Be=require("./LiveRegions/useNotifyAT.cjs"),Ne=require("./Loader/Loader.cjs"),ke=require("./Main/Main.cjs"),he=require("./Main/SkipToContent.cjs"),Fe=require("./MainNav/MainNav.cjs"),Pe=require("./MainNav/NavBrand.cjs"),xe=require("./MainNav/NavCondense.cjs"),Ae=require("./MainNav/NavFooter.cjs"),Ie=require("./MainNav/NavLink.cjs"),Me=require("./MainNav/NavSection.cjs"),De=require("./MainNav/NavSections.cjs"),Re=require("./MainNav/NavUser.cjs"),Ge=require("./ModalLayout/ModalLayout.cjs"),we=require("./ModalLayout/ModalHeader.cjs"),Oe=require("./ModalLayout/ModalFooter.cjs"),He=require("./ModalLayout/ModalBody.cjs"),Ee=require("./NumberInput/NumberInput.cjs"),We=require("./Pagination/Pagination.cjs"),e=require("./Pagination/components.cjs"),p=require("./Popover/Popover.cjs"),Ue=require("./Popover/primitives.cjs"),Ve=require("./Portal/Portal.cjs"),fe=require("./ProgressBar/ProgressBar.cjs"),Je=require("./BaseRadio/RadioGroup.cjs"),Ke=require("./Radio/Radio.cjs"),ze=require("./RawTable/RawTable.cjs"),C=require("./RawTable/RawCell.cjs"),_e=require("./RawTable/RawThead.cjs"),$e=require("./RawTable/RawTbody.cjs"),je=require("./RawTable/RawTr.cjs"),Qe=require("./Flex/Flex.cjs"),Xe=require("./Searchbar/Searchbar.cjs"),Ye=require("./Searchbar/SearchForm.cjs"),Ze=require("./Select/MultiSelectNested.cjs"),r=require("./Select/MultiSelect.cjs"),v=require("./Select/SingleSelect.cjs"),er=require("./Select/Select.cjs"),rr=require("./Select/Option.cjs"),or=require("./Select/OptGroup.cjs"),tr=require("./Select/SelectList.cjs"),y=require("./SimpleMenu/SimpleMenu.cjs"),ir=require("./Stack/Stack.cjs"),nr=require("./Status/Status.cjs"),g=require("./SubNav/SubNav.cjs"),ar=require("./SubNav/SubNavHeader.cjs"),ur=require("./SubNav/SubNavLink.cjs"),cr=require("./SubNav/SubNavLinkSection.cjs"),sr=require("./SubNav/SubNavSection.cjs"),dr=require("./SubNav/SubNavSections.cjs"),lr=require("./Switch/Switch.cjs"),m=require("./Tabs/Tabs.cjs"),L=require("./Tabs/TabPanels.cjs"),qr=require("./Tabs/TabGroup.cjs"),Tr=require("./Table/Table.cjs"),Sr=require("./Table/Tbody.cjs"),br=require("./Table/Thead.cjs"),pr=require("./Table/Tr.cjs"),B=require("./Table/Cell.cjs"),Cr=require("./Table/TFooter.cjs"),vr=require("./Tag/Tag.cjs"),yr=require("./TextButton/TextButton.cjs"),gr=require("./TextInput/TextInput.cjs"),mr=require("./Textarea/Textarea.cjs"),Lr=require("./ThemeProvider/ThemeProvider.cjs"),Br=require("./ThemeProvider/hooks.cjs"),N=require("./TimePicker/TimePicker.cjs"),Nr=require("./ToggleCheckbox/ToggleCheckbox.cjs"),kr=require("./ToggleInput/ToggleInput.cjs"),hr=require("./Tooltip/Tooltip.cjs"),Fr=require("./Typography/Typography.cjs"),Pr=require("./VisuallyHidden/VisuallyHidden.cjs"),xr=require("./themes/lightTheme/index.cjs"),Ar=require("./themes/darkTheme/index.cjs"),Ir=require("./themes/extendTheme.cjs"),o=require("./themes/utils.cjs");exports.DesignSystemProvider=t.DesignSystemProvider;exports.useDesignSystem=t.useDesignSystem;exports.DismissibleLayer=k.DismissibleLayer;exports.BaseRadio=h.BaseRadio;exports.Accordion=i.Accordion;exports.AccordionTypography=i.AccordionTypography;exports.AccordionContent=F.AccordionContent;exports.AccordionToggle=P.AccordionToggle;exports.AccordionGroup=x.AccordionGroup;exports.Alert=A.Alert;exports.Avatar=n.Avatar;exports.Initials=n.Initials;exports.AvatarGroup=I.AvatarGroup;exports.Badge=M.Badge;exports.BaseButton=a.BaseButton;exports.BaseButtonWrapper=a.BaseButtonWrapper;exports.BaseCheckbox=D.BaseCheckbox;exports.BaseLink=R.BaseLink;exports.Box=G.Box;exports.Breadcrumbs=u.Breadcrumbs;exports.Crumb=u.Crumb;exports.Button=c.Button;exports.ButtonWrapper=c.ButtonWrapper;exports.Card=w.Card;exports.CardAction=O.CardAction;exports.CardAsset=H.CardAsset;exports.CardBadge=E.CardBadge;exports.CardBody=W.CardBody;exports.CardCheckbox=U.CardCheckbox;exports.CardContent=V.CardContent;exports.CardHeader=f.CardHeader;exports.CardTimer=J.CardTimer;exports.CardSubtitle=s.CardSubtitle;exports.CardTitle=s.CardTitle;exports.Carousel=K.Carousel;exports.CarouselInput=z.CarouselInput;exports.CarouselActions=_.CarouselActions;exports.CarouselImage=$.CarouselImage;exports.CarouselSlide=j.CarouselSlide;exports.Checkbox=Q.Checkbox;exports.Combobox=d.Combobox;exports.CreatableCombobox=d.CreatableCombobox;exports.ComboboxOption=X.ComboboxOption;exports.Dialog=Y.Dialog;exports.DialogBody=Z.DialogBody;exports.DialogFooter=ee.DialogFooter;exports.DatePicker=re.DatePicker;exports.DateTimePicker=l.DateTimePicker;exports.convertUTCDateToCalendarDateTime=l.convertUTCDateToCalendarDateTime;exports.Divider=oe.Divider;exports.EmptyStateLayout=te.EmptyStateLayout;exports.Field=ie.Field;exports.FieldLabel=ne.FieldLabel;exports.FieldInput=q.FieldInput;exports.InputWrapper=q.InputWrapper;exports.FieldHint=ae.FieldHint;exports.FieldError=ue.FieldError;exports.FieldContext=T.FieldContext;exports.useField=T.useField;exports.FieldAction=ce.FieldAction;exports.FocusTrap=se.FocusTrap;exports.Grid=de.Grid;exports.GridItem=le.GridItem;exports.Icon=qe.Icon;exports.IconButton=S.IconButton;exports.IconButtonGroup=S.IconButtonGroup;exports.JSONInput=Te.JSONInput;exports.KeyboardNavigable=Se.KeyboardNavigable;exports.Layout=be.Layout;exports.ActionLayout=pe.ActionLayout;exports.ContentLayout=Ce.ContentLayout;exports.BaseHeaderLayout=b.BaseHeaderLayout;exports.HeaderLayout=b.HeaderLayout;exports.TwoColsLayout=ve.TwoColsLayout;exports.GridLayout=ye.GridLayout;exports.Link=ge.Link;exports.LinkButton=me.LinkButton;exports.LiveRegions=Le.LiveRegions;exports.useNotifyAT=Be.useNotifyAT;exports.Loader=Ne.Loader;exports.Main=ke.Main;exports.SkipToContent=he.SkipToContent;exports.MainNav=Fe.MainNav;exports.NavBrand=Pe.NavBrand;exports.NavCondense=xe.NavCondense;exports.NavFooter=Ae.NavFooter;exports.NavLink=Ie.NavLink;exports.NavSection=Me.NavSection;exports.NavSections=De.NavSections;exports.NavUser=Re.NavUser;exports.ModalLayout=Ge.ModalLayout;exports.ModalHeader=we.ModalHeader;exports.ModalFooter=Oe.ModalFooter;exports.ModalBody=He.ModalBody;exports.NumberInput=Ee.NumberInput;exports.Pagination=We.Pagination;exports.Dots=e.Dots;exports.NextLink=e.NextLink;exports.PageLink=e.PageLink;exports.PreviousLink=e.PreviousLink;exports.POPOVER_PLACEMENTS=p.POPOVER_PLACEMENTS;exports.Popover=p.Popover;exports.PopoverPrimitives=Ue;exports.Portal=Ve.Portal;exports.ProgressBar=fe.ProgressBar;exports.RadioGroup=Je.RadioGroup;exports.Radio=Ke.Radio;exports.RawTable=ze.RawTable;exports.RawTd=C.RawTd;exports.RawTh=C.RawTh;exports.RawThead=_e.RawThead;exports.RawTbody=$e.RawTbody;exports.RawTr=je.RawTr;exports.Flex=Qe.Flex;exports.Searchbar=Xe.Searchbar;exports.SearchForm=Ye.SearchForm;exports.MultiSelectNested=Ze.MultiSelectNested;exports.MultiSelect=r.MultiSelect;exports.MultiSelectGroup=r.MultiSelectGroup;exports.MultiSelectOption=r.MultiSelectOption;exports.SingleSelect=v.SingleSelect;exports.SingleSelectOption=v.SingleSelectOption;exports.Select=er.Select;exports.Option=rr.Option;exports.OptGroup=or.OptGroup;exports.SelectList=tr.SelectList;exports.MenuItem=y.MenuItem;exports.SimpleMenu=y.SimpleMenu;exports.Stack=ir.Stack;exports.Status=nr.Status;exports.SubNav=g.SubNav;exports.subNavWidth=g.subNavWidth;exports.SubNavHeader=ar.SubNavHeader;exports.SubNavLink=ur.SubNavLink;exports.SubNavLinkSection=cr.SubNavLinkSection;exports.SubNavSection=sr.SubNavSection;exports.SubNavSections=dr.SubNavSections;exports.Switch=lr.Switch;exports.Tab=m.Tab;exports.Tabs=m.Tabs;exports.TabPanel=L.TabPanel;exports.TabPanels=L.TabPanels;exports.TabGroup=qr.TabGroup;exports.Table=Tr.Table;exports.Tbody=Sr.Tbody;exports.Thead=br.Thead;exports.Tr=pr.Tr;exports.Td=B.Td;exports.Th=B.Th;exports.TFooter=Cr.TFooter;exports.Tag=vr.Tag;exports.TextButton=yr.TextButton;exports.TextInput=gr.TextInput;exports.Textarea=mr.Textarea;exports.ThemeProvider=Lr.ThemeProvider;exports.useTheme=Br.useTheme;exports.TimePicker=N.TimePicker;exports.TimePickerInput=N.TimePickerInput;exports.ToggleCheckbox=Nr.ToggleCheckbox;exports.ToggleInput=kr.ToggleInput;exports.Tooltip=hr.Tooltip;exports.Typography=Fr.Typography;exports.VisuallyHidden=Pr.VisuallyHidden;exports.lightTheme=xr.lightTheme;exports.darkTheme=Ar.darkTheme;exports.extendTheme=Ir.extendTheme;exports.buttonFocusStyle=o.buttonFocusStyle;exports.getThemeSize=o.getThemeSize;exports.inputFocusStyle=o.inputFocusStyle;

package/dist/themes/common-theme.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./sizes.cjs"),m={sizes:e.sizes,zIndices:[5,10,15,20],spaces:["0px","4px","8px","12px","16px","20px","24px","32px","40px","48px","56px","64px"],borderRadius:"4px",mediaQueries:{tablet:`@media (max-width: ${1100/16}rem)`,mobile:`@media (max-width: ${550/16}rem)`},fontSizes:[`${11/16}rem`,`${12/16}rem`,`${14/16}rem`,"1rem",`${18/16}rem`,`${32/16}rem`],lineHeights:[1.14,1.22,1.25,1.33,1.43,1.45,1.5],fontWeights:{regular:400,semiBold:500,bold:600}};exports.commonTheme=m;

package/dist/themes/darkTheme/dark-colors.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={color:{alternative100:"#181826",alternative200:"#4a4a6a",alternative500:"#ac73e6",alternative600:"#ac73e6",alternative700:"#e0c1f4",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#181826",danger200:"#4a4a6a",danger500:"#ee5e52",danger600:"#ee5e52",danger700:"#ee5e52",neutral0:"#212134",neutral100:"#181826",neutral1000:"#ffffff",neutral150:"#32324d",neutral200:"#4a4a6a",neutral300:"#666687",neutral400:"#a5a5ba",neutral500:"#c0c0cf",neutral600:"#a5a5ba",neutral700:"#eaeaef",neutral800:"#ffffff",neutral900:"#ffffff",primary100:"#181826",primary200:"#4a4a6a",primary500:"#4945ff",primary600:"#7b79ff",primary700:"#7b79ff",secondary100:"#181826",secondary200:"#4a4a6a",secondary500:"#66b7f1",secondary600:"#66b7f1",secondary700:"#b8e1ff",success100:"#181826",success200:"#4a4a6a",success500:"#5cb176",success600:"#5cb176",success700:"#c6f0c2",warning100:"#181826",warning200:"#4a4a6a",warning500:"#f29d41",warning600:"#f29d41",warning700:"#fae7b9"}};exports.darkColorTokenObject=a;

package/dist/themes/darkTheme/dark-shadows.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={shadow:{filterShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",tableShadow:"1px 1px 10px rgba(3, 3, 5, 0.2)"}};exports.darkShadowTokenObject=p;

package/dist/themes/darkTheme/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dark-colors.cjs"),e=require("./dark-shadows.cjs"),r=require("../common-theme.cjs"),a={colors:o.darkColorTokenObject.color,shadows:e.darkShadowTokenObject.shadow,...r.commonTheme};exports.darkTheme=a;

package/dist/themes/extendTheme.cjs

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash"),d=require("./lightTheme/index.cjs"),n=require("../helpers/objects.cjs"),h=r=>`
-${r}
-
-The following is an example:
-
-
-import { lightTheme, extendTheme } from '@strapi/design-system';
-
-const myCustomTheme = extendTheme(lightTheme, {
-    ${Object.keys(d.lightTheme).map(t=>`${t}: /* put the overrides for the ${t} key */,`).join(`
-`)}
-})
-`,a=(r,t)=>{if(!n.isObject(r)){const e=h("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(e)}if(!n.isObject(t)){const e=h("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(e)}function c(e,s){if(Array.isArray(e))return s;if(n.isObject(e)&&n.isObject(s))return o.merge(e,s)}const i=o.cloneDeep(r??{}),m=o.cloneDeep(t??{});return o.assignWith(i,m,c),i};exports.extendTheme=a;

package/dist/themes/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lightTheme/index.cjs"),i=require("./darkTheme/index.cjs"),u=require("./extendTheme.cjs"),e=require("./utils.cjs");exports.lightTheme=t.lightTheme;exports.darkTheme=i.darkTheme;exports.extendTheme=u.extendTheme;exports.buttonFocusStyle=e.buttonFocusStyle;exports.getThemeSize=e.getThemeSize;exports.inputFocusStyle=e.inputFocusStyle;

package/dist/themes/lightTheme/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./light-colors.cjs"),e=require("./light-shadows.cjs"),t=require("../common-theme.cjs"),h={colors:o.lightColorTokenObject.color,shadows:e.lightShadowTokenObject.shadow,...t.commonTheme};exports.lightTheme=h;

package/dist/themes/lightTheme/light-colors.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={color:{alternative100:"#f6ecfc",alternative200:"#e0c1f4",alternative500:"#ac73e6",alternative600:"#9736e8",alternative700:"#8312d1",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#fcecea",danger200:"#f5c0b8",danger500:"#ee5e52",danger600:"#d02b20",danger700:"#b72b1a",neutral0:"#ffffff",neutral100:"#f6f6f9",neutral1000:"#181826",neutral150:"#eaeaef",neutral200:"#dcdce4",neutral300:"#c0c0cf",neutral400:"#a5a5ba",neutral500:"#8e8ea9",neutral600:"#666687",neutral700:"#4a4a6a",neutral800:"#32324d",neutral900:"#212134",primary100:"#f0f0ff",primary200:"#d9d8ff",primary500:"#7b79ff",primary600:"#4945ff",primary700:"#271fe0",secondary100:"#eaf5ff",secondary200:"#b8e1ff",secondary500:"#66b7f1",secondary600:"#0c75af",secondary700:"#006096",success100:"#eafbe7",success200:"#c6f0c2",success500:"#5cb176",success600:"#328048",success700:"#2f6846",warning100:"#fdf4dc",warning200:"#fae7b9",warning500:"#f29d41",warning600:"#d9822f",warning700:"#be5d01"}};exports.lightColorTokenObject=e;

package/dist/themes/lightTheme/light-shadows.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={shadow:{filterShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"0px 2px 15px rgba(33, 33, 52, 0.1)",tableShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)"}};exports.lightShadowTokenObject=p;

package/dist/themes/sizes.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={input:{S:`${32/16}rem`,M:`${40/16}rem`},accordions:{S:`${48/16}rem`,M:`${88/16}rem`},badge:{S:`${16/16}rem`,M:`${24/16}rem`},button:{S:`${32/16}rem`,M:`${36/16}rem`,L:`${40/16}rem`}};exports.sizes=e;

package/dist/v2/Breadcrumbs/Breadcrumbs.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),u=require("styled-components"),h=require("./Divider.cjs"),s=require("../../Flex/Flex.cjs"),m=require("../../Box/Box.cjs"),b=e=>e&&e.__esModule?e:{default:e},f=b(u),x=f.default(s.Flex)`
-  // CrumbLinks do have padding-x, because they need to have a
-  // interaction effect, which mis-aligns the breadcrumbs on the left.
-  // This normalizes the behavior by moving the first item to left by
-  // the same amount it has inner padding
-  :first-child {
-    margin-left: ${({theme:e})=>`calc(-1*${e.spaces[2]})`};
-  }
-`,n=({label:e,children:a,...l})=>{const r=i.Children.toArray(a);return t.jsx(m.Box,{"aria-label":e,...l,children:t.jsx(x,{as:"ol",children:i.Children.map(r,(o,c)=>{const d=r.length>1&&c+1<r.length;return t.jsxs(s.Flex,{inline:!0,as:"li",children:[o,d&&t.jsx(h.Divider,{})]})})})})};n.displayName="Breadcrumbs";exports.Breadcrumbs=n;

package/dist/v2/Breadcrumbs/Crumb.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../Box/Box.cjs"),n=require("../../Typography/Typography.cjs"),t=({children:o,isCurrent:e=!1,...i})=>r.jsx(a.Box,{paddingLeft:2,paddingRight:2,paddingTop:1,paddingBottom:1,children:r.jsx(n.Typography,{variant:"pi",textColor:"neutral800",fontWeight:e?"bold":"normal","aria-current":e,...i,children:o})});t.displayName="Crumb";exports.Crumb=t;

package/dist/v2/Breadcrumbs/CrumbLink.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("styled-components"),s=require("../../BaseLink/BaseLink.cjs"),i=e=>e&&e.__esModule?e:{default:e},l=i(n),u=l.default(s.BaseLink)`
-  border-radius: ${({theme:e})=>e.borderRadius};
-  color: ${({theme:e})=>e.colors.neutral600};
-  font-size: ${({theme:e})=>e.fontSizes[1]};
-  line-height: ${({theme:e})=>e.lineHeights[4]};
-  padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[2]}`};
-  text-decoration: none;
-
-  :hover,
-  :focus {
-    background-color: ${({theme:e})=>e.colors.neutral200};
-    color: ${({theme:e})=>e.colors.neutral700};
-  }
-`,o=({children:e,...r})=>t.jsx(u,{...r,children:e});o.displayName="CrumbLink";exports.CrumbLink=o;