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

package/dist/ToggleInput/ToggleInput.js

@@ -1,70 +1,23 @@
-import r from "react";
-import e from "prop-types";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import p from "styled-components";
-import { Field as y } from "../Field/Field.js";
-import { FieldLabel as T } from "../Field/FieldLabel.js";
-import "../Field/FieldInput.js";
-import { FieldHint as h } from "../Field/FieldHint.js";
-import { FieldError as v } from "../Field/FieldError.js";
-import "../Field/FieldContext.js";
-import "../Field/FieldAction.js";
-import { Flex as d } from "../Flex/Flex.js";
 import { useId as F } from "../hooks/useId.js";
-import { TextButton as I } from "../TextButton/TextButton.js";
-import { sizes as k } from "../themes/sizes.js";
-import { ToggleCheckbox as C } from "../ToggleCheckbox/ToggleCheckbox.js";
-const O = p(y)`
+import { ToggleCheckbox as I } from "../ToggleCheckbox/ToggleCheckbox.js";
+import { Field as T } from "../Field/Field.js";
+import { TextButton as j } from "../TextButton/TextButton.js";
+import { Flex as d } from "../Flex/Flex.js";
+import { FieldLabel as k } from "../Field/FieldLabel.js";
+import { FieldHint as y } from "../Field/FieldHint.js";
+import { FieldError as B } from "../Field/FieldError.js";
+const C = p(T)`
   max-width: 320px;
-`, z = p(I)`
+`, q = p(j)`
   align-self: flex-end;
   margin-left: auto;
-`, t = ({
-  disabled: o,
-  size: s,
-  error: c,
-  hint: f,
-  label: i,
-  name: u,
-  labelAction: g,
-  required: b,
-  id: E,
-  onClear: l,
-  clearLabel: n,
-  checked: m,
-  ...x
-}) => {
-  const a = F(E);
-  return /* @__PURE__ */ r.createElement(O, { name: u, hint: f, error: c, id: a, required: b }, /* @__PURE__ */ r.createElement(d, { direction: "column", alignItems: "stretch", gap: 1 }, /* @__PURE__ */ r.createElement(d, null, /* @__PURE__ */ r.createElement(T, { action: g }, i), n && l && m !== null && !o && /* @__PURE__ */ r.createElement(z, { onClick: l }, n)), /* @__PURE__ */ r.createElement(C, { id: a, size: s, checked: m, disabled: o, ...x }, i), /* @__PURE__ */ r.createElement(h, null), /* @__PURE__ */ r.createElement(v, null)));
-};
-t.displayName = "ToggleInput";
-t.defaultProps = {
-  checked: !1,
-  clearLabel: void 0,
-  disabled: !1,
-  error: void 0,
-  hint: void 0,
-  id: void 0,
-  label: "",
-  labelAction: void 0,
-  name: "",
-  onClear: void 0,
-  required: !1,
-  size: "M"
-};
-t.propTypes = {
-  checked: e.bool,
-  clearLabel: e.string,
-  disabled: e.bool,
-  error: e.string,
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
-  id: e.string,
-  label: e.string,
-  labelAction: e.node,
-  name: e.string,
-  onClear: e.func,
-  required: e.bool,
-  size: e.oneOf(Object.keys(k.input))
+`, w = ({ disabled: e = !1, size: s = "M", error: f, hint: c, label: o, name: a, labelAction: g, required: h = !1, id: u, onClear: i, clearLabel: t, checked: n = !1, ...x }) => {
+  const l = F(u);
+  return r(C, { name: a, hint: c, error: f, id: l, required: h, children: m(d, { direction: "column", alignItems: "stretch", gap: 1, children: [m(d, { children: [r(k, { action: g, children: o }), t && i && n !== null && !e && r(q, { onClick: i, children: t })] }), r(I, { id: l, size: s, checked: n, disabled: e, ...x, children: o }), r(y, {}), r(B, {})] }) });
 };
+w.displayName = "ToggleInput";
 export {
-  t as ToggleInput
+  w as ToggleInput
 };

package/dist/ToggleInput/index.cjs

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

@@ -3,66 +3,23 @@ import * as y from "react";
 import g from "styled-components";
 import { useTooltipHandlers as T } from "./hooks/useTooltipHandlers.js";
 import { useTooltipLayout as v } from "./hooks/useTooltipLayout.js";
-import { Box as I } from "../Box/Box.js";
 import { useId as d } from "../hooks/useId.js";
-import { Portal as R } from "../Portal/Portal.js";
-import { Typography as H } from "../Typography/Typography.js";
-import { VisuallyHidden as W } from "../VisuallyHidden/VisuallyHidden.js";
-const j = g(I)`
+import { Portal as I } from "../Portal/Portal.js";
+import { Box as R } from "../Box/Box.js";
+import { VisuallyHidden as H } from "../VisuallyHidden/VisuallyHidden.js";
+import { Typography as W } from "../Typography/Typography.js";
+const j = g(R)`
   /* z-index exist because of its position inside Modals */
   z-index: 4;
-  display: ${({
-  visible: e
-}) => e ? "revert" : "none"};
-`, S = ({
-  children: e,
-  label: n,
-  description: r,
-  delay: s = 500,
-  position: p = "top",
-  id: a,
-  ...m
-}) => {
-  const t = d(a), c = d(), {
-    visible: i,
-    ...f
-  } = T(s), {
-    tooltipWrapperRef: u,
-    toggleSourceRef: b
-  } = v(i, p), h = y.cloneElement(e, {
+  display: ${({ visible: e }) => e ? "revert" : "none"};
+`, S = ({ children: e, label: n, description: r, delay: s = 500, position: p = "top", id: a, ...m }) => {
+  const t = d(a), c = d(), { visible: i, ...f } = T(s), { tooltipWrapperRef: u, toggleSourceRef: b } = v(i, p), h = y.cloneElement(e, {
     tabIndex: 0,
     "aria-labelledby": n ? t : void 0,
     "aria-describedby": r ? t : void 0,
     ...f
   });
-  return l(x, {
-    children: [o(R, {
-      children: l(j, {
-        id: t,
-        background: "neutral900",
-        hasRadius: !0,
-        padding: 2,
-        role: "tooltip",
-        ref: u,
-        visible: i,
-        position: "absolute",
-        ...m,
-        children: [i && o(W, {
-          id: c,
-          children: r
-        }), o(H, {
-          as: "p",
-          variant: "pi",
-          fontWeight: "bold",
-          textColor: "neutral0",
-          children: n || r
-        })]
-      })
-    }), o("span", {
-      ref: b,
-      children: h
-    })]
-  });
+  return l(x, { children: [o(I, { children: l(j, { id: t, background: "neutral900", hasRadius: !0, padding: 2, role: "tooltip", ref: u, visible: i, position: "absolute", ...m, children: [i && o(H, { id: c, children: r }), o(W, { as: "p", variant: "pi", fontWeight: "bold", textColor: "neutral0", children: n || r })] }) }), o("span", { ref: b, children: h })] });
 };
 export {
   S as Tooltip

package/dist/Tooltip/hooks/useTooltipHandlers.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),n=s=>{const[u,e]=o.useState(!1),t=o.useRef(null),r=()=>{typeof t.current=="number"&&(clearTimeout(t.current),t.current=null)};return o.useEffect(()=>()=>{r()},[]),{visible:u,onFocus:()=>{e(!0)},onBlur:()=>{e(!1)},onMouseEnter:()=>{t.current=setTimeout(()=>{e(!0)},s)},onMouseLeave:()=>{r(),e(!1)}}};exports.useTooltipHandlers=n;
+"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 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),c=require("../utils/positionTooltip.cjs"),n=(e,u)=>{const l=o.useRef(null),s=o.useRef(null);return o.useLayoutEffect(()=>{if(e){const t=l.current,i=s.current;if(t&&i){const r=c.positionTooltip(t,i,u);t.style.left=`${r.left}px`,t.style.top=`${r.top}px`}}},[u,e]),{tooltipWrapperRef:l,toggleSourceRef:s}};exports.useTooltipLayout=n;
+"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 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tooltip.cjs");exports.Tooltip=e.Tooltip;
+"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 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[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}},e=(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}},o=(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}},p=(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"?e(t,n):f==="left"?o(t,n):p(t,n)};exports.positionTooltip=r;
+"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,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),o=require("./utils.cjs"),r=require("../helpers/theme.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=i(n),a={fontSize:!0,fontWeight:!0},l=s.default.span.withConfig({shouldForwardProp:(e,t)=>!a[e]&&t(e)})`
+"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}
 
@@ -6,7 +6,7 @@
   // 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,void 0)};
+  line-height: ${({theme:e,lineHeight:t})=>r.extractStyleFromTheme(e.lineHeights,t,t)};
   color: ${o.handleColor};
   text-align: ${({textAlign:e})=>e};
   text-decoration: ${({textDecoration:e})=>e};

package/dist/Typography/Typography.js

@@ -1,40 +1,25 @@
-import i from "styled-components";
-import { variantStyle as r, ellipsisStyle as n, handleColor as a } from "./utils.js";
+import r from "styled-components";
+import { variantStyle as i, ellipsisStyle as n, handleColor as a } from "./utils.js";
 import { extractStyleFromTheme as o } from "../helpers/theme.js";
 const s = {
   fontSize: !0,
   fontWeight: !0
-}, d = i.span.withConfig({
+}, m = r.span.withConfig({
   shouldForwardProp: (t, e) => !s[t] && e(t)
 })`
-  ${r}
+  ${i}
   ${n}
 
   // These properties need to come after {variantStyle}, because they might
   // overwrite a variant attribute
-  font-weight: ${({
-  theme: t,
-  fontWeight: e
-}) => o(t.fontWeights, e, void 0)};
-  font-size: ${({
-  theme: t,
-  fontSize: e
-}) => o(t.fontSizes, e, void 0)};
-  line-height: ${({
-  theme: t,
-  lineHeight: e
-}) => o(t.lineHeights, e, void 0)};
+  font-weight: ${({ theme: t, fontWeight: e }) => o(t.fontWeights, e, void 0)};
+  font-size: ${({ theme: t, fontSize: e }) => o(t.fontSizes, e, void 0)};
+  line-height: ${({ theme: t, lineHeight: e }) => o(t.lineHeights, e, e)};
   color: ${a};
-  text-align: ${({
-  textAlign: t
-}) => t};
-  text-decoration: ${({
-  textDecoration: t
-}) => t};
-  text-transform: ${({
-  textTransform: t
-}) => t};
+  text-align: ${({ textAlign: t }) => t};
+  text-decoration: ${({ textDecoration: t }) => t};
+  text-transform: ${({ textTransform: t }) => t};
 `;
 export {
-  d as Typography
+  m as Typography
 };

package/dist/Typography/constants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="alpha",e="beta",A="delta",o="epsilon",s="omega",n="pi",T="sigma",c=[t,e,A,o,s,n,T];exports.ALPHA=t;exports.BETA=e;exports.DELTA=A;exports.EPSILON=o;exports.OMEGA=s;exports.PI=n;exports.SIGMA=T;exports.TEXT_VARIANTS=c;
+"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 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Typography.cjs");exports.Typography=e.Typography;
+"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 +1,34 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./constants.cjs"),n=({ellipsis:t=!1})=>t&&`
+"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:t=e.OMEGA,theme:i})=>{switch(t){case e.ALPHA:return`
+  `,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 e.BETA:return`
+      `;case t.BETA:return`
         font-weight: ${i.fontWeights.bold};
         font-size: ${i.fontSizes[4]};
         line-height: ${i.lineHeights[1]};
-      `;case e.DELTA:return`
+      `;case t.DELTA:return`
         font-weight: ${i.fontWeights.semiBold};
         font-size: ${i.fontSizes[3]};
         line-height: ${i.lineHeights[2]};
-      `;case e.EPSILON:return`
+      `;case t.EPSILON:return`
         font-size: ${i.fontSizes[3]};
         line-height: ${i.lineHeights[6]};
-      `;case e.OMEGA:return`
+      `;case t.OMEGA:return`
         font-size: ${i.fontSizes[2]};
         line-height: ${i.lineHeights[4]};
-      `;case e.PI:return`
+      `;case t.PI:return`
         font-size: ${i.fontSizes[1]};
         line-height: ${i.lineHeights[3]};
-      `;case e.SIGMA:return`
+      `;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]};
-      `}},o=({theme:t,textColor:i})=>t.colors[i||"neutral800"];exports.ellipsisStyle=n;exports.handleColor=o;exports.variantStyle=s;
+      `}},o=({theme:e,textColor:i})=>e.colors[i||"neutral800"];exports.ellipsisStyle=n;exports.handleColor=o;exports.variantStyle=s;

package/dist/VisuallyHidden/VisuallyHidden.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=d(t),l=i.default.div`
+"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;

package/dist/VisuallyHidden/index.cjs

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

package/dist/helpers/context.cjs

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

@@ -0,0 +1,21 @@
+import { jsx as x } from "react/jsx-runtime";
+import * as n from "react";
+const v = (o, t) => {
+  const c = n.createContext(t);
+  function i(r) {
+    const { children: e, ...s } = r, d = n.useMemo(() => s, Object.values(s));
+    return x(c.Provider, { value: d, children: e });
+  }
+  function u(r) {
+    const e = n.useContext(c);
+    if (e)
+      return e;
+    if (t !== void 0)
+      return t;
+    throw new Error(`\`${r}\` must be used within \`${o}\``);
+  }
+  return i.displayName = `${o}Provider`, [i, u];
+};
+export {
+  v as createContext
+};

package/dist/helpers/deprecations.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="[@strapi/design-system]:",s=n=>{const e=n;let t=!1;if(typeof e!="function")throw new TypeError(`${r} once requires a function parameter`);return(...o)=>{t||(e(...o),t=!0)}};exports.PREFIX=r;exports.once=s;
+"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 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="en-EN",a=()=>typeof navigator>"u"?e:navigator.language?navigator.language:navigator.userLanguage?navigator.userLanguage:e;exports.getDefaultLocale=a;
+"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/getDefaultLocale.js

@@ -1,4 +1,9 @@
-const a = "en-EN", e = () => typeof navigator > "u" ? a : navigator.language ? navigator.language : navigator.userLanguage ? navigator.userLanguage : a;
+const e = "en-EN";
+/**
+ * @preserve
+ * @deprecated This will be removed in v2.0.0, you can access the locale from `useDesignSystem` instead.
+ */
+const n = () => typeof navigator > "u" ? e : navigator.language ? navigator.language : e;
 export {
-  e as getDefaultLocale
+  n as getDefaultLocale
 };

package/dist/helpers/getFocusableNodes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=(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"),a=t=>t.filter(e=>e.tagName==="INPUT"?e.type!=="checkbox"&&e.type!=="radio":!1);exports.getFocusableNodes=s;exports.getFocusableNodesWithKeyboardNav=a;
+"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/keyboardKeys.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[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;
+"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 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./arrays.cjs");function b(e,i){return typeof e=="string"?!1:i in e}function n(e){return e&&typeof e=="object"&&!Array.isArray(e)}function o(e,...i){if(!i.length)return e;const r=i.shift();if(r===void 0)return e;const c=n(e)&&n(r),t=f.isArray(e)&&f.isArray(r);if(c||t)for(const s of Object.keys(r)){const u=n(r[s]),y=f.isArray(r[s]);u||y?(e[s]||Object.assign(e,{[s]:u?{}:[]}),o(e[s],r[s])):c?Object.assign(e,{[s]:r[s]}):e.push(r[s])}return o(e,...i)}exports.isKeyOf=b;exports.isObject=n;exports.mergeDeep=o;
+"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/objects.js

@@ -1,26 +1,10 @@
-import { isArray as e } from "./arrays.js";
-function j(n, s) {
-  return typeof n == "string" ? !1 : s in n;
+function t(r, n) {
+  return typeof r == "string" ? !1 : n in r;
 }
-function f(n) {
-  return n && typeof n == "object" && !Array.isArray(n);
-}
-function u(n, ...s) {
-  if (!s.length)
-    return n;
-  const i = s.shift();
-  if (i === void 0)
-    return n;
-  const o = f(n) && f(i), b = e(n) && e(i);
-  if (o || b)
-    for (const r of Object.keys(i)) {
-      const c = f(i[r]), t = e(i[r]);
-      c || t ? (n[r] || Object.assign(n, { [r]: c ? {} : [] }), u(n[r], i[r])) : o ? Object.assign(n, { [r]: i[r] }) : n.push(i[r]);
-    }
-  return u(n, ...s);
+function e(r) {
+  return r && typeof r == "object" && !Array.isArray(r);
 }
 export {
-  j as isKeyOf,
-  f as isObject,
-  u as mergeDeep
+  t as isKeyOf,
+  e as isObject
 };

package/dist/helpers/setOpacity.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=(t,e)=>`${t}${Math.floor(e*255).toString(16).padStart(2,"0")}`;exports.setOpacity=o;
+"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 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=(t,s)=>{const e=t.querySelectorAll(s);e&&e.length>0&&e.item(0).setAttribute("tabindex","0")};exports.setTabIndexOnFirstItem=i;
+"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

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

package/dist/helpers/strings.js

@@ -0,0 +1,4 @@
+const l = (e) => e.replaceAll(":", "");
+export {
+  l as stripReactIdOfColon
+};

package/dist/helpers/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[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;
+"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 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),s=require("../hooks/useElementOnScreen.cjs"),r=e.once(console.warn),t=(...n)=>(r(`${e.PREFIX} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`),s.useElementOnScreen(...n));exports.useElementOnScreen=t;
+"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/useElementOnScreen.js

@@ -1,6 +1,11 @@
 import { once as n, PREFIX as r } from "./deprecations.js";
 import { useElementOnScreen as s } from "../hooks/useElementOnScreen.js";
-const t = n(console.warn), c = (...e) => (t(`${r} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`), s(...e));
+const t = n(console.warn);
+/**
+ * @preserve
+ * @deprecated useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"
+ */
+const c = (...e) => (t(`${r} useElementOnScreen has moved. Please import it from "@strapi/design-system/hooks/useElementOnScreen"`), s(...e));
 export {
   c as useElementOnScreen
 };

package/dist/helpers/useId.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),o=require("../hooks/useId.cjs"),r=e.once(console.warn),t=(...s)=>(r(`${e.PREFIX} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`),o.useId(...s));exports.useId=t;
+"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/useId.js

@@ -1,6 +1,11 @@
 import { once as s, PREFIX as o } from "./deprecations.js";
 import { useId as r } from "../hooks/useId.js";
-const t = s(console.warn), n = (...e) => (t(`${o} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`), r(...e));
+const t = s(console.warn);
+/**
+ * @preserve
+ * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
+ */
+const n = (...e) => (t(`${o} useId has moved. Please import it from "@strapi/design-system/hooks/useId"`), r(...e));
 export {
   n as useId
 };

package/dist/helpers/useIntersection.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),t=require("../hooks/useIntersection.cjs"),n=e.once(console.warn),o=(...s)=>(n(`${e.PREFIX} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`),t.useIntersection(...s));exports.useIntersection=o;
+"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/useIntersection.js

@@ -1,6 +1,11 @@
 import { once as s, PREFIX as t } from "./deprecations.js";
 import { useIntersection as o } from "../hooks/useIntersection.js";
-const n = s(console.warn), c = (...e) => (n(`${t} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`), o(...e));
+const n = s(console.warn);
+/**
+ * @preserve
+ * @deprecated useId has moved. Please import it from "@strapi/design-system/hooks/useId"
+ */
+const c = (...e) => (n(`${t} useIntersection has moved. Please import it from "@strapi/design-system/hooks/useIntersection"`), o(...e));
 export {
   c as useIntersection
 };

package/dist/helpers/useLockScroll.cjs

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

@@ -1,6 +1,11 @@
 import { once as e, PREFIX as r } from "./deprecations.js";
 import s from "../hooks/useLockScroll.js";
-const c = e(console.warn), a = (...o) => (c(`${r} useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"`), s(...o));
+const c = e(console.warn);
+/**
+ * @preserve
+ * @deprecated useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"
+ */
+const a = (...o) => (c(`${r} useLockScroll has moved. Please import it from "@strapi/design-system/hooks/useLockScroll"`), s(...o));
 export {
   a as default
 };

package/dist/helpers/usePrevious.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),o=require("../hooks/usePrevious.cjs"),r=e.once(console.warn),u=(...s)=>(r(`${e.PREFIX} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`),o.usePrevious(...s));exports.usePrevious=u;
+"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/usePrevious.js

@@ -1,6 +1,11 @@
 import { once as s, PREFIX as o } from "./deprecations.js";
 import { usePrevious as r } from "../hooks/usePrevious.js";
-const i = s(console.warn), m = (...e) => (i(`${o} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`), r(...e));
+const i = s(console.warn);
+/**
+ * @preserve
+ * @deprecated usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"
+ */
+const m = (...e) => (i(`${o} usePrevious has moved. Please import it from "@strapi/design-system/hooks/usePrevious"`), r(...e));
 export {
   m as usePrevious
 };

package/dist/helpers/useResizeObserver.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./deprecations.cjs"),r=require("../hooks/useResizeObserver.cjs"),o=e.once(console.warn),i=(...s)=>(o(`${e.PREFIX} useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"`),r.useResizeObserver(...s));exports.useResizeObserver=i;
+"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/helpers/useResizeObserver.js

@@ -1,6 +1,11 @@
 import { once as s, PREFIX as r } from "./deprecations.js";
 import { useResizeObserver as o } from "../hooks/useResizeObserver.js";
-const i = s(console.warn), n = (...e) => (i(`${r} useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"`), o(...e));
+const i = s(console.warn);
+/**
+ * @preserve
+ * @deprecated useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"
+ */
+const n = (...e) => (i(`${r} useResizeObserver has moved. Please import it from "@strapi/design-system/hooks/useResizeObserver"`), o(...e));
 export {
   n as useResizeObserver
 };