@smartyweb/ui 2.6.0-irina-button-review.gea26df8 → 3.0.0

package/dist/buttons/Button/Button.d.ts

@@ -12,10 +12,6 @@ interface SharedProps {
  */
 type AsLink = SharedProps & {
     href: string;
-    /** Still accepted, but the href decides — `as={Link}` is no longer needed. */
-    as?: React.ElementType;
-    /** External hrefs open in a new tab already; this forces it for an internal one. */
-    openInNewTab?: boolean;
     /** Saves the file instead of opening it: always a plain <a download>, never a new tab. */
     download?: boolean;
     /** A link cannot be disabled, so a disabled link-button renders a disabled <button>. */
@@ -25,12 +21,10 @@ type AsLink = SharedProps & {
 /** No href — a <button>, type="button" so it never submits a form by accident. */
 type AsButton = SharedProps & {
     href?: never;
-    as?: "button";
-    openInNewTab?: never;
     download?: never;
     type?: "button" | "submit" | "reset";
     disabled?: boolean;
 };
 export type ButtonProps = AsLink | AsButton;
-export declare function Button({ as, variant, size, href, openInNewTab, download, disabled, type, onClick, children, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, href, download, disabled, type, onClick, children, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,21 @@
+import { default as React } from 'react';
 export type Destination = "external" | "download" | "plain" | "router";
 /**
- * Where an href leads, which decides what <Link> and <Button> render: http(s) opens in a
- * new tab, an internal route goes through the <LinkProvider> router, and anything else —
- * including a file such as a PDF, which opens in the browser — is a plain <a>.
+ * Where an href leads, which decides what <Anchor> renders: http(s) opens in a new tab,
+ * an internal route goes through the <LinkProvider> router, and anything else — including
+ * a file such as a PDF, which opens in the browser — is a plain <a>.
  */
 export declare function destinationOf(href: string, download: boolean): Destination;
-/** Tells screen readers a link opens in a new tab; takes no room on screen. */
-export declare function NewTabNote(): import("react/jsx-runtime").JSX.Element;
+export interface AnchorProps {
+    className: string;
+    href: string;
+    /** Saves the file instead of opening it: always a plain <a download>, never a new tab. */
+    download?: boolean | undefined;
+    onClick?: React.MouseEventHandler | undefined;
+    children?: React.ReactNode;
+}
+/**
+ * The link half of <Link> and <Button>: renders the href where `destinationOf` says it
+ * leads, so both components share one routing rule.
+ */
+export declare function Anchor({ className, href, download, onClick, children }: AnchorProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),Y="_h1_1765w_1",ee={h1:Y};function R({children:e,className:n}){const s=[ee.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const ne="_h2_1eque_1",te={h2:ne};function se({children:e}){return t.jsx("h2",{className:te.h2,children:e})}const ie="_paragraph_11t85_1",oe={paragraph:ie};function re({children:e}){return t.jsx("p",{className:oe.paragraph,children:e})}const F=typeof process<"u"&&process.env.NODE_ENV!=="production",B=new Set;function C(e){B.has(e)||(B.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ae(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function A(e,n){for(const s of r.Children.toArray(e)){if(!r.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;C(`<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===r.Fragment){const{children:i}=s.props;A(i,n);continue}n(s.type)||s.type==="li"||C(`<UnorderedList> received ${ae(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function le(){C("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const ce="_list_1p627_1",ue="_item_1p627_14",W={list:ce,item:ue},H=r.createContext(!1);function T({children:e}){const n=r.useContext(H);return F&&!n&&le(),t.jsx("li",{className:W.item,children:e})}T.isSmartyListItem=!0;function de(e){return e===T?!0:typeof e=="function"&&e.isSmartyListItem===!0}function fe({children:e}){return F&&A(e,de),t.jsx(H,{value:!0,children:t.jsx("ul",{role:"list",className:W.list,children:e})})}const _e="_link_1m7hb_1",me="_accent_1m7hb_28",pe="_disabled_1m7hb_38",he="_newTabNote_1m7hb_48",g={link:_e,accent:me,disabled:pe,newTabNote:he},xe=/\.[a-z][a-z\d]{1,4}$/;function P(e,n){if(n)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 xe.test(s)?"plain":"router"}function U(){return t.jsx("span",{className:g.newTabNote,children:" (opens in new tab)"})}const z=r.createContext(null);function ye({component:e,children:n}){return t.jsx(z,{value:e,children:n})}function V(){return r.useContext(z)}const ve="_button_1391k_1",je="_sm_1391k_26",be="_primary_1391k_33",Ne="_secondary_1391k_49",ge="_negative_1391k_68",$={button:ve,sm:je,primary:be,secondary:Ne,negative:ge};function Le({as:e,variant:n="primary",size:s="default",href:i,openInNewTab:c=!1,download:d=!1,disabled:o,type:f="button",onClick:_,children:u}){const m=V(),b=[$.button,$[n],s==="sm"&&$.sm].filter(Boolean).join(" ");if(i===void 0||o)return t.jsx("button",{className:b,type:f,disabled:o,onClick:_,children:u});const y=P(i,d),p=y==="external"||c&&y!=="download",w=e??(y==="router"&&m?m:"a");return t.jsxs(w,{className:b,href:i,target:p?"_blank":void 0,rel:p?"noopener noreferrer":void 0,download:y==="download"?"":void 0,onClick:_,children:[u,p&&t.jsx(U,{})]})}function q({variant:e="default",href:n,download:s=!1,disabled:i,onClick:c,children:d}){const o=V(),_=[g.link,e==="accent"&&g.accent,i&&g.disabled].filter(Boolean).join(" ");if(n===void 0)return t.jsx("button",{type:"button",className:_,disabled:i,onClick:i?void 0:c,"aria-disabled":i,children:d});const u=P(n,s);if(u==="external")return t.jsxs("a",{className:_,href:n,target:"_blank",rel:"noopener noreferrer",onClick:c,children:[d,t.jsx(U,{})]});const m=u==="router"&&o?o:"a";return t.jsx(m,{className:_,href:n,download:u==="download"?"":void 0,onClick:c,children:d})}const we=typeof process<"u"&&process.env.NODE_ENV!=="production",E=new Set;function $e(e){E.has(e)||(E.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ke(){$e("<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 Ce="_nav_dxkjl_3",Oe="_list_dxkjl_7",Te="_item_dxkjl_16",Ie="_link_dxkjl_20",Se="_current_dxkjl_48",j={nav:Ce,list:Oe,item:Te,link:Ie,current:Se},J=r.createContext(null);function De({label:e,current:n,children:s}){return we&&!e?.trim()&&ke(),t.jsx("nav",{className:j.nav,"aria-label":e,children:t.jsx(J,{value:n??null,children:t.jsx("ul",{className:j.list,children:s})})})}function Be({as:e="a",href:n,current:s,openInNewTab:i,onClick:c,children:d}){const o=r.useContext(J),f=s??(o!==null&&o===n),_=[j.link,f&&j.current].filter(Boolean).join(" ");return t.jsx("li",{className:j.item,children:t.jsx(e,{className:_,href:n,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,onClick:c,"aria-current":f?"location":void 0,children:d})})}const K=typeof process<"u"&&process.env.NODE_ENV!=="production",M=new Set;function O(e){M.has(e)||(M.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function Ee(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function X(e,n){for(const s of r.Children.toArray(e)){if(!r.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;O(`<TableOfContents> received the text ${JSON.stringify(i.slice(0,40))} as a direct child. Its list may only contain entries — wrap it in <TableOfContentsLink href="#…">.`);continue}if(s.type===r.Fragment){const{children:i}=s.props;X(i,n);continue}n(s.type)||s.type==="li"||O(`<TableOfContents> received ${Ee(s.type)} as a direct child. Its list may only contain entries — use <TableOfContentsLink href="#…"> instead.`)}}function Me(){O("<TableOfContentsLink> was rendered outside of a <TableOfContents>. It renders an <li>, which browsers only style correctly inside a list.")}const Re="_nav_1us0j_1",Fe="_heading_1us0j_8",Ae="_list_1us0j_19",We="_item_1us0j_28",L={nav:Re,heading:Fe,list:Ae,item:We},G=r.createContext(!1);function I({href:e,children:n}){const s=r.useContext(G);return K&&!s&&Me(),t.jsx("li",{className:L.item,children:t.jsx(q,{href:e,children:n})})}I.isSmartyTableOfContentsLink=!0;function He(e){return e===I?!0:typeof e=="function"&&e.isSmartyTableOfContentsLink===!0}function Pe({title:e="Table of contents",children:n}){const s=r.useId();return K&&X(n,He),t.jsxs("nav",{className:L.nav,"aria-labelledby":s,children:[t.jsx("h2",{id:s,className:L.heading,children:e}),t.jsx(G,{value:!0,children:t.jsx("ul",{role:"list",className:L.list,children:n})})]})}const Ue="_hero_93692_11",ze="_layout_93692_16",Ve="_content_93692_21",qe="_titleLine_93692_25",Je="_titleWord_93692_29",Ke="_description_93692_35",Xe="_media_93692_48",x={hero:Ue,layout:ze,content:Ve,titleLine:qe,titleWord:Je,description:Ke,media:Xe};function Ge(e){return e.replace(/([- ])/g,n=>`${n===" "?" ":n}|split|`).split("|split|")}const Ze=e=>({"--hero-index":e});function Qe({title:e,description:n,media:s}){const i=Array.isArray(e);let c=0;const d=(i?e:[e]).map(o=>Ge(o).map(f=>({word:f,index:c++})));return t.jsx("section",{className:x.hero,children:t.jsxs("div",{className:x.layout,children:[t.jsx("div",{className:x.media,children:s}),t.jsxs("div",{className:x.content,children:[t.jsx(R,{children:d.map((o,f)=>t.jsx("span",{className:i?x.titleLine:void 0,children:o.map(({word:_,index:u})=>t.jsx("span",{className:x.titleWord,style:Ze(u),children:_},u))},f))}),t.jsx("p",{className:x.description,children:n})]})]})})}function Ye(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.58586 8L1.29297 2.70711L2.70718 1.29289L8.00008 6.58579L13.293 1.29289L14.7072 2.70711L9.41429 8L14.7072 13.2929L13.293 14.7071L8.00008 9.41421L2.70718 14.7071L1.29297 13.2929L6.58586 8Z",fill:"currentColor"})})}const en="_field_14suf_1",nn="_error_14suf_17",tn="_message_14suf_21",sn="_content_14suf_36",on="_reveal_14suf_43",rn="_label_14suf_53",an="_tags_14suf_64",ln="_chips_14suf_71",cn="_input_14suf_78",un="_counter_14suf_95",dn="_empty_14suf_107",fn="_disabled_14suf_134",_n="_chip_14suf_71",mn="_chipText_14suf_160",pn="_remove_14suf_165",hn="_invalid_14suf_176",l={field:en,error:nn,message:tn,content:sn,reveal:on,label:rn,tags:an,chips:ln,input:cn,counter:un,empty:dn,disabled:fn,chip:_n,chipText:mn,remove:pn,invalid:hn};function xn({children:e,invalid:n,onRemove:s}){return t.jsxs("li",{className:[l.chip,n&&l.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:l.chipText,children:e}),s&&t.jsx("button",{type:"button",className:l.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx(Ye,{})})]})}const k=100;function yn({label:e,value:n,onChange:s,disabled:i=!1,isTagInvalid:c,onInputChange:d,error:o}){const f=r.useId(),_=`${f}-message`,u=r.useRef(null),[m,S]=r.useState(""),b=n.length>=k,y=a=>{S(a),d?.(a)},p=a=>{const h=a.split(/[\s,]+/),D=h.pop()??"",N=h.filter(Boolean).slice(0,Math.max(0,k-n.length));N.length&&s([...n,...N]),y(D)},w=a=>{a.key==="Enter"&&m&&!a.nativeEvent.isComposing?(a.preventDefault(),p(`${m},`)):a.key==="Backspace"&&!m&&n.length&&s(n.slice(0,-1))},Z=a=>{i||a.target===u.current||a.target.closest("button")||(a.preventDefault(),u.current?.focus())},Q=[l.field,!n.length&&l.empty,i&&l.disabled,o&&l.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:Q,onMouseDown:Z,children:[t.jsxs("div",{className:l.content,children:[t.jsx("label",{htmlFor:f,className:l.label,children:e}),t.jsx("div",{className:l.reveal,children:t.jsxs("div",{className:l.tags,children:[n.length>0&&t.jsx("ul",{role:"list",className:l.chips,children:n.map((a,h)=>t.jsx(xn,{invalid:c?.(a,h)??!1,onRemove:i?void 0:()=>{s(n.filter((D,N)=>N!==h)),h===n.length-1&&u.current?.focus()},children:a},h))}),t.jsx("input",{ref:u,id:f,className:l.input,size:1,value:m,disabled:i,readOnly:b,"aria-invalid":o?!0:void 0,"aria-describedby":o?_:void 0,onChange:a=>{p(a.target.value)},onKeyDown:w,onBlur:()=>{p(`${m},`)}})]})})]}),t.jsx("div",{className:l.reveal,children:t.jsxs("p",{className:l.counter,children:[n.length," / ",k]})})]}),t.jsx("p",{id:_,className:l.message,"aria-live":"polite",children:o})]})}const vn="_field_otub4_1",jn="_label_otub4_16",bn="_reveal_otub4_27",Nn="_input_otub4_37",gn="_empty_otub4_56",v={field:vn,label:jn,reveal:bn,input:Nn,empty:gn};function Ln({label:e,value:n,onChange:s}){const i=r.useId(),c=r.useRef(null),d=o=>{o.target!==c.current&&(o.preventDefault(),c.current?.focus())};return t.jsxs("div",{className:[v.field,!n&&v.empty].filter(Boolean).join(" "),onMouseDown:d,children:[t.jsx("label",{htmlFor:i,className:v.label,children:e}),t.jsx("div",{className:v.reveal,children:t.jsx("div",{children:t.jsx("input",{ref:c,id:i,className:v.input,value:n,onChange:o=>{s(o.target.value)}})})})]})}exports.Button=Le;exports.H1=R;exports.H2=se;exports.Hero=Qe;exports.Link=q;exports.LinkProvider=ye;exports.ListItem=T;exports.MultitagField=yn;exports.Paragraph=re;exports.SideNav=De;exports.SideNavLink=Be;exports.TableOfContents=Pe;exports.TableOfContentsLink=I;exports.TextField=Ln;exports.UnorderedList=fe;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),Z="_h1_1765w_1",Q={h1:Z};function D({children:e,className:n}){const s=[Q.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const Y="_h2_1eque_1",ee={h2:Y};function ne({children:e}){return t.jsx("h2",{className:ee.h2,children:e})}const te="_paragraph_11t85_1",se={paragraph:te};function ie({children:e}){return t.jsx("p",{className:se.paragraph,children:e})}const B=typeof process<"u"&&process.env.NODE_ENV!=="production",T=new Set;function $(e){T.has(e)||(T.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function oe(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function E(e,n){for(const s of r.Children.toArray(e)){if(!r.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;$(`<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===r.Fragment){const{children:i}=s.props;E(i,n);continue}n(s.type)||s.type==="li"||$(`<UnorderedList> received ${oe(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function re(){$("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const ae="_list_1p627_1",ce="_item_1p627_14",M={list:ae,item:ce},R=r.createContext(!1);function k({children:e}){const n=r.useContext(R);return B&&!n&&re(),t.jsx("li",{className:M.item,children:e})}k.isSmartyListItem=!0;function le(e){return e===k?!0:typeof e=="function"&&e.isSmartyListItem===!0}function ue({children:e}){return B&&E(e,le),t.jsx(R,{value:!0,children:t.jsx("ul",{role:"list",className:M.list,children:e})})}const de="_link_1m7hb_1",fe="_accent_1m7hb_28",_e="_disabled_1m7hb_38",me="_newTabNote_1m7hb_48",v={link:de,accent:fe,disabled:_e,newTabNote:me},A=r.createContext(null);function pe({component:e,children:n}){return t.jsx(A,{value:e,children:n})}function he(){return r.useContext(A)}const xe=/\.[a-z][a-z\d]{1,4}$/;function ye(e,n){if(n)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 xe.test(s)?"plain":"router"}function je(){return t.jsx("span",{className:v.newTabNote,children:" (opens in new tab)"})}function F({className:e,href:n,download:s=!1,onClick:i,children:a}){const d=he(),o=ye(n,s);if(o==="external")return t.jsxs("a",{className:e,href:n,target:"_blank",rel:"noopener noreferrer",onClick:i,children:[a,t.jsx(je,{})]});const c=o==="router"&&d?d:"a";return t.jsx(c,{className:e,href:n,download:o==="download"?"":void 0,onClick:i,children:a})}const ve="_button_1391k_1",be="_sm_1391k_26",Ne="_primary_1391k_33",ge="_secondary_1391k_49",Le="_negative_1391k_68",g={button:ve,sm:be,primary:Ne,secondary:ge,negative:Le};function $e({variant:e="primary",size:n="default",href:s,download:i,disabled:a,type:d="button",onClick:o,children:c}){const f=[g.button,g[e],n==="sm"&&g.sm].filter(Boolean).join(" ");return s===void 0||a?t.jsx("button",{className:f,type:d,disabled:a,onClick:o,children:c}):t.jsx(F,{className:f,href:s,download:i,onClick:o,children:c})}function W({variant:e="default",href:n,download:s,disabled:i,onClick:a,children:d}){const c=[v.link,e==="accent"&&v.accent,i&&v.disabled].filter(Boolean).join(" ");return n===void 0?t.jsx("button",{type:"button",className:c,disabled:i,onClick:i?void 0:a,"aria-disabled":i,children:d}):t.jsx(F,{className:c,href:n,download:s,onClick:a,children:d})}const we=typeof process<"u"&&process.env.NODE_ENV!=="production",I=new Set;function ke(e){I.has(e)||(I.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function Ce(){ke("<SideNav> was rendered with no accessible name. Pass `label` so screen reader users can tell this nav apart from the other navigation landmarks on the page.")}const Oe="_nav_dxkjl_3",Te="_list_dxkjl_7",Ie="_item_dxkjl_16",Se="_link_dxkjl_20",De="_current_dxkjl_48",y={nav:Oe,list:Te,item:Ie,link:Se,current:De},H=r.createContext(null);function Be({label:e,current:n,children:s}){return we&&!e?.trim()&&Ce(),t.jsx("nav",{className:y.nav,"aria-label":e,children:t.jsx(H,{value:n??null,children:t.jsx("ul",{className:y.list,children:s})})})}function Ee({as:e="a",href:n,current:s,openInNewTab:i,onClick:a,children:d}){const o=r.useContext(H),c=s??(o!==null&&o===n),_=[y.link,c&&y.current].filter(Boolean).join(" ");return t.jsx("li",{className:y.item,children:t.jsx(e,{className:_,href:n,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,onClick:a,"aria-current":c?"location":void 0,children:d})})}const P=typeof process<"u"&&process.env.NODE_ENV!=="production",S=new Set;function w(e){S.has(e)||(S.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function Me(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function U(e,n){for(const s of r.Children.toArray(e)){if(!r.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const i=String(s).trim();if(i==="")continue;w(`<TableOfContents> received the text ${JSON.stringify(i.slice(0,40))} as a direct child. Its list may only contain entries — wrap it in <TableOfContentsLink href="#…">.`);continue}if(s.type===r.Fragment){const{children:i}=s.props;U(i,n);continue}n(s.type)||s.type==="li"||w(`<TableOfContents> received ${Me(s.type)} as a direct child. Its list may only contain entries — use <TableOfContentsLink href="#…"> instead.`)}}function Re(){w("<TableOfContentsLink> was rendered outside of a <TableOfContents>. It renders an <li>, which browsers only style correctly inside a list.")}const Ae="_nav_1us0j_1",Fe="_heading_1us0j_8",We="_list_1us0j_19",He="_item_1us0j_28",b={nav:Ae,heading:Fe,list:We,item:He},z=r.createContext(!1);function C({href:e,children:n}){const s=r.useContext(z);return P&&!s&&Re(),t.jsx("li",{className:b.item,children:t.jsx(W,{href:e,children:n})})}C.isSmartyTableOfContentsLink=!0;function Pe(e){return e===C?!0:typeof e=="function"&&e.isSmartyTableOfContentsLink===!0}function Ue({title:e="Table of contents",children:n}){const s=r.useId();return P&&U(n,Pe),t.jsxs("nav",{className:b.nav,"aria-labelledby":s,children:[t.jsx("h2",{id:s,className:b.heading,children:e}),t.jsx(z,{value:!0,children:t.jsx("ul",{role:"list",className:b.list,children:n})})]})}const ze="_hero_93692_11",Ve="_layout_93692_16",qe="_content_93692_21",Je="_titleLine_93692_25",Ke="_titleWord_93692_29",Xe="_description_93692_35",Ge="_media_93692_48",p={hero:ze,layout:Ve,content:qe,titleLine:Je,titleWord:Ke,description:Xe,media:Ge};function Ze(e){return e.replace(/([- ])/g,n=>`${n===" "?" ":n}|split|`).split("|split|")}const Qe=e=>({"--hero-index":e});function Ye({title:e,description:n,media:s}){const i=Array.isArray(e);let a=0;const d=(i?e:[e]).map(o=>Ze(o).map(c=>({word:c,index:a++})));return t.jsx("section",{className:p.hero,children:t.jsxs("div",{className:p.layout,children:[t.jsx("div",{className:p.media,children:s}),t.jsxs("div",{className:p.content,children:[t.jsx(D,{children:d.map((o,c)=>t.jsx("span",{className:i?p.titleLine:void 0,children:o.map(({word:_,index:f})=>t.jsx("span",{className:p.titleWord,style:Qe(f),children:_},f))},c))}),t.jsx("p",{className:p.description,children:n})]})]})})}function en(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.58586 8L1.29297 2.70711L2.70718 1.29289L8.00008 6.58579L13.293 1.29289L14.7072 2.70711L9.41429 8L14.7072 13.2929L13.293 14.7071L8.00008 9.41421L2.70718 14.7071L1.29297 13.2929L6.58586 8Z",fill:"currentColor"})})}const nn="_field_14suf_1",tn="_error_14suf_17",sn="_message_14suf_21",on="_content_14suf_36",rn="_reveal_14suf_43",an="_label_14suf_53",cn="_tags_14suf_64",ln="_chips_14suf_71",un="_input_14suf_78",dn="_counter_14suf_95",fn="_empty_14suf_107",_n="_disabled_14suf_134",mn="_chip_14suf_71",pn="_chipText_14suf_160",hn="_remove_14suf_165",xn="_invalid_14suf_176",u={field:nn,error:tn,message:sn,content:on,reveal:rn,label:an,tags:cn,chips:ln,input:un,counter:dn,empty:fn,disabled:_n,chip:mn,chipText:pn,remove:hn,invalid:xn};function yn({children:e,invalid:n,onRemove:s}){return t.jsxs("li",{className:[u.chip,n&&u.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:u.chipText,children:e}),s&&t.jsx("button",{type:"button",className:u.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx(en,{})})]})}const L=100;function jn({label:e,value:n,onChange:s,disabled:i=!1,isTagInvalid:a,onInputChange:d,error:o}){const c=r.useId(),_=`${c}-message`,f=r.useRef(null),[h,V]=r.useState(""),q=n.length>=L,J=l=>{V(l),d?.(l)},N=l=>{const m=l.split(/[\s,]+/),O=m.pop()??"",j=m.filter(Boolean).slice(0,Math.max(0,L-n.length));j.length&&s([...n,...j]),J(O)},K=l=>{l.key==="Enter"&&h&&!l.nativeEvent.isComposing?(l.preventDefault(),N(`${h},`)):l.key==="Backspace"&&!h&&n.length&&s(n.slice(0,-1))},X=l=>{i||l.target===f.current||l.target.closest("button")||(l.preventDefault(),f.current?.focus())},G=[u.field,!n.length&&u.empty,i&&u.disabled,o&&u.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:G,onMouseDown:X,children:[t.jsxs("div",{className:u.content,children:[t.jsx("label",{htmlFor:c,className:u.label,children:e}),t.jsx("div",{className:u.reveal,children:t.jsxs("div",{className:u.tags,children:[n.length>0&&t.jsx("ul",{role:"list",className:u.chips,children:n.map((l,m)=>t.jsx(yn,{invalid:a?.(l,m)??!1,onRemove:i?void 0:()=>{s(n.filter((O,j)=>j!==m)),m===n.length-1&&f.current?.focus()},children:l},m))}),t.jsx("input",{ref:f,id:c,className:u.input,size:1,value:h,disabled:i,readOnly:q,"aria-invalid":o?!0:void 0,"aria-describedby":o?_:void 0,onChange:l=>{N(l.target.value)},onKeyDown:K,onBlur:()=>{N(`${h},`)}})]})})]}),t.jsx("div",{className:u.reveal,children:t.jsxs("p",{className:u.counter,children:[n.length," / ",L]})})]}),t.jsx("p",{id:_,className:u.message,"aria-live":"polite",children:o})]})}const vn="_field_otub4_1",bn="_label_otub4_16",Nn="_reveal_otub4_27",gn="_input_otub4_37",Ln="_empty_otub4_56",x={field:vn,label:bn,reveal:Nn,input:gn,empty:Ln};function $n({label:e,value:n,onChange:s}){const i=r.useId(),a=r.useRef(null),d=o=>{o.target!==a.current&&(o.preventDefault(),a.current?.focus())};return t.jsxs("div",{className:[x.field,!n&&x.empty].filter(Boolean).join(" "),onMouseDown:d,children:[t.jsx("label",{htmlFor:i,className:x.label,children:e}),t.jsx("div",{className:x.reveal,children:t.jsx("div",{children:t.jsx("input",{ref:a,id:i,className:x.input,value:n,onChange:o=>{s(o.target.value)}})})})]})}exports.Button=$e;exports.H1=D;exports.H2=ne;exports.Hero=Ye;exports.Link=W;exports.LinkProvider=pe;exports.ListItem=k;exports.MultitagField=jn;exports.Paragraph=ie;exports.SideNav=Be;exports.SideNavLink=Ee;exports.TableOfContents=Ue;exports.TableOfContentsLink=C;exports.TextField=$n;exports.UnorderedList=ue;

package/dist/index.js

@@ -1,30 +1,30 @@
 "use client";
-import { jsx as s, jsxs as _ } from "react/jsx-runtime";
-import { Children as A, isValidElement as W, Fragment as F, createContext as k, useContext as O, useId as I, useRef as z, useState as on } from "react";
-const rn = "_h1_1765w_1", an = {
-  h1: rn
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { Children as B, isValidElement as E, Fragment as A, createContext as $, useContext as w, useId as C, useRef as M, useState as tn } from "react";
+const sn = "_h1_1765w_1", on = {
+  h1: sn
 };
-function cn({ children: n, className: e }) {
-  const t = [an.h1, e].filter(Boolean).join(" ");
+function rn({ children: n, className: e }) {
+  const t = [on.h1, e].filter(Boolean).join(" ");
   return /* @__PURE__ */ s("h1", { className: t, children: n });
 }
-const ln = "_h2_1eque_1", un = {
-  h2: ln
+const an = "_h2_1eque_1", cn = {
+  h2: an
 };
-function Le({ children: n }) {
-  return /* @__PURE__ */ s("h2", { className: un.h2, children: n });
+function ke({ children: n }) {
+  return /* @__PURE__ */ s("h2", { className: cn.h2, children: n });
 }
-const dn = "_paragraph_11t85_1", fn = {
-  paragraph: dn
+const ln = "_paragraph_11t85_1", un = {
+  paragraph: ln
 };
-function ke({ children: n }) {
-  return /* @__PURE__ */ s("p", { className: fn.paragraph, children: n });
+function Oe({ children: n }) {
+  return /* @__PURE__ */ s("p", { className: un.paragraph, children: n });
 }
-const H = typeof process < "u" && process.env.NODE_ENV !== "production", E = /* @__PURE__ */ new Set();
-function C(n) {
-  E.has(n) || (E.add(n), console.warn(`[@smartyweb/ui] ${n}`));
+const R = typeof process < "u" && process.env.NODE_ENV !== "production", I = /* @__PURE__ */ new Set();
+function T(n) {
+  I.has(n) || (I.add(n), console.warn(`[@smartyweb/ui] ${n}`));
 }
-function _n(n) {
+function dn(n) {
   if (typeof n == "string") return `<${n}>`;
   if (typeof n == "function") return `<${n.name || "Component"}>`;
   if (typeof n == "object" && n !== null && "displayName" in n) {
@@ -33,147 +33,83 @@ function _n(n) {
   }
   return "an unknown element";
 }
-function U(n, e) {
-  for (const t of A.toArray(n)) {
-    if (!W(t)) {
+function W(n, e) {
+  for (const t of B.toArray(n)) {
+    if (!E(t)) {
       if (typeof t != "string" && typeof t != "number") continue;
       const i = String(t).trim();
       if (i === "") continue;
-      C(
+      T(
         `<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 (t.type === F) {
+    if (t.type === A) {
       const { children: i } = t.props;
-      U(i, e);
+      W(i, e);
       continue;
     }
-    e(t.type) || t.type === "li" || C(
-      `<UnorderedList> received ${_n(t.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
+    e(t.type) || t.type === "li" || T(
+      `<UnorderedList> received ${dn(t.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
     );
   }
 }
-function mn() {
-  C(
+function fn() {
+  T(
     "<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list."
   );
 }
-const pn = "_list_1p627_1", hn = "_item_1p627_14", V = {
-  list: pn,
-  item: hn
-}, P = k(!1);
-function J({ children: n }) {
-  const e = O(P);
-  return H && !e && mn(), /* @__PURE__ */ s("li", { className: V.item, children: n });
-}
-J.isSmartyListItem = !0;
-function yn(n) {
-  return n === J ? !0 : typeof n == "function" && n.isSmartyListItem === !0;
-}
-function Oe({ children: n }) {
-  return H && U(n, yn), /* @__PURE__ */ s(P, { value: !0, children: /* @__PURE__ */ s("ul", { role: "list", className: V.list, children: n }) });
-}
-const vn = "_link_1m7hb_1", bn = "_accent_1m7hb_28", Nn = "_disabled_1m7hb_38", gn = "_newTabNote_1m7hb_48", $ = {
-  link: vn,
-  accent: bn,
-  disabled: Nn,
-  newTabNote: gn
-}, wn = /\.[a-z][a-z\d]{1,4}$/;
-function K(n, e) {
+const _n = "_list_1p627_1", mn = "_item_1p627_14", F = {
+  list: _n,
+  item: mn
+}, z = $(!1);
+function H({ children: n }) {
+  const e = w(z);
+  return R && !e && fn(), /* @__PURE__ */ s("li", { className: F.item, children: n });
+}
+H.isSmartyListItem = !0;
+function pn(n) {
+  return n === H ? !0 : typeof n == "function" && n.isSmartyListItem === !0;
+}
+function Te({ children: n }) {
+  return R && W(n, pn), /* @__PURE__ */ s(z, { value: !0, children: /* @__PURE__ */ s("ul", { role: "list", className: F.list, children: n }) });
+}
+const hn = "_link_1m7hb_1", yn = "_accent_1m7hb_28", vn = "_disabled_1m7hb_38", bn = "_newTabNote_1m7hb_48", N = {
+  link: hn,
+  accent: yn,
+  disabled: vn,
+  newTabNote: bn
+}, U = $(null);
+function xe({ component: n, children: e }) {
+  return /* @__PURE__ */ s(U, { value: n, children: e });
+}
+function Nn() {
+  return w(U);
+}
+const gn = /\.[a-z][a-z\d]{1,4}$/;
+function $n(n, e) {
   if (e) return "download";
   if (/^(https?:)?\/\//i.test(n)) return "external";
   if (n.startsWith("#") || /^[a-z][a-z\d+.-]*:/i.test(n)) return "plain";
   const t = (n.split(/[?#]/)[0] ?? "").toLowerCase();
-  return wn.test(t) ? "plain" : "router";
-}
-function X() {
-  return /* @__PURE__ */ s("span", { className: $.newTabNote, children: " (opens in new tab)" });
-}
-const q = k(null);
-function Te({ component: n, children: e }) {
-  return /* @__PURE__ */ s(q, { value: n, children: e });
+  return gn.test(t) ? "plain" : "router";
 }
-function G() {
-  return O(q);
+function wn() {
+  return /* @__PURE__ */ s("span", { className: N.newTabNote, children: " (opens in new tab)" });
 }
-const $n = "_button_1391k_1", Ln = "_sm_1391k_26", kn = "_primary_1391k_33", On = "_secondary_1391k_49", Tn = "_negative_1391k_68", T = {
-  button: $n,
-  sm: Ln,
-  primary: kn,
-  secondary: On,
-  negative: Tn
-};
-function xe({
-  as: n,
-  variant: e = "primary",
-  size: t = "default",
-  href: i,
-  openInNewTab: c = !1,
-  download: u = !1,
-  disabled: o,
-  type: d = "button",
-  onClick: f,
-  children: l
-}) {
-  const m = G(), g = [T.button, T[e], t === "sm" && T.sm].filter(Boolean).join(" ");
-  if (i === void 0 || o)
-    return /* @__PURE__ */ s("button", { className: g, type: d, disabled: o, onClick: f, children: l });
-  const v = K(i, u), p = v === "external" || c && v !== "download";
-  return (
-    // The router link comes from context, set once at the app root, so it keeps its
-    // identity across renders — the remount this rule guards against cannot happen.
-    // eslint-disable-next-line react-hooks/static-components
-    /* @__PURE__ */ _(
-      n ?? (v === "router" && m ? m : "a"),
-      {
-        className: g,
-        href: i,
-        target: p ? "_blank" : void 0,
-        rel: p ? "noopener noreferrer" : void 0,
-        download: v === "download" ? "" : void 0,
-        onClick: f,
-        children: [
-          l,
-          p && /* @__PURE__ */ s(X, {})
-        ]
-      }
-    )
-  );
-}
-function xn({
-  variant: n = "default",
-  href: e,
-  download: t = !1,
-  disabled: i,
-  onClick: c,
-  children: u
-}) {
-  const o = G(), f = [$.link, n === "accent" && $.accent, i && $.disabled].filter(Boolean).join(" ");
-  if (e === void 0)
-    return /* @__PURE__ */ s(
-      "button",
-      {
-        type: "button",
-        className: f,
-        disabled: i,
-        onClick: i ? void 0 : c,
-        "aria-disabled": i,
-        children: u
-      }
-    );
-  const l = K(e, t);
-  return l === "external" ? /* @__PURE__ */ _(
+function V({ className: n, href: e, download: t = !1, onClick: i, children: r }) {
+  const u = Nn(), o = $n(e, t);
+  return o === "external" ? /* @__PURE__ */ d(
     "a",
     {
-      className: f,
+      className: n,
       href: e,
       target: "_blank",
       rel: "noopener noreferrer",
-      onClick: c,
+      onClick: i,
       children: [
-        u,
-        /* @__PURE__ */ s(X, {})
+        r,
+        /* @__PURE__ */ s(wn, {})
       ]
     }
   ) : (
@@ -181,61 +117,102 @@ function xn({
     // identity across renders — the remount this rule guards against cannot happen.
     // eslint-disable-next-line react-hooks/static-components
     /* @__PURE__ */ s(
-      l === "router" && o ? o : "a",
+      o === "router" && u ? u : "a",
       {
-        className: f,
+        className: n,
         href: e,
-        download: l === "download" ? "" : void 0,
-        onClick: c,
-        children: u
+        download: o === "download" ? "" : void 0,
+        onClick: i,
+        children: r
       }
     )
   );
 }
-const Cn = typeof process < "u" && process.env.NODE_ENV !== "production", M = /* @__PURE__ */ new Set();
-function jn(n) {
-  M.has(n) || (M.add(n), console.warn(`[@smartyweb/ui] ${n}`));
+const Ln = "_button_1391k_1", kn = "_sm_1391k_26", On = "_primary_1391k_33", Tn = "_secondary_1391k_49", xn = "_negative_1391k_68", k = {
+  button: Ln,
+  sm: kn,
+  primary: On,
+  secondary: Tn,
+  negative: xn
+};
+function Ce({
+  variant: n = "primary",
+  size: e = "default",
+  href: t,
+  download: i,
+  disabled: r,
+  type: u = "button",
+  onClick: o,
+  children: c
+}) {
+  const f = [k.button, k[n], e === "sm" && k.sm].filter(Boolean).join(" ");
+  return t === void 0 || r ? /* @__PURE__ */ s("button", { className: f, type: u, disabled: r, onClick: o, children: c }) : /* @__PURE__ */ s(V, { className: f, href: t, download: i, onClick: o, children: c });
 }
-function In() {
-  jn(
+function Cn({
+  variant: n = "default",
+  href: e,
+  download: t,
+  disabled: i,
+  onClick: r,
+  children: u
+}) {
+  const c = [N.link, n === "accent" && N.accent, i && N.disabled].filter(Boolean).join(" ");
+  return e === void 0 ? /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      className: c,
+      disabled: i,
+      onClick: i ? void 0 : r,
+      "aria-disabled": i,
+      children: u
+    }
+  ) : /* @__PURE__ */ s(V, { className: c, href: e, download: t, onClick: r, children: u });
+}
+const jn = typeof process < "u" && process.env.NODE_ENV !== "production", S = /* @__PURE__ */ new Set();
+function In(n) {
+  S.has(n) || (S.add(n), console.warn(`[@smartyweb/ui] ${n}`));
+}
+function Sn() {
+  In(
     "<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 Sn = "_nav_dxkjl_3", Dn = "_list_dxkjl_7", Bn = "_item_dxkjl_16", En = "_link_dxkjl_20", Mn = "_current_dxkjl_48", N = {
-  nav: Sn,
-  list: Dn,
-  item: Bn,
-  link: En,
+const Dn = "_nav_dxkjl_3", Bn = "_list_dxkjl_7", En = "_item_dxkjl_16", An = "_link_dxkjl_20", Mn = "_current_dxkjl_48", v = {
+  nav: Dn,
+  list: Bn,
+  item: En,
+  link: An,
   current: Mn
-}, Z = k(null);
-function Ce({ label: n, current: e, children: t }) {
-  return Cn && !n?.trim() && In(), /* @__PURE__ */ s("nav", { className: N.nav, "aria-label": n, children: /* @__PURE__ */ s(Z, { value: e ?? null, children: /* @__PURE__ */ s("ul", { className: N.list, children: t }) }) });
+}, P = $(null);
+function je({ label: n, current: e, children: t }) {
+  return jn && !n?.trim() && Sn(), /* @__PURE__ */ s("nav", { className: v.nav, "aria-label": n, children: /* @__PURE__ */ s(P, { value: e ?? null, children: /* @__PURE__ */ s("ul", { className: v.list, children: t }) }) });
 }
-function je({
+function Ie({
   as: n = "a",
   href: e,
   current: t,
   openInNewTab: i,
-  onClick: c,
+  onClick: r,
   children: u
 }) {
-  const o = O(Z), d = t ?? (o !== null && o === e), f = [N.link, d && N.current].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s("li", { className: N.item, children: /* @__PURE__ */ s(
+  const o = w(P), c = t ?? (o !== null && o === e), _ = [v.link, c && v.current].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s("li", { className: v.item, children: /* @__PURE__ */ s(
     n,
     {
-      className: f,
+      className: _,
       href: e,
       target: i ? "_blank" : void 0,
       rel: i ? "noopener noreferrer" : void 0,
-      onClick: c,
-      "aria-current": d ? "location" : void 0,
+      onClick: r,
+      "aria-current": c ? "location" : void 0,
       children: u
     }
   ) });
 }
-const Q = typeof process < "u" && process.env.NODE_ENV !== "production", R = /* @__PURE__ */ new Set();
-function j(n) {
-  R.has(n) || (R.add(n), console.warn(`[@smartyweb/ui] ${n}`));
+const J = typeof process < "u" && process.env.NODE_ENV !== "production", D = /* @__PURE__ */ new Set();
+function x(n) {
+  D.has(n) || (D.add(n), console.warn(`[@smartyweb/ui] ${n}`));
 }
 function Rn(n) {
   if (typeof n == "string") return `<${n}>`;
@@ -246,81 +223,81 @@ function Rn(n) {
   }
   return "an unknown element";
 }
-function Y(n, e) {
-  for (const t of A.toArray(n)) {
-    if (!W(t)) {
+function K(n, e) {
+  for (const t of B.toArray(n)) {
+    if (!E(t)) {
       if (typeof t != "string" && typeof t != "number") continue;
       const i = String(t).trim();
       if (i === "") continue;
-      j(
+      x(
         `<TableOfContents> received the text ${JSON.stringify(i.slice(0, 40))} as a direct child. Its list may only contain entries — wrap it in <TableOfContentsLink href="#…">.`
       );
       continue;
     }
-    if (t.type === F) {
+    if (t.type === A) {
       const { children: i } = t.props;
-      Y(i, e);
+      K(i, e);
       continue;
     }
-    e(t.type) || t.type === "li" || j(
+    e(t.type) || t.type === "li" || x(
       `<TableOfContents> received ${Rn(t.type)} as a direct child. Its list may only contain entries — use <TableOfContentsLink href="#…"> instead.`
     );
   }
 }
-function An() {
-  j(
+function Wn() {
+  x(
     "<TableOfContentsLink> was rendered outside of a <TableOfContents>. It renders an <li>, which browsers only style correctly inside a list."
   );
 }
-const Wn = "_nav_1us0j_1", Fn = "_heading_1us0j_8", zn = "_list_1us0j_19", Hn = "_item_1us0j_28", L = {
-  nav: Wn,
-  heading: Fn,
-  list: zn,
-  item: Hn
-}, nn = k(!1);
-function en({ href: n, children: e }) {
-  const t = O(nn);
-  return Q && !t && An(), /* @__PURE__ */ s("li", { className: L.item, children: /* @__PURE__ */ s(xn, { href: n, children: e }) });
-}
-en.isSmartyTableOfContentsLink = !0;
-function Un(n) {
-  return n === en ? !0 : typeof n == "function" && n.isSmartyTableOfContentsLink === !0;
-}
-function Ie({ title: n = "Table of contents", children: e }) {
-  const t = I();
-  return Q && Y(e, Un), /* @__PURE__ */ _("nav", { className: L.nav, "aria-labelledby": t, children: [
-    /* @__PURE__ */ s("h2", { id: t, className: L.heading, children: n }),
-    /* @__PURE__ */ s(nn, { value: !0, children: /* @__PURE__ */ s("ul", { role: "list", className: L.list, children: e }) })
+const Fn = "_nav_1us0j_1", zn = "_heading_1us0j_8", Hn = "_list_1us0j_19", Un = "_item_1us0j_28", g = {
+  nav: Fn,
+  heading: zn,
+  list: Hn,
+  item: Un
+}, X = $(!1);
+function q({ href: n, children: e }) {
+  const t = w(X);
+  return J && !t && Wn(), /* @__PURE__ */ s("li", { className: g.item, children: /* @__PURE__ */ s(Cn, { href: n, children: e }) });
+}
+q.isSmartyTableOfContentsLink = !0;
+function Vn(n) {
+  return n === q ? !0 : typeof n == "function" && n.isSmartyTableOfContentsLink === !0;
+}
+function Se({ title: n = "Table of contents", children: e }) {
+  const t = C();
+  return J && K(e, Vn), /* @__PURE__ */ d("nav", { className: g.nav, "aria-labelledby": t, children: [
+    /* @__PURE__ */ s("h2", { id: t, className: g.heading, children: n }),
+    /* @__PURE__ */ s(X, { value: !0, children: /* @__PURE__ */ s("ul", { role: "list", className: g.list, children: e }) })
   ] });
 }
-const Vn = "_hero_93692_11", Pn = "_layout_93692_16", Jn = "_content_93692_21", Kn = "_titleLine_93692_25", Xn = "_titleWord_93692_29", qn = "_description_93692_35", Gn = "_media_93692_48", y = {
-  hero: Vn,
-  layout: Pn,
-  content: Jn,
-  titleLine: Kn,
-  titleWord: Xn,
-  description: qn,
-  media: Gn
+const Pn = "_hero_93692_11", Jn = "_layout_93692_16", Kn = "_content_93692_21", Xn = "_titleLine_93692_25", qn = "_titleWord_93692_29", Gn = "_description_93692_35", Zn = "_media_93692_48", p = {
+  hero: Pn,
+  layout: Jn,
+  content: Kn,
+  titleLine: Xn,
+  titleWord: qn,
+  description: Gn,
+  media: Zn
 };
-function Zn(n) {
+function Qn(n) {
   return n.replace(/([- ])/g, (e) => `${e === " " ? " " : e}|split|`).split("|split|");
 }
-const Qn = (n) => ({ "--hero-index": n });
-function Se({ title: n, description: e, media: t }) {
+const Yn = (n) => ({ "--hero-index": n });
+function De({ title: n, description: e, media: t }) {
   const i = Array.isArray(n);
-  let c = 0;
+  let r = 0;
   const u = (i ? n : [n]).map(
-    (o) => Zn(o).map((d) => ({ word: d, index: c++ }))
+    (o) => Qn(o).map((c) => ({ word: c, index: r++ }))
   );
-  return /* @__PURE__ */ s("section", { className: y.hero, children: /* @__PURE__ */ _("div", { className: y.layout, children: [
-    /* @__PURE__ */ s("div", { className: y.media, children: t }),
-    /* @__PURE__ */ _("div", { className: y.content, children: [
-      /* @__PURE__ */ s(cn, { children: u.map((o, d) => /* @__PURE__ */ s("span", { className: i ? y.titleLine : void 0, children: o.map(({ word: f, index: l }) => /* @__PURE__ */ s("span", { className: y.titleWord, style: Qn(l), children: f }, l)) }, d)) }),
-      /* @__PURE__ */ s("p", { className: y.description, children: e })
+  return /* @__PURE__ */ s("section", { className: p.hero, children: /* @__PURE__ */ d("div", { className: p.layout, children: [
+    /* @__PURE__ */ s("div", { className: p.media, children: t }),
+    /* @__PURE__ */ d("div", { className: p.content, children: [
+      /* @__PURE__ */ s(rn, { children: u.map((o, c) => /* @__PURE__ */ s("span", { className: i ? p.titleLine : void 0, children: o.map(({ word: _, index: f }) => /* @__PURE__ */ s("span", { className: p.titleWord, style: Yn(f), children: _ }, f)) }, c)) }),
+      /* @__PURE__ */ s("p", { className: p.description, children: e })
     ] })
   ] }) });
 }
-function Yn() {
+function ne() {
   return /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ s(
     "path",
     {
@@ -331,136 +308,136 @@ function Yn() {
     }
   ) });
 }
-const ne = "_field_14suf_1", ee = "_error_14suf_17", te = "_message_14suf_21", se = "_content_14suf_36", ie = "_reveal_14suf_43", oe = "_label_14suf_53", re = "_tags_14suf_64", ae = "_chips_14suf_71", ce = "_input_14suf_78", le = "_counter_14suf_95", ue = "_empty_14suf_107", de = "_disabled_14suf_134", fe = "_chip_14suf_71", _e = "_chipText_14suf_160", me = "_remove_14suf_165", pe = "_invalid_14suf_176", a = {
-  field: ne,
-  error: ee,
-  message: te,
-  content: se,
-  reveal: ie,
-  label: oe,
-  tags: re,
-  chips: ae,
-  input: ce,
-  counter: le,
-  empty: ue,
-  disabled: de,
-  chip: fe,
-  chipText: _e,
-  remove: me,
-  invalid: pe
+const ee = "_field_14suf_1", te = "_error_14suf_17", se = "_message_14suf_21", ie = "_content_14suf_36", oe = "_reveal_14suf_43", re = "_label_14suf_53", ae = "_tags_14suf_64", ce = "_chips_14suf_71", le = "_input_14suf_78", ue = "_counter_14suf_95", de = "_empty_14suf_107", fe = "_disabled_14suf_134", _e = "_chip_14suf_71", me = "_chipText_14suf_160", pe = "_remove_14suf_165", he = "_invalid_14suf_176", l = {
+  field: ee,
+  error: te,
+  message: se,
+  content: ie,
+  reveal: oe,
+  label: re,
+  tags: ae,
+  chips: ce,
+  input: le,
+  counter: ue,
+  empty: de,
+  disabled: fe,
+  chip: _e,
+  chipText: me,
+  remove: pe,
+  invalid: he
 };
-function he({ children: n, invalid: e, onRemove: t }) {
-  return /* @__PURE__ */ _("li", { className: [a.chip, e && a.invalid].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ s("span", { className: a.chipText, children: n }),
+function ye({ children: n, invalid: e, onRemove: t }) {
+  return /* @__PURE__ */ d("li", { className: [l.chip, e && l.invalid].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ s("span", { className: l.chipText, children: n }),
     t && /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        className: a.remove,
+        className: l.remove,
         "aria-label": `Remove ${n}${e ? " (invalid)" : ""}`,
         onClick: t,
-        children: /* @__PURE__ */ s(Yn, {})
+        children: /* @__PURE__ */ s(ne, {})
       }
     )
   ] });
 }
-const x = 100;
-function De({
+const O = 100;
+function Be({
   label: n,
   value: e,
   onChange: t,
   disabled: i = !1,
-  isTagInvalid: c,
+  isTagInvalid: r,
   onInputChange: u,
   error: o
 }) {
-  const d = I(), f = `${d}-message`, l = z(null), [m, S] = on(""), g = e.length >= x, v = (r) => {
-    S(r), u?.(r);
-  }, p = (r) => {
-    const h = r.split(/[\s,]+/), B = h.pop() ?? "", w = h.filter(Boolean).slice(0, Math.max(0, x - e.length));
-    w.length && t([...e, ...w]), v(B);
-  }, D = (r) => {
-    r.key === "Enter" && m && !r.nativeEvent.isComposing ? (r.preventDefault(), p(`${m},`)) : r.key === "Backspace" && !m && e.length && t(e.slice(0, -1));
-  }, tn = (r) => {
-    i || r.target === l.current || r.target.closest("button") || (r.preventDefault(), l.current?.focus());
-  }, sn = [
-    a.field,
-    !e.length && a.empty,
-    i && a.disabled,
-    o && a.error
+  const c = C(), _ = `${c}-message`, f = M(null), [h, G] = tn(""), Z = e.length >= O, Q = (a) => {
+    G(a), u?.(a);
+  }, L = (a) => {
+    const m = a.split(/[\s,]+/), j = m.pop() ?? "", b = m.filter(Boolean).slice(0, Math.max(0, O - e.length));
+    b.length && t([...e, ...b]), Q(j);
+  }, Y = (a) => {
+    a.key === "Enter" && h && !a.nativeEvent.isComposing ? (a.preventDefault(), L(`${h},`)) : a.key === "Backspace" && !h && e.length && t(e.slice(0, -1));
+  }, nn = (a) => {
+    i || a.target === f.current || a.target.closest("button") || (a.preventDefault(), f.current?.focus());
+  }, en = [
+    l.field,
+    !e.length && l.empty,
+    i && l.disabled,
+    o && l.error
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ _("div", { children: [
-    /* @__PURE__ */ _("div", { className: sn, onMouseDown: tn, children: [
-      /* @__PURE__ */ _("div", { className: a.content, children: [
-        /* @__PURE__ */ s("label", { htmlFor: d, className: a.label, children: n }),
-        /* @__PURE__ */ s("div", { className: a.reveal, children: /* @__PURE__ */ _("div", { className: a.tags, children: [
-          e.length > 0 && /* @__PURE__ */ s("ul", { role: "list", className: a.chips, children: e.map((r, h) => /* @__PURE__ */ s(
-            he,
+  return /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ d("div", { className: en, onMouseDown: nn, children: [
+      /* @__PURE__ */ d("div", { className: l.content, children: [
+        /* @__PURE__ */ s("label", { htmlFor: c, className: l.label, children: n }),
+        /* @__PURE__ */ s("div", { className: l.reveal, children: /* @__PURE__ */ d("div", { className: l.tags, children: [
+          e.length > 0 && /* @__PURE__ */ s("ul", { role: "list", className: l.chips, children: e.map((a, m) => /* @__PURE__ */ s(
+            ye,
             {
-              invalid: c?.(r, h) ?? !1,
+              invalid: r?.(a, m) ?? !1,
               onRemove: i ? void 0 : () => {
-                t(e.filter((B, w) => w !== h)), h === e.length - 1 && l.current?.focus();
+                t(e.filter((j, b) => b !== m)), m === e.length - 1 && f.current?.focus();
               },
-              children: r
+              children: a
             },
-            h
+            m
           )) }),
           /* @__PURE__ */ s(
             "input",
             {
-              ref: l,
-              id: d,
-              className: a.input,
+              ref: f,
+              id: c,
+              className: l.input,
               size: 1,
-              value: m,
+              value: h,
               disabled: i,
-              readOnly: g,
+              readOnly: Z,
               "aria-invalid": o ? !0 : void 0,
-              "aria-describedby": o ? f : void 0,
-              onChange: (r) => {
-                p(r.target.value);
+              "aria-describedby": o ? _ : void 0,
+              onChange: (a) => {
+                L(a.target.value);
               },
-              onKeyDown: D,
+              onKeyDown: Y,
               onBlur: () => {
-                p(`${m},`);
+                L(`${h},`);
               }
             }
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ s("div", { className: a.reveal, children: /* @__PURE__ */ _("p", { className: a.counter, children: [
+      /* @__PURE__ */ s("div", { className: l.reveal, children: /* @__PURE__ */ d("p", { className: l.counter, children: [
         e.length,
         " / ",
-        x
+        O
       ] }) })
     ] }),
-    /* @__PURE__ */ s("p", { id: f, className: a.message, "aria-live": "polite", children: o })
+    /* @__PURE__ */ s("p", { id: _, className: l.message, "aria-live": "polite", children: o })
   ] });
 }
-const ye = "_field_otub4_1", ve = "_label_otub4_16", be = "_reveal_otub4_27", Ne = "_input_otub4_37", ge = "_empty_otub4_56", b = {
-  field: ye,
-  label: ve,
-  reveal: be,
-  input: Ne,
-  empty: ge
+const ve = "_field_otub4_1", be = "_label_otub4_16", Ne = "_reveal_otub4_27", ge = "_input_otub4_37", $e = "_empty_otub4_56", y = {
+  field: ve,
+  label: be,
+  reveal: Ne,
+  input: ge,
+  empty: $e
 };
-function Be({ label: n, value: e, onChange: t }) {
-  const i = I(), c = z(null), u = (o) => {
-    o.target !== c.current && (o.preventDefault(), c.current?.focus());
+function Ee({ label: n, value: e, onChange: t }) {
+  const i = C(), r = M(null), u = (o) => {
+    o.target !== r.current && (o.preventDefault(), r.current?.focus());
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: [b.field, !e && b.empty].filter(Boolean).join(" "),
+      className: [y.field, !e && y.empty].filter(Boolean).join(" "),
       onMouseDown: u,
       children: [
-        /* @__PURE__ */ s("label", { htmlFor: i, className: b.label, children: n }),
-        /* @__PURE__ */ s("div", { className: b.reveal, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
+        /* @__PURE__ */ s("label", { htmlFor: i, className: y.label, children: n }),
+        /* @__PURE__ */ s("div", { className: y.reveal, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
           "input",
           {
-            ref: c,
+            ref: r,
             id: i,
-            className: b.input,
+            className: y.input,
             value: e,
             onChange: (o) => {
               t(o.target.value);
@@ -472,19 +449,19 @@ function Be({ label: n, value: e, onChange: t }) {
   );
 }
 export {
-  xe as Button,
-  cn as H1,
-  Le as H2,
-  Se as Hero,
-  xn as Link,
-  Te as LinkProvider,
-  J as ListItem,
-  De as MultitagField,
-  ke as Paragraph,
-  Ce as SideNav,
-  je as SideNavLink,
-  Ie as TableOfContents,
-  en as TableOfContentsLink,
-  Be as TextField,
-  Oe as UnorderedList
+  Ce as Button,
+  rn as H1,
+  ke as H2,
+  De as Hero,
+  Cn as Link,
+  xe as LinkProvider,
+  H as ListItem,
+  Be as MultitagField,
+  Oe as Paragraph,
+  je as SideNav,
+  Ie as SideNavLink,
+  Se as TableOfContents,
+  q as TableOfContentsLink,
+  Ee as TextField,
+  Te as UnorderedList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartyweb/ui",
-	"version": "2.6.0-irina-button-review.gea26df8",
+	"version": "3.0.0",
 	"type": "module",
 	"main": "dist/index.cjs",
 	"module": "dist/index.js",