@ciridae/ui 0.10.0 → 0.11.2

package/dist/components/pages/feedback-stakeholder-page-parts.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SearchIcon, XIcon } from "lucide-react";
-import { feedbackStatusOptions, feedbackTypeOptions, } from "../blocks/feedback-tracking-types";
-import { Button } from "../ui/button";
-import { Input } from "../ui/input";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
+import { feedbackStatusOptions, feedbackTypeOptions, } from "../blocks/feedback-tracking-types.js";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
 function FeedbackFiltersToolbar({ filters, hasActiveFilters, onClearFilters, onFiltersChange, }) {
     return (_jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:justify-between", children: [_jsx(FeedbackSearchInput, { onSearchChange: (search) => onFiltersChange({ ...filters, search }), search: filters.search }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [_jsx(FeedbackStatusFilter, { onStatusChange: (status) => onFiltersChange({ ...filters, status }), status: filters.status }), _jsx(FeedbackTypeFilter, { onTypeChange: (type) => onFiltersChange({ ...filters, type }), type: filters.type }), hasActiveFilters ? _jsx(ClearFiltersButton, { onClearFilters: onClearFilters }) : null] })] }));
 }

package/dist/components/pages/feedback-stakeholder-page.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type FeedbackMetrics, type StakeholderFeedbackItem } from "../blocks/feedback-tracking-types";
+import { type FeedbackMetrics, type StakeholderFeedbackItem } from "../blocks/feedback-tracking-types.js";
 type FeedbackStakeholderPageProps = {
     isLoading?: boolean;
     items: StakeholderFeedbackItem[];

package/dist/components/pages/feedback-stakeholder-page.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { FeedbackDetailSheet } from "../blocks/feedback-detail-sheet";
-import { FeedbackMetricsStrip } from "../blocks/feedback-metrics";
-import { FeedbackTable } from "../blocks/feedback-table";
-import { ClearFiltersButton, FeedbackFiltersToolbar, } from "./feedback-stakeholder-page-parts";
-import { PageHeader, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header";
+import { FeedbackDetailSheet } from "../blocks/feedback-detail-sheet.js";
+import { FeedbackMetricsStrip } from "../blocks/feedback-metrics.js";
+import { FeedbackTable } from "../blocks/feedback-table.js";
+import { ClearFiltersButton, FeedbackFiltersToolbar, } from "./feedback-stakeholder-page-parts.js";
+import { PageHeader, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header.js";
 function FeedbackStakeholderPage({ isLoading = false, items, metrics, }) {
     const [filters, setFilters] = React.useState(defaultFilters);
     const [selectedFeedback, setSelectedFeedback] = React.useState();

package/dist/components/pages/kanban-page.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "../blocks/kanban-types";
+import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "../blocks/kanban-types.js";
 type KanbanPageProps = {
     cards: KanbanCardData[];
     columns: KanbanColumnData[];

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

@@ -1,11 +1,11 @@
 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";
-import { KanbanDetailSheet } from "../blocks/kanban-detail-sheet";
-import { Button } from "../ui/button";
-import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "../ui/input-group";
-import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header";
+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();

package/dist/components/ui/accordion.js

@@ -1,7 +1,7 @@
 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";
+import { cn } from "../../lib/utils.js";
 function Accordion({ ...props }) {
     return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import { type ButtonVariantProps } from "./button-variants";
+import { type ButtonVariantProps } from "./button-variants.js";
 declare function AlertDialogPortalContainerProvider({ children, container, }: {
     children: React.ReactNode;
     container: HTMLElement | null;

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

@@ -2,8 +2,8 @@
 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";
-import { buttonVariants } from "./button-variants";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "./button-variants.js";
 const AlertDialogPortalContainerContext = React.createContext({
     container: null,
 });

package/dist/components/ui/alert.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+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: {

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PageHeader } from "./page-header";
+import { PageHeader } from "./page-header.js";
 type AppShellPageBrand = {
     name: string;
     iconLight: string;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
-import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "./page-header";
-import { SidebarTrigger } from "./sidebar";
+import { cn } from "../../lib/utils.js";
+import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "./page-header.js";
+import { SidebarTrigger } 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 }));
 }

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { SidebarAccountThemeMode } from "./sidebar-account-menu-theme";
-import type { SidebarProviderStyle } from "./sidebar/context";
+import type { SidebarAccountThemeMode } from "./sidebar-account-menu-theme.js";
+import type { SidebarProviderStyle } from "./sidebar/context.js";
 type AppShellBrand = {
     name: string;
     iconLight: string;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
-import { SidebarAccountMenu } from "./sidebar-account-menu";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from "./sidebar";
+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",

package/dist/components/ui/avatar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Avatar as AvatarPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+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 }));
 }

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

@@ -1,5 +1,5 @@
 import { type RecipeVariantProps } from "#ui/styled-system/css";
-declare const badgeVariants: import("../../styled-system/types").RecipeRuntimeFn<{
+declare const badgeVariants: import("../../styled-system/types/index.js").RecipeRuntimeFn<{
     variant: {
         default: {
             backgroundColor: "muted.subtle";

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

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

package/dist/components/ui/badge.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { badgeVariants } from "./badge-variants";
+import { cn } from "../../lib/utils.js";
+import { badgeVariants } from "./badge-variants.js";
 function Badge({ className, variant = "default", asChild = false, ...props }) {
     const Comp = asChild ? Slot.Root : "span";
     return (_jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props }));

package/dist/components/ui/breadcrumb.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { Slot } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Breadcrumb({ ...props }) {
     return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }

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

@@ -1,5 +1,5 @@
-import { Separator } from "./separator";
-import { type ButtonGroupVariantProps } from "./button-group-variants";
+import { Separator } from "./separator.js";
+import { type ButtonGroupVariantProps } from "./button-group-variants.js";
 declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & ButtonGroupVariantProps): import("@types/react").JSX.Element;
 declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
     asChild?: boolean;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { Separator } from "./separator";
-import { buttonGroupVariants } from "./button-group-variants";
+import { cn } from "../../lib/utils.js";
+import { Separator } from "./separator.js";
+import { buttonGroupVariants } from "./button-group-variants.js";
 function ButtonGroup({ className, orientation, ...props }) {
     return (_jsx("div", { role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className), ...props }));
 }

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

@@ -1,5 +1,5 @@
 import { type RecipeVariantProps } from "#ui/styled-system/css";
-declare const buttonVariants: import("../../styled-system/types").RecipeRuntimeFn<{
+declare const buttonVariants: import("../../styled-system/types/index.js").RecipeRuntimeFn<{
     variant: {
         default: {
             backgroundColor: "primary";

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type ButtonVariantProps } from "./button-variants";
+import { type ButtonVariantProps } from "./button-variants.js";
 declare function Button({ children, className, variant, size, asChild, disabled, loading, loadingLabel, onClick, tabIndex, ...props }: React.ComponentProps<"button"> & ButtonVariantProps & {
     asChild?: boolean;
     loading?: boolean;

package/dist/components/ui/button.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { buttonVariants } from "./button-variants";
-import { Spinner } from "./spinner";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "./button-variants.js";
+import { Spinner } from "./spinner.js";
 function Button({ children, className, variant = "default", size = "default", asChild = false, disabled, loading = false, loadingLabel = "Loading", onClick, tabIndex, ...props }) {
     const Comp = asChild ? Slot.Root : "button";
     const isDisabled = disabled || loading;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { DayPicker, type DayButton } from "react-day-picker";
-import { Button } from "./button";
+import { Button } from "./button.js";
 type CalendarProps = React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
     initialFocus?: boolean;

package/dist/components/ui/calendar.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-import { cn } from "../../lib/utils";
-import { Button } from "./button";
-import { buttonVariants } from "./button-variants";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import { buttonVariants } from "./button-variants.js";
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, initialFocus: _initialFocus, components, ...props }) {
     const defaultClassNames = getDefaultClassNames();
     const mergedClassNames = getCalendarClassNames({

package/dist/components/ui/card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const cardVariants = {
     section: "bg-transparent py-(--panel-padding) text-foreground shadow-none",
     surface: "rounded-lg border bg-card py-(--panel-padding) text-card-foreground shadow-xs",

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
-import { Button } from "./button";
+import { Button } from "./button.js";
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];

package/dist/components/ui/carousel.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Button } from "./button";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
 const CarouselContext = React.createContext(null);
 function useCarousel() {
     const context = React.useContext(CarouselContext);

package/dist/components/ui/chart-panel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function ChartPanel({ title, description, meta, actions, children, className, ...props }) {
     return (_jsxs("section", { "data-slot": "chart-panel", className: cn("flex flex-col gap-(--panel-gap) border-t border-border bg-transparent py-(--panel-padding) text-foreground", className), ...props, children: [_jsxs("div", { className: "flex flex-col gap-2 px-(--panel-padding) sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [_jsx("h2", { className: "leading-none font-medium", children: title }), meta ? (_jsx("div", { className: "font-mono text-sm text-muted-foreground tabular-nums", children: meta })) : null] }), description ? _jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null] }), actions ? _jsx("div", { className: "flex items-center gap-2", children: actions }) : null] }), _jsx("div", { className: "px-(--panel-padding)", children: children })] }));
 }

package/dist/components/ui/chart-tooltip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
-import { getNestedPayloadString, getPayloadConfigFromPayload, useChart, } from "./chart-context";
+import { cn } from "../../lib/utils.js";
+import { getNestedPayloadString, getPayloadConfigFromPayload, useChart, } from "./chart-context.js";
 function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
     const { config } = useChart();
     const tooltipLabel = useChartTooltipLabel({

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import { type ChartConfig } from "./chart-context";
-import { ChartTooltipContent } from "./chart-tooltip";
+import { type ChartConfig } from "./chart-context.js";
+import { ChartTooltipContent } from "./chart-tooltip.js";
 declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
     config: ChartConfig;
     children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];

package/dist/components/ui/chart.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import { cn } from "../../lib/utils";
-import { ChartContext, THEMES, THEME_NAMES, getPayloadConfigFromPayload, useChart, } from "./chart-context";
-import { ChartTooltipContent } from "./chart-tooltip";
+import { cn } from "../../lib/utils.js";
+import { ChartContext, THEMES, THEME_NAMES, getPayloadConfigFromPayload, useChart, } from "./chart-context.js";
+import { ChartTooltipContent } from "./chart-tooltip.js";
 const INITIAL_DIMENSION = { width: 320, height: 200 };
 function ChartContainer({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }) {
     const uniqueId = React.useId();

package/dist/components/ui/checkbox.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CheckIcon, MinusIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Checkbox({ className, ...props }) {
     return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow 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 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary dark:data-[state=indeterminate]:bg-primary", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none", children: props.checked === "indeterminate" ? (_jsx(MinusIcon, { className: "size-3.5" })) : (_jsx(CheckIcon, { className: "size-3.5" })) }) }));
 }

package/dist/components/ui/ciridae-ui-provider.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type ThemeProviderProps } from "./color-theme";
+import { type ThemeProviderProps } from "./color-theme.js";
 export type CiridaeUiProviderProps = {
     children: ReactNode;
     agentation?: boolean;

package/dist/components/ui/ciridae-ui-provider.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { lazy, Suspense } from "react";
-import { ThemeProvider, useTheme } from "./color-theme";
-import { Toaster } from "./sonner";
-import { TooltipProvider } from "./tooltip";
+import { ThemeProvider, useTheme } from "./color-theme.js";
+import { Toaster } from "./sonner.js";
+import { TooltipProvider } from "./tooltip.js";
 const LazyAgentation = lazy(() => import("agentation").then((module) => ({ default: module.Agentation })));
 function CiridaeUiToaster() {
     const { mode } = useTheme();

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { PaletteSelection } from "../../lib/palette";
+import type { PaletteSelection } from "../../lib/palette.js";
 type ThemeMode = "light" | "dark" | "system";
 type ResolvedTheme = "light" | "dark";
 type ThemeContextValue = {

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

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

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { PALETTE_TOKEN_NAMES, canonicalPaletteSelection, derivePaletteTokens, paletteSelectionKey, resolvePaletteSelection, } from "../../lib/palette";
-import { readStoredValue, removeStoredValue, writeStoredValue } from "../../lib/browser-storage";
-import { ThemeContext, } from "./color-theme-context";
+import { PALETTE_TOKEN_NAMES, canonicalPaletteSelection, derivePaletteTokens, paletteSelectionKey, resolvePaletteSelection, } from "../../lib/palette.js";
+import { readStoredValue, removeStoredValue, writeStoredValue } from "../../lib/browser-storage.js";
+import { ThemeContext, } from "./color-theme-context.js";
 const defaultStorageKey = "ciridae-ui-theme";
 const defaultPaletteStorageKey = "ciridae-ui-palette";
 function ThemeProvider({ children, defaultMode = "system", defaultPalette, storageKey = defaultStorageKey, paletteStorageKey = defaultPaletteStorageKey, }) {
@@ -32,7 +32,9 @@ function ThemeProvider({ children, defaultMode = "system", defaultPalette, stora
     }, [resolvedTheme]);
     usePaletteTokens(palette, resolvedTheme);
     React.useEffect(() => {
-        const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+        const mediaQuery = window.matchMedia?.("(prefers-color-scheme: dark)");
+        if (!mediaQuery)
+            return;
         const updateSystemTheme = () => {
             setSystemTheme(mediaQuery.matches ? "dark" : "light");
         };
@@ -139,7 +141,7 @@ function parseStoredPalette(value) {
     return null;
 }
 function getSystemTheme() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    return window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 export { ThemeProvider };
-export { useTheme } from "./use-color-theme";
+export { useTheme } from "./use-color-theme.js";

package/dist/components/ui/combobox.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Button } from "./button";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
 const Combobox = ComboboxPrimitive.Root;
 function ComboboxValue({ ...props }) {
     return _jsx(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { Dialog } from "./dialog";
+import { Dialog } from "./dialog.js";
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
 declare function CommandDialog({ title, description, children, className, commandProps, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;

package/dist/components/ui/command.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon, XIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog";
+import { cn } from "../../lib/utils.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog.js";
 function Command({ className, ...props }) {
     return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className), ...props }));
 }

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const ContextMenuPortalContainerContext = React.createContext({
     container: null,
     disableModalBehavior: false,

package/dist/components/ui/data-table-column-settings.js

@@ -4,11 +4,11 @@ import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, us
 import { arrayMove, SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { GripVerticalIcon, SlidersHorizontalIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { useDataTable } from "./data-table-context";
-import { Button } from "./button";
-import { Checkbox } from "./checkbox";
-import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "./sheet";
+import { cn } from "../../lib/utils.js";
+import { useDataTable } from "./data-table-context.js";
+import { Button } from "./button.js";
+import { Checkbox } from "./checkbox.js";
+import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "./sheet.js";
 /**
  * Choose which columns appear and in what order.
  *

package/dist/components/ui/data-table-controls.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Table as TanStackTable } from "@tanstack/react-table";
-import type { ResolvedDataTableLabels, TanStackDataTableProps } from "./data-table-tanstack";
+import type { ResolvedDataTableLabels, TanStackDataTableProps } from "./data-table-tanstack.js";
 declare function DataTableTools<TData, TValue>({ labels, props, table, }: {
     labels: ResolvedDataTableLabels;
     props: TanStackDataTableProps<TData, TValue>;

package/dist/components/ui/data-table-controls.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SearchIcon, SlidersHorizontalIcon } from "lucide-react";
-import { Button } from "./button";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";
-import { Input } from "./input";
+import { Button } from "./button.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu.js";
+import { Input } from "./input.js";
 function DataTableTools({ labels, props, table, }) {
     return (_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [props.filterMode !== false ? (_jsx(DataTableFilter, { filterMode: props.filterMode ?? "global", placeholder: props.filterPlaceholder ?? labels.filterPlaceholder, table: table })) : null, props.toolbar] }), _jsxs("div", { className: "flex items-center gap-2", children: [props.actions, props.enableColumnVisibility !== false ? (_jsx(DataTableColumnVisibility, { table: table, title: labels.columns })) : null] })] }));
 }

package/dist/components/ui/data-table-facet-filter.d.ts

@@ -7,17 +7,33 @@ type DataTableFacetOption = {
     value: string;
 };
 /**
- * Narrow a column to a set of its own values.
+ * The facet-filter popover, controlled: one button per facet that wears the
+ * current selection, checkable values inside. The caller owns the selection --
+ * URL search state, column filters, anything -- and receives the whole next
+ * selection on every toggle, so the popover can never disagree with the list
+ * it narrows and there is nothing to apply or discard on close.
+ */
+declare function FacetFilter({ counts, onSelectionChange, options, selected, title, }: {
+    /** Rows each option would leave, shown when provided. */
+    counts?: ReadonlyMap<string, number>;
+    onSelectionChange: (values: string[]) => void;
+    options: DataTableFacetOption[];
+    selected: readonly string[];
+    title: string;
+}): React.JSX.Element;
+/**
+ * The column-bound binding: narrow a column to a set of its own values.
  *
- * Counts come from the table's faceted row model, which `TanStackDataTable`
- * already builds -- so an option can say how many rows it would leave without
- * the caller counting anything itself. Pair with the `arrIncludesSome` filter
- * function, which is what a multi-select selection means.
+ * Selection lives in the column's filter value, and counts come from the
+ * table's faceted row model, which `TanStackDataTable` already builds -- so an
+ * option can say how many rows it would leave without the caller counting
+ * anything itself. Pair with the `arrIncludesSome` filter function, which is
+ * what a multi-select selection means.
  */
 declare function DataTableFacetFilter({ columnId, options, title, }: {
     columnId: string;
     options: DataTableFacetOption[];
     title: string;
 }): React.JSX.Element;
-export { DataTableFacetFilter };
+export { DataTableFacetFilter, FacetFilter };
 export type { DataTableFacetOption };