@ciridae/ui 0.2.0 → 0.2.2

package/dist/components/agentic/tool.d.ts

@@ -16,10 +16,10 @@ type ToolOutputProps = React.ComponentProps<"div"> & {
     errorText?: string;
     output?: React.ReactNode | unknown;
 };
-declare function Tool({ className, ...props }: ToolProps): import("react/jsx-runtime").JSX.Element;
-declare function ToolHeader({ className, state, title, toolName, type, ...props }: ToolHeaderProps): import("react/jsx-runtime").JSX.Element;
-declare function ToolContent({ className, ...props }: ToolContentProps): import("react/jsx-runtime").JSX.Element;
-declare function ToolInput({ className, input, ...props }: ToolInputProps): import("react/jsx-runtime").JSX.Element | null;
-declare function ToolOutput({ className, errorText, output, ...props }: ToolOutputProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Tool({ className, ...props }: ToolProps): React.JSX.Element;
+declare function ToolHeader({ className, state, title, toolName, type, ...props }: ToolHeaderProps): React.JSX.Element;
+declare function ToolContent({ className, ...props }: ToolContentProps): React.JSX.Element;
+declare function ToolInput({ className, input, ...props }: ToolInputProps): React.JSX.Element | null;
+declare function ToolOutput({ className, errorText, output, ...props }: ToolOutputProps): React.JSX.Element | null;
 export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput };
 export type { ToolContentProps, ToolHeaderProps, ToolInputProps, ToolOutputProps, ToolProps };

package/dist/components/agentic/toolbar.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
 import { NodeToolbar } from "@xyflow/react";
 type ToolbarProps = React.ComponentProps<typeof NodeToolbar>;
-declare function Toolbar({ className, position, ...props }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function Toolbar({ className, position, ...props }: ToolbarProps): React.JSX.Element;
 export { Toolbar };
 export type { ToolbarProps };

package/dist/components/agentic/transcription.d.ts

@@ -10,11 +10,11 @@ type TranscriptionSpeakerProps = React.ComponentProps<"span">;
 type TranscriptionTextProps = React.ComponentProps<"p">;
 type TranscriptionTimestampProps = React.ComponentProps<"span">;
 type TranscriptionEmptyProps = React.ComponentProps<"div">;
-declare function Transcription({ children, className, segments, ...props }: TranscriptionProps): import("react/jsx-runtime").JSX.Element;
-declare function TranscriptionSegment({ children, className, segment, ...props }: TranscriptionSegmentProps): import("react/jsx-runtime").JSX.Element;
-declare function TranscriptionSpeaker({ className, ...props }: TranscriptionSpeakerProps): import("react/jsx-runtime").JSX.Element;
-declare function TranscriptionText({ className, ...props }: TranscriptionTextProps): import("react/jsx-runtime").JSX.Element;
-declare function TranscriptionTimestamp({ className, ...props }: TranscriptionTimestampProps): import("react/jsx-runtime").JSX.Element;
-declare function TranscriptionEmpty({ className, children, ...props }: TranscriptionEmptyProps): import("react/jsx-runtime").JSX.Element;
+declare function Transcription({ children, className, segments, ...props }: TranscriptionProps): React.JSX.Element;
+declare function TranscriptionSegment({ children, className, segment, ...props }: TranscriptionSegmentProps): React.JSX.Element;
+declare function TranscriptionSpeaker({ className, ...props }: TranscriptionSpeakerProps): React.JSX.Element;
+declare function TranscriptionText({ className, ...props }: TranscriptionTextProps): React.JSX.Element;
+declare function TranscriptionTimestamp({ className, ...props }: TranscriptionTimestampProps): React.JSX.Element;
+declare function TranscriptionEmpty({ className, children, ...props }: TranscriptionEmptyProps): React.JSX.Element;
 export { Transcription, TranscriptionEmpty, TranscriptionSegment, TranscriptionSpeaker, TranscriptionText, TranscriptionTimestamp, };
 export type { TranscriptionEmptyProps, TranscriptionProps, TranscriptionSegmentProps, TranscriptionSpeakerProps, TranscriptionTextProps, TranscriptionTimestampProps, };

package/dist/components/agentic/voice-selector.d.ts

@@ -44,26 +44,26 @@ type VoiceSelectorPreviewProps = Omit<React.ComponentProps<"button">, "children"
     onPlay?: () => void;
     playing?: boolean;
 };
-declare function VoiceSelector({ children, defaultOpen, defaultValue, onOpenChange, onValueChange, open: openProp, value: valueProp, voices, ...props }: VoiceSelectorProps): import("react/jsx-runtime").JSX.Element;
+declare function VoiceSelector({ children, defaultOpen, defaultValue, onOpenChange, onValueChange, open: openProp, value: valueProp, voices, ...props }: VoiceSelectorProps): React.JSX.Element;
 declare function useVoiceSelector(): VoiceSelectorContextValue;
-declare function VoiceSelectorTrigger(props: VoiceSelectorTriggerProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorContent({ children, className, title, ...props }: VoiceSelectorContentProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorDialog(props: VoiceSelectorDialogProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorInput({ className, ...props }: VoiceSelectorInputProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorList(props: VoiceSelectorListProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorEmpty(props: VoiceSelectorEmptyProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorGroup(props: VoiceSelectorGroupProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorItem({ children, onSelect, value, voice, ...props }: VoiceSelectorItemProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorShortcut(props: VoiceSelectorShortcutProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorSeparator(props: VoiceSelectorSeparatorProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorGender({ className, value, ...props }: VoiceSelectorMetadataProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorAccent({ children, className, value, ...props }: VoiceSelectorMetadataProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorAge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorName({ className, ...props }: VoiceSelectorNameProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorDescription({ className, ...props }: VoiceSelectorDescriptionProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorAttributes({ className, ...props }: VoiceSelectorAttributesProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorBullet({ className, ...props }: VoiceSelectorBulletProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorValue({ className, placeholder, ...props }: VoiceSelectorValueProps): import("react/jsx-runtime").JSX.Element;
-declare function VoiceSelectorPreview({ className, loading, onClick, onPlay, playing, type, ...props }: VoiceSelectorPreviewProps): import("react/jsx-runtime").JSX.Element;
+declare function VoiceSelectorTrigger(props: VoiceSelectorTriggerProps): React.JSX.Element;
+declare function VoiceSelectorContent({ children, className, title, ...props }: VoiceSelectorContentProps): React.JSX.Element;
+declare function VoiceSelectorDialog(props: VoiceSelectorDialogProps): React.JSX.Element;
+declare function VoiceSelectorInput({ className, ...props }: VoiceSelectorInputProps): React.JSX.Element;
+declare function VoiceSelectorList(props: VoiceSelectorListProps): React.JSX.Element;
+declare function VoiceSelectorEmpty(props: VoiceSelectorEmptyProps): React.JSX.Element;
+declare function VoiceSelectorGroup(props: VoiceSelectorGroupProps): React.JSX.Element;
+declare function VoiceSelectorItem({ children, onSelect, value, voice, ...props }: VoiceSelectorItemProps): React.JSX.Element;
+declare function VoiceSelectorShortcut(props: VoiceSelectorShortcutProps): React.JSX.Element;
+declare function VoiceSelectorSeparator(props: VoiceSelectorSeparatorProps): React.JSX.Element;
+declare function VoiceSelectorGender({ className, value, ...props }: VoiceSelectorMetadataProps): React.JSX.Element;
+declare function VoiceSelectorAccent({ children, className, value, ...props }: VoiceSelectorMetadataProps): React.JSX.Element;
+declare function VoiceSelectorAge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function VoiceSelectorName({ className, ...props }: VoiceSelectorNameProps): React.JSX.Element;
+declare function VoiceSelectorDescription({ className, ...props }: VoiceSelectorDescriptionProps): React.JSX.Element;
+declare function VoiceSelectorAttributes({ className, ...props }: VoiceSelectorAttributesProps): React.JSX.Element;
+declare function VoiceSelectorBullet({ className, ...props }: VoiceSelectorBulletProps): React.JSX.Element;
+declare function VoiceSelectorValue({ className, placeholder, ...props }: VoiceSelectorValueProps): React.JSX.Element;
+declare function VoiceSelectorPreview({ className, loading, onClick, onPlay, playing, type, ...props }: VoiceSelectorPreviewProps): React.JSX.Element;
 export { VoiceSelector, VoiceSelectorAccent, VoiceSelectorAge, VoiceSelectorAttributes, VoiceSelectorBullet, VoiceSelectorContent, VoiceSelectorDescription, VoiceSelectorDialog, VoiceSelectorEmpty, VoiceSelectorGender, VoiceSelectorGroup, VoiceSelectorInput, VoiceSelectorItem, VoiceSelectorList, VoiceSelectorName, VoiceSelectorPreview, VoiceSelectorSeparator, VoiceSelectorShortcut, VoiceSelectorTrigger, VoiceSelectorValue, useVoiceSelector, };
 export type { VoiceSelectorAttributesProps, VoiceSelectorBulletProps, VoiceSelectorContentProps, VoiceSelectorDescriptionProps, VoiceSelectorDialogProps, VoiceSelectorEmptyProps, VoiceSelectorGroupProps, VoiceSelectorInputProps, VoiceSelectorItemProps, VoiceSelectorListProps, VoiceSelectorNameProps, VoiceSelectorPreviewProps, VoiceSelectorProps, VoiceSelectorSeparatorProps, VoiceSelectorShortcutProps, VoiceSelectorTriggerProps, VoiceSelectorValueProps, };

package/dist/components/agentic/web-preview.d.ts

@@ -15,11 +15,11 @@ type WebPreviewBodyProps = React.ComponentProps<"iframe"> & {
     src?: string;
 };
 type WebPreviewConsoleProps = React.ComponentProps<"div">;
-declare function WebPreview({ children, className, url, ...props }: WebPreviewProps): import("react/jsx-runtime").JSX.Element;
-declare function WebPreviewNavigation({ className, ...props }: WebPreviewNavigationProps): import("react/jsx-runtime").JSX.Element;
-declare function WebPreviewNavigationButton({ action, children, ...props }: WebPreviewNavigationButtonProps): import("react/jsx-runtime").JSX.Element;
-declare function WebPreviewUrl({ className, value, ...props }: WebPreviewUrlProps): import("react/jsx-runtime").JSX.Element;
-declare function WebPreviewBody({ className, referrerPolicy, sandbox, src, title, ...props }: WebPreviewBodyProps): import("react/jsx-runtime").JSX.Element;
-declare function WebPreviewConsole({ className, ...props }: WebPreviewConsoleProps): import("react/jsx-runtime").JSX.Element;
+declare function WebPreview({ children, className, url, ...props }: WebPreviewProps): React.JSX.Element;
+declare function WebPreviewNavigation({ className, ...props }: WebPreviewNavigationProps): React.JSX.Element;
+declare function WebPreviewNavigationButton({ action, children, ...props }: WebPreviewNavigationButtonProps): React.JSX.Element;
+declare function WebPreviewUrl({ className, value, ...props }: WebPreviewUrlProps): React.JSX.Element;
+declare function WebPreviewBody({ className, referrerPolicy, sandbox, src, title, ...props }: WebPreviewBodyProps): React.JSX.Element;
+declare function WebPreviewConsole({ className, ...props }: WebPreviewConsoleProps): React.JSX.Element;
 export { WebPreview, WebPreviewBody, WebPreviewConsole, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, };
 export type { WebPreviewBodyProps, WebPreviewConsoleProps, WebPreviewNavigationButtonProps, WebPreviewNavigationProps, WebPreviewProps, WebPreviewUrlProps, };

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Accordion as AccordionPrimitive } from "radix-ui";
-declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+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/alert-dialog.d.ts

@@ -4,19 +4,19 @@ import { type ButtonVariantProps } from "@ciridae/ui/button-variants";
 declare function AlertDialogPortalContainerProvider({ children, container, }: {
     children: React.ReactNode;
     container: HTMLElement | null;
-}): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ container, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+}): 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";
-}): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonVariantProps): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonVariantProps): import("react/jsx-runtime").JSX.Element;
+}): 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.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from "class-variance-authority";
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+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/app-shell.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import type { SidebarAccountThemeMode } from "@ciridae/ui/sidebar-account-menu-theme";
+import type { SidebarProviderStyle } from "@ciridae/ui/sidebar/context";
+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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@ciridae/ui/utils";
+import { SidebarAccountMenu } from "@ciridae/ui/sidebar-account-menu";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from "@ciridae/ui/sidebar";
+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: "truncate text-sm font-control 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 +1,3 @@
 import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
-declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react").JSX.Element;
 export { AspectRatio };

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

@@ -2,10 +2,10 @@ 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";
-}): import("react/jsx-runtime").JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+}): 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/badge.d.ts

@@ -2,5 +2,5 @@ import * as React from "react";
 import { type BadgeVariantProps } from "@ciridae/ui/badge-variants";
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & BadgeVariantProps & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Badge };

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

@@ -1,11 +1,11 @@
 import * as React from "react";
-declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
 declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

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

@@ -1,8 +1,8 @@
 import { Separator } from "@ciridae/ui/separator";
 import { type ButtonGroupVariantProps } from "@ciridae/ui/button-group-variants";
-declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & ButtonGroupVariantProps): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & ButtonGroupVariantProps): import("react").JSX.Element;
 declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };

package/dist/components/ui/button-group.js

@@ -11,6 +11,6 @@ function ButtonGroupText({ className, asChild = false, ...props }) {
     return (_jsx(Comp, { className: cn("flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
 }
 function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
-    return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto", className), ...props }));
+    return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("relative m-0 self-stretch bg-input data-[orientation=horizontal]:-mt-px data-[orientation=vertical]:h-auto data-[orientation=vertical]:-ml-px", className), ...props }));
 }
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };

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

@@ -4,5 +4,5 @@ declare function Button({ children, className, variant, size, asChild, disabled,
     asChild?: boolean;
     loading?: boolean;
     loadingLabel?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Button };

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

@@ -4,6 +4,6 @@ import { Button } from "@ciridae/ui/button";
 type CalendarProps = React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
 };
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): React.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
 export { Calendar, CalendarDayButton };

package/dist/components/ui/calendar.js

@@ -47,7 +47,7 @@ function getCalendarStructureClassNames({ buttonVariant, captionLayout, defaultC
         caption_label: cn("font-medium select-none", captionLayout === "label"
             ? "text-sm"
             : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
-        table: "w-full border-collapse",
+        month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
         weekdays: cn("flex", defaultClassNames.weekdays),
         weekday: cn("flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
     };

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

@@ -3,12 +3,12 @@ type CardVariant = "section" | "surface";
 type CardProps = React.ComponentProps<"div"> & {
     variant?: CardVariant;
 };
-declare function Card({ className, variant, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Card({ className, variant, ...props }: CardProps): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };
 export type { CardProps, CardVariant };

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

@@ -11,9 +11,9 @@ type CarouselProps = {
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 };
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): import("react/jsx-runtime").JSX.Element;
-declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
-declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };

package/dist/components/ui/chart-panel.d.ts

@@ -6,6 +6,6 @@ type ChartPanelProps = React.ComponentProps<"section"> & {
     actions?: React.ReactNode;
     children: React.ReactNode;
 };
-declare function ChartPanel({ title, description, meta, actions, children, className, ...props }: ChartPanelProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartPanel({ title, description, meta, actions, children, className, ...props }: ChartPanelProps): React.JSX.Element;
 export { ChartPanel };
 export type { ChartPanelProps };

package/dist/components/ui/chart-tooltip.d.ts

@@ -9,5 +9,5 @@ type ChartTooltipContentProps = React.ComponentProps<typeof RechartsPrimitive.To
     nameKey?: string;
     labelKey?: string;
 } & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer">;
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): React.JSX.Element | null;
 export { ChartTooltipContent };

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

@@ -9,15 +9,15 @@ declare function ChartContainer({ id, className, children, config, initialDimens
         width: number;
         height: number;
     };
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function ChartStyle({ id, config }: {
     id: string;
     config: ChartConfig;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
 declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
     hideIcon?: boolean;
     nameKey?: string;
-} & RechartsPrimitive.DefaultLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
+} & RechartsPrimitive.DefaultLegendContentProps): React.JSX.Element | null;
 export { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

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

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

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

@@ -1,5 +1,5 @@
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/ui/color-theme-context.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+type ThemeMode = "light" | "dark" | "system";
+type ResolvedTheme = "light" | "dark";
+type ThemeContextValue = {
+    mode: ThemeMode;
+    resolvedTheme: ResolvedTheme;
+    setMode: (mode: ThemeMode) => void;
+    toggleTheme: () => void;
+};
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultMode?: ThemeMode;
+    storageKey?: string;
+};
+declare const ThemeContext: React.Context<ThemeContextValue | undefined>;
+export { ThemeContext, type ResolvedTheme, type ThemeContextValue, type ThemeMode, type ThemeProviderProps, };

package/dist/components/ui/color-theme-context.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+const ThemeContext = React.createContext(undefined);
+export { ThemeContext, };

package/dist/components/ui/color-theme.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { type ResolvedTheme, type ThemeMode, type ThemeProviderProps } from "./color-theme-context";
+declare function ThemeProvider({ children, defaultMode, storageKey, }: ThemeProviderProps): React.JSX.Element;
+export { ThemeProvider, type ResolvedTheme, type ThemeMode, type ThemeProviderProps };

package/dist/components/ui/color-theme.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ThemeContext, } from "./color-theme-context";
+const defaultStorageKey = "ciridae-ui-theme";
+function ThemeProvider({ children, defaultMode = "system", storageKey = defaultStorageKey, }) {
+    const [mode, setModeState] = React.useState(() => readStoredMode(storageKey, defaultMode));
+    const [systemTheme, setSystemTheme] = React.useState(() => getSystemTheme());
+    const resolvedTheme = mode === "system" ? systemTheme : mode;
+    React.useEffect(() => {
+        const root = document.documentElement;
+        root.classList.remove("light", "dark");
+        root.classList.add(resolvedTheme);
+    }, [resolvedTheme]);
+    React.useEffect(() => {
+        const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+        const updateSystemTheme = () => {
+            setSystemTheme(mediaQuery.matches ? "dark" : "light");
+        };
+        updateSystemTheme();
+        mediaQuery.addEventListener("change", updateSystemTheme);
+        return () => mediaQuery.removeEventListener("change", updateSystemTheme);
+    }, []);
+    const setMode = React.useCallback((nextMode) => {
+        setModeState(nextMode);
+        localStorage.setItem(storageKey, nextMode);
+    }, [storageKey]);
+    const toggleTheme = React.useCallback(() => {
+        setMode(resolvedTheme === "dark" ? "light" : "dark");
+    }, [resolvedTheme, setMode]);
+    const contextValue = React.useMemo(() => ({ mode, resolvedTheme, setMode, toggleTheme }), [mode, resolvedTheme, setMode, toggleTheme]);
+    return _jsx(ThemeContext.Provider, { value: contextValue, children: children });
+}
+function readStoredMode(storageKey, defaultMode) {
+    if (typeof window === "undefined")
+        return defaultMode;
+    const storedMode = localStorage.getItem(storageKey);
+    if (storedMode === "light" || storedMode === "dark" || storedMode === "system") {
+        return storedMode;
+    }
+    return defaultMode;
+}
+function getSystemTheme() {
+    if (typeof window === "undefined")
+        return "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+export { ThemeProvider };