@bzync/rui 0.0.4 → 0.0.5

package/README.md

@@ -72,6 +72,11 @@ The component documentation and live demos are published to
 the latest documentation through GitHub Pages; maintainers can also run the
 **Deploy documentation** workflow manually from the Actions tab.
 
+## Support
+
+If `@bzync/rui` is useful to you, you can support its continued development on
+[Buy Me a Coffee](https://buymeacoffee.com/adminjw).
+
 ## Releasing to npm
 
 Add an npm publishing token to the GitHub repository as an Actions secret named

package/dist/components/aspect-ratio.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({ratio:t=16/9,className:r,style:i,...a},o)=>{let s=Number.isFinite(t)&&t>0?t:16/9,c={aspectRatio:s,...i};return(0,n.jsx)(`div`,{ref:o,"data-ratio":s,className:e.t(`relative w-full overflow-hidden`,r),style:c,...a})});r.displayName=`AspectRatio`,exports.AspectRatio=r;

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    ratio?: number;
+}
+export declare const AspectRatio: import('react').ForwardRefExoticComponent<AspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/aspect-ratio.js

@@ -0,0 +1,20 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/aspect-ratio.tsx
+var r = t(({ ratio: t = 16 / 9, className: r, style: i, ...a }, o) => {
+	let s = Number.isFinite(t) && t > 0 ? t : 16 / 9, c = {
+		aspectRatio: s,
+		...i
+	};
+	return /* @__PURE__ */ n("div", {
+		ref: o,
+		"data-ratio": s,
+		className: e("relative w-full overflow-hidden", r),
+		style: c,
+		...a
+	});
+});
+r.displayName = "AspectRatio";
+//#endregion
+export { r as AspectRatio };

package/dist/components/avatar-group.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={tight:`-space-x-3`,normal:`-space-x-2`,loose:`-space-x-1`},i={xs:`size-6 text-[9px]`,sm:`size-8 text-[10px]`,md:`size-9 text-xs`,lg:`size-11 text-xs`,xl:`size-14 text-sm`},a=(0,t.forwardRef)(({spacing:t=`normal`,className:i,children:a,...o},s)=>(0,n.jsx)(`div`,{ref:s,role:`group`,className:e.t(`flex w-fit max-w-full items-center justify-start overflow-x-auto overscroll-x-contain px-0.5 py-0.5 scrollbar-none [&>*]:shrink-0 [&>*]:ring-2 [&>*]:ring-surface`,r[t],i),...o,children:a}));a.displayName=`AvatarGroup`;var o=(0,t.forwardRef)(({count:t,size:r=`md`,label:a,className:o,...s},c)=>{let l=Number.isFinite(t)?Math.max(0,Math.floor(t)):0,u=a??`${l} more people`;return(0,n.jsxs)(`span`,{ref:c,"aria-label":u,className:e.t(`inline-flex shrink-0 items-center justify-center rounded-full bg-surface-muted font-semibold text-muted-foreground`,i[r],o),...s,children:[`+`,l]})});o.displayName=`AvatarGroupOverflow`,exports.AvatarGroup=a,exports.AvatarGroupOverflow=o;

package/dist/components/avatar-group.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type AvatarGroupSpacing = "tight" | "normal" | "loose";
+export type AvatarGroupOverflowSize = "xs" | "sm" | "md" | "lg" | "xl";
+export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    spacing?: AvatarGroupSpacing;
+    children: ReactNode;
+}
+export declare const AvatarGroup: import('react').ForwardRefExoticComponent<AvatarGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface AvatarGroupOverflowProps extends HTMLAttributes<HTMLSpanElement> {
+    count: number;
+    size?: AvatarGroupOverflowSize;
+    label?: string;
+}
+export declare const AvatarGroupOverflow: import('react').ForwardRefExoticComponent<AvatarGroupOverflowProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/avatar-group.js

@@ -0,0 +1,35 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/avatar-group.tsx
+var i = {
+	tight: "-space-x-3",
+	normal: "-space-x-2",
+	loose: "-space-x-1"
+}, a = {
+	xs: "size-6 text-[9px]",
+	sm: "size-8 text-[10px]",
+	md: "size-9 text-xs",
+	lg: "size-11 text-xs",
+	xl: "size-14 text-sm"
+}, o = t(({ spacing: t = "normal", className: r, children: a, ...o }, s) => /* @__PURE__ */ n("div", {
+	ref: s,
+	role: "group",
+	className: e("flex w-fit max-w-full items-center justify-start overflow-x-auto overscroll-x-contain px-0.5 py-0.5 scrollbar-none [&>*]:shrink-0 [&>*]:ring-2 [&>*]:ring-surface", i[t], r),
+	...o,
+	children: a
+}));
+o.displayName = "AvatarGroup";
+var s = t(({ count: t, size: n = "md", label: i, className: o, ...s }, c) => {
+	let l = Number.isFinite(t) ? Math.max(0, Math.floor(t)) : 0, u = i ?? `${l} more people`;
+	return /* @__PURE__ */ r("span", {
+		ref: c,
+		"aria-label": u,
+		className: e("inline-flex shrink-0 items-center justify-center rounded-full bg-surface-muted font-semibold text-muted-foreground", a[n], o),
+		...s,
+		children: ["+", l]
+	});
+});
+s.displayName = "AvatarGroupOverflow";
+//#endregion
+export { o as AvatarGroup, s as AvatarGroupOverflow };

package/dist/components/blockquote.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");require("../component-styles-DOUctc8_.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`border-l-border-strong bg-transparent`,accent:`border-l-accent-500 bg-accent-50/60 dark:bg-accent-900/15`,subtle:`border-l-border bg-surface-muted`},i={sm:`px-4 py-3 text-sm leading-6`,md:`px-5 py-4 text-base leading-7`,lg:`px-6 py-5 text-lg leading-8`},a=(0,t.forwardRef)(({variant:t=`default`,size:a=`md`,source:o,sourceHref:s,className:c,children:l,...u},d)=>(0,n.jsxs)(`blockquote`,{ref:d,className:e.t(`min-w-0 break-words rounded-r-[var(--radius-lg)] border-l-4 text-foreground`,r[t],i[a],c),...u,children:[(0,n.jsx)(`div`,{children:l}),o&&(0,n.jsxs)(`footer`,{className:`mt-2 text-xs font-medium text-muted-foreground`,children:[(0,n.jsx)(`span`,{"aria-hidden":`true`,children:`— `}),s?(0,n.jsx)(`a`,{href:s,className:e.t(`rounded-sm underline decoration-border-strong underline-offset-4 hover:text-foreground`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`),children:o}):o]})]}));a.displayName=`Blockquote`,exports.Blockquote=a;

package/dist/components/blockquote.d.ts

@@ -0,0 +1,10 @@
+import { BlockquoteHTMLAttributes, ReactNode } from 'react';
+export type BlockquoteVariant = "default" | "accent" | "subtle";
+export type BlockquoteSize = "sm" | "md" | "lg";
+export interface BlockquoteProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
+    variant?: BlockquoteVariant;
+    size?: BlockquoteSize;
+    source?: ReactNode;
+    sourceHref?: string;
+}
+export declare const Blockquote: import('react').ForwardRefExoticComponent<BlockquoteProps & import('react').RefAttributes<HTMLQuoteElement>>;

package/dist/components/blockquote.js

@@ -0,0 +1,32 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import "../component-styles-Bgy44fc8.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/blockquote.tsx
+var i = {
+	default: "border-l-border-strong bg-transparent",
+	accent: "border-l-accent-500 bg-accent-50/60 dark:bg-accent-900/15",
+	subtle: "border-l-border bg-surface-muted"
+}, a = {
+	sm: "px-4 py-3 text-sm leading-6",
+	md: "px-5 py-4 text-base leading-7",
+	lg: "px-6 py-5 text-lg leading-8"
+}, o = t(({ variant: t = "default", size: o = "md", source: s, sourceHref: c, className: l, children: u, ...d }, f) => /* @__PURE__ */ r("blockquote", {
+	ref: f,
+	className: e("min-w-0 break-words rounded-r-[var(--radius-lg)] border-l-4 text-foreground", i[t], a[o], l),
+	...d,
+	children: [/* @__PURE__ */ n("div", { children: u }), s && /* @__PURE__ */ r("footer", {
+		className: "mt-2 text-xs font-medium text-muted-foreground",
+		children: [/* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			children: "— "
+		}), c ? /* @__PURE__ */ n("a", {
+			href: c,
+			className: e("rounded-sm underline decoration-border-strong underline-offset-4 hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg"),
+			children: s
+		}) : s]
+	})]
+}));
+o.displayName = "Blockquote";
+//#endregion
+export { o as Blockquote };

package/dist/components/button-group.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={horizontal:[`max-w-full flex-row items-center overflow-x-auto overscroll-x-contain p-0.5 scrollbar-none [&>*]:shrink-0`,`[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none`,`[&>*:not(:last-child)]:rounded-r-none`].join(` `),vertical:[`flex-col items-stretch`,`[&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none`,`[&>*:not(:last-child)]:rounded-b-none`].join(` `)},i=(0,t.forwardRef)(({orientation:t=`horizontal`,className:i,children:a,...o},s)=>(0,n.jsx)(`div`,{ref:s,role:`group`,"data-orientation":t,className:e.t(`inline-flex w-fit [&>*:focus-visible]:relative [&>*:focus-visible]:z-10`,r[t],i),...o,children:a}));i.displayName=`ButtonGroup`,exports.ButtonGroup=i;

package/dist/components/button-group.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type ButtonGroupOrientation = "horizontal" | "vertical";
+export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: ButtonGroupOrientation;
+    children: ReactNode;
+}
+export declare const ButtonGroup: import('react').ForwardRefExoticComponent<ButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/button-group.js

@@ -0,0 +1,26 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/button-group.tsx
+var r = {
+	horizontal: [
+		"max-w-full flex-row items-center overflow-x-auto overscroll-x-contain p-0.5 scrollbar-none [&>*]:shrink-0",
+		"[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none",
+		"[&>*:not(:last-child)]:rounded-r-none"
+	].join(" "),
+	vertical: [
+		"flex-col items-stretch",
+		"[&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none",
+		"[&>*:not(:last-child)]:rounded-b-none"
+	].join(" ")
+}, i = t(({ orientation: t = "horizontal", className: i, children: a, ...o }, s) => /* @__PURE__ */ n("div", {
+	ref: s,
+	role: "group",
+	"data-orientation": t,
+	className: e("inline-flex w-fit [&>*:focus-visible]:relative [&>*:focus-visible]:z-10", r[t], i),
+	...o,
+	children: a
+}));
+i.displayName = "ButtonGroup";
+//#endregion
+export { i as ButtonGroup };

package/dist/components/code.cjs

@@ -1,7 +1,7 @@
 "use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={js:`const.let.var.function.return.if.else.for.while.class.import.export.default.from.async.await.new.typeof.instanceof.true.false.null.undefined.throw.try.catch.finally.switch.case.break.continue.extends.super.this.of.in.delete.void`.split(`.`),python:`def.return.if.else.elif.for.while.class.import.from.as.with.try.except.finally.raise.pass.break.continue.and.or.not.in.is.True.False.None.lambda.yield.global.nonlocal.del.print.async.await`.split(`.`),bash:[`if`,`then`,`else`,`elif`,`fi`,`for`,`do`,`done`,`while`,`case`,`esac`,`in`,`function`,`return`,`exit`,`echo`,`export`,`source`,`local`,`readonly`],sql:`SELECT.FROM.WHERE.AND.OR.NOT.INSERT.INTO.VALUES.UPDATE.SET.DELETE.CREATE.TABLE.DROP.ALTER.INDEX.JOIN.INNER.LEFT.RIGHT.ON.GROUP.BY.ORDER.HAVING.LIMIT.OFFSET.AS.DISTINCT.COUNT.SUM.AVG.MAX.MIN.NULL.IS.IN.LIKE.BETWEEN.EXISTS`.split(`.`)};r.ts=r.js,r.tsx=r.js,r.jsx=r.js,r.json=[];function i(e,t){let n=new Set(r[t.toLowerCase()]??r.js),i=[],a=0;for(;a<e.length;){if(t===`bash`&&e[a]===`#`||e.slice(a,a+2)===`//`&&t!==`bash`){let t=e.indexOf(`
 `,a),n=t===-1?e.slice(a):e.slice(a,t);i.push({type:`comment`,value:n}),a+=n.length;continue}if(e.slice(a,a+2)===`/*`){let t=e.indexOf(`*/`,a+2),n=t===-1?e.slice(a):e.slice(a,t+2);i.push({type:`comment`,value:n}),a+=n.length;continue}if(e[a]===`#`&&(t===`python`||t===`sql`)){let t=e.indexOf(`
 `,a),n=t===-1?e.slice(a):e.slice(a,t);i.push({type:`comment`,value:n}),a+=n.length;continue}if(e[a]===`"`||e[a]===`'`||e[a]==="`"){let t=e[a],n=a+1;for(;n<e.length;){if(e[n]===`\\`&&n+1<e.length){n+=2;continue}if(e[n]===t){n++;break}n++}i.push({type:`string`,value:e.slice(a,n)}),a=n;continue}if(/[0-9]/.test(e[a])||e[a]===`.`&&/[0-9]/.test(e[a+1]??``)){let t=a;for(;t<e.length&&/[0-9._xXa-fA-F]/.test(e[t]);)t++;i.push({type:`number`,value:e.slice(a,t)}),a=t;continue}if(/[a-zA-Z_$]/.test(e[a])){let t=a;for(;t<e.length&&/[a-zA-Z0-9_$]/.test(e[t]);)t++;let r=e.slice(a,t);i.push({type:n.has(r)?`keyword`:`plain`,value:r}),a=t;continue}if(/[=<>!&|+\-*/%^~?:,;.()[\]{}]/.test(e[a])){i.push({type:`operator`,value:e[a]}),a++;continue}i.push({type:`plain`,value:e[a]}),a++}return i}var a={keyword:`text-violet-500 dark:text-violet-400`,string:`text-emerald-600 dark:text-emerald-400`,comment:`text-slate-400 dark:text-slate-500 italic`,number:`text-amber-600 dark:text-amber-400`,operator:`text-slate-500 dark:text-slate-400`,builtin:`text-sky-500 dark:text-sky-400`,plain:`text-slate-800 dark:text-slate-200`};function o({code:r,language:o=`js`,filename:s,showLineNumbers:c=!1,className:l}){let[u,d]=(0,t.useState)(!1),f=r.replace(/^\n/,``).replace(/\n$/,``),p=f.split(`
-`);async function m(){let e=!1;try{if(!navigator.clipboard?.writeText)throw Error(`Clipboard API unavailable`);await navigator.clipboard.writeText(f),e=!0}catch{let t=document.createElement(`textarea`);t.value=f,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.select(),e=document.execCommand(`copy`),t.remove()}e&&(d(!0),window.setTimeout(()=>d(!1),1500))}return(0,n.jsxs)(`div`,{className:e.t(`group relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]`,l),children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3`,children:[(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:s&&(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-500 dark:text-slate-400`,children:s})}),(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!s&&(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-400 dark:text-slate-500 uppercase`,children:o}),(0,n.jsx)(`button`,{type:`button`,onClick:m,"aria-label":u?`Copied code`:`Copy code`,className:`h-6 px-2 flex items-center gap-1 rounded text-xs text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8 transition-colors`,children:u?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`svg`,{width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M20 6 9 17l-5-5`})}),`Copied`]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(`svg`,{width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),(0,n.jsx)(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]}),`Copy`]})})]})]}),(0,n.jsx)(`div`,{className:`overflow-x-auto`,children:(0,n.jsx)(`table`,{className:`w-full border-collapse text-sm font-mono leading-6`,children:(0,n.jsx)(`tbody`,{children:p.map((e,t)=>(0,n.jsxs)(`tr`,{className:`hover:bg-black/3 dark:hover:bg-white/3`,children:[c&&(0,n.jsx)(`td`,{className:`select-none w-10 pr-4 pl-4 text-right text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6`,children:t+1}),(0,n.jsx)(`td`,{className:`px-4 py-0 whitespace-pre`,children:i(e,o).map((e,t)=>(0,n.jsx)(`span`,{className:a[e.type],children:e.value},t))})]},t))})})})]})}function s({children:t,className:r}){return(0,n.jsx)(`code`,{className:e.t(`font-mono text-[0.85em] px-1.5 py-0.5 rounded-md bg-black/6 dark:bg-white/8 border border-black/[0.07] dark:border-white/[0.07] text-slate-700 dark:text-slate-300`,r),children:t})}function c({value:r,onChange:i,language:a=`js`,placeholder:o=`// Start typing…`,minRows:s=6,maxRows:c=24,readOnly:l=!1,className:u}){let d=(0,t.useRef)(null),f=Math.min(c,Math.max(s,r.split(`
+`);async function m(){let e=!1;try{if(!navigator.clipboard?.writeText)throw Error(`Clipboard API unavailable`);await navigator.clipboard.writeText(f),e=!0}catch{let t=document.createElement(`textarea`);t.value=f,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.select(),e=document.execCommand(`copy`),t.remove()}e&&(d(!0),window.setTimeout(()=>d(!1),1500))}return(0,n.jsxs)(`div`,{className:e.t(`group relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]`,l),children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3`,children:[(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:s&&(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-500 dark:text-slate-400`,children:s})}),(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!s&&(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-400 dark:text-slate-500 uppercase`,children:o}),(0,n.jsx)(`button`,{type:`button`,onClick:m,"aria-label":u?`Copied code`:`Copy code`,className:`h-6 shrink-0 px-2 flex items-center gap-1 whitespace-nowrap rounded text-xs text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8 transition-colors`,children:u?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`svg`,{className:`shrink-0`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M20 6 9 17l-5-5`})}),`Copied`]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(`svg`,{className:`shrink-0`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),(0,n.jsx)(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]}),`Copy`]})})]})]}),(0,n.jsx)(`div`,{className:`overflow-x-auto`,children:(0,n.jsx)(`table`,{className:`w-full border-collapse text-sm font-mono leading-6`,children:(0,n.jsx)(`tbody`,{children:p.map((e,t)=>(0,n.jsxs)(`tr`,{className:`hover:bg-black/3 dark:hover:bg-white/3`,children:[c&&(0,n.jsx)(`td`,{className:`select-none w-10 pr-4 pl-4 text-right text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6`,children:t+1}),(0,n.jsx)(`td`,{className:`px-4 py-0 whitespace-pre`,children:i(e,o).map((e,t)=>(0,n.jsx)(`span`,{className:a[e.type],children:e.value},t))})]},t))})})})]})}var s=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`code`,{ref:i,className:e.t(`break-words rounded-md border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground`,t),...r}));s.displayName=`InlineCode`;function c({value:r,onChange:i,language:a=`js`,placeholder:o=`// Start typing…`,minRows:s=6,maxRows:c=24,readOnly:l=!1,className:u}){let d=(0,t.useRef)(null),f=Math.min(c,Math.max(s,r.split(`
 `).length));function p(e){let t=e.currentTarget,{selectionStart:n,selectionEnd:a}=t;if(e.key===`Tab`){e.preventDefault();let o=r.slice(0,n)+`  `+r.slice(a);i?.(o),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=n+2})}if(e.key===`Enter`){let o=r.lastIndexOf(`
 `,n-1)+1,s=r.slice(o).match(/^(\s*)/)?.[1]??``;e.preventDefault();let c=r.slice(0,n)+`
 `+s+r.slice(a);i?.(c),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=n+1+s.length})}let o={"(":`)`,"[":`]`,"{":`}`,'"':`"`,"'":`'`,"`":"`"};if(o[e.key]&&n===a){e.preventDefault();let s=r.slice(0,n)+e.key+o[e.key]+r.slice(a);i?.(s),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=n+1})}}return(0,n.jsxs)(`div`,{className:e.t(`relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]`,u),children:[(0,n.jsx)(`div`,{className:`flex items-center gap-1.5 px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3`,children:(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-400 dark:text-slate-500 uppercase`,children:a})}),(0,n.jsxs)(`div`,{className:`relative flex`,children:[(0,n.jsx)(`div`,{className:`select-none shrink-0 py-3 px-3 text-right text-sm font-mono leading-6 text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6 bg-black/2 dark:bg-black/20`,"aria-hidden":!0,children:Array.from({length:f},(e,t)=>(0,n.jsx)(`div`,{children:t+1},t))}),(0,n.jsx)(`textarea`,{ref:d,value:r,onChange:e=>i?.(e.target.value),onKeyDown:p,readOnly:l,placeholder:o,spellCheck:!1,rows:f,className:`flex-1 py-3 px-4 text-sm font-mono leading-6 bg-transparent text-slate-800 dark:text-slate-200 placeholder:text-slate-400 dark:placeholder:text-slate-600 focus:outline-none resize-none`})]})]})}exports.CodeBlock=o,exports.CodeEditor=c,exports.InlineCode=s;

package/dist/components/code.d.ts

@@ -1,3 +1,4 @@
+import { HTMLAttributes } from 'react';
 export interface CodeBlockProps {
     code: string;
     language?: string;
@@ -6,10 +7,9 @@ export interface CodeBlockProps {
     className?: string;
 }
 export declare function CodeBlock({ code, language, filename, showLineNumbers, className }: CodeBlockProps): import("react").JSX.Element;
-export declare function InlineCode({ children, className }: {
-    children: string;
-    className?: string;
-}): import("react").JSX.Element;
+export interface InlineCodeProps extends HTMLAttributes<HTMLElement> {
+}
+export declare const InlineCode: import('react').ForwardRefExoticComponent<InlineCodeProps & import('react').RefAttributes<HTMLElement>>;
 export interface CodeEditorProps {
     value: string;
     onChange?: (value: string) => void;

package/dist/components/code.js

@@ -1,9 +1,9 @@
 "use client";
 import { t as e } from "../cn-DpgY2leY.js";
-import { useRef as t, useState as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/code.tsx
-var o = {
+var s = {
 	js: /* @__PURE__ */ "const.let.var.function.return.if.else.for.while.class.import.export.default.from.async.await.new.typeof.instanceof.true.false.null.undefined.throw.try.catch.finally.switch.case.break.continue.extends.super.this.of.in.delete.void".split("."),
 	python: /* @__PURE__ */ "def.return.if.else.elif.for.while.class.import.from.as.with.try.except.finally.raise.pass.break.continue.and.or.not.in.is.True.False.None.lambda.yield.global.nonlocal.del.print.async.await".split("."),
 	bash: [
@@ -30,9 +30,9 @@ var o = {
 	],
 	sql: /* @__PURE__ */ "SELECT.FROM.WHERE.AND.OR.NOT.INSERT.INTO.VALUES.UPDATE.SET.DELETE.CREATE.TABLE.DROP.ALTER.INDEX.JOIN.INNER.LEFT.RIGHT.ON.GROUP.BY.ORDER.HAVING.LIMIT.OFFSET.AS.DISTINCT.COUNT.SUM.AVG.MAX.MIN.NULL.IS.IN.LIKE.BETWEEN.EXISTS".split(".")
 };
-o.ts = o.js, o.tsx = o.js, o.jsx = o.js, o.json = [];
-function s(e, t) {
-	let n = new Set(o[t.toLowerCase()] ?? o.js), r = [], i = 0;
+s.ts = s.js, s.tsx = s.js, s.jsx = s.js, s.json = [];
+function c(e, t) {
+	let n = new Set(s[t.toLowerCase()] ?? s.js), r = [], i = 0;
 	for (; i < e.length;) {
 		if (t === "bash" && e[i] === "#" || e.slice(i, i + 2) === "//" && t !== "bash") {
 			let t = e.indexOf("\n", i), n = t === -1 ? e.slice(i) : e.slice(i, t);
@@ -110,7 +110,7 @@ function s(e, t) {
 	}
 	return r;
 }
-var c = {
+var l = {
 	keyword: "text-violet-500 dark:text-violet-400",
 	string: "text-emerald-600 dark:text-emerald-400",
 	comment: "text-slate-400 dark:text-slate-500 italic",
@@ -119,8 +119,8 @@ var c = {
 	builtin: "text-sky-500 dark:text-sky-400",
 	plain: "text-slate-800 dark:text-slate-200"
 };
-function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1, className: d }) {
-	let [f, p] = n(!1), m = t.replace(/^\n/, "").replace(/\n$/, ""), h = m.split("\n");
+function u({ code: t, language: n = "js", filename: s, showLineNumbers: u = !1, className: d }) {
+	let [f, p] = r(!1), m = t.replace(/^\n/, "").replace(/\n$/, ""), h = m.split("\n");
 	async function g() {
 		let e = !1;
 		try {
@@ -132,27 +132,28 @@ function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1,
 		}
 		e && (p(!0), window.setTimeout(() => p(!1), 1500));
 	}
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		className: e("group relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]", d),
-		children: [/* @__PURE__ */ a("div", {
+		children: [/* @__PURE__ */ o("div", {
 			className: "flex items-center justify-between px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2",
-				children: l && /* @__PURE__ */ i("span", {
+				children: s && /* @__PURE__ */ a("span", {
 					className: "text-xs font-mono text-slate-500 dark:text-slate-400",
-					children: l
+					children: s
 				})
-			}), /* @__PURE__ */ a("div", {
+			}), /* @__PURE__ */ o("div", {
 				className: "flex items-center gap-2",
-				children: [!l && /* @__PURE__ */ i("span", {
+				children: [!s && /* @__PURE__ */ a("span", {
 					className: "text-xs font-mono text-slate-400 dark:text-slate-500 uppercase",
-					children: o
-				}), /* @__PURE__ */ i("button", {
+					children: n
+				}), /* @__PURE__ */ a("button", {
 					type: "button",
 					onClick: g,
 					"aria-label": f ? "Copied code" : "Copy code",
-					className: "h-6 px-2 flex items-center gap-1 rounded text-xs text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8 transition-colors",
-					children: f ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("svg", {
+					className: "h-6 shrink-0 px-2 flex items-center gap-1 whitespace-nowrap rounded text-xs text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8 transition-colors",
+					children: f ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("svg", {
+						className: "shrink-0",
 						width: "11",
 						height: "11",
 						viewBox: "0 0 24 24",
@@ -161,8 +162,9 @@ function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1,
 						strokeWidth: "2.5",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: /* @__PURE__ */ i("path", { d: "M20 6 9 17l-5-5" })
-					}), "Copied"] }) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("svg", {
+						children: /* @__PURE__ */ a("path", { d: "M20 6 9 17l-5-5" })
+					}), "Copied"] }) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("svg", {
+						className: "shrink-0",
 						width: "11",
 						height: "11",
 						viewBox: "0 0 24 24",
@@ -171,30 +173,30 @@ function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1,
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ i("rect", {
+						children: [/* @__PURE__ */ a("rect", {
 							width: "14",
 							height: "14",
 							x: "8",
 							y: "8",
 							rx: "2",
 							ry: "2"
-						}), /* @__PURE__ */ i("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
+						}), /* @__PURE__ */ a("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })]
 					}), "Copy"] })
 				})]
 			})]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "overflow-x-auto",
-			children: /* @__PURE__ */ i("table", {
+			children: /* @__PURE__ */ a("table", {
 				className: "w-full border-collapse text-sm font-mono leading-6",
-				children: /* @__PURE__ */ i("tbody", { children: h.map((e, t) => /* @__PURE__ */ a("tr", {
+				children: /* @__PURE__ */ a("tbody", { children: h.map((e, t) => /* @__PURE__ */ o("tr", {
 					className: "hover:bg-black/3 dark:hover:bg-white/3",
-					children: [u && /* @__PURE__ */ i("td", {
+					children: [u && /* @__PURE__ */ a("td", {
 						className: "select-none w-10 pr-4 pl-4 text-right text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6",
 						children: t + 1
-					}), /* @__PURE__ */ i("td", {
+					}), /* @__PURE__ */ a("td", {
 						className: "px-4 py-0 whitespace-pre",
-						children: s(e, o).map((e, t) => /* @__PURE__ */ i("span", {
-							className: c[e.type],
+						children: c(e, n).map((e, t) => /* @__PURE__ */ a("span", {
+							className: l[e.type],
 							children: e.value
 						}, t))
 					})]
@@ -203,29 +205,29 @@ function l({ code: t, language: o = "js", filename: l, showLineNumbers: u = !1,
 		})]
 	});
 }
-function u({ children: t, className: n }) {
-	return /* @__PURE__ */ i("code", {
-		className: e("font-mono text-[0.85em] px-1.5 py-0.5 rounded-md bg-black/6 dark:bg-white/8 border border-black/[0.07] dark:border-white/[0.07] text-slate-700 dark:text-slate-300", n),
-		children: t
-	});
-}
-function d({ value: n, onChange: r, language: o = "js", placeholder: s = "// Start typing…", minRows: c = 6, maxRows: l = 24, readOnly: u = !1, className: d }) {
-	let f = t(null), p = Math.min(l, Math.max(c, n.split("\n").length));
+var d = t(({ className: t, ...n }, r) => /* @__PURE__ */ a("code", {
+	ref: r,
+	className: e("break-words rounded-md border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground", t),
+	...n
+}));
+d.displayName = "InlineCode";
+function f({ value: t, onChange: r, language: i = "js", placeholder: s = "// Start typing…", minRows: c = 6, maxRows: l = 24, readOnly: u = !1, className: d }) {
+	let f = n(null), p = Math.min(l, Math.max(c, t.split("\n").length));
 	function m(e) {
-		let t = e.currentTarget, { selectionStart: i, selectionEnd: a } = t;
+		let n = e.currentTarget, { selectionStart: i, selectionEnd: a } = n;
 		if (e.key === "Tab") {
 			e.preventDefault();
-			let o = n.slice(0, i) + "  " + n.slice(a);
+			let o = t.slice(0, i) + "  " + t.slice(a);
 			r?.(o), requestAnimationFrame(() => {
-				t.selectionStart = t.selectionEnd = i + 2;
+				n.selectionStart = n.selectionEnd = i + 2;
 			});
 		}
 		if (e.key === "Enter") {
-			let o = n.lastIndexOf("\n", i - 1) + 1, s = n.slice(o).match(/^(\s*)/)?.[1] ?? "";
+			let o = t.lastIndexOf("\n", i - 1) + 1, s = t.slice(o).match(/^(\s*)/)?.[1] ?? "";
 			e.preventDefault();
-			let c = n.slice(0, i) + "\n" + s + n.slice(a);
+			let c = t.slice(0, i) + "\n" + s + t.slice(a);
 			r?.(c), requestAnimationFrame(() => {
-				t.selectionStart = t.selectionEnd = i + 1 + s.length;
+				n.selectionStart = n.selectionEnd = i + 1 + s.length;
 			});
 		}
 		let o = {
@@ -238,29 +240,29 @@ function d({ value: n, onChange: r, language: o = "js", placeholder: s = "// Sta
 		};
 		if (o[e.key] && i === a) {
 			e.preventDefault();
-			let s = n.slice(0, i) + e.key + o[e.key] + n.slice(a);
+			let s = t.slice(0, i) + e.key + o[e.key] + t.slice(a);
 			r?.(s), requestAnimationFrame(() => {
-				t.selectionStart = t.selectionEnd = i + 1;
+				n.selectionStart = n.selectionEnd = i + 1;
 			});
 		}
 	}
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		className: e("relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]", d),
-		children: [/* @__PURE__ */ i("div", {
+		children: [/* @__PURE__ */ a("div", {
 			className: "flex items-center gap-1.5 px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3",
-			children: /* @__PURE__ */ i("span", {
+			children: /* @__PURE__ */ a("span", {
 				className: "text-xs font-mono text-slate-400 dark:text-slate-500 uppercase",
-				children: o
+				children: i
 			})
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: "relative flex",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "select-none shrink-0 py-3 px-3 text-right text-sm font-mono leading-6 text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6 bg-black/2 dark:bg-black/20",
 				"aria-hidden": !0,
-				children: Array.from({ length: p }, (e, t) => /* @__PURE__ */ i("div", { children: t + 1 }, t))
-			}), /* @__PURE__ */ i("textarea", {
+				children: Array.from({ length: p }, (e, t) => /* @__PURE__ */ a("div", { children: t + 1 }, t))
+			}), /* @__PURE__ */ a("textarea", {
 				ref: f,
-				value: n,
+				value: t,
 				onChange: (e) => r?.(e.target.value),
 				onKeyDown: m,
 				readOnly: u,
@@ -273,4 +275,4 @@ function d({ value: n, onChange: r, language: o = "js", placeholder: s = "// Sta
 	});
 }
 //#endregion
-export { l as CodeBlock, d as CodeEditor, u as InlineCode };
+export { u as CodeBlock, f as CodeEditor, d as InlineCode };

package/dist/components/copy-button.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");var i=()=>(0,r.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,r.jsx)(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),(0,r.jsx)(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]}),a=()=>(0,r.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`m20 6-11 11-5-5`})});function o({value:o,timeout:s=2e3,label:c,size:l=`sm`,className:u,...d}){let[f,p]=(0,n.useState)(!1);async function m(){try{await navigator.clipboard.writeText(o),p(!0),setTimeout(()=>p(!1),s)}catch{}}return(0,r.jsx)(`button`,{type:`button`,onClick:m,className:e.t(`inline-flex items-center font-medium transition-colors select-none`,`border border-black/10 dark:border-white/10`,f?`bg-emerald-500/10 text-emerald-400 border-emerald-500/20`:`bg-black/4 dark:bg-white/4 text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8`,l===`sm`?`h-6 px-2 text-xs gap-1 rounded-md`:`h-8 px-3 text-sm gap-1.5 rounded-lg`,u),...d,children:(0,r.jsx)(t.AnimatePresence,{mode:`wait`,initial:!1,children:f?(0,r.jsxs)(t.motion.span,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.1},className:`flex items-center gap-1`,children:[(0,r.jsx)(a,{}),c&&`Copied`]},`check`):(0,r.jsxs)(t.motion.span,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.1},className:`flex items-center gap-1`,children:[(0,r.jsx)(i,{}),c&&c]},`copy`)})})}exports.CopyButton=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");var i=()=>(0,r.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,r.jsx)(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),(0,r.jsx)(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]}),a=()=>(0,r.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`m20 6-11 11-5-5`})});function o({value:o,timeout:s=2e3,label:c,size:l=`sm`,className:u,...d}){let[f,p]=(0,n.useState)(!1);async function m(){try{await navigator.clipboard.writeText(o),p(!0),setTimeout(()=>p(!1),s)}catch{}}return(0,r.jsx)(`button`,{type:`button`,onClick:m,className:e.t(`inline-flex shrink-0 items-center justify-center whitespace-nowrap font-medium transition-colors select-none`,`border border-black/10 dark:border-white/10`,f?`bg-emerald-500/10 text-emerald-400 border-emerald-500/20`:`bg-black/4 dark:bg-white/4 text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8`,l===`sm`?`h-6 px-2 text-xs gap-1 rounded-md`:`h-8 px-3 text-sm gap-1.5 rounded-lg`,u),...d,children:(0,r.jsx)(t.AnimatePresence,{mode:`wait`,initial:!1,children:f?(0,r.jsxs)(t.motion.span,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.1},className:`inline-flex items-center gap-1 whitespace-nowrap`,children:[(0,r.jsx)(a,{}),c&&`Copied`]},`check`):(0,r.jsxs)(t.motion.span,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.1},className:`inline-flex items-center gap-1 whitespace-nowrap`,children:[(0,r.jsx)(i,{}),c&&c]},`copy`)})})}exports.CopyButton=o;

package/dist/components/copy-button.js

@@ -42,7 +42,7 @@ function c({ value: c, timeout: l = 2e3, label: u, size: d = "sm", className: f,
 	return /* @__PURE__ */ i("button", {
 		type: "button",
 		onClick: g,
-		className: e("inline-flex items-center font-medium transition-colors select-none", "border border-black/10 dark:border-white/10", m ? "bg-emerald-500/10 text-emerald-400 border-emerald-500/20" : "bg-black/4 dark:bg-white/4 text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8", d === "sm" ? "h-6 px-2 text-xs gap-1 rounded-md" : "h-8 px-3 text-sm gap-1.5 rounded-lg", f),
+		className: e("inline-flex shrink-0 items-center justify-center whitespace-nowrap font-medium transition-colors select-none", "border border-black/10 dark:border-white/10", m ? "bg-emerald-500/10 text-emerald-400 border-emerald-500/20" : "bg-black/4 dark:bg-white/4 text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8", d === "sm" ? "h-6 px-2 text-xs gap-1 rounded-md" : "h-8 px-3 text-sm gap-1.5 rounded-lg", f),
 		...p,
 		children: /* @__PURE__ */ i(t, {
 			mode: "wait",
@@ -61,7 +61,7 @@ function c({ value: c, timeout: l = 2e3, label: u, size: d = "sm", className: f,
 					opacity: 0
 				},
 				transition: { duration: .1 },
-				className: "flex items-center gap-1",
+				className: "inline-flex items-center gap-1 whitespace-nowrap",
 				children: [/* @__PURE__ */ i(s, {}), u && "Copied"]
 			}, "check") : /* @__PURE__ */ a(n.span, {
 				initial: {
@@ -77,7 +77,7 @@ function c({ value: c, timeout: l = 2e3, label: u, size: d = "sm", className: f,
 					opacity: 0
 				},
 				transition: { duration: .1 },
-				className: "flex items-center gap-1",
+				className: "inline-flex items-center gap-1 whitespace-nowrap",
 				children: [/* @__PURE__ */ i(o, {}), u && u]
 			}, "copy")
 		})

package/dist/components/currency.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={default:`text-foreground`,positive:`text-success`,negative:`text-destructive`,muted:`text-muted-foreground`},i={xs:`text-xs`,sm:`text-sm`,md:`text-base`,lg:`text-lg`,xl:`text-2xl`};function a(e){return typeof e==`bigint`?e<0n:e<0}function o(e){return typeof e==`bigint`||Number.isFinite(e)}function s(e,{currency:t=`USD`,locale:n=`en-US`,accounting:r=!1,options:i}={}){if(!o(e))return null;try{return new Intl.NumberFormat(n,{...i,style:`currency`,currency:t,currencySign:r?`accounting`:`standard`}).format(e)}catch{return null}}var c=(0,t.forwardRef)(({value:t,currency:o=`USD`,locale:c=`en-US`,accounting:l=!1,options:u,tone:d=`auto`,size:f=`md`,fallback:p=`—`,className:m,...h},g)=>{let _=s(t,{currency:o,locale:c,accounting:l,options:u}),v=d===`auto`?a(t)?`negative`:`default`:d,y=u?.notation===`compact`?s(t,{currency:o,locale:c,accounting:l,options:{...u,notation:`standard`}})??void 0:void 0;return(0,n.jsx)(`span`,{ref:g,"data-invalid":_===null||void 0,"aria-label":y,className:e.t(`inline whitespace-nowrap font-medium tabular-nums`,r[v],i[f],m),...h,children:_??p})});c.displayName=`Currency`,exports.Currency=c,exports.formatCurrency=s;

package/dist/components/currency.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type CurrencyTone = "auto" | "default" | "positive" | "negative" | "muted";
+export type CurrencySize = "xs" | "sm" | "md" | "lg" | "xl";
+export type CurrencyFormatOptions = Omit<Intl.NumberFormatOptions, "style" | "currency" | "currencySign">;
+export interface FormatCurrencyOptions {
+    currency?: string;
+    locale?: Intl.LocalesArgument;
+    accounting?: boolean;
+    options?: CurrencyFormatOptions;
+}
+export declare function formatCurrency(value: number | bigint, { currency, locale, accounting, options, }?: FormatCurrencyOptions): string | null;
+export interface CurrencyProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children">, FormatCurrencyOptions {
+    value: number | bigint;
+    tone?: CurrencyTone;
+    size?: CurrencySize;
+    fallback?: ReactNode;
+}
+export declare const Currency: import('react').ForwardRefExoticComponent<CurrencyProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/currency.js

@@ -0,0 +1,62 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/currency.tsx
+var r = {
+	default: "text-foreground",
+	positive: "text-success",
+	negative: "text-destructive",
+	muted: "text-muted-foreground"
+}, i = {
+	xs: "text-xs",
+	sm: "text-sm",
+	md: "text-base",
+	lg: "text-lg",
+	xl: "text-2xl"
+};
+function a(e) {
+	return typeof e == "bigint" ? e < 0n : e < 0;
+}
+function o(e) {
+	return typeof e == "bigint" || Number.isFinite(e);
+}
+function s(e, { currency: t = "USD", locale: n = "en-US", accounting: r = !1, options: i } = {}) {
+	if (!o(e)) return null;
+	try {
+		return new Intl.NumberFormat(n, {
+			...i,
+			style: "currency",
+			currency: t,
+			currencySign: r ? "accounting" : "standard"
+		}).format(e);
+	} catch {
+		return null;
+	}
+}
+var c = t(({ value: t, currency: o = "USD", locale: c = "en-US", accounting: l = !1, options: u, tone: d = "auto", size: f = "md", fallback: p = "—", className: m, ...h }, g) => {
+	let _ = s(t, {
+		currency: o,
+		locale: c,
+		accounting: l,
+		options: u
+	}), v = d === "auto" ? a(t) ? "negative" : "default" : d, y = u?.notation === "compact" ? s(t, {
+		currency: o,
+		locale: c,
+		accounting: l,
+		options: {
+			...u,
+			notation: "standard"
+		}
+	}) ?? void 0 : void 0;
+	return /* @__PURE__ */ n("span", {
+		ref: g,
+		"data-invalid": _ === null || void 0,
+		"aria-label": y,
+		className: e("inline whitespace-nowrap font-medium tabular-nums", r[v], i[f], m),
+		...h,
+		children: _ ?? p
+	});
+});
+c.displayName = "Currency";
+//#endregion
+export { c as Currency, s as formatCurrency };

package/dist/components/description-list.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`},i={compact:`gap-x-4 gap-y-3`,default:`gap-x-6 gap-y-5`,relaxed:`gap-x-8 gap-y-7`},a=(0,t.forwardRef)(({columns:t=1,density:a=`default`,className:o,...s},c)=>(0,n.jsx)(`dl`,{ref:c,className:e.t(`grid min-w-0`,r[t],i[a],o),...s}));a.displayName=`DescriptionList`;var o=(0,t.forwardRef)(({orientation:t=`stacked`,className:r,...i},a)=>(0,n.jsx)(`div`,{ref:a,className:e.t(`min-w-0`,t===`inline`?`flex flex-col gap-1 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4`:`flex flex-col gap-1`,r),...i}));o.displayName=`DescriptionItem`;var s=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`dt`,{ref:i,className:e.t(`text-xs font-medium text-muted-foreground`,t),...r}));s.displayName=`DescriptionTerm`;var c=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`dd`,{ref:i,className:e.t(`min-w-0 break-words text-sm font-medium text-foreground`,t),...r}));c.displayName=`DescriptionDetails`,exports.DescriptionDetails=c,exports.DescriptionItem=o,exports.DescriptionList=a,exports.DescriptionTerm=s;

package/dist/components/description-list.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+export type DescriptionListColumns = 1 | 2 | 3;
+export type DescriptionListDensity = "compact" | "default" | "relaxed";
+export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
+    columns?: DescriptionListColumns;
+    density?: DescriptionListDensity;
+}
+export declare const DescriptionList: import('react').ForwardRefExoticComponent<DescriptionListProps & import('react').RefAttributes<HTMLDListElement>>;
+export interface DescriptionItemProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: "stacked" | "inline";
+}
+export declare const DescriptionItem: import('react').ForwardRefExoticComponent<DescriptionItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DescriptionTerm: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;
+export declare const DescriptionDetails: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;