@smartyweb/ui 2.2.0-max-no-comments.ged46dbb → 2.3.0-irina-inline-link.ga63fca2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,7 @@
1
1
  import { default as React } from 'react';
2
2
  interface SharedProps {
3
- surface?: "default" | "lightBlue";
3
+ /** Figma's OnLightBlue axis — the accent link, for the light-blue surface. */
4
+ variant?: "default" | "accent";
4
5
  onClick?: React.MouseEventHandler;
5
6
  children?: React.ReactNode;
6
7
  }
@@ -23,5 +24,5 @@ type AsCustom = SharedProps & {
23
24
  disabled?: never;
24
25
  };
25
26
  export type LinkProps = AsAnchor | AsButton | AsCustom;
26
- export declare function Link({ as: Tag, surface, href, openInNewTab, disabled, onClick, children, }: LinkProps): import("react/jsx-runtime").JSX.Element;
27
+ export declare function Link({ as: Tag, variant, href, openInNewTab, disabled, onClick, children, }: LinkProps): import("react/jsx-runtime").JSX.Element;
27
28
  export {};
@@ -1 +1,2 @@
1
1
  export * from './Button';
2
+ export * from './Link';
@@ -1,6 +1,7 @@
1
1
  interface ChipProps {
2
2
  children: string;
3
3
  invalid: boolean;
4
+ /** Undefined, the chip has no remove button — Figma's disabled chip. */
4
5
  onRemove: (() => void) | undefined;
5
6
  }
6
7
  export declare function Chip({ children, invalid, onRemove }: ChipProps): import("react/jsx-runtime").JSX.Element;
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),E="_h1_1765w_1",F={h1:E};function I({children:e,className:n}){const s=[F.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const R="_h2_1eque_1",T={h2:R};function W({children:e}){return t.jsx("h2",{className:T.h2,children:e})}const U="_paragraph_11t85_1",P={paragraph:U};function K({children:e}){return t.jsx("p",{className:P.paragraph,children:e})}const L=typeof process<"u"&&process.env.NODE_ENV!=="production",w=new Set;function x(e){w.has(e)||(w.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function G(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function k(e,n){for(const s of l.Children.toArray(e)){if(!l.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const r=String(s).trim();if(r==="")continue;x(`<UnorderedList> received the text ${JSON.stringify(r.slice(0,40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`);continue}if(s.type===l.Fragment){const{children:r}=s.props;k(r,n);continue}n(s.type)||s.type==="li"||x(`<UnorderedList> received ${G(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>. If that component renders a <ListItem> itself, set its static \`isSmartyListItem = true\`.`)}}function V(){x("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const J="_list_1p627_1",X="_item_1p627_14",z={list:J,item:X},S=l.createContext(!1);function b({children:e}){const n=l.useContext(S);return L&&!n&&V(),t.jsx("li",{className:z.item,children:e})}b.isSmartyListItem=!0;function Z(e){return e===b?!0:typeof e=="function"&&e.isSmartyListItem===!0}function Q({children:e}){return L&&k(e,Z),t.jsx(S,{value:!0,children:t.jsx("ul",{role:"list",className:z.list,children:e})})}const Y="_button_81qo0_1",ee="_sm_81qo0_26",te="_primary_81qo0_33",ne="_secondary_81qo0_49",se="_negative_81qo0_68",j={button:Y,sm:ee,primary:te,secondary:ne,negative:se};function ie({as:e="button",variant:n="primary",size:s="default",href:r,openInNewTab:d,disabled:m,type:a,onClick:c,children:u}){const p=[j.button,j[n],s==="sm"&&j.sm].filter(Boolean).join(" ");return t.jsx(e,{className:p,href:r,target:d?"_blank":void 0,rel:d?"noopener noreferrer":void 0,disabled:m,type:a,onClick:c,children:u})}function re(){x("<SideNav> was rendered with no accessible name. Pass `label` so screen reader users can tell this nav apart from the other navigation landmarks on the page.")}const oe="_nav_dxkjl_3",ae="_list_dxkjl_7",ce="_item_dxkjl_16",le="_link_dxkjl_20",de="_current_dxkjl_48",g={nav:oe,list:ae,item:ce,link:le,current:de},C=l.createContext(null);function ue({label:e,current:n,children:s}){return L&&!e?.trim()&&re(),t.jsx("nav",{className:g.nav,"aria-label":e,children:t.jsx(C,{value:n??null,children:t.jsx("ul",{className:g.list,children:s})})})}function _e({as:e="a",href:n,current:s,openInNewTab:r,onClick:d,children:m}){const a=l.useContext(C),c=s??(a!==null&&a===n),u=[g.link,c&&g.current].filter(Boolean).join(" ");return t.jsx("li",{className:g.item,children:t.jsx(e,{className:u,href:n,target:r?"_blank":void 0,rel:r?"noopener noreferrer":void 0,onClick:d,"aria-current":c?"location":void 0,children:m})})}const me="_hero_93692_11",pe="_layout_93692_16",fe="_content_93692_21",he="_titleLine_93692_25",ge="_titleWord_93692_29",xe="_description_93692_35",ye="_media_93692_48",h={hero:me,layout:pe,content:fe,titleLine:he,titleWord:ge,description:xe,media:ye},ve=" ";function je(e){return e.replace(/([- ])/g,n=>`${n===" "?ve:n}|split|`).split("|split|")}const Ne=e=>({"--hero-index":e});function Le({title:e,description:n,media:s}){const r=Array.isArray(e);let d=0;const m=(r?e:[e]).map(a=>je(a).map(c=>({word:c,index:d++})));return t.jsx("section",{className:h.hero,children:t.jsxs("div",{className:h.layout,children:[t.jsx("div",{className:h.media,children:s}),t.jsxs("div",{className:h.content,children:[t.jsx(I,{children:m.map((a,c)=>t.jsx("span",{className:r?h.titleLine:void 0,children:a.map(({word:u,index:_})=>t.jsx("span",{className:h.titleWord,style:Ne(_),children:u},_))},c))}),t.jsx("p",{className:h.description,children:n})]})]})})}function be(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.58586 8L1.29297 2.70711L2.70718 1.29289L8.00008 6.58579L13.293 1.29289L14.7072 2.70711L9.41429 8L14.7072 13.2929L13.293 14.7071L8.00008 9.41421L2.70718 14.7071L1.29297 13.2929L6.58586 8Z",fill:"currentColor"})})}const $e="_field_7z5g3_1",we="_error_7z5g3_17",Ie="_message_7z5g3_21",ke="_content_7z5g3_36",ze="_reveal_7z5g3_43",Se="_label_7z5g3_53",Ce="_tags_7z5g3_64",Be="_input_7z5g3_71",Oe="_counter_7z5g3_88",Ae="_empty_7z5g3_100",Me="_disabled_7z5g3_127",qe="_chip_7z5g3_132",De="_chipText_7z5g3_153",He="_remove_7z5g3_158",Ee="_invalid_7z5g3_169",o={field:$e,error:we,message:Ie,content:ke,reveal:ze,label:Se,tags:Ce,input:Be,counter:Oe,empty:Ae,disabled:Me,chip:qe,chipText:De,remove:He,invalid:Ee};function Fe({children:e,invalid:n,onRemove:s}){return t.jsxs("span",{className:[o.chip,n&&o.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:o.chipText,children:e}),s&&t.jsx("button",{type:"button",className:o.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx(be,{})})]})}const N=100;function Re({label:e,value:n,onChange:s,disabled:r=!1,isTagInvalid:d,onInputChange:m,error:a}){const c=l.useId(),u=`${c}-message`,_=l.useRef(null),[p,B]=l.useState(""),O=n.length>=N,A=i=>{B(i),m?.(i)},y=i=>{const f=i.split(/[\s,]+/),v=f.pop()??"",$=f.filter(Boolean).slice(0,Math.max(0,N-n.length));$.length&&s([...n,...$]),A(v)},M=i=>{i.key==="Enter"&&p&&!i.nativeEvent.isComposing?(i.preventDefault(),y(`${p},`)):i.key==="Backspace"&&!p&&n.length&&s(n.slice(0,-1))},q=i=>{r||i.target===_.current||i.target.closest("button")||(i.preventDefault(),_.current?.focus())},D=i=>{s(n.filter((f,v)=>v!==i)),i===n.length-1&&_.current?.focus()},H=[o.field,!n.length&&o.empty,r&&o.disabled,a&&o.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:H,onMouseDown:q,children:[t.jsxs("div",{className:o.content,children:[t.jsx("label",{htmlFor:c,className:o.label,children:e}),t.jsx("div",{className:o.reveal,children:t.jsxs("div",{className:o.tags,children:[n.map((i,f)=>t.jsx(Fe,{invalid:d?.(i,f)??!1,onRemove:r?void 0:()=>{D(f)},children:i},f)),t.jsx("input",{ref:_,id:c,className:o.input,size:1,value:p,disabled:r,readOnly:O,"aria-invalid":a?!0:void 0,"aria-describedby":a?u:void 0,onChange:i=>{y(i.target.value)},onKeyDown:M,onBlur:()=>{y(`${p},`)}})]})})]}),t.jsx("div",{className:o.reveal,children:t.jsxs("p",{className:o.counter,children:[n.length," / ",N]})})]}),t.jsx("p",{id:u,className:o.message,"aria-live":"polite",children:a})]})}exports.Button=ie;exports.H1=I;exports.H2=W;exports.Hero=Le;exports.ListItem=b;exports.MultitagField=Re;exports.Paragraph=K;exports.SideNav=ue;exports.SideNavLink=_e;exports.UnorderedList=Q;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),W="_h1_1765w_1",R={h1:W};function z({children:e,className:n}){const s=[R.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const U="_h2_1eque_1",F={h2:U};function T({children:e}){return t.jsx("h2",{className:F.h2,children:e})}const P="_paragraph_11t85_1",V={paragraph:P};function K({children:e}){return t.jsx("p",{className:V.paragraph,children:e})}const C=typeof process<"u"&&process.env.NODE_ENV!=="production",k=new Set;function L(e){k.has(e)||(k.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function G(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function S(e,n){for(const s of u.Children.toArray(e)){if(!u.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;L(`<UnorderedList> received the text ${JSON.stringify(i.slice(0,40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`);continue}if(s.type===u.Fragment){const{children:i}=s.props;S(i,n);continue}n(s.type)||s.type==="li"||L(`<UnorderedList> received ${G(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function J(){L("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const X="_list_1p627_1",Z="_item_1p627_14",B={list:X,item:Z},I=u.createContext(!1);function b({children:e}){const n=u.useContext(I);return C&&!n&&J(),t.jsx("li",{className:B.item,children:e})}b.isSmartyListItem=!0;function Q(e){return e===b?!0:typeof e=="function"&&e.isSmartyListItem===!0}function Y({children:e}){return C&&S(e,Q),t.jsx(I,{value:!0,children:t.jsx("ul",{role:"list",className:B.list,children:e})})}const ee="_button_81qo0_1",te="_sm_81qo0_26",ne="_primary_81qo0_33",se="_secondary_81qo0_49",ie="_negative_81qo0_68",x={button:ee,sm:te,primary:ne,secondary:se,negative:ie};function re({as:e="button",variant:n="primary",size:s="default",href:i,openInNewTab:c,disabled:_,type:a,onClick:l,children:d}){const f=[x.button,x[n],s==="sm"&&x.sm].filter(Boolean).join(" ");return t.jsx(e,{className:f,href:i,target:c?"_blank":void 0,rel:c?"noopener noreferrer":void 0,disabled:_,type:a,onClick:l,children:d})}const oe="_link_zldg6_1",ae="_accent_zldg6_28",ce="_disabled_zldg6_38",j={link:oe,accent:ae,disabled:ce};function le({as:e="a",variant:n="default",href:s,openInNewTab:i,disabled:c,onClick:_,children:a}){const d=[j.link,n==="accent"&&j.accent,c&&j.disabled].filter(Boolean).join(" ");return t.jsx(e,{className:d,href:s,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,disabled:c,onClick:c?void 0:_,"aria-disabled":c,children:a})}const de=typeof process<"u"&&process.env.NODE_ENV!=="production",w=new Set;function ue(e){w.has(e)||(w.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function _e(){ue("<SideNav> was rendered with no accessible name. Pass `label` so screen reader users can tell this nav apart from the other navigation landmarks on the page.")}const me="_nav_dxkjl_3",fe="_list_dxkjl_7",pe="_item_dxkjl_16",he="_link_dxkjl_20",ge="_current_dxkjl_48",g={nav:me,list:fe,item:pe,link:he,current:ge},O=u.createContext(null);function ye({label:e,current:n,children:s}){return de&&!e?.trim()&&_e(),t.jsx("nav",{className:g.nav,"aria-label":e,children:t.jsx(O,{value:n??null,children:t.jsx("ul",{className:g.list,children:s})})})}function ve({as:e="a",href:n,current:s,openInNewTab:i,onClick:c,children:_}){const a=u.useContext(O),l=s??(a!==null&&a===n),d=[g.link,l&&g.current].filter(Boolean).join(" ");return t.jsx("li",{className:g.item,children:t.jsx(e,{className:d,href:n,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,onClick:c,"aria-current":l?"location":void 0,children:_})})}const xe="_hero_93692_11",je="_layout_93692_16",Ne="_content_93692_21",Le="_titleLine_93692_25",be="_titleWord_93692_29",$e="_description_93692_35",ke="_media_93692_48",h={hero:xe,layout:je,content:Ne,titleLine:Le,titleWord:be,description:$e,media:ke};function we(e){return e.replace(/([- ])/g,n=>`${n===" "?" ":n}|split|`).split("|split|")}const ze=e=>({"--hero-index":e});function Ce({title:e,description:n,media:s}){const i=Array.isArray(e);let c=0;const _=(i?e:[e]).map(a=>we(a).map(l=>({word:l,index:c++})));return t.jsx("section",{className:h.hero,children:t.jsxs("div",{className:h.layout,children:[t.jsx("div",{className:h.media,children:s}),t.jsxs("div",{className:h.content,children:[t.jsx(z,{children:_.map((a,l)=>t.jsx("span",{className:i?h.titleLine:void 0,children:a.map(({word:d,index:m})=>t.jsx("span",{className:h.titleWord,style:ze(m),children:d},m))},l))}),t.jsx("p",{className:h.description,children:n})]})]})})}function Se(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.58586 8L1.29297 2.70711L2.70718 1.29289L8.00008 6.58579L13.293 1.29289L14.7072 2.70711L9.41429 8L14.7072 13.2929L13.293 14.7071L8.00008 9.41421L2.70718 14.7071L1.29297 13.2929L6.58586 8Z",fill:"currentColor"})})}const Be="_field_7z5g3_1",Ie="_error_7z5g3_17",Oe="_message_7z5g3_21",De="_content_7z5g3_36",Me="_reveal_7z5g3_43",qe="_label_7z5g3_53",Ae="_tags_7z5g3_64",He="_input_7z5g3_71",Ee="_counter_7z5g3_88",We="_empty_7z5g3_100",Re="_disabled_7z5g3_127",Ue="_chip_7z5g3_132",Fe="_chipText_7z5g3_153",Te="_remove_7z5g3_158",Pe="_invalid_7z5g3_169",o={field:Be,error:Ie,message:Oe,content:De,reveal:Me,label:qe,tags:Ae,input:He,counter:Ee,empty:We,disabled:Re,chip:Ue,chipText:Fe,remove:Te,invalid:Pe};function Ve({children:e,invalid:n,onRemove:s}){return t.jsxs("span",{className:[o.chip,n&&o.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:o.chipText,children:e}),s&&t.jsx("button",{type:"button",className:o.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx(Se,{})})]})}const N=100;function Ke({label:e,value:n,onChange:s,disabled:i=!1,isTagInvalid:c,onInputChange:_,error:a}){const l=u.useId(),d=`${l}-message`,m=u.useRef(null),[f,D]=u.useState(""),M=n.length>=N,q=r=>{D(r),_?.(r)},v=r=>{const p=r.split(/[\s,]+/),$=p.pop()??"",y=p.filter(Boolean).slice(0,Math.max(0,N-n.length));y.length&&s([...n,...y]),q($)},A=r=>{r.key==="Enter"&&f&&!r.nativeEvent.isComposing?(r.preventDefault(),v(`${f},`)):r.key==="Backspace"&&!f&&n.length&&s(n.slice(0,-1))},H=r=>{i||r.target===m.current||r.target.closest("button")||(r.preventDefault(),m.current?.focus())},E=[o.field,!n.length&&o.empty,i&&o.disabled,a&&o.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:E,onMouseDown:H,children:[t.jsxs("div",{className:o.content,children:[t.jsx("label",{htmlFor:l,className:o.label,children:e}),t.jsx("div",{className:o.reveal,children:t.jsxs("div",{className:o.tags,children:[n.map((r,p)=>t.jsx(Ve,{invalid:c?.(r,p)??!1,onRemove:i?void 0:()=>{s(n.filter(($,y)=>y!==p)),p===n.length-1&&m.current?.focus()},children:r},p)),t.jsx("input",{ref:m,id:l,className:o.input,size:1,value:f,disabled:i,readOnly:M,"aria-invalid":a?!0:void 0,"aria-describedby":a?d:void 0,onChange:r=>{v(r.target.value)},onKeyDown:A,onBlur:()=>{v(`${f},`)}})]})})]}),t.jsx("div",{className:o.reveal,children:t.jsxs("p",{className:o.counter,children:[n.length," / ",N]})})]}),t.jsx("p",{id:d,className:o.message,"aria-live":"polite",children:a})]})}exports.Button=re;exports.H1=z;exports.H2=T;exports.Hero=Ce;exports.Link=le;exports.ListItem=b;exports.MultitagField=Ke;exports.Paragraph=K;exports.SideNav=ye;exports.SideNavLink=ve;exports.UnorderedList=Y;
package/dist/index.js CHANGED
@@ -1,178 +1,211 @@
1
1
  "use client";
2
- import { jsx as n, jsxs as _ } from "react/jsx-runtime";
3
- import { Children as F, isValidElement as R, Fragment as T, createContext as I, useContext as k, useId as H, useRef as U, useState as K } from "react";
2
+ import { jsx as t, jsxs as m } from "react/jsx-runtime";
3
+ import { Children as R, isValidElement as U, Fragment as F, createContext as z, useContext as j, useId as T, useRef as V, useState as K } from "react";
4
4
  const P = "_h1_1765w_1", G = {
5
5
  h1: P
6
6
  };
7
- function V({ children: e, className: t }) {
8
- const s = [G.h1, t].filter(Boolean).join(" ");
9
- return /* @__PURE__ */ n("h1", { className: s, children: e });
7
+ function J({ children: e, className: n }) {
8
+ const s = [G.h1, n].filter(Boolean).join(" ");
9
+ return /* @__PURE__ */ t("h1", { className: s, children: e });
10
10
  }
11
- const J = "_h2_1eque_1", X = {
12
- h2: J
11
+ const X = "_h2_1eque_1", Z = {
12
+ h2: X
13
13
  };
14
- function Ue({ children: e }) {
15
- return /* @__PURE__ */ n("h2", { className: X.h2, children: e });
14
+ function Je({ children: e }) {
15
+ return /* @__PURE__ */ t("h2", { className: Z.h2, children: e });
16
16
  }
17
- const Z = "_paragraph_11t85_1", Q = {
18
- paragraph: Z
17
+ const Q = "_paragraph_11t85_1", Y = {
18
+ paragraph: Q
19
19
  };
20
- function Ke({ children: e }) {
21
- return /* @__PURE__ */ n("p", { className: Q.paragraph, children: e });
20
+ function Xe({ children: e }) {
21
+ return /* @__PURE__ */ t("p", { className: Y.paragraph, children: e });
22
22
  }
23
- const $ = typeof process < "u" && process.env.NODE_ENV !== "production", w = /* @__PURE__ */ new Set();
24
- function y(e) {
23
+ const C = typeof process < "u" && process.env.NODE_ENV !== "production", w = /* @__PURE__ */ new Set();
24
+ function b(e) {
25
25
  w.has(e) || (w.add(e), console.warn(`[@smartyweb/ui] ${e}`));
26
26
  }
27
- function Y(e) {
27
+ function ee(e) {
28
28
  if (typeof e == "string") return `<${e}>`;
29
29
  if (typeof e == "function") return `<${e.name || "Component"}>`;
30
30
  if (typeof e == "object" && e !== null && "displayName" in e) {
31
- const { displayName: t } = e;
32
- if (typeof t == "string") return `<${t}>`;
31
+ const { displayName: n } = e;
32
+ if (typeof n == "string") return `<${n}>`;
33
33
  }
34
34
  return "an unknown element";
35
35
  }
36
- function z(e, t) {
37
- for (const s of F.toArray(e)) {
38
- if (!R(s)) {
36
+ function B(e, n) {
37
+ for (const s of R.toArray(e)) {
38
+ if (!U(s)) {
39
39
  if (typeof s != "string" && typeof s != "number") continue;
40
- const o = String(s).trim();
41
- if (o === "") continue;
42
- y(
43
- `<UnorderedList> received the text ${JSON.stringify(o.slice(0, 40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
40
+ const i = String(s).trim();
41
+ if (i === "") continue;
42
+ b(
43
+ `<UnorderedList> received the text ${JSON.stringify(i.slice(0, 40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
44
44
  );
45
45
  continue;
46
46
  }
47
- if (s.type === T) {
48
- const { children: o } = s.props;
49
- z(o, t);
47
+ if (s.type === F) {
48
+ const { children: i } = s.props;
49
+ B(i, n);
50
50
  continue;
51
51
  }
52
- t(s.type) || s.type === "li" || y(
53
- `<UnorderedList> received ${Y(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>. If that component renders a <ListItem> itself, set its static \`isSmartyListItem = true\`.`
52
+ n(s.type) || s.type === "li" || b(
53
+ `<UnorderedList> received ${ee(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
54
54
  );
55
55
  }
56
56
  }
57
- function ee() {
58
- y(
57
+ function ne() {
58
+ b(
59
59
  "<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list."
60
60
  );
61
61
  }
62
- const te = "_list_1p627_1", ne = "_item_1p627_14", j = {
62
+ const te = "_list_1p627_1", se = "_item_1p627_14", I = {
63
63
  list: te,
64
- item: ne
65
- }, C = I(!1);
64
+ item: se
65
+ }, O = z(!1);
66
66
  function S({ children: e }) {
67
- const t = k(C);
68
- return $ && !t && ee(), /* @__PURE__ */ n("li", { className: j.item, children: e });
67
+ const n = j(O);
68
+ return C && !n && ne(), /* @__PURE__ */ t("li", { className: I.item, children: e });
69
69
  }
70
70
  S.isSmartyListItem = !0;
71
- function se(e) {
71
+ function ie(e) {
72
72
  return e === S ? !0 : typeof e == "function" && e.isSmartyListItem === !0;
73
73
  }
74
- function Pe({ children: e }) {
75
- return $ && z(e, se), /* @__PURE__ */ n(C, { value: !0, children: /* @__PURE__ */ n("ul", { role: "list", className: j.list, children: e }) });
74
+ function Ze({ children: e }) {
75
+ return C && B(e, ie), /* @__PURE__ */ t(O, { value: !0, children: /* @__PURE__ */ t("ul", { role: "list", className: I.list, children: e }) });
76
76
  }
77
- const ie = "_button_81qo0_1", oe = "_sm_81qo0_26", re = "_primary_81qo0_33", ae = "_secondary_81qo0_49", ce = "_negative_81qo0_68", L = {
78
- button: ie,
79
- sm: oe,
80
- primary: re,
81
- secondary: ae,
82
- negative: ce
77
+ const oe = "_button_81qo0_1", re = "_sm_81qo0_26", ae = "_primary_81qo0_33", ce = "_secondary_81qo0_49", le = "_negative_81qo0_68", N = {
78
+ button: oe,
79
+ sm: re,
80
+ primary: ae,
81
+ secondary: ce,
82
+ negative: le
83
83
  };
84
- function Ge({
84
+ function Qe({
85
85
  as: e = "button",
86
- variant: t = "primary",
86
+ variant: n = "primary",
87
87
  size: s = "default",
88
- href: o,
89
- openInNewTab: l,
90
- disabled: m,
88
+ href: i,
89
+ openInNewTab: c,
90
+ disabled: u,
91
91
  type: a,
92
- onClick: c,
92
+ onClick: l,
93
93
  children: d
94
94
  }) {
95
- const p = [L.button, L[t], s === "sm" && L.sm].filter(Boolean).join(" ");
96
- return /* @__PURE__ */ n(
95
+ const f = [N.button, N[n], s === "sm" && N.sm].filter(Boolean).join(" ");
96
+ return /* @__PURE__ */ t(
97
97
  e,
98
98
  {
99
- className: p,
100
- href: o,
101
- target: l ? "_blank" : void 0,
102
- rel: l ? "noopener noreferrer" : void 0,
103
- disabled: m,
99
+ className: f,
100
+ href: i,
101
+ target: c ? "_blank" : void 0,
102
+ rel: c ? "noopener noreferrer" : void 0,
103
+ disabled: u,
104
104
  type: a,
105
- onClick: c,
105
+ onClick: l,
106
106
  children: d
107
107
  }
108
108
  );
109
109
  }
110
- function le() {
111
- y(
110
+ const de = "_link_zldg6_1", ue = "_accent_zldg6_28", _e = "_disabled_zldg6_38", L = {
111
+ link: de,
112
+ accent: ue,
113
+ disabled: _e
114
+ };
115
+ function Ye({
116
+ as: e = "a",
117
+ variant: n = "default",
118
+ href: s,
119
+ openInNewTab: i,
120
+ disabled: c,
121
+ onClick: u,
122
+ children: a
123
+ }) {
124
+ const d = [L.link, n === "accent" && L.accent, c && L.disabled].filter(Boolean).join(" ");
125
+ return /* @__PURE__ */ t(
126
+ e,
127
+ {
128
+ className: d,
129
+ href: s,
130
+ target: i ? "_blank" : void 0,
131
+ rel: i ? "noopener noreferrer" : void 0,
132
+ disabled: c,
133
+ onClick: c ? void 0 : u,
134
+ "aria-disabled": c,
135
+ children: a
136
+ }
137
+ );
138
+ }
139
+ const me = typeof process < "u" && process.env.NODE_ENV !== "production", x = /* @__PURE__ */ new Set();
140
+ function fe(e) {
141
+ x.has(e) || (x.add(e), console.warn(`[@smartyweb/ui] ${e}`));
142
+ }
143
+ function pe() {
144
+ fe(
112
145
  "<SideNav> was rendered with no accessible name. Pass `label` so screen reader users can tell this nav apart from the other navigation landmarks on the page."
113
146
  );
114
147
  }
115
- const de = "_nav_dxkjl_3", ue = "_list_dxkjl_7", _e = "_item_dxkjl_16", me = "_link_dxkjl_20", pe = "_current_dxkjl_48", g = {
116
- nav: de,
117
- list: ue,
118
- item: _e,
119
- link: me,
120
- current: pe
121
- }, B = I(null);
122
- function Ve({ label: e, current: t, children: s }) {
123
- return $ && !e?.trim() && le(), /* @__PURE__ */ n("nav", { className: g.nav, "aria-label": e, children: /* @__PURE__ */ n(B, { value: t ?? null, children: /* @__PURE__ */ n("ul", { className: g.list, children: s }) }) });
148
+ const he = "_nav_dxkjl_3", ge = "_list_dxkjl_7", ye = "_item_dxkjl_16", ve = "_link_dxkjl_20", Ne = "_current_dxkjl_48", g = {
149
+ nav: he,
150
+ list: ge,
151
+ item: ye,
152
+ link: ve,
153
+ current: Ne
154
+ }, D = z(null);
155
+ function en({ label: e, current: n, children: s }) {
156
+ return me && !e?.trim() && pe(), /* @__PURE__ */ t("nav", { className: g.nav, "aria-label": e, children: /* @__PURE__ */ t(D, { value: n ?? null, children: /* @__PURE__ */ t("ul", { className: g.list, children: s }) }) });
124
157
  }
125
- function Je({
158
+ function nn({
126
159
  as: e = "a",
127
- href: t,
160
+ href: n,
128
161
  current: s,
129
- openInNewTab: o,
130
- onClick: l,
131
- children: m
162
+ openInNewTab: i,
163
+ onClick: c,
164
+ children: u
132
165
  }) {
133
- const a = k(B), c = s ?? (a !== null && a === t), d = [g.link, c && g.current].filter(Boolean).join(" ");
134
- return /* @__PURE__ */ n("li", { className: g.item, children: /* @__PURE__ */ n(
166
+ const a = j(D), l = s ?? (a !== null && a === n), d = [g.link, l && g.current].filter(Boolean).join(" ");
167
+ return /* @__PURE__ */ t("li", { className: g.item, children: /* @__PURE__ */ t(
135
168
  e,
136
169
  {
137
170
  className: d,
138
- href: t,
139
- target: o ? "_blank" : void 0,
140
- rel: o ? "noopener noreferrer" : void 0,
141
- onClick: l,
142
- "aria-current": c ? "location" : void 0,
143
- children: m
171
+ href: n,
172
+ target: i ? "_blank" : void 0,
173
+ rel: i ? "noopener noreferrer" : void 0,
174
+ onClick: c,
175
+ "aria-current": l ? "location" : void 0,
176
+ children: u
144
177
  }
145
178
  ) });
146
179
  }
147
- const fe = "_hero_93692_11", he = "_layout_93692_16", ge = "_content_93692_21", ye = "_titleLine_93692_25", ve = "_titleWord_93692_29", Ne = "_description_93692_35", Le = "_media_93692_48", h = {
148
- hero: fe,
149
- layout: he,
150
- content: ge,
151
- titleLine: ye,
152
- titleWord: ve,
153
- description: Ne,
154
- media: Le
155
- }, be = " ";
156
- function $e(e) {
157
- return e.replace(/([- ])/g, (t) => `${t === " " ? be : t}|split|`).split("|split|");
180
+ const Le = "_hero_93692_11", $e = "_layout_93692_16", be = "_content_93692_21", ke = "_titleLine_93692_25", we = "_titleWord_93692_29", xe = "_description_93692_35", ze = "_media_93692_48", h = {
181
+ hero: Le,
182
+ layout: $e,
183
+ content: be,
184
+ titleLine: ke,
185
+ titleWord: we,
186
+ description: xe,
187
+ media: ze
188
+ };
189
+ function je(e) {
190
+ return e.replace(/([- ])/g, (n) => `${n === " " ? " " : n}|split|`).split("|split|");
158
191
  }
159
- const xe = (e) => ({ "--hero-index": e });
160
- function Xe({ title: e, description: t, media: s }) {
161
- const o = Array.isArray(e);
162
- let l = 0;
163
- const m = (o ? e : [e]).map(
164
- (a) => $e(a).map((c) => ({ word: c, index: l++ }))
192
+ const Ce = (e) => ({ "--hero-index": e });
193
+ function tn({ title: e, description: n, media: s }) {
194
+ const i = Array.isArray(e);
195
+ let c = 0;
196
+ const u = (i ? e : [e]).map(
197
+ (a) => je(a).map((l) => ({ word: l, index: c++ }))
165
198
  );
166
- return /* @__PURE__ */ n("section", { className: h.hero, children: /* @__PURE__ */ _("div", { className: h.layout, children: [
167
- /* @__PURE__ */ n("div", { className: h.media, children: s }),
168
- /* @__PURE__ */ _("div", { className: h.content, children: [
169
- /* @__PURE__ */ n(V, { children: m.map((a, c) => /* @__PURE__ */ n("span", { className: o ? h.titleLine : void 0, children: a.map(({ word: d, index: u }) => /* @__PURE__ */ n("span", { className: h.titleWord, style: xe(u), children: d }, u)) }, c)) }),
170
- /* @__PURE__ */ n("p", { className: h.description, children: t })
199
+ return /* @__PURE__ */ t("section", { className: h.hero, children: /* @__PURE__ */ m("div", { className: h.layout, children: [
200
+ /* @__PURE__ */ t("div", { className: h.media, children: s }),
201
+ /* @__PURE__ */ m("div", { className: h.content, children: [
202
+ /* @__PURE__ */ t(J, { children: u.map((a, l) => /* @__PURE__ */ t("span", { className: i ? h.titleLine : void 0, children: a.map(({ word: d, index: _ }) => /* @__PURE__ */ t("span", { className: h.titleWord, style: Ce(_), children: d }, _)) }, l)) }),
203
+ /* @__PURE__ */ t("p", { className: h.description, children: n })
171
204
  ] })
172
205
  ] }) });
173
206
  }
174
- function we() {
175
- return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n(
207
+ function Be() {
208
+ return /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t(
176
209
  "path",
177
210
  {
178
211
  fillRule: "evenodd",
@@ -182,122 +215,121 @@ function we() {
182
215
  }
183
216
  ) });
184
217
  }
185
- const Ie = "_field_7z5g3_1", ke = "_error_7z5g3_17", ze = "_message_7z5g3_21", je = "_content_7z5g3_36", Ce = "_reveal_7z5g3_43", Se = "_label_7z5g3_53", Be = "_tags_7z5g3_64", Oe = "_input_7z5g3_71", Ae = "_counter_7z5g3_88", De = "_empty_7z5g3_100", Me = "_disabled_7z5g3_127", Ee = "_chip_7z5g3_132", We = "_chipText_7z5g3_153", qe = "_remove_7z5g3_158", Fe = "_invalid_7z5g3_169", r = {
218
+ const Ie = "_field_7z5g3_1", Oe = "_error_7z5g3_17", Se = "_message_7z5g3_21", De = "_content_7z5g3_36", Ae = "_reveal_7z5g3_43", Me = "_label_7z5g3_53", Ee = "_tags_7z5g3_64", We = "_input_7z5g3_71", qe = "_counter_7z5g3_88", He = "_empty_7z5g3_100", Re = "_disabled_7z5g3_127", Ue = "_chip_7z5g3_132", Fe = "_chipText_7z5g3_153", Te = "_remove_7z5g3_158", Ve = "_invalid_7z5g3_169", r = {
186
219
  field: Ie,
187
- error: ke,
188
- message: ze,
189
- content: je,
190
- reveal: Ce,
191
- label: Se,
192
- tags: Be,
193
- input: Oe,
194
- counter: Ae,
195
- empty: De,
196
- disabled: Me,
197
- chip: Ee,
198
- chipText: We,
199
- remove: qe,
200
- invalid: Fe
220
+ error: Oe,
221
+ message: Se,
222
+ content: De,
223
+ reveal: Ae,
224
+ label: Me,
225
+ tags: Ee,
226
+ input: We,
227
+ counter: qe,
228
+ empty: He,
229
+ disabled: Re,
230
+ chip: Ue,
231
+ chipText: Fe,
232
+ remove: Te,
233
+ invalid: Ve
201
234
  };
202
- function Re({ children: e, invalid: t, onRemove: s }) {
203
- return /* @__PURE__ */ _("span", { className: [r.chip, t && r.invalid].filter(Boolean).join(" "), children: [
204
- /* @__PURE__ */ n("span", { className: r.chipText, children: e }),
205
- s && /* @__PURE__ */ n(
235
+ function Ke({ children: e, invalid: n, onRemove: s }) {
236
+ return /* @__PURE__ */ m("span", { className: [r.chip, n && r.invalid].filter(Boolean).join(" "), children: [
237
+ /* @__PURE__ */ t("span", { className: r.chipText, children: e }),
238
+ s && /* @__PURE__ */ t(
206
239
  "button",
207
240
  {
208
241
  type: "button",
209
242
  className: r.remove,
210
- "aria-label": `Remove ${e}${t ? " (invalid)" : ""}`,
243
+ "aria-label": `Remove ${e}${n ? " (invalid)" : ""}`,
211
244
  onClick: s,
212
- children: /* @__PURE__ */ n(we, {})
245
+ children: /* @__PURE__ */ t(Be, {})
213
246
  }
214
247
  )
215
248
  ] });
216
249
  }
217
- const b = 100;
218
- function Ze({
250
+ const $ = 100;
251
+ function sn({
219
252
  label: e,
220
- value: t,
253
+ value: n,
221
254
  onChange: s,
222
- disabled: o = !1,
223
- isTagInvalid: l,
224
- onInputChange: m,
255
+ disabled: i = !1,
256
+ isTagInvalid: c,
257
+ onInputChange: u,
225
258
  error: a
226
259
  }) {
227
- const c = H(), d = `${c}-message`, u = U(null), [p, O] = K(""), A = t.length >= b, D = (i) => {
228
- O(i), m?.(i);
229
- }, v = (i) => {
230
- const f = i.split(/[\s,]+/), N = f.pop() ?? "", x = f.filter(Boolean).slice(0, Math.max(0, b - t.length));
231
- x.length && s([...t, ...x]), D(N);
232
- }, M = (i) => {
233
- i.key === "Enter" && p && !i.nativeEvent.isComposing ? (i.preventDefault(), v(`${p},`)) : i.key === "Backspace" && !p && t.length && s(t.slice(0, -1));
234
- }, E = (i) => {
235
- o || i.target === u.current || i.target.closest("button") || (i.preventDefault(), u.current?.focus());
236
- }, W = (i) => {
237
- s(t.filter((f, N) => N !== i)), i === t.length - 1 && u.current?.focus();
238
- }, q = [
260
+ const l = T(), d = `${l}-message`, _ = V(null), [f, A] = K(""), M = n.length >= $, E = (o) => {
261
+ A(o), u?.(o);
262
+ }, v = (o) => {
263
+ const p = o.split(/[\s,]+/), k = p.pop() ?? "", y = p.filter(Boolean).slice(0, Math.max(0, $ - n.length));
264
+ y.length && s([...n, ...y]), E(k);
265
+ }, W = (o) => {
266
+ o.key === "Enter" && f && !o.nativeEvent.isComposing ? (o.preventDefault(), v(`${f},`)) : o.key === "Backspace" && !f && n.length && s(n.slice(0, -1));
267
+ }, q = (o) => {
268
+ i || o.target === _.current || o.target.closest("button") || (o.preventDefault(), _.current?.focus());
269
+ }, H = [
239
270
  r.field,
240
- !t.length && r.empty,
241
- o && r.disabled,
271
+ !n.length && r.empty,
272
+ i && r.disabled,
242
273
  a && r.error
243
274
  ].filter(Boolean).join(" ");
244
- return /* @__PURE__ */ _("div", { children: [
245
- /* @__PURE__ */ _("div", { className: q, onMouseDown: E, children: [
246
- /* @__PURE__ */ _("div", { className: r.content, children: [
247
- /* @__PURE__ */ n("label", { htmlFor: c, className: r.label, children: e }),
248
- /* @__PURE__ */ n("div", { className: r.reveal, children: /* @__PURE__ */ _("div", { className: r.tags, children: [
249
- t.map((i, f) => /* @__PURE__ */ n(
250
- Re,
275
+ return /* @__PURE__ */ m("div", { children: [
276
+ /* @__PURE__ */ m("div", { className: H, onMouseDown: q, children: [
277
+ /* @__PURE__ */ m("div", { className: r.content, children: [
278
+ /* @__PURE__ */ t("label", { htmlFor: l, className: r.label, children: e }),
279
+ /* @__PURE__ */ t("div", { className: r.reveal, children: /* @__PURE__ */ m("div", { className: r.tags, children: [
280
+ n.map((o, p) => /* @__PURE__ */ t(
281
+ Ke,
251
282
  {
252
- invalid: l?.(i, f) ?? !1,
253
- onRemove: o ? void 0 : () => {
254
- W(f);
283
+ invalid: c?.(o, p) ?? !1,
284
+ onRemove: i ? void 0 : () => {
285
+ s(n.filter((k, y) => y !== p)), p === n.length - 1 && _.current?.focus();
255
286
  },
256
- children: i
287
+ children: o
257
288
  },
258
- f
289
+ p
259
290
  )),
260
- /* @__PURE__ */ n(
291
+ /* @__PURE__ */ t(
261
292
  "input",
262
293
  {
263
- ref: u,
264
- id: c,
294
+ ref: _,
295
+ id: l,
265
296
  className: r.input,
266
297
  size: 1,
267
- value: p,
268
- disabled: o,
269
- readOnly: A,
298
+ value: f,
299
+ disabled: i,
300
+ readOnly: M,
270
301
  "aria-invalid": a ? !0 : void 0,
271
302
  "aria-describedby": a ? d : void 0,
272
- onChange: (i) => {
273
- v(i.target.value);
303
+ onChange: (o) => {
304
+ v(o.target.value);
274
305
  },
275
- onKeyDown: M,
306
+ onKeyDown: W,
276
307
  onBlur: () => {
277
- v(`${p},`);
308
+ v(`${f},`);
278
309
  }
279
310
  }
280
311
  )
281
312
  ] }) })
282
313
  ] }),
283
- /* @__PURE__ */ n("div", { className: r.reveal, children: /* @__PURE__ */ _("p", { className: r.counter, children: [
284
- t.length,
314
+ /* @__PURE__ */ t("div", { className: r.reveal, children: /* @__PURE__ */ m("p", { className: r.counter, children: [
315
+ n.length,
285
316
  " / ",
286
- b
317
+ $
287
318
  ] }) })
288
319
  ] }),
289
- /* @__PURE__ */ n("p", { id: d, className: r.message, "aria-live": "polite", children: a })
320
+ /* @__PURE__ */ t("p", { id: d, className: r.message, "aria-live": "polite", children: a })
290
321
  ] });
291
322
  }
292
323
  export {
293
- Ge as Button,
294
- V as H1,
295
- Ue as H2,
296
- Xe as Hero,
324
+ Qe as Button,
325
+ J as H1,
326
+ Je as H2,
327
+ tn as Hero,
328
+ Ye as Link,
297
329
  S as ListItem,
298
- Ze as MultitagField,
299
- Ke as Paragraph,
300
- Ve as SideNav,
301
- Je as SideNavLink,
302
- Pe as UnorderedList
330
+ sn as MultitagField,
331
+ Xe as Paragraph,
332
+ en as SideNav,
333
+ nn as SideNavLink,
334
+ Ze as UnorderedList
303
335
  };
@@ -1 +1,5 @@
1
+ /**
2
+ * The href <SideNav> was told is the current page, or null when the consumer
3
+ * marks the current link itself. Read by <SideNavLink> to decide aria-current.
4
+ */
1
5
  export declare const CurrentHref: import('react').Context<string | null>;
@@ -1 +1,7 @@
1
+ export declare const isDev: boolean;
2
+ /**
3
+ * Warns when <SideNav> renders without an accessible name. <nav> is a landmark, and
4
+ * an unnamed one is announced as bare "navigation" — indistinguishable from every
5
+ * other nav on the page in a screen reader's landmark list.
6
+ */
1
7
  export declare function warnOnMissingLabel(): void;
@@ -1 +1,2 @@
1
+ /** True while rendering inside an <UnorderedList>. Used only for dev warnings. */
1
2
  export declare const InsideUnorderedList: import('react').Context<boolean>;
@@ -1,3 +1,13 @@
1
1
  import { ReactNode } from 'react';
2
+ export declare const isDev: boolean;
3
+ /**
4
+ * Warns when <UnorderedList> is handed anything other than <ListItem> (or a raw
5
+ * <li>). A <ul> may only contain <li>, so other children are invalid HTML and
6
+ * lose the bullet + spacing styles.
7
+ *
8
+ * Note: a custom wrapper that renders a <ListItem> internally will trip this —
9
+ * see the escape hatch in ListItem.tsx.
10
+ */
2
11
  export declare function warnOnNonListItemChildren(children: ReactNode, isListItem: (type: unknown) => boolean): void;
12
+ /** Warns when <ListItem> is rendered outside of an <UnorderedList>. */
3
13
  export declare function warnOnOrphanListItem(): void;
package/dist/ui.css CHANGED
@@ -1 +1 @@
1
- :root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body-inter: Inter;--font-desktop-body-tt-hoves: TT Hoves Pro;--font-desktop-caption: Inter;--font-desktop-numbers: TT Hoves Pro;--font-desktop-code: Hack;--h-extra-desktop-font-size: 6rem;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-letter-spacing: -.03em;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-font-size: 3.25rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-font-size: 2.75rem;--h3-desktop-line-height: 3rem;--h4-desktop-letter-spacing: -.01em;--h4-desktop-font-size: 2.25rem;--h4-desktop-line-height: 2.6875rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--h5-desktop-line-height: 2.0625rem;--h6-desktop-font-size: 1.75rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h7-desktop-font-size: 1.5rem;--h7-desktop-letter-spacing: -.01em;--h7-desktop-line-height: 1.75rem;--paragraph-desktop-font-size: 1.5rem;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-letter-spacing: -.01em;--button-lg-desktop-font-size: 1.25rem;--button-lg-desktop-line-height: 1.5rem;--button-lg-desktop-letter-spacing: -.02em;--button-md-desktop-font-size: 1.0625rem;--button-md-desktop-line-height: 1.5rem;--button-md-desktop-letter-spacing: -.02em;--button-sm-desktop-font-size: .875rem;--button-sm-desktop-line-height: 1.5rem;--button-sm-desktop-letter-spacing: -.01em;--body-lg-tt-hoves-desktop-font-size: 1.125rem;--body-lg-tt-hoves-desktop-line-height: 1.5rem;--body-lg-tt-hoves-desktop-letter-spacing: -.01em;--body-lg-inter-desktop-font-size: 1.25rem;--body-lg-inter-desktop-line-height: 1.875rem;--body-lg-inter-desktop-letter-spacing: -.02em;--body-md-tt-hoves-desktop-letter-spacing: -.01em;--body-md-tt-hoves-desktop-font-size: 1rem;--body-md-tt-hoves-desktop-line-height: 1.375rem;--body-md-inter-desktop-letter-spacing: -.02em;--body-md-inter-desktop-font-size: 1rem;--body-md-inter-desktop-line-height: 1.5rem;--body-sm-desktop-letter-spacing: -.01em;--body-sm-desktop-font-size: .875rem;--body-sm-desktop-line-height: 1.25rem;--caption-lg-desktop-font-size: 1rem;--caption-lg-desktop-letter-spacing: -.01em;--caption-lg-desktop-line-height: 1.5rem;--caption-sm-desktop-font-size: .75rem;--caption-sm-desktop-line-height: 1.125rem;--caption-sm-desktop-letter-spacing: -.02em;--caption-sm-bold-desktop-font-size: .75rem;--caption-sm-bold-desktop-line-height: 1rem;--caption-sm-bold-desktop-letter-spacing: -.01em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-letter-spacing: .04em;--caption-uppercase-desktop-font-size: .8125rem;--numbers-desktop-line-height: 1.375rem;--numbers-desktop-letter-spacing: .04em;--numbers-desktop-font-size: 1rem;--special-styles-code-desktop-line-height: 1.5625rem;--special-styles-code-desktop-font-size: 1.125rem;--special-styles-code-desktop-letter-spacing: 0;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body-inter: Inter;--font-tablet-body-tt-hoves: TT Hoves Pro;--font-tablet-caption: Inter;--font-tablet-numbers: TT Hoves Pro;--font-tablet-code: Hack;--h-extra-tablet-font-size: 6.875rem;--h-extra-tablet-line-height: 7.5625rem;--h-extra-tablet-letter-spacing: -.03em;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4.4rem;--h1-tablet-font-size: 4rem;--h2-tablet-font-size: 3rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-font-size: 2.5rem;--h3-tablet-line-height: 2.75rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-font-size: 2.25rem;--h4-tablet-line-height: 2.6875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--h5-tablet-line-height: 2.1875rem;--h6-tablet-font-size: 1.5rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h7-tablet-font-size: 1.375rem;--h7-tablet-letter-spacing: -.01em;--h7-tablet-line-height: 1.625rem;--paragraph-tablet-font-size: 1.375rem;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-letter-spacing: -.01em;--button-lg-tablet-font-size: 1.125rem;--button-lg-tablet-line-height: 1.5rem;--button-lg-tablet-letter-spacing: -.02em;--button-md-tablet-font-size: 1rem;--button-md-tablet-line-height: 1.5rem;--button-md-tablet-letter-spacing: -.02em;--button-sm-tablet-font-size: .875rem;--button-sm-tablet-line-height: 1.5rem;--button-sm-tablet-letter-spacing: -.01em;--body-lg-tt-hoves-tablet-font-size: 1rem;--body-lg-tt-hoves-tablet-line-height: 1.375rem;--body-lg-tt-hoves-tablet-letter-spacing: -.01em;--body-lg-inter-tablet-font-size: 1.125rem;--body-lg-inter-tablet-line-height: 1.6875rem;--body-lg-inter-tablet-letter-spacing: -.02em;--body-md-tt-hoves-tablet-letter-spacing: -.01em;--body-md-tt-hoves-tablet-font-size: 1rem;--body-md-tt-hoves-tablet-line-height: 1.375rem;--body-md-inter-tablet-letter-spacing: -.02em;--body-md-inter-tablet-font-size: 1rem;--body-md-inter-tablet-line-height: 1.5rem;--body-sm-tablet-letter-spacing: -.01em;--body-sm-tablet-font-size: .875rem;--body-sm-tablet-line-height: 1.25rem;--caption-lg-tablet-font-size: 1rem;--caption-lg-tablet-letter-spacing: -.02em;--caption-lg-tablet-line-height: 1.5rem;--caption-sm-tablet-font-size: .75rem;--caption-sm-tablet-line-height: 1.125rem;--caption-sm-tablet-letter-spacing: -.02em;--caption-sm-bold-tablet-font-size: .75rem;--caption-sm-bold-tablet-line-height: 1rem;--caption-sm-bold-tablet-letter-spacing: -.01em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-letter-spacing: .04em;--caption-uppercase-tablet-font-size: .8125rem;--numbers-tablet-line-height: 1.375rem;--numbers-tablet-letter-spacing: .04em;--numbers-tablet-font-size: 1rem;--special-styles-code-tablet-line-height: 1.5625rem;--special-styles-code-tablet-font-size: 1.125rem;--special-styles-code-tablet-letter-spacing: 0;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body-inter: Inter;--font-mobile-body-tt-hoves: TT Hoves Pro;--font-mobile-caption: Inter;--font-mobile-numbers: TT Hoves Pro;--font-mobile-code: Hack;--h-extra-mobile-font-size: 3.5rem;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-letter-spacing: -.02em;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-font-size: 2.5rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-font-size: 2.25rem;--h3-mobile-line-height: 2.5rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-font-size: 2rem;--h4-mobile-line-height: 2.625rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--h5-mobile-line-height: 1.5rem;--h6-mobile-font-size: 1.25rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h7-mobile-font-size: 1.25rem;--h7-mobile-letter-spacing: -.01em;--h7-mobile-line-height: 1.5rem;--paragraph-mobile-font-size: 1.125rem;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-letter-spacing: -.01em;--button-lg-mobile-font-size: 1rem;--button-lg-mobile-line-height: 1.5rem;--button-lg-mobile-letter-spacing: -.01em;--button-md-mobile-font-size: .875rem;--button-md-mobile-line-height: 1.5rem;--button-md-mobile-letter-spacing: -.01em;--button-sm-mobile-font-size: .75rem;--button-sm-mobile-line-height: 1.5rem;--button-sm-mobile-letter-spacing: -.01em;--body-lg-tt-hoves-mobile-font-size: .875rem;--body-lg-tt-hoves-mobile-line-height: 1.1875rem;--body-lg-tt-hoves-mobile-letter-spacing: -.01em;--body-lg-inter-mobile-font-size: 1rem;--body-lg-inter-mobile-line-height: 1.5rem;--body-lg-inter-mobile-letter-spacing: -.01em;--body-md-tt-hoves-mobile-letter-spacing: -.01em;--body-md-tt-hoves-mobile-font-size: 1rem;--body-md-tt-hoves-mobile-line-height: 1.375rem;--body-md-inter-mobile-letter-spacing: -.01em;--body-md-inter-mobile-font-size: .875rem;--body-md-inter-mobile-line-height: 1.3125rem;--body-sm-mobile-letter-spacing: -.01em;--body-sm-mobile-font-size: .875rem;--body-sm-mobile-line-height: 1.25rem;--caption-lg-mobile-font-size: 1rem;--caption-lg-mobile-letter-spacing: -.02em;--caption-lg-mobile-line-height: 1.5rem;--caption-sm-mobile-font-size: .75rem;--caption-sm-mobile-line-height: 1.125rem;--caption-sm-mobile-letter-spacing: -.02em;--caption-sm-bold-mobile-font-size: .75rem;--caption-sm-bold-mobile-line-height: 1rem;--caption-sm-bold-mobile-letter-spacing: -.01em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--caption-uppercase-mobile-font-size: .75rem;--numbers-mobile-line-height: 1.375rem;--numbers-mobile-letter-spacing: .04em;--numbers-mobile-font-size: 1rem;--special-styles-code-mobile-line-height: 1.375rem;--special-styles-code-mobile-font-size: 1rem;--special-styles-code-mobile-letter-spacing: 0;--surface-invert-fill-disabled: #c7ccd4;--surface-invert-secondary: #262c36;--surface-invert-primary: #151b23;--surface-invert-fill-deep: #6e7580;--surface-base-fill: #e6e9ed;--overlay-fill-dark: #151b23b3;--surface-invert-fill-pressed: #a8b0ba;--overlay-fill-medium: #151b23a3;--surface-base-fill-light: #eff7ff;--surface-base-secondary: #f5f7fa;--surface-base-primary: #ffffff;--surface-cell-disabled: #f5f7fa80;--surface-invert-fill-dark: #a8b0ba;--surface-invert-fill-hovered: #e6e9ed;--overlay-fill: #001d7a66;--surface-invert-dark: #151b23;--surface-invert-fill-medium: #c7ccd4;--surface-invert-fill-light: #e6e9ed;--text-invert-label: #939ba6;--text-link: #0066ff;--info-text: #00546b;--text-invert-secondary: #e6e9ed;--negative-text: #8f1150;--positive-text-dark: #005925;--text-base-label: #002ea3;--text-invert-pressed: #6e7580;--premium-text: #431878;--text-link-pressed: #001d7a;--text-base-secondary-light: #939ba6;--text-invert-primary: #ffffff;--positive-text: #147536;--negative-text-dark: #6b0039;--text-invert-disabled: #49505b;--warning-text: #6b1000;--text-disabled: #001d7a66;--text-link-hovered: #004cda;--text-invert-hovered: #b7bec7;--text-base-secondary: #49505b;--text-link-light: #2d84ff;--text-link-light-hovered: #5aa1ff;--caution-text: #505900;--text-base-primary: #151b23;--border-primary-light: #5aa1ff;--border-primary-active: #001d7a;--border-invert-secondary: #d6dbe0;--border-primary-medium: #2d84ff;--border-primary: #0066ff;--border-invert-primary: #ffffff;--border-primary-hovered: #004cda;--border-base-secondary: #d6dbe0;--border-base-secondary-light: #e6e9ed;--border-base-primary: #151b23;--border-primary-disabled: #002ea31a;--border-base-light: #e2f0ff;--accent-fill-hovered: #004cda;--accent-primary-hovered: #004cda;--accent-fill: #0066ff;--accent-fill-dark: #001d7a;--accent-fill-medium-disabled: #c7ccd4;--accent-fill-pressed: #002ea3;--accent-primary-dark: #001d7a;--accent-fill-medium-hovered: #a8b0ba;--accent-primary: #0066ff;--accent-fill-disabled: #002ea31a;--accent-fill-medium: #b7bec7;--accent-fill-medium-pressed: #939ba6;--accent-link: #0039b5;--accent-fill-focused: #8fc1ff;--accent-fill-light-hovered: #001d7a12;--accent-fill-light: #e2f0ff;--positive-icon: #29954b;--negative-icon-light: #b22265;--negative-icon: #8f1150;--icon-disabled: #001d7a66;--icon-invert: #c7ccd4;--icon-primary-light-hovered: #5aa1ff;--icon-base-secondary: #6e7580;--icon-primary: #383e48;--negative-fill-light-pressed: #ffafc8;--negative-fill: #f55591;--negative-fill-dark: #6b0039;--negative-fill-medium: #ff76a6;--negative-fill-light-hovered: #ffcbdb;--negative-fill-light: #ffe8ef;--warning-fill-dark: #6b1000;--warning-fill-medium: #f89364;--warning-primary: #f5804e;--warning-fill: #ffbc98;--warning-fill-light: #ffebde;--positive-fill-dark: #005925;--positive-fill: #47cc69;--positive-fill-medium: #81eb96;--positive-fill-light: #cffad6;--premium-fill: #9560ff;--premium-fill-medium: #b292fc;--premium-fill-light: #ece5ff;--info-fill: #3dc9d1;--info-fill-medium: #63dfe5;--info-fill-light: #b0f7f7;--caution-fill: #fcf58c;--caution-fill-dark: #e4e40d;--caution-fill-light: #fcf9d7;--disabled-progress-bar-right-gradient: #c7ccd4;--primary-progress-bar-left-gradient: #f55591;--primary-progress-bar-track: #e6e9ed;--disabled-progress-bar-track: #e6e9ed;--primary-progress-bar-right-gradient: #ffbc98;--disabled-progress-bar-left-gradient: #e6e9ed;--borderradius-none: 0;--borderradius-focusedstroke: 4px;--borderradius-muistroke: 4px;--borderradius-pill: 360px;--borderradius-cardsm: 12px;--borderradius-cardlg: 24px;--borderradius-button: 360px;--strokewidth-none: 0;--strokewidth-xs: 1px;--strokewidth-sm: 2px;--strokewidth-md: 4px;--strokewidth-lg: 8px;--insetspacing-5xs: .25rem;--insetspacing-4xs: .5rem;--insetspacing-3xs: .75rem;--insetspacing-2xs: 1rem;--insetspacing-xs: 1.25rem;--insetspacing-s: 1.5rem;--insetspacing-m: 1.75rem;--insetspacing-l: 2rem;--insetspacing-xl: 2.5rem;--insetspacing-2xl: 2.75rem;--insetspacing-3xl: 3rem;--insetspacing-4xl: 3.5rem;--insetspacing-5xl: 4rem;--insetspacing-6xl: 4.5rem;--insetspacing-7xl: 5rem;--insetspacing-8xl: 6rem;--insetspacing-9xl: 7.5rem;--insetspacing-10xl: 10rem;--stackspacing-5xs: .25rem;--stackspacing-4xs: .5rem;--stackspacing-3xs: .75rem;--stackspacing-2xs: 1rem;--stackspacing-xs: 1.25rem;--stackspacing-s: 1.5rem;--stackspacing-m: 1.75rem;--stackspacing-l: 2rem;--stackspacing-xl: 2.5rem;--stackspacing-2xl: 2.75rem;--stackspacing-3xl: 3rem;--stackspacing-4xl: 3.5rem;--stackspacing-5xl: 4rem;--stackspacing-6xl: 4.5rem;--stackspacing-7xl: 5rem;--stackspacing-8xl: 6rem;--stackspacing-9xl: 7.5rem;--stackspacing-10xl: 10rem;--inlinespacing-5xs: .25rem;--inlinespacing-4xs: .5rem;--inlinespacing-3xs: .75rem;--inlinespacing-2xs: 1rem;--inlinespacing-xs: 1.25rem;--inlinespacing-s: 1.5rem;--inlinespacing-m: 1.75rem;--inlinespacing-l: 2rem;--inlinespacing-xl: 2.5rem;--inlinespacing-2xl: 2.75rem;--inlinespacing-3xl: 3rem;--inlinespacing-4xl: 3.5rem;--inlinespacing-5xl: 4rem;--inlinespacing-6xl: 4.5rem;--inlinespacing-7xl: 5rem;--inlinespacing-8xl: 6rem;--inlinespacing-9xl: 7.5rem;--inlinespacing-10xl: 10rem}._h1_1765w_1{font-size:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);line-height:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._h2_1eque_1{font-size:clamp(2.5rem,1.1268vw + 2.2359rem,3.25rem);line-height:clamp(2.75rem,1.2207vw + 2.4639rem,3.5625rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._paragraph_11t85_1{font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;margin:0}._list_1p627_1{display:flex;flex-direction:column;gap:clamp(.75rem,.3756vw + .662rem,1rem);margin:clamp(1rem,.7512vw + .8239rem,1.5rem) 0 0;padding:0;list-style:none}._list_1p627_1 ._list_1p627_1{margin-top:clamp(.75rem,.3756vw + .662rem,1rem);margin-left:calc(clamp(1rem,.7512vw + .8239rem,1.5rem) - (clamp(.25rem,.3756vw + .162rem,.5rem) + 8px))}._item_1p627_14{position:relative;font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1}._list_1p627_1 ._item_1p627_14{padding-left:calc(clamp(.25rem,.3756vw + .162rem,.5rem) + 8px)}._list_1p627_1 ._item_1p627_14:before{content:"";position:absolute;top:.4lh;left:0;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border:var(--strokewidth-xs) solid var(--accent-primary);background:transparent}._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border:0;border-radius:0;background:var(--accent-primary)}._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border-radius:50%}._button_81qo0_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-button);padding:clamp(1rem,.3756vw + .912rem,1.25rem) clamp(1.5rem,.7512vw + 1.3239rem,2rem);font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}._button_81qo0_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused);outline-offset:2px}._button_81qo0_1:disabled{cursor:not-allowed}._sm_81qo0_26{font-size:clamp(.875rem,.2817vw + .809rem,1.0625rem);line-height:1.5rem;letter-spacing:-.02em;padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem)}._primary_81qo0_33{background-color:var(--accent-fill);color:var(--text-invert-primary)}._primary_81qo0_33:hover:not(:disabled){background-color:var(--accent-fill-hovered);color:var(--text-invert-primary)}._primary_81qo0_33:active:not(:disabled){background-color:var(--accent-fill-dark)}._primary_81qo0_33:disabled{background-color:var(--surface-invert-fill-disabled);color:var(--text-invert-primary)}._secondary_81qo0_49{background-color:transparent;color:var(--text-base-primary);box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-primary);transition:box-shadow .15s ease,color .15s ease}._secondary_81qo0_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-hovered);color:var(--text-link-hovered)}._secondary_81qo0_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-dark);color:var(--text-link-pressed)}._secondary_81qo0_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-secondary);color:var(--text-invert-hovered)}._negative_81qo0_68{background-color:var(--negative-fill-light);color:var(--negative-text)}._negative_81qo0_68:hover:not(:disabled){background-color:var(--negative-fill-light-hovered);color:var(--negative-text)}._negative_81qo0_68:active:not(:disabled){background-color:var(--negative-fill-light-pressed)}._negative_81qo0_68:disabled{background-color:var(--accent-fill-disabled);color:var(--text-disabled)}._nav_dxkjl_3{min-width:0}._list_dxkjl_7{display:flex;flex-direction:column;gap:clamp(.5rem,.3756vw + .412rem,.75rem);margin:0;padding:0;list-style:none}._item_dxkjl_16{min-width:0}._link_dxkjl_20{font-size:1rem;line-height:1.5rem;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;color:var(--text-base-primary);text-decoration:none;cursor:pointer;overflow-wrap:break-word;transition:color .15s ease}._link_dxkjl_20:hover{-webkit-line-clamp:none;line-clamp:none;color:var(--text-link)}._link_dxkjl_20:focus-visible{-webkit-line-clamp:none;line-clamp:none}._current_dxkjl_48{-webkit-line-clamp:none;line-clamp:none;color:var(--text-link)}@media(hover:none){._link_dxkjl_20{-webkit-line-clamp:none;line-clamp:none}}@keyframes _hero-rise_93692_1{0%{opacity:0;transform:translateY(var(--hero-rise, 50px))}to{opacity:1;transform:none}}._hero_93692_11{container-type:inline-size;background-color:var(--surface-base-secondary)}._layout_93692_16{display:grid;padding:clamp(2.75rem,.7512vw + 2.3239rem,3rem) 0}._content_93692_21{min-width:0}._titleLine_93692_25{display:block}._titleWord_93692_29{animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;display:inline-block;animation-delay:calc(.03s + var(--hero-index, 0) * 15ms)}._description_93692_35{font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;margin:max(clamp(1.5rem,.7512vw + 1.3239rem,2rem),1.75rem) 0 0;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--text-base-secondary);animation-delay:.03s}._media_93692_48{animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;--hero-rise: 100px;order:2;width:100%;margin-top:clamp(1.75rem,1.1268vw + 1.4859rem,2.5rem);animation-delay:.13s}._media_93692_48 :where(img,svg){display:block;max-width:100%;height:auto}@container (min-width: 1089px){._layout_93692_16{display:flow-root}._content_93692_21{max-width:700px}._media_93692_48{float:right;width:auto;max-width:620px;margin-top:0;shape-outside:circle(30%);shape-margin:clamp(1.75rem,1.1268vw + 1.4859rem,2.5rem)}}@media(prefers-reduced-motion:reduce){@keyframes _hero-rise_93692_1{0%{opacity:0}to{opacity:1}}}._field_7z5g3_1{position:relative;display:flex;flex-direction:column;gap:clamp(.25rem,.3756vw + .162rem,.5rem);padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem);border-radius:var(--borderradius-cardsm);background-color:var(--surface-base-secondary);font-feature-settings:"dlig" 1;cursor:text;transition:padding .2s cubic-bezier(0,0,.2,1),gap .2s cubic-bezier(0,0,.2,1)}._field_7z5g3_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._field_7z5g3_1._error_7z5g3_17{outline:var(--strokewidth-sm) solid var(--negative-fill)}._message_7z5g3_21{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;margin:0;padding-inline:clamp(1rem,.3756vw + .912rem,1.25rem);font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--negative-text)}._message_7z5g3_21:not(:empty){margin-top:clamp(.25rem,.3756vw + .162rem,.5rem)}._content_7z5g3_36{display:flex;flex-direction:column;gap:clamp(.125rem,.1878vw + .081rem,.25rem);transition:gap .2s cubic-bezier(0,0,.2,1)}._reveal_7z5g3_43{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_7z5g3_43>*{min-height:0;overflow:clip}._label_7z5g3_53{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;font-family:var(--ui-font-primary);font-weight:400;color:var(--text-base-secondary);overflow-wrap:break-word;transition:font-size .2s cubic-bezier(0,0,.2,1),line-height .2s cubic-bezier(0,0,.2,1),letter-spacing .2s cubic-bezier(0,0,.2,1)}._tags_7z5g3_64{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.25rem,.3756vw + .162rem,.5rem)}._input_7z5g3_71{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;flex:1 0 auto;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:inherit;color:var(--text-base-primary);caret-color:var(--negative-fill)}._counter_7z5g3_88{font-size:.75rem;line-height:1.125rem;letter-spacing:-.02em;margin:0;font-family:var(--ui-font-body);font-weight:400;color:var(--text-base-secondary);text-align:right;transition:opacity .2s cubic-bezier(0,0,.2,1),visibility .2s}._field_7z5g3_1:not(:focus-within,._empty_7z5g3_100) ._input_7z5g3_71{position:absolute;width:1px;opacity:0}._empty_7z5g3_100:not(:focus-within){gap:0;padding-block:clamp(1rem,.7512vw + .8239rem,1.5rem)}._empty_7z5g3_100:not(:focus-within) ._content_7z5g3_36{gap:0}._empty_7z5g3_100:not(:focus-within) ._reveal_7z5g3_43{grid-template-rows:0fr}._empty_7z5g3_100:not(:focus-within) ._label_7z5g3_53{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;font-family:var(--ui-font-body)}._empty_7z5g3_100:not(:focus-within) ._counter_7z5g3_88{visibility:hidden;opacity:0}._disabled_7z5g3_127{cursor:default}._disabled_7z5g3_127 ._label_7z5g3_53,._disabled_7z5g3_127 ._counter_7z5g3_88,._disabled_7z5g3_127 ._chip_7z5g3_132{color:var(--text-disabled)}._chip_7z5g3_132{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;display:flex;align-items:center;gap:clamp(.25rem,.3756vw + .162rem,.5rem);max-width:100%;padding:clamp(.125rem,.1878vw + .081rem,.25rem) clamp(.75rem,.3756vw + .662rem,1rem);border-radius:var(--borderradius-pill);background-color:var(--surface-base-fill);font-family:var(--ui-font-body);font-weight:400;color:var(--text-base-primary);cursor:default}._chipText_7z5g3_153{min-width:0;overflow-wrap:anywhere}._remove_7z5g3_158{display:flex;flex-shrink:0;margin:0;padding:0;border:0;background:none;color:var(--icon-base-secondary);cursor:pointer}._invalid_7z5g3_169{background-color:var(--negative-fill-light);color:var(--negative-text)}._invalid_7z5g3_169 ._remove_7z5g3_158{color:var(--negative-icon)}@media(prefers-reduced-motion:reduce){._field_7z5g3_1,._content_7z5g3_36,._label_7z5g3_53,._reveal_7z5g3_43{transition:none}}
1
+ :root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body-inter: Inter;--font-desktop-body-tt-hoves: TT Hoves Pro;--font-desktop-caption: Inter;--font-desktop-numbers: TT Hoves Pro;--font-desktop-code: Hack;--h-extra-desktop-font-size: 6rem;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-letter-spacing: -.03em;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-font-size: 3.25rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-font-size: 2.75rem;--h3-desktop-line-height: 3rem;--h4-desktop-letter-spacing: -.01em;--h4-desktop-font-size: 2.25rem;--h4-desktop-line-height: 2.6875rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--h5-desktop-line-height: 2.0625rem;--h6-desktop-font-size: 1.75rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h7-desktop-font-size: 1.5rem;--h7-desktop-letter-spacing: -.01em;--h7-desktop-line-height: 1.75rem;--paragraph-desktop-font-size: 1.5rem;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-letter-spacing: -.01em;--button-lg-desktop-font-size: 1.25rem;--button-lg-desktop-line-height: 1.5rem;--button-lg-desktop-letter-spacing: -.02em;--button-md-desktop-font-size: 1.0625rem;--button-md-desktop-line-height: 1.5rem;--button-md-desktop-letter-spacing: -.02em;--button-sm-desktop-font-size: .875rem;--button-sm-desktop-line-height: 1.5rem;--button-sm-desktop-letter-spacing: -.01em;--body-lg-tt-hoves-desktop-font-size: 1.125rem;--body-lg-tt-hoves-desktop-line-height: 1.5rem;--body-lg-tt-hoves-desktop-letter-spacing: -.01em;--body-lg-inter-desktop-font-size: 1.25rem;--body-lg-inter-desktop-line-height: 1.875rem;--body-lg-inter-desktop-letter-spacing: -.02em;--body-md-tt-hoves-desktop-letter-spacing: -.01em;--body-md-tt-hoves-desktop-font-size: 1rem;--body-md-tt-hoves-desktop-line-height: 1.375rem;--body-md-inter-desktop-letter-spacing: -.02em;--body-md-inter-desktop-font-size: 1rem;--body-md-inter-desktop-line-height: 1.5rem;--body-sm-desktop-letter-spacing: -.01em;--body-sm-desktop-font-size: .875rem;--body-sm-desktop-line-height: 1.25rem;--caption-lg-desktop-font-size: 1rem;--caption-lg-desktop-letter-spacing: -.01em;--caption-lg-desktop-line-height: 1.5rem;--caption-sm-desktop-font-size: .75rem;--caption-sm-desktop-line-height: 1.125rem;--caption-sm-desktop-letter-spacing: -.02em;--caption-sm-bold-desktop-font-size: .75rem;--caption-sm-bold-desktop-line-height: 1rem;--caption-sm-bold-desktop-letter-spacing: -.01em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-letter-spacing: .04em;--caption-uppercase-desktop-font-size: .8125rem;--numbers-desktop-line-height: 1.375rem;--numbers-desktop-letter-spacing: .04em;--numbers-desktop-font-size: 1rem;--special-styles-code-desktop-line-height: 1.5625rem;--special-styles-code-desktop-font-size: 1.125rem;--special-styles-code-desktop-letter-spacing: 0;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body-inter: Inter;--font-tablet-body-tt-hoves: TT Hoves Pro;--font-tablet-caption: Inter;--font-tablet-numbers: TT Hoves Pro;--font-tablet-code: Hack;--h-extra-tablet-font-size: 6.875rem;--h-extra-tablet-line-height: 7.5625rem;--h-extra-tablet-letter-spacing: -.03em;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4.4rem;--h1-tablet-font-size: 4rem;--h2-tablet-font-size: 3rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-font-size: 2.5rem;--h3-tablet-line-height: 2.75rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-font-size: 2.25rem;--h4-tablet-line-height: 2.6875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--h5-tablet-line-height: 2.1875rem;--h6-tablet-font-size: 1.5rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h7-tablet-font-size: 1.375rem;--h7-tablet-letter-spacing: -.01em;--h7-tablet-line-height: 1.625rem;--paragraph-tablet-font-size: 1.375rem;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-letter-spacing: -.01em;--button-lg-tablet-font-size: 1.125rem;--button-lg-tablet-line-height: 1.5rem;--button-lg-tablet-letter-spacing: -.02em;--button-md-tablet-font-size: 1rem;--button-md-tablet-line-height: 1.5rem;--button-md-tablet-letter-spacing: -.02em;--button-sm-tablet-font-size: .875rem;--button-sm-tablet-line-height: 1.5rem;--button-sm-tablet-letter-spacing: -.01em;--body-lg-tt-hoves-tablet-font-size: 1rem;--body-lg-tt-hoves-tablet-line-height: 1.375rem;--body-lg-tt-hoves-tablet-letter-spacing: -.01em;--body-lg-inter-tablet-font-size: 1.125rem;--body-lg-inter-tablet-line-height: 1.6875rem;--body-lg-inter-tablet-letter-spacing: -.02em;--body-md-tt-hoves-tablet-letter-spacing: -.01em;--body-md-tt-hoves-tablet-font-size: 1rem;--body-md-tt-hoves-tablet-line-height: 1.375rem;--body-md-inter-tablet-letter-spacing: -.02em;--body-md-inter-tablet-font-size: 1rem;--body-md-inter-tablet-line-height: 1.5rem;--body-sm-tablet-letter-spacing: -.01em;--body-sm-tablet-font-size: .875rem;--body-sm-tablet-line-height: 1.25rem;--caption-lg-tablet-font-size: 1rem;--caption-lg-tablet-letter-spacing: -.02em;--caption-lg-tablet-line-height: 1.5rem;--caption-sm-tablet-font-size: .75rem;--caption-sm-tablet-line-height: 1.125rem;--caption-sm-tablet-letter-spacing: -.02em;--caption-sm-bold-tablet-font-size: .75rem;--caption-sm-bold-tablet-line-height: 1rem;--caption-sm-bold-tablet-letter-spacing: -.01em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-letter-spacing: .04em;--caption-uppercase-tablet-font-size: .8125rem;--numbers-tablet-line-height: 1.375rem;--numbers-tablet-letter-spacing: .04em;--numbers-tablet-font-size: 1rem;--special-styles-code-tablet-line-height: 1.5625rem;--special-styles-code-tablet-font-size: 1.125rem;--special-styles-code-tablet-letter-spacing: 0;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body-inter: Inter;--font-mobile-body-tt-hoves: TT Hoves Pro;--font-mobile-caption: Inter;--font-mobile-numbers: TT Hoves Pro;--font-mobile-code: Hack;--h-extra-mobile-font-size: 3.5rem;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-letter-spacing: -.02em;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-font-size: 2.5rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-font-size: 2.25rem;--h3-mobile-line-height: 2.5rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-font-size: 2rem;--h4-mobile-line-height: 2.625rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--h5-mobile-line-height: 1.5rem;--h6-mobile-font-size: 1.25rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h7-mobile-font-size: 1.25rem;--h7-mobile-letter-spacing: -.01em;--h7-mobile-line-height: 1.5rem;--paragraph-mobile-font-size: 1.125rem;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-letter-spacing: -.01em;--button-lg-mobile-font-size: 1rem;--button-lg-mobile-line-height: 1.5rem;--button-lg-mobile-letter-spacing: -.01em;--button-md-mobile-font-size: .875rem;--button-md-mobile-line-height: 1.5rem;--button-md-mobile-letter-spacing: -.01em;--button-sm-mobile-font-size: .75rem;--button-sm-mobile-line-height: 1.5rem;--button-sm-mobile-letter-spacing: -.01em;--body-lg-tt-hoves-mobile-font-size: .875rem;--body-lg-tt-hoves-mobile-line-height: 1.1875rem;--body-lg-tt-hoves-mobile-letter-spacing: -.01em;--body-lg-inter-mobile-font-size: 1rem;--body-lg-inter-mobile-line-height: 1.5rem;--body-lg-inter-mobile-letter-spacing: -.01em;--body-md-tt-hoves-mobile-letter-spacing: -.01em;--body-md-tt-hoves-mobile-font-size: 1rem;--body-md-tt-hoves-mobile-line-height: 1.375rem;--body-md-inter-mobile-letter-spacing: -.01em;--body-md-inter-mobile-font-size: .875rem;--body-md-inter-mobile-line-height: 1.3125rem;--body-sm-mobile-letter-spacing: -.01em;--body-sm-mobile-font-size: .875rem;--body-sm-mobile-line-height: 1.25rem;--caption-lg-mobile-font-size: 1rem;--caption-lg-mobile-letter-spacing: -.02em;--caption-lg-mobile-line-height: 1.5rem;--caption-sm-mobile-font-size: .75rem;--caption-sm-mobile-line-height: 1.125rem;--caption-sm-mobile-letter-spacing: -.02em;--caption-sm-bold-mobile-font-size: .75rem;--caption-sm-bold-mobile-line-height: 1rem;--caption-sm-bold-mobile-letter-spacing: -.01em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--caption-uppercase-mobile-font-size: .75rem;--numbers-mobile-line-height: 1.375rem;--numbers-mobile-letter-spacing: .04em;--numbers-mobile-font-size: 1rem;--special-styles-code-mobile-line-height: 1.375rem;--special-styles-code-mobile-font-size: 1rem;--special-styles-code-mobile-letter-spacing: 0;--surface-invert-fill-disabled: #c7ccd4;--surface-invert-secondary: #262c36;--surface-invert-primary: #151b23;--surface-invert-fill-deep: #6e7580;--surface-base-fill: #e6e9ed;--overlay-fill-dark: #151b23b3;--surface-invert-fill-pressed: #a8b0ba;--overlay-fill-medium: #151b23a3;--surface-base-fill-light: #eff7ff;--surface-base-secondary: #f5f7fa;--surface-base-primary: #ffffff;--surface-cell-disabled: #f5f7fa80;--surface-invert-fill-dark: #a8b0ba;--surface-invert-fill-hovered: #e6e9ed;--overlay-fill: #001d7a66;--surface-invert-dark: #151b23;--surface-invert-fill-medium: #c7ccd4;--surface-invert-fill-light: #e6e9ed;--text-invert-label: #939ba6;--text-link: #0066ff;--info-text: #00546b;--text-invert-secondary: #e6e9ed;--negative-text: #8f1150;--positive-text-dark: #005925;--text-base-label: #002ea3;--text-invert-pressed: #6e7580;--premium-text: #431878;--text-link-pressed: #001d7a;--text-base-secondary-light: #939ba6;--text-invert-primary: #ffffff;--positive-text: #147536;--negative-text-dark: #6b0039;--text-invert-disabled: #49505b;--warning-text: #6b1000;--text-disabled: #001d7a66;--text-link-hovered: #004cda;--text-invert-hovered: #b7bec7;--text-base-secondary: #49505b;--text-link-light: #2d84ff;--text-link-light-hovered: #5aa1ff;--caution-text: #505900;--text-base-primary: #151b23;--border-primary-light: #5aa1ff;--border-primary-active: #001d7a;--border-invert-secondary: #d6dbe0;--border-primary-medium: #2d84ff;--border-primary: #0066ff;--border-invert-primary: #ffffff;--border-primary-hovered: #004cda;--border-base-secondary: #d6dbe0;--border-base-secondary-light: #e6e9ed;--border-base-primary: #151b23;--border-primary-disabled: #002ea31a;--border-base-light: #e2f0ff;--accent-fill-hovered: #004cda;--accent-primary-hovered: #004cda;--accent-fill: #0066ff;--accent-fill-dark: #001d7a;--accent-fill-medium-disabled: #c7ccd4;--accent-fill-pressed: #002ea3;--accent-primary-dark: #001d7a;--accent-fill-medium-hovered: #a8b0ba;--accent-primary: #0066ff;--accent-fill-disabled: #002ea31a;--accent-fill-medium: #b7bec7;--accent-fill-medium-pressed: #939ba6;--accent-link: #0039b5;--accent-fill-focused: #8fc1ff;--accent-fill-light-hovered: #001d7a12;--accent-fill-light: #e2f0ff;--positive-icon: #29954b;--negative-icon-light: #b22265;--negative-icon: #8f1150;--icon-disabled: #001d7a66;--icon-invert: #c7ccd4;--icon-primary-light-hovered: #5aa1ff;--icon-base-secondary: #6e7580;--icon-primary: #383e48;--negative-fill-light-pressed: #ffafc8;--negative-fill: #f55591;--negative-fill-dark: #6b0039;--negative-fill-medium: #ff76a6;--negative-fill-light-hovered: #ffcbdb;--negative-fill-light: #ffe8ef;--warning-fill-dark: #6b1000;--warning-fill-medium: #f89364;--warning-primary: #f5804e;--warning-fill: #ffbc98;--warning-fill-light: #ffebde;--positive-fill-dark: #005925;--positive-fill: #47cc69;--positive-fill-medium: #81eb96;--positive-fill-light: #cffad6;--premium-fill: #9560ff;--premium-fill-medium: #b292fc;--premium-fill-light: #ece5ff;--info-fill: #3dc9d1;--info-fill-medium: #63dfe5;--info-fill-light: #b0f7f7;--caution-fill: #fcf58c;--caution-fill-dark: #e4e40d;--caution-fill-light: #fcf9d7;--disabled-progress-bar-right-gradient: #c7ccd4;--primary-progress-bar-left-gradient: #f55591;--primary-progress-bar-track: #e6e9ed;--disabled-progress-bar-track: #e6e9ed;--primary-progress-bar-right-gradient: #ffbc98;--disabled-progress-bar-left-gradient: #e6e9ed;--borderradius-none: 0;--borderradius-focusedstroke: 4px;--borderradius-muistroke: 4px;--borderradius-pill: 360px;--borderradius-cardsm: 12px;--borderradius-cardlg: 24px;--borderradius-button: 360px;--strokewidth-none: 0;--strokewidth-xs: 1px;--strokewidth-sm: 2px;--strokewidth-md: 4px;--strokewidth-lg: 8px;--insetspacing-5xs: .25rem;--insetspacing-4xs: .5rem;--insetspacing-3xs: .75rem;--insetspacing-2xs: 1rem;--insetspacing-xs: 1.25rem;--insetspacing-s: 1.5rem;--insetspacing-m: 1.75rem;--insetspacing-l: 2rem;--insetspacing-xl: 2.5rem;--insetspacing-2xl: 2.75rem;--insetspacing-3xl: 3rem;--insetspacing-4xl: 3.5rem;--insetspacing-5xl: 4rem;--insetspacing-6xl: 4.5rem;--insetspacing-7xl: 5rem;--insetspacing-8xl: 6rem;--insetspacing-9xl: 7.5rem;--insetspacing-10xl: 10rem;--stackspacing-5xs: .25rem;--stackspacing-4xs: .5rem;--stackspacing-3xs: .75rem;--stackspacing-2xs: 1rem;--stackspacing-xs: 1.25rem;--stackspacing-s: 1.5rem;--stackspacing-m: 1.75rem;--stackspacing-l: 2rem;--stackspacing-xl: 2.5rem;--stackspacing-2xl: 2.75rem;--stackspacing-3xl: 3rem;--stackspacing-4xl: 3.5rem;--stackspacing-5xl: 4rem;--stackspacing-6xl: 4.5rem;--stackspacing-7xl: 5rem;--stackspacing-8xl: 6rem;--stackspacing-9xl: 7.5rem;--stackspacing-10xl: 10rem;--inlinespacing-5xs: .25rem;--inlinespacing-4xs: .5rem;--inlinespacing-3xs: .75rem;--inlinespacing-2xs: 1rem;--inlinespacing-xs: 1.25rem;--inlinespacing-s: 1.5rem;--inlinespacing-m: 1.75rem;--inlinespacing-l: 2rem;--inlinespacing-xl: 2.5rem;--inlinespacing-2xl: 2.75rem;--inlinespacing-3xl: 3rem;--inlinespacing-4xl: 3.5rem;--inlinespacing-5xl: 4rem;--inlinespacing-6xl: 4.5rem;--inlinespacing-7xl: 5rem;--inlinespacing-8xl: 6rem;--inlinespacing-9xl: 7.5rem;--inlinespacing-10xl: 10rem}._h1_1765w_1{font-size:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);line-height:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._h2_1eque_1{font-size:clamp(2.5rem,1.1268vw + 2.2359rem,3.25rem);line-height:clamp(2.75rem,1.2207vw + 2.4639rem,3.5625rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._paragraph_11t85_1{font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;margin:0}._list_1p627_1{display:flex;flex-direction:column;gap:clamp(.75rem,.3756vw + .662rem,1rem);margin:clamp(1rem,.7512vw + .8239rem,1.5rem) 0 0;padding:0;list-style:none}._list_1p627_1 ._list_1p627_1{margin-top:clamp(.75rem,.3756vw + .662rem,1rem);margin-left:calc(clamp(1rem,.7512vw + .8239rem,1.5rem) - (clamp(.25rem,.3756vw + .162rem,.5rem) + 8px))}._item_1p627_14{position:relative;font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1}._list_1p627_1 ._item_1p627_14{padding-left:calc(clamp(.25rem,.3756vw + .162rem,.5rem) + 8px)}._list_1p627_1 ._item_1p627_14:before{content:"";position:absolute;top:.4lh;left:0;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border:var(--strokewidth-xs) solid var(--accent-primary);background:transparent}._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border:0;border-radius:0;background:var(--accent-primary)}._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._list_1p627_1 ._item_1p627_14:before{border-radius:50%}._button_81qo0_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-button);padding:clamp(1rem,.3756vw + .912rem,1.25rem) clamp(1.5rem,.7512vw + 1.3239rem,2rem);font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}._button_81qo0_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused);outline-offset:2px}._button_81qo0_1:disabled{cursor:not-allowed}._sm_81qo0_26{font-size:clamp(.875rem,.2817vw + .809rem,1.0625rem);line-height:1.5rem;letter-spacing:-.02em;padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem)}._primary_81qo0_33{background-color:var(--accent-fill);color:var(--text-invert-primary)}._primary_81qo0_33:hover:not(:disabled){background-color:var(--accent-fill-hovered);color:var(--text-invert-primary)}._primary_81qo0_33:active:not(:disabled){background-color:var(--accent-fill-dark)}._primary_81qo0_33:disabled{background-color:var(--surface-invert-fill-disabled);color:var(--text-invert-primary)}._secondary_81qo0_49{background-color:transparent;color:var(--text-base-primary);box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-primary);transition:box-shadow .15s ease,color .15s ease}._secondary_81qo0_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-hovered);color:var(--text-link-hovered)}._secondary_81qo0_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-dark);color:var(--text-link-pressed)}._secondary_81qo0_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-secondary);color:var(--text-invert-hovered)}._negative_81qo0_68{background-color:var(--negative-fill-light);color:var(--negative-text)}._negative_81qo0_68:hover:not(:disabled){background-color:var(--negative-fill-light-hovered);color:var(--negative-text)}._negative_81qo0_68:active:not(:disabled){background-color:var(--negative-fill-light-pressed)}._negative_81qo0_68:disabled{background-color:var(--accent-fill-disabled);color:var(--text-disabled)}._link_zldg6_1{display:inline;text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font;cursor:pointer;background:none;border:none;padding:0;font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;color:var(--text-link)}._link_zldg6_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._link_zldg6_1:hover{color:var(--text-link-hovered)}._link_zldg6_1:active{color:var(--text-link-pressed)}._accent_zldg6_28{color:var(--accent-link)}._accent_zldg6_28:hover{color:var(--accent-fill-hovered)}._accent_zldg6_28:active{color:var(--text-link-pressed)}._disabled_zldg6_38{color:var(--text-invert-hovered);cursor:not-allowed;pointer-events:none}._disabled_zldg6_38:hover,._disabled_zldg6_38:active,._disabled_zldg6_38:focus-visible{color:var(--text-invert-hovered);outline:none}._nav_dxkjl_3{min-width:0}._list_dxkjl_7{display:flex;flex-direction:column;gap:clamp(.5rem,.3756vw + .412rem,.75rem);margin:0;padding:0;list-style:none}._item_dxkjl_16{min-width:0}._link_dxkjl_20{font-size:1rem;line-height:1.5rem;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;color:var(--text-base-primary);text-decoration:none;cursor:pointer;overflow-wrap:break-word;transition:color .15s ease}._link_dxkjl_20:hover{-webkit-line-clamp:none;line-clamp:none;color:var(--text-link)}._link_dxkjl_20:focus-visible{-webkit-line-clamp:none;line-clamp:none}._current_dxkjl_48{-webkit-line-clamp:none;line-clamp:none;color:var(--text-link)}@media(hover:none){._link_dxkjl_20{-webkit-line-clamp:none;line-clamp:none}}@keyframes _hero-rise_93692_1{0%{opacity:0;transform:translateY(var(--hero-rise, 50px))}to{opacity:1;transform:none}}._hero_93692_11{container-type:inline-size;background-color:var(--surface-base-secondary)}._layout_93692_16{display:grid;padding:clamp(2.75rem,.7512vw + 2.3239rem,3rem) 0}._content_93692_21{min-width:0}._titleLine_93692_25{display:block}._titleWord_93692_29{animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;display:inline-block;animation-delay:calc(.03s + var(--hero-index, 0) * 15ms)}._description_93692_35{font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:clamp(1.5rem,.5634vw + 1.368rem,1.875rem);letter-spacing:-.02em;animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;margin:max(clamp(1.5rem,.7512vw + 1.3239rem,2rem),1.75rem) 0 0;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--text-base-secondary);animation-delay:.03s}._media_93692_48{animation:_hero-rise_93692_1 .67s cubic-bezier(.16,1,.03,1) both;--hero-rise: 100px;order:2;width:100%;margin-top:clamp(1.75rem,1.1268vw + 1.4859rem,2.5rem);animation-delay:.13s}._media_93692_48 :where(img,svg){display:block;max-width:100%;height:auto}@container (min-width: 1089px){._layout_93692_16{display:flow-root}._content_93692_21{max-width:700px}._media_93692_48{float:right;width:auto;max-width:620px;margin-top:0;shape-outside:circle(30%);shape-margin:clamp(1.75rem,1.1268vw + 1.4859rem,2.5rem)}}@media(prefers-reduced-motion:reduce){@keyframes _hero-rise_93692_1{0%{opacity:0}to{opacity:1}}}._field_7z5g3_1{position:relative;display:flex;flex-direction:column;gap:clamp(.25rem,.3756vw + .162rem,.5rem);padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem);border-radius:var(--borderradius-cardsm);background-color:var(--surface-base-secondary);font-feature-settings:"dlig" 1;cursor:text;transition:padding .2s cubic-bezier(0,0,.2,1),gap .2s cubic-bezier(0,0,.2,1)}._field_7z5g3_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._field_7z5g3_1._error_7z5g3_17{outline:var(--strokewidth-sm) solid var(--negative-fill)}._message_7z5g3_21{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;margin:0;padding-inline:clamp(1rem,.3756vw + .912rem,1.25rem);font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--negative-text)}._message_7z5g3_21:not(:empty){margin-top:clamp(.25rem,.3756vw + .162rem,.5rem)}._content_7z5g3_36{display:flex;flex-direction:column;gap:clamp(.125rem,.1878vw + .081rem,.25rem);transition:gap .2s cubic-bezier(0,0,.2,1)}._reveal_7z5g3_43{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_7z5g3_43>*{min-height:0;overflow:clip}._label_7z5g3_53{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;font-family:var(--ui-font-primary);font-weight:400;color:var(--text-base-secondary);overflow-wrap:break-word;transition:font-size .2s cubic-bezier(0,0,.2,1),line-height .2s cubic-bezier(0,0,.2,1),letter-spacing .2s cubic-bezier(0,0,.2,1)}._tags_7z5g3_64{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.25rem,.3756vw + .162rem,.5rem)}._input_7z5g3_71{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;flex:1 0 auto;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:inherit;color:var(--text-base-primary);caret-color:var(--negative-fill)}._counter_7z5g3_88{font-size:.75rem;line-height:1.125rem;letter-spacing:-.02em;margin:0;font-family:var(--ui-font-body);font-weight:400;color:var(--text-base-secondary);text-align:right;transition:opacity .2s cubic-bezier(0,0,.2,1),visibility .2s}._field_7z5g3_1:not(:focus-within,._empty_7z5g3_100) ._input_7z5g3_71{position:absolute;width:1px;opacity:0}._empty_7z5g3_100:not(:focus-within){gap:0;padding-block:clamp(1rem,.7512vw + .8239rem,1.5rem)}._empty_7z5g3_100:not(:focus-within) ._content_7z5g3_36{gap:0}._empty_7z5g3_100:not(:focus-within) ._reveal_7z5g3_43{grid-template-rows:0fr}._empty_7z5g3_100:not(:focus-within) ._label_7z5g3_53{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;font-family:var(--ui-font-body)}._empty_7z5g3_100:not(:focus-within) ._counter_7z5g3_88{visibility:hidden;opacity:0}._disabled_7z5g3_127{cursor:default}._disabled_7z5g3_127 ._label_7z5g3_53,._disabled_7z5g3_127 ._counter_7z5g3_88,._disabled_7z5g3_127 ._chip_7z5g3_132{color:var(--text-disabled)}._chip_7z5g3_132{font-size:clamp(.875rem,.1878vw + .831rem,1rem);line-height:clamp(1.3125rem,.2817vw + 1.2465rem,1.5rem);letter-spacing:-.02em;display:flex;align-items:center;gap:clamp(.25rem,.3756vw + .162rem,.5rem);max-width:100%;padding:clamp(.125rem,.1878vw + .081rem,.25rem) clamp(.75rem,.3756vw + .662rem,1rem);border-radius:var(--borderradius-pill);background-color:var(--surface-base-fill);font-family:var(--ui-font-body);font-weight:400;color:var(--text-base-primary);cursor:default}._chipText_7z5g3_153{min-width:0;overflow-wrap:anywhere}._remove_7z5g3_158{display:flex;flex-shrink:0;margin:0;padding:0;border:0;background:none;color:var(--icon-base-secondary);cursor:pointer}._invalid_7z5g3_169{background-color:var(--negative-fill-light);color:var(--negative-text)}._invalid_7z5g3_169 ._remove_7z5g3_158{color:var(--negative-icon)}@media(prefers-reduced-motion:reduce){._field_7z5g3_1,._content_7z5g3_36,._label_7z5g3_53,._reveal_7z5g3_43{transition:none}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@smartyweb/ui",
3
- "version": "2.2.0-max-no-comments.ged46dbb",
3
+ "version": "2.3.0-irina-inline-link.ga63fca2",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",
@@ -26,7 +26,7 @@
26
26
  "release": "changeset publish",
27
27
  "storybook": "node sd.config.js && storybook dev -p 6006",
28
28
  "build-storybook": "storybook build",
29
- "lint": "node scripts/check-use-client.mjs && node scripts/check-comments.mjs && eslint src --max-warnings 0 && stylelint 'src/**/*.scss'",
29
+ "lint": "node scripts/check-use-client.mjs && eslint src --max-warnings 0 && stylelint 'src/**/*.scss'",
30
30
  "mirror": "node scripts/mirror-check.mjs",
31
31
  "mirror:selftest": "node scripts/mirror-selftest.mjs",
32
32
  "format:check": "prettier --check ."
@@ -1,2 +0,0 @@
1
- export declare const isDev: boolean;
2
- export declare function warnOnce(message: string): void;