@bzync/rui 0.0.3

package/dist/components/command.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    shortcut?: string[];
+    group?: string;
+    keywords?: string[];
+    onSelect: () => void;
+}
+interface CommandContextValue {
+    open: boolean;
+    setOpen: (v: boolean) => void;
+}
+export declare function useCommand(): CommandContextValue;
+export interface CommandProviderProps {
+    children: ReactNode;
+    shortcut?: string;
+}
+export declare function CommandProvider({ children, shortcut }: CommandProviderProps): import("react").JSX.Element;
+export interface CommandPaletteProps {
+    items: CommandItem[];
+    placeholder?: string;
+    emptyText?: string;
+    ariaLabel?: string;
+}
+export declare function CommandPalette({ items, placeholder, emptyText, ariaLabel, }: CommandPaletteProps): import("react").JSX.Element;
+export {};

package/dist/components/command.js

@@ -0,0 +1,208 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import "../component-styles-Ce56hn9T.js";
+import { t } from "../focus-Dk1YWVPN.js";
+import { AnimatePresence as n, motion as r } from "framer-motion";
+import { createContext as i, useContext as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/command.tsx
+var p = i(null);
+function m() {
+	let e = a(p);
+	if (!e) throw Error("useCommand must be inside <CommandProvider>");
+	return e;
+}
+function h({ children: e, shortcut: t = "k" }) {
+	let [n, r] = u(!1);
+	return o(() => {
+		function e(e) {
+			(e.metaKey || e.ctrlKey) && e.key === t && (e.preventDefault(), r((e) => !e));
+		}
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [t]), /* @__PURE__ */ d(p.Provider, {
+		value: {
+			open: n,
+			setOpen: r
+		},
+		children: e
+	});
+}
+function g({ items: i, placeholder: a = "Search commands…", emptyText: p = "No results found.", ariaLabel: h = "Command palette" }) {
+	let { open: g, setOpen: _ } = m(), [v, y] = u(""), [b, x] = u(0), S = l(null), C = l(null), w = l(null), T = s();
+	o(() => {
+		if (!g) return;
+		let e = document.activeElement instanceof HTMLElement ? document.activeElement : null, n = document.body.style.overflow, r = window.setTimeout(() => S.current?.focus(), 0), i = (e) => {
+			if (e.key === "Escape") {
+				e.preventDefault(), _(!1);
+				return;
+			}
+			if (e.key !== "Tab" || !w.current) return;
+			let n = t(w.current);
+			if (n.length === 0) {
+				e.preventDefault(), w.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 y(""), x(0), document.body.style.overflow = "hidden", document.addEventListener("keydown", i), () => {
+			window.clearTimeout(r), document.body.style.overflow = n, document.removeEventListener("keydown", i), e?.focus();
+		};
+	}, [g, _]);
+	let E = c(() => {
+		if (!v) return i;
+		let e = v.toLowerCase();
+		return i.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.keywords?.some((t) => t.toLowerCase().includes(e)));
+	}, [v, i]), D = c(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of E) {
+			let n = t.group ?? "";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		return e;
+	}, [E]), O = c(() => Array.from(D.values()).flat(), [D]);
+	function k(e) {
+		e.key === "ArrowDown" ? (e.preventDefault(), x((e) => Math.min(e + 1, Math.max(O.length - 1, 0)))) : e.key === "ArrowUp" ? (e.preventDefault(), x((e) => Math.max(e - 1, 0))) : e.key === "Enter" ? (e.preventDefault(), O[b]?.onSelect(), _(!1)) : e.key === "Escape" && _(!1);
+	}
+	o(() => {
+		C.current && C.current.querySelector("[data-active=\"true\"]")?.scrollIntoView({ block: "nearest" });
+	}, [b]);
+	let A = 0;
+	return /* @__PURE__ */ d(n, { children: g && /* @__PURE__ */ f("div", {
+		className: "fixed inset-0 z-[200] flex items-start justify-center pt-[15vh] p-4",
+		children: [/* @__PURE__ */ d(r.div, {
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .15 },
+			className: "absolute inset-0 bg-overlay",
+			onClick: () => _(!1),
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ f(r.div, {
+			ref: w,
+			tabIndex: -1,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": h,
+			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: [/* @__PURE__ */ f("div", {
+				className: "flex items-center gap-3 border-b border-border px-4",
+				children: [
+					/* @__PURE__ */ f("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: [/* @__PURE__ */ d("circle", {
+							cx: "11",
+							cy: "11",
+							r: "8"
+						}), /* @__PURE__ */ d("path", { d: "m21 21-4.35-4.35" })]
+					}),
+					/* @__PURE__ */ d("input", {
+						ref: S,
+						type: "search",
+						role: "combobox",
+						"aria-label": h,
+						"aria-autocomplete": "list",
+						"aria-expanded": "true",
+						"aria-controls": T,
+						"aria-activedescendant": O[b] ? `${T}-option-${b}` : void 0,
+						value: v,
+						onChange: (e) => {
+							y(e.target.value), x(0);
+						},
+						onKeyDown: k,
+						placeholder: a,
+						className: "min-w-0 flex-1 bg-transparent py-3.5 text-sm text-foreground outline-none placeholder:text-muted-foreground"
+					}),
+					/* @__PURE__ */ d("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"
+					})
+				]
+			}), /* @__PURE__ */ d("div", {
+				id: T,
+				ref: C,
+				role: "listbox",
+				"aria-label": "Commands",
+				className: "max-h-80 overflow-y-auto py-1.5",
+				children: E.length === 0 ? /* @__PURE__ */ d("p", {
+					className: "py-10 text-center text-sm text-muted-foreground",
+					children: p
+				}) : Array.from(D.entries()).map(([t, n]) => /* @__PURE__ */ f("div", {
+					role: "group",
+					"aria-label": t || void 0,
+					children: [t && /* @__PURE__ */ d("p", {
+						className: "px-4 py-1 text-[10px] font-semibold text-slate-500 uppercase tracking-widest",
+						children: t
+					}), n.map((t) => {
+						let n = A++, r = n === b;
+						return /* @__PURE__ */ f("button", {
+							id: `${T}-option-${n}`,
+							type: "button",
+							role: "option",
+							"aria-selected": r,
+							"data-active": r,
+							onClick: () => {
+								t.onSelect(), _(!1);
+							},
+							onMouseEnter: () => x(n),
+							className: e("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 && /* @__PURE__ */ d("span", {
+									className: "shrink-0 text-slate-500 dark:text-slate-400 w-5 flex items-center justify-center",
+									children: t.icon
+								}),
+								/* @__PURE__ */ f("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ d("p", {
+										className: "truncate text-sm text-foreground",
+										children: t.label
+									}), t.description && /* @__PURE__ */ d("p", {
+										className: "truncate text-xs text-muted-foreground",
+										children: t.description
+									})]
+								}),
+								t.shortcut && /* @__PURE__ */ d("div", {
+									className: "flex items-center gap-0.5 shrink-0",
+									children: t.shortcut.map((e, t) => /* @__PURE__ */ d("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))
+			})]
+		})]
+	}) });
+}
+//#endregion
+export { g as CommandPalette, h as CommandProvider, m as useCommand };

package/dist/components/confirm-dialog.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./button.cjs"),t=require("./modal.cjs");let n=require("react/jsx-runtime");function r({open:r,onClose:i,onConfirm:a,title:o=`Are you sure?`,description:s,confirmLabel:c=`Confirm`,cancelLabel:l=`Cancel`,destructive:u=!1,loading:d=!1,icon:f}){return(0,n.jsxs)(t.Modal,{open:r,onClose:i,size:`sm`,title:o,description:typeof s==`string`?s:void 0,icon:f??(u?(0,n.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-red-600 dark:text-red-400`,children:[(0,n.jsx)(`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z`}),(0,n.jsx)(`path`,{d:`M12 9v4`}),(0,n.jsx)(`path`,{d:`M12 17h.01`})]}):(0,n.jsxs)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-info`,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,n.jsx)(`path`,{d:`M12 16v-4`}),(0,n.jsx)(`path`,{d:`M12 8h.01`})]})),children:[typeof s!=`string`&&s&&(0,n.jsx)(`div`,{className:`text-sm leading-relaxed text-slate-600 dark:text-slate-400`,children:s}),(0,n.jsxs)(`div`,{className:`flex flex-wrap justify-end gap-2.5 pt-2`,children:[(0,n.jsx)(e.Button,{variant:`ghost`,onClick:i,disabled:d,children:l}),(0,n.jsx)(e.Button,{variant:u?`destructive`:`primary`,onClick:a,loading:d,autoFocus:!0,children:c})]})]})}exports.ConfirmDialog=r;

package/dist/components/confirm-dialog.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface ConfirmDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title?: string;
+    description?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+    loading?: boolean;
+    icon?: ReactNode;
+}
+export declare function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel, destructive, loading, icon, }: ConfirmDialogProps): import("react").JSX.Element;

package/dist/components/confirm-dialog.js

@@ -0,0 +1,69 @@
+"use client";
+import { Button as e } from "./button.js";
+import { Modal as t } from "./modal.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/confirm-dialog.tsx
+function i({ open: i, onClose: a, onConfirm: o, title: s = "Are you sure?", description: c, confirmLabel: l = "Confirm", cancelLabel: u = "Cancel", destructive: d = !1, loading: f = !1, icon: p }) {
+	return /* @__PURE__ */ r(t, {
+		open: i,
+		onClose: a,
+		size: "sm",
+		title: s,
+		description: typeof c == "string" ? c : void 0,
+		icon: p ?? (d ? /* @__PURE__ */ r("svg", {
+			width: "20",
+			height: "20",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: "text-red-600 dark:text-red-400",
+			children: [
+				/* @__PURE__ */ n("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+				/* @__PURE__ */ n("path", { d: "M12 9v4" }),
+				/* @__PURE__ */ n("path", { d: "M12 17h.01" })
+			]
+		}) : /* @__PURE__ */ r("svg", {
+			width: "20",
+			height: "20",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: "text-info",
+			children: [
+				/* @__PURE__ */ n("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}),
+				/* @__PURE__ */ n("path", { d: "M12 16v-4" }),
+				/* @__PURE__ */ n("path", { d: "M12 8h.01" })
+			]
+		})),
+		children: [typeof c != "string" && c && /* @__PURE__ */ n("div", {
+			className: "text-sm leading-relaxed text-slate-600 dark:text-slate-400",
+			children: c
+		}), /* @__PURE__ */ r("div", {
+			className: "flex flex-wrap justify-end gap-2.5 pt-2",
+			children: [/* @__PURE__ */ n(e, {
+				variant: "ghost",
+				onClick: a,
+				disabled: f,
+				children: u
+			}), /* @__PURE__ */ n(e, {
+				variant: d ? "destructive" : "primary",
+				onClick: o,
+				loading: f,
+				autoFocus: !0,
+				children: l
+			})]
+		})]
+	});
+}
+//#endregion
+export { i as ConfirmDialog };

package/dist/components/copy-button.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");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;

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

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    value: string;
+    timeout?: number;
+    label?: string;
+    size?: "sm" | "md";
+}
+export declare function CopyButton({ value, timeout, label, size, className, ...props }: CopyButtonProps): import("react").JSX.Element;

package/dist/components/copy-button.js

@@ -0,0 +1,87 @@
+"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/copy-button.tsx
+var o = () => /* @__PURE__ */ a("svg", {
+	width: "13",
+	height: "13",
+	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" })]
+}), s = () => /* @__PURE__ */ i("svg", {
+	width: "13",
+	height: "13",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ i("path", { d: "m20 6-11 11-5-5" })
+});
+function c({ value: c, timeout: l = 2e3, label: u, size: d = "sm", className: f, ...p }) {
+	let [m, h] = r(!1);
+	async function g() {
+		try {
+			await navigator.clipboard.writeText(c), h(!0), setTimeout(() => h(!1), l);
+		} catch {}
+	}
+	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),
+		...p,
+		children: /* @__PURE__ */ i(t, {
+			mode: "wait",
+			initial: !1,
+			children: m ? /* @__PURE__ */ a(n.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: [/* @__PURE__ */ i(s, {}), u && "Copied"]
+			}, "check") : /* @__PURE__ */ a(n.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: [/* @__PURE__ */ i(o, {}), u && u]
+			}, "copy")
+		})
+	});
+}
+//#endregion
+export { c as CopyButton };

package/dist/components/datatable/pagination-footer.d.ts

@@ -0,0 +1,10 @@
+export declare function PaginationFooter({ loading, sortedLength, pageSizeOptions, pageSize, page, totalPages, hasPagination, setPage, }: {
+    loading: boolean;
+    sortedLength: number;
+    pageSizeOptions: number[] | false;
+    pageSize: number;
+    page: number;
+    totalPages: number;
+    hasPagination: boolean;
+    setPage: (p: number | ((prev: number) => number)) => void;
+}): import("react").JSX.Element;

package/dist/components/datatable/rows-dropdown.d.ts

@@ -0,0 +1,5 @@
+export declare function RowsDropdown({ options, value, onChange }: {
+    options: number[];
+    value: number;
+    onChange: (n: number) => void;
+}): import("react").JSX.Element;

package/dist/components/datatable/skeleton-row.d.ts

@@ -0,0 +1,3 @@
+export declare function SkeletonRow({ cols }: {
+    cols: number;
+}): import("react").JSX.Element;

package/dist/components/datatable/sort-icon.d.ts

@@ -0,0 +1,4 @@
+import { SortDir } from './types';
+export declare function SortIcon({ dir }: {
+    dir: SortDir;
+}): import("react").JSX.Element;

package/dist/components/datatable/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+export type SortDir = "asc" | "desc" | null;
+export interface ColumnDef<T> {
+    key: string;
+    header: ReactNode;
+    cell: (row: T) => ReactNode;
+    sortable?: boolean;
+    searchable?: boolean;
+    width?: string;
+    align?: "left" | "center" | "right";
+}
+export interface DataTableProps<T extends {
+    id: string | number;
+}> {
+    columns: ColumnDef<T>[];
+    data: T[];
+    loading?: boolean;
+    emptyMessage?: string;
+    onRowClick?: (row: T) => void;
+    className?: string;
+    /** Show search bar. Pass column keys to search — defaults to all searchable columns */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Rows per page options. Pass false to disable pagination entirely. Default: [10, 25, 50] */
+    pageSizeOptions?: number[] | false;
+    defaultPageSize?: number;
+    density?: "compact" | "comfortable";
+    ariaLabel?: string;
+    getRowLabel?: (row: T) => string;
+}

package/dist/components/datatable.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../datatable-BB3v__r5.cjs");exports.DataTable=e.t;

package/dist/components/datatable.d.ts

@@ -0,0 +1,9 @@
+import { DataTableProps } from './datatable/types';
+export type { SortDir, ColumnDef, DataTableProps } from './datatable/types';
+export declare function DataTable<T extends {
+    id: string | number;
+}>({ columns, data, loading, emptyMessage, onRowClick, className, toolbarClassName, tableClassName, searchable, searchPlaceholder, pageSizeOptions, defaultPageSize, density, ariaLabel, getRowLabel, unstyled, }: DataTableProps<T> & {
+    toolbarClassName?: string;
+    tableClassName?: string;
+    unstyled?: boolean;
+}): import("react").JSX.Element;

package/dist/components/datatable.js

@@ -0,0 +1,3 @@
+"use client";
+import { t as e } from "../datatable-DlBhUhuO.js";
+export { e as DataTable };

package/dist/components/datepicker.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],o=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`];function s(e){return`${o[e.getMonth()].slice(0,3)} ${e.getDate()}, ${e.getFullYear()}`}function c(e,t){return new Date(e,t+1,0).getDate()}function l(e,t){return new Date(e,t,1).getDay()}function u(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function d({value:d,onChange:f,label:p,hint:m,error:h,placeholder:g=`Select date…`,disabled:_,clearable:v=!0,minDate:y,maxDate:b,className:x}){let[S,C]=(0,r.useState)(null),w=d===void 0?S:d,T=new Date,[E,D]=(0,r.useState)(!1),[O,k]=(0,r.useState)((w??T).getFullYear()),[A,j]=(0,r.useState)((w??T).getMonth()),M=(0,r.useRef)(null),N=(0,r.useId)(),P=`${N}-message`;function F(e){d===void 0&&C(e),f?.(e),D(!1)}function I(e){e.stopPropagation(),d===void 0&&C(null),f?.(null)}function L(){A===0?(j(11),k(e=>e-1)):j(e=>e-1)}function R(){A===11?(j(0),k(e=>e+1)):j(e=>e+1)}(0,r.useEffect)(()=>{function e(e){M.current?.contains(e.target)||D(!1)}function t(e){e.key===`Escape`&&D(!1)}return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[]);let z=c(O,A),B=l(O,A),V=[...Array(B).fill(null),...Array.from({length:z},(e,t)=>t+1)];return(0,i.jsxs)(`div`,{ref:M,className:e.t(`relative`,t.o,x),children:[p&&(0,i.jsx)(`label`,{htmlFor:N,className:`text-sm font-medium leading-5 text-foreground`,children:p}),(0,i.jsxs)(`button`,{type:`button`,id:N,"aria-expanded":E,"aria-haspopup":`dialog`,"aria-invalid":h?!0:void 0,"aria-describedby":h||m?P:void 0,disabled:_,onClick:()=>D(e=>!e),className:e.t(`flex h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-3 text-left outline-none`,t.t,`focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20`,h&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,_&&`opacity-50 cursor-not-allowed`),children:[(0,i.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-500 shrink-0`,children:[(0,i.jsx)(`rect`,{width:`18`,height:`18`,x:`3`,y:`4`,rx:`2`,ry:`2`}),(0,i.jsx)(`line`,{x1:`16`,x2:`16`,y1:`2`,y2:`6`}),(0,i.jsx)(`line`,{x1:`8`,x2:`8`,y1:`2`,y2:`6`}),(0,i.jsx)(`line`,{x1:`3`,x2:`21`,y1:`10`,y2:`10`})]}),(0,i.jsx)(`span`,{className:e.t(`flex-1 text-sm truncate`,w?`text-foreground`:`text-muted-foreground`),children:w?s(w):g}),v&&w&&!_&&(0,i.jsx)(`span`,{role:`button`,tabIndex:-1,onClick:I,className:`shrink-0 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 transition-colors`,children:(0,i.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}),(0,i.jsx)(n.AnimatePresence,{children:E&&(0,i.jsxs)(n.motion.div,{initial:{opacity:0,y:-4,scaleY:.97},animate:{opacity:1,y:0,scaleY:1},exit:{opacity:0,y:-4,scaleY:.97},transition:{duration:.13},style:{originY:0},role:`dialog`,"aria-label":`Choose date`,className:`absolute left-0 top-full z-50 mt-1.5 w-[min(18rem,calc(100vw-2rem))] rounded-[var(--radius-lg)] border border-border bg-surface-raised p-3 shadow-floating`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-3`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:L,"aria-label":`Previous month`,className:e.t(t.c,`size-7`),children:(0,i.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`m15 18-6-6 6-6`})})}),(0,i.jsxs)(`span`,{"aria-live":`polite`,className:`text-sm font-semibold text-foreground`,children:[o[A],` `,O]}),(0,i.jsx)(`button`,{type:`button`,onClick:R,"aria-label":`Next month`,className:e.t(t.c,`size-7`),children:(0,i.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`m9 18 6-6-6-6`})})})]}),(0,i.jsx)(`div`,{className:`grid grid-cols-7 gap-0.5 mb-1`,children:a.map(e=>(0,i.jsx)(`div`,{"aria-hidden":`true`,className:`text-center text-[10px] font-semibold text-muted-foreground py-1`,children:e},e))}),(0,i.jsx)(`div`,{className:`grid grid-cols-7 gap-0.5`,children:V.map((t,n)=>{if(!t)return(0,i.jsx)(`div`,{},`empty-${n}`);let r=new Date(O,A,t),a=w?u(r,w):!1,o=u(r,T),s=y&&r<y||b&&r>b;return(0,i.jsx)(`button`,{type:`button`,disabled:!!s,onClick:()=>F(r),"aria-label":r.toLocaleDateString(void 0,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),"aria-pressed":a,"aria-current":o?`date`:void 0,className:e.t(`h-8 w-full rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35`,a?`bg-primary text-primary-foreground font-medium`:o?`border border-accent-500/40 text-accent-400 hover:bg-accent-500/10`:`text-slate-700 dark:text-slate-200 hover:bg-black/6 dark:hover:bg-white/6`,s&&`opacity-30 cursor-not-allowed`),children:t},t)})})]})}),h&&(0,i.jsx)(`p`,{id:P,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:h}),m&&!h&&(0,i.jsx)(`p`,{id:P,className:`text-xs leading-5 text-muted-foreground`,children:m})]})}exports.DatePicker=d;

package/dist/components/datepicker.d.ts

@@ -0,0 +1,14 @@
+export interface DatePickerProps {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    label?: string;
+    hint?: string;
+    error?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+}
+export declare function DatePicker({ value: controlledValue, onChange, label, hint, error, placeholder, disabled, clearable, minDate, maxDate, className, }: DatePickerProps): import("react").JSX.Element;