@bzync/rui 0.0.3

package/dist/components/tooltip.js

@@ -0,0 +1,84 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { AnimatePresence as t, motion as n } from "framer-motion";
+import { cloneElement as r, isValidElement as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/tooltip.tsx
+var d = {
+	top: {
+		container: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+		initial: { y: 4 }
+	},
+	bottom: {
+		container: "top-full left-1/2 -translate-x-1/2 mt-2",
+		initial: { y: -4 }
+	},
+	left: {
+		container: "right-full top-1/2 -translate-y-1/2 mr-2",
+		initial: { x: 4 }
+	},
+	right: {
+		container: "left-full top-1/2 -translate-y-1/2 ml-2",
+		initial: { x: -4 }
+	}
+};
+function f({ content: f, children: p, position: m = "top", delayMs: h = 0, className: g }) {
+	let [_, v] = c(!1), y = s(null), b = o(), { container: x, initial: S } = d[m];
+	function C() {
+		h > 0 ? y.current = setTimeout(() => v(!0), h) : v(!0);
+	}
+	function w() {
+		y.current && clearTimeout(y.current), v(!1);
+	}
+	a(() => () => {
+		y.current && clearTimeout(y.current);
+	}, []);
+	let T = i(p) ? r(p, {
+		"aria-describedby": _ ? b : void 0,
+		onMouseEnter: (e) => {
+			p.props.onMouseEnter?.(e), e.defaultPrevented || C();
+		},
+		onMouseLeave: (e) => {
+			p.props.onMouseLeave?.(e), w();
+		},
+		onFocus: (e) => {
+			p.props.onFocus?.(e), e.defaultPrevented || C();
+		},
+		onBlur: (e) => {
+			p.props.onBlur?.(e), w();
+		}
+	}) : /* @__PURE__ */ l("span", {
+		tabIndex: 0,
+		"aria-describedby": _ ? b : void 0,
+		onMouseEnter: C,
+		onMouseLeave: w,
+		onFocus: C,
+		onBlur: w,
+		children: p
+	});
+	return /* @__PURE__ */ u("div", {
+		className: "relative inline-flex",
+		children: [T, /* @__PURE__ */ l(t, { children: _ && /* @__PURE__ */ l(n.div, {
+			id: b,
+			role: "tooltip",
+			initial: {
+				opacity: 0,
+				...S
+			},
+			animate: {
+				opacity: 1,
+				y: 0,
+				x: 0
+			},
+			exit: {
+				opacity: 0,
+				...S
+			},
+			transition: { duration: .12 },
+			className: e("absolute z-50 pointer-events-none", "max-w-[min(20rem,calc(100vw-2rem))] rounded-md px-2.5 py-1.5 text-xs font-medium leading-4", "border border-slate-700 bg-slate-900 text-slate-50 shadow-floating dark:border-border-strong dark:bg-surface-raised dark:text-foreground", x, g),
+			children: f
+		}) })]
+	});
+}
+//#endregion
+export { f as Tooltip };

package/dist/components/tree.cjs

@@ -0,0 +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");function i({nodes:t,selected:i,onSelect:o,defaultExpanded:s=[],className:c}){let[l,u]=(0,n.useState)(new Set(s));function d(e){u(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}return(0,r.jsx)(`div`,{className:e.t(`select-none`,c),children:(0,r.jsx)(a,{nodes:t,expanded:l,selected:i,onToggle:d,onSelect:o,depth:0})})}function a({nodes:n,expanded:i,selected:o,onToggle:s,onSelect:c,depth:l}){return(0,r.jsx)(`ul`,{children:n.map(n=>{let u=i.has(n.id),d=o===n.id,f=!!n.children?.length;return(0,r.jsxs)(`li`,{children:[(0,r.jsxs)(`div`,{style:{paddingLeft:l*16+4},onClick:()=>{n.disabled||(f&&s(n.id),c?.(n.id))},className:e.t(`flex items-center gap-1.5 h-8 pr-2 rounded-lg cursor-pointer transition-colors group`,d?`bg-accent-500/10 text-accent-400`:`text-slate-600 dark:text-slate-300 hover:bg-black/6 dark:hover:bg-white/6`,n.disabled&&`opacity-40 cursor-not-allowed`),children:[f?(0,r.jsx)(t.motion.span,{animate:{rotate:u?90:0},transition:{duration:.15},className:`shrink-0 w-4 flex items-center justify-center text-slate-500`,children:(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`m9 18 6-6-6-6`})})}):(0,r.jsx)(`span`,{className:`w-4 shrink-0`}),n.icon&&(0,r.jsx)(`span`,{className:e.t(`shrink-0 w-4 h-4 flex items-center justify-center`,d?`text-accent-400`:`text-slate-500`),children:n.icon}),(0,r.jsx)(`span`,{className:`flex-1 min-w-0 text-sm truncate`,children:n.label})]}),(0,r.jsx)(t.AnimatePresence,{initial:!1,children:f&&u&&(0,r.jsx)(t.motion.div,{initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:{duration:.15},className:`overflow-hidden`,children:(0,r.jsx)(a,{nodes:n.children,expanded:i,selected:o,onToggle:s,onSelect:c,depth:l+1})})})]},n.id)})})}exports.Tree=i;

package/dist/components/tree.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface TreeNode {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    children?: TreeNode[];
+    disabled?: boolean;
+}
+export interface TreeProps {
+    nodes: TreeNode[];
+    selected?: string;
+    onSelect?: (id: string) => void;
+    defaultExpanded?: string[];
+    className?: string;
+}
+export declare function Tree({ nodes, selected, onSelect, defaultExpanded, className }: TreeProps): import("react").JSX.Element;

package/dist/components/tree.js

@@ -0,0 +1,92 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { AnimatePresence as t, motion as n } from "framer-motion";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/tree.tsx
+function o({ nodes: t, selected: n, onSelect: a, defaultExpanded: o = [], className: c }) {
+	let [l, u] = r(new Set(o));
+	function d(e) {
+		u((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}
+	return /* @__PURE__ */ i("div", {
+		className: e("select-none", c),
+		children: /* @__PURE__ */ i(s, {
+			nodes: t,
+			expanded: l,
+			selected: n,
+			onToggle: d,
+			onSelect: a,
+			depth: 0
+		})
+	});
+}
+function s({ nodes: r, expanded: o, selected: c, onToggle: l, onSelect: u, depth: d }) {
+	return /* @__PURE__ */ i("ul", { children: r.map((r) => {
+		let f = o.has(r.id), p = c === r.id, m = !!r.children?.length;
+		return /* @__PURE__ */ a("li", { children: [/* @__PURE__ */ a("div", {
+			style: { paddingLeft: d * 16 + 4 },
+			onClick: () => {
+				r.disabled || (m && l(r.id), u?.(r.id));
+			},
+			className: e("flex items-center gap-1.5 h-8 pr-2 rounded-lg cursor-pointer transition-colors group", p ? "bg-accent-500/10 text-accent-400" : "text-slate-600 dark:text-slate-300 hover:bg-black/6 dark:hover:bg-white/6", r.disabled && "opacity-40 cursor-not-allowed"),
+			children: [
+				m ? /* @__PURE__ */ i(n.span, {
+					animate: { rotate: f ? 90 : 0 },
+					transition: { duration: .15 },
+					className: "shrink-0 w-4 flex items-center justify-center text-slate-500",
+					children: /* @__PURE__ */ i("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ i("path", { d: "m9 18 6-6-6-6" })
+					})
+				}) : /* @__PURE__ */ i("span", { className: "w-4 shrink-0" }),
+				r.icon && /* @__PURE__ */ i("span", {
+					className: e("shrink-0 w-4 h-4 flex items-center justify-center", p ? "text-accent-400" : "text-slate-500"),
+					children: r.icon
+				}),
+				/* @__PURE__ */ i("span", {
+					className: "flex-1 min-w-0 text-sm truncate",
+					children: r.label
+				})
+			]
+		}), /* @__PURE__ */ i(t, {
+			initial: !1,
+			children: m && f && /* @__PURE__ */ i(n.div, {
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				exit: {
+					height: 0,
+					opacity: 0
+				},
+				transition: { duration: .15 },
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ i(s, {
+					nodes: r.children,
+					expanded: o,
+					selected: c,
+					onToggle: l,
+					onSelect: u,
+					depth: d + 1
+				})
+			})
+		})] }, r.id);
+	}) });
+}
+//#endregion
+export { o as Tree };

package/dist/createLucideIcon-DDY8HuQR.js

@@ -0,0 +1,42 @@
+import { createContext as e, createElement as t, forwardRef as n, useContext as r } from "react";
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var i = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), s = (e) => {
+	let t = o(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, c = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, l = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, u = e({}), d = () => r(u), f = n(({ color: e, size: n, strokeWidth: r, absoluteStrokeWidth: a, className: o = "", children: s, iconNode: u, ...f }, p) => {
+	let { size: m = 24, strokeWidth: h = 2, absoluteStrokeWidth: g = !1, color: _ = "currentColor", className: v = "" } = d() ?? {}, y = a ?? g ? Number(r ?? h) * 24 / Number(n ?? m) : r ?? h;
+	return t("svg", {
+		ref: p,
+		...c,
+		width: n ?? m ?? c.width,
+		height: n ?? m ?? c.height,
+		stroke: e ?? _,
+		strokeWidth: y,
+		className: i("lucide", v, o),
+		...!s && !l(f) && { "aria-hidden": "true" },
+		...f
+	}, [...u.map(([e, n]) => t(e, n)), ...Array.isArray(s) ? s : [s]]);
+}), p = (e, r) => {
+	let o = n(({ className: n, ...o }, c) => t(f, {
+		ref: c,
+		iconNode: r,
+		className: i(`lucide-${a(s(e))}`, `lucide-${e}`, n),
+		...o
+	}));
+	return o.displayName = s(e), o;
+};
+//#endregion
+export { p as t };

package/dist/createLucideIcon-b_X_3fj-.cjs

@@ -0,0 +1 @@
+let e=require("react");var t=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),n=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),r=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),i=e=>{let t=r(e);return t.charAt(0).toUpperCase()+t.slice(1)},a={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`},o=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},s=(0,e.createContext)({}),c=()=>(0,e.useContext)(s),l=(0,e.forwardRef)(({color:n,size:r,strokeWidth:i,absoluteStrokeWidth:s,className:l=``,children:u,iconNode:d,...f},p)=>{let{size:m=24,strokeWidth:h=2,absoluteStrokeWidth:g=!1,color:_=`currentColor`,className:v=``}=c()??{},y=s??g?Number(i??h)*24/Number(r??m):i??h;return(0,e.createElement)(`svg`,{ref:p,...a,width:r??m??a.width,height:r??m??a.height,stroke:n??_,strokeWidth:y,className:t(`lucide`,v,l),...!u&&!o(f)&&{"aria-hidden":`true`},...f},[...d.map(([t,n])=>(0,e.createElement)(t,n)),...Array.isArray(u)?u:[u]])}),u=(r,a)=>{let o=(0,e.forwardRef)(({className:o,...s},c)=>(0,e.createElement)(l,{ref:c,iconNode:a,className:t(`lucide-${n(i(r))}`,`lucide-${r}`,o),...s}));return o.displayName=i(r),o};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});

package/dist/datatable-BB3v__r5.cjs

@@ -0,0 +1 @@
+const e=require("./cn-BdjraxxU.cjs"),t=require("./component-styles-TkZ7v6Ef.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({loading:n,sortedLength:i,pageSizeOptions:a,pageSize:o,page:s,totalPages:c,hasPagination:l,setPage:u}){return(0,r.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 text-xs text-muted-foreground`,children:[(0,r.jsx)(`span`,{children:n?`Loading…`:i===0?`0 results`:a!==!1&&o!==1/0?`${(s-1)*o+1}–${Math.min(s*o,i)} of ${i}`:`${i} row${i===1?``:`s`}`}),l&&(0,r.jsxs)(`nav`,{"aria-label":`Table pagination`,className:`flex items-center gap-1`,children:[(0,r.jsx)(`button`,{type:`button`,onClick:()=>u(1),disabled:s===1,className:e.t(t.c,`size-7 max-sm:hidden`),"aria-label":`First page`,children:(0,r.jsxs)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,r.jsx)(`path`,{d:`m11 17-5-5 5-5`}),(0,r.jsx)(`path`,{d:`m18 17-5-5 5-5`})]})}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>u(e=>Math.max(1,e-1)),disabled:s===1,className:e.t(t.c,`size-7`),"aria-label":`Previous page`,children:(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`m15 18-6-6 6-6`})})}),Array.from({length:Math.min(5,c)},(n,i)=>{let a;return a=c<=5||s<=3?i+1:s>=c-2?c-4+i:s-2+i,(0,r.jsx)(`button`,{type:`button`,onClick:()=>u(a),"aria-label":`Page ${a}`,"aria-current":s===a?`page`:void 0,className:e.t(t.c,`size-7 text-xs font-medium`,s===a?`bg-accent-50 text-accent-700 dark:bg-accent-500/15 dark:text-accent-300`:`text-muted-foreground`),children:a},a)}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>u(e=>Math.min(c,e+1)),disabled:s===c,className:e.t(t.c,`size-7`),"aria-label":`Next page`,children:(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`m9 18 6-6-6-6`})})}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>u(c),disabled:s===c,className:e.t(t.c,`size-7 max-sm:hidden`),"aria-label":`Last page`,children:(0,r.jsxs)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,r.jsx)(`path`,{d:`m13 17 5-5-5-5`}),(0,r.jsx)(`path`,{d:`m6 17 5-5-5-5`})]})})]})]})}function a({options:e,value:t,onChange:n}){return(0,r.jsxs)(`label`,{className:`flex shrink-0 items-center gap-2 text-xs text-muted-foreground`,children:[(0,r.jsx)(`span`,{children:`Rows`}),(0,r.jsx)(`select`,{value:t,onChange:e=>n(Number(e.target.value)),className:`h-8 rounded-[var(--radius-md)] border border-border bg-surface px-2 text-xs text-foreground focus:border-accent-500 focus:outline-none focus:ring-2 focus:ring-focus-ring/20`,children:e.map(e=>(0,r.jsx)(`option`,{value:e,children:e},e))})]})}function o({cols:e}){return(0,r.jsx)(`tr`,{children:Array.from({length:e}).map((e,t)=>(0,r.jsx)(`td`,{className:`px-4 py-3`,children:(0,r.jsx)(`div`,{className:`h-4 rounded-md bg-black/6 dark:bg-white/6 animate-pulse`,style:{width:`${60+t*17%40}%`}})},t))})}function s({dir:t}){return(0,r.jsxs)(`span`,{className:`inline-flex flex-col ml-1.5 gap-[2px] shrink-0`,children:[(0,r.jsx)(`svg`,{"aria-hidden":`true`,width:`8`,height:`5`,viewBox:`0 0 8 5`,className:e.t(t===`asc`?`text-accent-600`:`text-muted-foreground/60`),children:(0,r.jsx)(`path`,{d:`M4 0L8 5H0L4 0Z`,fill:`currentColor`})}),(0,r.jsx)(`svg`,{"aria-hidden":`true`,width:`8`,height:`5`,viewBox:`0 0 8 5`,className:e.t(t===`desc`?`text-accent-600`:`text-muted-foreground/60`),children:(0,r.jsx)(`path`,{d:`M4 5L0 0H8L4 5Z`,fill:`currentColor`})})]})}var c={left:`text-left`,center:`text-center`,right:`text-right`};function l({columns:t,data:l,loading:u=!1,emptyMessage:d=`No data`,onRowClick:f,className:p,toolbarClassName:m,tableClassName:h,searchable:g=!1,searchPlaceholder:_=`Search…`,pageSizeOptions:v=[10,25,50],defaultPageSize:y,density:b=`comfortable`,ariaLabel:x=`Data table`,getRowLabel:S,unstyled:C=!1}){let[w,T]=(0,n.useState)(null),[E,D]=(0,n.useState)(null),[O,k]=(0,n.useState)(``),[A,j]=(0,n.useState)(1),[M,N]=(0,n.useState)(y??(v===!1?1/0:v[0]??10)),P=(0,n.useCallback)(e=>{w===e?E===`asc`?D(`desc`):(T(null),D(null)):(T(e),D(`asc`)),j(1)},[E,w]),F=(0,n.useMemo)(()=>t.filter(e=>e.searchable!==!1&&e.key),[t]),I=(0,n.useMemo)(()=>{let e=O.trim().toLowerCase();return e?l.filter(t=>F.some(n=>{let r=t[n.key];return String(r??``).toLowerCase().includes(e)})):l},[l,O,F]),L=(0,n.useMemo)(()=>!w||!E?I:[...I].sort((e,t)=>{let n=e[w],r=t[w],i=String(n??``).localeCompare(String(r??``),void 0,{numeric:!0});return E===`asc`?i:-i}),[I,w,E]),R=(0,n.useMemo)(()=>{if(v===!1||M===1/0)return L;let e=(A-1)*M;return L.slice(e,e+M)},[L,A,M,v]),z=(0,n.useMemo)(()=>v!==!1&&M!==1/0?Math.max(1,Math.ceil(L.length/M)):1,[L.length,M,v]),B=v!==!1&&M!==1/0&&z>1,V=g||v!==!1&&Array.isArray(v)&&v.length>1,H=(0,n.useCallback)(e=>{k(e.target.value),j(1)},[]),U=(0,n.useCallback)(e=>{N(e),j(1)},[]);return C?(0,r.jsxs)(`div`,{className:e.t(`w-full`,p),children:[g&&(0,r.jsx)(`input`,{"aria-label":_,value:O,onChange:H,placeholder:_}),(0,r.jsx)(`table`,{"aria-label":x,className:h,children:(0,r.jsx)(`tbody`,{children:R.map(e=>(0,r.jsx)(`tr`,{onClick:f?()=>f(e):void 0,children:t.map(t=>(0,r.jsx)(`td`,{children:t.cell(e)},t.key))},e.id))})})]}):(0,r.jsxs)(`div`,{className:e.t(`w-full min-w-0 max-w-full flex flex-col gap-3`,p),children:[V&&(0,r.jsxs)(`div`,{className:e.t(`flex flex-col sm:flex-row sm:items-center justify-between gap-3`,m),children:[g?(0,r.jsxs)(`div`,{className:`relative flex-1 sm:max-w-xs`,children:[(0,r.jsxs)(`svg`,{"aria-hidden":`true`,className:`absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none`,width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,r.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,r.jsx)(`path`,{d:`m21 21-4.3-4.3`})]}),(0,r.jsx)(`input`,{"aria-label":_,type:`search`,value:O,onChange:H,placeholder:_,className:`h-8 w-full rounded-[var(--radius-md)] border border-border bg-surface pl-8 pr-3 text-sm text-foreground placeholder:text-muted-foreground transition-colors focus:border-accent-500 focus:outline-none focus:ring-2 focus:ring-focus-ring/20`})]}):(0,r.jsx)(`div`,{}),v!==!1&&Array.isArray(v)&&v.length>1&&(0,r.jsx)(a,{options:v,value:M,onChange:U})]}),(0,r.jsx)(`div`,{style:{contain:`inline-size paint`},className:e.t(`w-full min-w-0 max-w-full overflow-hidden rounded-[var(--radius-lg)] border border-border bg-surface`,h),children:(0,r.jsx)(`div`,{className:`w-full min-w-0 max-w-full overflow-x-auto overscroll-x-contain scrollbar-thin`,children:(0,r.jsxs)(`table`,{"aria-label":x,"data-density":b,className:`group/table w-full text-sm border-collapse`,children:[(0,r.jsx)(`thead`,{className:`border-b border-border bg-surface-muted`,children:(0,r.jsx)(`tr`,{children:t.map(t=>(0,r.jsx)(`th`,{scope:`col`,"aria-sort":w===t.key?E===`asc`?`ascending`:E===`desc`?`descending`:`none`:void 0,style:{width:t.width},className:e.t(`px-4 py-2.5 text-xs font-medium text-muted-foreground group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2`,c[t.align??`left`]),children:t.sortable?(0,r.jsxs)(`button`,{type:`button`,className:`inline-flex items-center gap-1 rounded-sm transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35`,onClick:()=>P(t.key),children:[t.header,(0,r.jsx)(s,{dir:w===t.key?E:null})]}):t.header},t.key))})}),(0,r.jsx)(`tbody`,{className:`divide-y divide-border`,children:u?Array.from({length:5}).map((e,n)=>(0,r.jsx)(o,{cols:t.length},n)):R.length===0?(0,r.jsx)(`tr`,{children:(0,r.jsx)(`td`,{colSpan:t.length,className:`px-4 py-12 text-center text-sm text-muted-foreground`,children:O?`No results for “${O}”`:d})}):R.map(n=>(0,r.jsx)(`tr`,{tabIndex:f?0:void 0,"aria-label":S?.(n),className:e.t(`transition-colors duration-100 hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring/35`,f&&`cursor-pointer`),onClick:f?()=>f(n):void 0,onKeyDown:f?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),f(n))}:void 0,children:t.map(t=>(0,r.jsx)(`td`,{className:e.t(`px-4 py-3 text-sm text-foreground group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2`,c[t.align??`left`]),children:t.cell(n)},t.key))},n.id))})]})})}),(B||!u&&L.length>0)&&(0,r.jsx)(i,{loading:u,sortedLength:L.length,pageSizeOptions:v,pageSize:M,page:A,totalPages:z,hasPagination:B,setPage:j})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/datatable-DlBhUhuO.js

@@ -0,0 +1,316 @@
+import { t as e } from "./cn-DpgY2leY.js";
+import { c as t } from "./component-styles-Ce56hn9T.js";
+import { useCallback as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/datatable/pagination-footer.tsx
+function s({ loading: n, sortedLength: r, pageSizeOptions: i, pageSize: s, page: c, totalPages: l, hasPagination: u, setPage: d }) {
+	return /* @__PURE__ */ o("div", {
+		className: "flex flex-wrap items-center justify-between gap-2 text-xs text-muted-foreground",
+		children: [/* @__PURE__ */ a("span", { children: n ? "Loading…" : r === 0 ? "0 results" : i !== !1 && s !== Infinity ? `${(c - 1) * s + 1}–${Math.min(c * s, r)} of ${r}` : `${r} row${r === 1 ? "" : "s"}` }), u && /* @__PURE__ */ o("nav", {
+			"aria-label": "Table pagination",
+			className: "flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: () => d(1),
+					disabled: c === 1,
+					className: e(t, "size-7 max-sm:hidden"),
+					"aria-label": "First page",
+					children: /* @__PURE__ */ o("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ a("path", { d: "m11 17-5-5 5-5" }), /* @__PURE__ */ a("path", { d: "m18 17-5-5 5-5" })]
+					})
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: () => d((e) => Math.max(1, e - 1)),
+					disabled: c === 1,
+					className: e(t, "size-7"),
+					"aria-label": "Previous page",
+					children: /* @__PURE__ */ a("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ a("path", { d: "m15 18-6-6 6-6" })
+					})
+				}),
+				Array.from({ length: Math.min(5, l) }, (n, r) => {
+					let i;
+					return i = l <= 5 || c <= 3 ? r + 1 : c >= l - 2 ? l - 4 + r : c - 2 + r, /* @__PURE__ */ a("button", {
+						type: "button",
+						onClick: () => d(i),
+						"aria-label": `Page ${i}`,
+						"aria-current": c === i ? "page" : void 0,
+						className: e(t, "size-7 text-xs font-medium", c === i ? "bg-accent-50 text-accent-700 dark:bg-accent-500/15 dark:text-accent-300" : "text-muted-foreground"),
+						children: i
+					}, i);
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: () => d((e) => Math.min(l, e + 1)),
+					disabled: c === l,
+					className: e(t, "size-7"),
+					"aria-label": "Next page",
+					children: /* @__PURE__ */ a("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ a("path", { d: "m9 18 6-6-6-6" })
+					})
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: () => d(l),
+					disabled: c === l,
+					className: e(t, "size-7 max-sm:hidden"),
+					"aria-label": "Last page",
+					children: /* @__PURE__ */ o("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ a("path", { d: "m13 17 5-5-5-5" }), /* @__PURE__ */ a("path", { d: "m6 17 5-5-5-5" })]
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/datatable/rows-dropdown.tsx
+function c({ options: e, value: t, onChange: n }) {
+	return /* @__PURE__ */ o("label", {
+		className: "flex shrink-0 items-center gap-2 text-xs text-muted-foreground",
+		children: [/* @__PURE__ */ a("span", { children: "Rows" }), /* @__PURE__ */ a("select", {
+			value: t,
+			onChange: (e) => n(Number(e.target.value)),
+			className: "h-8 rounded-[var(--radius-md)] border border-border bg-surface px-2 text-xs text-foreground focus:border-accent-500 focus:outline-none focus:ring-2 focus:ring-focus-ring/20",
+			children: e.map((e) => /* @__PURE__ */ a("option", {
+				value: e,
+				children: e
+			}, e))
+		})]
+	});
+}
+//#endregion
+//#region src/components/datatable/skeleton-row.tsx
+function l({ cols: e }) {
+	return /* @__PURE__ */ a("tr", { children: Array.from({ length: e }).map((e, t) => /* @__PURE__ */ a("td", {
+		className: "px-4 py-3",
+		children: /* @__PURE__ */ a("div", {
+			className: "h-4 rounded-md bg-black/6 dark:bg-white/6 animate-pulse",
+			style: { width: `${60 + t * 17 % 40}%` }
+		})
+	}, t)) });
+}
+//#endregion
+//#region src/components/datatable/sort-icon.tsx
+function u({ dir: t }) {
+	return /* @__PURE__ */ o("span", {
+		className: "inline-flex flex-col ml-1.5 gap-[2px] shrink-0",
+		children: [/* @__PURE__ */ a("svg", {
+			"aria-hidden": "true",
+			width: "8",
+			height: "5",
+			viewBox: "0 0 8 5",
+			className: e(t === "asc" ? "text-accent-600" : "text-muted-foreground/60"),
+			children: /* @__PURE__ */ a("path", {
+				d: "M4 0L8 5H0L4 0Z",
+				fill: "currentColor"
+			})
+		}), /* @__PURE__ */ a("svg", {
+			"aria-hidden": "true",
+			width: "8",
+			height: "5",
+			viewBox: "0 0 8 5",
+			className: e(t === "desc" ? "text-accent-600" : "text-muted-foreground/60"),
+			children: /* @__PURE__ */ a("path", {
+				d: "M4 5L0 0H8L4 5Z",
+				fill: "currentColor"
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/datatable.tsx
+var d = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+function f({ columns: t, data: f, loading: p = !1, emptyMessage: m = "No data", onRowClick: h, className: g, toolbarClassName: _, tableClassName: v, searchable: y = !1, searchPlaceholder: b = "Search…", pageSizeOptions: x = [
+	10,
+	25,
+	50
+], defaultPageSize: S, density: C = "comfortable", ariaLabel: w = "Data table", getRowLabel: T, unstyled: E = !1 }) {
+	let [D, O] = i(null), [k, A] = i(null), [j, M] = i(""), [N, P] = i(1), [F, I] = i(S ?? (x === !1 ? Infinity : x[0] ?? 10)), L = n((e) => {
+		D === e ? k === "asc" ? A("desc") : (O(null), A(null)) : (O(e), A("asc")), P(1);
+	}, [k, D]), R = r(() => t.filter((e) => e.searchable !== !1 && e.key), [t]), z = r(() => {
+		let e = j.trim().toLowerCase();
+		return e ? f.filter((t) => R.some((n) => {
+			let r = t[n.key];
+			return String(r ?? "").toLowerCase().includes(e);
+		})) : f;
+	}, [
+		f,
+		j,
+		R
+	]), B = r(() => !D || !k ? z : [...z].sort((e, t) => {
+		let n = e[D], r = t[D], i = String(n ?? "").localeCompare(String(r ?? ""), void 0, { numeric: !0 });
+		return k === "asc" ? i : -i;
+	}), [
+		z,
+		D,
+		k
+	]), V = r(() => {
+		if (x === !1 || F === Infinity) return B;
+		let e = (N - 1) * F;
+		return B.slice(e, e + F);
+	}, [
+		B,
+		N,
+		F,
+		x
+	]), H = r(() => x !== !1 && F !== Infinity ? Math.max(1, Math.ceil(B.length / F)) : 1, [
+		B.length,
+		F,
+		x
+	]), U = x !== !1 && F !== Infinity && H > 1, W = y || x !== !1 && Array.isArray(x) && x.length > 1, G = n((e) => {
+		M(e.target.value), P(1);
+	}, []), K = n((e) => {
+		I(e), P(1);
+	}, []);
+	return E ? /* @__PURE__ */ o("div", {
+		className: e("w-full", g),
+		children: [y && /* @__PURE__ */ a("input", {
+			"aria-label": b,
+			value: j,
+			onChange: G,
+			placeholder: b
+		}), /* @__PURE__ */ a("table", {
+			"aria-label": w,
+			className: v,
+			children: /* @__PURE__ */ a("tbody", { children: V.map((e) => /* @__PURE__ */ a("tr", {
+				onClick: h ? () => h(e) : void 0,
+				children: t.map((t) => /* @__PURE__ */ a("td", { children: t.cell(e) }, t.key))
+			}, e.id)) })
+		})]
+	}) : /* @__PURE__ */ o("div", {
+		className: e("w-full min-w-0 max-w-full flex flex-col gap-3", g),
+		children: [
+			W && /* @__PURE__ */ o("div", {
+				className: e("flex flex-col sm:flex-row sm:items-center justify-between gap-3", _),
+				children: [y ? /* @__PURE__ */ o("div", {
+					className: "relative flex-1 sm:max-w-xs",
+					children: [/* @__PURE__ */ o("svg", {
+						"aria-hidden": "true",
+						className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none",
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ a("circle", {
+							cx: "11",
+							cy: "11",
+							r: "8"
+						}), /* @__PURE__ */ a("path", { d: "m21 21-4.3-4.3" })]
+					}), /* @__PURE__ */ a("input", {
+						"aria-label": b,
+						type: "search",
+						value: j,
+						onChange: G,
+						placeholder: b,
+						className: "h-8 w-full rounded-[var(--radius-md)] border border-border bg-surface pl-8 pr-3 text-sm text-foreground placeholder:text-muted-foreground transition-colors focus:border-accent-500 focus:outline-none focus:ring-2 focus:ring-focus-ring/20"
+					})]
+				}) : /* @__PURE__ */ a("div", {}), x !== !1 && Array.isArray(x) && x.length > 1 && /* @__PURE__ */ a(c, {
+					options: x,
+					value: F,
+					onChange: K
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				style: { contain: "inline-size paint" },
+				className: e("w-full min-w-0 max-w-full overflow-hidden rounded-[var(--radius-lg)] border border-border bg-surface", v),
+				children: /* @__PURE__ */ a("div", {
+					className: "w-full min-w-0 max-w-full overflow-x-auto overscroll-x-contain scrollbar-thin",
+					children: /* @__PURE__ */ o("table", {
+						"aria-label": w,
+						"data-density": C,
+						className: "group/table w-full text-sm border-collapse",
+						children: [/* @__PURE__ */ a("thead", {
+							className: "border-b border-border bg-surface-muted",
+							children: /* @__PURE__ */ a("tr", { children: t.map((t) => /* @__PURE__ */ a("th", {
+								scope: "col",
+								"aria-sort": D === t.key ? k === "asc" ? "ascending" : k === "desc" ? "descending" : "none" : void 0,
+								style: { width: t.width },
+								className: e("px-4 py-2.5 text-xs font-medium text-muted-foreground group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2", d[t.align ?? "left"]),
+								children: t.sortable ? /* @__PURE__ */ o("button", {
+									type: "button",
+									className: "inline-flex items-center gap-1 rounded-sm transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35",
+									onClick: () => L(t.key),
+									children: [t.header, /* @__PURE__ */ a(u, { dir: D === t.key ? k : null })]
+								}) : t.header
+							}, t.key)) })
+						}), /* @__PURE__ */ a("tbody", {
+							className: "divide-y divide-border",
+							children: p ? Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ a(l, { cols: t.length }, n)) : V.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", {
+								colSpan: t.length,
+								className: "px-4 py-12 text-center text-sm text-muted-foreground",
+								children: j ? `No results for “${j}”` : m
+							}) }) : V.map((n) => /* @__PURE__ */ a("tr", {
+								tabIndex: h ? 0 : void 0,
+								"aria-label": T?.(n),
+								className: e("transition-colors duration-100 hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring/35", h && "cursor-pointer"),
+								onClick: h ? () => h(n) : void 0,
+								onKeyDown: h ? (e) => {
+									(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h(n));
+								} : void 0,
+								children: t.map((t) => /* @__PURE__ */ a("td", {
+									className: e("px-4 py-3 text-sm text-foreground group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2", d[t.align ?? "left"]),
+									children: t.cell(n)
+								}, t.key))
+							}, n.id))
+						})]
+					})
+				})
+			}),
+			(U || !p && B.length > 0) && /* @__PURE__ */ a(s, {
+				loading: p,
+				sortedLength: B.length,
+				pageSizeOptions: x,
+				pageSize: F,
+				page: N,
+				totalPages: H,
+				hasPagination: U,
+				setPage: P
+			})
+		]
+	});
+}
+//#endregion
+export { f as t };

package/dist/drawer-Cbuh6qdL.cjs

@@ -0,0 +1 @@
+const e=require("./cn-BdjraxxU.cjs"),t=require("./component-styles-TkZ7v6Ef.cjs"),n=require("./use-event-callback-Du9_9eAi.cjs"),r=require("./focus-DmG6Ge7X.cjs"),i=require("./createLucideIcon-b_X_3fj-.cjs");let a=require("framer-motion"),o=require("react"),s=require("react/jsx-runtime"),c=require("react-dom");var l=i.t(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);function u({open:i,onClose:u,position:d=`left`,title:f,children:p,width:m=320,className:h,overlayClassName:g,panelClassName:_,unstyled:v=!1,ariaLabel:y=`Drawer`,closeAriaLabel:b=`Close drawer`,closeOnEscape:x=!0,closeOnOverlayClick:S=!0}){let C=n.t(u),w=(0,o.useRef)(null),T=(0,o.useRef)(null),E=(0,o.useRef)(i),D=(0,o.useId)();i&&!E.current&&typeof document<`u`&&document.activeElement instanceof HTMLElement&&(T.current=document.activeElement),E.current=i,(0,o.useEffect)(()=>{if(i)return;let e=e=>{e.target instanceof HTMLElement&&(T.current=e.target)};return!T.current&&document.activeElement instanceof HTMLElement&&(T.current=document.activeElement),document.addEventListener(`focusin`,e),()=>document.removeEventListener(`focusin`,e)},[i]),(0,o.useEffect)(()=>{if(!i)return;!T.current&&document.activeElement instanceof HTMLElement&&(T.current=document.activeElement);let e=document.body.style.overflow,t=e=>{if(e.key===`Escape`&&x){e.preventDefault(),C();return}if(e.key===`Tab`&&w.current){let t=r.t(w.current);if(t.length===0){e.preventDefault(),w.current.focus();return}let n=t[0],i=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),n.focus())}};document.addEventListener(`keydown`,t),document.body.style.overflow=`hidden`;let n=window.setTimeout(()=>{(w.current?.querySelector(`a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])`)??w.current)?.focus()},0);return()=>{clearTimeout(n),document.removeEventListener(`keydown`,t),document.body.style.overflow=e}},[x,i,C]),(0,o.useEffect)(()=>{if(i||!T.current)return;let e=T.current,t=window.setTimeout(()=>e.focus(),240);return()=>window.clearTimeout(t)},[i]);let O=()=>{let e=T.current;T.current=null,window.setTimeout(()=>e?.focus(),0)};if(typeof document>`u`)return null;if(v&&i)return(0,c.createPortal)((0,s.jsx)(`div`,{ref:w,tabIndex:-1,role:`dialog`,"aria-modal":`true`,"aria-label":typeof f==`string`?f:y,className:e.t(h,_),children:p}),document.body);if(d===`bottom`)return(0,c.createPortal)((0,s.jsx)(a.AnimatePresence,{onExitComplete:O,children:i&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.16},className:e.t(`fixed inset-0 z-[100] bg-overlay`,g),onClick:S?C:void 0},`drawer-backdrop`),(0,s.jsxs)(a.motion.div,{ref:w,tabIndex:-1,initial:{y:`100%`},animate:{y:0},exit:{y:`100%`},transition:{duration:.22,ease:[.16,1,.3,1]},role:`dialog`,"aria-modal":`true`,"aria-labelledby":f?D:void 0,"aria-label":f?void 0:y,className:e.t(`fixed bottom-0 left-0 right-0 z-[101] flex max-h-[80dvh] flex-col rounded-t-[var(--radius-xl)] border-t border-border bg-surface-raised shadow-overlay`,_,h),children:[(0,s.jsx)(`div`,{className:`flex justify-center pb-1 pt-3 shrink-0`,"aria-hidden":`true`,children:(0,s.jsx)(`div`,{className:`h-1 w-9 rounded-full bg-border-strong`})}),f&&(0,s.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border px-5 py-3 shrink-0`,children:[(0,s.jsx)(`h2`,{id:D,className:`text-sm font-semibold text-foreground`,children:f}),(0,s.jsx)(`button`,{type:`button`,onClick:C,className:t.c,"aria-label":b,children:(0,s.jsx)(l,{size:14,"aria-hidden":`true`})})]}),(0,s.jsx)(`div`,{className:`flex-1 overflow-y-auto pb-safe-bottom`,children:p})]},`drawer-panel`)]})}),document.body);let k=d===`left`?`-100%`:`100%`;return(0,c.createPortal)((0,s.jsx)(a.AnimatePresence,{onExitComplete:O,children:i&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.16},className:e.t(`fixed inset-0 z-[100] bg-overlay`,g),onClick:S?C:void 0},`drawer-backdrop`),(0,s.jsxs)(a.motion.div,{ref:w,tabIndex:-1,initial:{x:k},animate:{x:0},exit:{x:k},transition:{duration:.22,ease:[.16,1,.3,1]},role:`dialog`,"aria-modal":`true`,"aria-labelledby":f?D:void 0,"aria-label":f?void 0:y,className:e.t(`fixed top-0 bottom-0 z-[101] flex max-w-[100vw] flex-col bg-surface-raised shadow-overlay`,d===`left`?`left-0 border-r border-border`:`right-0 border-l border-border`,_,h),style:{width:m},children:[f&&(0,s.jsxs)(`div`,{className:`flex h-14 items-center justify-between gap-3 border-b border-border px-5 shrink-0`,children:[(0,s.jsx)(`h2`,{id:D,className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:f}),(0,s.jsx)(`button`,{type:`button`,onClick:C,className:t.c,"aria-label":b,children:(0,s.jsx)(l,{size:14,"aria-hidden":`true`})})]}),(0,s.jsx)(`div`,{className:`flex-1 overflow-y-auto`,children:p})]},`drawer-panel`)]})}),document.body)}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});