@smartyweb/ui 2.4.1 → 2.4.2-max-text-field-line-height.g72f7e1c

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.
Files changed (4) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +160 -159
  3. package/dist/ui.css +1 -1
  4. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),q="_h1_1765w_1",H={h1:q};function C({children:e,className:t}){const s=[H.h1,t].filter(Boolean).join(" ");return n.jsx("h1",{className:s,children:e})}const P="_h2_1eque_1",U={h2:P};function V({children:e}){return n.jsx("h2",{className:U.h2,children:e})}const K="_paragraph_11t85_1",X={paragraph:K};function G({children:e}){return n.jsx("p",{className:X.paragraph,children:e})}const I=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 J(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:t}=e;if(typeof t=="string")return`<${t}>`}return"an unknown element"}function S(e,t){for(const s of l.Children.toArray(e)){if(!l.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===l.Fragment){const{children:i}=s.props;S(i,t);continue}t(s.type)||s.type==="li"||L(`<UnorderedList> received ${J(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function Z(){L("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const Q="_list_1p627_1",Y="_item_1p627_14",T={list:Q,item:Y},O=l.createContext(!1);function w({children:e}){const t=l.useContext(O);return I&&!t&&Z(),n.jsx("li",{className:T.item,children:e})}w.isSmartyListItem=!0;function ee(e){return e===w?!0:typeof e=="function"&&e.isSmartyListItem===!0}function te({children:e}){return I&&S(e,ee),n.jsx(O,{value:!0,children:n.jsx("ul",{role:"list",className:T.list,children:e})})}const ne="_button_81qo0_1",se="_sm_81qo0_26",ie="_primary_81qo0_33",oe="_secondary_81qo0_49",re="_negative_81qo0_68",N={button:ne,sm:se,primary:ie,secondary:oe,negative:re};function ae({as:e="button",variant:t="primary",size:s="default",href:i,openInNewTab:a,disabled:d,type:o,onClick:u,children:_}){const p=[N.button,N[t],s==="sm"&&N.sm].filter(Boolean).join(" ");return n.jsx(e,{className:p,href:i,target:a?"_blank":void 0,rel:a?"noopener noreferrer":void 0,disabled:d,type:o,onClick:u,children:_})}const ce="_link_1m7hb_1",le="_accent_1m7hb_28",de="_disabled_1m7hb_38",ue="_newTabNote_1m7hb_48",g={link:ce,accent:le,disabled:de,newTabNote:ue},B=l.createContext(null);function _e({component:e,children:t}){return n.jsx(B,{value:e,children:t})}function me(){return l.useContext(B)}const pe=" (opens in new tab)",fe=/\.[a-z][a-z\d]{1,4}$/;function he(e,t){if(t)return"download";if(/^(https?:)?\/\//i.test(e))return"external";if(e.startsWith("#")||/^[a-z][a-z\d+.-]*:/i.test(e))return"plain";const s=(e.split(/[?#]/)[0]??"").toLowerCase();return fe.test(s)?"plain":"router"}function xe({variant:e="default",href:t,download:s=!1,disabled:i,onClick:a,children:d}){const o=me(),_=[g.link,e==="accent"&&g.accent,i&&g.disabled].filter(Boolean).join(" ");if(t===void 0)return n.jsx("button",{type:"button",className:_,disabled:i,onClick:i?void 0:a,"aria-disabled":i,children:d});const m=he(t,s);if(m==="external")return n.jsxs("a",{className:_,href:t,target:"_blank",rel:"noopener noreferrer",onClick:a,children:[d,n.jsx("span",{className:g.newTabNote,children:pe})]});const p=m==="router"&&o?o:"a";return n.jsx(p,{className:_,href:t,download:m==="download"?"":void 0,onClick:a,children:d})}const ve=typeof process<"u"&&process.env.NODE_ENV!=="production",z=new Set;function ye(e){z.has(e)||(z.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ge(){ye("<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 je="_nav_dxkjl_3",Ne="_list_dxkjl_7",be="_item_dxkjl_16",Le="_link_dxkjl_20",we="_current_dxkjl_48",v={nav:je,list:Ne,item:be,link:Le,current:we},D=l.createContext(null);function $e({label:e,current:t,children:s}){return ve&&!e?.trim()&&ge(),n.jsx("nav",{className:v.nav,"aria-label":e,children:n.jsx(D,{value:t??null,children:n.jsx("ul",{className:v.list,children:s})})})}function ke({as:e="a",href:t,current:s,openInNewTab:i,onClick:a,children:d}){const o=l.useContext(D),u=s??(o!==null&&o===t),_=[v.link,u&&v.current].filter(Boolean).join(" ");return n.jsx("li",{className:v.item,children:n.jsx(e,{className:_,href:t,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,onClick:a,"aria-current":u?"location":void 0,children:d})})}const ze="_hero_93692_11",Ce="_layout_93692_16",Ie="_content_93692_21",Se="_titleLine_93692_25",Te="_titleWord_93692_29",Oe="_description_93692_35",Be="_media_93692_48",h={hero:ze,layout:Ce,content:Ie,titleLine:Se,titleWord:Te,description:Oe,media:Be};function De(e){return e.replace(/([- ])/g,t=>`${t===" "?" ":t}|split|`).split("|split|")}const Ee=e=>({"--hero-index":e});function Me({title:e,description:t,media:s}){const i=Array.isArray(e);let a=0;const d=(i?e:[e]).map(o=>De(o).map(u=>({word:u,index:a++})));return n.jsx("section",{className:h.hero,children:n.jsxs("div",{className:h.layout,children:[n.jsx("div",{className:h.media,children:s}),n.jsxs("div",{className:h.content,children:[n.jsx(C,{children:d.map((o,u)=>n.jsx("span",{className:i?h.titleLine:void 0,children:o.map(({word:_,index:m})=>n.jsx("span",{className:h.titleWord,style:Ee(m),children:_},m))},u))}),n.jsx("p",{className:h.description,children:t})]})]})})}function Re(){return n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:n.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 Ae="_field_7z5g3_1",Fe="_error_7z5g3_17",We="_message_7z5g3_21",qe="_content_7z5g3_36",He="_reveal_7z5g3_43",Pe="_label_7z5g3_53",Ue="_tags_7z5g3_64",Ve="_input_7z5g3_71",Ke="_counter_7z5g3_88",Xe="_empty_7z5g3_100",Ge="_disabled_7z5g3_127",Je="_chip_7z5g3_132",Ze="_chipText_7z5g3_153",Qe="_remove_7z5g3_158",Ye="_invalid_7z5g3_169",c={field:Ae,error:Fe,message:We,content:qe,reveal:He,label:Pe,tags:Ue,input:Ve,counter:Ke,empty:Xe,disabled:Ge,chip:Je,chipText:Ze,remove:Qe,invalid:Ye};function et({children:e,invalid:t,onRemove:s}){return n.jsxs("span",{className:[c.chip,t&&c.invalid].filter(Boolean).join(" "),children:[n.jsx("span",{className:c.chipText,children:e}),s&&n.jsx("button",{type:"button",className:c.remove,"aria-label":`Remove ${e}${t?" (invalid)":""}`,onClick:s,children:n.jsx(Re,{})})]})}const b=100;function tt({label:e,value:t,onChange:s,disabled:i=!1,isTagInvalid:a,onInputChange:d,error:o}){const u=l.useId(),_=`${u}-message`,m=l.useRef(null),[p,E]=l.useState(""),M=t.length>=b,R=r=>{E(r),d?.(r)},j=r=>{const f=r.split(/[\s,]+/),$=f.pop()??"",y=f.filter(Boolean).slice(0,Math.max(0,b-t.length));y.length&&s([...t,...y]),R($)},A=r=>{r.key==="Enter"&&p&&!r.nativeEvent.isComposing?(r.preventDefault(),j(`${p},`)):r.key==="Backspace"&&!p&&t.length&&s(t.slice(0,-1))},F=r=>{i||r.target===m.current||r.target.closest("button")||(r.preventDefault(),m.current?.focus())},W=[c.field,!t.length&&c.empty,i&&c.disabled,o&&c.error].filter(Boolean).join(" ");return n.jsxs("div",{children:[n.jsxs("div",{className:W,onMouseDown:F,children:[n.jsxs("div",{className:c.content,children:[n.jsx("label",{htmlFor:u,className:c.label,children:e}),n.jsx("div",{className:c.reveal,children:n.jsxs("div",{className:c.tags,children:[t.map((r,f)=>n.jsx(et,{invalid:a?.(r,f)??!1,onRemove:i?void 0:()=>{s(t.filter(($,y)=>y!==f)),f===t.length-1&&m.current?.focus()},children:r},f)),n.jsx("input",{ref:m,id:u,className:c.input,size:1,value:p,disabled:i,readOnly:M,"aria-invalid":o?!0:void 0,"aria-describedby":o?_:void 0,onChange:r=>{j(r.target.value)},onKeyDown:A,onBlur:()=>{j(`${p},`)}})]})})]}),n.jsx("div",{className:c.reveal,children:n.jsxs("p",{className:c.counter,children:[t.length," / ",b]})})]}),n.jsx("p",{id:_,className:c.message,"aria-live":"polite",children:o})]})}const nt="_field_1hc5h_1",st="_label_1hc5h_16",it="_reveal_1hc5h_27",ot="_input_1hc5h_37",rt="_empty_1hc5h_55",x={field:nt,label:st,reveal:it,input:ot,empty:rt};function at({label:e,value:t,onChange:s}){const i=l.useId(),a=l.useRef(null),d=o=>{o.target!==a.current&&(o.preventDefault(),a.current?.focus())};return n.jsxs("div",{className:[x.field,!t&&x.empty].filter(Boolean).join(" "),onMouseDown:d,children:[n.jsx("label",{htmlFor:i,className:x.label,children:e}),n.jsx("div",{className:x.reveal,children:n.jsx("div",{children:n.jsx("input",{ref:a,id:i,className:x.input,value:t,onChange:o=>{s(o.target.value)}})})})]})}exports.Button=ae;exports.H1=C;exports.H2=V;exports.Hero=Me;exports.Link=xe;exports.LinkProvider=_e;exports.ListItem=w;exports.MultitagField=tt;exports.Paragraph=G;exports.SideNav=$e;exports.SideNavLink=ke;exports.TextField=at;exports.UnorderedList=te;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),P="_h1_1765w_1",U={h1:P};function I({children:e,className:t}){const s=[U.h1,t].filter(Boolean).join(" ");return n.jsx("h1",{className:s,children:e})}const z="_h2_1eque_1",q={h2:z};function V({children:e}){return n.jsx("h2",{className:q.h2,children:e})}const K="_paragraph_11t85_1",X={paragraph:K};function G({children:e}){return n.jsx("p",{className:X.paragraph,children:e})}const S=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 J(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:t}=e;if(typeof t=="string")return`<${t}>`}return"an unknown element"}function T(e,t){for(const s of l.Children.toArray(e)){if(!l.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===l.Fragment){const{children:i}=s.props;T(i,t);continue}t(s.type)||s.type==="li"||L(`<UnorderedList> received ${J(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function Z(){L("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const Q="_list_1p627_1",Y="_item_1p627_14",O={list:Q,item:Y},B=l.createContext(!1);function w({children:e}){const t=l.useContext(B);return S&&!t&&Z(),n.jsx("li",{className:O.item,children:e})}w.isSmartyListItem=!0;function ee(e){return e===w?!0:typeof e=="function"&&e.isSmartyListItem===!0}function te({children:e}){return S&&T(e,ee),n.jsx(B,{value:!0,children:n.jsx("ul",{role:"list",className:O.list,children:e})})}const ne="_button_1391k_1",se="_sm_1391k_26",ie="_primary_1391k_33",oe="_secondary_1391k_49",re="_negative_1391k_68",b={button:ne,sm:se,primary:ie,secondary:oe,negative:re};function ae({as:e="button",variant:t="primary",size:s="default",href:i,openInNewTab:c,disabled:u,type:o,onClick:d,children:_}){const m=[b.button,b[t],s==="sm"&&b.sm].filter(Boolean).join(" ");return n.jsx(e,{className:m,href:i,target:c?"_blank":void 0,rel:c?"noopener noreferrer":void 0,disabled:u,type:o,onClick:d,children:_})}const ce="_link_1m7hb_1",le="_accent_1m7hb_28",ue="_disabled_1m7hb_38",de="_newTabNote_1m7hb_48",j={link:ce,accent:le,disabled:ue,newTabNote:de},D=l.createContext(null);function _e({component:e,children:t}){return n.jsx(D,{value:e,children:t})}function fe(){return l.useContext(D)}const me=" (opens in new tab)",pe=/\.[a-z][a-z\d]{1,4}$/;function he(e,t){if(t)return"download";if(/^(https?:)?\/\//i.test(e))return"external";if(e.startsWith("#")||/^[a-z][a-z\d+.-]*:/i.test(e))return"plain";const s=(e.split(/[?#]/)[0]??"").toLowerCase();return pe.test(s)?"plain":"router"}function xe({variant:e="default",href:t,download:s=!1,disabled:i,onClick:c,children:u}){const o=fe(),_=[j.link,e==="accent"&&j.accent,i&&j.disabled].filter(Boolean).join(" ");if(t===void 0)return n.jsx("button",{type:"button",className:_,disabled:i,onClick:i?void 0:c,"aria-disabled":i,children:u});const f=he(t,s);if(f==="external")return n.jsxs("a",{className:_,href:t,target:"_blank",rel:"noopener noreferrer",onClick:c,children:[u,n.jsx("span",{className:j.newTabNote,children:me})]});const m=f==="router"&&o?o:"a";return n.jsx(m,{className:_,href:t,download:f==="download"?"":void 0,onClick:c,children:u})}const ve=typeof process<"u"&&process.env.NODE_ENV!=="production",C=new Set;function ye(e){C.has(e)||(C.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function je(){ye("<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 Ne="_nav_dxkjl_3",be="_list_dxkjl_7",ge="_item_dxkjl_16",Le="_link_dxkjl_20",we="_current_dxkjl_48",v={nav:Ne,list:be,item:ge,link:Le,current:we},E=l.createContext(null);function $e({label:e,current:t,children:s}){return ve&&!e?.trim()&&je(),n.jsx("nav",{className:v.nav,"aria-label":e,children:n.jsx(E,{value:t??null,children:n.jsx("ul",{className:v.list,children:s})})})}function ke({as:e="a",href:t,current:s,openInNewTab:i,onClick:c,children:u}){const o=l.useContext(E),d=s??(o!==null&&o===t),_=[v.link,d&&v.current].filter(Boolean).join(" ");return n.jsx("li",{className:v.item,children:n.jsx(e,{className:_,href:t,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,onClick:c,"aria-current":d?"location":void 0,children:u})})}const Ce="_hero_93692_11",Ie="_layout_93692_16",Se="_content_93692_21",Te="_titleLine_93692_25",Oe="_titleWord_93692_29",Be="_description_93692_35",De="_media_93692_48",h={hero:Ce,layout:Ie,content:Se,titleLine:Te,titleWord:Oe,description:Be,media:De};function Ee(e){return e.replace(/([- ])/g,t=>`${t===" "?" ":t}|split|`).split("|split|")}const Me=e=>({"--hero-index":e});function Re({title:e,description:t,media:s}){const i=Array.isArray(e);let c=0;const u=(i?e:[e]).map(o=>Ee(o).map(d=>({word:d,index:c++})));return n.jsx("section",{className:h.hero,children:n.jsxs("div",{className:h.layout,children:[n.jsx("div",{className:h.media,children:s}),n.jsxs("div",{className:h.content,children:[n.jsx(I,{children:u.map((o,d)=>n.jsx("span",{className:i?h.titleLine:void 0,children:o.map(({word:_,index:f})=>n.jsx("span",{className:h.titleWord,style:Me(f),children:_},f))},d))}),n.jsx("p",{className:h.description,children:t})]})]})})}function Ae(){return n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:n.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 Fe="_field_14suf_1",We="_error_14suf_17",He="_message_14suf_21",Pe="_content_14suf_36",Ue="_reveal_14suf_43",ze="_label_14suf_53",qe="_tags_14suf_64",Ve="_chips_14suf_71",Ke="_input_14suf_78",Xe="_counter_14suf_95",Ge="_empty_14suf_107",Je="_disabled_14suf_134",Ze="_chip_14suf_71",Qe="_chipText_14suf_160",Ye="_remove_14suf_165",et="_invalid_14suf_176",a={field:Fe,error:We,message:He,content:Pe,reveal:Ue,label:ze,tags:qe,chips:Ve,input:Ke,counter:Xe,empty:Ge,disabled:Je,chip:Ze,chipText:Qe,remove:Ye,invalid:et};function tt({children:e,invalid:t,onRemove:s}){return n.jsxs("li",{className:[a.chip,t&&a.invalid].filter(Boolean).join(" "),children:[n.jsx("span",{className:a.chipText,children:e}),s&&n.jsx("button",{type:"button",className:a.remove,"aria-label":`Remove ${e}${t?" (invalid)":""}`,onClick:s,children:n.jsx(Ae,{})})]})}const g=100;function nt({label:e,value:t,onChange:s,disabled:i=!1,isTagInvalid:c,onInputChange:u,error:o}){const d=l.useId(),_=`${d}-message`,f=l.useRef(null),[m,M]=l.useState(""),R=t.length>=g,A=r=>{M(r),u?.(r)},N=r=>{const p=r.split(/[\s,]+/),$=p.pop()??"",y=p.filter(Boolean).slice(0,Math.max(0,g-t.length));y.length&&s([...t,...y]),A($)},F=r=>{r.key==="Enter"&&m&&!r.nativeEvent.isComposing?(r.preventDefault(),N(`${m},`)):r.key==="Backspace"&&!m&&t.length&&s(t.slice(0,-1))},W=r=>{i||r.target===f.current||r.target.closest("button")||(r.preventDefault(),f.current?.focus())},H=[a.field,!t.length&&a.empty,i&&a.disabled,o&&a.error].filter(Boolean).join(" ");return n.jsxs("div",{children:[n.jsxs("div",{className:H,onMouseDown:W,children:[n.jsxs("div",{className:a.content,children:[n.jsx("label",{htmlFor:d,className:a.label,children:e}),n.jsx("div",{className:a.reveal,children:n.jsxs("div",{className:a.tags,children:[t.length>0&&n.jsx("ul",{role:"list",className:a.chips,children:t.map((r,p)=>n.jsx(tt,{invalid:c?.(r,p)??!1,onRemove:i?void 0:()=>{s(t.filter(($,y)=>y!==p)),p===t.length-1&&f.current?.focus()},children:r},p))}),n.jsx("input",{ref:f,id:d,className:a.input,size:1,value:m,disabled:i,readOnly:R,"aria-invalid":o?!0:void 0,"aria-describedby":o?_:void 0,onChange:r=>{N(r.target.value)},onKeyDown:F,onBlur:()=>{N(`${m},`)}})]})})]}),n.jsx("div",{className:a.reveal,children:n.jsxs("p",{className:a.counter,children:[t.length," / ",g]})})]}),n.jsx("p",{id:_,className:a.message,"aria-live":"polite",children:o})]})}const st="_field_otub4_1",it="_label_otub4_16",ot="_reveal_otub4_27",rt="_input_otub4_37",at="_empty_otub4_56",x={field:st,label:it,reveal:ot,input:rt,empty:at};function ct({label:e,value:t,onChange:s}){const i=l.useId(),c=l.useRef(null),u=o=>{o.target!==c.current&&(o.preventDefault(),c.current?.focus())};return n.jsxs("div",{className:[x.field,!t&&x.empty].filter(Boolean).join(" "),onMouseDown:u,children:[n.jsx("label",{htmlFor:i,className:x.label,children:e}),n.jsx("div",{className:x.reveal,children:n.jsx("div",{children:n.jsx("input",{ref:c,id:i,className:x.input,value:t,onChange:o=>{s(o.target.value)}})})})]})}exports.Button=ae;exports.H1=I;exports.H2=V;exports.Hero=Re;exports.Link=xe;exports.LinkProvider=_e;exports.ListItem=w;exports.MultitagField=nt;exports.Paragraph=G;exports.SideNav=$e;exports.SideNavLink=ke;exports.TextField=ct;exports.UnorderedList=te;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
- import { jsx as n, jsxs as m } from "react/jsx-runtime";
3
- import { Children as P, isValidElement as V, Fragment as K, createContext as k, useContext as x, useId as I, useRef as O, useState as X } from "react";
2
+ import { jsx as n, jsxs as f } from "react/jsx-runtime";
3
+ import { Children as V, isValidElement as K, Fragment as X, createContext as k, useContext as x, useId as O, useRef as B, useState as q } from "react";
4
4
  const G = "_h1_1765w_1", J = {
5
5
  h1: G
6
6
  };
@@ -11,18 +11,18 @@ function Z({ children: e, className: t }) {
11
11
  const Q = "_h2_1eque_1", Y = {
12
12
  h2: Q
13
13
  };
14
- function at({ children: e }) {
14
+ function ct({ children: e }) {
15
15
  return /* @__PURE__ */ n("h2", { className: Y.h2, children: e });
16
16
  }
17
17
  const ee = "_paragraph_11t85_1", te = {
18
18
  paragraph: ee
19
19
  };
20
- function ct({ children: e }) {
20
+ function lt({ children: e }) {
21
21
  return /* @__PURE__ */ n("p", { className: te.paragraph, children: e });
22
22
  }
23
- const B = typeof process < "u" && process.env.NODE_ENV !== "production", j = /* @__PURE__ */ new Set();
23
+ const C = typeof process < "u" && process.env.NODE_ENV !== "production", T = /* @__PURE__ */ new Set();
24
24
  function $(e) {
25
- j.has(e) || (j.add(e), console.warn(`[@smartyweb/ui] ${e}`));
25
+ T.has(e) || (T.add(e), console.warn(`[@smartyweb/ui] ${e}`));
26
26
  }
27
27
  function ne(e) {
28
28
  if (typeof e == "string") return `<${e}>`;
@@ -33,9 +33,9 @@ function ne(e) {
33
33
  }
34
34
  return "an unknown element";
35
35
  }
36
- function C(e, t) {
37
- for (const s of P.toArray(e)) {
38
- if (!V(s)) {
36
+ function D(e, t) {
37
+ for (const s of V.toArray(e)) {
38
+ if (!K(s)) {
39
39
  if (typeof s != "string" && typeof s != "number") continue;
40
40
  const i = String(s).trim();
41
41
  if (i === "") continue;
@@ -44,9 +44,9 @@ function C(e, t) {
44
44
  );
45
45
  continue;
46
46
  }
47
- if (s.type === K) {
47
+ if (s.type === X) {
48
48
  const { children: i } = s.props;
49
- C(i, t);
49
+ D(i, t);
50
50
  continue;
51
51
  }
52
52
  t(s.type) || s.type === "li" || $(
@@ -59,107 +59,107 @@ function se() {
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 ie = "_list_1p627_1", oe = "_item_1p627_14", D = {
62
+ const ie = "_list_1p627_1", oe = "_item_1p627_14", E = {
63
63
  list: ie,
64
64
  item: oe
65
- }, E = k(!1);
66
- function S({ children: e }) {
67
- const t = x(E);
68
- return B && !t && se(), /* @__PURE__ */ n("li", { className: D.item, children: e });
65
+ }, S = k(!1);
66
+ function M({ children: e }) {
67
+ const t = x(S);
68
+ return C && !t && se(), /* @__PURE__ */ n("li", { className: E.item, children: e });
69
69
  }
70
- S.isSmartyListItem = !0;
70
+ M.isSmartyListItem = !0;
71
71
  function re(e) {
72
- return e === S ? !0 : typeof e == "function" && e.isSmartyListItem === !0;
72
+ return e === M ? !0 : typeof e == "function" && e.isSmartyListItem === !0;
73
73
  }
74
- function lt({ children: e }) {
75
- return B && C(e, re), /* @__PURE__ */ n(E, { value: !0, children: /* @__PURE__ */ n("ul", { role: "list", className: D.list, children: e }) });
74
+ function ut({ children: e }) {
75
+ return C && D(e, re), /* @__PURE__ */ n(S, { value: !0, children: /* @__PURE__ */ n("ul", { role: "list", className: E.list, children: e }) });
76
76
  }
77
- const ae = "_button_81qo0_1", ce = "_sm_81qo0_26", le = "_primary_81qo0_33", de = "_secondary_81qo0_49", ue = "_negative_81qo0_68", L = {
77
+ const ae = "_button_1391k_1", ce = "_sm_1391k_26", le = "_primary_1391k_33", ue = "_secondary_1391k_49", de = "_negative_1391k_68", L = {
78
78
  button: ae,
79
79
  sm: ce,
80
80
  primary: le,
81
- secondary: de,
82
- negative: ue
81
+ secondary: ue,
82
+ negative: de
83
83
  };
84
84
  function dt({
85
85
  as: e = "button",
86
86
  variant: t = "primary",
87
87
  size: s = "default",
88
88
  href: i,
89
- openInNewTab: a,
89
+ openInNewTab: c,
90
90
  disabled: l,
91
91
  type: o,
92
- onClick: d,
93
- children: u
92
+ onClick: u,
93
+ children: d
94
94
  }) {
95
- const p = [L.button, L[t], s === "sm" && L.sm].filter(Boolean).join(" ");
95
+ const m = [L.button, L[t], s === "sm" && L.sm].filter(Boolean).join(" ");
96
96
  return /* @__PURE__ */ n(
97
97
  e,
98
98
  {
99
- className: p,
99
+ className: m,
100
100
  href: i,
101
- target: a ? "_blank" : void 0,
102
- rel: a ? "noopener noreferrer" : void 0,
101
+ target: c ? "_blank" : void 0,
102
+ rel: c ? "noopener noreferrer" : void 0,
103
103
  disabled: l,
104
104
  type: o,
105
- onClick: d,
106
- children: u
105
+ onClick: u,
106
+ children: d
107
107
  }
108
108
  );
109
109
  }
110
- const _e = "_link_1m7hb_1", me = "_accent_1m7hb_28", pe = "_disabled_1m7hb_38", fe = "_newTabNote_1m7hb_48", N = {
110
+ const _e = "_link_1m7hb_1", fe = "_accent_1m7hb_28", me = "_disabled_1m7hb_38", pe = "_newTabNote_1m7hb_48", b = {
111
111
  link: _e,
112
- accent: me,
113
- disabled: pe,
114
- newTabNote: fe
115
- }, M = k(null);
116
- function ut({ component: e, children: t }) {
117
- return /* @__PURE__ */ n(M, { value: e, children: t });
112
+ accent: fe,
113
+ disabled: me,
114
+ newTabNote: pe
115
+ }, A = k(null);
116
+ function _t({ component: e, children: t }) {
117
+ return /* @__PURE__ */ n(A, { value: e, children: t });
118
118
  }
119
119
  function he() {
120
- return x(M);
120
+ return x(A);
121
121
  }
122
122
  const ve = " (opens in new tab)", ye = /\.[a-z][a-z\d]{1,4}$/;
123
- function ge(e, t) {
123
+ function Ne(e, t) {
124
124
  if (t) return "download";
125
125
  if (/^(https?:)?\/\//i.test(e)) return "external";
126
126
  if (e.startsWith("#") || /^[a-z][a-z\d+.-]*:/i.test(e)) return "plain";
127
127
  const s = (e.split(/[?#]/)[0] ?? "").toLowerCase();
128
128
  return ye.test(s) ? "plain" : "router";
129
129
  }
130
- function _t({
130
+ function ft({
131
131
  variant: e = "default",
132
132
  href: t,
133
133
  download: s = !1,
134
134
  disabled: i,
135
- onClick: a,
135
+ onClick: c,
136
136
  children: l
137
137
  }) {
138
- const o = he(), u = [N.link, e === "accent" && N.accent, i && N.disabled].filter(Boolean).join(" ");
138
+ const o = he(), d = [b.link, e === "accent" && b.accent, i && b.disabled].filter(Boolean).join(" ");
139
139
  if (t === void 0)
140
140
  return /* @__PURE__ */ n(
141
141
  "button",
142
142
  {
143
143
  type: "button",
144
- className: u,
144
+ className: d,
145
145
  disabled: i,
146
- onClick: i ? void 0 : a,
146
+ onClick: i ? void 0 : c,
147
147
  "aria-disabled": i,
148
148
  children: l
149
149
  }
150
150
  );
151
- const _ = ge(t, s);
152
- return _ === "external" ? /* @__PURE__ */ m(
151
+ const _ = Ne(t, s);
152
+ return _ === "external" ? /* @__PURE__ */ f(
153
153
  "a",
154
154
  {
155
- className: u,
155
+ className: d,
156
156
  href: t,
157
157
  target: "_blank",
158
158
  rel: "noopener noreferrer",
159
- onClick: a,
159
+ onClick: c,
160
160
  children: [
161
161
  l,
162
- /* @__PURE__ */ n("span", { className: N.newTabNote, children: ve })
162
+ /* @__PURE__ */ n("span", { className: b.newTabNote, children: ve })
163
163
  ]
164
164
  }
165
165
  ) : (
@@ -169,84 +169,84 @@ function _t({
169
169
  /* @__PURE__ */ n(
170
170
  _ === "router" && o ? o : "a",
171
171
  {
172
- className: u,
172
+ className: d,
173
173
  href: t,
174
174
  download: _ === "download" ? "" : void 0,
175
- onClick: a,
175
+ onClick: c,
176
176
  children: l
177
177
  }
178
178
  )
179
179
  );
180
180
  }
181
- const Ne = typeof process < "u" && process.env.NODE_ENV !== "production", T = /* @__PURE__ */ new Set();
182
- function be(e) {
183
- T.has(e) || (T.add(e), console.warn(`[@smartyweb/ui] ${e}`));
181
+ const be = typeof process < "u" && process.env.NODE_ENV !== "production", I = /* @__PURE__ */ new Set();
182
+ function ge(e) {
183
+ I.has(e) || (I.add(e), console.warn(`[@smartyweb/ui] ${e}`));
184
184
  }
185
185
  function Le() {
186
- be(
186
+ ge(
187
187
  "<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."
188
188
  );
189
189
  }
190
- const we = "_nav_dxkjl_3", $e = "_list_dxkjl_7", ke = "_item_dxkjl_16", xe = "_link_dxkjl_20", ze = "_current_dxkjl_48", y = {
190
+ const we = "_nav_dxkjl_3", $e = "_list_dxkjl_7", ke = "_item_dxkjl_16", xe = "_link_dxkjl_20", je = "_current_dxkjl_48", y = {
191
191
  nav: we,
192
192
  list: $e,
193
193
  item: ke,
194
194
  link: xe,
195
- current: ze
196
- }, A = k(null);
195
+ current: je
196
+ }, R = k(null);
197
197
  function mt({ label: e, current: t, children: s }) {
198
- return Ne && !e?.trim() && Le(), /* @__PURE__ */ n("nav", { className: y.nav, "aria-label": e, children: /* @__PURE__ */ n(A, { value: t ?? null, children: /* @__PURE__ */ n("ul", { className: y.list, children: s }) }) });
198
+ return be && !e?.trim() && Le(), /* @__PURE__ */ n("nav", { className: y.nav, "aria-label": e, children: /* @__PURE__ */ n(R, { value: t ?? null, children: /* @__PURE__ */ n("ul", { className: y.list, children: s }) }) });
199
199
  }
200
200
  function pt({
201
201
  as: e = "a",
202
202
  href: t,
203
203
  current: s,
204
204
  openInNewTab: i,
205
- onClick: a,
205
+ onClick: c,
206
206
  children: l
207
207
  }) {
208
- const o = x(A), d = s ?? (o !== null && o === t), u = [y.link, d && y.current].filter(Boolean).join(" ");
208
+ const o = x(R), u = s ?? (o !== null && o === t), d = [y.link, u && y.current].filter(Boolean).join(" ");
209
209
  return /* @__PURE__ */ n("li", { className: y.item, children: /* @__PURE__ */ n(
210
210
  e,
211
211
  {
212
- className: u,
212
+ className: d,
213
213
  href: t,
214
214
  target: i ? "_blank" : void 0,
215
215
  rel: i ? "noopener noreferrer" : void 0,
216
- onClick: a,
217
- "aria-current": d ? "location" : void 0,
216
+ onClick: c,
217
+ "aria-current": u ? "location" : void 0,
218
218
  children: l
219
219
  }
220
220
  ) });
221
221
  }
222
- const je = "_hero_93692_11", Te = "_layout_93692_16", Ie = "_content_93692_21", Oe = "_titleLine_93692_25", Be = "_titleWord_93692_29", Ce = "_description_93692_35", De = "_media_93692_48", h = {
223
- hero: je,
224
- layout: Te,
225
- content: Ie,
226
- titleLine: Oe,
227
- titleWord: Be,
228
- description: Ce,
229
- media: De
222
+ const Te = "_hero_93692_11", Ie = "_layout_93692_16", Oe = "_content_93692_21", Be = "_titleLine_93692_25", Ce = "_titleWord_93692_29", De = "_description_93692_35", Ee = "_media_93692_48", h = {
223
+ hero: Te,
224
+ layout: Ie,
225
+ content: Oe,
226
+ titleLine: Be,
227
+ titleWord: Ce,
228
+ description: De,
229
+ media: Ee
230
230
  };
231
- function Ee(e) {
231
+ function Se(e) {
232
232
  return e.replace(/([- ])/g, (t) => `${t === " " ? " " : t}|split|`).split("|split|");
233
233
  }
234
- const Se = (e) => ({ "--hero-index": e });
235
- function ft({ title: e, description: t, media: s }) {
234
+ const Me = (e) => ({ "--hero-index": e });
235
+ function ht({ title: e, description: t, media: s }) {
236
236
  const i = Array.isArray(e);
237
- let a = 0;
237
+ let c = 0;
238
238
  const l = (i ? e : [e]).map(
239
- (o) => Ee(o).map((d) => ({ word: d, index: a++ }))
239
+ (o) => Se(o).map((u) => ({ word: u, index: c++ }))
240
240
  );
241
- return /* @__PURE__ */ n("section", { className: h.hero, children: /* @__PURE__ */ m("div", { className: h.layout, children: [
241
+ return /* @__PURE__ */ n("section", { className: h.hero, children: /* @__PURE__ */ f("div", { className: h.layout, children: [
242
242
  /* @__PURE__ */ n("div", { className: h.media, children: s }),
243
- /* @__PURE__ */ m("div", { className: h.content, children: [
244
- /* @__PURE__ */ n(Z, { children: l.map((o, d) => /* @__PURE__ */ n("span", { className: i ? h.titleLine : void 0, children: o.map(({ word: u, index: _ }) => /* @__PURE__ */ n("span", { className: h.titleWord, style: Se(_), children: u }, _)) }, d)) }),
243
+ /* @__PURE__ */ f("div", { className: h.content, children: [
244
+ /* @__PURE__ */ n(Z, { children: l.map((o, u) => /* @__PURE__ */ n("span", { className: i ? h.titleLine : void 0, children: o.map(({ word: d, index: _ }) => /* @__PURE__ */ n("span", { className: h.titleWord, style: Me(_), children: d }, _)) }, u)) }),
245
245
  /* @__PURE__ */ n("p", { className: h.description, children: t })
246
246
  ] })
247
247
  ] }) });
248
248
  }
249
- function Me() {
249
+ function Ae() {
250
250
  return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n(
251
251
  "path",
252
252
  {
@@ -257,123 +257,124 @@ function Me() {
257
257
  }
258
258
  ) });
259
259
  }
260
- const Ae = "_field_7z5g3_1", Re = "_error_7z5g3_17", We = "_message_7z5g3_21", Fe = "_content_7z5g3_36", qe = "_reveal_7z5g3_43", He = "_label_7z5g3_53", Ue = "_tags_7z5g3_64", Pe = "_input_7z5g3_71", Ve = "_counter_7z5g3_88", Ke = "_empty_7z5g3_100", Xe = "_disabled_7z5g3_127", Ge = "_chip_7z5g3_132", Je = "_chipText_7z5g3_153", Ze = "_remove_7z5g3_158", Qe = "_invalid_7z5g3_169", c = {
261
- field: Ae,
262
- error: Re,
263
- message: We,
264
- content: Fe,
265
- reveal: qe,
266
- label: He,
267
- tags: Ue,
268
- input: Pe,
269
- counter: Ve,
270
- empty: Ke,
271
- disabled: Xe,
272
- chip: Ge,
273
- chipText: Je,
274
- remove: Ze,
275
- invalid: Qe
260
+ const Re = "_field_14suf_1", We = "_error_14suf_17", Fe = "_message_14suf_21", ze = "_content_14suf_36", He = "_reveal_14suf_43", Ue = "_label_14suf_53", Pe = "_tags_14suf_64", Ve = "_chips_14suf_71", Ke = "_input_14suf_78", Xe = "_counter_14suf_95", qe = "_empty_14suf_107", Ge = "_disabled_14suf_134", Je = "_chip_14suf_71", Ze = "_chipText_14suf_160", Qe = "_remove_14suf_165", Ye = "_invalid_14suf_176", a = {
261
+ field: Re,
262
+ error: We,
263
+ message: Fe,
264
+ content: ze,
265
+ reveal: He,
266
+ label: Ue,
267
+ tags: Pe,
268
+ chips: Ve,
269
+ input: Ke,
270
+ counter: Xe,
271
+ empty: qe,
272
+ disabled: Ge,
273
+ chip: Je,
274
+ chipText: Ze,
275
+ remove: Qe,
276
+ invalid: Ye
276
277
  };
277
- function Ye({ children: e, invalid: t, onRemove: s }) {
278
- return /* @__PURE__ */ m("span", { className: [c.chip, t && c.invalid].filter(Boolean).join(" "), children: [
279
- /* @__PURE__ */ n("span", { className: c.chipText, children: e }),
278
+ function et({ children: e, invalid: t, onRemove: s }) {
279
+ return /* @__PURE__ */ f("li", { className: [a.chip, t && a.invalid].filter(Boolean).join(" "), children: [
280
+ /* @__PURE__ */ n("span", { className: a.chipText, children: e }),
280
281
  s && /* @__PURE__ */ n(
281
282
  "button",
282
283
  {
283
284
  type: "button",
284
- className: c.remove,
285
+ className: a.remove,
285
286
  "aria-label": `Remove ${e}${t ? " (invalid)" : ""}`,
286
287
  onClick: s,
287
- children: /* @__PURE__ */ n(Me, {})
288
+ children: /* @__PURE__ */ n(Ae, {})
288
289
  }
289
290
  )
290
291
  ] });
291
292
  }
292
293
  const w = 100;
293
- function ht({
294
+ function vt({
294
295
  label: e,
295
296
  value: t,
296
297
  onChange: s,
297
298
  disabled: i = !1,
298
- isTagInvalid: a,
299
+ isTagInvalid: c,
299
300
  onInputChange: l,
300
301
  error: o
301
302
  }) {
302
- const d = I(), u = `${d}-message`, _ = O(null), [p, R] = X(""), W = t.length >= w, F = (r) => {
303
- R(r), l?.(r);
304
- }, b = (r) => {
305
- const f = r.split(/[\s,]+/), z = f.pop() ?? "", g = f.filter(Boolean).slice(0, Math.max(0, w - t.length));
306
- g.length && s([...t, ...g]), F(z);
307
- }, q = (r) => {
308
- r.key === "Enter" && p && !r.nativeEvent.isComposing ? (r.preventDefault(), b(`${p},`)) : r.key === "Backspace" && !p && t.length && s(t.slice(0, -1));
303
+ const u = O(), d = `${u}-message`, _ = B(null), [m, W] = q(""), F = t.length >= w, z = (r) => {
304
+ W(r), l?.(r);
305
+ }, g = (r) => {
306
+ const p = r.split(/[\s,]+/), j = p.pop() ?? "", N = p.filter(Boolean).slice(0, Math.max(0, w - t.length));
307
+ N.length && s([...t, ...N]), z(j);
309
308
  }, H = (r) => {
309
+ r.key === "Enter" && m && !r.nativeEvent.isComposing ? (r.preventDefault(), g(`${m},`)) : r.key === "Backspace" && !m && t.length && s(t.slice(0, -1));
310
+ }, U = (r) => {
310
311
  i || r.target === _.current || r.target.closest("button") || (r.preventDefault(), _.current?.focus());
311
- }, U = [
312
- c.field,
313
- !t.length && c.empty,
314
- i && c.disabled,
315
- o && c.error
312
+ }, P = [
313
+ a.field,
314
+ !t.length && a.empty,
315
+ i && a.disabled,
316
+ o && a.error
316
317
  ].filter(Boolean).join(" ");
317
- return /* @__PURE__ */ m("div", { children: [
318
- /* @__PURE__ */ m("div", { className: U, onMouseDown: H, children: [
319
- /* @__PURE__ */ m("div", { className: c.content, children: [
320
- /* @__PURE__ */ n("label", { htmlFor: d, className: c.label, children: e }),
321
- /* @__PURE__ */ n("div", { className: c.reveal, children: /* @__PURE__ */ m("div", { className: c.tags, children: [
322
- t.map((r, f) => /* @__PURE__ */ n(
323
- Ye,
318
+ return /* @__PURE__ */ f("div", { children: [
319
+ /* @__PURE__ */ f("div", { className: P, onMouseDown: U, children: [
320
+ /* @__PURE__ */ f("div", { className: a.content, children: [
321
+ /* @__PURE__ */ n("label", { htmlFor: u, className: a.label, children: e }),
322
+ /* @__PURE__ */ n("div", { className: a.reveal, children: /* @__PURE__ */ f("div", { className: a.tags, children: [
323
+ t.length > 0 && /* @__PURE__ */ n("ul", { role: "list", className: a.chips, children: t.map((r, p) => /* @__PURE__ */ n(
324
+ et,
324
325
  {
325
- invalid: a?.(r, f) ?? !1,
326
+ invalid: c?.(r, p) ?? !1,
326
327
  onRemove: i ? void 0 : () => {
327
- s(t.filter((z, g) => g !== f)), f === t.length - 1 && _.current?.focus();
328
+ s(t.filter((j, N) => N !== p)), p === t.length - 1 && _.current?.focus();
328
329
  },
329
330
  children: r
330
331
  },
331
- f
332
- )),
332
+ p
333
+ )) }),
333
334
  /* @__PURE__ */ n(
334
335
  "input",
335
336
  {
336
337
  ref: _,
337
- id: d,
338
- className: c.input,
338
+ id: u,
339
+ className: a.input,
339
340
  size: 1,
340
- value: p,
341
+ value: m,
341
342
  disabled: i,
342
- readOnly: W,
343
+ readOnly: F,
343
344
  "aria-invalid": o ? !0 : void 0,
344
- "aria-describedby": o ? u : void 0,
345
+ "aria-describedby": o ? d : void 0,
345
346
  onChange: (r) => {
346
- b(r.target.value);
347
+ g(r.target.value);
347
348
  },
348
- onKeyDown: q,
349
+ onKeyDown: H,
349
350
  onBlur: () => {
350
- b(`${p},`);
351
+ g(`${m},`);
351
352
  }
352
353
  }
353
354
  )
354
355
  ] }) })
355
356
  ] }),
356
- /* @__PURE__ */ n("div", { className: c.reveal, children: /* @__PURE__ */ m("p", { className: c.counter, children: [
357
+ /* @__PURE__ */ n("div", { className: a.reveal, children: /* @__PURE__ */ f("p", { className: a.counter, children: [
357
358
  t.length,
358
359
  " / ",
359
360
  w
360
361
  ] }) })
361
362
  ] }),
362
- /* @__PURE__ */ n("p", { id: u, className: c.message, "aria-live": "polite", children: o })
363
+ /* @__PURE__ */ n("p", { id: d, className: a.message, "aria-live": "polite", children: o })
363
364
  ] });
364
365
  }
365
- const et = "_field_1hc5h_1", tt = "_label_1hc5h_16", nt = "_reveal_1hc5h_27", st = "_input_1hc5h_37", it = "_empty_1hc5h_55", v = {
366
- field: et,
367
- label: tt,
368
- reveal: nt,
369
- input: st,
370
- empty: it
366
+ const tt = "_field_otub4_1", nt = "_label_otub4_16", st = "_reveal_otub4_27", it = "_input_otub4_37", ot = "_empty_otub4_56", v = {
367
+ field: tt,
368
+ label: nt,
369
+ reveal: st,
370
+ input: it,
371
+ empty: ot
371
372
  };
372
- function vt({ label: e, value: t, onChange: s }) {
373
- const i = I(), a = O(null), l = (o) => {
374
- o.target !== a.current && (o.preventDefault(), a.current?.focus());
373
+ function yt({ label: e, value: t, onChange: s }) {
374
+ const i = O(), c = B(null), l = (o) => {
375
+ o.target !== c.current && (o.preventDefault(), c.current?.focus());
375
376
  };
376
- return /* @__PURE__ */ m(
377
+ return /* @__PURE__ */ f(
377
378
  "div",
378
379
  {
379
380
  className: [v.field, !t && v.empty].filter(Boolean).join(" "),
@@ -383,7 +384,7 @@ function vt({ label: e, value: t, onChange: s }) {
383
384
  /* @__PURE__ */ n("div", { className: v.reveal, children: /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
384
385
  "input",
385
386
  {
386
- ref: a,
387
+ ref: c,
387
388
  id: i,
388
389
  className: v.input,
389
390
  value: t,
@@ -399,15 +400,15 @@ function vt({ label: e, value: t, onChange: s }) {
399
400
  export {
400
401
  dt as Button,
401
402
  Z as H1,
402
- at as H2,
403
- ft as Hero,
404
- _t as Link,
405
- ut as LinkProvider,
406
- S as ListItem,
407
- ht as MultitagField,
408
- ct as Paragraph,
403
+ ct as H2,
404
+ ht as Hero,
405
+ ft as Link,
406
+ _t as LinkProvider,
407
+ M as ListItem,
408
+ vt as MultitagField,
409
+ lt as Paragraph,
409
410
  mt as SideNav,
410
411
  pt as SideNavLink,
411
- vt as TextField,
412
- lt as UnorderedList
412
+ yt as TextField,
413
+ ut as UnorderedList
413
414
  };
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)}._link_1m7hb_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_1m7hb_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._link_1m7hb_1:hover{color:var(--text-link-hovered)}._link_1m7hb_1:active{color:var(--text-link-pressed)}._accent_1m7hb_28{color:var(--accent-link)}._accent_1m7hb_28:hover{color:var(--accent-fill-hovered)}._accent_1m7hb_28:active{color:var(--text-link-pressed)}._disabled_1m7hb_38{color:var(--text-invert-hovered);cursor:not-allowed;pointer-events:none}._disabled_1m7hb_38:hover,._disabled_1m7hb_38:active,._disabled_1m7hb_38:focus-visible{color:var(--text-invert-hovered);outline:none}._newTabNote_1m7hb_48{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}._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}}._field_1hc5h_1{display:flex;flex-direction:column;gap:max(clamp(.125rem,.1878vw + .081rem,.25rem),.25rem);padding:max(clamp(.5rem,.3756vw + .412rem,.75rem),.75rem) max(clamp(1rem,.3756vw + .912rem,1.25rem),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_1hc5h_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._label_1hc5h_16{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)}._reveal_1hc5h_27{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_1hc5h_27>*{min-height:0;overflow:clip}._input_1hc5h_37{font-size:1rem;line-height:1.375rem;letter-spacing:-.01em;box-sizing:border-box;width:100%;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--ui-font-primary);font-weight:400;font-feature-settings:inherit;color:var(--text-base-primary);caret-color:var(--negative-fill)}._empty_1hc5h_55:not(:focus-within){gap:0;padding-block:max(clamp(1rem,.7512vw + .8239rem,1.5rem),1.5rem)}._empty_1hc5h_55:not(:focus-within) ._reveal_1hc5h_27{grid-template-rows:0fr}._empty_1hc5h_55:not(:focus-within) ._label_1hc5h_16{font-size:1rem;line-height:1.375rem;letter-spacing:-.01em}@media(prefers-reduced-motion:reduce){._field_1hc5h_1,._label_1hc5h_16,._reveal_1hc5h_27{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_1391k_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-button);padding:1.25rem 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_1391k_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused);outline-offset:2px}._button_1391k_1:disabled{cursor:not-allowed}._sm_1391k_26{font-size:clamp(.875rem,.2817vw + .809rem,1.0625rem);line-height:1.5rem;letter-spacing:-.02em;padding:.75rem 1.25rem}._primary_1391k_33{background-color:var(--accent-fill);color:var(--text-invert-primary)}._primary_1391k_33:hover:not(:disabled){background-color:var(--accent-fill-hovered);color:var(--text-invert-primary)}._primary_1391k_33:active:not(:disabled){background-color:var(--accent-fill-dark)}._primary_1391k_33:disabled{background-color:var(--surface-invert-fill-disabled);color:var(--text-invert-primary)}._secondary_1391k_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_1391k_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-hovered);color:var(--text-link-hovered)}._secondary_1391k_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--accent-primary-dark);color:var(--text-link-pressed)}._secondary_1391k_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--border-base-secondary);color:var(--text-invert-hovered)}._negative_1391k_68{background-color:var(--negative-fill-light);color:var(--negative-text)}._negative_1391k_68:hover:not(:disabled){background-color:var(--negative-fill-light-hovered);color:var(--negative-text)}._negative_1391k_68:active:not(:disabled){background-color:var(--negative-fill-light-pressed)}._negative_1391k_68:disabled{background-color:var(--accent-fill-disabled);color:var(--text-disabled)}._link_1m7hb_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_1m7hb_1:focus-visible{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._link_1m7hb_1:hover{color:var(--text-link-hovered)}._link_1m7hb_1:active{color:var(--text-link-pressed)}._accent_1m7hb_28{color:var(--accent-link)}._accent_1m7hb_28:hover{color:var(--accent-fill-hovered)}._accent_1m7hb_28:active{color:var(--text-link-pressed)}._disabled_1m7hb_38{color:var(--text-invert-hovered);cursor:not-allowed;pointer-events:none}._disabled_1m7hb_38:hover,._disabled_1m7hb_38:active,._disabled_1m7hb_38:focus-visible{color:var(--text-invert-hovered);outline:none}._newTabNote_1m7hb_48{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}._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_14suf_1{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 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_14suf_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._field_14suf_1._error_14suf_17{outline:var(--strokewidth-sm) solid var(--negative-fill)}._message_14suf_21{font-size:.875rem;line-height:1.25rem;letter-spacing:-.01em;margin:0;padding-inline:1.25rem;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--negative-text)}._message_14suf_21:not(:empty){margin-top:.5rem}._content_14suf_36{display:flex;flex-direction:column;gap:.25rem;transition:gap .2s cubic-bezier(0,0,.2,1)}._reveal_14suf_43{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_14suf_43>*{min-height:0;overflow:clip}._label_14suf_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_14suf_64{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}._chips_14suf_71{display:contents;margin:0;padding:0;list-style:none}._input_14suf_78{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_14suf_95{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_14suf_1:not(:focus-within,._empty_14suf_107) ._input_14suf_78{position:absolute;width:1px;opacity:0}._empty_14suf_107:not(:focus-within){gap:0;padding-block:1.5rem}._empty_14suf_107:not(:focus-within) ._content_14suf_36{gap:0}._empty_14suf_107:not(:focus-within) ._reveal_14suf_43{grid-template-rows:0fr}._empty_14suf_107:not(:focus-within) ._label_14suf_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_14suf_107:not(:focus-within) ._counter_14suf_95{visibility:hidden;opacity:0}._disabled_14suf_134{cursor:default}._disabled_14suf_134 ._label_14suf_53,._disabled_14suf_134 ._counter_14suf_95,._disabled_14suf_134 ._chip_14suf_71{color:var(--text-disabled)}._chip_14suf_71{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:.5rem;max-width:100%;padding:.25rem 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_14suf_160{min-width:0;overflow-wrap:anywhere}._remove_14suf_165{display:flex;flex-shrink:0;margin:0;padding:0;border:0;background:none;color:var(--icon-base-secondary);cursor:pointer}._invalid_14suf_176{background-color:var(--negative-fill-light);color:var(--negative-text)}._invalid_14suf_176 ._remove_14suf_165{color:var(--negative-icon)}@media(prefers-reduced-motion:reduce){._field_14suf_1,._content_14suf_36,._label_14suf_53,._reveal_14suf_43{transition:none}}._field_otub4_1{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 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_otub4_1:focus-within{outline:var(--strokewidth-sm) solid var(--accent-fill-focused)}._label_otub4_16{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)}._reveal_otub4_27{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s cubic-bezier(0,0,.2,1)}._reveal_otub4_27>*{min-height:0;overflow:clip}._input_otub4_37{font-size:1rem;line-height:1.375rem;letter-spacing:-.01em;display:block;box-sizing:border-box;width:100%;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:var(--ui-font-primary);font-weight:400;font-feature-settings:inherit;color:var(--text-base-primary);caret-color:var(--negative-fill)}._empty_otub4_56:not(:focus-within){gap:0;padding-block:1.5rem}._empty_otub4_56:not(:focus-within) ._reveal_otub4_27{grid-template-rows:0fr}._empty_otub4_56:not(:focus-within) ._label_otub4_16{font-size:1rem;line-height:1.375rem;letter-spacing:-.01em}@media(prefers-reduced-motion:reduce){._field_otub4_1,._label_otub4_16,._reveal_otub4_27{transition:none}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@smartyweb/ui",
3
- "version": "2.4.1",
3
+ "version": "2.4.2-max-text-field-line-height.g72f7e1c",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",