@ciridae/ui 0.10.0 → 0.11.2

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CircleIcon } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function RadioGroup({ className, ...props }) {
     return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn("grid gap-3", className), ...props }));
 }

package/dist/components/ui/registry-docs-api.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table.js";
 function RegistryDocsApiTable({ props }) {
     return (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Prop" }), _jsx(TableHead, { children: "Type" }), _jsx(TableHead, { children: "Default" }), _jsx(TableHead, { children: "Description" })] }) }), _jsx(TableBody, { children: props.map((prop) => (_jsx(RegistryDocsApiTableRow, { prop: prop }, prop.name))) })] }));
 }

package/dist/components/ui/registry-docs-code.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import { codeToHtml } from "shiki/bundle/web";
-import { Button } from "./button";
-import { cn } from "../../lib/utils";
+import { Button } from "./button.js";
+import { cn } from "../../lib/utils.js";
 function RegistryDocsCodeBlock({ children, className, code, label, language = "tsx", ...props }) {
     return (_jsx(RegistryDocsCodeFrame, { code: code, label: label, children: _jsx(RegistryDocsCodeSnippet, { className: className, code: code, language: language, ...props, children: children }) }));
 }

package/dist/components/ui/registry-docs-showcase.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CodeXmlIcon } from "lucide-react";
-import { Button } from "./button";
-import { RegistryDocsCodeSnippet, RegistryDocsCopyButton } from "./registry-docs-code";
-import { cn } from "../../lib/utils";
+import { Button } from "./button.js";
+import { RegistryDocsCodeSnippet, RegistryDocsCopyButton } from "./registry-docs-code.js";
+import { cn } from "../../lib/utils.js";
 function RegistryDocsShowcase({ className, code, codeLabel = "preview.tsx", defaultExpanded = false, preview, previewMode = "default", ...props }) {
     const [expanded, setExpanded] = React.useState(defaultExpanded);
     const codeId = React.useId();

package/dist/components/ui/registry-docs.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { Card, type CardVariant } from "./card";
-import { RegistryDocsApiTable, type RegistryDocsApiProp } from "./registry-docs-api";
-import { RegistryDocsCodeBlock, RegistryDocsCommand } from "./registry-docs-code";
-import { RegistryDocsShowcase } from "./registry-docs-showcase";
+import { Card, type CardVariant } from "./card.js";
+import { RegistryDocsApiTable, type RegistryDocsApiProp } from "./registry-docs-api.js";
+import { RegistryDocsCodeBlock, RegistryDocsCommand } from "./registry-docs-code.js";
+import { RegistryDocsShowcase } from "./registry-docs-showcase.js";
 type RegistryDocsPreviewSize = "compact" | "default" | "detail";
 type RegistryDocsMetadataItem = {
     label: string;

package/dist/components/ui/registry-docs.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader } from "./card";
-import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "./property-list";
-import { RegistryDocsApiTable } from "./registry-docs-api";
-import { RegistryDocsCodeBlock, RegistryDocsCommand } from "./registry-docs-code";
-import { RegistryDocsShowcase } from "./registry-docs-showcase";
-import { cn } from "../../lib/utils";
+import { Card, CardContent, CardHeader } from "./card.js";
+import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "./property-list.js";
+import { RegistryDocsApiTable } from "./registry-docs-api.js";
+import { RegistryDocsCodeBlock, RegistryDocsCommand } from "./registry-docs-code.js";
+import { RegistryDocsShowcase } from "./registry-docs-showcase.js";
+import { cn } from "../../lib/utils.js";
 function RegistryDocsPage({ className, ...props }) {
     return (_jsx("main", { "data-slot": "registry-docs-page", className: cn("min-h-svh bg-background text-foreground", className), ...props }));
 }

package/dist/components/ui/resizable.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function ResizablePanelGroup({ autoSaveId: _autoSaveId, className, direction, ...props }) {
     return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props, orientation: props.orientation ?? direction }));
 }

package/dist/components/ui/scroll-area.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function ScrollArea({ className, children, scrollbars = "vertical", ...props }) {
     return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), scrollbars === "vertical" || scrollbars === "both" ? _jsx(ScrollBar, {}) : null, scrollbars === "horizontal" || scrollbars === "both" ? (_jsx(ScrollBar, { orientation: "horizontal" })) : null, scrollbars === "both" ? _jsx(ScrollAreaPrimitive.Corner, {}) : null] }));
 }

package/dist/components/ui/select.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select as SelectPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Select({ ...props }) {
     return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }

package/dist/components/ui/separator.js

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

package/dist/components/ui/sheet.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { XIcon } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const SheetPortalContainerContext = React.createContext({
     container: null,
     disableModalBehavior: false,

package/dist/components/ui/sidebar/group.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "radix-ui";
-import { cn } from "../../../lib/utils";
+import { cn } from "../../../lib/utils.js";
 function SidebarGroup({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col gap-(--sidebar-group-gap) p-(--sidebar-group-padding)", className), ...props }));
 }

package/dist/components/ui/sidebar/layout.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Input } from "../input";
-import { Separator } from "../separator";
+import { Input } from "../input.js";
+import { Separator } from "../separator.js";
 type SidebarProps = React.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";

package/dist/components/ui/sidebar/layout.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../../lib/utils";
-import { Input } from "../input";
-import { Separator } from "../separator";
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../sheet";
-import { SIDEBAR_WIDTH_MOBILE, useSidebar } from "./context";
+import { cn } from "../../../lib/utils.js";
+import { Input } from "../input.js";
+import { Separator } from "../separator.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../sheet.js";
+import { SIDEBAR_WIDTH_MOBILE, useSidebar } from "./context.js";
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", expandOnCollapsedBlankClick = false, className, children, onClick, ...props }) {
     const { isMobile, state, openMobile, setOpen, setOpenMobile } = useSidebar();
     if (collapsible === "none") {

package/dist/components/ui/sidebar/menu.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-import { TooltipContent } from "../tooltip";
+import { TooltipContent } from "../tooltip.js";
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "lg" | "default" | null | undefined;

package/dist/components/ui/sidebar/menu.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
-import { cn } from "../../../lib/utils";
-import { Skeleton } from "../skeleton";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip";
-import { useSidebar } from "./context";
+import { cn } from "../../../lib/utils.js";
+import { Skeleton } from "../skeleton.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip.js";
+import { useSidebar } from "./context.js";
 const sidebarMenuButtonVariants = cva("peer/menu-button relative flex w-full items-center gap-(--control-gap) overflow-hidden rounded-[var(--sidebar-item-radius)] px-(--sidebar-item-padding-x) py-1 text-left text-sm text-sidebar-foreground/72 ring-sidebar-ring outline-hidden transition-[color,background-color,box-shadow,width,height,padding] before:absolute before:inset-y-1 before:left-0 before:w-(--sidebar-active-indicator-width) before:rounded-r-sm before:bg-transparent before:content-[''] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:mx-auto group-data-[collapsible=icon]:size-(--control-height)! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:before:hidden group-data-[collapsible=icon]:[&>span:not([data-slot=avatar])]:hidden hover:bg-sidebar-accent/65 hover:text-sidebar-accent-foreground hover:[&>svg]:text-sidebar-accent-foreground focus-visible:ring-[var(--focus-ring-width)] active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent/75 data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[active=true]:shadow-none data-[active=true]:before:bg-sidebar-primary data-[active=true]:[&>svg]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-(--sidebar-icon-size) [&>svg]:shrink-0 [&>svg]:text-sidebar-foreground/52", {
     variants: {
         variant: {

package/dist/components/ui/sidebar/provider.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { useIsMobile } from "../../../hooks/use-mobile";
-import { cn } from "../../../lib/utils";
-import { TooltipProvider } from "../tooltip";
-import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SidebarContext, } from "./context";
+import { useIsMobile } from "../../../hooks/use-mobile.js";
+import { cn } from "../../../lib/utils.js";
+import { TooltipProvider } from "../tooltip.js";
+import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SidebarContext, } from "./context.js";
 function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
     const isMobile = useIsMobile();
     const [openMobile, setOpenMobile] = React.useState(false);

package/dist/components/ui/sidebar/rail.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useSidebar } from "./context";
-import { cn } from "../../../lib/utils";
+import { useSidebar } from "./context.js";
+import { cn } from "../../../lib/utils.js";
 function SidebarRail({ className, onClick, ...props }) {
     const { toggleSidebar } = useSidebar();
     return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: (event) => {

package/dist/components/ui/sidebar/trigger.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import { Button } from "../button";
+import { Button } from "../button.js";
 declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 export { SidebarTrigger };

package/dist/components/ui/sidebar/trigger.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuIcon, PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
-import { Button } from "../button";
-import { useSidebar } from "./context";
-import { cn } from "../../../lib/utils";
+import { Button } from "../button.js";
+import { useSidebar } from "./context.js";
+import { cn } from "../../../lib/utils.js";
 function SidebarTrigger({ className, onClick, ...props }) {
     const { isMobile, openMobile, state, toggleSidebar } = useSidebar();
     const isExpanded = isMobile ? openMobile : state === "expanded";

package/dist/components/ui/sidebar-account-menu-theme.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
-import { DropdownMenuSeparator } from "./dropdown-menu";
-import { cn } from "../../lib/utils";
+import { DropdownMenuSeparator } from "./dropdown-menu.js";
+import { cn } from "../../lib/utils.js";
 const sidebarAccountThemeModes = ["light", "dark", "system"];
 function AccountThemeSection({ mode, onModeChange, }) {
     if (!mode || !onModeChange)

package/dist/components/ui/sidebar-account-menu.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { type SidebarAccountThemeMode } from "./sidebar-account-menu-theme";
+import { type SidebarAccountThemeMode } from "./sidebar-account-menu-theme.js";
 type SidebarAccountMenuProps = {
     username?: string | null;
     email?: string | null;

package/dist/components/ui/sidebar-account-menu.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronUpIcon, LogOutIcon } from "lucide-react";
-import { Avatar, AvatarFallback, AvatarImage } from "./avatar";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "./sidebar/menu";
-import { useSidebar } from "./sidebar/context";
-import { AccountThemeSection } from "./sidebar-account-menu-theme";
-import { Spinner } from "./spinner";
-import { cn } from "../../lib/utils";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu.js";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "./sidebar/menu.js";
+import { useSidebar } from "./sidebar/context.js";
+import { AccountThemeSection } from "./sidebar-account-menu-theme.js";
+import { Spinner } from "./spinner.js";
+import { cn } from "../../lib/utils.js";
 function SidebarAccountMenu({ username, email, imageUrl, onSignOut, isSigningOut = false, themeMode, onThemeModeChange, className, children, }) {
     const { isMobile, state } = useSidebar();
     const label = getAccountLabel(username, email);

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

@@ -1,7 +1,7 @@
-export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarInset, SidebarSeparator, } from "./sidebar/layout";
-export { SidebarRail } from "./sidebar/rail";
-export { SidebarTrigger } from "./sidebar/trigger";
-export { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, } from "./sidebar/group";
-export { SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "./sidebar/menu";
-export { SidebarProvider } from "./sidebar/provider";
-export { useSidebar } from "./sidebar/context";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarInset, SidebarSeparator, } from "./sidebar/layout.js";
+export { SidebarRail } from "./sidebar/rail.js";
+export { SidebarTrigger } from "./sidebar/trigger.js";
+export { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, } from "./sidebar/group.js";
+export { SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "./sidebar/menu.js";
+export { SidebarProvider } from "./sidebar/provider.js";
+export { useSidebar } from "./sidebar/context.js";

package/dist/components/ui/sidebar.js

@@ -1,7 +1,7 @@
-export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarInset, SidebarSeparator, } from "./sidebar/layout";
-export { SidebarRail } from "./sidebar/rail";
-export { SidebarTrigger } from "./sidebar/trigger";
-export { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, } from "./sidebar/group";
-export { SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "./sidebar/menu";
-export { SidebarProvider } from "./sidebar/provider";
-export { useSidebar } from "./sidebar/context";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInput, SidebarInset, SidebarSeparator, } from "./sidebar/layout.js";
+export { SidebarRail } from "./sidebar/rail.js";
+export { SidebarTrigger } from "./sidebar/trigger.js";
+export { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, } from "./sidebar/group.js";
+export { SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "./sidebar/menu.js";
+export { SidebarProvider } from "./sidebar/provider.js";
+export { useSidebar } from "./sidebar/context.js";

package/dist/components/ui/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 import { css } from "#ui/styled-system/css";
 const skeletonClassName = css({
     animation: "pulse",

package/dist/components/ui/slider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
     const _values = React.useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);
     return (_jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn("relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn("absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full") }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "block size-4 shrink-0 rounded-full border border-primary bg-surface shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-[var(--focus-ring-width)] focus-visible:ring-[var(--focus-ring-width)] focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index)))] }));

package/dist/components/ui/sonner.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CircleCheckIcon, InfoIcon, OctagonXIcon, TriangleAlertIcon } from "lucide-react";
 import { toast, Toaster as Sonner } from "sonner";
-import { Spinner } from "./spinner";
+import { Spinner } from "./spinner.js";
 const toasterStyle = {
     "--normal-bg": "var(--popover)",
     "--normal-text": "var(--popover-foreground)",

package/dist/components/ui/spinner.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Loader2Icon } from "lucide-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 import { css } from "#ui/styled-system/css";
 const spinnerClassName = css({
     animation: "spin",

package/dist/components/ui/switch.js

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

package/dist/components/ui/table.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Table({ className, scrollable = true, ...props }) {
     return (_jsx("div", { "data-slot": "table-container", className: cn("relative w-full", scrollable && "overflow-x-auto"), children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
 }

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { type TabsListVariantProps } from "./tabs-variants";
+import { type TabsListVariantProps } from "./tabs-variants.js";
 declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
 declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & TabsListVariantProps): React.JSX.Element;
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;

package/dist/components/ui/tabs.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { tabsListVariants } from "./tabs-variants";
+import { cn } from "../../lib/utils.js";
+import { tabsListVariants } from "./tabs-variants.js";
 function Tabs({ className, orientation = "horizontal", ...props }) {
     return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, orientation: orientation, className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className), ...props }));
 }

package/dist/components/ui/textarea.js

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

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { toggleVariants } from "./toggle-variants";
+import { toggleVariants } from "./toggle-variants.js";
 declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
     spacing?: number;
 }): React.JSX.Element;

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

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { toggleVariants } from "./toggle-variants";
+import { cn } from "../../lib/utils.js";
+import { toggleVariants } from "./toggle-variants.js";
 const ToggleGroupContext = React.createContext({
     size: "default",
     variant: "default",

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

@@ -1,5 +1,5 @@
 import * as React from "react";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { type ToggleVariantProps } from "./toggle-variants";
+import { type ToggleVariantProps } from "./toggle-variants.js";
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & ToggleVariantProps): React.JSX.Element;
 export { Toggle };

package/dist/components/ui/toggle.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { toggleVariants } from "./toggle-variants";
+import { cn } from "../../lib/utils.js";
+import { toggleVariants } from "./toggle-variants.js";
 function Toggle({ className, variant, size, ...props }) {
     return (_jsx(TogglePrimitive.Root, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props }));
 }

package/dist/components/ui/tooltip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const TooltipPortalContainerContext = React.createContext({
     container: null,
 });

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

@@ -1,2 +1,2 @@
-declare function useTheme(): import("./color-theme-context").ThemeContextValue;
+declare function useTheme(): import("./color-theme-context.js").ThemeContextValue;
 export { useTheme };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ThemeContext } from "./color-theme-context";
+import { ThemeContext } from "./color-theme-context.js";
 function useTheme() {
     const context = React.useContext(ThemeContext);
     if (!context) {

package/dist/components/ui/workflow-timeline.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AlertCircleIcon, CheckIcon, ChevronRightIcon, CircleIcon, ClockIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function WorkflowTimeline({ className, steps, ...props }) {
     const expandedStepId = getExpandedStepId(steps);
     if (!steps.length) {

package/dist/entries/accordion.d.ts

@@ -1 +1 @@
-export * from "../components/ui/accordion";
+export * from "../components/ui/accordion.js";

package/dist/entries/accordion.js

@@ -1 +1 @@
-export * from "../components/ui/accordion";
+export * from "../components/ui/accordion.js";

package/dist/entries/admin-users-page.d.ts

@@ -1 +1 @@
-export * from "../components/pages/admin-users-page";
+export * from "../components/pages/admin-users-page.js";

package/dist/entries/admin-users-page.js

@@ -1 +1 @@
-export * from "../components/pages/admin-users-page";
+export * from "../components/pages/admin-users-page.js";

package/dist/entries/admin-users-table.d.ts

@@ -1 +1 @@
-export * from "../components/blocks/admin-users-table";
+export * from "../components/blocks/admin-users-table.js";

package/dist/entries/admin-users-table.js

@@ -1 +1 @@
-export * from "../components/blocks/admin-users-table";
+export * from "../components/blocks/admin-users-table.js";

package/dist/entries/alert-dialog.d.ts

@@ -1 +1 @@
-export * from "../components/ui/alert-dialog";
+export * from "../components/ui/alert-dialog.js";

package/dist/entries/alert-dialog.js

@@ -1 +1 @@
-export * from "../components/ui/alert-dialog";
+export * from "../components/ui/alert-dialog.js";

package/dist/entries/alert.d.ts

@@ -1 +1 @@
-export * from "../components/ui/alert";
+export * from "../components/ui/alert.js";

package/dist/entries/alert.js

@@ -1 +1 @@
-export * from "../components/ui/alert";
+export * from "../components/ui/alert.js";

package/dist/entries/app-shell-page.d.ts

@@ -1 +1 @@
-export * from "../components/ui/app-shell-page";
+export * from "../components/ui/app-shell-page.js";

package/dist/entries/app-shell-page.js

@@ -1 +1 @@
-export * from "../components/ui/app-shell-page";
+export * from "../components/ui/app-shell-page.js";

package/dist/entries/app-shell.d.ts

@@ -1 +1 @@
-export * from "../components/ui/app-shell";
+export * from "../components/ui/app-shell.js";

package/dist/entries/app-shell.js

@@ -1 +1 @@
-export * from "../components/ui/app-shell";
+export * from "../components/ui/app-shell.js";

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

@@ -1 +1 @@
-export * from "../components/ui/aspect-ratio";
+export * from "../components/ui/aspect-ratio.js";

package/dist/entries/aspect-ratio.js

@@ -1 +1 @@
-export * from "../components/ui/aspect-ratio";
+export * from "../components/ui/aspect-ratio.js";

package/dist/entries/avatar.d.ts

@@ -1 +1 @@
-export * from "../components/ui/avatar";
+export * from "../components/ui/avatar.js";

package/dist/entries/avatar.js

@@ -1 +1 @@
-export * from "../components/ui/avatar";
+export * from "../components/ui/avatar.js";

package/dist/entries/badge-variants.d.ts

@@ -1 +1 @@
-export * from "../components/ui/badge-variants";
+export * from "../components/ui/badge-variants.js";

package/dist/entries/badge-variants.js

@@ -1 +1 @@
-export * from "../components/ui/badge-variants";
+export * from "../components/ui/badge-variants.js";

package/dist/entries/badge.d.ts

@@ -1 +1 @@
-export * from "../components/ui/badge";
+export * from "../components/ui/badge.js";

package/dist/entries/badge.js

@@ -1 +1 @@
-export * from "../components/ui/badge";
+export * from "../components/ui/badge.js";

package/dist/entries/breadcrumb.d.ts

@@ -1 +1 @@
-export * from "../components/ui/breadcrumb";
+export * from "../components/ui/breadcrumb.js";

package/dist/entries/breadcrumb.js

@@ -1 +1 @@
-export * from "../components/ui/breadcrumb";
+export * from "../components/ui/breadcrumb.js";

package/dist/entries/button-group-variants.d.ts

@@ -1 +1 @@
-export * from "../components/ui/button-group-variants";
+export * from "../components/ui/button-group-variants.js";