@bzync/rui 0.0.3

package/dist/components/charts/heatmap-chart.d.ts

@@ -0,0 +1,10 @@
+export interface HeatmapChartProps {
+    data: number[][];
+    rowLabels?: string[];
+    colLabels?: string[];
+    color?: string;
+    cellSize?: number;
+    className?: string;
+    formatValue?: (v: number) => string;
+}
+export declare function HeatmapChart({ data, rowLabels, colLabels, color, cellSize, className, formatValue, }: HeatmapChartProps): import("react").JSX.Element;

package/dist/components/charts/index.d.ts

@@ -0,0 +1,11 @@
+export type { ChartDataPoint } from './shared';
+export * from './bar-chart';
+export * from './line-chart';
+export * from './multi-line-chart';
+export * from './donut-chart';
+export * from './scatter-chart';
+export * from './gantt-chart';
+export * from './heatmap-chart';
+export * from './radar-chart';
+export * from './funnel-chart';
+export * from './waterfall-chart';

package/dist/components/charts/line-chart.d.ts

@@ -0,0 +1,16 @@
+import { ChartDataPoint } from './shared';
+export interface LineChartProps {
+    data: ChartDataPoint[];
+    height?: number;
+    color?: string;
+    area?: boolean;
+    dots?: boolean;
+    gridLines?: number;
+    className?: string;
+    formatValue?: (v: number) => string;
+    smooth?: boolean;
+    showXLabels?: boolean;
+    /** Max number of x-axis labels to show before thinning them out evenly. Default 8. */
+    maxLabels?: number;
+}
+export declare function LineChart({ data, height, color, area, dots, gridLines, className, formatValue, smooth, showXLabels, maxLabels, }: LineChartProps): import("react").JSX.Element;

package/dist/components/charts/multi-line-chart.d.ts

@@ -0,0 +1,18 @@
+export interface MultiLineSeries {
+    label: string;
+    color?: string;
+    data: number[];
+}
+export interface MultiLineChartProps {
+    labels: string[];
+    series: MultiLineSeries[];
+    height?: number;
+    area?: boolean;
+    dots?: boolean;
+    gridLines?: number;
+    className?: string;
+    formatValue?: (v: number) => string;
+    /** Max number of x-axis labels to show before thinning them out evenly. Default 8. */
+    maxLabels?: number;
+}
+export declare function MultiLineChart({ labels, series, height, area, dots, gridLines, className, formatValue, maxLabels, }: MultiLineChartProps): import("react").JSX.Element;

package/dist/components/charts/radar-chart.d.ts

@@ -0,0 +1,13 @@
+export interface RadarSeries {
+    label: string;
+    color?: string;
+    data: number[];
+}
+export interface RadarChartProps {
+    axes: string[];
+    series: RadarSeries[];
+    size?: number;
+    gridLines?: number;
+    className?: string;
+}
+export declare function RadarChart({ axes, series, size, gridLines, className, }: RadarChartProps): import("react").JSX.Element;

package/dist/components/charts/scatter-chart.d.ts

@@ -0,0 +1,24 @@
+export interface ScatterPoint {
+    x: number;
+    y: number;
+    /** Dot radius multiplier (0.5–2). Default 1. */
+    r?: number;
+    label?: string;
+    color?: string;
+}
+export interface ScatterSeries {
+    label: string;
+    color?: string;
+    data: ScatterPoint[];
+}
+export interface ScatterChartProps {
+    series: ScatterSeries[];
+    height?: number;
+    xLabel?: string;
+    yLabel?: string;
+    gridLines?: number;
+    className?: string;
+    formatX?: (v: number) => string;
+    formatY?: (v: number) => string;
+}
+export declare function ScatterChart({ series, height, xLabel, gridLines, className, formatX, formatY, }: ScatterChartProps): import("react").JSX.Element;

package/dist/components/charts/shared.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface ChartDataPoint {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface TooltipState {
+    x: number;
+    y: number;
+    content: ReactNode;
+}
+export declare function visibleLabelAt(n: number, max: number): (i: number) => boolean;
+export declare function ChartTooltip({ tooltip }: {
+    tooltip: TooltipState | null;
+}): import('react').ReactPortal | null;

package/dist/components/charts/waterfall-chart.d.ts

@@ -0,0 +1,14 @@
+export interface WaterfallItem {
+    label: string;
+    value: number;
+    /** If true, renders as a full summary bar from zero. */
+    total?: boolean;
+    color?: string;
+}
+export interface WaterfallChartProps {
+    data: WaterfallItem[];
+    height?: number;
+    className?: string;
+    formatValue?: (v: number) => string;
+}
+export declare function WaterfallChart({ data, height, className, formatValue, }: WaterfallChartProps): import("react").JSX.Element;

package/dist/components/charts.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../charts-UDqS1BH1.cjs");exports.BarChart=e.u,exports.DonutChart=e.s,exports.FunnelChart=e.n,exports.GanttChart=e.a,exports.HeatmapChart=e.i,exports.LineChart=e.l,exports.MultiLineChart=e.c,exports.RadarChart=e.r,exports.ScatterChart=e.o,exports.WaterfallChart=e.t;

package/dist/components/charts.d.ts

@@ -0,0 +1,2 @@
+export * from './charts/index.js'
+export {}

package/dist/components/charts.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../charts-CxEy2c3M.js";
+export { l as BarChart, s as DonutChart, i as FunnelChart, e as GanttChart, n as HeatmapChart, r as LineChart, t as MultiLineChart, o as RadarChart, a as ScatterChart, c as WaterfallChart };

package/dist/components/checkbox.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");require("../component-styles-TkZ7v6Ef.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");var i={sm:{box:`w-3.5 h-3.5 rounded`,check:10,label:`text-xs`,desc:`text-[10px]`},md:{box:`w-4 h-4 rounded-[4px]`,check:11,label:`text-sm`,desc:`text-xs`},lg:{box:`w-5 h-5 rounded-md`,check:13,label:`text-sm`,desc:`text-xs`}},a=(0,n.forwardRef)(({className:a,label:o,description:s,size:c=`md`,checked:l,defaultChecked:u,indeterminate:d=!1,onChange:f,disabled:p,error:m,id:h,...g},_)=>{let[v,y]=(0,n.useState)(l===void 0?u??!1:l);(0,n.useEffect)(()=>{l!==void 0&&y(l)},[l]);let b=(0,n.useId)(),x=h??b,S=`${x}-message`,C=(0,n.useRef)(null),w=i[c],T=v||d;return(0,n.useEffect)(()=>{C.current&&(C.current.indeterminate=d)},[d]),(0,r.jsxs)(`div`,{className:e.t(`flex flex-col gap-1`,a),children:[(0,r.jsxs)(`label`,{htmlFor:x,className:e.t(`flex items-start gap-2.5 cursor-pointer`,p&&`cursor-not-allowed opacity-50`),children:[(0,r.jsxs)(`div`,{className:e.t(`relative mt-0.5 shrink-0`,w.box),children:[(0,r.jsx)(`input`,{ref:e=>{C.current=e,typeof _==`function`?_(e):_&&(_.current=e)},type:`checkbox`,id:x,className:`peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed`,"aria-invalid":m?!0:void 0,"aria-describedby":m||s?S:void 0,"aria-checked":d?`mixed`:v,checked:v,disabled:p,onChange:e=>{l===void 0&&y(e.target.checked),f?.(e)},...g}),(0,r.jsx)(`div`,{className:e.t(`w-full h-full border-2 flex items-center justify-center transition-colors duration-[120ms] peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg`,w.box,T?`bg-accent-600 border-accent-600 dark:bg-accent-500 dark:border-accent-500`:m?`bg-transparent border-red-500/50`:`bg-transparent border-black/25 dark:border-white/25`),children:(0,r.jsx)(t.AnimatePresence,{mode:`wait`,children:d?(0,r.jsx)(t.motion.svg,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},transition:{duration:.1},width:w.check,height:w.check,viewBox:`0 0 14 14`,fill:`none`,stroke:`white`,strokeWidth:`2.5`,strokeLinecap:`round`,children:(0,r.jsx)(`path`,{d:`M3 7h8`})},`minus`):v?(0,r.jsx)(t.motion.svg,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},transition:{type:`spring`,stiffness:600,damping:30},width:w.check,height:w.check,viewBox:`0 0 14 14`,fill:`none`,stroke:`white`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`M2.5 7l3 3 6-6`})},`check`):null})})]}),(o||s)&&(0,r.jsxs)(`div`,{className:`min-w-0`,children:[o&&(0,r.jsx)(`p`,{className:e.t(`font-medium text-foreground leading-snug`,w.label),children:o}),s&&(0,r.jsx)(`p`,{id:m?void 0:S,className:e.t(`mt-0.5 text-muted-foreground`,w.desc),children:s})]})]}),m&&(0,r.jsx)(`p`,{id:S,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,`ml-[26px]`),children:m})]})});a.displayName=`Checkbox`,exports.Checkbox=a;

package/dist/components/checkbox.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: string;
+    description?: string;
+    size?: "sm" | "md" | "lg";
+    indeterminate?: boolean;
+    error?: string;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/checkbox.js

@@ -0,0 +1,135 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import "../component-styles-Ce56hn9T.js";
+import { AnimatePresence as t, motion as n } from "framer-motion";
+import { forwardRef as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/checkbox.tsx
+var u = {
+	sm: {
+		box: "w-3.5 h-3.5 rounded",
+		check: 10,
+		label: "text-xs",
+		desc: "text-[10px]"
+	},
+	md: {
+		box: "w-4 h-4 rounded-[4px]",
+		check: 11,
+		label: "text-sm",
+		desc: "text-xs"
+	},
+	lg: {
+		box: "w-5 h-5 rounded-md",
+		check: 13,
+		label: "text-sm",
+		desc: "text-xs"
+	}
+}, d = r(({ className: r, label: d, description: f, size: p = "md", checked: m, defaultChecked: h, indeterminate: g = !1, onChange: _, disabled: v, error: y, id: b, ...x }, S) => {
+	let [C, w] = s(m === void 0 ? h ?? !1 : m);
+	i(() => {
+		m !== void 0 && w(m);
+	}, [m]);
+	let T = a(), E = b ?? T, D = `${E}-message`, O = o(null), k = u[p], A = C || g;
+	return i(() => {
+		O.current && (O.current.indeterminate = g);
+	}, [g]), /* @__PURE__ */ l("div", {
+		className: e("flex flex-col gap-1", r),
+		children: [/* @__PURE__ */ l("label", {
+			htmlFor: E,
+			className: e("flex items-start gap-2.5 cursor-pointer", v && "cursor-not-allowed opacity-50"),
+			children: [/* @__PURE__ */ l("div", {
+				className: e("relative mt-0.5 shrink-0", k.box),
+				children: [/* @__PURE__ */ c("input", {
+					ref: (e) => {
+						O.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
+					},
+					type: "checkbox",
+					id: E,
+					className: "peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
+					"aria-invalid": y ? !0 : void 0,
+					"aria-describedby": y || f ? D : void 0,
+					"aria-checked": g ? "mixed" : C,
+					checked: C,
+					disabled: v,
+					onChange: (e) => {
+						m === void 0 && w(e.target.checked), _?.(e);
+					},
+					...x
+				}), /* @__PURE__ */ c("div", {
+					className: e("w-full h-full border-2 flex items-center justify-center transition-colors duration-[120ms] peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg", k.box, A ? "bg-accent-600 border-accent-600 dark:bg-accent-500 dark:border-accent-500" : y ? "bg-transparent border-red-500/50" : "bg-transparent border-black/25 dark:border-white/25"),
+					children: /* @__PURE__ */ c(t, {
+						mode: "wait",
+						children: g ? /* @__PURE__ */ c(n.svg, {
+							initial: {
+								scale: 0,
+								opacity: 0
+							},
+							animate: {
+								scale: 1,
+								opacity: 1
+							},
+							exit: {
+								scale: 0,
+								opacity: 0
+							},
+							transition: { duration: .1 },
+							width: k.check,
+							height: k.check,
+							viewBox: "0 0 14 14",
+							fill: "none",
+							stroke: "white",
+							strokeWidth: "2.5",
+							strokeLinecap: "round",
+							children: /* @__PURE__ */ c("path", { d: "M3 7h8" })
+						}, "minus") : C ? /* @__PURE__ */ c(n.svg, {
+							initial: {
+								scale: 0,
+								opacity: 0
+							},
+							animate: {
+								scale: 1,
+								opacity: 1
+							},
+							exit: {
+								scale: 0,
+								opacity: 0
+							},
+							transition: {
+								type: "spring",
+								stiffness: 600,
+								damping: 30
+							},
+							width: k.check,
+							height: k.check,
+							viewBox: "0 0 14 14",
+							fill: "none",
+							stroke: "white",
+							strokeWidth: "2.5",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("path", { d: "M2.5 7l3 3 6-6" })
+						}, "check") : null
+					})
+				})]
+			}), (d || f) && /* @__PURE__ */ l("div", {
+				className: "min-w-0",
+				children: [d && /* @__PURE__ */ c("p", {
+					className: e("font-medium text-foreground leading-snug", k.label),
+					children: d
+				}), f && /* @__PURE__ */ c("p", {
+					id: y ? void 0 : D,
+					className: e("mt-0.5 text-muted-foreground", k.desc),
+					children: f
+				})]
+			})]
+		}), y && /* @__PURE__ */ c("p", {
+			id: D,
+			"aria-live": "polite",
+			className: e("text-xs leading-5 text-destructive", "ml-[26px]"),
+			children: y
+		})]
+	});
+});
+d.displayName = "Checkbox";
+//#endregion
+export { d as Checkbox };

package/dist/components/code.cjs

@@ -0,0 +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(`
+`).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

@@ -0,0 +1,23 @@
+export interface CodeBlockProps {
+    code: string;
+    language?: string;
+    filename?: string;
+    showLineNumbers?: boolean;
+    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 CodeEditorProps {
+    value: string;
+    onChange?: (value: string) => void;
+    language?: string;
+    placeholder?: string;
+    minRows?: number;
+    maxRows?: number;
+    readOnly?: boolean;
+    className?: string;
+}
+export declare function CodeEditor({ value, onChange, language, placeholder, minRows, maxRows, readOnly, className, }: CodeEditorProps): import("react").JSX.Element;

package/dist/components/code.js

@@ -0,0 +1,276 @@
+"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";
+//#region src/components/code.tsx
+var o = {
+	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: [
+		"if",
+		"then",
+		"else",
+		"elif",
+		"fi",
+		"for",
+		"do",
+		"done",
+		"while",
+		"case",
+		"esac",
+		"in",
+		"function",
+		"return",
+		"exit",
+		"echo",
+		"export",
+		"source",
+		"local",
+		"readonly"
+	],
+	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;
+	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);
+			r.push({
+				type: "comment",
+				value: n
+			}), i += n.length;
+			continue;
+		}
+		if (e.slice(i, i + 2) === "/*") {
+			let t = e.indexOf("*/", i + 2), n = t === -1 ? e.slice(i) : e.slice(i, t + 2);
+			r.push({
+				type: "comment",
+				value: n
+			}), i += n.length;
+			continue;
+		}
+		if (e[i] === "#" && (t === "python" || t === "sql")) {
+			let t = e.indexOf("\n", i), n = t === -1 ? e.slice(i) : e.slice(i, t);
+			r.push({
+				type: "comment",
+				value: n
+			}), i += n.length;
+			continue;
+		}
+		if (e[i] === "\"" || e[i] === "'" || e[i] === "`") {
+			let t = e[i], n = i + 1;
+			for (; n < e.length;) {
+				if (e[n] === "\\" && n + 1 < e.length) {
+					n += 2;
+					continue;
+				}
+				if (e[n] === t) {
+					n++;
+					break;
+				}
+				n++;
+			}
+			r.push({
+				type: "string",
+				value: e.slice(i, n)
+			}), i = n;
+			continue;
+		}
+		if (/[0-9]/.test(e[i]) || e[i] === "." && /[0-9]/.test(e[i + 1] ?? "")) {
+			let t = i;
+			for (; t < e.length && /[0-9._xXa-fA-F]/.test(e[t]);) t++;
+			r.push({
+				type: "number",
+				value: e.slice(i, t)
+			}), i = t;
+			continue;
+		}
+		if (/[a-zA-Z_$]/.test(e[i])) {
+			let t = i;
+			for (; t < e.length && /[a-zA-Z0-9_$]/.test(e[t]);) t++;
+			let a = e.slice(i, t);
+			r.push({
+				type: n.has(a) ? "keyword" : "plain",
+				value: a
+			}), i = t;
+			continue;
+		}
+		if (/[=<>!&|+\-*/%^~?:,;.()[\]{}]/.test(e[i])) {
+			r.push({
+				type: "operator",
+				value: e[i]
+			}), i++;
+			continue;
+		}
+		r.push({
+			type: "plain",
+			value: e[i]
+		}), i++;
+	}
+	return r;
+}
+var c = {
+	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 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");
+	async function g() {
+		let e = !1;
+		try {
+			if (!navigator.clipboard?.writeText) throw Error("Clipboard API unavailable");
+			await navigator.clipboard.writeText(m), e = !0;
+		} catch {
+			let t = document.createElement("textarea");
+			t.value = m, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select(), e = document.execCommand("copy"), t.remove();
+		}
+		e && (p(!0), window.setTimeout(() => p(!1), 1500));
+	}
+	return /* @__PURE__ */ a("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", {
+			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", {
+				className: "flex items-center gap-2",
+				children: l && /* @__PURE__ */ i("span", {
+					className: "text-xs font-mono text-slate-500 dark:text-slate-400",
+					children: l
+				})
+			}), /* @__PURE__ */ a("div", {
+				className: "flex items-center gap-2",
+				children: [!l && /* @__PURE__ */ i("span", {
+					className: "text-xs font-mono text-slate-400 dark:text-slate-500 uppercase",
+					children: o
+				}), /* @__PURE__ */ i("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", {
+						width: "11",
+						height: "11",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						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", {
+						width: "11",
+						height: "11",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ i("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" })]
+					}), "Copy"] })
+				})]
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ i("table", {
+				className: "w-full border-collapse text-sm font-mono leading-6",
+				children: /* @__PURE__ */ i("tbody", { children: h.map((e, t) => /* @__PURE__ */ a("tr", {
+					className: "hover:bg-black/3 dark:hover:bg-white/3",
+					children: [u && /* @__PURE__ */ i("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", {
+						className: "px-4 py-0 whitespace-pre",
+						children: s(e, o).map((e, t) => /* @__PURE__ */ i("span", {
+							className: c[e.type],
+							children: e.value
+						}, t))
+					})]
+				}, t)) })
+			})
+		})]
+	});
+}
+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));
+	function m(e) {
+		let t = e.currentTarget, { selectionStart: i, selectionEnd: a } = t;
+		if (e.key === "Tab") {
+			e.preventDefault();
+			let o = n.slice(0, i) + "  " + n.slice(a);
+			r?.(o), requestAnimationFrame(() => {
+				t.selectionStart = t.selectionEnd = i + 2;
+			});
+		}
+		if (e.key === "Enter") {
+			let o = n.lastIndexOf("\n", i - 1) + 1, s = n.slice(o).match(/^(\s*)/)?.[1] ?? "";
+			e.preventDefault();
+			let c = n.slice(0, i) + "\n" + s + n.slice(a);
+			r?.(c), requestAnimationFrame(() => {
+				t.selectionStart = t.selectionEnd = i + 1 + s.length;
+			});
+		}
+		let o = {
+			"(": ")",
+			"[": "]",
+			"{": "}",
+			"\"": "\"",
+			"'": "'",
+			"`": "`"
+		};
+		if (o[e.key] && i === a) {
+			e.preventDefault();
+			let s = n.slice(0, i) + e.key + o[e.key] + n.slice(a);
+			r?.(s), requestAnimationFrame(() => {
+				t.selectionStart = t.selectionEnd = i + 1;
+			});
+		}
+	}
+	return /* @__PURE__ */ a("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", {
+			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", {
+				className: "text-xs font-mono text-slate-400 dark:text-slate-500 uppercase",
+				children: o
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: "relative flex",
+			children: [/* @__PURE__ */ i("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", {
+				ref: f,
+				value: n,
+				onChange: (e) => r?.(e.target.value),
+				onKeyDown: m,
+				readOnly: u,
+				placeholder: s,
+				spellCheck: !1,
+				rows: p,
+				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"
+			})]
+		})]
+	});
+}
+//#endregion
+export { l as CodeBlock, d as CodeEditor, u as InlineCode };

package/dist/components/command.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");require("../component-styles-TkZ7v6Ef.cjs");const t=require("../focus-DmG6Ge7X.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(null);function o(){let e=(0,r.useContext)(a);if(!e)throw Error(`useCommand must be inside <CommandProvider>`);return e}function s({children:e,shortcut:t=`k`}){let[n,o]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{function e(e){(e.metaKey||e.ctrlKey)&&e.key===t&&(e.preventDefault(),o(e=>!e))}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[t]),(0,i.jsx)(a.Provider,{value:{open:n,setOpen:o},children:e})}function c({items:a,placeholder:s=`Search commands…`,emptyText:c=`No results found.`,ariaLabel:l=`Command palette`}){let{open:u,setOpen:d}=o(),[f,p]=(0,r.useState)(``),[m,h]=(0,r.useState)(0),g=(0,r.useRef)(null),_=(0,r.useRef)(null),v=(0,r.useRef)(null),y=(0,r.useId)();(0,r.useEffect)(()=>{if(!u)return;let e=document.activeElement instanceof HTMLElement?document.activeElement:null,n=document.body.style.overflow,r=window.setTimeout(()=>g.current?.focus(),0),i=e=>{if(e.key===`Escape`){e.preventDefault(),d(!1);return}if(e.key!==`Tab`||!v.current)return;let n=t.t(v.current);if(n.length===0){e.preventDefault(),v.current.focus();return}let r=n[0],i=n[n.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};return p(``),h(0),document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,i),()=>{window.clearTimeout(r),document.body.style.overflow=n,document.removeEventListener(`keydown`,i),e?.focus()}},[u,d]);let b=(0,r.useMemo)(()=>{if(!f)return a;let e=f.toLowerCase();return a.filter(t=>t.label.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.keywords?.some(t=>t.toLowerCase().includes(e)))},[f,a]),x=(0,r.useMemo)(()=>{let e=new Map;for(let t of b){let n=t.group??``;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[b]),S=(0,r.useMemo)(()=>Array.from(x.values()).flat(),[x]);function C(e){e.key===`ArrowDown`?(e.preventDefault(),h(e=>Math.min(e+1,Math.max(S.length-1,0)))):e.key===`ArrowUp`?(e.preventDefault(),h(e=>Math.max(e-1,0))):e.key===`Enter`?(e.preventDefault(),S[m]?.onSelect(),d(!1)):e.key===`Escape`&&d(!1)}(0,r.useEffect)(()=>{_.current&&_.current.querySelector(`[data-active="true"]`)?.scrollIntoView({block:`nearest`})},[m]);let w=0;return(0,i.jsx)(n.AnimatePresence,{children:u&&(0,i.jsxs)(`div`,{className:`fixed inset-0 z-[200] flex items-start justify-center pt-[15vh] p-4`,children:[(0,i.jsx)(n.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},className:`absolute inset-0 bg-overlay`,onClick:()=>d(!1),"aria-hidden":`true`}),(0,i.jsxs)(n.motion.div,{ref:v,tabIndex:-1,role:`dialog`,"aria-modal":`true`,"aria-label":l,initial:{opacity:0,scale:.96,y:-8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-8},transition:{type:`spring`,stiffness:400,damping:30},className:`relative w-full max-w-lg overflow-hidden rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4`,children:[(0,i.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400 shrink-0`,children:[(0,i.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,i.jsx)(`path`,{d:`m21 21-4.35-4.35`})]}),(0,i.jsx)(`input`,{ref:g,type:`search`,role:`combobox`,"aria-label":l,"aria-autocomplete":`list`,"aria-expanded":`true`,"aria-controls":y,"aria-activedescendant":S[m]?`${y}-option-${m}`:void 0,value:f,onChange:e=>{p(e.target.value),h(0)},onKeyDown:C,placeholder:s,className:`min-w-0 flex-1 bg-transparent py-3.5 text-sm text-foreground outline-none placeholder:text-muted-foreground`}),(0,i.jsx)(`kbd`,{className:`shrink-0 rounded-[var(--radius-sm)] border border-border-strong bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:`ESC`})]}),(0,i.jsx)(`div`,{id:y,ref:_,role:`listbox`,"aria-label":`Commands`,className:`max-h-80 overflow-y-auto py-1.5`,children:b.length===0?(0,i.jsx)(`p`,{className:`py-10 text-center text-sm text-muted-foreground`,children:c}):Array.from(x.entries()).map(([t,n])=>(0,i.jsxs)(`div`,{role:`group`,"aria-label":t||void 0,children:[t&&(0,i.jsx)(`p`,{className:`px-4 py-1 text-[10px] font-semibold text-slate-500 uppercase tracking-widest`,children:t}),n.map(t=>{let n=w++,r=n===m;return(0,i.jsxs)(`button`,{id:`${y}-option-${n}`,type:`button`,role:`option`,"aria-selected":r,"data-active":r,onClick:()=>{t.onSelect(),d(!1)},onMouseEnter:()=>h(n),className:e.t(`flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`,r?`bg-surface-muted`:`hover:bg-surface-muted/70`),children:[t.icon&&(0,i.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400 w-5 flex items-center justify-center`,children:t.icon}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:`truncate text-sm text-foreground`,children:t.label}),t.description&&(0,i.jsx)(`p`,{className:`truncate text-xs text-muted-foreground`,children:t.description})]}),t.shortcut&&(0,i.jsx)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:t.shortcut.map((e,t)=>(0,i.jsx)(`kbd`,{className:`rounded-[var(--radius-sm)] border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:e},t))})]},t.id)})]},t))})]})]})})}exports.CommandPalette=c,exports.CommandProvider=s,exports.useCommand=o;