@smartyweb/ui 1.10.0 → 2.1.0

package/dist/buttons/Link/Link.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 interface SharedProps {
-    variant?: "default" | "negative";
-    background?: "light" | "dark";
+    /** Figma's OnLightBlue axis — the link sitting on the light-blue surface. */
+    surface?: "default" | "lightBlue";
     onClick?: React.MouseEventHandler;
     children?: React.ReactNode;
 }
@@ -24,5 +24,5 @@ type AsCustom = SharedProps & {
     disabled?: never;
 };
 export type LinkProps = AsAnchor | AsButton | AsCustom;
-export declare function Link({ as: Tag, variant, background, href, openInNewTab, disabled, onClick, children, }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ as: Tag, surface, href, openInNewTab, disabled, onClick, children, }: LinkProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),j="_h1_1765w_1",x={h1:j};function y({children:t,className:n}){const a=[x.h1,n].filter(Boolean).join(" ");return s.jsx("h1",{className:a,children:t})}const N="_h2_3zke8_1",f={h2:N};function B({children:t}){return s.jsx("h2",{className:f.h2,children:t})}const L="_paragraph_11t85_1",b={paragraph:L};function H({children:t}){return s.jsx("p",{className:b.paragraph,children:t})}const $="_list_dhu80_1",W="_item_dhu80_13",g={list:$,item:W};function A({children:t}){return s.jsx("ul",{role:"list",className:g.list,children:t})}function I({children:t}){return s.jsx("li",{className:g.item,children:t})}const P="_button_dg3ri_1",k="_sm_dg3ri_26",C="_primary_dg3ri_33",M="_secondary_dg3ri_49",S="_negative_dg3ri_68",u={button:P,sm:k,primary:C,secondary:M,negative:S};function U({as:t="button",variant:n="primary",size:a="default",href:l,openInNewTab:c,disabled:r,type:_,onClick:d,children:m}){const o=[u.button,u[n],a==="sm"&&u.sm].filter(Boolean).join(" ");return s.jsx(t,{className:o,href:l,target:c?"_blank":void 0,rel:c?"noopener noreferrer":void 0,disabled:r,type:_,onClick:d,children:m})}const q="_hero_ilctv_11",w="_layout_ilctv_16",z="_content_ilctv_21",O="_titleLine_ilctv_25",R="_titleWord_ilctv_29",D="_description_ilctv_35",E="_actions_ilctv_48",F="_action_ilctv_48",G="_media_ilctv_63",J="_layoutBare_ilctv_76",e={hero:q,layout:w,content:z,titleLine:O,titleWord:R,description:D,actions:E,action:F,media:G,layoutBare:J};function K(t){return t.replace(/([- ])/g,n=>`${n===" "?" ":n}|split|`).split("|split|")}const p=t=>({"--hero-index":t});function Q({title:t,description:n,media:a,actions:l}){const c=Array.isArray(t),r=l??[];let _=0;const d=(c?t:[t]).map(i=>K(i).map(o=>({word:o,index:_++}))),m=[e.layout,r.length===0&&e.layoutBare].filter(Boolean).join(" ");return s.jsx("section",{className:e.hero,children:s.jsxs("div",{className:m,children:[s.jsx("div",{className:e.media,children:a}),s.jsxs("div",{className:e.content,children:[s.jsx(y,{children:d.map((i,o)=>s.jsx("span",{className:c?e.titleLine:void 0,children:i.map(({word:v,index:h})=>s.jsx("span",{className:e.titleWord,style:p(h),children:v},h))},o))}),s.jsx("p",{className:e.description,children:n}),r.length>0&&s.jsx("div",{className:e.actions,children:r.map((i,o)=>s.jsx("div",{className:e.action,style:p(o),children:i},o))})]})]})})}exports.Button=U;exports.H1=y;exports.H2=B;exports.Hero=Q;exports.ListItem=I;exports.Paragraph=H;exports.UnorderedList=A;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y="_h1_1765w_1",j={h1:y};function u({children:t,className:e}){const o=[j.h1,e].filter(Boolean).join(" ");return s.jsx("h1",{className:o,children:t})}const x="_h2_3zke8_1",g={h2:x};function N({children:t}){return s.jsx("h2",{className:g.h2,children:t})}const f="_paragraph_11t85_1",v={paragraph:f};function L({children:t}){return s.jsx("p",{className:v.paragraph,children:t})}const b="_list_1p627_1",q="_item_1p627_14",p={list:b,item:q};function H({children:t}){return s.jsx("ul",{role:"list",className:p.list,children:t})}function $({children:t}){return s.jsx("li",{className:p.item,children:t})}const W="_button_81qo0_1",B="_sm_81qo0_26",A="_primary_81qo0_33",P="_secondary_81qo0_49",k="_negative_81qo0_68",m={button:W,sm:B,primary:A,secondary:P,negative:k};function I({as:t="button",variant:e="primary",size:o="default",href:i,openInNewTab:c,disabled:l,type:r,onClick:a,children:_}){const h=[m.button,m[e],o==="sm"&&m.sm].filter(Boolean).join(" ");return s.jsx(t,{className:h,href:i,target:c?"_blank":void 0,rel:c?"noopener noreferrer":void 0,disabled:l,type:r,onClick:a,children:_})}const M="_hero_93692_11",S="_layout_93692_16",U="_content_93692_21",w="_titleLine_93692_25",z="_titleWord_93692_29",C="_description_93692_35",O="_media_93692_48",n={hero:M,layout:S,content:U,titleLine:w,titleWord:z,description:C,media:O};function R(t){return t.replace(/([- ])/g,e=>`${e===" "?" ":e}|split|`).split("|split|")}const D=t=>({"--hero-index":t});function E({title:t,description:e,media:o}){const i=Array.isArray(t);let c=0;const l=(i?t:[t]).map(r=>R(r).map(a=>({word:a,index:c++})));return s.jsx("section",{className:n.hero,children:s.jsxs("div",{className:n.layout,children:[s.jsx("div",{className:n.media,children:o}),s.jsxs("div",{className:n.content,children:[s.jsx(u,{children:l.map((r,a)=>s.jsx("span",{className:i?n.titleLine:void 0,children:r.map(({word:_,index:d})=>s.jsx("span",{className:n.titleWord,style:D(d),children:_},d))},a))}),s.jsx("p",{className:n.description,children:e})]})]})})}exports.Button=I;exports.H1=u;exports.H2=N;exports.Hero=E;exports.ListItem=$;exports.Paragraph=L;exports.UnorderedList=H;

package/dist/index.js

@@ -1,104 +1,100 @@
 "use client";
 import { jsx as s, jsxs as p } from "react/jsx-runtime";
-const N = "_h1_1765w_1", f = {
-  h1: N
+const y = "_h1_1765w_1", N = {
+  h1: y
 };
-function B({ children: t, className: n }) {
-  const a = [f.h1, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s("h1", { className: a, children: t });
+function f({ children: t, className: e }) {
+  const o = [N.h1, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s("h1", { className: o, children: t });
 }
-const L = "_h2_3zke8_1", $ = {
-  h2: L
+const g = "_h2_3zke8_1", v = {
+  h2: g
 };
-function O({ children: t }) {
-  return /* @__PURE__ */ s("h2", { className: $.h2, children: t });
+function E({ children: t }) {
+  return /* @__PURE__ */ s("h2", { className: v.h2, children: t });
 }
-const b = "_paragraph_11t85_1", j = {
-  paragraph: b
+const L = "_paragraph_11t85_1", $ = {
+  paragraph: L
 };
-function Q({ children: t }) {
-  return /* @__PURE__ */ s("p", { className: j.paragraph, children: t });
+function F({ children: t }) {
+  return /* @__PURE__ */ s("p", { className: $.paragraph, children: t });
 }
-const W = "_list_dhu80_1", x = "_item_dhu80_13", v = {
-  list: W,
-  item: x
+const b = "_list_1p627_1", q = "_item_1p627_14", u = {
+  list: b,
+  item: q
 };
-function R({ children: t }) {
-  return /* @__PURE__ */ s("ul", { role: "list", className: v.list, children: t });
+function G({ children: t }) {
+  return /* @__PURE__ */ s("ul", { role: "list", className: u.list, children: t });
 }
-function S({ children: t }) {
-  return /* @__PURE__ */ s("li", { className: v.item, children: t });
+function J({ children: t }) {
+  return /* @__PURE__ */ s("li", { className: u.item, children: t });
 }
-const A = "_button_dg3ri_1", H = "_sm_dg3ri_26", k = "_primary_dg3ri_33", C = "_secondary_dg3ri_49", I = "_negative_dg3ri_68", u = {
-  button: A,
-  sm: H,
-  primary: k,
-  secondary: C,
-  negative: I
+const x = "_button_81qo0_1", W = "_sm_81qo0_26", j = "_primary_81qo0_33", A = "_secondary_81qo0_49", B = "_negative_81qo0_68", d = {
+  button: x,
+  sm: W,
+  primary: j,
+  secondary: A,
+  negative: B
 };
-function V({
+function K({
   as: t = "button",
-  variant: n = "primary",
-  size: a = "default",
-  href: l,
+  variant: e = "primary",
+  size: o = "default",
+  href: i,
   openInNewTab: c,
-  disabled: r,
-  type: _,
-  onClick: d,
-  children: m
+  disabled: l,
+  type: r,
+  onClick: a,
+  children: _
 }) {
-  const o = [u.button, u[n], a === "sm" && u.sm].filter(Boolean).join(" ");
+  const h = [d.button, d[e], o === "sm" && d.sm].filter(Boolean).join(" ");
   return /* @__PURE__ */ s(
     t,
     {
-      className: o,
-      href: l,
+      className: h,
+      href: i,
       target: c ? "_blank" : void 0,
       rel: c ? "noopener noreferrer" : void 0,
-      disabled: r,
-      type: _,
-      onClick: d,
-      children: m
+      disabled: l,
+      type: r,
+      onClick: a,
+      children: _
     }
   );
 }
-const w = "_hero_ilctv_11", z = "_layout_ilctv_16", M = "_content_ilctv_21", P = "_titleLine_ilctv_25", U = "_titleWord_ilctv_29", q = "_description_ilctv_35", D = "_actions_ilctv_48", E = "_action_ilctv_48", F = "_media_ilctv_63", G = "_layoutBare_ilctv_76", e = {
-  hero: w,
-  layout: z,
-  content: M,
-  titleLine: P,
-  titleWord: U,
-  description: q,
-  actions: D,
-  action: E,
-  media: F,
-  layoutBare: G
+const H = "_hero_93692_11", k = "_layout_93692_16", w = "_content_93692_21", z = "_titleLine_93692_25", C = "_titleWord_93692_29", I = "_description_93692_35", M = "_media_93692_48", n = {
+  hero: H,
+  layout: k,
+  content: w,
+  titleLine: z,
+  titleWord: C,
+  description: I,
+  media: M
 };
-function J(t) {
-  return t.replace(/([- ])/g, (n) => `${n === " " ? " " : n}|split|`).split("|split|");
+function P(t) {
+  return t.replace(/([- ])/g, (e) => `${e === " " ? " " : e}|split|`).split("|split|");
 }
-const y = (t) => ({ "--hero-index": t });
-function X({ title: t, description: n, media: a, actions: l }) {
-  const c = Array.isArray(t), r = l ?? [];
-  let _ = 0;
-  const d = (c ? t : [t]).map(
-    (i) => J(i).map((o) => ({ word: o, index: _++ }))
-  ), m = [e.layout, r.length === 0 && e.layoutBare].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s("section", { className: e.hero, children: /* @__PURE__ */ p("div", { className: m, children: [
-    /* @__PURE__ */ s("div", { className: e.media, children: a }),
-    /* @__PURE__ */ p("div", { className: e.content, children: [
-      /* @__PURE__ */ s(B, { children: d.map((i, o) => /* @__PURE__ */ s("span", { className: c ? e.titleLine : void 0, children: i.map(({ word: g, index: h }) => /* @__PURE__ */ s("span", { className: e.titleWord, style: y(h), children: g }, h)) }, o)) }),
-      /* @__PURE__ */ s("p", { className: e.description, children: n }),
-      r.length > 0 && /* @__PURE__ */ s("div", { className: e.actions, children: r.map((i, o) => /* @__PURE__ */ s("div", { className: e.action, style: y(o), children: i }, o)) })
+const U = (t) => ({ "--hero-index": t });
+function O({ title: t, description: e, media: o }) {
+  const i = Array.isArray(t);
+  let c = 0;
+  const l = (i ? t : [t]).map(
+    (r) => P(r).map((a) => ({ word: a, index: c++ }))
+  );
+  return /* @__PURE__ */ s("section", { className: n.hero, children: /* @__PURE__ */ p("div", { className: n.layout, children: [
+    /* @__PURE__ */ s("div", { className: n.media, children: o }),
+    /* @__PURE__ */ p("div", { className: n.content, children: [
+      /* @__PURE__ */ s(f, { children: l.map((r, a) => /* @__PURE__ */ s("span", { className: i ? n.titleLine : void 0, children: r.map(({ word: _, index: m }) => /* @__PURE__ */ s("span", { className: n.titleWord, style: U(m), children: _ }, m)) }, a)) }),
+      /* @__PURE__ */ s("p", { className: n.description, children: e })
     ] })
   ] }) });
 }
 export {
-  V as Button,
-  B as H1,
-  O as H2,
-  X as Hero,
-  S as ListItem,
-  Q as Paragraph,
-  R as UnorderedList
+  K as Button,
+  f as H1,
+  E as H2,
+  O as Hero,
+  J as ListItem,
+  F as Paragraph,
+  G as UnorderedList
 };

package/dist/sections/Hero/Hero.d.ts

@@ -4,7 +4,5 @@ export interface HeroProps {
     title: string | string[];
     description: React.ReactNode;
     media: React.ReactNode;
-    /** omit or pass [] for the no-buttons variation */
-    actions?: React.ReactNode[];
 }
-export declare function Hero({ title, description, media, actions }: HeroProps): import("react/jsx-runtime").JSX.Element;
+export declare function Hero({ title, description, media }: HeroProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui.css

@@ -1 +1 @@
-:root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body: Inter;--font-desktop-caption: Inter;--font-desktop-code: Hack;--font-desktop-bodyinter: Inter;--font-desktop-bodytthoves: TT Hoves Pro;--font-desktop-numbers: TT Hoves Pro;--h-extra-desktop-letter-spacing: -.03em;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-font-size: 6rem;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h2-desktop-font-size: 3.25rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-line-height: 3rem;--h3-desktop-font-size: 2.75rem;--h4-desktop-letter-spacing: -.01em;--h4-desktop-line-height: 2.6875rem;--h4-desktop-font-size: 2.25rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h6-desktop-font-size: 1.75rem;--h5-desktop-line-height: 2.0625rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--paragraph-desktop-letter-spacing: -.01em;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-font-size: 1.5rem;--body-small-desktop-letter-spacing: -.01em;--body-small-desktop-line-height: 1.25rem;--body-small-desktop-font-size: .875rem;--caption-large-desktop-letter-spacing: -.01em;--caption-large-desktop-line-height: 1.5rem;--caption-large-desktop-font-size: 1rem;--caption-medium-desktop-line-height: 1.125rem;--caption-medium-desktop-letter-spacing: -.02em;--caption-medium-desktop-font-size: .75rem;--code-desktop-letter-spacing: 0;--code-desktop-line-height: 1.5625rem;--code-desktop-font-size: 1.125rem;--caption-uppercase-desktop-letter-spacing: .04em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-font-size: .8125rem;--body-large-desktop-letter-spacing: -.02em;--body-large-desktop-line-height: 1.875rem;--body-large-desktop-font-size: 1.25rem;--button-small-desktop-line-height: 1.5rem;--button-small-desktop-letter-spacing: -.02em;--button-small-desktop-font-size: 1.0625rem;--button-large-desktop-letter-spacing: -.02em;--button-large-desktop-line-height: 1.5rem;--button-large-desktop-font-size: 1.25rem;--captionsm-desktop-line-height: 1.125rem;--captionsm-desktop-letter-spacing: -.02em;--captionsm-desktop-font-size: .75rem;--bodylginter-desktop-letter-spacing: -.02em;--bodylginter-desktop-line-height: 1.875rem;--bodylginter-desktop-font-size: 1.25rem;--buttonsm-desktop-line-height: 1.5rem;--buttonsm-desktop-letter-spacing: -.01em;--buttonsm-desktop-font-size: .875rem;--buttonlg-desktop-letter-spacing: -.02em;--buttonlg-desktop-line-height: 1.5rem;--buttonlg-desktop-font-size: 1.25rem;--h7-desktop-font-size: 1.5rem;--h7-desktop-letter-spacing: -.01em;--h7-desktop-line-height: 1.75rem;--buttonmd-desktop-font-size: 1.0625rem;--buttonmd-desktop-line-height: 1.5rem;--buttonmd-desktop-letter-spacing: -.02em;--bodymdtthoves-desktop-letter-spacing: -.01em;--bodymdtthoves-desktop-font-size: 1rem;--bodymdtthoves-desktop-line-height: 1.375rem;--bodylgtthoves-desktop-font-size: 1.125rem;--bodylgtthoves-desktop-line-height: 1.5rem;--bodylgtthoves-desktop-letter-spacing: -.01em;--numbers-desktop-line-height: 1.375rem;--numbers-desktop-letter-spacing: .04em;--numbers-desktop-font-size: 1rem;--bodymdinter-desktop-letter-spacing: -.02em;--bodymdinter-desktop-font-size: 1rem;--bodymdinter-desktop-line-height: 1.5rem;--captionsmbold-desktop-font-size: .75rem;--captionsmbold-desktop-line-height: 1rem;--captionsmbold-desktop-letter-spacing: -.01em;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body: Inter;--font-tablet-caption: Inter;--font-tablet-code: Hack;--font-tablet-bodyinter: Inter;--font-tablet-bodytthoves: TT Hoves Pro;--font-tablet-numbers: TT Hoves Pro;--h-extra-tablet-letter-spacing: -.03em;--h-extra-tablet-line-height: 7.5625rem;--h-extra-tablet-font-size: 6.875rem;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4.4rem;--h1-tablet-font-size: 4rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h2-tablet-font-size: 3rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-line-height: 2.75rem;--h3-tablet-font-size: 2.5rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-line-height: 2.6875rem;--h4-tablet-font-size: 2.25rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h6-tablet-font-size: 1.5rem;--h5-tablet-line-height: 2.1875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--paragraph-tablet-letter-spacing: -.01em;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-font-size: 1.375rem;--body-small-tablet-letter-spacing: -.01em;--body-small-tablet-line-height: 1.25rem;--body-small-tablet-font-size: .875rem;--caption-large-tablet-letter-spacing: -.02em;--caption-large-tablet-line-height: 1.5rem;--caption-large-tablet-font-size: 1rem;--caption-medium-tablet-line-height: 1.125rem;--caption-medium-tablet-letter-spacing: -.02em;--caption-medium-tablet-font-size: .75rem;--code-tablet-letter-spacing: 0;--code-tablet-line-height: 1.5625rem;--code-tablet-font-size: 1.125rem;--caption-uppercase-tablet-letter-spacing: .04em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-font-size: .8125rem;--body-large-tablet-letter-spacing: -.02em;--body-large-tablet-line-height: 1.6875rem;--body-large-tablet-font-size: 1.125rem;--button-small-tablet-line-height: 1.5rem;--button-small-tablet-letter-spacing: -.02em;--button-small-tablet-font-size: 1rem;--button-large-tablet-letter-spacing: -.02em;--button-large-tablet-line-height: 1.5rem;--button-large-tablet-font-size: 1.125rem;--captionsm-tablet-line-height: 1.125rem;--captionsm-tablet-letter-spacing: -.02em;--captionsm-tablet-font-size: .75rem;--bodylginter-tablet-letter-spacing: -.02em;--bodylginter-tablet-line-height: 1.6875rem;--bodylginter-tablet-font-size: 1.125rem;--buttonsm-tablet-line-height: 1.5rem;--buttonsm-tablet-letter-spacing: -.01em;--buttonsm-tablet-font-size: .875rem;--buttonlg-tablet-letter-spacing: -.02em;--buttonlg-tablet-line-height: 1.5rem;--buttonlg-tablet-font-size: 1.125rem;--h7-tablet-font-size: 1.375rem;--h7-tablet-letter-spacing: -.01em;--h7-tablet-line-height: 1.625rem;--buttonmd-tablet-font-size: 1rem;--buttonmd-tablet-line-height: 1.5rem;--buttonmd-tablet-letter-spacing: -.02em;--bodymdtthoves-tablet-letter-spacing: -.01em;--bodymdtthoves-tablet-font-size: 1rem;--bodymdtthoves-tablet-line-height: 1.375rem;--bodylgtthoves-tablet-font-size: 1rem;--bodylgtthoves-tablet-line-height: 1.375rem;--bodylgtthoves-tablet-letter-spacing: -.01em;--numbers-tablet-line-height: 1.375rem;--numbers-tablet-letter-spacing: .04em;--numbers-tablet-font-size: 1rem;--bodymdinter-tablet-letter-spacing: -.02em;--bodymdinter-tablet-font-size: 1rem;--bodymdinter-tablet-line-height: 1.5rem;--captionsmbold-tablet-font-size: .75rem;--captionsmbold-tablet-line-height: 1rem;--captionsmbold-tablet-letter-spacing: -.01em;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body: Inter;--font-mobile-caption: Inter;--font-mobile-code: Hack;--font-mobile-bodyinter: Inter;--font-mobile-bodytthoves: TT Hoves Pro;--font-mobile-numbers: TT Hoves Pro;--h-extra-mobile-letter-spacing: -.02em;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-font-size: 3.5rem;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h2-mobile-font-size: 2.5rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-line-height: 2.5rem;--h3-mobile-font-size: 2.25rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-line-height: 2.625rem;--h4-mobile-font-size: 2rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h6-mobile-font-size: 1.25rem;--h5-mobile-line-height: 1.5rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--paragraph-mobile-letter-spacing: -.01em;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-font-size: 1.125rem;--body-small-mobile-letter-spacing: -.01em;--body-small-mobile-line-height: 1.25rem;--body-small-mobile-font-size: .875rem;--caption-large-mobile-letter-spacing: -.02em;--caption-large-mobile-line-height: 1.5rem;--caption-large-mobile-font-size: 1rem;--caption-medium-mobile-line-height: 1.125rem;--caption-medium-mobile-letter-spacing: -.02em;--caption-medium-mobile-font-size: .75rem;--code-mobile-letter-spacing: 0;--code-mobile-line-height: 1.375rem;--code-mobile-font-size: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-font-size: .75rem;--body-large-mobile-letter-spacing: -.01em;--body-large-mobile-line-height: 1.5rem;--body-large-mobile-font-size: 1rem;--button-small-mobile-line-height: 1.5rem;--button-small-mobile-letter-spacing: -.01em;--button-small-mobile-font-size: .875rem;--button-large-mobile-letter-spacing: -.01em;--button-large-mobile-line-height: 1.5rem;--button-large-mobile-font-size: 1rem;--captionsm-mobile-line-height: 1.125rem;--captionsm-mobile-letter-spacing: -.02em;--captionsm-mobile-font-size: .75rem;--bodylginter-mobile-letter-spacing: -.01em;--bodylginter-mobile-line-height: 1.5rem;--bodylginter-mobile-font-size: 1rem;--buttonsm-mobile-line-height: 1.5rem;--buttonsm-mobile-letter-spacing: -.01em;--buttonsm-mobile-font-size: .75rem;--buttonlg-mobile-letter-spacing: -.01em;--buttonlg-mobile-line-height: 1.5rem;--buttonlg-mobile-font-size: 1rem;--h7-mobile-font-size: 1.25rem;--h7-mobile-letter-spacing: -.01em;--h7-mobile-line-height: 1.5rem;--buttonmd-mobile-font-size: .875rem;--buttonmd-mobile-line-height: 1.5rem;--buttonmd-mobile-letter-spacing: -.01em;--bodymdtthoves-mobile-letter-spacing: -.01em;--bodymdtthoves-mobile-font-size: 1rem;--bodymdtthoves-mobile-line-height: 1.375rem;--bodylgtthoves-mobile-font-size: .875rem;--bodylgtthoves-mobile-line-height: 1.1875rem;--bodylgtthoves-mobile-letter-spacing: -.01em;--numbers-mobile-line-height: 1.375rem;--numbers-mobile-letter-spacing: .04em;--numbers-mobile-font-size: 1rem;--bodymdinter-mobile-letter-spacing: -.01em;--bodymdinter-mobile-font-size: .875rem;--bodymdinter-mobile-line-height: 1.3125rem;--captionsmbold-mobile-font-size: .75rem;--captionsmbold-mobile-line-height: 1rem;--captionsmbold-mobile-letter-spacing: -.01em;--text-headings-primary: #151b23;--text-body-primary: #151b23;--text-action: #0066ff;--text-action-hover: #0039b5;--text-disabled: #b7bec7;--text-warning: #6b1000;--text-positive: #005925;--text-negative: #6b0039;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #383e48;--text-body-secondary: #383e48;--text-body-tertiary: #939ba6;--text-headings-tertiary: #939ba6;--text-button-primary: #ffffff;--text-pressed: #001d7a;--text-on-lit-blu-hover-pressed: #002ea3;--text-action-pressed: #001d7a;--text-cyan-text: #00546b;--text-yellow-text: #505900;--text-green-text: #005925;--text-orange-text: #6b1000;--text-magenta-text: #6b0039;--text-purple-text: #431878;--icons-default: #151b23;--icons-default-secondary: #383e48;--icons-default-tertiary: #939ba6;--icons-action: #0066ff;--icons-action-hover: #0039b5;--icons-disabled: #d6dbe0;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #b22265;--icons-on-lit-blu: #0039b5;--icons-on-lit-blu-hover: #0066ff;--icons-on-action: #ffffff;--icons-pressed: #001d7a;--icons-disabled-hover: #939ba6;--icons-disabled-on-blu: #8fc1ff;--surface-primary: #ffffff;--surface-secondary: #f5f7fa;--surface-tertiary: #e6e9ed;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #0066ff;--surface-action-hover: #0039b5;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #e6e9ed;--surface-action-pressed: #001d7a;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #b7bec7;--surface-disabled-blue: #bddcff;--surface-elevation: #00204a08;--surface-toggle: #b7bec7;--surface-toggle-hover: #939ba6;--surface-toggle-hover-on-blu: #2d84ff;--surface-toggle-on-blu: #5aa1ff;--surface-acct-dash-bg: #eff7ff;--surface-cyan-tag: #e0fffe;--surface-green-tag: #cffad6;--surface-yellow-tag: #fcf9d7;--surface-orange-tag: #ffebde;--surface-magenta-tag: #ffe8ef;--surface-purple-tag: #ece5ff;--stroke-secondary: #e6e9ed;--stroke-tertiary: #d6dbe0;--stroke-disabled: #b7bec7;--stroke-focused: #5aa1ff;--stroke-action: #0066ff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #0039b5;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #001d7a;--stroke-default: #151b23;--stroke-disabled-hover: #939ba6;--borderradius-lg: 36px;--borderradius-md: 24px;--borderradius-sm: 360px;--borderradius-none: 0;--borderradius-button: 360px;--borderradius-cardlg: 24px;--borderradius-cardsm: 12px;--borderradius-pill: 360px;--borderradius-focusedstroke: 4px;--strokewidth-lg: 8px;--strokewidth-md: 4px;--strokewidth-sm: 2px;--strokewidth-none: 0;--strokewidth-xs: 1px;--spacing-5xs: .25rem;--spacing-4xs: .5rem;--spacing-3xs: .75rem;--spacing-2xs: 1rem;--spacing-xs: 1.25rem;--spacing-s: 1.5rem;--spacing-m: 1.75rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 2.75rem;--spacing-3xl: 3rem;--spacing-4xl: 3.5rem;--spacing-5xl: 4rem;--spacing-6xl: 4.5rem;--spacing-7xl: 5rem;--spacing-8xl: 6rem;--spacing-9xl: 7.5rem;--spacing-10xl: 10rem;--product-enrichment: #47cc69;--product-address-autocomplete: #9560ff;--product-geocoding: #f5804e;--product-address-verification: #f55591;--product-professional-services: #0066ff;--product-data-sets: #3dc9d1;--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}[data-theme=dark]{--text-headings-primary: #ffffff;--text-body-primary: #ffffff;--text-action: #ffffff;--text-action-hover: #b7bec7;--text-disabled: #49505b;--text-warning: #f5804e;--text-positive: #47cc69;--text-negative: #f55591;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #b7bec7;--text-body-secondary: #b7bec7;--text-body-tertiary: #383e48;--text-headings-tertiary: #383e48;--text-button-primary: #151b23;--text-pressed: #5c636e;--text-on-lit-blu-hover-pressed: #002ea3;--text-action-pressed: #5c636e;--text-cyan-text: #00546b;--text-yellow-text: #505900;--text-green-text: #005925;--text-orange-text: #6b1000;--text-magenta-text: #6b0039;--text-purple-text: #431878;--icons-default: #ffffff;--icons-default-secondary: #b7bec7;--icons-default-tertiary: #383e48;--icons-action: #ffffff;--icons-action-hover: #b7bec7;--icons-disabled: #383e48;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #b22265;--icons-on-lit-blu: #ffffff;--icons-on-lit-blu-hover: #ffffff;--icons-on-action: #151b23;--icons-pressed: #5c636e;--icons-disabled-hover: #383e48;--icons-disabled-on-blu: #8fc1ff;--surface-primary: #151b23;--surface-secondary: #262c36;--surface-tertiary: #383e48;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #ffffff;--surface-action-hover: #b7bec7;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #939ba6;--surface-action-pressed: #6e7580;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #383e48;--surface-disabled-blue: #bddcff;--surface-elevation: #262c36;--surface-toggle: #5c636e;--surface-toggle-hover: #939ba6;--surface-toggle-hover-on-blu: #2d84ff;--surface-toggle-on-blu: #5aa1ff;--surface-acct-dash-bg: #eff7ff;--surface-cyan-tag: #e0fffe;--surface-green-tag: #cffad6;--surface-yellow-tag: #fcf9d7;--surface-orange-tag: #ffebde;--surface-magenta-tag: #ffe8ef;--surface-purple-tag: #ece5ff;--stroke-secondary: #49505b;--stroke-tertiary: #5c636e;--stroke-disabled: #383e48;--stroke-focused: #5aa1ff;--stroke-action: #ffffff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #b7bec7;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #5c636e;--stroke-default: #ffffff;--stroke-disabled-hover: #151b23}._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_3zke8_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;padding-top:clamp(4.5rem,1.5023vw + 3.6479rem,5rem)}._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_dhu80_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_dhu80_1 ._list_dhu80_1{margin-top:clamp(.75rem,.3756vw + .662rem,1rem)}._item_dhu80_13{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_dhu80_1 ._item_dhu80_13{padding-left:calc(clamp(1rem,.7512vw + .8239rem,1.5rem) + 8px)}._list_dhu80_1 ._item_dhu80_13:before{content:"";position:absolute;top:.4lh;left:0;box-sizing:border-box;width:8px;height:8px;border:var(--strokewidth-md) solid var(--icons-action);border-radius:50%}._list_dhu80_1 ._list_dhu80_1 ._item_dhu80_13:before{border-width:var(--strokewidth-xs)}._list_dhu80_1 ._list_dhu80_1 ._list_dhu80_1 ._item_dhu80_13:before{border-width:var(--strokewidth-md);border-radius:0}._list_dhu80_1 ._list_dhu80_1 ._list_dhu80_1 ._list_dhu80_1 ._item_dhu80_13:before{border-radius:50%}._button_dg3ri_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-sm);padding:clamp(.75rem,.3756vw + .662rem,1rem) clamp(1rem,.7512vw + .8239rem,1.5rem);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_dg3ri_1:focus-visible{outline:2px solid var(--stroke-focused);outline-offset:2px}._button_dg3ri_1:disabled{cursor:not-allowed}._sm_dg3ri_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_dg3ri_33{background-color:var(--surface-action);color:var(--text-button-primary)}._primary_dg3ri_33:hover:not(:disabled){background-color:var(--surface-action-hover);color:var(--text-button-primary)}._primary_dg3ri_33:active:not(:disabled){background-color:var(--surface-action-pressed)}._primary_dg3ri_33:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}._secondary_dg3ri_49{background-color:transparent;color:var(--text-body-primary);box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-default);transition:box-shadow .15s ease,color .15s ease}._secondary_dg3ri_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-action-hover);color:var(--text-action-hover)}._secondary_dg3ri_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-action-pressed);color:var(--text-pressed)}._secondary_dg3ri_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-disabled);color:var(--text-disabled)}._negative_dg3ri_68{background-color:var(--surface-negative);color:var(--text-negative)}._negative_dg3ri_68:hover:not(:disabled){background-color:var(--surface-negative-hover);color:var(--text-negative)}._negative_dg3ri_68:active:not(:disabled){background-color:var(--surface-negative-pressed)}._negative_dg3ri_68:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}@keyframes _hero-rise_ilctv_1{0%{opacity:0;transform:translateY(var(--hero-rise, 50px))}to{opacity:1;transform:none}}._hero_ilctv_11{container-type:inline-size;background-color:var(--surface-hero-bg, #f5f7fa)}._layout_ilctv_16{display:grid;padding:2.75rem 0}._content_ilctv_21{min-width:0}._titleLine_ilctv_25{display:block}._titleWord_ilctv_29{animation:_hero-rise_ilctv_1 .67s cubic-bezier(.16,1,.03,1) both;display:inline-block;animation-delay:calc(.03s + var(--hero-index, 0) * 15ms)}._description_ilctv_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_ilctv_1 .67s cubic-bezier(.16,1,.03,1) both;margin:1.75rem 0 0;font-family:var(--ui-font-body);font-weight:400;font-feature-settings:"dlig" 1;color:var(--text-body-secondary);animation-delay:.03s}._actions_ilctv_48{display:flex;flex-direction:column;gap:.5rem;margin:2.75rem 0;min-width:200px;max-width:400px}._action_ilctv_48{animation:_hero-rise_ilctv_1 .67s cubic-bezier(.16,1,.03,1) both;--hero-rise: 100px;animation-delay:calc(.06s + var(--hero-index, 0) * .03s)}._media_ilctv_63{animation:_hero-rise_ilctv_1 .67s cubic-bezier(.16,1,.03,1) both;--hero-rise: 100px;order:2;width:100%;animation-delay:.13s}._media_ilctv_63 :where(img,svg){display:block;max-width:100%;height:auto}._layoutBare_ilctv_76 ._media_ilctv_63{margin-top:2.75rem}@container (min-width: 768px){._layout_ilctv_16{padding:3rem 0}._description_ilctv_35{margin-top:2rem}._actions_ilctv_48{gap:.75rem;margin:3rem 0}._layoutBare_ilctv_76 ._media_ilctv_63{margin-top:3rem}}@container (min-width: 1089px){._layout_ilctv_16{display:flow-root}._content_ilctv_21{max-width:700px}._media_ilctv_63{float:right;width:auto;shape-outside:circle(30%);shape-margin:100px}._layoutBare_ilctv_76 ._media_ilctv_63{margin-top:0}}@container (min-width: 1440px){._layout_ilctv_16{padding:3.5rem 0}._description_ilctv_35{margin-top:2.5rem;max-width:85%}._actions_ilctv_48{flex-direction:row;margin:3.5rem 0;min-width:unset;max-width:unset}}@media(prefers-reduced-motion:reduce){@keyframes _hero-rise_ilctv_1{0%{opacity:0}to{opacity: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_3zke8_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;padding-top:clamp(4.5rem,1.5023vw + 3.6479rem,5rem)}._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)}@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}}}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartyweb/ui",
-	"version": "1.10.0",
+	"version": "2.1.0",
 	"type": "module",
 	"main": "dist/index.cjs",
 	"module": "dist/index.js",
@@ -27,6 +27,8 @@
 		"storybook": "node sd.config.js && storybook dev -p 6006",
 		"build-storybook": "storybook build",
 		"lint": "node scripts/check-use-client.mjs && eslint src --max-warnings 0 && stylelint 'src/**/*.scss'",
+		"mirror": "node scripts/mirror-check.mjs",
+		"mirror:selftest": "node scripts/mirror-selftest.mjs",
 		"format:check": "prettier --check ."
 	},
 	"peerDependencies": {