@gouno/ui 0.3.2

package/dist/components/primitives/select.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Select as SelectPrimitive } from "radix-ui";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/primitives/select.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select as SelectPrimitive } from "radix-ui";
+function Select({ ...props }) {
+    return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ ...props }) {
+    return _jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+    return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+    return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn("flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
+}
+function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+    return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { "data-slot": "select-content", className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-overlay data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", position === "popper" &&
+                "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, align: align, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
+                        "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"), children: children }), _jsx(SelectScrollDownButton, {})] }) }));
+}
+function SelectLabel({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn("px-2 py-1.5 text-xs text-muted-foreground", className), ...props }));
+}
+function SelectItem({ className, children, ...props }) {
+    return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [_jsx("span", { "data-slot": "select-item-indicator", className: "absolute right-2 flex size-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
+}
+function SelectSeparator({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className), ...props }));
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return (_jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUpIcon, { className: "size-4" }) }));
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return (_jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDownIcon, { className: "size-4" }) }));
+}
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/primitives/separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Separator as SeparatorPrimitive } from "radix-ui";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
+export { Separator };

package/dist/components/primitives/separator.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { Separator as SeparatorPrimitive } from "radix-ui";
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
+    return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props }));
+}
+export { Separator };

package/dist/components/primitives/sheet.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Dialog as SheetPrimitive } from "radix-ui";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): React.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): React.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, mask, zIndex, maskStyle, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+    mask?: boolean;
+    zIndex?: number;
+    maskStyle?: React.CSSProperties;
+}): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): React.JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/components/primitives/sheet.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { XIcon } from "lucide-react";
+import { Dialog as SheetPrimitive } from "radix-ui";
+function Sheet({ ...props }) {
+    return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+    return _jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+    return _jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({ ...props }) {
+    return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: cn("fixed inset-0 z-50 bg-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, mask = true, zIndex, maskStyle, ...props }) {
+    return (_jsxs(SheetPortal, { children: [mask && _jsx(SheetOverlay, { style: { zIndex, ...maskStyle } }), _jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", "data-side": side, className: cn("fixed z-50 flex flex-col gap-4 bg-popover shadow-modal transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-150 data-[state=open]:animate-in data-[state=open]:duration-150", side === "right" &&
+                    "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm", side === "left" &&
+                    "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm", side === "top" &&
+                    "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", side === "bottom" &&
+                    "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", className), ...props, children: [children, showCloseButton && (_jsxs(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+}
+function SheetHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props }));
+}
+function SheetFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
+}
+function SheetTitle({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn("font-semibold text-foreground", className), ...props }));
+}
+function SheetDescription({ className, ...props }) {
+    return (_jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn("text-sm text-muted-foreground", className), ...props }));
+}
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/components/primitives/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+export { Skeleton };

package/dist/components/primitives/skeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function Skeleton({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-accent", className), ...props }));
+}
+export { Skeleton };

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { Switch as SwitchPrimitive } from "radix-ui";
+declare function Switch({ className, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+export { Switch };

package/dist/components/primitives/switch.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { Switch as SwitchPrimitive } from "radix-ui";
+function Switch({ className, size = "default", ...props }) {
+    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn("peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn("pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0") }) }));
+}
+export { Switch };

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+export type TableDensity = "default" | "compact" | "touch";
+export type CaptionSide = "top" | "bottom";
+export interface TableProps extends React.ComponentProps<"table"> {
+    density?: TableDensity;
+    bordered?: boolean;
+    fixed?: boolean;
+    stickyHeader?: boolean;
+    containerClassName?: string;
+}
+export type TableHeaderProps = React.ComponentProps<"thead">;
+export type TableBodyProps = React.ComponentProps<"tbody">;
+export type TableFooterProps = React.ComponentProps<"tfoot">;
+export type TableRowProps = React.ComponentProps<"tr">;
+export type TableHeadProps = React.ComponentProps<"th">;
+export type TableCellProps = React.ComponentProps<"td">;
+export interface TableCaptionProps extends React.ComponentProps<"caption"> {
+    captionSide?: CaptionSide;
+}
+declare function Table({ density, bordered, fixed, stickyHeader, containerClassName, className, ...props }: TableProps): React.JSX.Element;
+declare function TableHeader({ className, ...props }: TableHeaderProps): React.JSX.Element;
+declare function TableBody({ className, ...props }: TableBodyProps): React.JSX.Element;
+declare function TableFooter({ className, ...props }: TableFooterProps): React.JSX.Element;
+declare function TableRow({ className, ...props }: TableRowProps): React.JSX.Element;
+declare function TableHead({ className, ...props }: TableHeadProps): React.JSX.Element;
+declare function TableCell({ className, ...props }: TableCellProps): React.JSX.Element;
+declare function TableCaption({ className, captionSide, ...props }: TableCaptionProps): React.JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/components/primitives/table.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+function Table({ density = "default", bordered = false, fixed = false, stickyHeader = false, containerClassName, className, ...props }) {
+    return (_jsx("div", { "data-slot": "table-container", "data-density": density, "data-bordered": bordered || undefined, "data-sticky-header": stickyHeader || undefined, className: cn("relative w-full overflow-x-auto rounded-lg", bordered ? "border border-border/80 bg-card shadow-surface" : "bg-card/40", containerClassName), children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm text-foreground", density === "compact"
+                ? "[&_th]:px-3 [&_th]:py-2 [&_td]:px-3 [&_td]:py-2"
+                : density === "touch"
+                    ? "[&_th]:px-4 [&_th]:py-4 [&_td]:px-4 [&_td]:py-4"
+                    : "[&_th]:px-4 [&_th]:py-3 [&_td]:px-4 [&_td]:py-3", bordered &&
+                (density === "compact"
+                    ? "[&_tr>*:first-child]:pl-4 [&_tr>*:last-child]:pr-4"
+                    : "[&_tr>*:first-child]:pl-6 [&_tr>*:last-child]:pr-6"), "[&_tfoot_th]:align-middle [&_tfoot_td]:align-middle", density === "compact"
+                ? "[&_tfoot_th]:h-10 [&_tfoot_td]:h-10"
+                : density === "touch"
+                    ? "[&_tfoot_th]:h-14 [&_tfoot_td]:h-14"
+                    : "[&_tfoot_th]:h-12 [&_tfoot_td]:h-12", "[&_tfoot_tr]:border-t-2 [&_tfoot_tr]:border-border/80", fixed && "table-fixed", bordered &&
+                "[&_td]:border-r [&_th]:border-r [&_tr>*:last-child]:border-r-0", stickyHeader &&
+                "[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-background", "[&_thead_th]:bg-muted/60", className), ...props }) }));
+}
+function TableHeader({ className, ...props }) {
+    return (_jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b [&_tr]:border-border/70", className), ...props }));
+}
+function TableBody({ className, ...props }) {
+    return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props }));
+}
+function TableFooter({ className, ...props }) {
+    return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+}
+function TableRow({ className, ...props }) {
+    return (_jsx("tr", { "data-slot": "table-row", className: cn("border-b border-border/60 transition-colors hover:bg-accent/60 has-aria-expanded:bg-accent/40 data-[state=selected]:bg-primary/10", className), ...props }));
+}
+function TableHead({ className, ...props }) {
+    return (_jsx("th", { "data-slot": "table-head", className: cn("text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props }));
+}
+function TableCell({ className, ...props }) {
+    return (_jsx("td", { "data-slot": "table-cell", className: cn("align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props }));
+}
+function TableCaption({ className, captionSide = "top", ...props }) {
+    return (_jsx("caption", { "data-slot": "table-caption", "data-caption-side": captionSide, className: cn("px-4 py-3 text-center text-sm leading-6 text-muted-foreground", captionSide === "bottom" &&
+            "caption-side-bottom border-t border-border/60", captionSide === "top" &&
+            "caption-side-top border-b border-border/60", className), ...props }));
+}
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Tabs as TabsPrimitive } from "radix-ui";
+declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };

package/dist/components/primitives/tabs.js

@@ -0,0 +1,30 @@
+"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/utils.js";
+import { Tabs as TabsPrimitive } from "radix-ui";
+function Tabs({ className, orientation = "horizontal", ...props }) {
+    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, orientation: orientation, className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className), ...props }));
+}
+const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:min-h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+    variants: {
+        variant: {
+            default: "bg-muted",
+            line: "gap-1 bg-transparent",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function TabsList({ className, variant = "default", ...props }) {
+    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className), ...props }));
+}
+function TabsTrigger({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-0 group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:right-0 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className), ...props }));
+}
+function TabsContent({ className, ...props }) {
+    return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("min-w-0 flex-1 outline-none", className), ...props }));
+}
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };

package/dist/components/primitives/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { Textarea };

package/dist/components/primitives/textarea.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+function Textarea({ className, ...props }) {
+    return (_jsx("textarea", { "data-slot": "textarea", className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-border bg-transparent px-3 py-2 text-base transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm", className), ...props }));
+}
+export { Textarea };

package/dist/components/primitives/tooltip.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { type OverlayPlacement } from "./popover.js";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+export interface TooltipContentProps extends Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, "side" | "align" | "sideOffset" | "alignOffset"> {
+    placement?: OverlayPlacement;
+    offset?: number;
+    alignOffset?: number;
+}
+declare function TooltipContent({ className, placement, offset, alignOffset, children, ...props }: TooltipContentProps): React.JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components/primitives/tooltip.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import {} from "./popover.js";
+const placementParts = (placement) => {
+    const [side, edge] = placement.split("-");
+    return { side, align: edge ?? "center" };
+};
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, placement = "top", offset = 0, alignOffset, children, ...props }) {
+    const { side, align } = placementParts(placement);
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", side: side, align: align, sideOffset: offset, alignOffset: alignOffset, className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })] }) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/core/affix.d.ts

@@ -0,0 +1,14 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode, type Ref } from "react";
+export interface AffixProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    offsetTop?: number;
+    children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+export interface BackTopProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "aria-label"> {
+    "aria-label": string;
+    visibilityHeight?: number;
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare function Affix({ offsetTop, children, ref, className, style, ...props }: AffixProps): import("react").JSX.Element;
+export declare function BackTop({ visibilityHeight, children, ref, className, onClick, type, ...props }: BackTopProps): import("react").JSX.Element | null;

package/dist/core/affix.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, } from "react";
+import { ArrowUp } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function finiteOr(value, fallback) {
+    return Number.isFinite(value) ? value : fallback;
+}
+export function Affix({ offsetTop = 0, children, ref, className, style, ...props }) {
+    const top = finiteOr(offsetTop, 0);
+    return (_jsx("div", { ...props, ref: ref, "data-slot": "affix", className: cn("z-20", className), style: { zIndex: 20, ...style, position: "sticky", top }, children: children }));
+}
+export function BackTop({ visibilityHeight = 200, children, ref, className, onClick, type = "button", ...props }) {
+    const threshold = Math.max(0, finiteOr(visibilityHeight, 200));
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+        const updateVisibility = () => setVisible(window.scrollY >= threshold);
+        updateVisibility();
+        window.addEventListener("scroll", updateVisibility, { passive: true });
+        return () => window.removeEventListener("scroll", updateVisibility);
+    }, [threshold]);
+    if (!visible)
+        return null;
+    return (_jsx("button", { ...props, ref: ref, type: type, "data-slot": "back-top", "data-visibility-height": threshold, className: cn("fixed right-6 bottom-6 z-40 inline-flex size-10 items-center justify-center rounded-full border bg-popover text-foreground shadow-overlay transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50", className), onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented)
+                return;
+            window.scrollTo({ top: 0, behavior: "smooth" });
+        }, children: children ?? _jsx(ArrowUp, { "aria-hidden": "true" }) }));
+}

package/dist/core/alert.d.ts

@@ -0,0 +1,54 @@
+import { Component, type AriaAttributes, type CSSProperties, type HTMLAttributes, type MouseEvent, type ReactNode } from "react";
+export type AlertType = "success" | "info" | "warning" | "error";
+export type AlertVariant = "outlined" | "filled";
+export type AlertSemantic = "root" | "icon" | "section" | "title" | "description" | "actions" | "close";
+export interface AlertClosableConfig extends AriaAttributes {
+    afterClose?: () => void;
+    closeIcon?: ReactNode;
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export interface AlertSemanticInfo {
+    props: Readonly<{
+        type: AlertType;
+        variant: AlertVariant;
+        banner: boolean;
+        showIcon: boolean;
+        closable: boolean;
+        hasDescription: boolean;
+    }>;
+}
+export type AlertClassNames = Partial<Record<AlertSemantic, string>> | ((info: AlertSemanticInfo) => Partial<Record<AlertSemantic, string>>);
+export type AlertStyles = Partial<Record<AlertSemantic, CSSProperties>> | ((info: AlertSemanticInfo) => Partial<Record<AlertSemantic, CSSProperties>>);
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: ReactNode;
+    description?: ReactNode;
+    type?: AlertType;
+    showIcon?: boolean;
+    icon?: ReactNode;
+    action?: ReactNode;
+    closable?: boolean | AlertClosableConfig;
+    banner?: boolean;
+    variant?: AlertVariant;
+    classNames?: AlertClassNames;
+    styles?: AlertStyles;
+}
+export interface AlertErrorBoundaryProps {
+    children?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+}
+declare class AlertErrorBoundary extends Component<AlertErrorBoundaryProps, {
+    error: Error | null;
+}> {
+    state: {
+        error: Error | null;
+    };
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    render(): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>> & {
+    ErrorBoundary: typeof AlertErrorBoundary;
+};
+export {};

package/dist/core/alert.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component, forwardRef, useEffect, useMemo, useRef, useState, } from "react";
+import { CircleCheck, CircleX, Info, TriangleAlert, X } from "lucide-react";
+import { cn } from "../lib/utils.js";
+const tones = {
+    success: { border: "border-success/35", filled: "bg-success-subtle", outlined: "bg-success-subtle/35", icon: "text-success" },
+    info: { border: "border-info/35", filled: "bg-info-subtle", outlined: "bg-info-subtle/35", icon: "text-info" },
+    warning: { border: "border-warning/35", filled: "bg-warning-subtle", outlined: "bg-warning-subtle/35", icon: "text-warning" },
+    error: { border: "border-destructive/35", filled: "bg-danger-subtle", outlined: "bg-danger-subtle/35", icon: "text-destructive" },
+};
+const defaultIcons = {
+    success: _jsx(CircleCheck, { "aria-hidden": "true" }),
+    info: _jsx(Info, { "aria-hidden": "true" }),
+    warning: _jsx(TriangleAlert, { "aria-hidden": "true" }),
+    error: _jsx(CircleX, { "aria-hidden": "true" }),
+};
+const closeDurationMs = 160;
+const AlertBase = forwardRef(function Alert({ title, description, children, type, showIcon, icon, action, closable = false, banner = false, variant = "outlined", classNames, styles, className, style, role, ...props }, ref) {
+    const resolvedType = type ?? (banner ? "warning" : "info");
+    const resolvedShowIcon = showIcon ?? banner;
+    const hasDescription = description !== undefined && description !== null;
+    const hasContent = children !== undefined && children !== null;
+    const closableConfig = typeof closable === "object" ? closable : undefined;
+    const isClosable = Boolean(closable);
+    const [visible, setVisible] = useState(true);
+    const [closing, setClosing] = useState(false);
+    const timerRef = useRef(null);
+    const semanticInfo = useMemo(() => ({ props: { type: resolvedType, variant, banner, showIcon: resolvedShowIcon, closable: isClosable, hasDescription } }), [banner, hasDescription, isClosable, resolvedShowIcon, resolvedType, variant]);
+    const semanticClassNames = typeof classNames === "function" ? classNames(semanticInfo) : (classNames ?? {});
+    const semanticStyles = typeof styles === "function" ? styles(semanticInfo) : (styles ?? {});
+    useEffect(() => () => { if (timerRef.current)
+        clearTimeout(timerRef.current); }, []);
+    if (!visible)
+        return null;
+    const tone = tones[resolvedType];
+    const closeAria = closableConfig ? Object.fromEntries(Object.entries(closableConfig).filter(([key]) => key.startsWith("aria-"))) : {};
+    const rich = hasDescription || (title !== undefined && title !== null && hasContent);
+    return (_jsxs("div", { ...props, ref: ref, role: role ?? "alert", "data-slot": "alert", "data-type": resolvedType, "data-variant": variant, "data-banner": banner || undefined, className: cn("relative flex w-full min-w-0 gap-3 border text-sm text-foreground transition-[opacity,transform] duration-150", rich ? "items-start px-5 py-4 sm:px-6" : "items-center px-3 py-2.5", banner ? "rounded-none border-x-0" : "rounded-lg", variant === "filled" ? cn("border-transparent", tone.filled) : cn(tone.border, tone.outlined), closing && "pointer-events-none scale-[0.99] opacity-0", semanticClassNames.root, className), style: { ...semanticStyles.root, ...style }, children: [resolvedShowIcon ? _jsx("span", { "data-slot": "alert-icon", className: cn("flex shrink-0 items-center justify-center [&_svg]:shrink-0", rich ? "mt-0.5 [&_svg]:size-6" : "[&_svg]:size-4", tone.icon, semanticClassNames.icon), style: semanticStyles.icon, children: icon ?? defaultIcons[resolvedType] }) : null, _jsxs("div", { "data-slot": "alert-section", className: cn("min-w-0 flex-1", semanticClassNames.section), style: semanticStyles.section, children: [title !== undefined && title !== null ? _jsx("div", { "data-slot": "alert-title", className: cn("font-medium leading-5 text-foreground", rich && "text-base leading-6", semanticClassNames.title), style: semanticStyles.title, children: title }) : null, hasDescription ? _jsx("div", { "data-slot": "alert-description", className: cn("text-sm leading-relaxed text-muted-foreground", title !== undefined && title !== null && "mt-1", semanticClassNames.description), style: semanticStyles.description, children: description }) : null, hasContent ? _jsx("div", { className: cn("text-sm leading-relaxed", (title !== undefined && title !== null) || hasDescription ? "mt-2" : undefined), children: children }) : null] }), action ? _jsx("div", { "data-slot": "alert-actions", className: cn("flex shrink-0 items-center gap-2", rich && "pt-0.5", semanticClassNames.actions), style: semanticStyles.actions, children: action }) : null, isClosable ? (_jsx("button", { type: "button", ...closeAria, "data-slot": "alert-close", "aria-label": closeAria["aria-label"] ?? "Close alert", className: cn("-mr-1 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-black/5 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring dark:hover:bg-white/10", rich && "-mt-0.5", semanticClassNames.close), style: semanticStyles.close, onClick: (event) => {
+                    closableConfig?.onClose?.(event);
+                    if (timerRef.current)
+                        clearTimeout(timerRef.current);
+                    setClosing(true);
+                    timerRef.current = setTimeout(() => { setVisible(false); closableConfig?.afterClose?.(); }, closeDurationMs);
+                }, children: closableConfig?.closeIcon ?? _jsx(X, { "aria-hidden": "true", className: "size-4" }) })) : null] }));
+});
+AlertBase.displayName = "Alert";
+class AlertErrorBoundary extends Component {
+    state = { error: null };
+    static getDerivedStateFromError(error) { return { error }; }
+    render() {
+        if (!this.state.error)
+            return this.props.children;
+        return _jsx(AlertBase, { type: "error", showIcon: true, title: this.props.title ?? "Something went wrong", description: this.props.description ?? this.state.error.message });
+    }
+}
+export const Alert = Object.assign(AlertBase, { ErrorBoundary: AlertErrorBoundary });

package/dist/core/anchor.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface AnchorItem {
+    key: string;
+    title: ReactNode;
+    href?: string;
+}
+export interface AnchorProps extends HTMLAttributes<HTMLElement> {
+    items: readonly AnchorItem[];
+    /**
+     * Top offset in pixels for local hash targets. Leave at 0 to preserve native
+     * anchor scrolling; document headings can instead own sticky-header spacing
+     * through CSS `scroll-margin-top`.
+     */
+    offset?: number;
+}
+export declare function Anchor({ items, offset, className, "aria-label": ariaLabel, ...props }: AnchorProps): import("react").JSX.Element;

package/dist/core/anchor.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function localHashTarget(href) {
+    if (!href.startsWith("#") || href.length === 1)
+        return null;
+    try {
+        return document.getElementById(decodeURIComponent(href.slice(1)));
+    }
+    catch {
+        return null;
+    }
+}
+export function Anchor({ items, offset = 0, className, "aria-label": ariaLabel = "On this page", ...props }) {
+    const handleLinkClick = (event, href) => {
+        if (!offset || event.defaultPrevented)
+            return;
+        const target = localHashTarget(href);
+        if (!target)
+            return;
+        event.preventDefault();
+        const top = window.scrollY + target.getBoundingClientRect().top - offset;
+        window.scrollTo({ top: Math.max(0, top), behavior: "smooth" });
+        if (window.location.hash !== href) {
+            window.history.pushState(null, "", href);
+        }
+    };
+    return (_jsx("nav", { ...props, "aria-label": ariaLabel, "data-slot": "anchor", className: cn("space-y-1", className), children: items.map((item) => {
+            const href = item.href || `#${item.key}`;
+            return (_jsx("a", { href: href, onClick: (event) => handleLinkClick(event, href), className: "block rounded px-2 py-1 text-sm text-muted-foreground hover:bg-accent hover:text-foreground", children: item.title }, item.key));
+        }) }));
+}

package/dist/core/app.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, Ref } from "react";
+export interface AppProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function App({ className, ref, ...props }: AppProps): import("react").JSX.Element;

package/dist/core/app.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export function App({ className, ref, ...props }) {
+    return (_jsx("div", { ...props, ref: ref, "data-slot": "app", className: cn("min-h-full", className) }));
+}

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

@@ -0,0 +1,6 @@
+import type { HTMLAttributes, Ref } from "react";
+export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    ratio?: number;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function AspectRatio({ ratio, className, children, style, ref, ...props }: AspectRatioProps): import("react").JSX.Element;

package/dist/core/aspect-ratio.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export function AspectRatio({ ratio = 16 / 9, className, children, style, ref, ...props }) {
+    const resolvedRatio = Number.isFinite(ratio) && ratio > 0 ? ratio : 16 / 9;
+    return (_jsx("div", { ...props, ref: ref, "data-slot": "aspect-ratio", className: cn("relative w-full", className), style: { ...style, aspectRatio: resolvedRatio }, children: children }));
+}