@glinui/ui 0.1.0

package/dist/components/spotlight-card.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+import { usePrefersReducedMotion } from "../lib/use-prefers-reduced-motion";
+import { GlassCard } from "./glass-card";
+export const SpotlightCard = React.forwardRef(({ className, children, onMouseMove, onMouseLeave, spotlightClassName, ...props }, ref) => {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const localRef = React.useRef(null);
+    const setRefs = React.useCallback((node) => {
+        localRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+            return;
+        }
+        if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    const handleMouseMove = React.useCallback((event) => {
+        if (!prefersReducedMotion && localRef.current) {
+            const rect = localRef.current.getBoundingClientRect();
+            const x = event.clientX - rect.left;
+            const y = event.clientY - rect.top;
+            localRef.current.style.setProperty("--spot-x", `${x.toFixed(2)}px`);
+            localRef.current.style.setProperty("--spot-y", `${y.toFixed(2)}px`);
+            localRef.current.dataset.spotlightActive = "true";
+        }
+        onMouseMove?.(event);
+    }, [onMouseMove, prefersReducedMotion]);
+    const handleMouseLeave = React.useCallback((event) => {
+        if (localRef.current) {
+            localRef.current.dataset.spotlightActive = "false";
+        }
+        onMouseLeave?.(event);
+    }, [onMouseLeave]);
+    return (_jsxs(GlassCard, { ref: setRefs, className: cn("group overflow-hidden", className), "data-spotlight-active": "false", onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, ...props, children: [_jsx("span", { "aria-hidden": "true", "data-slot": "spotlight-overlay", className: cn("pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-fast ease-standard [background:radial-gradient(220px_circle_at_var(--spot-x,_50%)_var(--spot-y,_50%),rgb(255_255_255_/_0.3),transparent_70%)] group-hover:opacity-100 motion-reduce:hidden motion-reduce:transition-none", spotlightClassName) }), _jsx("div", { className: "relative z-[1]", children: children })] }));
+});
+SpotlightCard.displayName = "SpotlightCard";

package/dist/components/spotlight.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface SpotlightProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the spotlight is active */
+    active?: boolean;
+    /** X position of spotlight center (px or %) */
+    x?: number | string;
+    /** Y position of spotlight center (px or %) */
+    y?: number | string;
+    /** Spotlight radius in px */
+    size?: number;
+    /** Overlay color */
+    overlayColor?: string;
+    /** Click overlay to dismiss */
+    onDismiss?: () => void;
+    /** Pulsing animation */
+    pulse?: boolean;
+}
+export declare const Spotlight: React.ForwardRefExoticComponent<SpotlightProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=spotlight.d.ts.map

package/dist/components/spotlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight.d.ts","sourceRoot":"","sources":["../../src/components/spotlight.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+CAA+C;IAC/C,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,+CAA+C;IAC/C,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,wBAAwB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,SAAS,uFA0DrB,CAAA"}

package/dist/components/spotlight.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn";
+export const Spotlight = React.forwardRef(({ className, children, active = true, x = "50%", y = "50%", size = 150, overlayColor = "rgba(0, 0, 0, 0.7)", onDismiss, pulse = false, style, ...props }, ref) => {
+    if (!active)
+        return null;
+    const posX = typeof x === "number" ? `${x}px` : x;
+    const posY = typeof y === "number" ? `${y}px` : y;
+    return (_jsxs("div", { ref: ref, className: cn("fixed inset-0 z-[100] transition-opacity duration-300", className), style: {
+            background: `radial-gradient(circle ${size}px at ${posX} ${posY}, transparent 0%, ${overlayColor} 100%)`,
+            ...style,
+        }, onClick: onDismiss, role: onDismiss ? "button" : undefined, tabIndex: onDismiss ? 0 : undefined, "aria-label": onDismiss ? "Dismiss spotlight" : undefined, onKeyDown: onDismiss ? (e) => { if (e.key === "Enter" || e.key === " ")
+            onDismiss(); } : undefined, ...props, children: [pulse && (_jsx("div", { "aria-hidden": "true", className: "absolute rounded-full border-2 border-white/30 animate-spotlight-pulse motion-reduce:[animation:none]", style: {
+                    "--spotlight-pulse-duration": "3s",
+                    left: posX,
+                    top: posY,
+                    width: size * 2,
+                    height: size * 2,
+                    transform: "translate(-50%, -50%)",
+                } })), children] }));
+});
+Spotlight.displayName = "Spotlight";

package/dist/components/status-dot.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const statusDotVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const dotVariants: (props?: ({
+    status?: "success" | "warning" | "info" | "neutral" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    pulse?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type StatusDotProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof statusDotVariants> & VariantProps<typeof dotVariants> & {
+    label?: string;
+};
+export declare const StatusDot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & VariantProps<(props?: ({
+    status?: "success" | "warning" | "info" | "neutral" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    pulse?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    label?: string;
+} & React.RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=status-dot.d.ts.map

package/dist/components/status-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.d.ts","sourceRoot":"","sources":["../../src/components/status-dot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;8EAWrB,CAAA;AAEF,QAAA,MAAM,WAAW;;;;8EAwBf,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAChE,YAAY,CAAC,OAAO,iBAAiB,CAAC,GACtC,YAAY,CAAC,OAAO,WAAW,CAAC,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,eAAO,MAAM,SAAS;;;;;;;YAHV,MAAM;yCAcjB,CAAA"}

package/dist/components/status-dot.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const statusDotVariants = cva("inline-flex items-center gap-2", {
+    variants: {
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base"
+        }
+    },
+    defaultVariants: {
+        size: "md"
+    }
+});
+const dotVariants = cva("rounded-full", {
+    variants: {
+        status: {
+            neutral: "bg-neutral-500",
+            info: "bg-sky-500",
+            success: "bg-emerald-500",
+            warning: "bg-amber-500",
+            danger: "bg-rose-500"
+        },
+        size: {
+            sm: "h-1.5 w-1.5",
+            md: "h-2 w-2",
+            lg: "h-2.5 w-2.5"
+        },
+        pulse: {
+            true: "motion-safe:animate-pulse",
+            false: ""
+        }
+    },
+    defaultVariants: {
+        status: "neutral",
+        size: "md",
+        pulse: false
+    }
+});
+export const StatusDot = React.forwardRef(({ className, size, status, pulse, label, children, ...props }, ref) => {
+    const content = label ?? children;
+    return (_jsxs("span", { ref: ref, className: cn(statusDotVariants({ size }), className), ...props, children: [_jsx("span", { "aria-hidden": true, className: cn(dotVariants({ status, size, pulse })) }), content ? _jsx("span", { className: "text-[var(--color-foreground)]", children: content }) : null] }));
+});
+StatusDot.displayName = "StatusDot";

package/dist/components/switch.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { type VariantProps } from "class-variance-authority";
+declare const switchVariants: (props?: ({
+    variant?: "default" | "glass" | "frosted" | "matte" | "liquid" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SwitchProps = Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, "onCheckedChange"> & VariantProps<typeof switchVariants> & {
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Initial checked state for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Callback fired when the checked state changes. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Prevents interaction and applies muted styling. */
+    disabled?: boolean;
+    /** Marks the switch as required within a form. */
+    required?: boolean;
+    /** Form field name submitted with form data. */
+    name?: string;
+    /** Value submitted with the form when checked. */
+    value?: string;
+};
+export declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref">, "onCheckedChange"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "frosted" | "matte" | "liquid" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Initial checked state for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Callback fired when the checked state changes. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Prevents interaction and applies muted styling. */
+    disabled?: boolean;
+    /** Marks the switch as required within a form. */
+    required?: boolean;
+    /** Form field name submitted with form data. */
+    name?: string;
+    /** Value submitted with the form when checked. */
+    value?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;8EA6CnB,CAAA;AAgCD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,eAAO,MAAM,MAAM;;;IAhBf,gCAAgC;cACtB,OAAO;IACjB,oDAAoD;qBACnC,OAAO;IACxB,qDAAqD;sBACnC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C,sDAAsD;eAC3C,OAAO;IAClB,kDAAkD;eACvC,OAAO;IAClB,gDAAgD;WACzC,MAAM;IACb,kDAAkD;YAC1C,MAAM;2CAgBhB,CAAA"}

package/dist/components/switch.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const switchVariants = cva("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border transition-colors duration-fast ease-standard outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-accent)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-60 motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-neutral-300 shadow-sm data-[state=checked]:bg-[var(--color-accent)] dark:bg-neutral-700",
+            glass: [
+                "border-white/20 [border-top-color:var(--glass-refraction-top)]",
+                "bg-[var(--glass-2-surface)] backdrop-blur-md backdrop-saturate-[180%]",
+                "shadow-[0_0_0_1px_rgb(255_255_255_/_0.08)_inset,var(--shadow-soft)]",
+                "data-[state=checked]:bg-[var(--color-accent)]/85 data-[state=checked]:border-[var(--color-accent)]/30",
+                "dark:border-white/[0.1] dark:data-[state=checked]:bg-[var(--color-accent)]/80"
+            ].join(" "),
+            frosted: [
+                "border-white/30 [border-top-color:var(--glass-refraction-top)]",
+                "bg-[var(--glass-3-surface)] backdrop-blur-[40px] backdrop-saturate-[200%]",
+                "shadow-[0_0_0_1px_rgb(255_255_255_/_0.12)_inset,0_0_12px_rgb(255_255_255_/_0.1)_inset,var(--shadow-soft)]",
+                "data-[state=checked]:bg-[var(--color-accent)]/85 data-[state=checked]:border-[var(--color-accent)]/30",
+                "dark:border-white/[0.14] dark:data-[state=checked]:bg-[var(--color-accent)]/80"
+            ].join(" "),
+            liquid: [
+                "border-white/25 [border-top-color:var(--glass-refraction-top)]",
+                "bg-[radial-gradient(circle_at_30%_20%,rgb(255_255_255_/_0.6),transparent_50%),linear-gradient(165deg,rgb(255_255_255_/_0.5),rgb(238_238_238_/_0.3))]",
+                "backdrop-blur-xl backdrop-saturate-[180%]",
+                "shadow-[0_0_0_1px_rgb(255_255_255_/_0.18)_inset,0_2px_6px_rgb(0_0_0_/_0.06)]",
+                "data-[state=checked]:bg-[var(--color-accent)] data-[state=checked]:border-[var(--color-accent)]/30",
+                "data-[state=checked]:shadow-[0_0_0_1px_rgb(255_255_255_/_0.2)_inset,0_0_14px_var(--color-accent)/25]",
+                "dark:border-white/[0.14] dark:[border-top-color:rgb(255_255_255_/_0.32)]",
+                "dark:bg-[linear-gradient(165deg,rgb(255_255_255_/_0.1),rgb(255_255_255_/_0.04))]",
+                "dark:data-[state=checked]:bg-[var(--color-accent)]/85"
+            ].join(" "),
+            matte: [
+                "border-black/10",
+                "bg-[linear-gradient(180deg,rgb(220_220_224),rgb(200_200_206))]",
+                "shadow-[0_1px_2px_rgb(0_0_0_/_0.06),0_0_0_1px_rgb(0_0_0_/_0.03)_inset]",
+                "data-[state=checked]:bg-[var(--color-accent)]",
+                "dark:border-white/[0.14] dark:bg-[linear-gradient(180deg,rgb(55_60_70_/_0.8),rgb(40_44_52_/_0.8))]"
+            ].join(" ")
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+const thumbVariants = cva("pointer-events-none block h-5 w-5 translate-x-0.5 rounded-full shadow transition-transform duration-fast ease-standard data-[state=checked]:translate-x-5 motion-reduce:transition-none", {
+    variants: {
+        variant: {
+            default: "bg-white",
+            glass: [
+                "bg-white border border-white/30 [border-top-color:var(--glass-refraction-top)]",
+                "shadow-[0_1px_3px_rgb(0_0_0_/_0.12),0_0_0_1px_rgb(255_255_255_/_0.3)_inset]",
+                "dark:bg-white/95 dark:border-white/20"
+            ].join(" "),
+            frosted: [
+                "bg-white border border-white/40 [border-top-color:var(--glass-refraction-top)]",
+                "shadow-[0_1px_3px_rgb(0_0_0_/_0.14),0_0_0_1px_rgb(255_255_255_/_0.35)_inset,0_0_8px_rgb(255_255_255_/_0.1)_inset]",
+                "dark:bg-white/95 dark:border-white/25"
+            ].join(" "),
+            liquid: [
+                "bg-white border border-white/40 [border-top-color:var(--glass-refraction-top)]",
+                "shadow-[0_2px_6px_rgb(0_0_0_/_0.14),0_0_0_1px_rgb(255_255_255_/_0.4)_inset]",
+                "dark:bg-white/95 dark:border-white/25"
+            ].join(" "),
+            matte: "bg-white dark:bg-neutral-200"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+export const Switch = React.forwardRef(({ className, variant, ...props }, ref) => {
+    return (_jsx(SwitchPrimitive.Root, { ref: ref, className: cn(switchVariants({ variant }), className), ...props, children: _jsx(SwitchPrimitive.Thumb, { className: cn(thumbVariants({ variant })) }) }));
+});
+Switch.displayName = "Switch";

package/dist/components/table.d.ts

@@ -0,0 +1,69 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const tableWrapperVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tableRowToneVariants: (props?: ({
+    tone?: "default" | "success" | "warning" | "info" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TableProps = React.HTMLAttributes<HTMLTableElement> & VariantProps<typeof tableWrapperVariants> & {
+    containerClassName?: string;
+    striped?: boolean;
+    interactive?: boolean;
+    stickyHeader?: boolean;
+    stickyFirstColumn?: boolean;
+    grid?: boolean;
+    noWrap?: boolean;
+    rowDividers?: boolean;
+    layout?: "auto" | "fixed";
+};
+export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    containerClassName?: string;
+    striped?: boolean;
+    interactive?: boolean;
+    stickyHeader?: boolean;
+    stickyFirstColumn?: boolean;
+    grid?: boolean;
+    noWrap?: boolean;
+    rowDividers?: boolean;
+    layout?: "auto" | "fixed";
+} & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export type TableRowTone = NonNullable<VariantProps<typeof tableRowToneVariants>["tone"]>;
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & {
+    tone?: TableRowTone;
+};
+export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
+    tone?: TableRowTone;
+} & React.RefAttributes<HTMLTableRowElement>>;
+export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {
+    align?: "left" | "center" | "right";
+    sticky?: boolean;
+};
+export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & {
+    align?: "left" | "center" | "right";
+    sticky?: boolean;
+} & React.RefAttributes<HTMLTableCellElement>>;
+export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {
+    align?: "left" | "center" | "right";
+    truncate?: boolean;
+    sticky?: boolean;
+};
+export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & {
+    align?: "left" | "center" | "right";
+    truncate?: boolean;
+    sticky?: boolean;
+} & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export declare function TableEmpty({ colSpan, children }: {
+    colSpan: number;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,oBAAoB;;;8EAsBxB,CAAA;AA4CF,QAAA,MAAM,oBAAoB;;8EAaxB,CAAA;AAgEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GAC7D,YAAY,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC1B,CAAA;AAEH,eAAO,MAAM,KAAK;;;;yBAXO,MAAM;cACjB,OAAO;kBACH,OAAO;mBACN,OAAO;wBACF,OAAO;WACpB,OAAO;aACL,OAAO;kBACF,OAAO;aACZ,MAAM,GAAG,OAAO;0CA4D5B,CAAA;AAID,eAAO,MAAM,WAAW,+HAoBtB,CAAA;AAIF,eAAO,MAAM,SAAS,+HAUpB,CAAA;AAIF,eAAO,MAAM,WAAW,+HAkBtB,CAAA;AAIF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAEzF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,QAAQ;WAHZ,YAAY;6CA4BpB,CAAA;AAID,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,SAAS;YAJZ,MAAM,GAAG,QAAQ,GAAG,OAAO;aAC1B,OAAO;8CA2BjB,CAAA;AAID,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,SAAS;YALZ,MAAM,GAAG,QAAQ,GAAG,OAAO;eACxB,OAAO;aACT,OAAO;8CA4BjB,CAAA;AAID,eAAO,MAAM,YAAY,+HAUvB,CAAA;AAIF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAQhG"}

package/dist/components/table.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn";
+const tableWrapperVariants = cva("relative w-full overflow-auto rounded-xl border", {
+    variants: {
+        variant: {
+            default: "border-[var(--color-border)] bg-[var(--color-surface)]",
+            glass: "glass-2",
+            outline: "border-[var(--color-border)] bg-transparent",
+            ghost: "border-transparent bg-transparent",
+            liquid: "border-white/25 [border-top-color:rgb(255_255_255_/_0.76)] bg-[radial-gradient(circle_at_16%_10%,rgb(255_255_255_/_0.72),transparent_45%),linear-gradient(165deg,rgb(255_255_255_/_0.62),rgb(236_236_236_/_0.32))] backdrop-blur-xl dark:border-white/[0.14] dark:[border-top-color:rgb(255_255_255_/_0.3)] dark:bg-[linear-gradient(165deg,rgb(255_255_255_/_0.12),rgb(255_255_255_/_0.05))]",
+            matte: "border-black/10 bg-[linear-gradient(180deg,rgb(252_252_252),rgb(241_241_243))] dark:border-white/[0.12] dark:bg-[linear-gradient(180deg,rgb(56_60_69_/_0.9),rgb(38_42_50_/_0.9))]"
+        },
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md"
+    }
+});
+const tableHeadCellVariants = cva("align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0", {
+    variants: {
+        size: {
+            sm: "h-8 px-2",
+            md: "h-10 px-3",
+            lg: "h-12 px-4"
+        }
+    },
+    defaultVariants: {
+        size: "md"
+    }
+});
+const tableCellVariants = cva("align-middle [&:has([role=checkbox])]:pr-0", {
+    variants: {
+        size: {
+            sm: "p-2",
+            md: "p-3",
+            lg: "p-4"
+        }
+    },
+    defaultVariants: {
+        size: "md"
+    }
+});
+const tableAlignmentVariants = cva("", {
+    variants: {
+        align: {
+            left: "text-left",
+            center: "text-center",
+            right: "text-right"
+        }
+    },
+    defaultVariants: {
+        align: "left"
+    }
+});
+const tableRowToneVariants = cva("", {
+    variants: {
+        tone: {
+            default: "",
+            info: "bg-sky-500/[0.04] dark:bg-sky-400/[0.08]",
+            success: "bg-emerald-500/[0.04] dark:bg-emerald-400/[0.08]",
+            warning: "bg-amber-500/[0.05] dark:bg-amber-400/[0.1]",
+            danger: "bg-rose-500/[0.05] dark:bg-rose-400/[0.1]"
+        }
+    },
+    defaultVariants: {
+        tone: "default"
+    }
+});
+const TableContext = React.createContext({
+    variant: "default",
+    size: "md",
+    striped: false,
+    interactive: true,
+    stickyHeader: false,
+    stickyFirstColumn: false,
+    grid: false,
+    noWrap: false,
+    rowDividers: true
+});
+function useTableContext() {
+    return React.useContext(TableContext);
+}
+function getStickySurfaceClass(variant) {
+    switch (variant) {
+        case "glass":
+            return "bg-[var(--glass-2-surface)]";
+        case "liquid":
+            return "bg-[var(--color-surface)]/95 backdrop-blur-md";
+        case "matte":
+            return "bg-[var(--color-surface)]";
+        case "ghost":
+            return "bg-[var(--color-background)]";
+        case "outline":
+            return "bg-[var(--color-background)]";
+        default:
+            return "bg-[var(--color-surface)]";
+    }
+}
+function getFirstStickySurfaceClass(variant) {
+    switch (variant) {
+        case "glass":
+            return "first:bg-[var(--glass-2-surface)]";
+        case "liquid":
+            return "first:bg-[var(--color-surface)]/95 first:backdrop-blur-md";
+        case "matte":
+            return "first:bg-[var(--color-surface)]";
+        case "ghost":
+            return "first:bg-[var(--color-background)]";
+        case "outline":
+            return "first:bg-[var(--color-background)]";
+        default:
+            return "first:bg-[var(--color-surface)]";
+    }
+}
+export const Table = React.forwardRef(({ className, variant, size, containerClassName, striped = false, interactive = true, stickyHeader = false, stickyFirstColumn = false, grid = false, noWrap = false, rowDividers = true, layout = "auto", ...props }, ref) => {
+    const resolvedVariant = variant ?? "default";
+    const resolvedSize = size ?? "md";
+    return (_jsx(TableContext.Provider, { value: {
+            variant: resolvedVariant,
+            size: resolvedSize,
+            striped,
+            interactive,
+            stickyHeader,
+            stickyFirstColumn,
+            grid,
+            noWrap,
+            rowDividers
+        }, children: _jsx("div", { "data-slot": "table-container", className: cn(tableWrapperVariants({ variant: resolvedVariant, size: resolvedSize }), containerClassName), children: _jsx("table", { ref: ref, "data-slot": "table", className: cn("w-full caption-bottom", layout === "fixed" ? "table-fixed" : "table-auto", className), ...props }) }) }));
+});
+Table.displayName = "Table";
+export const TableHeader = React.forwardRef(({ className, ...props }, ref) => {
+    const { stickyHeader, variant, rowDividers } = useTableContext();
+    return (_jsx("thead", { ref: ref, "data-slot": "table-header", className: cn(rowDividers && "[&_tr]:border-b [&_tr]:border-[var(--color-border)]", stickyHeader && "sticky top-0 z-10", stickyHeader && getStickySurfaceClass(variant), stickyHeader && "backdrop-blur-sm", className), ...props }));
+});
+TableHeader.displayName = "TableHeader";
+export const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props })));
+TableBody.displayName = "TableBody";
+export const TableFooter = React.forwardRef(({ className, ...props }, ref) => {
+    const { variant } = useTableContext();
+    return (_jsx("tfoot", { ref: ref, "data-slot": "table-footer", className: cn("border-t border-[var(--color-border)] font-medium [&>tr]:last:border-b-0", variant === "glass" ? "bg-[var(--glass-1-surface)]" : "bg-[var(--color-surface)]/50", className), ...props }));
+});
+TableFooter.displayName = "TableFooter";
+export const TableRow = React.forwardRef(({ className, tone = "default", ...props }, ref) => {
+    const { variant, striped, interactive, rowDividers } = useTableContext();
+    return (_jsx("tr", { ref: ref, "data-slot": "table-row", className: cn(rowDividers ? "border-b border-[var(--color-border)]" : "border-0", "transition-colors duration-fast ease-standard motion-reduce:transition-none", "data-[state=selected]:bg-[var(--color-surface)]", striped &&
+            (variant === "glass"
+                ? "even:bg-[var(--glass-1-surface)]/55"
+                : "even:bg-[var(--color-surface)]/35"), interactive &&
+            (variant === "glass" ? "hover:bg-[var(--glass-1-surface)]" : "hover:bg-[var(--color-surface)]/50"), tableRowToneVariants({ tone }), className), ...props }));
+});
+TableRow.displayName = "TableRow";
+export const TableHead = React.forwardRef(({ className, align = "left", sticky = false, ...props }, ref) => {
+    const { size, grid, noWrap, stickyFirstColumn, variant } = useTableContext();
+    return (_jsx("th", { ref: ref, "data-slot": "table-head", className: cn(tableHeadCellVariants({ size }), tableAlignmentVariants({ align }), noWrap && "whitespace-nowrap", grid && "border-r border-[var(--color-border)] last:border-r-0", stickyFirstColumn &&
+            "first:sticky first:left-0 first:z-[3] first:shadow-[6px_0_10px_-10px_rgb(0_0_0_/_0.35)]", stickyFirstColumn && getFirstStickySurfaceClass(variant), sticky && "sticky left-0 z-[4] shadow-[6px_0_10px_-10px_rgb(0_0_0_/_0.35)]", sticky && getStickySurfaceClass(variant), className), ...props }));
+});
+TableHead.displayName = "TableHead";
+export const TableCell = React.forwardRef(({ className, align = "left", truncate = false, sticky = false, ...props }, ref) => {
+    const { size, grid, noWrap, stickyFirstColumn, variant } = useTableContext();
+    return (_jsx("td", { ref: ref, "data-slot": "table-cell", className: cn(tableCellVariants({ size }), tableAlignmentVariants({ align }), noWrap && "whitespace-nowrap", truncate && "max-w-[18rem] truncate", grid && "border-r border-[var(--color-border)] last:border-r-0", stickyFirstColumn &&
+            "first:sticky first:left-0 first:z-[1] first:shadow-[6px_0_10px_-10px_rgb(0_0_0_/_0.28)]", stickyFirstColumn && getFirstStickySurfaceClass(variant), sticky && "sticky left-0 z-[2] shadow-[6px_0_10px_-10px_rgb(0_0_0_/_0.28)]", sticky && getStickySurfaceClass(variant), className), ...props }));
+});
+TableCell.displayName = "TableCell";
+export const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, "data-slot": "table-caption", className: cn("mt-4 text-sm text-neutral-500", className), ...props })));
+TableCaption.displayName = "TableCaption";
+export function TableEmpty({ colSpan, children }) {
+    return (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: colSpan, align: "center", className: "h-24 text-neutral-500 dark:text-neutral-400", children: children ?? "No results." }) }));
+}

package/dist/components/tabs.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { type VariantProps } from "class-variance-authority";
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tabsContentVariants: (props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
+export declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+export type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>;
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>;
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & VariantProps<typeof tabsContentVariants>;
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "glass" | "outline" | "ghost" | "matte" | "liquid" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,gBAAgB;;;8EAyBrB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;8EA6BxB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;8EAyBxB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAEjF,eAAO,MAAM,IAAI,gGAAqB,CAAA;AAEtC,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GACnF,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEvC,eAAO,MAAM,QAAQ;;;sHAQpB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GACzF,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAE1C,eAAO,MAAM,WAAW;;;yHAStB,CAAA;AAIF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GACzF,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAE1C,eAAO,MAAM,WAAW;;;sHAStB,CAAA"}