@smartyweb/ui 2.2.0-max-ci-versioning.g3837ac7 → 2.2.0-max-no-comments.ged46dbb

package/README.md

@@ -63,7 +63,7 @@ If a variable is not set, components fall back to `system-ui` (headings/body) or
 | -------------------- | ------------------------------------------------------------------------------------------------------- |
 | `/new-component`     | Build or align a component from its live Figma node — bindings, fidelity table, gates, measured report. |
 | `/validate-tokens`   | Check the library still mirrors Figma — recapture every component's bindings, run the mirror, repair.   |
-| `/changeset`         | Write a branch's changeset (bump type + changelog line); merging to master versions and publishes it.   |
+| `/version-up`        | Cut a new version with changesets (bump, changelog, release prep).                                      |
 | `/commit-push`       | Commit and push all changes with a summary commit message.                                              |
 | `/use-in-storefront` | Carry a component into a storefront-2 page — install, place, gates, preview.                            |
 

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 interface SharedProps {
-    /** Figma's OnLightBlue axis — the link sitting on the light-blue surface. */
     surface?: "default" | "lightBlue";
     onClick?: React.MouseEventHandler;
     children?: React.ReactNode;

package/dist/forms/MultitagField/Chip.d.ts

@@ -1,7 +1,6 @@
 interface ChipProps {
     children: string;
     invalid: boolean;
-    /** Undefined, the chip has no remove button — Figma's disabled chip. */
     onRemove: (() => void) | undefined;
 }
 export declare function Chip({ children, invalid, onRemove }: ChipProps): 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"),l=require("react"),E="_h1_1765w_1",W={h1:E};function k({children:e,className:n}){const s=[W.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const R="_h2_1eque_1",T={h2:R};function U({children:e}){return t.jsx("h2",{className:T.h2,children:e})}const F="_paragraph_11t85_1",P={paragraph:F};function V({children:e}){return t.jsx("p",{className:P.paragraph,children:e})}const z=typeof process<"u"&&process.env.NODE_ENV!=="production",$=new Set;function N(e){$.has(e)||($.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function K(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function S(e,n){for(const s of l.Children.toArray(e)){if(!l.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const r=String(s).trim();if(r==="")continue;N(`<UnorderedList> received the text ${JSON.stringify(r.slice(0,40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`);continue}if(s.type===l.Fragment){const{children:r}=s.props;S(r,n);continue}n(s.type)||s.type==="li"||N(`<UnorderedList> received ${K(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`)}}function G(){N("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const J="_list_1p627_1",X="_item_1p627_14",C={list:J,item:X},I=l.createContext(!1);function L({children:e}){const n=l.useContext(I);return z&&!n&&G(),t.jsx("li",{className:C.item,children:e})}L.isSmartyListItem=!0;function Z(e){return e===L?!0:typeof e=="function"&&e.isSmartyListItem===!0}function Q({children:e}){return z&&S(e,Z),t.jsx(I,{value:!0,children:t.jsx("ul",{role:"list",className:C.list,children:e})})}const Y="_button_81qo0_1",ee="_sm_81qo0_26",te="_primary_81qo0_33",ne="_secondary_81qo0_49",se="_negative_81qo0_68",v={button:Y,sm:ee,primary:te,secondary:ne,negative:se};function ie({as:e="button",variant:n="primary",size:s="default",href:r,openInNewTab:d,disabled:m,type:a,onClick:c,children:u}){const p=[v.button,v[n],s==="sm"&&v.sm].filter(Boolean).join(" ");return t.jsx(e,{className:p,href:r,target:d?"_blank":void 0,rel:d?"noopener noreferrer":void 0,disabled:m,type:a,onClick:c,children:u})}const re=typeof process<"u"&&process.env.NODE_ENV!=="production",w=new Set;function oe(e){w.has(e)||(w.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function ae(){oe("<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",le="_list_dxkjl_7",de="_item_dxkjl_16",ue="_link_dxkjl_20",_e="_current_dxkjl_48",g={nav:ce,list:le,item:de,link:ue,current:_e},O=l.createContext(null);function me({label:e,current:n,children:s}){return re&&!e?.trim()&&ae(),t.jsx("nav",{className:g.nav,"aria-label":e,children:t.jsx(O,{value:n??null,children:t.jsx("ul",{className:g.list,children:s})})})}function pe({as:e="a",href:n,current:s,openInNewTab:r,onClick:d,children:m}){const a=l.useContext(O),c=s??(a!==null&&a===n),u=[g.link,c&&g.current].filter(Boolean).join(" ");return t.jsx("li",{className:g.item,children:t.jsx(e,{className:u,href:n,target:r?"_blank":void 0,rel:r?"noopener noreferrer":void 0,onClick:d,"aria-current":c?"location":void 0,children:m})})}const fe="_hero_93692_11",he="_layout_93692_16",ge="_content_93692_21",ye="_titleLine_93692_25",xe="_titleWord_93692_29",ve="_description_93692_35",je="_media_93692_48",h={hero:fe,layout:he,content:ge,titleLine:ye,titleWord:xe,description:ve,media:je};function Ne(e){return e.replace(/([- ])/g,n=>`${n===" "?" ":n}|split|`).split("|split|")}const Le=e=>({"--hero-index":e});function be({title:e,description:n,media:s}){const r=Array.isArray(e);let d=0;const m=(r?e:[e]).map(a=>Ne(a).map(c=>({word:c,index:d++})));return t.jsx("section",{className:h.hero,children:t.jsxs("div",{className:h.layout,children:[t.jsx("div",{className:h.media,children:s}),t.jsxs("div",{className:h.content,children:[t.jsx(k,{children:m.map((a,c)=>t.jsx("span",{className:r?h.titleLine:void 0,children:a.map(({word:u,index:_})=>t.jsx("span",{className:h.titleWord,style:Le(_),children:u},_))},c))}),t.jsx("p",{className:h.description,children:n})]})]})})}function $e(){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 we="_field_7z5g3_1",ke="_error_7z5g3_17",ze="_message_7z5g3_21",Se="_content_7z5g3_36",Ce="_reveal_7z5g3_43",Ie="_label_7z5g3_53",Oe="_tags_7z5g3_64",Be="_input_7z5g3_71",De="_counter_7z5g3_88",Me="_empty_7z5g3_100",qe="_disabled_7z5g3_127",Ae="_chip_7z5g3_132",He="_chipText_7z5g3_153",Ee="_remove_7z5g3_158",We="_invalid_7z5g3_169",o={field:we,error:ke,message:ze,content:Se,reveal:Ce,label:Ie,tags:Oe,input:Be,counter:De,empty:Me,disabled:qe,chip:Ae,chipText:He,remove:Ee,invalid:We};function Re({children:e,invalid:n,onRemove:s}){return t.jsxs("span",{className:[o.chip,n&&o.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:o.chipText,children:e}),s&&t.jsx("button",{type:"button",className:o.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx($e,{})})]})}const j=100;function Te({label:e,value:n,onChange:s,disabled:r=!1,isTagInvalid:d,onInputChange:m,error:a}){const c=l.useId(),u=`${c}-message`,_=l.useRef(null),[p,B]=l.useState(""),D=n.length>=j,M=i=>{B(i),m?.(i)},x=i=>{const f=i.split(/[\s,]+/),b=f.pop()??"",y=f.filter(Boolean).slice(0,Math.max(0,j-n.length));y.length&&s([...n,...y]),M(b)},q=i=>{i.key==="Enter"&&p&&!i.nativeEvent.isComposing?(i.preventDefault(),x(`${p},`)):i.key==="Backspace"&&!p&&n.length&&s(n.slice(0,-1))},A=i=>{r||i.target===_.current||i.target.closest("button")||(i.preventDefault(),_.current?.focus())},H=[o.field,!n.length&&o.empty,r&&o.disabled,a&&o.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:H,onMouseDown:A,children:[t.jsxs("div",{className:o.content,children:[t.jsx("label",{htmlFor:c,className:o.label,children:e}),t.jsx("div",{className:o.reveal,children:t.jsxs("div",{className:o.tags,children:[n.map((i,f)=>t.jsx(Re,{invalid:d?.(i,f)??!1,onRemove:r?void 0:()=>{s(n.filter((b,y)=>y!==f)),f===n.length-1&&_.current?.focus()},children:i},f)),t.jsx("input",{ref:_,id:c,className:o.input,size:1,value:p,disabled:r,readOnly:D,"aria-invalid":a?!0:void 0,"aria-describedby":a?u:void 0,onChange:i=>{x(i.target.value)},onKeyDown:q,onBlur:()=>{x(`${p},`)}})]})})]}),t.jsx("div",{className:o.reveal,children:t.jsxs("p",{className:o.counter,children:[n.length," / ",j]})})]}),t.jsx("p",{id:u,className:o.message,"aria-live":"polite",children:a})]})}exports.Button=ie;exports.H1=k;exports.H2=U;exports.Hero=be;exports.ListItem=L;exports.MultitagField=Te;exports.Paragraph=V;exports.SideNav=me;exports.SideNavLink=pe;exports.UnorderedList=Q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),E="_h1_1765w_1",F={h1:E};function I({children:e,className:n}){const s=[F.h1,n].filter(Boolean).join(" ");return t.jsx("h1",{className:s,children:e})}const R="_h2_1eque_1",T={h2:R};function W({children:e}){return t.jsx("h2",{className:T.h2,children:e})}const U="_paragraph_11t85_1",P={paragraph:U};function K({children:e}){return t.jsx("p",{className:P.paragraph,children:e})}const L=typeof process<"u"&&process.env.NODE_ENV!=="production",w=new Set;function x(e){w.has(e)||(w.add(e),console.warn(`[@smartyweb/ui] ${e}`))}function G(e){if(typeof e=="string")return`<${e}>`;if(typeof e=="function")return`<${e.name||"Component"}>`;if(typeof e=="object"&&e!==null&&"displayName"in e){const{displayName:n}=e;if(typeof n=="string")return`<${n}>`}return"an unknown element"}function k(e,n){for(const s of l.Children.toArray(e)){if(!l.isValidElement(s)){if(typeof s!="string"&&typeof s!="number")continue;const r=String(s).trim();if(r==="")continue;x(`<UnorderedList> received the text ${JSON.stringify(r.slice(0,40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`);continue}if(s.type===l.Fragment){const{children:r}=s.props;k(r,n);continue}n(s.type)||s.type==="li"||x(`<UnorderedList> received ${G(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>. If that component renders a <ListItem> itself, set its static \`isSmartyListItem = true\`.`)}}function V(){x("<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list.")}const J="_list_1p627_1",X="_item_1p627_14",z={list:J,item:X},S=l.createContext(!1);function b({children:e}){const n=l.useContext(S);return L&&!n&&V(),t.jsx("li",{className:z.item,children:e})}b.isSmartyListItem=!0;function Z(e){return e===b?!0:typeof e=="function"&&e.isSmartyListItem===!0}function Q({children:e}){return L&&k(e,Z),t.jsx(S,{value:!0,children:t.jsx("ul",{role:"list",className:z.list,children:e})})}const Y="_button_81qo0_1",ee="_sm_81qo0_26",te="_primary_81qo0_33",ne="_secondary_81qo0_49",se="_negative_81qo0_68",j={button:Y,sm:ee,primary:te,secondary:ne,negative:se};function ie({as:e="button",variant:n="primary",size:s="default",href:r,openInNewTab:d,disabled:m,type:a,onClick:c,children:u}){const p=[j.button,j[n],s==="sm"&&j.sm].filter(Boolean).join(" ");return t.jsx(e,{className:p,href:r,target:d?"_blank":void 0,rel:d?"noopener noreferrer":void 0,disabled:m,type:a,onClick:c,children:u})}function re(){x("<SideNav> was rendered with no accessible name. Pass `label` so screen reader users can tell this nav apart from the other navigation landmarks on the page.")}const oe="_nav_dxkjl_3",ae="_list_dxkjl_7",ce="_item_dxkjl_16",le="_link_dxkjl_20",de="_current_dxkjl_48",g={nav:oe,list:ae,item:ce,link:le,current:de},C=l.createContext(null);function ue({label:e,current:n,children:s}){return L&&!e?.trim()&&re(),t.jsx("nav",{className:g.nav,"aria-label":e,children:t.jsx(C,{value:n??null,children:t.jsx("ul",{className:g.list,children:s})})})}function _e({as:e="a",href:n,current:s,openInNewTab:r,onClick:d,children:m}){const a=l.useContext(C),c=s??(a!==null&&a===n),u=[g.link,c&&g.current].filter(Boolean).join(" ");return t.jsx("li",{className:g.item,children:t.jsx(e,{className:u,href:n,target:r?"_blank":void 0,rel:r?"noopener noreferrer":void 0,onClick:d,"aria-current":c?"location":void 0,children:m})})}const me="_hero_93692_11",pe="_layout_93692_16",fe="_content_93692_21",he="_titleLine_93692_25",ge="_titleWord_93692_29",xe="_description_93692_35",ye="_media_93692_48",h={hero:me,layout:pe,content:fe,titleLine:he,titleWord:ge,description:xe,media:ye},ve=" ";function je(e){return e.replace(/([- ])/g,n=>`${n===" "?ve:n}|split|`).split("|split|")}const Ne=e=>({"--hero-index":e});function Le({title:e,description:n,media:s}){const r=Array.isArray(e);let d=0;const m=(r?e:[e]).map(a=>je(a).map(c=>({word:c,index:d++})));return t.jsx("section",{className:h.hero,children:t.jsxs("div",{className:h.layout,children:[t.jsx("div",{className:h.media,children:s}),t.jsxs("div",{className:h.content,children:[t.jsx(I,{children:m.map((a,c)=>t.jsx("span",{className:r?h.titleLine:void 0,children:a.map(({word:u,index:_})=>t.jsx("span",{className:h.titleWord,style:Ne(_),children:u},_))},c))}),t.jsx("p",{className:h.description,children:n})]})]})})}function be(){return t.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.58586 8L1.29297 2.70711L2.70718 1.29289L8.00008 6.58579L13.293 1.29289L14.7072 2.70711L9.41429 8L14.7072 13.2929L13.293 14.7071L8.00008 9.41421L2.70718 14.7071L1.29297 13.2929L6.58586 8Z",fill:"currentColor"})})}const $e="_field_7z5g3_1",we="_error_7z5g3_17",Ie="_message_7z5g3_21",ke="_content_7z5g3_36",ze="_reveal_7z5g3_43",Se="_label_7z5g3_53",Ce="_tags_7z5g3_64",Be="_input_7z5g3_71",Oe="_counter_7z5g3_88",Ae="_empty_7z5g3_100",Me="_disabled_7z5g3_127",qe="_chip_7z5g3_132",De="_chipText_7z5g3_153",He="_remove_7z5g3_158",Ee="_invalid_7z5g3_169",o={field:$e,error:we,message:Ie,content:ke,reveal:ze,label:Se,tags:Ce,input:Be,counter:Oe,empty:Ae,disabled:Me,chip:qe,chipText:De,remove:He,invalid:Ee};function Fe({children:e,invalid:n,onRemove:s}){return t.jsxs("span",{className:[o.chip,n&&o.invalid].filter(Boolean).join(" "),children:[t.jsx("span",{className:o.chipText,children:e}),s&&t.jsx("button",{type:"button",className:o.remove,"aria-label":`Remove ${e}${n?" (invalid)":""}`,onClick:s,children:t.jsx(be,{})})]})}const N=100;function Re({label:e,value:n,onChange:s,disabled:r=!1,isTagInvalid:d,onInputChange:m,error:a}){const c=l.useId(),u=`${c}-message`,_=l.useRef(null),[p,B]=l.useState(""),O=n.length>=N,A=i=>{B(i),m?.(i)},y=i=>{const f=i.split(/[\s,]+/),v=f.pop()??"",$=f.filter(Boolean).slice(0,Math.max(0,N-n.length));$.length&&s([...n,...$]),A(v)},M=i=>{i.key==="Enter"&&p&&!i.nativeEvent.isComposing?(i.preventDefault(),y(`${p},`)):i.key==="Backspace"&&!p&&n.length&&s(n.slice(0,-1))},q=i=>{r||i.target===_.current||i.target.closest("button")||(i.preventDefault(),_.current?.focus())},D=i=>{s(n.filter((f,v)=>v!==i)),i===n.length-1&&_.current?.focus()},H=[o.field,!n.length&&o.empty,r&&o.disabled,a&&o.error].filter(Boolean).join(" ");return t.jsxs("div",{children:[t.jsxs("div",{className:H,onMouseDown:q,children:[t.jsxs("div",{className:o.content,children:[t.jsx("label",{htmlFor:c,className:o.label,children:e}),t.jsx("div",{className:o.reveal,children:t.jsxs("div",{className:o.tags,children:[n.map((i,f)=>t.jsx(Fe,{invalid:d?.(i,f)??!1,onRemove:r?void 0:()=>{D(f)},children:i},f)),t.jsx("input",{ref:_,id:c,className:o.input,size:1,value:p,disabled:r,readOnly:O,"aria-invalid":a?!0:void 0,"aria-describedby":a?u:void 0,onChange:i=>{y(i.target.value)},onKeyDown:M,onBlur:()=>{y(`${p},`)}})]})})]}),t.jsx("div",{className:o.reveal,children:t.jsxs("p",{className:o.counter,children:[n.length," / ",N]})})]}),t.jsx("p",{id:u,className:o.message,"aria-live":"polite",children:a})]})}exports.Button=ie;exports.H1=I;exports.H2=W;exports.Hero=Le;exports.ListItem=b;exports.MultitagField=Re;exports.Paragraph=K;exports.SideNav=ue;exports.SideNavLink=_e;exports.UnorderedList=Q;

package/dist/index.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as n, jsxs as _ } from "react/jsx-runtime";
-import { Children as H, isValidElement as R, Fragment as T, createContext as k, useContext as z, useId as U, useRef as F, useState as V } from "react";
-const K = "_h1_1765w_1", P = {
-  h1: K
+import { Children as F, isValidElement as R, Fragment as T, createContext as I, useContext as k, useId as H, useRef as U, useState as K } from "react";
+const P = "_h1_1765w_1", G = {
+  h1: P
 };
-function G({ children: e, className: t }) {
-  const s = [P.h1, t].filter(Boolean).join(" ");
+function V({ children: e, className: t }) {
+  const s = [G.h1, t].filter(Boolean).join(" ");
   return /* @__PURE__ */ n("h1", { className: s, children: e });
 }
 const J = "_h2_1eque_1", X = {
   h2: J
 };
-function Ve({ children: e }) {
+function Ue({ children: e }) {
   return /* @__PURE__ */ n("h2", { className: X.h2, children: e });
 }
 const Z = "_paragraph_11t85_1", Q = {
@@ -20,8 +20,8 @@ const Z = "_paragraph_11t85_1", Q = {
 function Ke({ children: e }) {
   return /* @__PURE__ */ n("p", { className: Q.paragraph, children: e });
 }
-const j = typeof process < "u" && process.env.NODE_ENV !== "production", w = /* @__PURE__ */ new Set();
-function $(e) {
+const $ = typeof process < "u" && process.env.NODE_ENV !== "production", w = /* @__PURE__ */ new Set();
+function y(e) {
   w.has(e) || (w.add(e), console.warn(`[@smartyweb/ui] ${e}`));
 }
 function Y(e) {
@@ -33,51 +33,51 @@ function Y(e) {
   }
   return "an unknown element";
 }
-function C(e, t) {
-  for (const s of H.toArray(e)) {
+function z(e, t) {
+  for (const s of F.toArray(e)) {
     if (!R(s)) {
       if (typeof s != "string" && typeof s != "number") continue;
-      const r = String(s).trim();
-      if (r === "") continue;
-      $(
-        `<UnorderedList> received the text ${JSON.stringify(r.slice(0, 40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
+      const o = String(s).trim();
+      if (o === "") continue;
+      y(
+        `<UnorderedList> received the text ${JSON.stringify(o.slice(0, 40))} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
       );
       continue;
     }
     if (s.type === T) {
-      const { children: r } = s.props;
-      C(r, t);
+      const { children: o } = s.props;
+      z(o, t);
       continue;
     }
-    t(s.type) || s.type === "li" || $(
-      `<UnorderedList> received ${Y(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>.`
+    t(s.type) || s.type === "li" || y(
+      `<UnorderedList> received ${Y(s.type)} as a direct child. A <ul> may only contain list items — wrap it in <ListItem>. If that component renders a <ListItem> itself, set its static \`isSmartyListItem = true\`.`
     );
   }
 }
 function ee() {
-  $(
+  y(
     "<ListItem> was rendered outside of an <UnorderedList>. It renders an <li>, which browsers only style correctly inside a list."
   );
 }
-const te = "_list_1p627_1", ne = "_item_1p627_14", I = {
+const te = "_list_1p627_1", ne = "_item_1p627_14", j = {
   list: te,
   item: ne
-}, O = k(!1);
+}, C = I(!1);
 function S({ children: e }) {
-  const t = z(O);
-  return j && !t && ee(), /* @__PURE__ */ n("li", { className: I.item, children: e });
+  const t = k(C);
+  return $ && !t && ee(), /* @__PURE__ */ n("li", { className: j.item, children: e });
 }
 S.isSmartyListItem = !0;
 function se(e) {
   return e === S ? !0 : typeof e == "function" && e.isSmartyListItem === !0;
 }
 function Pe({ children: e }) {
-  return j && C(e, se), /* @__PURE__ */ n(O, { value: !0, children: /* @__PURE__ */ n("ul", { role: "list", className: I.list, children: e }) });
+  return $ && z(e, se), /* @__PURE__ */ n(C, { value: !0, children: /* @__PURE__ */ n("ul", { role: "list", className: j.list, children: e }) });
 }
-const ie = "_button_81qo0_1", re = "_sm_81qo0_26", oe = "_primary_81qo0_33", ae = "_secondary_81qo0_49", ce = "_negative_81qo0_68", N = {
+const ie = "_button_81qo0_1", oe = "_sm_81qo0_26", re = "_primary_81qo0_33", ae = "_secondary_81qo0_49", ce = "_negative_81qo0_68", L = {
   button: ie,
-  sm: re,
-  primary: oe,
+  sm: oe,
+  primary: re,
   secondary: ae,
   negative: ce
 };
@@ -85,19 +85,19 @@ function Ge({
   as: e = "button",
   variant: t = "primary",
   size: s = "default",
-  href: r,
+  href: o,
   openInNewTab: l,
   disabled: m,
   type: a,
   onClick: c,
   children: d
 }) {
-  const p = [N.button, N[t], s === "sm" && N.sm].filter(Boolean).join(" ");
+  const p = [L.button, L[t], s === "sm" && L.sm].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     e,
     {
       className: p,
-      href: r,
+      href: o,
       target: l ? "_blank" : void 0,
       rel: l ? "noopener noreferrer" : void 0,
       disabled: m,
@@ -107,75 +107,71 @@ function Ge({
     }
   );
 }
-const le = typeof process < "u" && process.env.NODE_ENV !== "production", x = /* @__PURE__ */ new Set();
-function de(e) {
-  x.has(e) || (x.add(e), console.warn(`[@smartyweb/ui] ${e}`));
-}
-function ue() {
-  de(
+function le() {
+  y(
     "<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 _e = "_nav_dxkjl_3", me = "_list_dxkjl_7", pe = "_item_dxkjl_16", fe = "_link_dxkjl_20", he = "_current_dxkjl_48", y = {
-  nav: _e,
-  list: me,
-  item: pe,
-  link: fe,
-  current: he
-}, B = k(null);
-function Je({ label: e, current: t, children: s }) {
-  return le && !e?.trim() && ue(), /* @__PURE__ */ n("nav", { className: y.nav, "aria-label": e, children: /* @__PURE__ */ n(B, { value: t ?? null, children: /* @__PURE__ */ n("ul", { className: y.list, children: s }) }) });
+const de = "_nav_dxkjl_3", ue = "_list_dxkjl_7", _e = "_item_dxkjl_16", me = "_link_dxkjl_20", pe = "_current_dxkjl_48", g = {
+  nav: de,
+  list: ue,
+  item: _e,
+  link: me,
+  current: pe
+}, B = I(null);
+function Ve({ label: e, current: t, children: s }) {
+  return $ && !e?.trim() && le(), /* @__PURE__ */ n("nav", { className: g.nav, "aria-label": e, children: /* @__PURE__ */ n(B, { value: t ?? null, children: /* @__PURE__ */ n("ul", { className: g.list, children: s }) }) });
 }
-function Xe({
+function Je({
   as: e = "a",
   href: t,
   current: s,
-  openInNewTab: r,
+  openInNewTab: o,
   onClick: l,
   children: m
 }) {
-  const a = z(B), c = s ?? (a !== null && a === t), d = [y.link, c && y.current].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("li", { className: y.item, children: /* @__PURE__ */ n(
+  const a = k(B), c = s ?? (a !== null && a === t), d = [g.link, c && g.current].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("li", { className: g.item, children: /* @__PURE__ */ n(
     e,
     {
       className: d,
       href: t,
-      target: r ? "_blank" : void 0,
-      rel: r ? "noopener noreferrer" : void 0,
+      target: o ? "_blank" : void 0,
+      rel: o ? "noopener noreferrer" : void 0,
       onClick: l,
       "aria-current": c ? "location" : void 0,
       children: m
     }
   ) });
 }
-const ye = "_hero_93692_11", ge = "_layout_93692_16", ve = "_content_93692_21", Ne = "_titleLine_93692_25", Le = "_titleWord_93692_29", $e = "_description_93692_35", be = "_media_93692_48", h = {
-  hero: ye,
-  layout: ge,
-  content: ve,
-  titleLine: Ne,
-  titleWord: Le,
-  description: $e,
-  media: be
-};
-function we(e) {
-  return e.replace(/([- ])/g, (t) => `${t === " " ? " " : t}|split|`).split("|split|");
+const fe = "_hero_93692_11", he = "_layout_93692_16", ge = "_content_93692_21", ye = "_titleLine_93692_25", ve = "_titleWord_93692_29", Ne = "_description_93692_35", Le = "_media_93692_48", h = {
+  hero: fe,
+  layout: he,
+  content: ge,
+  titleLine: ye,
+  titleWord: ve,
+  description: Ne,
+  media: Le
+}, be = " ";
+function $e(e) {
+  return e.replace(/([- ])/g, (t) => `${t === " " ? be : t}|split|`).split("|split|");
 }
 const xe = (e) => ({ "--hero-index": e });
-function Ze({ title: e, description: t, media: s }) {
-  const r = Array.isArray(e);
+function Xe({ title: e, description: t, media: s }) {
+  const o = Array.isArray(e);
   let l = 0;
-  const m = (r ? e : [e]).map(
-    (a) => we(a).map((c) => ({ word: c, index: l++ }))
+  const m = (o ? e : [e]).map(
+    (a) => $e(a).map((c) => ({ word: c, index: l++ }))
   );
   return /* @__PURE__ */ n("section", { className: h.hero, children: /* @__PURE__ */ _("div", { className: h.layout, children: [
     /* @__PURE__ */ n("div", { className: h.media, children: s }),
     /* @__PURE__ */ _("div", { className: h.content, children: [
-      /* @__PURE__ */ n(G, { children: m.map((a, c) => /* @__PURE__ */ n("span", { className: r ? h.titleLine : void 0, children: a.map(({ word: d, index: u }) => /* @__PURE__ */ n("span", { className: h.titleWord, style: xe(u), children: d }, u)) }, c)) }),
+      /* @__PURE__ */ n(V, { children: m.map((a, c) => /* @__PURE__ */ n("span", { className: o ? h.titleLine : void 0, children: a.map(({ word: d, index: u }) => /* @__PURE__ */ n("span", { className: h.titleWord, style: xe(u), children: d }, u)) }, c)) }),
       /* @__PURE__ */ n("p", { className: h.description, children: t })
     ] })
   ] }) });
 }
-function ke() {
+function we() {
   return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n(
     "path",
     {
@@ -186,74 +182,76 @@ function ke() {
     }
   ) });
 }
-const ze = "_field_7z5g3_1", je = "_error_7z5g3_17", Ce = "_message_7z5g3_21", Ie = "_content_7z5g3_36", Oe = "_reveal_7z5g3_43", Se = "_label_7z5g3_53", Be = "_tags_7z5g3_64", De = "_input_7z5g3_71", Ae = "_counter_7z5g3_88", Me = "_empty_7z5g3_100", Ee = "_disabled_7z5g3_127", We = "_chip_7z5g3_132", qe = "_chipText_7z5g3_153", He = "_remove_7z5g3_158", Re = "_invalid_7z5g3_169", o = {
-  field: ze,
-  error: je,
-  message: Ce,
-  content: Ie,
-  reveal: Oe,
+const Ie = "_field_7z5g3_1", ke = "_error_7z5g3_17", ze = "_message_7z5g3_21", je = "_content_7z5g3_36", Ce = "_reveal_7z5g3_43", Se = "_label_7z5g3_53", Be = "_tags_7z5g3_64", Oe = "_input_7z5g3_71", Ae = "_counter_7z5g3_88", De = "_empty_7z5g3_100", Me = "_disabled_7z5g3_127", Ee = "_chip_7z5g3_132", We = "_chipText_7z5g3_153", qe = "_remove_7z5g3_158", Fe = "_invalid_7z5g3_169", r = {
+  field: Ie,
+  error: ke,
+  message: ze,
+  content: je,
+  reveal: Ce,
   label: Se,
   tags: Be,
-  input: De,
+  input: Oe,
   counter: Ae,
-  empty: Me,
-  disabled: Ee,
-  chip: We,
-  chipText: qe,
-  remove: He,
-  invalid: Re
+  empty: De,
+  disabled: Me,
+  chip: Ee,
+  chipText: We,
+  remove: qe,
+  invalid: Fe
 };
-function Te({ children: e, invalid: t, onRemove: s }) {
-  return /* @__PURE__ */ _("span", { className: [o.chip, t && o.invalid].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ n("span", { className: o.chipText, children: e }),
+function Re({ children: e, invalid: t, onRemove: s }) {
+  return /* @__PURE__ */ _("span", { className: [r.chip, t && r.invalid].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ n("span", { className: r.chipText, children: e }),
     s && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        className: o.remove,
+        className: r.remove,
         "aria-label": `Remove ${e}${t ? " (invalid)" : ""}`,
         onClick: s,
-        children: /* @__PURE__ */ n(ke, {})
+        children: /* @__PURE__ */ n(we, {})
       }
     )
   ] });
 }
-const L = 100;
-function Qe({
+const b = 100;
+function Ze({
   label: e,
   value: t,
   onChange: s,
-  disabled: r = !1,
+  disabled: o = !1,
   isTagInvalid: l,
   onInputChange: m,
   error: a
 }) {
-  const c = U(), d = `${c}-message`, u = F(null), [p, D] = V(""), A = t.length >= L, M = (i) => {
-    D(i), m?.(i);
+  const c = H(), d = `${c}-message`, u = U(null), [p, O] = K(""), A = t.length >= b, D = (i) => {
+    O(i), m?.(i);
   }, v = (i) => {
-    const f = i.split(/[\s,]+/), b = f.pop() ?? "", g = f.filter(Boolean).slice(0, Math.max(0, L - t.length));
-    g.length && s([...t, ...g]), M(b);
-  }, E = (i) => {
+    const f = i.split(/[\s,]+/), N = f.pop() ?? "", x = f.filter(Boolean).slice(0, Math.max(0, b - t.length));
+    x.length && s([...t, ...x]), D(N);
+  }, M = (i) => {
     i.key === "Enter" && p && !i.nativeEvent.isComposing ? (i.preventDefault(), v(`${p},`)) : i.key === "Backspace" && !p && t.length && s(t.slice(0, -1));
+  }, E = (i) => {
+    o || i.target === u.current || i.target.closest("button") || (i.preventDefault(), u.current?.focus());
   }, W = (i) => {
-    r || i.target === u.current || i.target.closest("button") || (i.preventDefault(), u.current?.focus());
+    s(t.filter((f, N) => N !== i)), i === t.length - 1 && u.current?.focus();
   }, q = [
-    o.field,
-    !t.length && o.empty,
-    r && o.disabled,
-    a && o.error
+    r.field,
+    !t.length && r.empty,
+    o && r.disabled,
+    a && r.error
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ _("div", { children: [
-    /* @__PURE__ */ _("div", { className: q, onMouseDown: W, children: [
-      /* @__PURE__ */ _("div", { className: o.content, children: [
-        /* @__PURE__ */ n("label", { htmlFor: c, className: o.label, children: e }),
-        /* @__PURE__ */ n("div", { className: o.reveal, children: /* @__PURE__ */ _("div", { className: o.tags, children: [
+    /* @__PURE__ */ _("div", { className: q, onMouseDown: E, children: [
+      /* @__PURE__ */ _("div", { className: r.content, children: [
+        /* @__PURE__ */ n("label", { htmlFor: c, className: r.label, children: e }),
+        /* @__PURE__ */ n("div", { className: r.reveal, children: /* @__PURE__ */ _("div", { className: r.tags, children: [
           t.map((i, f) => /* @__PURE__ */ n(
-            Te,
+            Re,
             {
               invalid: l?.(i, f) ?? !1,
-              onRemove: r ? void 0 : () => {
-                s(t.filter((b, g) => g !== f)), f === t.length - 1 && u.current?.focus();
+              onRemove: o ? void 0 : () => {
+                W(f);
               },
               children: i
             },
@@ -264,17 +262,17 @@ function Qe({
             {
               ref: u,
               id: c,
-              className: o.input,
+              className: r.input,
               size: 1,
               value: p,
-              disabled: r,
+              disabled: o,
               readOnly: A,
               "aria-invalid": a ? !0 : void 0,
               "aria-describedby": a ? d : void 0,
               onChange: (i) => {
                 v(i.target.value);
               },
-              onKeyDown: E,
+              onKeyDown: M,
               onBlur: () => {
                 v(`${p},`);
               }
@@ -282,24 +280,24 @@ function Qe({
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ n("div", { className: o.reveal, children: /* @__PURE__ */ _("p", { className: o.counter, children: [
+      /* @__PURE__ */ n("div", { className: r.reveal, children: /* @__PURE__ */ _("p", { className: r.counter, children: [
         t.length,
         " / ",
-        L
+        b
       ] }) })
     ] }),
-    /* @__PURE__ */ n("p", { id: d, className: o.message, "aria-live": "polite", children: a })
+    /* @__PURE__ */ n("p", { id: d, className: r.message, "aria-live": "polite", children: a })
   ] });
 }
 export {
   Ge as Button,
-  G as H1,
-  Ve as H2,
-  Ze as Hero,
+  V as H1,
+  Ue as H2,
+  Xe as Hero,
   S as ListItem,
-  Qe as MultitagField,
+  Ze as MultitagField,
   Ke as Paragraph,
-  Je as SideNav,
-  Xe as SideNavLink,
+  Ve as SideNav,
+  Je as SideNavLink,
   Pe as UnorderedList
 };

package/dist/internal/devWarnings.d.ts

@@ -0,0 +1,2 @@
+export declare const isDev: boolean;
+export declare function warnOnce(message: string): void;

package/dist/navigation/SideNav/SideNavContext.d.ts

@@ -1,5 +1 @@
-/**
- * The href <SideNav> was told is the current page, or null when the consumer
- * marks the current link itself. Read by <SideNavLink> to decide aria-current.
- */
 export declare const CurrentHref: import('react').Context<string | null>;

package/dist/navigation/SideNav/devWarnings.d.ts

@@ -1,7 +1 @@
-export declare const isDev: boolean;
-/**
- * Warns when <SideNav> renders without an accessible name. <nav> is a landmark, and
- * an unnamed one is announced as bare "navigation" — indistinguishable from every
- * other nav on the page in a screen reader's landmark list.
- */
 export declare function warnOnMissingLabel(): void;

package/dist/text/UnorderedList/UnorderedListContext.d.ts

@@ -1,2 +1 @@
-/** True while rendering inside an <UnorderedList>. Used only for dev warnings. */
 export declare const InsideUnorderedList: import('react').Context<boolean>;

package/dist/text/UnorderedList/devWarnings.d.ts

@@ -1,13 +1,3 @@
 import { ReactNode } from 'react';
-export declare const isDev: boolean;
-/**
- * Warns when <UnorderedList> is handed anything other than <ListItem> (or a raw
- * <li>). A <ul> may only contain <li>, so other children are invalid HTML and
- * lose the bullet + spacing styles.
- *
- * Note: a custom wrapper that renders a <ListItem> internally will trip this —
- * see the escape hatch in ListItem.tsx.
- */
 export declare function warnOnNonListItemChildren(children: ReactNode, isListItem: (type: unknown) => boolean): void;
-/** Warns when <ListItem> is rendered outside of an <UnorderedList>. */
 export declare function warnOnOrphanListItem(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartyweb/ui",
-	"version": "2.2.0-max-ci-versioning.g3837ac7",
+	"version": "2.2.0-max-no-comments.ged46dbb",
 	"type": "module",
 	"main": "dist/index.cjs",
 	"module": "dist/index.js",
@@ -26,7 +26,7 @@
 		"release": "changeset publish",
 		"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'",
+		"lint": "node scripts/check-use-client.mjs && node scripts/check-comments.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 ."