@ciridae/ui 0.17.0 → 1.0.1

package/dist/components/pages/kanban-page.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { PlusIcon, SearchIcon } from "lucide-react";
-import { KanbanBoard } from "../blocks/kanban-board.js";
-import { KanbanDetailSheet } from "../blocks/kanban-detail-sheet.js";
-import { Button } from "../ui/button.js";
-import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "../ui/input-group.js";
-import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header.js";
-function KanbanPage({ cards, columns, isLoading = false, onCardMove, onCreateCard, renderCardActions, renderColumnActions, }) {
-    const [search, setSearch] = React.useState("");
-    const [selectedCardId, setSelectedCardId] = React.useState();
-    const filteredCards = React.useMemo(() => filterKanbanCards(cards, search), [cards, search]);
-    const selectedCard = React.useMemo(() => cards.find((card) => card.id === selectedCardId), [cards, selectedCardId]);
-    const selectedColumn = getSelectedColumn(columns, selectedCard);
-    return (_jsxs("div", { className: "min-h-svh bg-background text-foreground", children: [_jsx(KanbanPageHeader, { onCreateCard: onCreateCard }), _jsxs("main", { className: "grid gap-4 px-4 py-4 md:px-6 lg:px-8", children: [_jsx(KanbanPageToolbar, { filteredCount: filteredCards.length, onSearchChange: setSearch, search: search, totalCount: cards.length }), _jsx(KanbanBoard, { cards: filteredCards, columnMaxHeight: "calc(100vh - 18rem)", columns: columns, empty: getBoardEmptyMessage(search), isLoading: isLoading, onCardMove: onCardMove
-                            ? (move) => onCardMove(getUnfilteredMoveEvent(move, filteredCards, cards))
-                            : undefined, onCardSelect: (card) => setSelectedCardId(card.id), renderCardActions: renderCardActions, renderColumnActions: renderColumnActions })] }), _jsx(KanbanDetailSheet, { card: selectedCard, column: selectedColumn, onOpenChange: (open) => {
-                    if (!open)
-                        setSelectedCardId(undefined);
-                }, open: Boolean(selectedCard) })] }));
-}
-function KanbanPageHeader({ onCreateCard }) {
-    return (_jsx(PageHeader, { children: _jsxs(PageHeaderMain, { children: [_jsxs(PageHeaderContent, { children: [_jsx(PageHeaderTitle, { children: "Work board" }), _jsx(PageHeaderDescription, { children: "Track work across status columns and open cards for detail." })] }), onCreateCard ? (_jsx(PageHeaderActions, { children: _jsxs(Button, { onClick: onCreateCard, type: "button", children: [_jsx(PlusIcon, {}), "New card"] }) })) : null] }) }));
-}
-function KanbanPageToolbar({ filteredCount, onSearchChange, search, totalCount, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsx("div", { className: "w-full sm:max-w-sm", children: _jsxs(InputGroup, { children: [_jsx(InputGroupAddon, { children: _jsx(KanbanSearchAdornment, {}) }), _jsx(InputGroupInput, { "aria-label": "Search cards", onChange: (event) => onSearchChange(event.target.value), placeholder: "Search cards...", value: search })] }) }), _jsxs("div", { className: "font-mono text-xs text-muted-foreground tabular-nums", children: [filteredCount, " of ", totalCount, " cards"] })] }));
-}
-function KanbanSearchAdornment() {
-    return (_jsxs(InputGroupText, { children: [_jsx(SearchIcon, {}), _jsx("span", { className: "sr-only", children: "Search" })] }));
-}
-function filterKanbanCards(cards, search) {
-    const query = search.trim().toLowerCase();
-    if (!query)
-        return cards;
-    return cards.filter((card) => matchesKanbanSearch(card, query));
-}
-function matchesKanbanSearch(card, query) {
-    return [card.id, card.title, card.description]
-        .filter(Boolean)
-        .some((value) => value?.toLowerCase().includes(query));
-}
-function getSelectedColumn(columns, selectedCard) {
-    if (!selectedCard)
-        return undefined;
-    return columns.find((column) => column.id === selectedCard.columnId);
-}
-function getUnfilteredMoveEvent(move, filteredCards, cards) {
-    const fromIndex = cards
-        .filter((card) => card.columnId === move.fromColumnId)
-        .findIndex((card) => card.id === move.cardId);
-    const filteredTargetCards = filteredCards.filter((card) => card.columnId === move.toColumnId);
-    const targetCard = filteredTargetCards[move.toIndex];
-    const unfilteredTargetCards = cards.filter((card) => card.columnId === move.toColumnId);
-    const toIndex = targetCard
-        ? unfilteredTargetCards.findIndex((card) => card.id === targetCard.id)
-        : unfilteredTargetCards.length;
-    return {
-        ...move,
-        fromIndex: fromIndex >= 0 ? fromIndex : move.fromIndex,
-        toIndex: toIndex >= 0 ? toIndex : move.toIndex,
-    };
-}
-function getBoardEmptyMessage(search) {
-    if (search.trim())
-        return "No cards match this search";
-    return "No cards";
-}
-export { KanbanPage };

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

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { Accordion as AccordionPrimitive } from "radix-ui";
-declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/accordion.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon } from "lucide-react";
-import { Accordion as AccordionPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-function Accordion({ ...props }) {
-    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionItem({ className, ...props }) {
-    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className), ...props }));
-}
-function AccordionTrigger({ className, children, ...props }) {
-    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })] }) }));
-}
-function AccordionContent({ className, children, ...props }) {
-    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
-}
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/alert-dialog.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import { type ButtonVariantProps } from "./button-variants.js";
-declare function AlertDialogPortalContainerProvider({ children, container, }: {
-    children: React.ReactNode;
-    container: HTMLElement | null;
-}): React.JSX.Element;
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
-declare function AlertDialogPortal({ container, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
-declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
-    size?: "default" | "sm";
-}): React.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonVariantProps): React.JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonVariantProps): React.JSX.Element;
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogPortalContainerProvider, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/ui/alert-dialog.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-import { buttonVariants } from "./button-variants.js";
-const AlertDialogPortalContainerContext = React.createContext({
-    container: null,
-});
-function AlertDialogPortalContainerProvider({ children, container, }) {
-    const value = React.useMemo(() => ({ container }), [container]);
-    return (_jsx(AlertDialogPortalContainerContext.Provider, { value: value, children: children }));
-}
-function AlertDialog({ ...props }) {
-    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogTrigger({ ...props }) {
-    return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
-}
-function AlertDialogPortal({ container, ...props }) {
-    const { container: contextualContainer } = React.useContext(AlertDialogPortalContainerContext);
-    return (_jsx(AlertDialogPrimitive.Portal, { container: container ?? contextualContainer ?? undefined, "data-slot": "alert-dialog-portal", ...props }));
-}
-function AlertDialogOverlay({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-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 AlertDialogContent({ className, size = "default", ...props }) {
-    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", "data-size": size, className: cn("group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-(--panel-gap) rounded-lg border bg-background p-(--panel-padding) shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[size=default]:sm:max-w-lg", className), ...props })] }));
-}
-function AlertDialogHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className), ...props }));
-}
-function AlertDialogFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className), ...props }));
-}
-function AlertDialogTitle({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className), ...props }));
-}
-function AlertDialogDescription({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("text-sm text-muted-foreground", className), ...props }));
-}
-function AlertDialogMedia({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-dialog-media", className: cn("mb-2 inline-flex size-16 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8", className), ...props }));
-}
-function AlertDialogAction({ className, variant = "default", size = "default", ...props }) {
-    return (_jsx(AlertDialogPrimitive.Action, { "data-slot": "alert-dialog-action", className: cn(buttonVariants({ variant, size }), className), ...props }));
-}
-function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
-    return (_jsx(AlertDialogPrimitive.Cancel, { "data-slot": "alert-dialog-cancel", className: cn(buttonVariants({ variant, size }), className), ...props }));
-}
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogPortalContainerProvider, AlertDialogTitle, AlertDialogTrigger, };

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

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Alert, AlertTitle, AlertDescription };

package/dist/components/ui/alert.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils.js";
-const alertVariants = cva("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-(--panel-padding) py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
-    variants: {
-        variant: {
-            default: "bg-card text-card-foreground",
-            destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function Alert({ className, variant, ...props }) {
-    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
-}
-function AlertTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-title", className: cn("col-start-2 line-clamp-1 min-h-4 font-medium", className), ...props }));
-}
-function AlertDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "alert-description", className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className), ...props }));
-}
-export { Alert, AlertTitle, AlertDescription };

package/dist/components/ui/app-shell-page.d.ts

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { PageHeader } from "./page-header.js";
-type AppShellPageBrand = {
-    name: string;
-    iconLight: string;
-    iconDark?: string;
-};
-type AppShellPageProps = React.ComponentProps<"div">;
-type AppShellPageHeaderProps = Omit<React.ComponentProps<typeof PageHeader>, "children"> & {
-    actions?: React.ReactNode;
-    description?: React.ReactNode;
-    title: React.ReactNode;
-};
-type AppShellWelcomeProps = Omit<React.ComponentProps<"div">, "title"> & {
-    brand?: AppShellPageBrand;
-    description?: React.ReactNode;
-    title: React.ReactNode;
-};
-declare function AppShellPage({ className, ...props }: AppShellPageProps): React.JSX.Element;
-declare function AppShellPageHeader({ actions, className, description, title, ...props }: AppShellPageHeaderProps): React.JSX.Element;
-declare function AppShellWelcome({ brand, children, className, description, title, ...props }: AppShellWelcomeProps): React.JSX.Element;
-export { AppShellPage, type AppShellPageBrand, AppShellPageHeader, type AppShellPageHeaderProps, type AppShellPageProps, AppShellWelcome, type AppShellWelcomeProps, };

package/dist/components/ui/app-shell-page.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "../../lib/utils.js";
-import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "./page-header.js";
-import { SidebarTrigger, useOptionalSidebar } from "./sidebar.js";
-function AppShellPage({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "app-shell-page", className: cn("flex min-h-0 flex-1 flex-col bg-background text-foreground", className), ...props }));
-}
-function AppShellPageHeader({ actions, className, description, title, ...props }) {
-    // The mobile trigger is an affordance of the shell, not of the header. Pages
-    // rendered outside a SidebarProvider get the header without it — and without
-    // the gutter that only exists to clear it — rather than a useSidebar throw.
-    const hasSidebar = useOptionalSidebar() !== null;
-    return (_jsx(PageHeader, { className: className, ...props, children: _jsxs(PageHeaderMain, { className: cn(hasSidebar && "relative pl-14 md:pl-6 lg:pl-8"), children: [hasSidebar ? (_jsx(SidebarTrigger, { className: "absolute top-1/2 left-4 -translate-y-1/2 md:hidden" })) : null, _jsxs(PageHeaderContent, { children: [_jsx(PageHeaderTitle, { children: title }), description ? _jsx(PageHeaderDescription, { children: description }) : null] }), actions ? _jsx(PageHeaderActions, { children: actions }) : null] }) }));
-}
-function AppShellWelcome({ brand, children, className, description, title, ...props }) {
-    return (_jsx("div", { "data-slot": "app-shell-welcome", className: cn("flex min-h-0 flex-1 items-center justify-center p-6", className), ...props, children: _jsxs("div", { className: "flex max-w-md flex-col items-center gap-4 text-center", children: [brand ? _jsx(AppShellWelcomeBrand, { brand: brand }) : null, _jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx("h2", { className: "font-heading text-2xl tracking-normal", children: title }), description ? (_jsx("div", { className: "text-sm text-muted-foreground [&>a]:font-medium [&>a]:text-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-foreground/72", children: description })) : null] }), children] }) }));
-}
-function AppShellWelcomeBrand({ brand }) {
-    return (_jsxs(_Fragment, { children: [_jsx("img", { alt: brand.name, className: "h-24 w-auto dark:hidden", src: brand.iconLight }), brand.iconDark ? (_jsx("img", { alt: brand.name, className: "hidden h-24 w-auto dark:block", src: brand.iconDark })) : null] }));
-}
-export { AppShellPage, AppShellPageHeader, AppShellWelcome, };

package/dist/components/ui/app-shell.d.ts

@@ -1,45 +0,0 @@
-import * as React from "react";
-import type { SidebarAccountThemeMode } from "./sidebar-account-menu-theme.js";
-import type { SidebarProviderStyle } from "./sidebar/context.js";
-type AppShellBrand = {
-    name: string;
-    iconLight: string;
-    iconDark?: string;
-    wordmarkLight?: string;
-    wordmarkDark?: string;
-};
-type AppShellAccount = {
-    username?: string | null;
-    email?: string | null;
-    imageUrl?: string | null;
-    onSignOut?: () => void;
-    isSigningOut?: boolean;
-    themeMode?: SidebarAccountThemeMode;
-    onThemeModeChange?: (mode: SidebarAccountThemeMode) => void;
-};
-type AppShellNavItem = {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-    active?: boolean;
-    tooltip?: string;
-    children: React.ReactElement;
-};
-type AppShellProps = {
-    account?: AppShellAccount;
-    brand: AppShellBrand;
-    children: React.ReactNode;
-    className?: string;
-    insetClassName?: string;
-    navItems?: AppShellNavItem[];
-    sidebarContent?: React.ReactNode;
-    sidebarFooter?: React.ReactNode;
-    sidebarHeaderEnd?: React.ReactNode;
-    sidebarStyle?: SidebarProviderStyle;
-};
-declare function AppShell({ account, brand, children, className, insetClassName, navItems, sidebarContent, sidebarFooter, sidebarHeaderEnd, sidebarStyle, }: AppShellProps): React.JSX.Element;
-declare function AppShellBrand({ brand, end }: {
-    brand: AppShellBrand;
-    end?: React.ReactNode;
-}): React.JSX.Element;
-export { AppShell, type AppShellAccount, type AppShellBrand, type AppShellNavItem, type AppShellProps, };

package/dist/components/ui/app-shell.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils.js";
-import { SidebarAccountMenu } from "./sidebar-account-menu.js";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from "./sidebar.js";
-const defaultSidebarStyle = {
-    "--sidebar-width": "15.5rem",
-    "--sidebar-width-icon": "3rem",
-};
-function AppShell({ account, brand, children, className, insetClassName, navItems = [], sidebarContent, sidebarFooter, sidebarHeaderEnd, sidebarStyle = defaultSidebarStyle, }) {
-    return (_jsxs(SidebarProvider, { className: cn("bg-background", className), style: sidebarStyle, children: [_jsx(AppShellSidebar, { account: account, brand: brand, navItems: navItems, sidebarContent: sidebarContent, sidebarFooter: sidebarFooter, sidebarHeaderEnd: sidebarHeaderEnd }), _jsx(SidebarInset, { className: cn("min-h-svh", insetClassName), children: children })] }));
-}
-function AppShellSidebar({ account, brand, navItems, sidebarContent, sidebarFooter, sidebarHeaderEnd, }) {
-    return (_jsxs(Sidebar, { collapsible: "icon", expandOnCollapsedBlankClick: true, children: [_jsxs(SidebarHeader, { className: "gap-3", children: [_jsx(AppShellBrand, { brand: brand, end: sidebarHeaderEnd }), _jsx(AppShellNav, { navItems: navItems })] }), _jsx(SidebarContent, { children: sidebarContent }), _jsxs(SidebarFooter, { children: [sidebarFooter, account ? _jsx(AppShellAccountMenu, { account: account }) : null] })] }));
-}
-function AppShellAccountMenu({ account }) {
-    return (_jsx(SidebarAccountMenu, { className: "group-data-[collapsible=icon]:items-center", email: account.email, imageUrl: account.imageUrl, isSigningOut: account.isSigningOut, onSignOut: account.onSignOut, onThemeModeChange: account.onThemeModeChange, themeMode: account.themeMode, username: account.username }));
-}
-function AppShellBrand({ brand, end }) {
-    return (_jsxs("div", { className: "flex h-10 items-center gap-2 group-data-[collapsible=icon]:h-16 group-data-[collapsible=icon]:justify-center", children: [_jsx(AppShellCollapsedBrand, { brand: brand }), _jsx(AppShellExpandedBrand, { brand: brand }), end, _jsx(SidebarTrigger, { className: "size-7 group-data-[collapsible=icon]:hidden" })] }));
-}
-function AppShellExpandedBrand({ brand }) {
-    return (_jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 group-data-[collapsible=icon]:hidden", children: [_jsx(AppShellThemedImage, { alt: "", className: "size-7 shrink-0", darkSrc: brand.iconDark, lightSrc: brand.iconLight }), _jsx(AppShellWordmark, { brand: brand })] }));
-}
-function AppShellWordmark({ brand }) {
-    if (!brand.wordmarkLight) {
-        return (_jsx("span", { className: "font-control truncate text-sm text-sidebar-foreground", children: brand.name }));
-    }
-    return (_jsx(AppShellThemedImage, { alt: brand.name, className: "h-3.5 w-auto max-w-[9.5rem]", darkSrc: brand.wordmarkDark, lightSrc: brand.wordmarkLight }));
-}
-function AppShellCollapsedBrand({ brand }) {
-    return (_jsx("span", { className: "hidden shrink-0 items-center justify-center rounded-[var(--sidebar-item-radius)] group-data-[collapsible=icon]:flex", children: _jsx(AppShellThemedImage, { alt: "", className: "h-8 w-auto", darkSrc: brand.iconDark, lightSrc: brand.iconLight }) }));
-}
-function AppShellThemedImage({ alt, className, darkSrc, lightSrc, }) {
-    if (!darkSrc)
-        return _jsx("img", { alt: alt, className: className, src: lightSrc });
-    return (_jsxs(_Fragment, { children: [_jsx("img", { alt: alt, className: cn(className, "dark:hidden"), src: lightSrc }), _jsx("img", { alt: alt, className: cn(className, "hidden dark:block"), src: darkSrc })] }));
-}
-function AppShellNav({ navItems }) {
-    if (navItems.length === 0)
-        return null;
-    return (_jsx(SidebarMenu, { className: "group-data-[collapsible=icon]:items-center", children: navItems.map((item) => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, isActive: item.active, tooltip: item.tooltip ?? item.label, children: React.cloneElement(item.children, undefined, _jsxs(_Fragment, { children: [item.icon, _jsx("span", { children: item.label })] })) }) }, item.id))) }));
-}
-export { AppShell, };

package/dist/components/ui/aspect-ratio.d.ts

@@ -1,3 +0,0 @@
-import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
-declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("@types/react").JSX.Element;
-export { AspectRatio };

package/dist/components/ui/aspect-ratio.js

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
-function AspectRatio({ ...props }) {
-    return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
-}
-export { AspectRatio };

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

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { Avatar as AvatarPrimitive } from "radix-ui";
-declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
-    size?: "default" | "sm" | "lg";
-}): React.JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount };

package/dist/components/ui/avatar.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Avatar as AvatarPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-function Avatar({ className, size = "default", ...props }) {
-    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6", className), ...props }));
-}
-function AvatarImage({ className, ...props }) {
-    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props }));
-}
-function AvatarFallback({ className, ...props }) {
-    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", className), ...props }));
-}
-function AvatarBadge({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className), ...props }));
-}
-function AvatarGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "avatar-group", className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className), ...props }));
-}
-function AvatarGroupCount({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "avatar-group-count", className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-[var(--focus-ring-width)] ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className), ...props }));
-}
-export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount };

package/dist/components/ui/badge-variants.d.ts

@@ -1,100 +0,0 @@
-import { type RecipeVariantProps } from "#ui/styled-system/css";
-declare const badgeVariants: import("../../styled-system/types/index.js").RecipeRuntimeFn<{
-    variant: {
-        default: {
-            backgroundColor: "muted.subtle";
-            borderColor: "border";
-            color: "foreground";
-            "a&:hover": {
-                backgroundColor: string;
-            };
-        };
-        secondary: {
-            backgroundColor: "secondary";
-            color: "secondary.foreground";
-            "a&:hover": {
-                backgroundColor: string;
-            };
-        };
-        success: {
-            backgroundColor: "success.muted";
-            borderColor: "success.border";
-            color: "success";
-            "&:focus-visible": {
-                boxShadow: "focus.success";
-            };
-            _dark: {
-                borderColor: "success.border.dark";
-                "&:focus-visible": {
-                    boxShadow: "focus.success.dark";
-                };
-            };
-        };
-        warning: {
-            backgroundColor: "warning.muted";
-            borderColor: "warning.border";
-            color: "warning";
-            "&:focus-visible": {
-                boxShadow: "focus.warning";
-            };
-            _dark: {
-                borderColor: "warning.border.dark";
-                "&:focus-visible": {
-                    boxShadow: "focus.warning.dark";
-                };
-            };
-        };
-        info: {
-            backgroundColor: "info.muted";
-            borderColor: "info.border";
-            color: "info";
-            "&:focus-visible": {
-                boxShadow: "focus.info";
-            };
-            _dark: {
-                borderColor: "info.border.dark";
-                "&:focus-visible": {
-                    boxShadow: "focus.info.dark";
-                };
-            };
-        };
-        destructive: {
-            backgroundColor: "destructive.subtle";
-            borderColor: "destructive.border";
-            color: "destructive";
-            "&:focus-visible": {
-                boxShadow: "focus.destructive";
-            };
-            _dark: {
-                backgroundColor: "destructive.subtle.dark";
-                borderColor: "destructive.border.dark";
-                "&:focus-visible": {
-                    boxShadow: "focus.destructive.dark";
-                };
-            };
-        };
-        outline: {
-            borderColor: "border";
-            color: "foreground";
-            "a&:hover": {
-                backgroundColor: string;
-                color: string;
-            };
-        };
-        ghost: {
-            "a&:hover": {
-                backgroundColor: string;
-                color: string;
-            };
-        };
-        link: {
-            color: "primary";
-            textUnderlineOffset: "4px";
-            "a&:hover": {
-                textDecorationLine: string;
-            };
-        };
-    };
-}>;
-type BadgeVariantProps = RecipeVariantProps<typeof badgeVariants>;
-export { badgeVariants, type BadgeVariantProps };

package/dist/components/ui/badge-variants.js

@@ -1,140 +0,0 @@
-import { cva } from "#ui/styled-system/css";
-const badgeVariants = cva({
-    base: {
-        alignItems: "center",
-        borderColor: "transparent",
-        borderRadius: "badge",
-        borderStyle: "solid",
-        borderWidth: "default",
-        display: "inline-flex",
-        flexShrink: 0,
-        fontSize: "xs",
-        fontWeight: "control",
-        gap: "gap.1",
-        justifyContent: "center",
-        lineHeight: "xs",
-        overflow: "hidden",
-        paddingBlock: "0.125rem",
-        paddingInline: "badge.x",
-        transitionProperty: "color, box-shadow",
-        transitionDuration: "fast",
-        transitionTimingFunction: "standard",
-        whiteSpace: "nowrap",
-        width: "fit-content",
-        "&:focus-visible": {
-            borderColor: "ring",
-            boxShadow: "focus",
-        },
-        "&[aria-invalid='true']": {
-            borderColor: "destructive",
-            boxShadow: "focus.destructive",
-        },
-        _dark: {
-            "&[aria-invalid='true']": {
-                boxShadow: "focus.destructive.dark",
-            },
-        },
-        "& > svg": {
-            height: "icon.xs",
-            pointerEvents: "none",
-            width: "icon.xs",
-        },
-    },
-    variants: {
-        variant: {
-            default: {
-                backgroundColor: "muted.subtle",
-                borderColor: "border",
-                color: "foreground",
-                "a&:hover": { backgroundColor: "accent" },
-            },
-            secondary: {
-                backgroundColor: "secondary",
-                color: "secondary.foreground",
-                "a&:hover": {
-                    backgroundColor: "secondary.hover.anchor",
-                },
-            },
-            success: {
-                backgroundColor: "success.muted",
-                borderColor: "success.border",
-                color: "success",
-                "&:focus-visible": {
-                    boxShadow: "focus.success",
-                },
-                _dark: {
-                    borderColor: "success.border.dark",
-                    "&:focus-visible": {
-                        boxShadow: "focus.success.dark",
-                    },
-                },
-            },
-            warning: {
-                backgroundColor: "warning.muted",
-                borderColor: "warning.border",
-                color: "warning",
-                "&:focus-visible": {
-                    boxShadow: "focus.warning",
-                },
-                _dark: {
-                    borderColor: "warning.border.dark",
-                    "&:focus-visible": {
-                        boxShadow: "focus.warning.dark",
-                    },
-                },
-            },
-            info: {
-                backgroundColor: "info.muted",
-                borderColor: "info.border",
-                color: "info",
-                "&:focus-visible": {
-                    boxShadow: "focus.info",
-                },
-                _dark: {
-                    borderColor: "info.border.dark",
-                    "&:focus-visible": {
-                        boxShadow: "focus.info.dark",
-                    },
-                },
-            },
-            destructive: {
-                backgroundColor: "destructive.subtle",
-                borderColor: "destructive.border",
-                color: "destructive",
-                "&:focus-visible": {
-                    boxShadow: "focus.destructive",
-                },
-                _dark: {
-                    backgroundColor: "destructive.subtle.dark",
-                    borderColor: "destructive.border.dark",
-                    "&:focus-visible": {
-                        boxShadow: "focus.destructive.dark",
-                    },
-                },
-            },
-            outline: {
-                borderColor: "border",
-                color: "foreground",
-                "a&:hover": {
-                    backgroundColor: "accent",
-                    color: "accent.foreground",
-                },
-            },
-            ghost: {
-                "a&:hover": {
-                    backgroundColor: "accent",
-                    color: "accent.foreground",
-                },
-            },
-            link: {
-                color: "primary",
-                textUnderlineOffset: "4px",
-                "a&:hover": { textDecorationLine: "underline" },
-            },
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-export { badgeVariants };