@preply/ds-docs 7.1.0 → 8.0.0

package/dist/assets/10.Combinations.stories-DW0Awy7g.js

@@ -0,0 +1,128 @@
+import{j as e}from"./iframe-CWgEsn_I.js";import{L as y}from"./LayoutFlexItem-CG7Crdkt.js";import{L as n}from"./LayoutFlex-TxluN-Yw.js";import{f as D,d as T}from"./styled-components.browser.esm-BZ4U6qbl.js";import"./preload-helper-Dp1pzeXC.js";import"./align-self-Dj6Hw1ei.js";import"./layout-relative-Dd1oD7no.js";import"./layout-relative.module-DtLbhGhZ.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CmmTyjin.js";import"./emotion-unitless.esm-BZwEwAnk.js";function S(s){return e.jsx("div",{style:{background:"yellow",width:"100%"},children:s.children})}function b(s){return e.jsx("div",{style:{background:"orange",width:"100%"},children:s.children})}function U(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapUndefined"}),e.jsxs(n,{dataset:{testid:"NowrapUndefined"},children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function H(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapTrue"}),e.jsxs(n,{dataset:{testid:"NowrapTrue"},nowrap:!0,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function O(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"NowrapFalse"}),e.jsxs(n,{dataset:{testid:"NowrapFalse"},nowrap:!1,children:[e.jsx(S,{children:"a"}),e.jsx(b,{children:"b"})]})]})}function c(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function x(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function $(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueUndefined"},column:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueFalse"},column:!0,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function J(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseTrueTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseTrueTrue"},column:!0,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseUndefined"},column:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function G(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseFalse"},column:!1,reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseFalseTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseFalseTrue"},column:!1,reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedUndefined"},children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedFalse"},reverse:!1,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function N(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"ColumnReverseUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"ColumnReverseUndefinedTrue"},reverse:!0,children:[e.jsx(c,{children:"a"}),e.jsx(x,{children:"b"})]})]})}function p(s){return e.jsx("div",{style:{background:"yellow",width:"50%"},children:s.children})}function g(s){return e.jsx("div",{style:{background:"orange",width:"50%"},children:s.children})}function B(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRow"}),e.jsxs(n,{dataset:{testid:"DirectionRow"},direction:"row",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function L(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionRowReverse"}),e.jsxs(n,{dataset:{testid:"DirectionRowReverse"},direction:"row-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function M(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumn"}),e.jsxs(n,{dataset:{testid:"DirectionColumn"},direction:"column",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverse"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverse"},direction:"column-reverse",children:[e.jsx(p,{children:"a"}),e.jsx(g,{children:"b"})]})]})}function z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsive"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsive"},direction:{_:"column-reverse","narrow-l":"column","medium-s":"row-reverse","medium-l":"column-reverse","wide-s":"column","wide-l":"row-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function K(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DirectionColumnReverseResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"DirectionColumnReverseResponsiveInvertedOrder"},direction:{"wide-l":"row-reverse","wide-s":"column","medium-l":"column-reverse","medium-s":"row-reverse","narrow-l":"column",_:"column-reverse"},children:[e.jsx(p,{children:"A"}),e.jsx(g,{children:"B"})]})]})}function j(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function h(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function Q(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentCenter"}),e.jsxs(n,{dataset:{testid:"JustifyContentCenter"},justifyContent:"center",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function V(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentStart"}),e.jsxs(n,{dataset:{testid:"JustifyContentStart"},justifyContent:"start",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function W(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentEnd"}),e.jsxs(n,{dataset:{testid:"JustifyContentEnd"},justifyContent:"end",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function X(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceBetween"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceBetween"},justifyContent:"space-between",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Y(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceAround"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceAround"},justifyContent:"space-around",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function Z(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentSpaceEvenly"}),e.jsxs(n,{dataset:{testid:"JustifyContentSpaceEvenly"},justifyContent:"space-evenly",children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsive"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsive"},justifyContent:{_:"center","narrow-l":"end","medium-s":"space-around","medium-l":"space-around","wide-s":"space-evenly","wide-l":"end"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"JustifyContentResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"JustifyContentResponsiveInvertedOrder"},justifyContent:{"wide-l":"end","wide-s":"space-evenly","medium-l":"space-around","medium-s":"space-around","narrow-l":"end",_:"center"},children:[e.jsx(j,{children:"a"}),e.jsx(h,{children:"b"})]})]})}function u(s){return e.jsx("div",{style:{background:"yellow",height:"60px"},children:s.children})}function o(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsCenter"}),e.jsxs(n,{dataset:{testid:"AlignItemsCenter"},alignItems:"center",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStart"}),e.jsxs(n,{dataset:{testid:"AlignItemsStart"},alignItems:"start",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsEnd"}),e.jsxs(n,{dataset:{testid:"AlignItemsEnd"},alignItems:"end",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function de(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsStretch"}),e.jsxs(n,{dataset:{testid:"AlignItemsStretch"},alignItems:"stretch",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsBaseline"}),e.jsxs(n,{dataset:{testid:"AlignItemsBaseline"},alignItems:"baseline",children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsive"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsive"},alignItems:{_:"center","narrow-l":"end","medium-s":"baseline","medium-l":"center","wide-s":"stretch","wide-l":"end"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"AlignItemsResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"AlignItemsResponsiveInvertedOrder"},alignItems:{"wide-l":"end","wide-s":"stretch","medium-l":"center","medium-s":"baseline","narrow-l":"end",_:"center"},children:[e.jsx(u,{children:"a"}),e.jsx(o,{children:"b"})]})]})}function d(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function t(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},gap:"0",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},gap:"1",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},gap:"2",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function he(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},gap:"4",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},gap:"8",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},gap:"12",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},gap:"16",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},gap:"20",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},gap:"24",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},gap:"32",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},gap:"48",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Se(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},gap:"64",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},gap:"96",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Fe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},gap:"160",children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function Re(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},gap:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function we(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},gap:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(d,{children:"a"}),e.jsx(t,{children:"b"})]})]})}function i(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function r(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function Ce(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing0"}),e.jsxs(n,{dataset:{testid:"Spacing0"},padding:"0",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ie(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing1"}),e.jsxs(n,{dataset:{testid:"Spacing1"},padding:"1",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing2"}),e.jsxs(n,{dataset:{testid:"Spacing2"},padding:"2",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function De(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing4"}),e.jsxs(n,{dataset:{testid:"Spacing4"},padding:"4",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Te(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing8"}),e.jsxs(n,{dataset:{testid:"Spacing8"},padding:"8",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ue(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing12"}),e.jsxs(n,{dataset:{testid:"Spacing12"},padding:"12",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function He(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing16"}),e.jsxs(n,{dataset:{testid:"Spacing16"},padding:"16",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Oe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing20"}),e.jsxs(n,{dataset:{testid:"Spacing20"},padding:"20",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function $e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing24"}),e.jsxs(n,{dataset:{testid:"Spacing24"},padding:"24",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ae(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing32"}),e.jsxs(n,{dataset:{testid:"Spacing32"},padding:"32",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Je(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing48"}),e.jsxs(n,{dataset:{testid:"Spacing48"},padding:"48",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing64"}),e.jsxs(n,{dataset:{testid:"Spacing64"},padding:"64",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ge(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing96"}),e.jsxs(n,{dataset:{testid:"Spacing96"},padding:"96",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function _e(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Spacing160"}),e.jsxs(n,{dataset:{testid:"Spacing160"},padding:"160",children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Pe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingResponsive"},padding:{_:"4","narrow-l":"8","medium-s":"12","medium-l":"16","wide-s":"20","wide-l":"24"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"SpacingResponsiveInvertedOrder"},padding:{"wide-l":"24","wide-s":"20","medium-l":"16","medium-s":"12","narrow-l":"8",_:"4"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Ne(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand2"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand2"},padding:["12","24"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Be(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand3"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand3"},padding:["12","24","48"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Le(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthand4"}),e.jsxs(n,{dataset:{testid:"SpacingShorthand4"},padding:["12","24","48","64"],children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function Me(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingShorthandResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingShorthandResponsive"},padding:{_:["1","2","4","8"],"narrow-l":["12","24","48","64"],"medium-s":["1","2","4","8"],"medium-l":["12","24","48","64"],"wide-s":["1","2","4","8"],"wide-l":["12","24","48","64"]},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"SpacingMixResponsive"}),e.jsxs(n,{dataset:{testid:"SpacingMixResponsive"},padding:{_:["1","2","4","8"],"narrow-l":"12","medium-s":["1","2"],"medium-l":["12","24","48"],"wide-s":["1","2","4","8"],"wide-l":"64"},children:[e.jsx(i,{children:"a"}),e.jsx(r,{children:"b"})]})]})}function a(s){return e.jsx("div",{style:{background:"yellow",width:"20%"},children:s.children})}function l(s){return e.jsx("div",{style:{background:"orange",width:"20%"},children:s.children})}function ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueUndefined"},hide:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ke(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueFalse"},hide:!0,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Qe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineTrueTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineTrueTrue"},hide:!0,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ve(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseUndefined"},hide:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function We(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseFalse"},hide:!1,inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Xe(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineFalseTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineFalseTrue"},hide:!1,inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ye(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedUndefined"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedUndefined"},children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function Ze(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedFalse"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedFalse"},inline:!1,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function en(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineUndefinedTrue"}),e.jsxs(n,{dataset:{testid:"HideInlineUndefinedTrue"},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function nn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsive"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsive"},hide:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},inline:!0,children:[e.jsx(a,{children:"A responsive"}),e.jsx(l,{children:"B responsive"})]})]})}function sn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"HideInlineResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"HideInlineResponsiveInvertedOrder"},hide:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},inline:!0,children:[e.jsx(a,{children:"a"}),e.jsx(l,{children:"b"})]})]})}function v(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function f(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function rn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeTrue"}),e.jsxs(n,{dataset:{testid:"RelativeTrue"},relative:!0,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function dn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeFalse"}),e.jsxs(n,{dataset:{testid:"RelativeFalse"},relative:!1,children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function tn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsive"}),e.jsxs(n,{dataset:{testid:"RelativeResponsive"},relative:{_:!0,"narrow-l":!1,"medium-s":!0,"medium-l":!1,"wide-s":!0,"wide-l":!1},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function an(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"RelativeResponsiveInvertedOrder"}),e.jsxs(n,{dataset:{testid:"RelativeResponsiveInvertedOrder"},relative:{"wide-l":!1,"wide-s":!0,"medium-l":!1,"medium-s":!0,"narrow-l":!1,_:!0},children:[e.jsx(v,{children:"a"}),e.jsx(f,{children:"b"})]})]})}function C(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function I(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}const ln=D`
+    div[data-override='true'] {
+        display:grid;
+    }
+`;function cn(){return e.jsxs(e.Fragment,{children:[e.jsx(ln,{}),e.jsx("span",{children:"DataOverrideGlobalClass"}),e.jsxs(n,{dataset:{testid:"DataOverrideGlobalClass",override:!0},children:[e.jsx(C,{children:"a"}),e.jsx(I,{children:"b"})]})]})}const xn=T.div`
+    div[data-override='true'] {
+        display: grid;
+    }
+`;function jn(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"DataOverrideLocalClass"}),e.jsx(xn,{children:e.jsxs(n,{dataset:{testid:"DataOverrideLocalClass",override:!0},children:[e.jsx(C,{children:"a"}),e.jsx(I,{children:"b"})]})})]})}function hn(s){return e.jsx("div",{style:{background:"yellow"},children:s.children})}function un(s){return e.jsx("div",{style:{background:"orange"},children:s.children})}function on(){return e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"Default"}),e.jsxs(n,{dataset:{testid:"Default"},children:[e.jsx(hn,{children:"a"}),e.jsx(un,{children:"b"})]})]})}const yn={title:"components/LayoutFlex",component:n,tags:["!autodocs"],subcomponents:{LayoutFlexItem:y},parameters:{chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"},"wide-l":{viewport:"wide-l"}}}}},m=()=>e.jsxs(e.Fragment,{children:[e.jsx(on,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(U,{}),e.jsx(H,{}),e.jsx(O,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx($,{}),e.jsx(A,{}),e.jsx(J,{}),e.jsx(k,{}),e.jsx(G,{}),e.jsx(_,{}),e.jsx(P,{}),e.jsx(E,{}),e.jsx(N,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(B,{}),e.jsx(L,{}),e.jsx(M,{}),e.jsx(q,{}),e.jsx(z,{}),e.jsx(K,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Q,{}),e.jsx(V,{}),e.jsx(W,{}),e.jsx(X,{}),e.jsx(Y,{}),e.jsx(Z,{}),e.jsx(ee,{}),e.jsx(ne,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(se,{}),e.jsx(ie,{}),e.jsx(re,{}),e.jsx(de,{}),e.jsx(te,{}),e.jsx(ae,{}),e.jsx(le,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(ce,{}),e.jsx(xe,{}),e.jsx(je,{}),e.jsx(he,{}),e.jsx(ue,{}),e.jsx(oe,{}),e.jsx(pe,{}),e.jsx(ge,{}),e.jsx(me,{}),e.jsx(ve,{}),e.jsx(fe,{}),e.jsx(Se,{}),e.jsx(be,{}),e.jsx(Fe,{}),e.jsx(Re,{}),e.jsx(we,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(Ce,{}),e.jsx(Ie,{}),e.jsx(ye,{}),e.jsx(De,{}),e.jsx(Te,{}),e.jsx(Ue,{}),e.jsx(He,{}),e.jsx(Oe,{}),e.jsx($e,{}),e.jsx(Ae,{}),e.jsx(Je,{}),e.jsx(ke,{}),e.jsx(Ge,{}),e.jsx(_e,{}),e.jsx(Pe,{}),e.jsx(Ee,{}),e.jsx(Ne,{}),e.jsx(Be,{}),e.jsx(Le,{}),e.jsx(Me,{}),e.jsx(qe,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(ze,{}),e.jsx("br",{}),e.jsx(Ke,{}),e.jsx("br",{}),e.jsx(Qe,{}),e.jsx("br",{}),e.jsx(Ve,{}),e.jsx("br",{}),e.jsx(We,{}),e.jsx("br",{}),e.jsx(Xe,{}),e.jsx("br",{}),e.jsx(Ye,{}),e.jsx("br",{}),e.jsx(Ze,{}),e.jsx("br",{}),e.jsx(en,{}),e.jsx("br",{}),e.jsx(nn,{}),e.jsx("br",{}),e.jsx(sn,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(rn,{}),e.jsx(dn,{}),e.jsx(tn,{}),e.jsx(an,{}),e.jsx("br",{}),e.jsx("br",{}),e.jsx(cn,{}),e.jsx(jn,{})]});var F,R,w;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`() => <>
+        <Default />
+        <br />
+        <br />
+        <NowrapUndefined />
+        <NowrapTrue />
+        <NowrapFalse />
+        <br />
+        <br />
+        <ColumnReverseTrueUndefined />
+        <ColumnReverseTrueFalse />
+        <ColumnReverseTrueTrue />
+        <ColumnReverseFalseUndefined />
+        <ColumnReverseFalseFalse />
+        <ColumnReverseFalseTrue />
+        <ColumnReverseUndefinedUndefined />
+        <ColumnReverseUndefinedFalse />
+        <ColumnReverseUndefinedTrue />
+        <br />
+        <br />
+        <DirectionRow />
+        <DirectionRowReverse />
+        <DirectionColumn />
+        <DirectionColumnReverse />
+        <DirectionColumnReverseResponsive />
+        <DirectionColumnReverseResponsiveInvertedOrder />
+        <br />
+        <br />
+        <JustifyContentCenter />
+        <JustifyContentStart />
+        <JustifyContentEnd />
+        <JustifyContentSpaceBetween />
+        <JustifyContentSpaceAround />
+        <JustifyContentSpaceEvenly />
+        <JustifyContentResponsive />
+        <JustifyContentResponsiveInvertedOrder />
+        <br />
+        <br />
+        <AlignItemsCenter />
+        <AlignItemsStart />
+        <AlignItemsEnd />
+        <AlignItemsStretch />
+        <AlignItemsBaseline />
+        <AlignItemsResponsive />
+        <AlignItemsResponsiveInvertedOrder />
+        <br />
+        <br />
+        <GapSpacing0 />
+        <GapSpacing1 />
+        <GapSpacing2 />
+        <GapSpacing4 />
+        <GapSpacing8 />
+        <GapSpacing12 />
+        <GapSpacing16 />
+        <GapSpacing20 />
+        <GapSpacing24 />
+        <GapSpacing32 />
+        <GapSpacing48 />
+        <GapSpacing64 />
+        <GapSpacing96 />
+        <GapSpacing160 />
+        <GapSpacingResponsive />
+        <GapSpacingResponsiveInvertedOrder />
+        <br />
+        <br />
+        <PaddingSpacing0 />
+        <PaddingSpacing1 />
+        <PaddingSpacing2 />
+        <PaddingSpacing4 />
+        <PaddingSpacing8 />
+        <PaddingSpacing12 />
+        <PaddingSpacing16 />
+        <PaddingSpacing20 />
+        <PaddingSpacing24 />
+        <PaddingSpacing32 />
+        <PaddingSpacing48 />
+        <PaddingSpacing64 />
+        <PaddingSpacing96 />
+        <PaddingSpacing160 />
+        <PaddingSpacingResponsive />
+        <PaddingSpacingResponsiveInvertedOrder />
+        <SpacingShorthand2 />
+        <SpacingShorthand3 />
+        <SpacingShorthand4 />
+        <SpacingShorthandResponsive />
+        <SpacingMixResponsive />
+        <br />
+        <br />
+        <HideInlineTrueUndefined />
+        <br />
+        <HideInlineTrueFalse />
+        <br />
+        <HideInlineTrueTrue />
+        <br />
+        <HideInlineFalseUndefined />
+        <br />
+        <HideInlineFalseFalse />
+        <br />
+        <HideInlineFalseTrue />
+        <br />
+        <HideInlineUndefinedUndefined />
+        <br />
+        <HideInlineUndefinedFalse />
+        <br />
+        <HideInlineUndefinedTrue />
+        <br />
+        <HideInlineResponsive />
+        <br />
+        <HideInlineResponsiveInvertedOrder />
+        <br />
+        <br />
+        <RelativeTrue />
+        <RelativeFalse />
+        <RelativeResponsive />
+        <RelativeResponsiveInvertedOrder />
+        <br />
+        <br />
+        <DataOverrideGlobalClass />
+        <DataOverrideLocalClass />
+    </>`,...(w=(R=m.parameters)==null?void 0:R.docs)==null?void 0:w.source}}};const Dn=["Combinations"];export{m as Combinations,Dn as __namedExportsOrder,yn as default};

package/dist/assets/{10.fonts.guide-C0WN5q3d.js → 10.fonts.guide-mlrpbwOs.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-CRQycg-8.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C3SpczPa.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Assets/Fonts"}),`
+import{j as e,M as o}from"./iframe-CWgEsn_I.js";import{useMDXComponents as l}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...l(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Assets/Fonts"}),`
 `,e.jsx(n.h1,{id:"fonts",children:"Fonts"}),`
 `,e.jsxs(n.p,{children:["The optimised assets are available under ",e.jsx(n.strong,{children:"preply.com"})," in the formats required by modern and legacy browsers."]}),`
 `,e.jsxs(n.p,{children:["Refer to ",e.jsx(n.a,{href:"https://preply.atlassian.net/l/cp/0sQoEgGa",rel:"nofollow",children:"Create new universal brand fonts"})," for a detailed breakdown of the formats, optimisations and technical decisions."]}),`
@@ -36,4 +36,4 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"
         font-family: 'PreplyInterV', sans-serif;
     }
 }
-`})})]})}function j(s={}){const{wrapper:n}={...o(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(t,{...s})}):t(s)}export{j as default};
+`})})]})}function d(s={}){const{wrapper:n}={...l(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(t,{...s})}):t(s)}export{d as default};

package/dist/assets/{10.ssr-nXkWq-Jg.js → 10.ssr-Bxv1R5s2.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as r}from"./index-BN6VMYqa.js";import{M as o}from"./index-CRQycg-8.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C3SpczPa.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
+import{j as e,M as o}from"./iframe-CWgEsn_I.js";import{useMDXComponents as r}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Installation/SSR/Next.js pages router"}),`
 `,e.jsx(n.h1,{id:"installation-nextjs-pages-router",children:"Installation: Next.js pages router"}),`
 `,e.jsxs(n.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(n.h2,{id:"packages",children:"Packages"}),`
@@ -88,4 +88,4 @@ class MyDocument extends Document<Request & { classNames: string }> {
     }
 }
 `})}),`
-`,e.jsxs(n.p,{children:["See also ",e.jsx(n.a,{href:"https://nextjs.org/docs/advanced-features/custom-document",rel:"nofollow",children:"Next.js official docs"}),"."]})]})}function S(s={}){const{wrapper:n}={...r(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(t,{...s})}):t(s)}export{S as default};
+`,e.jsxs(n.p,{children:["See also ",e.jsx(n.a,{href:"https://nextjs.org/docs/advanced-features/custom-document",rel:"nofollow",children:"Next.js official docs"}),"."]})]})}function c(s={}){const{wrapper:n}={...r(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(t,{...s})}):t(s)}export{c as default};

package/dist/assets/{11.languageFont.explorer.stories-CtRFTC-u.js → 11.languageFont.explorer.stories-CduWkRQi.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{B as A,H as C}from"./Button-B5i7cA94.js";import{L as B,T as g}from"./LayoutFlex-DF8MvGnJ.js";import{L as P}from"./LayoutGrid-CcWPCxyF.js";import{e as d,r as U}from"./index-Cb9e4tly.js";import"./index-DWSmmBvQ.js";import{g as O}from"./index-qlqSh81O.js";import{w as _}from"./componentNames-k0j3gHgH.js";import{M as v}from"./message-CSdaKtIj.js";import{S as J}from"./index-Cc-bXjHe.js";import{R as Y}from"./RootProvider-CyXG17jf.js";import{d as L}from"./styled-components.browser.esm-COuAnjOv.js";import{u as $}from"./useToken-Cfvk3vM1.js";import{u as X}from"./useTheme-zzbPBRtu.js";import{t as S}from"./tokens-BYLcI6Lk.js";import{H as I,b as D}from"./options-BM-sJPHZ.js";import{a as j}from"./defaults-_YAxqn11.js";import"./index-ChsGqxH_.js";import"./text-centered-DRiH4EXX.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./render-icon-Du0nasoi.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";import"./layout-relative.module-1z75aSwo-rvXP8TMg.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./tslib.es6-C7pnyCjR.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./PortalElementProvider-BAqvxZzH.js";import"./index-BqT8peiM.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./constants-DTpaCXm6.js";import"./index-BV2iXjxm.js";import"./index-2TVOn9du.js";import"./index-DR63UjCN.js";const V=()=>d.createElement("style",{"data-ds-style":"global",dangerouslySetInnerHTML:{__html:`* {
+import{R as G,r as U,g as T,j as t,I as K,V as J,aF as Y,x}from"./iframe-CWgEsn_I.js";import{B as w,H as N}from"./Button-Db3mZeHX.js";import{L as b}from"./LayoutFlex-CtFx5gUZ.js";import{L as P}from"./LayoutGrid-Ddqp2KT2.js";import{T as h}from"./Text-BaQf6qnx.js";import"./index-BAEPs7Y-.js";import{w as O}from"./componentNames-CmmTyjin.js";import{M as v}from"./message-qc_MCF3J.js";import{d as _}from"./styled-components.browser.esm-DsfIp3u0.js";import{u as $}from"./useToken-Dy7e7qui.js";import{t as A}from"./tokens-I7xc-5gL.js";import{H as I,b as D}from"./options-BM-sJPHZ.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-nO9Uq8mN.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./render-icon-CcTDatKg.js";import"./useHostname-DENeD9To.js";import"./index-CC6DAVyL.js";import"./layout-relative.module-1z75aSwo-BlGCRaGo.js";import"./breakpoints-BfMlrtxE.js";import"./constants-DYYVurUY.js";import"./emotion-unitless.esm-BZwEwAnk.js";const L=()=>G.createElement("style",{"data-ds-style":"global",dangerouslySetInnerHTML:{__html:`* {
     box-sizing: border-box;
 }
 
@@ -1234,15 +1234,15 @@ does not use the correct Thai glyphs for Thai characters.
 [data-preply-ds-theme='tokyo-ui'] * {
     font-family: 'Noto Sans', 'NotoSans-fallback', 'NotoSans-fallback-android', sans-serif;
 }
-`}});V.__docgenInfo={description:"",methods:[],displayName:"GlobalStyle"};const Z="container__dtKps",tt="label__S0tQE",et="required__GVzWg",at="description__h6Gw1",ot="error__MGvA2",u={container:Z,label:tt,required:et,description:at,error:ot};function lt({id:o,error:l,description:s,hasError:r}){const n={};return r&&(n["aria-invalid"]=!0),l&&(n["aria-invalid"]=!0,n["aria-errormessage"]=`${o}-error`),s&&(n["aria-describedby"]=`${o}-description`),n}const nt=({id:o,label:l,hideLabel:s,description:r,error:n,hasError:i,children:y,required:f,dataset:p,onClick:c,preplyDsComponent:m=_.FormControl,useLegacyRequiredLabel:h=!1})=>{const e=U.useId(),a=o||e,N=lt({id:a,error:n,description:r,hasError:i}),b=O(p,{preplyDsComponent:m});return t.jsxs("div",{className:u.container,...b,onClick:c,children:[t.jsxs("label",{htmlFor:a,className:u.label,"data-hidden":s||!l,"data-testid":"label",children:[l,!!h&&f&&t.jsxs("span",{"aria-hidden":!0,className:u.required,children:[" • ",t.jsx(v,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]})]}),!h&&!f&&t.jsxs("span",{"aria-hidden":!0,className:u.required,children:[" • ",t.jsx(v,{id:"preply-ds.fieldLabel.optional",defaultMessage:[{type:0,value:"Optional"}]})]})]}),t.jsx(J,{id:a,required:f,...N,children:y}),n?t.jsx("p",{className:u.error,role:"alert",id:`${a}-error`,"data-testid":"error",children:n}):r?t.jsx("p",{className:u.description,id:`${a}-description`,"data-testid":"description",children:r}):null]})},st="container__B-gQ9",rt="input__WZN7y",it="icon__6Xfum",dt="trailingIcon__Bgnv4",pt="button__auAU0",k={container:st,input:rt,icon:it,trailingIcon:dt,button:pt};function ft({button:o,icon:l,trailingIcon:s,children:r}){return t.jsxs("div",{className:k.container,children:[!!l&&t.jsx("span",{className:k.icon,children:l}),r,!!s&&t.jsx("span",{className:k.trailingIcon,children:s}),!!o&&t.jsx("span",{className:k.button,children:o})]})}const q=U.forwardRef(function({button:l,icon:s,dataset:r,onChange:n,onValueChange:i,...y},f){const p=O(r),c=m=>{n==null||n(m),i==null||i(m.target.value)};return t.jsx(ft,{button:l,icon:s,children:t.jsx("input",{...p,...y,ref:f,onChange:c,className:k.input})})});q.__docgenInfo={description:"",methods:[],displayName:"Input"};const M=U.forwardRef(function({id:l,label:s,description:r,error:n,required:i,type:y="text",inputDataset:f,dataset:p,hideLabel:c,onClick:m,hasError:h,useLegacyRequiredLabel:e,className:a,style:N,...b},K){return t.jsx(nt,{id:l,label:s,description:r,error:n,hasError:h,required:i,dataset:p,hideLabel:c,onClick:m,useLegacyRequiredLabel:e,preplyDsComponent:_.TextField,children:t.jsx(q,{...b,type:y,ref:K,dataset:f})})});M.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:'"text"',computed:!1},required:!1}}};const F=L.td`
+`}});L.__docgenInfo={description:"",methods:[],displayName:"GlobalStyle"};const X="container__dtKps",Z="label__S0tQE",tt="required__GVzWg",at="description__h6Gw1",et="error__MGvA2",g={container:X,label:Z,required:tt,description:at,error:et};function ot({id:o,error:l,description:s,hasError:r}){const n={};return r&&(n["aria-invalid"]=!0),l&&(n["aria-invalid"]=!0,n["aria-errormessage"]=`${o}-error`),s&&(n["aria-describedby"]=`${o}-description`),n}const lt=({id:o,label:l,hideLabel:s,description:r,error:n,hasError:i,children:f,required:p,dataset:d,onClick:y,preplyDsComponent:c=O.FormControl,useLegacyRequiredLabel:m=!1})=>{const a=U.useId(),e=o||a,k=ot({id:e,error:n,description:r,hasError:i}),E=T(d,{preplyDsComponent:c});return t.jsxs("div",{className:g.container,...E,onClick:y,children:[t.jsxs("label",{htmlFor:e,className:g.label,"data-hidden":s||!l,"data-testid":"label",children:[l,!!m&&p&&t.jsxs("span",{"aria-hidden":!0,className:g.required,children:[" • ",t.jsx(v,{id:"preply-ds.fieldLabel.required",defaultMessage:[{type:0,value:"Required"}]})]}),!m&&!p&&t.jsxs("span",{"aria-hidden":!0,className:g.required,children:[" • ",t.jsx(v,{id:"preply-ds.fieldLabel.optional",defaultMessage:[{type:0,value:"Optional"}]})]})]}),t.jsx(K,{id:e,required:p,...k,children:f}),n?t.jsx("p",{className:g.error,role:"alert",id:`${e}-error`,"data-testid":"error",children:n}):r?t.jsx("p",{className:g.description,id:`${e}-description`,"data-testid":"description",children:r}):null]})},nt="container__B-gQ9",st="input__WZN7y",rt="icon__6Xfum",it="trailingIcon__Bgnv4",dt="button__auAU0",F={container:nt,input:st,icon:rt,trailingIcon:it,button:dt};function pt({button:o,icon:l,trailingIcon:s,children:r}){return t.jsxs("div",{className:F.container,children:[!!l&&t.jsx("span",{className:F.icon,children:l}),r,!!s&&t.jsx("span",{className:F.trailingIcon,children:s}),!!o&&t.jsx("span",{className:F.button,children:o})]})}const V=U.forwardRef(function({button:l,icon:s,dataset:r,onChange:n,onValueChange:i,...f},p){const d=T(r),y=c=>{n==null||n(c),i==null||i(c.target.value)};return t.jsx(pt,{button:l,icon:s,children:t.jsx("input",{...d,...f,ref:p,onChange:y,className:F.input})})});V.__docgenInfo={description:"",methods:[],displayName:"Input"};const q=U.forwardRef(function({id:l,label:s,description:r,error:n,required:i,type:f="text",inputDataset:p,dataset:d,hideLabel:y,onClick:c,hasError:m,useLegacyRequiredLabel:a,className:e,style:k,...E},W){return t.jsx(lt,{id:l,label:s,description:r,error:n,hasError:m,required:i,dataset:d,hideLabel:y,onClick:c,useLegacyRequiredLabel:a,preplyDsComponent:O.TextField,children:t.jsx(V,{...E,type:f,ref:W,dataset:p})})});q.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{type:{defaultValue:{value:'"text"',computed:!1},required:!1}}};const u=_.td`
     width: ${({width:o})=>o?`${o}px`:"auto"};
     padding-top: 0;
     padding-right: ${({horizontalSpace:o})=>o?"40px":"20px"};
     padding-bottom: ${({verticalSpace:o})=>o?"20px":"0px"};
     padding-left: 0;
-`,W=({index:o,id:l,defaultValue:s,resolveToken:r,render:n})=>{const i=$(r(l));return d.createElement("tr",null,d.createElement(F,{verticalSpace:!0},d.createElement("span",null,d.createElement("code",null,l))),d.createElement(F,{verticalSpace:!0},i),s&&l===s?d.createElement(F,{verticalSpace:!0},"(default)"):d.createElement(F,null),n&&d.createElement(F,{verticalSpace:!0},n(l,o)))};W.__docgenInfo={description:"",methods:[],displayName:"ThemeOptionsItem"};const yt=L.div`
+`,ft=({index:o,id:l,defaultValue:s,resolveToken:r,render:n})=>{const i=$(r(l));return t.jsxs("tr",{children:[t.jsx(u,{verticalSpace:!0,children:t.jsx("span",{children:t.jsx("code",{children:l})})}),t.jsx(u,{verticalSpace:!0,children:i}),s&&l===s?t.jsx(u,{verticalSpace:!0,children:"(default)"}):t.jsx(u,{}),n&&t.jsx(u,{verticalSpace:!0,children:n(l,o)})]})},yt=_.div`
     margin-bottom: 20px;
     ${({relevant:o})=>`opacity: ${o?"unset":.5}}`}
-`,w=({options:o,defaultValue:l,resolveToken:s,render:r,hideOptions:n=[],referenceTheme:i})=>{const{theme:{name:y}}=X(),f=o.filter(({id:p})=>!n.includes(p));return d.createElement(yt,{relevant:i===y},d.createElement("h4",null,"Options (theme: ",i,")"),d.createElement("table",{style:{fontSize:"14px"}},d.createElement("tbody",null,f.map(({id:p},c)=>d.createElement(W,{key:p,index:c,id:p,defaultValue:l,resolveToken:s,render:r})))))};w.__docgenInfo={description:"",methods:[],displayName:"ThemeOptionsList",props:{hideOptions:{defaultValue:{value:"[]",computed:!1},required:!1}}};const Q=["caption-regular","caption-semibold","small-regular","small-regular-italic","small-semibold","small-semibold-italic","default-regular","default-regular-italic","default-semibold","default-semibold-italic","large-regular","large-regular-italic","large-semibold","large-semibold-italic"],x=[{name:"Русский (Russian)",code:"ru",localized:"Привет, мир!"},{name:"English",code:"en",localized:"Hello, World!"},{name:"Polski",code:"pl",localized:"Cześć, Świecie!"},{name:"Deutsch",code:"de",localized:"Hallo, Welt!"},{name:"Українська (Ukranian)",code:"uk",localized:"Привіт, Світ!"},{name:"Português",code:"pt",localized:"Olá, Mundo!"},{name:"Türkçe",code:"tr",localized:"Merhaba, Dünya!"},{name:"Bahasa",code:"id",localized:"Halo, Dunia!"},{name:"Français",code:"fr",localized:"Bonjour, le monde!"},{name:"Italiano",code:"it",localized:"Ciao, Mondo!"},{name:"Español",code:"es",localized:"¡Hola, Mundo!"},{name:"中文 (Chinese)",code:"zh",localized:"你好，世界！"},{name:"日本語 (Japanese)",code:"ja",localized:"こんにちは、世界！"},{name:"한국어 (Korean)",code:"ko",localized:"안녕하세요, 세계!"},{name:"العربية",code:"ar",localized:"مرحبا بك في عالم البرمجة!"},{name:"Nederlands",code:"nl",localized:"Hallo, wereld!"},{name:"Română",code:"ro",localized:"Salut, Lume!"},{name:"Thai",code:"th",localized:"สวัสดี, โลก!"},{name:"Swedish",code:"sv",localized:"Hej, världen!"},{name:"Czeck",code:"cs",localized:"Ahoj, světe!"}],H={ru:!0,en:!0,pl:!0,de:!0,ua:!0,pt:!0,tr:!0,id:!0,fr:!0,it:!0,es:!0,zh:!0,ja:!0,ko:!0,ar:!0,nl:!0,ro:!0,th:!0,sv:!0,cs:!0};function ct(){const o=localStorage.getItem("selectedLanguages"),[l,s]=U.useState(o?JSON.parse(o):H),[r,n]=U.useState(!1),[i,y]=U.useState("Hello, World!");U.useEffect(()=>{localStorage.setItem("selectedLanguages",JSON.stringify(l))},[l]);const f=e=>{s({...l,[e.target.name]:e.target.checked})},p=()=>{const e=x.reduce((a,N)=>(a[N.code]=!0,a),{});s(e)},c=()=>{s({})},m=()=>{s(H)},h=()=>{n(e=>!e)};return t.jsx("div",{className:"App",children:t.jsxs(B,{column:!0,gap:"32",children:[t.jsx(P,{columns:5,gap:"8",children:x.map(e=>t.jsxs("div",{children:[t.jsx("input",{type:"checkbox",name:e.code,checked:l[e.code]||!1,onChange:f,id:e.code}),t.jsxs("label",{htmlFor:e.code,children:[e.name," (",e.code,")"]})]},e.code))}),t.jsxs(B,{gap:"8",children:[t.jsx(A,{variant:"secondary",onClick:p,children:"Select all languages"}),t.jsx(A,{variant:"secondary",onClick:c,children:"Deselect all languages"}),t.jsx(A,{variant:"ghost",onClick:m,children:"Reset selected languages"}),t.jsx(A,{variant:"ghost",onClick:h,children:"Toggle all text variants"})]}),t.jsx(B,{column:!0,gap:"32",children:t.jsx(M,{label:"English sentence",value:i,onValueChange:y})}),t.jsx(P,{columns:3,gap:"16",children:x.filter(e=>l[e.code]).map(e=>t.jsxs("div",{style:{display:"contents"},children:[t.jsxs("div",{children:[e.name," (",e.code,")"]}),t.jsxs("div",{lang:e.code,children:[t.jsx(g,{accent:"tertiary",children:t.jsx("i",{children:"English sentence"})}),t.jsx(C,{variant:"large",tag:"h2",children:i}),t.jsx(g,{children:i}),r&&t.jsxs(t.Fragment,{children:[t.jsx(w,{referenceTheme:"tokyo-ui",component:"Heading",prop:"variant",options:I,render:a=>t.jsx(C,{variant:a,children:i}),resolveToken:a=>S.heading.variant[a].fontSize}),t.jsx(w,{referenceTheme:"tokyo-ui",component:"Text",prop:"variant",options:D.filter(({id:a})=>Q.includes(a)),defaultValue:j,resolveToken:a=>S.text.variant[a].fontSize,render:a=>t.jsx(g,{variant:a,children:i})})]})]}),t.jsxs("div",{lang:e.code,children:[t.jsx(g,{accent:"tertiary",children:t.jsx("i",{children:"Localized sentence"})}),t.jsx(C,{variant:"large",tag:"h2",children:e.localized}),t.jsx(g,{children:e.localized}),r&&t.jsxs(t.Fragment,{children:[t.jsx(w,{referenceTheme:"tokyo-ui",component:"Heading",prop:"variant",options:I,render:a=>t.jsx(C,{variant:a,children:e.localized}),resolveToken:a=>S.heading.variant[a].fontSize}),t.jsx(w,{referenceTheme:"tokyo-ui",component:"Text",prop:"variant",options:D.filter(({id:a})=>Q.includes(a)),defaultValue:j,resolveToken:a=>S.text.variant[a].fontSize,render:a=>t.jsx(g,{variant:a,children:e.localized})})]})]})]},e.code))})]})})}const G=()=>t.jsxs(t.Fragment,{children:[t.jsx(V,{}),t.jsx(Y,{theme:"tokyo-ui",children:t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(ct,{})})})]}),Xt={title:"Guides/Assets/FontForLanguages",component:G,tags:["!autodocs","!a11y-test"]},E=()=>t.jsx(G,{});var z,R,T;E.parameters={...E.parameters,docs:{...(z=E.parameters)==null?void 0:z.docs,source:{originalSource:`() => {
+`,C=({options:o,defaultValue:l,resolveToken:s,render:r,hideOptions:n=[],referenceTheme:i})=>{const{theme:{name:f}}=J(),p=o.filter(({id:d})=>!n.includes(d));return t.jsxs(yt,{relevant:i===f,children:[t.jsxs("h4",{children:["Options (theme: ",i,")"]}),t.jsx("table",{style:{fontSize:"14px"},children:t.jsx("tbody",{children:p.map(({id:d},y)=>t.jsx(ft,{index:y,id:d,defaultValue:l,resolveToken:s,render:r},d))})})]})},j=["caption-regular","caption-semibold","small-regular","small-regular-italic","small-semibold","small-semibold-italic","default-regular","default-regular-italic","default-semibold","default-semibold-italic","large-regular","large-regular-italic","large-semibold","large-semibold-italic"],B=[{name:"Русский (Russian)",code:"ru",localized:"Привет, мир!"},{name:"English",code:"en",localized:"Hello, World!"},{name:"Polski",code:"pl",localized:"Cześć, Świecie!"},{name:"Deutsch",code:"de",localized:"Hallo, Welt!"},{name:"Українська (Ukranian)",code:"uk",localized:"Привіт, Світ!"},{name:"Português",code:"pt",localized:"Olá, Mundo!"},{name:"Türkçe",code:"tr",localized:"Merhaba, Dünya!"},{name:"Bahasa",code:"id",localized:"Halo, Dunia!"},{name:"Français",code:"fr",localized:"Bonjour, le monde!"},{name:"Italiano",code:"it",localized:"Ciao, Mondo!"},{name:"Español",code:"es",localized:"¡Hola, Mundo!"},{name:"中文 (Chinese)",code:"zh",localized:"你好，世界！"},{name:"日本語 (Japanese)",code:"ja",localized:"こんにちは、世界！"},{name:"한국어 (Korean)",code:"ko",localized:"안녕하세요, 세계!"},{name:"العربية",code:"ar",localized:"مرحبا بك في عالم البرمجة!"},{name:"Nederlands",code:"nl",localized:"Hallo, wereld!"},{name:"Română",code:"ro",localized:"Salut, Lume!"},{name:"Thai",code:"th",localized:"สวัสดี, โลก!"},{name:"Swedish",code:"sv",localized:"Hej, världen!"},{name:"Czeck",code:"cs",localized:"Ahoj, světe!"}],Q={ru:!0,en:!0,pl:!0,de:!0,ua:!0,pt:!0,tr:!0,id:!0,fr:!0,it:!0,es:!0,zh:!0,ja:!0,ko:!0,ar:!0,nl:!0,ro:!0,th:!0,sv:!0,cs:!0};function ct(){const o=localStorage.getItem("selectedLanguages"),[l,s]=U.useState(o?JSON.parse(o):Q),[r,n]=U.useState(!1),[i,f]=U.useState("Hello, World!");U.useEffect(()=>{localStorage.setItem("selectedLanguages",JSON.stringify(l))},[l]);const p=a=>{s({...l,[a.target.name]:a.target.checked})},d=()=>{const a=B.reduce((e,k)=>(e[k.code]=!0,e),{});s(a)},y=()=>{s({})},c=()=>{s(Q)},m=()=>{n(a=>!a)};return t.jsx("div",{className:"App",children:t.jsxs(b,{column:!0,gap:"32",children:[t.jsx(P,{columns:5,gap:"8",children:B.map(a=>t.jsxs("div",{children:[t.jsx("input",{type:"checkbox",name:a.code,checked:l[a.code]||!1,onChange:p,id:a.code}),t.jsxs("label",{htmlFor:a.code,children:[a.name," (",a.code,")"]})]},a.code))}),t.jsxs(b,{gap:"8",children:[t.jsx(w,{variant:"secondary",onClick:d,children:"Select all languages"}),t.jsx(w,{variant:"secondary",onClick:y,children:"Deselect all languages"}),t.jsx(w,{variant:"ghost",onClick:c,children:"Reset selected languages"}),t.jsx(w,{variant:"ghost",onClick:m,children:"Toggle all text variants"})]}),t.jsx(b,{column:!0,gap:"32",children:t.jsx(q,{label:"English sentence",value:i,onValueChange:f})}),t.jsx(P,{columns:3,gap:"16",children:B.filter(a=>l[a.code]).map(a=>t.jsxs("div",{style:{display:"contents"},children:[t.jsxs("div",{children:[a.name," (",a.code,")"]}),t.jsxs("div",{lang:a.code,children:[t.jsx(h,{accent:"tertiary",children:t.jsx("i",{children:"English sentence"})}),t.jsx(N,{variant:"large",tag:"h2",children:i}),t.jsx(h,{children:i}),r&&t.jsxs(t.Fragment,{children:[t.jsx(C,{referenceTheme:"tokyo-ui",component:"Heading",prop:"variant",options:I,render:e=>t.jsx(N,{variant:e,children:i}),resolveToken:e=>A.heading.variant[e].fontSize}),t.jsx(C,{referenceTheme:"tokyo-ui",component:"Text",prop:"variant",options:D.filter(({id:e})=>j.includes(e)),defaultValue:x,resolveToken:e=>A.text.variant[e].fontSize,render:e=>t.jsx(h,{variant:e,children:i})})]})]}),t.jsxs("div",{lang:a.code,children:[t.jsx(h,{accent:"tertiary",children:t.jsx("i",{children:"Localized sentence"})}),t.jsx(N,{variant:"large",tag:"h2",children:a.localized}),t.jsx(h,{children:a.localized}),r&&t.jsxs(t.Fragment,{children:[t.jsx(C,{referenceTheme:"tokyo-ui",component:"Heading",prop:"variant",options:I,render:e=>t.jsx(N,{variant:e,children:a.localized}),resolveToken:e=>A.heading.variant[e].fontSize}),t.jsx(C,{referenceTheme:"tokyo-ui",component:"Text",prop:"variant",options:D.filter(({id:e})=>j.includes(e)),defaultValue:x,resolveToken:e=>A.text.variant[e].fontSize,render:e=>t.jsx(h,{variant:e,children:a.localized})})]})]})]},a.code))})]})})}const M=()=>t.jsxs(t.Fragment,{children:[t.jsx(L,{}),t.jsx(Y,{theme:"tokyo-ui",children:t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(ct,{})})})]}),Ht={title:"Guides/Assets/FontForLanguages",component:M,tags:["!autodocs","!a11y-test"]},S=()=>t.jsx(M,{});var H,z,R;S.parameters={...S.parameters,docs:{...(H=S.parameters)==null?void 0:H.docs,source:{originalSource:`() => {
   return <FontForLanguages />;
-}`,...(T=(R=E.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};const Zt=["LanguageFontExplorer"];export{E as LanguageFontExplorer,Zt as __namedExportsOrder,Xt as default};
+}`,...(R=(z=S.parameters)==null?void 0:z.docs)==null?void 0:R.source}}};const zt=["LanguageFontExplorer"];export{S as LanguageFontExplorer,zt as __namedExportsOrder,Ht as default};

package/dist/assets/{11.ssr.app-router-DQgi7F2D.js → 11.ssr.app-router-DaFyxoYP.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-CRQycg-8.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C3SpczPa.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
+import{j as e,M as s}from"./iframe-CWgEsn_I.js";import{useMDXComponents as n}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function o(r){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Guides/Installation/SSR/Next.js app router"}),`
 `,e.jsx(t.h1,{id:"installation-nextjs-app-router",children:"Installation: Next.js app router"}),`
 `,e.jsxs(t.p,{children:["This guide assumes you have read and followed the steps in the ",e.jsx(t.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(t.h2,{id:"packages",children:"Packages"}),`
@@ -56,4 +56,4 @@ export default function RootLayout({ children }: { children: React.ReactNode })
     );
 }
 `})}),`
-`,e.jsxs(t.p,{children:["See also ",e.jsx(t.a,{href:"https://nextjs.org/docs/app/building-your-application/styling/css-in-js",rel:"nofollow",children:"Next.js official docs"}),"."]})]})}function S(r={}){const{wrapper:t}={...n(),...r.components};return t?e.jsx(t,{...r,children:e.jsx(o,{...r})}):o(r)}export{S as default};
+`,e.jsxs(t.p,{children:["See also ",e.jsx(t.a,{href:"https://nextjs.org/docs/app/building-your-application/styling/css-in-js",rel:"nofollow",children:"Next.js official docs"}),"."]})]})}function d(r={}){const{wrapper:t}={...n(),...r.components};return t?e.jsx(t,{...r,children:e.jsx(o,{...r})}):o(r)}export{d as default};

package/dist/assets/{20.libraries-DU9GpL6L.js → 20.libraries-B1FxeNSm.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"./index-BN6VMYqa.js";import{M as r}from"./index-CRQycg-8.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C3SpczPa.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
+import{j as e,M as r}from"./iframe-CWgEsn_I.js";import{useMDXComponents as o}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function i(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Installation/Libraries"}),`
 `,e.jsx(n.h1,{id:"installation-libraries",children:"Installation: Libraries"}),`
 `,e.jsxs(n.p,{children:["This guide applies to libraries consumed in Preply applications, and assumes these applications are already integrated according to the steps outlined in the ",e.jsx(n.a,{href:"/story/guides-installation-applications--page",children:"Installation: Applications"})," guide."]}),`
 `,e.jsx(n.h2,{id:"install-packages",children:"Install Packages"}),`
@@ -18,4 +18,4 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as o}from"
 `,e.jsxs(n.p,{children:["If you are using Jest for unit tests, you will need to add an ignore pattern to your library's ",e.jsx(n.code,{children:"jest.config.js"})," to force transpilation of our modules before the tests are executed."]}),`
 `,e.jsx(n.pre,{children:e.jsx(n.code,{children:"transformIgnorePatterns: ['/node_modules/(?!(@preply)/)'],`\n"})}),`
 `,e.jsx(n.h3,{id:"storybook",children:"Storybook"}),`
-`,e.jsxs(n.p,{children:["If your library has a local instance of Storybook you will also have to follow the steps in ",e.jsx(n.a,{href:"/story/guides-installation-storybook--page",children:"Installation: Storybook"}),"."]})]})}function m(s={}){const{wrapper:n}={...o(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(i,{...s})}):i(s)}export{m as default};
+`,e.jsxs(n.p,{children:["If your library has a local instance of Storybook you will also have to follow the steps in ",e.jsx(n.a,{href:"/story/guides-installation-storybook--page",children:"Installation: Storybook"}),"."]})]})}function d(s={}){const{wrapper:n}={...o(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(i,{...s})}):i(s)}export{d as default};

package/dist/assets/{2025-q4-ds-cleanup-C1ZmbxTl.js → 2025-q4-ds-cleanup-CyVfiEF_.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as a}from"./index-BN6VMYqa.js";import{M as i}from"./index-CRQycg-8.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C3SpczPa.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function o(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...a(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Migrations/2025 Q4 DS cleanup"}),`
+import{j as e,M as i}from"./iframe-CWgEsn_I.js";import{useMDXComponents as a}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function o(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",ul:"ul",...a(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Migrations/2025 Q4 DS cleanup"}),`
 `,e.jsx(t.h1,{id:"migrations2025-q4---design-system-cleanup-initiative",children:"Migrations/2025 Q4 - Design System cleanup initiative"}),`
 `,e.jsxs(t.ul,{children:[`
 `,e.jsxs(t.li,{children:[e.jsx(t.a,{href:"#for-teams",children:"For teams"}),`
@@ -338,4 +338,4 @@ Migration type: 🧘 safe
 `,e.jsx(t.pre,{children:e.jsx(t.code,{className:"language-md",children:"| Token                                   | Safe replacement                               | How spread it is in the Product |\n| --------------------------------------- | ---------------------------------------------- | ------------------------------- |\n| `heading.level.h1.normal.letterSpacing` | No safe replacement (original value is -0.005) | 0 usages                        |\n| `heading.level.h2.normal.letterSpacing` | No safe replacement (original value is 0)      | 0 usages                        |\n| `heading.level.h3.normal.letterSpacing` | No safe replacement (original value is 0.01)   | 0 usages                        |\n| `heading.level.h4.normal.letterSpacing` | No safe replacement (original value is 0.0125) | 0 usages                        |\n| `heading.level.h5.normal.letterSpacing` | No safe replacement (original value is 0.0175) | 0 usages                        |\n| `heading.level.h1.large.letterSpacing`  | No safe replacement (original value is -0.005) | 0 usages                        |\n| `heading.level.h2.large.letterSpacing`  | No safe replacement (original value is 0)      | 0 usages                        |\n| `heading.level.h3.large.letterSpacing`  | No safe replacement (original value is 0.01)   | 0 usages                        |\n| `heading.level.h4.large.letterSpacing`  | No safe replacement (original value is 0.0125) | 0 usages                        |\n| `heading.level.h5.large.letterSpacing`  | No safe replacement (original value is 0.0175) | 0 usages                        |\n"})}),`
 `,e.jsx(t.h2,{id:"other-tokensvariables-apart-from-the-ones-related-to-the-deprecations-above-1",children:"Other tokens/variables (apart from the ones related to the deprecations above)"}),`
 `,e.jsx(t.pre,{children:e.jsx(t.code,{className:"language-md",children:"| Token                                                                                                                      | Safe replacement                                   | How spread it is in the Product |\n| -------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------- | ------------------------------- |\n| `scheme.color`, `@scheme-color`                                                                                            |                                                    | 0 usages                        |\n| `scheme.bgColor`, `@scheme-bgColor`                                                                                        |                                                    | 0 usages                        |\n| `panel.divider.borderColor`, `@panel-divider-borderColor`                                                                  |                                                    | 0 usages                        |\n| `panel.padding.small.padding`, `panel.padding.base.padding`, `panel.padding.medium.padding`, `panel.padding.large.padding` |                                                    | 0 usages                        |\n| `root.text.height.400`                                                                                                     |                                                    | 0 usages                        |\n| `root.text.height.600`                                                                                                     |                                                    | 0 usages                        |\n| `root.text.height.1000`                                                                                                    |                                                    | 0 usages                        |\n| `root.text.height.1600`                                                                                                    |                                                    | 0 usages                        |\n| `root.text.height.2000`                                                                                                    |                                                    | 0 usages                        |\n| `avatar.size.2xs.size`                                                                                                     | `avatar.size.24.size`                              | 0 usages                        |\n| `avatar.size.xs.size`                                                                                                      | `avatar.size.32.size`                              | 0 usages                        |\n| `avatar.size.s.size`                                                                                                       | `avatar.size.48.size`                              | 0 usages                        |\n| `avatar.size.m.size`                                                                                                       | `avatar.size.64.size`                              | 0 usages                        |\n| `avatar.size.l.size`                                                                                                       | `avatar.size.96.size`                              | 0 usages                        |\n| `avatar.size.xl.size`                                                                                                      | `avatar.size.160.size`                             | 0 usages                        |\n| `avatarWithStatus.size.2xs.onlineIndicator.size`                                                                           |                                                    | 0 usages                        |\n| `avatarWithStatus.size.2xs.onlineIndicator.offset`                                                                         |                                                    | 0 usages                        |\n| `avatarWithStatus.size.xs.onlineIndicator.size`                                                                            |                                                    | 0 usages                        |\n| `avatarWithStatus.size.xs.onlineIndicator.offset`                                                                          |                                                    | 0 usages                        |\n| `avatarWithStatus.size.m.onlineIndicator.size`                                                                             | `avatarWithStatus.size.64.onlineIndicator.size`    | 0 usages                        |\n| `avatarWithStatus.size.m.onlineIndicator.offset`                                                                           | `avatarWithStatus.size.64.onlineIndicator.offset`  | 0 usages                        |\n| `avatarWithStatus.size.xl.onlineIndicator.size`                                                                            | `avatarWithStatus.size.160.onlineIndicator.size`   | 0 usages                        |\n| `avatarWithStatus.size.xl.onlineIndicator.offset`                                                                          | `avatarWithStatus.size.160.onlineIndicator.offset` | 0 usages                        |\n| `color.text.selected`, `color-text-selected`                                                                               | `color.text.accentDark` (slightly darker)          | 0 usages                        |\n| `color.text.error`, `color-text-error`                                                                                     | `color.text.critical`                              | 0 usages                        |\n| `border.hover.borderColor`, `border-hover-borderColor`                                                                     | `color.border.secondary`                           | 0 usages                        |\n| `border.error.borderColor`, `border-error-borderColor`                                                                     | `color.border.critical`                            | 0 usages                        |\n| `border.positive.borderColor`, `border-positive-borderColor`                                                               | `color.border.primary`                             | 0 usages                        |\n| `border.accent.borderColor`, `border-accent-borderColor`                                                                   | `color.border.primary`                             | 0 usages                        |\n| `border.disabled.borderColor`, `border-disabled-borderColor`                                                               | `color.border.primary`                             | 0 usages                        |\n| `root.text.base.fontFamily`                                                                                                | 'text.fontFamily'                                  | 0÷ usages                       |\n| `root.heading.base.fontFamily`                                                                                             | 'text.heading.fontFamily'                          | 0 usages                        |\n| `root.text.base.fontFamily`                                                                                                | Not needed anymore                                 | 0 usages                        |\n| `root.text.base.variable.fontFamily`                                                                                       | Not needed anymore                                 | 0 usages                        |\n| `root.heading.base.typeface`                                                                                               | `text.heading.typeface`                            | 0 usages                        |\n| `root.text.base.typeface`                                                                                                  | `text.typeface`                                    | 0 usages                        |\n| `root.text.spacing.tight`                                                                                                  | Not needed anymore                                 | 0 usages                        |\n| `root.text.spacing.regular`                                                                                                | Not needed anymore                                 | 0 usages                        |\n| `root.text.spacing.loose`                                                                                                  | Not needed anymore                                 | 0 usages                        |\n| `root.text.style.normal`                                                                                                   | Not needed anymore                                 | 0 usages                        |\n| `root.text.style.italic`                                                                                                   | Not needed anymore                                 | 0 usages                        |\n| `root.text.variation.normal`                                                                                               | Not needed anymore                                 | 0 usages                        |\n| `root.text.variation.italic`                                                                                               | Not needed anymore                                 | 0 usages                        |\n| `box.radius.l.borderRadius`                                                                                                | `box.radius.16.borderRadius`                       | 0 usages                        |\n| `box.radius.none.borderRadius`                                                                                             | `box.radius.0.borderRadius`                        | 0 usages                        |\n| `box.radius.12.borderRadius`                                                                                               | `sizing.12`                                        | 0 usages                        |\n| `box.radius.24.borderRadius`                                                                                               | `sizing.24`                                        | 0 usages                        |\n| `box.radius.32.borderRadius`                                                                                               | `sizing.32`                                        | 0 usages                        |\n| `box.radius.48.borderRadius`                                                                                               | `sizing.48`                                        | 0 usages                        |\n| `box.radius.64.borderRadius`                                                                                               | `sizing.64`                                        | 0 usages                        |\n| `box.radius.96.borderRadius`                                                                                               | `sizing.96`                                        | 0 usages                        |\n| `box.radius.160.borderRadius`                                                                                              | `sizing.160`                                       | 0 usages                        |\n"})}),`
-`,e.jsx(t.pre,{children:e.jsx(t.code,{})})]})}function y(n={}){const{wrapper:t}={...a(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(o,{...n})}):o(n)}export{y as default};
+`,e.jsx(t.pre,{children:e.jsx(t.code,{})})]})}function c(n={}){const{wrapper:t}={...a(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(o,{...n})}):o(n)}export{c as default};