@ciridae/ui 0.2.0

package/dist/components/ui/item.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { cn } from "@ciridae/ui/utils";
+import { Separator } from "@ciridae/ui/separator";
+function ItemGroup({ className, ...props }) {
+    return (_jsx("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex flex-col", className), ...props }));
+}
+function ItemSeparator({ className, ...props }) {
+    return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props }));
+}
+const itemVariants = cva("group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-accent/50", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border-border",
+            muted: "bg-muted/50",
+        },
+        size: {
+            default: "gap-(--panel-gap) p-(--panel-padding)",
+            sm: "gap-2.5 px-(--panel-padding) py-3",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot.Root : "div";
+    return (_jsx(Comp, { "data-slot": "item", "data-variant": variant, "data-size": size, className: cn(itemVariants({ variant, size, className })), ...props }));
+}
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "size-8 rounded-sm border bg-muted [&_svg:not([class*='size-'])]:size-4",
+            image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function ItemMedia({ className, variant = "default", ...props }) {
+    return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
+}
+function ItemContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-content", className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className), ...props }));
+}
+function ItemTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-title", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className), ...props }));
+}
+function ItemDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "item-description", className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
+}
+function ItemActions({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props }));
+}
+function ItemHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-header", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
+}
+function ItemFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
+}
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

package/dist/components/ui/kbd.d.ts

@@ -0,0 +1,3 @@
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react/jsx-runtime").JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Kbd, KbdGroup };

package/dist/components/ui/kbd.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@ciridae/ui/utils";
+function Kbd({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className), ...props }));
+}
+function KbdGroup({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props }));
+}
+export { Kbd, KbdGroup };

package/dist/components/ui/label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Label as LabelPrimitive } from "radix-ui";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/components/ui/label.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Label as LabelPrimitive } from "radix-ui";
+import { cn } from "@ciridae/ui/utils";
+function Label({ className, ...props }) {
+    return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
+}
+export { Label };

package/dist/components/ui/loading-state.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { Card } from "@ciridae/ui/card";
+type LoadingStateSize = "sm" | "default" | "lg";
+type LoadingStateProps = React.ComponentProps<"div"> & {
+    description?: React.ReactNode;
+    label?: React.ReactNode;
+    size?: LoadingStateSize;
+};
+declare function LoadingState({ className, description, label, size, ...props }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
+type PageLoadingStateProps = Omit<LoadingStateProps, "size">;
+declare function PageLoadingState({ className, description, label, ...props }: PageLoadingStateProps): import("react/jsx-runtime").JSX.Element;
+type TableSkeletonProps = React.ComponentProps<"div"> & {
+    columns?: number;
+    rows?: number;
+    showHeader?: boolean;
+};
+declare function TableSkeleton({ className, columns, rows, showHeader, ...props }: TableSkeletonProps): import("react/jsx-runtime").JSX.Element;
+type CardSkeletonProps = React.ComponentProps<typeof Card> & {
+    lines?: number;
+};
+declare function CardSkeleton({ className, lines, variant, ...props }: CardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+type FormSkeletonProps = React.ComponentProps<"div"> & {
+    fields?: number;
+};
+declare function FormSkeleton({ className, fields, ...props }: FormSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { LoadingState, PageLoadingState, TableSkeleton, CardSkeleton, FormSkeleton };
+export type { LoadingStateProps, PageLoadingStateProps, TableSkeletonProps, CardSkeletonProps, FormSkeletonProps, };

package/dist/components/ui/loading-state.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@ciridae/ui/utils";
+import { Card, CardContent, CardHeader } from "@ciridae/ui/card";
+import { Skeleton } from "@ciridae/ui/skeleton";
+import { Spinner } from "@ciridae/ui/spinner";
+const loadingStateSizes = {
+    sm: "min-h-14 gap-2 p-3",
+    default: "min-h-24 gap-3 p-(--panel-padding)",
+    lg: "min-h-48 gap-3 p-8",
+};
+const loadingSpinnerSizes = {
+    sm: "size-3.5",
+    default: "size-4",
+    lg: "size-5",
+};
+function LoadingState({ className, description, label = "Loading", size = "default", ...props }) {
+    const labelId = React.useId();
+    return (_jsxs("div", { role: "status", "aria-labelledby": label ? labelId : undefined, "aria-live": "polite", "data-slot": "loading-state", "data-size": size, className: cn("flex flex-col items-center justify-center text-center text-muted-foreground", loadingStateSizes[size], className), ...props, children: [_jsx(Spinner, { "aria-hidden": "true", className: cn("text-muted-foreground", loadingSpinnerSizes[size]) }), label || description ? (_jsxs("div", { className: "grid gap-1", children: [label ? (_jsx("div", { id: labelId, className: "text-sm font-medium text-foreground", children: label })) : null, description ? _jsx("div", { className: "text-sm text-muted-foreground", children: description }) : null] })) : null] }));
+}
+function PageLoadingState({ className, description, label = "Preparing workspace", ...props }) {
+    return (_jsx("div", { "data-slot": "page-loading-state", className: cn("flex min-h-svh items-center justify-center bg-background p-6 text-foreground", className), ...props, children: _jsx(LoadingState, { description: description, label: label, size: "sm", className: "min-h-0 p-0" }) }));
+}
+function TableSkeleton({ className, columns = 4, rows = 5, showHeader = true, ...props }) {
+    const columnItems = Array.from({ length: columns });
+    const rowItems = Array.from({ length: rows });
+    const gridStyle = {
+        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+    };
+    return (_jsx("div", { role: "status", "aria-label": "Loading table", "data-slot": "table-skeleton", className: cn("overflow-hidden rounded-md border bg-card text-card-foreground", className), ...props, children: _jsxs("div", { "aria-hidden": "true", children: [showHeader ? (_jsx("div", { className: "grid border-b bg-muted/40", style: gridStyle, children: columnItems.map((_, index) => (_jsx("div", { className: "px-(--table-cell-padding-x) py-(--table-cell-padding-y)", children: _jsx(Skeleton, { className: cn("h-3", index === columns - 1 ? "ml-auto w-12" : "w-16") }) }, index))) })) : null, rowItems.map((_, rowIndex) => (_jsx("div", { className: "grid border-b last:border-b-0", style: gridStyle, children: columnItems.map((_, columnIndex) => (_jsx("div", { className: "flex h-(--table-row-height) items-center px-(--table-cell-padding-x)", children: _jsx(Skeleton, { className: cn("h-3", columnIndex === columns - 1
+                                ? "ml-auto w-14"
+                                : columnIndex === 0
+                                    ? "w-24"
+                                    : "w-20") }) }, columnIndex))) }, rowIndex)))] }) }));
+}
+function CardSkeleton({ className, lines = 3, variant, ...props }) {
+    const lineItems = Array.from({ length: lines });
+    return (_jsx(Card, { role: "status", "aria-label": "Loading card", "data-slot": "card-skeleton", variant: variant, className: className, ...props, children: _jsxs("div", { "aria-hidden": "true", children: [_jsxs(CardHeader, { children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-48 max-w-full" })] }), _jsx(CardContent, { className: "grid gap-2", children: lineItems.map((_, index) => (_jsx(Skeleton, { className: cn("h-3", index === lineItems.length - 1 ? "w-2/3" : "w-full") }, index))) })] }) }));
+}
+function FormSkeleton({ className, fields = 4, ...props }) {
+    const fieldItems = Array.from({ length: fields });
+    return (_jsx("div", { role: "status", "aria-label": "Loading form", "data-slot": "form-skeleton", className: cn("grid gap-[calc(var(--panel-gap)+0.5rem)]", className), ...props, children: _jsx("div", { "aria-hidden": "true", className: "grid gap-[calc(var(--panel-gap)+0.5rem)]", children: fieldItems.map((_, index) => (_jsxs("div", { className: "grid gap-2", children: [_jsx(Skeleton, { className: "h-3 w-24" }), _jsx(Skeleton, { className: "h-(--control-height) w-full" })] }, index))) }) }));
+}
+export { LoadingState, PageLoadingState, TableSkeleton, CardSkeleton, FormSkeleton };

package/dist/components/ui/menubar.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { Menubar as MenubarPrimitive } from "radix-ui";
+declare function MenubarPortalContainerProvider({ children, container, }: {
+    children: React.ReactNode;
+    container: HTMLElement | null;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ container, ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarPortal, MenubarPortalContainerProvider, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };

package/dist/components/ui/menubar.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { Menubar as MenubarPrimitive } from "radix-ui";
+import { cn } from "@ciridae/ui/utils";
+const MenubarPortalContainerContext = React.createContext({
+    container: null,
+});
+function MenubarPortalContainerProvider({ children, container, }) {
+    const value = React.useMemo(() => ({ container }), [container]);
+    return (_jsx(MenubarPortalContainerContext.Provider, { value: value, children: children }));
+}
+function Menubar({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Root, { "data-slot": "menubar", className: cn("flex h-9 items-center gap-1 rounded-md border bg-background p-1 shadow-xs", className), ...props }));
+}
+function MenubarMenu({ ...props }) {
+    return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({ ...props }) {
+    return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({ container, ...props }) {
+    const { container: contextualContainer } = React.useContext(MenubarPortalContainerContext);
+    return (_jsx(MenubarPrimitive.Portal, { container: container ?? contextualContainer ?? undefined, "data-slot": "menubar-portal", ...props }));
+}
+function MenubarRadioGroup({ ...props }) {
+    return _jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarTrigger({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", className: cn("flex min-h-(--menu-item-height) items-center rounded-sm px-(--menu-item-padding-x) py-1 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className), ...props }));
+}
+function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
+    return (_jsx(MenubarPortal, { children: _jsx(MenubarPrimitive.Content, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }) }));
+}
+function MenubarItem({ className, inset, variant = "default", ...props }) {
+    return (_jsx(MenubarPrimitive.Item, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm px-(--menu-item-padding-x) py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", className), ...props }));
+}
+function MenubarCheckboxItem({ className, children, checked, ...props }) {
+    return (_jsxs(MenubarPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-xs py-1 pr-(--menu-item-padding-x) pl-8 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", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
+}
+function MenubarRadioItem({ className, children, ...props }) {
+    return (_jsxs(MenubarPrimitive.RadioItem, { "data-slot": "menubar-radio-item", className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-xs py-1 pr-(--menu-item-padding-x) pl-8 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", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
+}
+function MenubarLabel({ className, inset, ...props }) {
+    return (_jsx(MenubarPrimitive.Label, { "data-slot": "menubar-label", "data-inset": inset, className: cn("px-(--menu-item-padding-x) py-1 text-meta text-muted-foreground data-[inset]:pl-8", className), ...props }));
+}
+function MenubarSeparator({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Separator, { "data-slot": "menubar-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+}
+function MenubarShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "menubar-shortcut", className: cn("ml-auto text-meta font-mono text-muted-foreground", className), ...props }));
+}
+function MenubarSub({ ...props }) {
+    return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(MenubarPrimitive.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("flex min-h-(--menu-item-height) cursor-default items-center rounded-sm px-(--menu-item-padding-x) py-1 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })] }));
+}
+function MenubarSubContent({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.SubContent, { "data-slot": "menubar-sub-content", className: cn("z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
+}
+export { Menubar, MenubarPortal, MenubarPortalContainerProvider, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };

package/dist/components/ui/metrics-strip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare function MetricsStrip({ className, ...props }: React.ComponentProps<"section">): import("react/jsx-runtime").JSX.Element;
+declare function MetricsStripItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function MetricsStripLabel({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function MetricsStripValue({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function MetricsStripDetail({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { MetricsStrip, MetricsStripDetail, MetricsStripItem, MetricsStripLabel, MetricsStripValue };

package/dist/components/ui/metrics-strip.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@ciridae/ui/utils";
+function MetricsStrip({ className, ...props }) {
+    return (_jsx("section", { "data-slot": "metrics-strip", className: cn("grid grid-cols-1 divide-y divide-border rounded-lg border bg-card text-card-foreground shadow-xs md:grid-cols-5 md:divide-x md:divide-y-0", className), ...props }));
+}
+function MetricsStripItem({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "metrics-strip-item", className: cn("flex min-h-24 flex-col justify-between gap-3 p-(--panel-padding)", className), ...props }));
+}
+function MetricsStripLabel({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "metrics-strip-label", className: cn("text-meta text-muted-foreground", className), ...props }));
+}
+function MetricsStripValue({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "metrics-strip-value", className: cn("font-mono text-2xl leading-none text-foreground tabular-nums", className), ...props }));
+}
+function MetricsStripDetail({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "metrics-strip-detail", className: cn("text-xs text-muted-foreground", className), ...props }));
+}
+export { MetricsStrip, MetricsStripDetail, MetricsStripItem, MetricsStripLabel, MetricsStripValue };

package/dist/components/ui/native-select.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare function NativeSelect({ className, size, ...props }: Omit<React.ComponentProps<"select">, "size"> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function NativeSelectOption({ className, ...props }: React.ComponentProps<"option">): import("react/jsx-runtime").JSX.Element;
+declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): import("react/jsx-runtime").JSX.Element;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/components/ui/native-select.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "@ciridae/ui/utils";
+function NativeSelect({ className, size = "default", ...props }) {
+    return (_jsxs("div", { className: "group/native-select relative w-fit has-[select:disabled]:opacity-50", "data-slot": "native-select-wrapper", children: [_jsx("select", { "data-slot": "native-select", "data-size": size, className: cn("h-(--control-height) w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-(--control-padding-x) py-1 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-(--control-height-sm) dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className), ...props }), _jsx(ChevronDownIcon, { className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground opacity-50 select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })] }));
+}
+function NativeSelectOption({ className, ...props }) {
+    return (_jsx("option", { "data-slot": "native-select-option", className: cn("bg-popover text-popover-foreground", className), ...props }));
+}
+function NativeSelectOptGroup({ className, ...props }) {
+    return (_jsx("optgroup", { "data-slot": "native-select-optgroup", className: cn("bg-popover text-popover-foreground", className), ...props }));
+}
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/components/ui/navigation-menu-variants.d.ts

@@ -0,0 +1,2 @@
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export { navigationMenuTriggerStyle };

package/dist/components/ui/navigation-menu-variants.js

@@ -0,0 +1,3 @@
+import { cva } from "class-variance-authority";
+const navigationMenuTriggerStyle = cva("group inline-flex h-(--control-height) w-max items-center justify-center gap-(--control-gap) rounded-md bg-background px-(--control-padding-x) py-1 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent");
+export { navigationMenuTriggerStyle };

package/dist/components/ui/navigation-menu.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

package/dist/components/ui/navigation-menu.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
+import { cn } from "@ciridae/ui/utils";
+import { navigationMenuTriggerStyle } from "@ciridae/ui/navigation-menu-variants";
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", "data-viewport": viewport, className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, viewport && _jsx(NavigationMenuViewport, {})] }));
+}
+function NavigationMenuList({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn("group flex flex-1 list-none items-center justify-center gap-1", className), ...props }));
+}
+function NavigationMenuItem({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props }));
+}
+function NavigationMenuTrigger({ className, children, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", _jsx(ChevronDownIcon, { className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] }));
+}
+function NavigationMenuContent({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("top-0 left-0 w-full p-(--menu-item-padding-x) data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0", className), ...props }));
+}
+function NavigationMenuViewport({ className, ...props }) {
+    return (_jsx("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: _jsx(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport", className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=closed]:animate-out data-[state=open]:animate-in md:w-[var(--radix-navigation-menu-viewport-width)]", className), ...props }) }));
+}
+function NavigationMenuLink({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("flex flex-col gap-1 rounded-sm p-(--menu-item-padding-x) text-sm transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props }));
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Indicator, { "data-slot": "navigation-menu-indicator", className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className), ...props, children: _jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) }));
+}
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

package/dist/components/ui/page-header.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Button } from "@ciridae/ui/button";
+declare function PageHeader({ className, ...props }: React.ComponentProps<"header">): import("react/jsx-runtime").JSX.Element;
+declare function PageHeaderMain({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PageHeaderContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+type PageHeaderBackButtonProps = (Omit<React.ComponentProps<typeof Button>, "asChild" | "children"> & {
+    asChild?: false;
+    children?: React.ReactNode;
+}) | (Omit<React.ComponentProps<typeof Button>, "asChild" | "children"> & {
+    asChild: true;
+    children: React.ReactElement;
+});
+declare function PageHeaderBackButton({ asChild, children, className, ...props }: PageHeaderBackButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function PageHeaderEyebrow({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PageHeaderTitle({ className, ...props }: React.ComponentProps<"h1">): import("react/jsx-runtime").JSX.Element;
+declare function PageHeaderDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function PageHeaderMeta({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PageHeaderActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { PageHeader, PageHeaderActions, PageHeaderBackButton, PageHeaderContent, PageHeaderDescription, PageHeaderEyebrow, PageHeaderMain, PageHeaderMeta, PageHeaderTitle, };

package/dist/components/ui/page-header.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeftIcon } from "lucide-react";
+import { Button } from "@ciridae/ui/button";
+import { cn } from "@ciridae/ui/utils";
+function PageHeader({ className, ...props }) {
+    return (_jsx("header", { "data-slot": "page-header", className: cn("border-b bg-background text-foreground", className), ...props }));
+}
+function PageHeaderMain({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-header-main", className: cn("flex flex-col gap-3 px-4 py-3 md:flex-row md:items-center md:justify-between md:px-6 lg:px-8", className), ...props }));
+}
+function PageHeaderContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-header-content", className: cn("flex min-w-0 max-w-3xl flex-col gap-1", className), ...props }));
+}
+function PageHeaderBackButton({ asChild = false, children, className, ...props }) {
+    if (asChild) {
+        return (_jsx(Button, { "data-slot": "page-header-back-button", asChild: true, variant: "ghost", size: "sm", className: cn("-ml-2 h-7 w-fit gap-1.5 px-2 text-muted-foreground hover:text-foreground", className), ...props, children: children }));
+    }
+    const content = children ?? "Back";
+    return (_jsxs(Button, { "data-slot": "page-header-back-button", variant: "ghost", size: "sm", className: cn("-ml-2 h-7 w-fit gap-1.5 px-2 text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(ArrowLeftIcon, {}), content] }));
+}
+function PageHeaderEyebrow({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-header-eyebrow", className: cn("text-meta text-muted-foreground", className), ...props }));
+}
+function PageHeaderTitle({ className, ...props }) {
+    return (_jsx("h1", { "data-slot": "page-header-title", className: cn("text-xl leading-tight font-medium text-foreground sm:text-[1.375rem]", className), ...props }));
+}
+function PageHeaderDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "page-header-description", className: cn("max-w-2xl text-sm text-muted-foreground", className), ...props }));
+}
+function PageHeaderMeta({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-header-meta", className: cn("flex flex-wrap items-center gap-y-1 font-mono text-xs text-muted-foreground [&>*]:after:mx-2 [&>*]:after:text-muted-foreground/45 [&>*]:after:content-['·'] [&>*:last-child]:after:hidden", className), ...props }));
+}
+function PageHeaderActions({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "page-header-actions", className: cn("flex flex-wrap items-center gap-2 md:justify-end", className), ...props }));
+}
+export { PageHeader, PageHeaderActions, PageHeaderBackButton, PageHeaderContent, PageHeaderDescription, PageHeaderEyebrow, PageHeaderMain, PageHeaderMeta, PageHeaderTitle, };

package/dist/components/ui/pagination.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { Button } from "@ciridae/ui/button";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/components/ui/pagination.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { cn } from "@ciridae/ui/utils";
+import { buttonVariants } from "@ciridae/ui/button-variants";
+function Pagination({ className, ...props }) {
+    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
+}
+function PaginationContent({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "pagination-content", className: cn("flex flex-row items-center gap-1", className), ...props }));
+}
+function PaginationItem({ ...props }) {
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+    return (_jsx("a", { "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive, className: cn(buttonVariants({
+            variant: isActive ? "outline" : "ghost",
+            size,
+        }), className), ...props }));
+}
+function PaginationPrevious({ className, ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 px-2.5 sm:pl-2.5", className), ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
+}
+function PaginationNext({ className, ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 px-2.5 sm:pr-2.5", className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRightIcon, {})] }));
+}
+function PaginationEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+}
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+declare function PopoverPortalContainerProvider({ children, container, }: {
+    children: React.ReactNode;
+    container: HTMLElement | null;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, PopoverPortalContainerProvider, };

package/dist/components/ui/popover.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cn } from "@ciridae/ui/utils";
+const PopoverPortalContainerContext = React.createContext({
+    container: null,
+});
+function PopoverPortalContainerProvider({ children, container, }) {
+    const value = React.useMemo(() => ({ container }), [container]);
+    return (_jsx(PopoverPortalContainerContext.Provider, { value: value, children: children }));
+}
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+    const { container } = React.useContext(PopoverPortalContainerContext);
+    return (_jsx(PopoverPrimitive.Portal, { container: container ?? undefined, children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-(--panel-padding) text-popover-foreground shadow-md outline-hidden 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=open]:animate-in data-[state=open]:fade-in-0", className), ...props }) }));
+}
+function PopoverAnchor({ ...props }) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-1 text-sm", className), ...props }));
+}
+function PopoverTitle({ className, ...props }) {
+    return _jsx("h2", { "data-slot": "popover-title", className: cn("font-medium", className), ...props });
+}
+function PopoverDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "popover-description", className: cn("text-muted-foreground", className), ...props }));
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, PopoverPortalContainerProvider, };

package/dist/components/ui/progress.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Progress as ProgressPrimitive } from "radix-ui";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Progress };

package/dist/components/ui/progress.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Progress as ProgressPrimitive } from "radix-ui";
+import { cn } from "@ciridae/ui/utils";
+function Progress({ className, value, ...props }) {
+    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
+}
+export { Progress };

package/dist/components/ui/property-list.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare function PropertyList({ className, ...props }: React.ComponentProps<"dl">): import("react/jsx-runtime").JSX.Element;
+declare function PropertyListItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PropertyListLabel({ className, ...props }: React.ComponentProps<"dt">): import("react/jsx-runtime").JSX.Element;
+declare function PropertyListValue({ className, ...props }: React.ComponentProps<"dd">): import("react/jsx-runtime").JSX.Element;
+export { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue };

package/dist/components/ui/property-list.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@ciridae/ui/utils";
+function PropertyList({ className, ...props }) {
+    return (_jsx("dl", { "data-slot": "property-list", className: cn("grid border-t border-border text-sm", className), ...props }));
+}
+function PropertyListItem({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "property-list-item", className: cn("grid gap-1 border-b border-border py-2.5 sm:grid-cols-[8rem_minmax(0,1fr)] sm:gap-3", className), ...props }));
+}
+function PropertyListLabel({ className, ...props }) {
+    return (_jsx("dt", { "data-slot": "property-list-label", className: cn("text-meta text-muted-foreground", className), ...props }));
+}
+function PropertyListValue({ className, ...props }) {
+    return (_jsx("dd", { "data-slot": "property-list-value", className: cn("min-w-0 text-sm text-foreground", className), ...props }));
+}
+export { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue };

package/dist/components/ui/radio-group.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };