@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/data-display/Chip/Chip.mjs

@@ -1,40 +1,41 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
 import { assignRef as n } from "../../../utils/refs.mjs";
-import { cx as r } from "../../../utils/cx.mjs";
-import { VisuallyHidden as i } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { CheckIcon as a, CloseIcon as o } from "../../primitives/Icon/icons.mjs";
-import s from "./Chip.module.css.mjs";
+import { CheckIcon as r, CloseIcon as i } from "../../primitives/Icon/icons.mjs";
+import { VisuallyHidden as a } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import o from "./Chip.module.css.mjs";
+import { useMessages as s } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { createContext as c, useCallback as l, useContext as u, useId as d, useMemo as f, useRef as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/components/data-display/Chip/Chip.tsx
+// src/components/data-display/Chip/Chip.tsx
 var ee = {
-	solid: s.solid,
-	soft: s.soft,
-	outline: s.outline
+	solid: o.solid,
+	soft: o.soft,
+	outline: o.outline
 }, te = {
-	neutral: s.neutral,
-	primary: s.primary,
-	accent: s.accent,
-	success: s.success,
-	warning: s.warning,
-	danger: s.danger,
-	info: s.info
+	neutral: o.neutral,
+	primary: o.primary,
+	accent: o.accent,
+	success: o.success,
+	warning: o.warning,
+	danger: o.danger,
+	info: o.info
 }, _ = {
-	sm: s.sm,
-	md: s.md,
-	lg: s.lg
+	sm: o.sm,
+	md: o.md,
+	lg: o.lg
 }, ne = {
-	none: s.radiusNone,
-	xs: s.radiusXs,
-	sm: s.radiusSm,
-	md: s.radiusMd,
-	lg: s.radiusLg,
-	xl: s.radiusXl,
-	"2xl": s.radius2xl,
-	pill: s.radiusPill
+	none: o.radiusNone,
+	xs: o.radiusXs,
+	sm: o.radiusSm,
+	md: o.radiusMd,
+	lg: o.radiusLg,
+	xl: o.radiusXl,
+	"2xl": o.radius2xl,
+	pill: o.radiusPill
 }, v = "data-chip", y = "data-chip-part", b = "data-chip-group", x = c(null), S = ({ children: c, variant: f, tone: b, size: S, radius: re = "pill", startIcon: C, avatar: w, onRemove: T, removeLabel: E, removeTabIndex: D, disabled: O, selected: k, defaultSelected: A, onSelectedChange: j, value: M, href: N, target: P, rel: ie, download: ae, onClick: oe, onKeyDown: se, className: ce, style: F, type: le, ref: I, ...L }) => {
-	let ue = t(), R = u(x), de = f ?? R?.variant ?? "soft", fe = b ?? R?.tone ?? "neutral", pe = S ?? R?.size ?? "md", z = !!O || !!R?.disabled, B = d(), V = d(), H = p(null), U = R?.selectionMode !== void 0 && M !== void 0, W = U || k !== void 0 || A !== void 0 || j !== void 0, [me, he] = e({
+	let ue = s(), R = u(x), de = f ?? R?.variant ?? "soft", fe = b ?? R?.tone ?? "neutral", pe = S ?? R?.size ?? "md", z = !!O || !!R?.disabled, B = d(), V = d(), H = p(null), U = R?.selectionMode !== void 0 && M !== void 0, W = U || k !== void 0 || A !== void 0 || j !== void 0, [me, he] = e({
 		value: k,
 		defaultValue: A ?? !1,
 		onChange: U ? void 0 : j
@@ -45,42 +46,38 @@ var ee = {
 	}, []), Y = (e) => {
 		!z && T && (R && H.current && R.focusAfterRemoval(H.current, e), T());
 	}, ye = (e) => e.key === "Backspace" || e.key === "Delete", be = (e) => {
-		se?.(e), !e.defaultPrevented && J && K && ye(e) && (e.preventDefault(), Y("action"));
+		se?.(e), e.defaultPrevented || J && K && ye(e) && (e.preventDefault(), Y("action"));
 	}, xe = (e) => {
-		if (z) {
-			e.preventDefault();
-			return;
-		}
-		oe?.(e), !e.defaultPrevented && W && (U ? (R.toggle(M), j?.(!G)) : he(!G));
+		z ? e.preventDefault() : (oe?.(e), !e.defaultPrevented && W && (U ? (R.toggle(M), j?.(!G)) : he(!G)));
 	}, Se = (e) => {
 		e.stopPropagation(), Y("remove");
 	}, Ce = (e) => {
 		ye(e) && (e.preventDefault(), e.stopPropagation(), Y("remove"));
 	}, X = typeof c == "string" || typeof c == "number" ? String(c) : void 0, Z = /* @__PURE__ */ g(m, { children: [
 		G && /* @__PURE__ */ h("span", {
-			className: s.check,
+			className: o.check,
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ h(a, {})
+			children: /* @__PURE__ */ h(r, {})
 		}),
 		w != null && /* @__PURE__ */ h("span", {
-			className: s.avatar,
+			className: o.avatar,
 			"aria-hidden": "true",
 			children: w
 		}),
 		C != null && /* @__PURE__ */ h("span", {
-			className: s.icon,
+			className: o.icon,
 			"aria-hidden": "true",
 			children: C
 		}),
 		/* @__PURE__ */ h("span", {
 			id: B,
-			className: s.label,
+			className: o.label,
 			title: X,
 			children: c
 		})
 	] }), we = K && /* @__PURE__ */ g("button", {
 		type: "button",
-		className: s.remove,
+		className: o.remove,
 		[y]: "remove",
 		disabled: z,
 		tabIndex: D,
@@ -88,11 +85,11 @@ var ee = {
 		"aria-labelledby": E === void 0 && X === void 0 ? `${V} ${B}` : void 0,
 		onClick: Se,
 		onKeyDown: Ce,
-		children: [E === void 0 && X === void 0 && /* @__PURE__ */ h(i, {
+		children: [E === void 0 && X === void 0 && /* @__PURE__ */ h(a, {
 			id: V,
 			children: ue.chip.remove
-		}), /* @__PURE__ */ h(o, {})]
-	}), Q = r(s.root, ee[de], te[fe], _[pe], ne[re], J && s.interactive, ge && s.split, K && s.removable, w != null && s.hasAvatar, G && s.selected, z && s.disabled, ce), Te = (e, t, n) => {
+		}), /* @__PURE__ */ h(i, {})]
+	}), Q = t(o.root, ee[de], te[fe], _[pe], ne[re], J && o.interactive, ge && o.split, K && o.removable, w != null && o.hasAvatar, G && o.selected, z && o.disabled, ce), Te = (e, t, n) => {
 		let r = n ? {
 			[v]: "",
 			style: F
@@ -131,7 +128,7 @@ var ee = {
 		className: Q,
 		style: F,
 		[v]: "",
-		children: [Te(s.action, I ?? (() => {}), !1), we]
+		children: [Te(o.action, I ?? (() => {}), !1), we]
 	}) : J ? Te(Q, _e, !0) : /* @__PURE__ */ g("span", {
 		...L,
 		ref: _e,
@@ -143,20 +140,20 @@ var ee = {
 		children: [Z, we]
 	}), R?.list ? /* @__PURE__ */ h("span", {
 		role: "listitem",
-		className: s.item,
+		className: o.item,
 		children: $
 	}) : $;
 }, re = {
-	sm: s.groupSm,
-	md: s.groupMd,
-	lg: s.groupLg
+	sm: o.groupSm,
+	md: o.groupMd,
+	lg: o.groupLg
 };
 function C(e, t) {
 	let n = [...e.hasAttribute(y) ? [e] : [], ...Array.from(e.querySelectorAll(`[${y}]`))].filter((e) => !e.disabled && e.getAttribute("aria-disabled") !== "true");
 	return n.find((e) => e.getAttribute(y) === t) ?? n[0] ?? null;
 }
-var w = (t) => {
-	let { role: i, size: a = "md", variant: o, tone: c, disabled: u = !1, focusFallback: d, selectionMode: m, value: g, defaultValue: ee, onValueChange: te, className: _, children: ne, ref: y, ...S } = t, w = m === "multiple", T = i ?? (m ? "group" : "list"), [E, D] = e({
+var w = (r) => {
+	let { role: i, size: a = "md", variant: s, tone: c, disabled: u = !1, focusFallback: d, selectionMode: m, value: g, defaultValue: ee, onValueChange: te, className: _, children: ne, ref: y, ...S } = r, w = m === "multiple", T = i ?? (m ? "group" : "list"), [E, D] = e({
 		value: g,
 		defaultValue: ee ?? (w ? [] : null),
 		onChange: te
@@ -188,7 +185,7 @@ var w = (t) => {
 	}, []), ie = f(() => ({
 		list: T === "list",
 		size: a,
-		variant: o,
+		variant: s,
 		tone: c,
 		disabled: u,
 		selectionMode: m,
@@ -198,7 +195,7 @@ var w = (t) => {
 	}), [
 		T,
 		a,
-		o,
+		s,
 		c,
 		u,
 		m,
@@ -214,10 +211,9 @@ var w = (t) => {
 			[b]: "",
 			ref: k,
 			role: T,
-			className: r(s.group, re[a], _),
+			className: t(o.group, re[a], _),
 			children: ne
 		})
 	});
 };
-//#endregion
 export { S as Chip, w as ChipGroup };

package/dist/components/data-display/Chip/Chip.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/Chip/Chip.module.css
+// src/components/data-display/Chip/Chip.module.css
 var e = "_root_p0ngi_45", t = "_label_p0ngi_169", n = "_icon_p0ngi_185", r = "_check_p0ngi_187", i = "_avatar_p0ngi_189", a = "_remove_p0ngi_207", o = "_hasAvatar_p0ngi_243", s = "_removable_p0ngi_251", c = "_solid_p0ngi_263", l = "_soft_p0ngi_279", u = "_outline_p0ngi_295", d = "_selected_p0ngi_319", f = "_disabled_p0ngi_339", p = "_neutral_p0ngi_365", m = "_primary_p0ngi_387", h = "_accent_p0ngi_409", g = "_success_p0ngi_431", _ = "_warning_p0ngi_453", v = "_danger_p0ngi_475", y = "_info_p0ngi_497", b = "_sm_p0ngi_523", x = "_md_p0ngi_539", S = "_lg_p0ngi_555", C = "_radiusNone_p0ngi_575", w = "_radiusXs_p0ngi_581", T = "_radiusSm_p0ngi_587", E = "_radiusMd_p0ngi_593", D = "_radiusLg_p0ngi_599", O = "_radiusXl_p0ngi_605", k = "_radius2xl_p0ngi_611", A = "_radiusPill_p0ngi_617", j = "_interactive_p0ngi_633", M = "_split_p0ngi_641", N = "_action_p0ngi_699", P = "_group_p0ngi_943", F = "_groupSm_p0ngi_977", I = "_groupMd_p0ngi_983", L = "_groupLg_p0ngi_989", R = "_item_p0ngi_999", z = {
 	root: e,
 	label: t,
@@ -41,5 +41,4 @@ var e = "_root_p0ngi_45", t = "_label_p0ngi_169", n = "_icon_p0ngi_185", r = "_c
 	groupLg: L,
 	item: R
 };
-//#endregion
 export { h as accent, N as action, i as avatar, r as check, v as danger, z as default, f as disabled, P as group, L as groupLg, I as groupMd, F as groupSm, o as hasAvatar, n as icon, y as info, j as interactive, R as item, t as label, S as lg, x as md, p as neutral, u as outline, m as primary, k as radius2xl, D as radiusLg, E as radiusMd, C as radiusNone, A as radiusPill, T as radiusSm, O as radiusXl, w as radiusXs, s as removable, a as remove, e as root, d as selected, b as sm, l as soft, c as solid, M as split, g as success, _ as warning };

package/dist/components/data-display/CodeBlock/CodeBlock.cjs.js

@@ -1,6 +1,6 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/clipboard.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),i=require("../../primitives/Button/Button.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("./tokenize.cjs.js"),s=require("./CodeBlock.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var ee={neutral:s.default.highlightNeutral,primary:s.default.highlightPrimary,accent:s.default.highlightAccent,success:s.default.highlightSuccess,warning:s.default.highlightWarning,danger:s.default.highlightDanger,info:s.default.highlightInfo},u={neutral:s.default.inlineNeutral,primary:s.default.inlinePrimary,accent:s.default.inlineAccent,success:s.default.inlineSuccess,warning:s.default.inlineWarning,danger:s.default.inlineDanger,info:s.default.inlineInfo},d={keyword:s.default.tokenKeyword,string:s.default.tokenString,number:s.default.tokenNumber,comment:s.default.tokenComment,punctuation:s.default.tokenPunctuation,tag:s.default.tokenTag,attribute:s.default.tokenAttribute,plain:void 0},f={added:s.default.diffAdded,removed:s.default.diffRemoved,hunk:s.default.diffHunk,context:void 0};function te(e){return e.replace(/^\r?\n/,``).replace(/\s+$/,``).replace(/\r\n?/g,`
+"use client";const e=require("../../../utils/clipboard.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("./tokenize.cjs.js"),o=require("./CodeBlock.module.css.cjs.js"),s=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var ee={neutral:o.default.highlightNeutral,primary:o.default.highlightPrimary,accent:o.default.highlightAccent,success:o.default.highlightSuccess,warning:o.default.highlightWarning,danger:o.default.highlightDanger,info:o.default.highlightInfo},u={neutral:o.default.inlineNeutral,primary:o.default.inlinePrimary,accent:o.default.inlineAccent,success:o.default.inlineSuccess,warning:o.default.inlineWarning,danger:o.default.inlineDanger,info:o.default.inlineInfo},d={keyword:o.default.tokenKeyword,string:o.default.tokenString,number:o.default.tokenNumber,comment:o.default.tokenComment,punctuation:o.default.tokenPunctuation,tag:o.default.tokenTag,attribute:o.default.tokenAttribute,plain:void 0},f={added:o.default.diffAdded,removed:o.default.diffRemoved,hunk:o.default.diffHunk,context:void 0};function te(e){return e.replace(/^\r?\n/,``).replace(/\s+$/,``).replace(/\r\n?/g,`
 `)}function p(e){let t=new Set;for(let n of e??[]){let e=String(n).trim().match(/^(\d+)(?:\s*-\s*(\d+))?$/);if(!e)continue;let r=Number(e[1]),i=e[2]?Number(e[2]):r;for(let e=Math.min(r,i);e<=Math.max(r,i);e++)t.add(e)}return t}function ne(e){let t=[[]];for(let n of e)n.content.split(`
-`).forEach((e,r)=>{r>0&&t.push([]),e&&t[t.length-1].push({type:n.type,content:e})});return t}function m(e){return e.startsWith(`@@`)?`hunk`:e.startsWith(`+`)?`added`:e.startsWith(`-`)?`removed`:`context`}var h=({tone:e=`neutral`,className:t,children:r,...i})=>(0,l.jsx)(`code`,{...i,className:n.cx(s.default.inline,u[e],t),children:r}),g=({code:u,children:h,language:g,title:_,showLineNumbers:v=!1,startLine:y=1,highlightLines:b,highlightTone:x=`primary`,highlightLabel:S,diff:C=!1,wrap:w=!1,maxHeight:T,copyable:E=!0,onCopyStatusChange:D,copyLabel:O,copiedLabel:k,copyErrorLabel:A,copiedDuration:j=2e3,highlighter:M,regionLabel:re,preClassName:ie,className:ae,style:oe,...se})=>{let N=e.useMessages(),ce=O??N.codeBlock.copy,le=k??N.codeBlock.copied,P=A??N.codeBlock.copyError,F=(0,c.useMemo)(()=>te(u??h??``),[u,h]),I=(0,c.useMemo)(()=>F.split(`
+`).forEach((e,r)=>{r>0&&t.push([]),e&&t[t.length-1].push({type:n.type,content:e})});return t}function m(e){return e.startsWith(`@@`)?`hunk`:e.startsWith(`+`)?`added`:e.startsWith(`-`)?`removed`:`context`}var h=({tone:e=`neutral`,className:n,children:r,...i})=>(0,l.jsx)(`code`,{...i,className:t.cx(o.default.inline,u[e],n),children:r}),g=({code:u,children:h,language:g,title:_,showLineNumbers:v=!1,startLine:y=1,highlightLines:b,highlightTone:x=`primary`,highlightLabel:S,diff:C=!1,wrap:w=!1,maxHeight:T,copyable:E=!0,onCopyStatusChange:D,copyLabel:O,copiedLabel:k,copyErrorLabel:A,copiedDuration:j=2e3,highlighter:M,regionLabel:re,preClassName:ie,className:ae,style:oe,...se})=>{let N=s.useMessages(),ce=O??N.codeBlock.copy,le=k??N.codeBlock.copied,P=A??N.codeBlock.copyError,F=(0,c.useMemo)(()=>te(u??h??``),[u,h]),I=(0,c.useMemo)(()=>F.split(`
 `),[F]),L=(0,c.useMemo)(()=>C?I.map(m):void 0,[C,I]),R=(0,c.useMemo)(()=>C?I.map((e,t)=>L[t]===`hunk`?e:e.slice(1)).join(`
-`):F,[C,I,L,F]),z=(0,c.useMemo)(()=>M?M(R,g):void 0,[M,R,g]),B=Array.isArray(z)&&z.length===I.length?z:void 0,V=M!==void 0&&B===void 0,H=(0,c.useMemo)(()=>M?void 0:ne(o.tokenizeCode(R,g)),[M,R,g]),U=(0,c.useMemo)(()=>p(b),[b]),W=(0,c.useRef)(null),[G,ue]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let e=W.current;if(!e)return;let t=()=>ue(e.scrollWidth>e.clientWidth+1||e.scrollHeight>e.clientHeight+1);if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);return n.observe(e),e.firstElementChild&&n.observe(e.firstElementChild),()=>n.disconnect()},[F,w,T,v,C]);let[K,de]=(0,c.useState)(`idle`),q=(0,c.useRef)(void 0),J=(0,c.useRef)(D);J.current=D,(0,c.useEffect)(()=>()=>clearTimeout(q.current),[]);let Y=(0,c.useCallback)(e=>{de(e),J.current?.(e)},[]),fe=(0,c.useCallback)(async()=>{clearTimeout(q.current);try{await t.copyToClipboard(F),Y(`copied`)}catch{Y(`error`)}q.current=setTimeout(()=>Y(`idle`),j)},[F,j,Y]),X=typeof _==`string`||typeof _==`number`?String(_):void 0,pe=re??N.codeBlock.region(X??g??N.codeBlock.snippet),Z=_!=null||!!g||E,me=y+I.length-1,Q=(e,t)=>{let i=y+t,a=U.has(i),o=L?.[t],c=o===`added`?`+`:o===`removed`?`-`:o===`context`?I[t].charAt(0):``;return(0,l.jsxs)(`span`,{className:n.cx(s.default.line,a&&s.default.highlighted,a&&ee[x],o&&f[o]),"data-line":i,"data-highlighted":a||void 0,"data-diff":o,children:[v&&(0,l.jsx)(`span`,{className:s.default.lineNumber,"data-line-number":i,"aria-hidden":`true`}),C&&(0,l.jsx)(`span`,{className:s.default.diffSign,children:o===`hunk`?``:c}),(0,l.jsxs)(`span`,{className:s.default.lineContent,children:[a&&S&&(0,l.jsx)(r.VisuallyHidden,{children:`${S} `}),e,`
-`]})]},t)},$;$=V?z:B?B.map(Q):H.map((e,t)=>Q(e.map((e,t)=>d[e.type]?(0,l.jsx)(`span`,{className:d[e.type],children:e.content},t):e.content),t));let he={"--_code-digits":String(String(me).length),...oe},ge=T===void 0?void 0:{maxBlockSize:typeof T==`number`?`${T}px`:T};return(0,l.jsxs)(`div`,{...se,className:n.cx(s.default.root,w?s.default.wrap:s.default.scroll,v&&s.default.withLineNumbers,C&&s.default.diff,!Z&&s.default.noHeader,ae),style:he,children:[Z&&(0,l.jsxs)(`div`,{className:s.default.header,children:[(0,l.jsxs)(`div`,{className:s.default.meta,children:[_!=null&&(0,l.jsx)(`span`,{className:s.default.title,children:_}),g&&(0,l.jsx)(`span`,{className:s.default.language,children:g})]}),E&&(0,l.jsx)(i.IconButton,{"aria-label":ce,variant:`ghost`,tone:`neutral`,size:`sm`,className:s.default.copy,"data-status":K,onClick:fe,children:(0,l.jsx)(`span`,{className:s.default.copyIcon,children:K===`copied`?(0,l.jsx)(a.CheckIcon,{}):K===`error`?(0,l.jsx)(a.ErrorIcon,{}):(0,l.jsx)(a.CopyIcon,{})},K)})]}),(0,l.jsx)(`pre`,{ref:W,className:n.cx(s.default.pre,ie),style:ge,tabIndex:G?0:void 0,role:G?`region`:void 0,"aria-label":G?pe:void 0,children:(0,l.jsx)(`code`,{className:s.default.code,"data-language":g,children:$})}),E&&(0,l.jsx)(r.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:K===`copied`?le:K===`error`?P:``})]})};exports.Code=h,exports.CodeBlock=g,exports.parseLineSelectors=p,exports.resolveTokenizerLanguage=o.resolveTokenizerLanguage,exports.tokenizeCode=o.tokenizeCode;
+`):F,[C,I,L,F]),z=(0,c.useMemo)(()=>M?M(R,g):void 0,[M,R,g]),B=Array.isArray(z)&&z.length===I.length?z:void 0,V=M!==void 0&&B===void 0,H=(0,c.useMemo)(()=>M?void 0:ne(a.tokenizeCode(R,g)),[M,R,g]),U=(0,c.useMemo)(()=>p(b),[b]),W=(0,c.useRef)(null),[G,ue]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let e=W.current;if(!e)return;let t=()=>ue(e.scrollWidth>e.clientWidth+1||e.scrollHeight>e.clientHeight+1);if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);return n.observe(e),e.firstElementChild&&n.observe(e.firstElementChild),()=>n.disconnect()},[F,w,T,v,C]);let[K,de]=(0,c.useState)(`idle`),q=(0,c.useRef)(void 0),J=(0,c.useRef)(D);J.current=D,(0,c.useEffect)(()=>()=>clearTimeout(q.current),[]);let Y=(0,c.useCallback)(e=>{de(e),J.current?.(e)},[]),fe=(0,c.useCallback)(async()=>{clearTimeout(q.current);try{await e.copyToClipboard(F),Y(`copied`)}catch{Y(`error`)}q.current=setTimeout(()=>Y(`idle`),j)},[F,j,Y]),X=typeof _==`string`||typeof _==`number`?String(_):void 0,pe=re??N.codeBlock.region(X??g??N.codeBlock.snippet),Z=_!=null||!!g||E,me=y+I.length-1,Q=(e,n)=>{let r=y+n,a=U.has(r),s=L?.[n],c=s===`added`?`+`:s===`removed`?`-`:s===`context`?I[n].charAt(0):``;return(0,l.jsxs)(`span`,{className:t.cx(o.default.line,a&&o.default.highlighted,a&&ee[x],s&&f[s]),"data-line":r,"data-highlighted":a||void 0,"data-diff":s,children:[v&&(0,l.jsx)(`span`,{className:o.default.lineNumber,"data-line-number":r,"aria-hidden":`true`}),C&&(0,l.jsx)(`span`,{className:o.default.diffSign,children:s===`hunk`?``:c}),(0,l.jsxs)(`span`,{className:o.default.lineContent,children:[a&&S&&(0,l.jsx)(i.VisuallyHidden,{children:`${S} `}),e,`
+`]})]},n)},$;$=V?z:B?B.map(Q):H.map((e,t)=>Q(e.map((e,t)=>d[e.type]?(0,l.jsx)(`span`,{className:d[e.type],children:e.content},t):e.content),t));let he={"--_code-digits":String(String(me).length),...oe},ge=T===void 0?void 0:{maxBlockSize:typeof T==`number`?`${T}px`:T};return(0,l.jsxs)(`div`,{...se,className:t.cx(o.default.root,w?o.default.wrap:o.default.scroll,v&&o.default.withLineNumbers,C&&o.default.diff,!Z&&o.default.noHeader,ae),style:he,children:[Z&&(0,l.jsxs)(`div`,{className:o.default.header,children:[(0,l.jsxs)(`div`,{className:o.default.meta,children:[_!=null&&(0,l.jsx)(`span`,{className:o.default.title,children:_}),g&&(0,l.jsx)(`span`,{className:o.default.language,children:g})]}),E&&(0,l.jsx)(n.IconButton,{"aria-label":ce,variant:`ghost`,tone:`neutral`,size:`sm`,className:o.default.copy,"data-status":K,onClick:fe,children:(0,l.jsx)(`span`,{className:o.default.copyIcon,children:K===`copied`?(0,l.jsx)(r.CheckIcon,{}):K===`error`?(0,l.jsx)(r.ErrorIcon,{}):(0,l.jsx)(r.CopyIcon,{})},K)})]}),(0,l.jsx)(`pre`,{ref:W,className:t.cx(o.default.pre,ie),style:ge,tabIndex:G?0:void 0,role:G?`region`:void 0,"aria-label":G?pe:void 0,children:(0,l.jsx)(`code`,{className:o.default.code,"data-language":g,children:$})}),E&&(0,l.jsx)(i.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:K===`copied`?le:K===`error`?P:``})]})};exports.Code=h,exports.CodeBlock=g,exports.parseLineSelectors=p,exports.resolveTokenizerLanguage=a.resolveTokenizerLanguage,exports.tokenizeCode=a.tokenizeCode;

package/dist/components/data-display/CodeBlock/CodeBlock.mjs

@@ -1,49 +1,50 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { copyToClipboard as t } from "../../../utils/clipboard.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { IconButton as i } from "../../primitives/Button/Button.mjs";
-import { CheckIcon as a, CopyIcon as o, ErrorIcon as s } from "../../primitives/Icon/icons.mjs";
-import { resolveTokenizerLanguage as c, tokenizeCode as l } from "./tokenize.mjs";
-import u from "./CodeBlock.module.css.mjs";
-import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/data-display/CodeBlock/CodeBlock.tsx
-var ee = {
-	neutral: u.highlightNeutral,
-	primary: u.highlightPrimary,
-	accent: u.highlightAccent,
-	success: u.highlightSuccess,
-	warning: u.highlightWarning,
-	danger: u.highlightDanger,
-	info: u.highlightInfo
+"use client";
+import { copyToClipboard as e } from "../../../utils/clipboard.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { IconButton as n } from "../../primitives/Button/Button.mjs";
+import { CheckIcon as r, CopyIcon as i, ErrorIcon as a } from "../../primitives/Icon/icons.mjs";
+import { VisuallyHidden as o } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { resolveTokenizerLanguage as s, tokenizeCode as c } from "./tokenize.mjs";
+import l from "./CodeBlock.module.css.mjs";
+import { useMessages as ee } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+// src/components/data-display/CodeBlock/CodeBlock.tsx
+var te = {
+	neutral: l.highlightNeutral,
+	primary: l.highlightPrimary,
+	accent: l.highlightAccent,
+	success: l.highlightSuccess,
+	warning: l.highlightWarning,
+	danger: l.highlightDanger,
+	info: l.highlightInfo
+}, _ = {
+	neutral: l.inlineNeutral,
+	primary: l.inlinePrimary,
+	accent: l.inlineAccent,
+	success: l.inlineSuccess,
+	warning: l.inlineWarning,
+	danger: l.inlineDanger,
+	info: l.inlineInfo
 }, v = {
-	neutral: u.inlineNeutral,
-	primary: u.inlinePrimary,
-	accent: u.inlineAccent,
-	success: u.inlineSuccess,
-	warning: u.inlineWarning,
-	danger: u.inlineDanger,
-	info: u.inlineInfo
-}, y = {
-	keyword: u.tokenKeyword,
-	string: u.tokenString,
-	number: u.tokenNumber,
-	comment: u.tokenComment,
-	punctuation: u.tokenPunctuation,
-	tag: u.tokenTag,
-	attribute: u.tokenAttribute,
+	keyword: l.tokenKeyword,
+	string: l.tokenString,
+	number: l.tokenNumber,
+	comment: l.tokenComment,
+	punctuation: l.tokenPunctuation,
+	tag: l.tokenTag,
+	attribute: l.tokenAttribute,
 	plain: void 0
-}, te = {
-	added: u.diffAdded,
-	removed: u.diffRemoved,
-	hunk: u.diffHunk,
+}, y = {
+	added: l.diffAdded,
+	removed: l.diffRemoved,
+	hunk: l.diffHunk,
 	context: void 0
 };
-function ne(e) {
+function b(e) {
 	return e.replace(/^\r?\n/, "").replace(/\s+$/, "").replace(/\r\n?/g, "\n");
 }
-function b(e) {
+function x(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e ?? []) {
 		let e = String(n).trim().match(/^(\d+)(?:\s*-\s*(\d+))?$/);
@@ -53,7 +54,7 @@ function b(e) {
 	}
 	return t;
 }
-function x(e) {
+function ne(e) {
 	let t = [[]];
 	for (let n of e) n.content.split("\n").forEach((e, r) => {
 		r > 0 && t.push([]), e && t[t.length - 1].push({
@@ -63,29 +64,29 @@ function x(e) {
 	});
 	return t;
 }
-function S(e) {
+function re(e) {
 	return e.startsWith("@@") ? "hunk" : e.startsWith("+") ? "added" : e.startsWith("-") ? "removed" : "context";
 }
-var C = ({ tone: e = "neutral", className: t, children: r, ...i }) => /* @__PURE__ */ g("code", {
+var S = ({ tone: e = "neutral", className: n, children: r, ...i }) => /* @__PURE__ */ h("code", {
 	...i,
-	className: n(u.inline, v[e], t),
+	className: t(l.inline, _[e], n),
 	children: r
-}), w = ({ code: c, children: v, language: C, title: w, showLineNumbers: T = !1, startLine: E = 1, highlightLines: D, highlightTone: re = "primary", highlightLabel: O, diff: k = !1, wrap: A = !1, maxHeight: j, copyable: M = !0, onCopyStatusChange: N, copyLabel: ie, copiedLabel: ae, copyErrorLabel: oe, copiedDuration: P = 2e3, highlighter: F, regionLabel: se, preClassName: ce, className: le, style: ue, ...de }) => {
-	let I = e(), fe = ie ?? I.codeBlock.copy, pe = ae ?? I.codeBlock.copied, L = oe ?? I.codeBlock.copyError, R = p(() => ne(c ?? v ?? ""), [c, v]), z = p(() => R.split("\n"), [R]), B = p(() => k ? z.map(S) : void 0, [k, z]), V = p(() => k ? z.map((e, t) => B[t] === "hunk" ? e : e.slice(1)).join("\n") : R, [
-		k,
+}), C = ({ code: s, children: _, language: S, title: C, showLineNumbers: w = !1, startLine: T = 1, highlightLines: E, highlightTone: ie = "primary", highlightLabel: D, diff: O = !1, wrap: k = !1, maxHeight: A, copyable: j = !0, onCopyStatusChange: M, copyLabel: ae, copiedLabel: oe, copyErrorLabel: se, copiedDuration: N = 2e3, highlighter: P, regionLabel: ce, preClassName: le, className: ue, style: de, ...fe }) => {
+	let F = ee(), pe = ae ?? F.codeBlock.copy, I = oe ?? F.codeBlock.copied, L = se ?? F.codeBlock.copyError, R = f(() => b(s ?? _ ?? ""), [s, _]), z = f(() => R.split("\n"), [R]), B = f(() => O ? z.map(re) : void 0, [O, z]), V = f(() => O ? z.map((e, t) => B[t] === "hunk" ? e : e.slice(1)).join("\n") : R, [
+		O,
 		z,
 		B,
 		R
-	]), H = p(() => F ? F(V, C) : void 0, [
-		F,
+	]), H = f(() => P ? P(V, S) : void 0, [
+		P,
 		V,
-		C
-	]), U = Array.isArray(H) && H.length === z.length ? H : void 0, me = F !== void 0 && U === void 0, he = p(() => F ? void 0 : x(l(V, C)), [
-		F,
+		S
+	]), U = Array.isArray(H) && H.length === z.length ? H : void 0, me = P !== void 0 && U === void 0, he = f(() => P ? void 0 : ne(c(V, S)), [
+		P,
 		V,
-		C
-	]), ge = p(() => b(D), [D]), W = m(null), [G, _e] = h(!1);
-	f(() => {
+		S
+	]), ge = f(() => x(E), [E]), W = p(null), [G, _e] = m(!1);
+	d(() => {
 		let e = W.current;
 		if (!e) return;
 		let t = () => _e(e.scrollWidth > e.clientWidth + 1 || e.scrollHeight > e.clientHeight + 1);
@@ -94,114 +95,113 @@ var C = ({ tone: e = "neutral", className: t, children: r, ...i }) => /* @__PURE
 		return n.observe(e), e.firstElementChild && n.observe(e.firstElementChild), () => n.disconnect();
 	}, [
 		R,
+		k,
 		A,
-		j,
-		T,
-		k
+		w,
+		O
 	]);
-	let [K, ve] = h("idle"), q = m(void 0), J = m(N);
-	J.current = N, f(() => () => clearTimeout(q.current), []);
-	let Y = d((e) => {
+	let [K, ve] = m("idle"), q = p(void 0), J = p(M);
+	J.current = M, d(() => () => clearTimeout(q.current), []);
+	let Y = u((e) => {
 		ve(e), J.current?.(e);
-	}, []), ye = d(async () => {
+	}, []), ye = u(async () => {
 		clearTimeout(q.current);
 		try {
-			await t(R), Y("copied");
+			await e(R), Y("copied");
 		} catch {
 			Y("error");
 		}
-		q.current = setTimeout(() => Y("idle"), P);
+		q.current = setTimeout(() => Y("idle"), N);
 	}, [
 		R,
-		P,
+		N,
 		Y
-	]), X = typeof w == "string" || typeof w == "number" ? String(w) : void 0, be = se ?? I.codeBlock.region(X ?? C ?? I.codeBlock.snippet), Z = w != null || !!C || M, xe = E + z.length - 1, Q = (e, t) => {
-		let i = E + t, a = ge.has(i), o = B?.[t], s = o === "added" ? "+" : o === "removed" ? "-" : o === "context" ? z[t].charAt(0) : "";
-		return /* @__PURE__ */ _("span", {
-			className: n(u.line, a && u.highlighted, a && ee[re], o && te[o]),
-			"data-line": i,
-			"data-highlighted": a || void 0,
-			"data-diff": o,
+	]), X = typeof C == "string" || typeof C == "number" ? String(C) : void 0, be = ce ?? F.codeBlock.region(X ?? S ?? F.codeBlock.snippet), Z = C != null || !!S || j, xe = T + z.length - 1, Q = (e, n) => {
+		let r = T + n, i = ge.has(r), a = B?.[n], s = a === "added" ? "+" : a === "removed" ? "-" : a === "context" ? z[n].charAt(0) : "";
+		return /* @__PURE__ */ g("span", {
+			className: t(l.line, i && l.highlighted, i && te[ie], a && y[a]),
+			"data-line": r,
+			"data-highlighted": i || void 0,
+			"data-diff": a,
 			children: [
-				T && /* @__PURE__ */ g("span", {
-					className: u.lineNumber,
-					"data-line-number": i,
+				w && /* @__PURE__ */ h("span", {
+					className: l.lineNumber,
+					"data-line-number": r,
 					"aria-hidden": "true"
 				}),
-				k && /* @__PURE__ */ g("span", {
-					className: u.diffSign,
-					children: o === "hunk" ? "" : s
+				O && /* @__PURE__ */ h("span", {
+					className: l.diffSign,
+					children: a === "hunk" ? "" : s
 				}),
-				/* @__PURE__ */ _("span", {
-					className: u.lineContent,
+				/* @__PURE__ */ g("span", {
+					className: l.lineContent,
 					children: [
-						a && O && /* @__PURE__ */ g(r, { children: `${O} ` }),
+						i && D && /* @__PURE__ */ h(o, { children: `${D} ` }),
 						e,
 						"\n"
 					]
 				})
 			]
-		}, t);
+		}, n);
 	}, $;
-	$ = me ? H : U ? U.map(Q) : he.map((e, t) => Q(e.map((e, t) => y[e.type] ? /* @__PURE__ */ g("span", {
-		className: y[e.type],
+	$ = me ? H : U ? U.map(Q) : he.map((e, t) => Q(e.map((e, t) => v[e.type] ? /* @__PURE__ */ h("span", {
+		className: v[e.type],
 		children: e.content
 	}, t) : e.content), t));
 	let Se = {
 		"--_code-digits": String(String(xe).length),
-		...ue
-	}, Ce = j === void 0 ? void 0 : { maxBlockSize: typeof j == "number" ? `${j}px` : j };
-	return /* @__PURE__ */ _("div", {
-		...de,
-		className: n(u.root, A ? u.wrap : u.scroll, T && u.withLineNumbers, k && u.diff, !Z && u.noHeader, le),
+		...de
+	}, Ce = A === void 0 ? void 0 : { maxBlockSize: typeof A == "number" ? `${A}px` : A };
+	return /* @__PURE__ */ g("div", {
+		...fe,
+		className: t(l.root, k ? l.wrap : l.scroll, w && l.withLineNumbers, O && l.diff, !Z && l.noHeader, ue),
 		style: Se,
 		children: [
-			Z && /* @__PURE__ */ _("div", {
-				className: u.header,
-				children: [/* @__PURE__ */ _("div", {
-					className: u.meta,
-					children: [w != null && /* @__PURE__ */ g("span", {
-						className: u.title,
-						children: w
-					}), C && /* @__PURE__ */ g("span", {
-						className: u.language,
+			Z && /* @__PURE__ */ g("div", {
+				className: l.header,
+				children: [/* @__PURE__ */ g("div", {
+					className: l.meta,
+					children: [C != null && /* @__PURE__ */ h("span", {
+						className: l.title,
 						children: C
+					}), S && /* @__PURE__ */ h("span", {
+						className: l.language,
+						children: S
 					})]
-				}), M && /* @__PURE__ */ g(i, {
-					"aria-label": fe,
+				}), j && /* @__PURE__ */ h(n, {
+					"aria-label": pe,
 					variant: "ghost",
 					tone: "neutral",
 					size: "sm",
-					className: u.copy,
+					className: l.copy,
 					"data-status": K,
 					onClick: ye,
-					children: /* @__PURE__ */ g("span", {
-						className: u.copyIcon,
-						children: g(K === "copied" ? a : K === "error" ? s : o, {})
+					children: /* @__PURE__ */ h("span", {
+						className: l.copyIcon,
+						children: h(K === "copied" ? r : K === "error" ? a : i, {})
 					}, K)
 				})]
 			}),
-			/* @__PURE__ */ g("pre", {
+			/* @__PURE__ */ h("pre", {
 				ref: W,
-				className: n(u.pre, ce),
+				className: t(l.pre, le),
 				style: Ce,
 				tabIndex: G ? 0 : void 0,
 				role: G ? "region" : void 0,
 				"aria-label": G ? be : void 0,
-				children: /* @__PURE__ */ g("code", {
-					className: u.code,
-					"data-language": C,
+				children: /* @__PURE__ */ h("code", {
+					className: l.code,
+					"data-language": S,
 					children: $
 				})
 			}),
-			M && /* @__PURE__ */ g(r, {
+			j && /* @__PURE__ */ h(o, {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: K === "copied" ? pe : K === "error" ? L : ""
+				children: K === "copied" ? I : K === "error" ? L : ""
 			})
 		]
 	});
 };
-//#endregion
-export { C as Code, w as CodeBlock, b as parseLineSelectors, c as resolveTokenizerLanguage, l as tokenizeCode };
+export { S as Code, C as CodeBlock, x as parseLineSelectors, s as resolveTokenizerLanguage, c as tokenizeCode };

package/dist/components/data-display/CodeBlock/CodeBlock.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/CodeBlock/CodeBlock.module.css
+// src/components/data-display/CodeBlock/CodeBlock.module.css
 var e = "_inline_bpd4y_39", t = "_inlineNeutral_bpd4y_73", n = "_inlinePrimary_bpd4y_81", r = "_inlineAccent_bpd4y_89", i = "_inlineSuccess_bpd4y_97", a = "_inlineWarning_bpd4y_105", o = "_inlineDanger_bpd4y_113", s = "_inlineInfo_bpd4y_121", c = "_root_bpd4y_151", l = "_header_bpd4y_181", u = "_meta_bpd4y_209", d = "_title_bpd4y_223", f = "_language_bpd4y_245", p = "_copy_bpd4y_265", m = "_copyIcon_bpd4y_275", h = "_pre_bpd4y_327", g = "_noHeader_bpd4y_353", _ = "_code_bpd4y_371", v = "_scroll_bpd4y_383", y = "_line_bpd4y_393", b = "_lineContent_bpd4y_407", x = "_wrap_bpd4y_419", S = "_lineNumber_bpd4y_431", C = "_highlighted_bpd4y_469", w = "_highlightNeutral_bpd4y_479", T = "_highlightPrimary_bpd4y_487", E = "_highlightAccent_bpd4y_495", D = "_highlightSuccess_bpd4y_503", O = "_highlightWarning_bpd4y_511", k = "_highlightDanger_bpd4y_519", A = "_highlightInfo_bpd4y_527", j = "_diffSign_bpd4y_545", M = "_diffAdded_bpd4y_559", N = "_diffRemoved_bpd4y_575", P = "_diffHunk_bpd4y_591", F = "_tokenKeyword_bpd4y_621", I = "_tokenString_bpd4y_629", L = "_tokenNumber_bpd4y_635", R = "_tokenComment_bpd4y_641", z = "_tokenPunctuation_bpd4y_649", B = "_tokenTag_bpd4y_655", V = "_tokenAttribute_bpd4y_663", H = {
 	inline: e,
 	inlineNeutral: t,
@@ -44,5 +44,4 @@ var e = "_inline_bpd4y_39", t = "_inlineNeutral_bpd4y_73", n = "_inlinePrimary_b
 	tokenTag: B,
 	tokenAttribute: V
 };
-//#endregion
 export { _ as code, p as copy, m as copyIcon, H as default, M as diffAdded, P as diffHunk, N as diffRemoved, j as diffSign, l as header, E as highlightAccent, k as highlightDanger, A as highlightInfo, w as highlightNeutral, T as highlightPrimary, D as highlightSuccess, O as highlightWarning, C as highlighted, e as inline, r as inlineAccent, o as inlineDanger, s as inlineInfo, t as inlineNeutral, n as inlinePrimary, i as inlineSuccess, a as inlineWarning, f as language, y as line, b as lineContent, S as lineNumber, u as meta, g as noHeader, h as pre, c as root, v as scroll, d as title, V as tokenAttribute, R as tokenComment, F as tokenKeyword, L as tokenNumber, z as tokenPunctuation, I as tokenString, B as tokenTag, x as wrap };

package/dist/components/data-display/CodeBlock/tokenize.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/CodeBlock/tokenize.ts
+// src/components/data-display/CodeBlock/tokenize.ts
 var e = {
 	js: "js",
 	jsx: "js",
@@ -303,5 +303,4 @@ function d(e, r) {
 		content: e
 	}] : n(e, u[i]);
 }
-//#endregion
 export { t as resolveTokenizerLanguage, d as tokenizeCode };