@ciridae/ui 0.17.0 → 1.0.1

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

@@ -1,19 +0,0 @@
-import * as React from "react";
-import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
-import { Button } from "./button.js";
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-type CarouselProps = {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: "horizontal" | "vertical";
-    setApi?: (api: CarouselApi) => void;
-};
-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/carousel.js

@@ -1,104 +0,0 @@
-"use client";
-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.js";
-import { Button } from "./button.js";
-const CarouselContext = React.createContext(null);
-function useCarousel() {
-    const context = React.useContext(CarouselContext);
-    if (!context) {
-        throw new Error("useCarousel must be used within a <Carousel />");
-    }
-    return context;
-}
-function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
-    const [carouselRef, api] = useEmblaCarousel({
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y",
-    }, plugins);
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((api) => {
-        if (!api)
-            return;
-        setCanScrollPrev(api.canScrollPrev());
-        setCanScrollNext(api.canScrollNext());
-    }, []);
-    const scrollPrev = React.useCallback(() => {
-        api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React.useCallback(() => {
-        api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React.useCallback((event) => {
-        if (event.key === "ArrowLeft") {
-            event.preventDefault();
-            scrollPrev();
-        }
-        else if (event.key === "ArrowRight") {
-            event.preventDefault();
-            scrollNext();
-        }
-    }, [scrollPrev, scrollNext]);
-    React.useEffect(() => {
-        if (!api || !setApi)
-            return;
-        setApi(api);
-    }, [api, setApi]);
-    React.useEffect(() => {
-        if (!api)
-            return;
-        onSelect(api);
-        api.on("reInit", onSelect);
-        api.on("select", onSelect);
-        return () => {
-            api?.off("select", onSelect);
-        };
-    }, [api, onSelect]);
-    const contextValue = useCarouselContextValue({
-        api,
-        canScrollNext,
-        canScrollPrev,
-        carouselRef,
-        opts,
-        orientation,
-        scrollNext,
-        scrollPrev,
-    });
-    return (_jsx(CarouselContext.Provider, { value: contextValue, children: _jsx("div", { onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel", ...props, children: children }) }));
-}
-function useCarouselContextValue({ api, canScrollNext, canScrollPrev, carouselRef, opts, orientation, scrollNext, scrollPrev, }) {
-    return React.useMemo(() => ({
-        carouselRef,
-        api,
-        opts,
-        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext,
-    }), [api, canScrollNext, canScrollPrev, carouselRef, opts, orientation, scrollNext, scrollPrev]);
-}
-function CarouselContent({ className, ...props }) {
-    const { carouselRef, orientation } = useCarousel();
-    return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: _jsx("div", { className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
-}
-function CarouselItem({ className, ...props }) {
-    const { orientation } = useCarousel();
-    return (_jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
-}
-function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
-    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -left-12 -translate-y-1/2"
-            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
-}
-function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
-    const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -right-12 -translate-y-1/2"
-            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
-}
-export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };

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

@@ -1,33 +0,0 @@
-import * as React from "react";
-export declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-export declare const THEME_NAMES: readonly ["light", "dark"];
-export type ChartConfig = Record<string, {
-    label?: React.ReactNode;
-    icon?: React.ComponentType;
-} & ({
-    color?: string;
-    theme?: never;
-} | {
-    color?: never;
-    theme: Record<keyof typeof THEMES, string>;
-})>;
-type ChartContextProps = {
-    config: ChartConfig;
-};
-export declare const ChartContext: React.Context<ChartContextProps | null>;
-export declare function useChart(): ChartContextProps;
-export declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ({
-    label?: React.ReactNode;
-    icon?: React.ComponentType;
-} & ({
-    color?: string;
-    theme?: never;
-} | {
-    color?: never;
-    theme: Record<keyof typeof THEMES, string>;
-})) | undefined;
-export declare function getNestedPayloadString(payload: unknown, key: string): string | undefined;
-export {};

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

@@ -1,36 +0,0 @@
-import * as React from "react";
-export const THEMES = { light: "", dark: ".dark" };
-export const THEME_NAMES = ["light", "dark"];
-export const ChartContext = React.createContext(null);
-export function useChart() {
-    const context = React.useContext(ChartContext);
-    if (!context) {
-        throw new Error("useChart must be used within a <ChartContainer />");
-    }
-    return context;
-}
-export function getPayloadConfigFromPayload(config, payload, key) {
-    if (typeof payload !== "object" || payload === null) {
-        return undefined;
-    }
-    const payloadRecord = getRecord(payload);
-    const nestedPayloadRecord = getRecord(payloadRecord.payload);
-    const configLabelKey = getStringValue(payloadRecord, key) ?? getStringValue(nestedPayloadRecord, key) ?? key;
-    return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-export function getNestedPayloadString(payload, key) {
-    return getStringValue(getRecord(getRecord(payload).payload), key);
-}
-function getRecord(value) {
-    if (!isRecord(value)) {
-        return {};
-    }
-    return value;
-}
-function isRecord(value) {
-    return typeof value === "object" && value !== null;
-}
-function getStringValue(record, key) {
-    const value = record[key];
-    return typeof value === "string" ? value : undefined;
-}

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

@@ -1,11 +0,0 @@
-import * as React from "react";
-type ChartPanelProps = React.ComponentProps<"section"> & {
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    meta?: React.ReactNode;
-    actions?: React.ReactNode;
-    children: React.ReactNode;
-};
-declare function ChartPanel({ title, description, meta, actions, children, className, ...props }: ChartPanelProps): React.JSX.Element;
-export { ChartPanel };
-export type { ChartPanelProps };

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 })] }));
-}
-export { ChartPanel };

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

@@ -1,13 +0,0 @@
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-import type { TooltipValueType } from "recharts";
-type TooltipNameType = number | string;
-type ChartTooltipContentProps = React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    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): React.JSX.Element | null;
-export { ChartTooltipContent };

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

@@ -1,84 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils.js";
-import { 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({
-        config,
-        hideLabel,
-        label,
-        labelClassName,
-        labelFormatter,
-        labelKey,
-        payload,
-    });
-    if (!active || !payload?.length) {
-        return null;
-    }
-    const nestLabel = payload.length === 1 && indicator !== "dot";
-    return (_jsxs("div", { className: cn("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-md", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
-                    .filter((item) => item.type !== "none")
-                    .map((item, index) => (_jsx(ChartTooltipItem, { color: color, config: config, formatter: formatter, hideIndicator: hideIndicator, index: index, indicator: indicator, item: item, nameKey: nameKey, nestLabel: nestLabel, payload: payload, tooltipLabel: tooltipLabel }, index))) })] }));
-}
-function useChartTooltipLabel({ config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload, }) {
-    return React.useMemo(() => getChartTooltipLabel({
-        config,
-        hideLabel,
-        label,
-        labelClassName,
-        labelFormatter,
-        labelKey,
-        payload,
-    }), [config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload]);
-}
-function getChartTooltipLabel({ config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload, }) {
-    if (hideLabel || !payload?.length)
-        return null;
-    const value = getChartTooltipLabelValue({ config, label, labelKey, payload });
-    if (labelFormatter) {
-        return _jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
-    }
-    return value ? _jsx("div", { className: cn("font-medium", labelClassName), children: value }) : null;
-}
-function getChartTooltipLabelValue({ config, label, labelKey, payload, }) {
-    const [item] = payload ?? [];
-    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    return !labelKey && typeof label === "string"
-        ? (config[label]?.label ?? label)
-        : itemConfig?.label;
-}
-function ChartTooltipItem({ color, config, formatter, hideIndicator, index, indicator, item, nameKey, nestLabel, payload, tooltipLabel, }) {
-    const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    if (formatter && item.value !== undefined && item.name) {
-        return (_jsx("div", { className: getTooltipItemClassName(indicator), children: formatter(item.value, item.name, item, index, payload) }));
-    }
-    return (_jsx("div", { className: getTooltipItemClassName(indicator), children: _jsx(DefaultTooltipItem, { color: color, hideIndicator: hideIndicator, indicator: indicator, item: item, itemConfig: itemConfig, nestLabel: nestLabel, tooltipLabel: tooltipLabel }) }));
-}
-function DefaultTooltipItem({ color, hideIndicator, indicator, item, itemConfig, nestLabel, tooltipLabel, }) {
-    return (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_jsx(ChartTooltipIndicator, { color: color, indicator: indicator, item: item, nestLabel: nestLabel }))), _jsx(ChartTooltipItemBody, { item: item, itemConfig: itemConfig, nestLabel: nestLabel, children: tooltipLabel })] }));
-}
-function ChartTooltipIndicator({ color, indicator, item, nestLabel, }) {
-    const indicatorColor = color ?? getNestedPayloadString(item, "fill") ?? item.color;
-    return (_jsx("div", { className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
-            "h-2.5 w-2.5": indicator === "dot",
-            "w-1": indicator === "line",
-            "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-            "my-0.5": nestLabel && indicator === "dashed",
-        }), style: getChartIndicatorStyle(indicatorColor) }));
-}
-function ChartTooltipItemBody({ children, item, itemConfig, nestLabel, }) {
-    return (_jsxs("div", { className: cn("flex min-w-0 flex-1 justify-between gap-4 leading-none", nestLabel ? "items-end" : "items-center"), children: [_jsxs("div", { className: "grid min-w-0 gap-1.5", children: [nestLabel ? children : null, _jsx("span", { className: "truncate text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && (_jsx("span", { className: "shrink-0 font-mono font-medium text-foreground tabular-nums", children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value) }))] }));
-}
-function getTooltipItemClassName(indicator) {
-    return cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center");
-}
-function getChartIndicatorStyle(indicatorColor) {
-    return {
-        "--color-bg": indicatorColor,
-        "--color-border": indicatorColor,
-    };
-}
-export { ChartTooltipContent };

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

@@ -1,23 +0,0 @@
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-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"];
-    initialDimension?: {
-        width: number;
-        height: number;
-    };
-}): React.JSX.Element;
-declare function ChartStyle({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}): 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): React.JSX.Element | null;
-export { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/components/ui/chart.js

@@ -1,52 +0,0 @@
-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.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();
-    const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
-    const contextValue = React.useMemo(() => ({ config }), [config]);
-    return (_jsx(ChartContext.Provider, { value: contextValue, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension, children: children })] }) }));
-}
-function ChartStyle({ id, config }) {
-    const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme ?? itemConfig.color);
-    if (!colorConfig.length) {
-        return null;
-    }
-    return (_jsx("style", { dangerouslySetInnerHTML: {
-            __html: THEME_NAMES.map((theme) => {
-                const prefix = THEMES[theme];
-                return `
-${prefix} [data-chart=${id}] {
-${colorConfig
-                    .map(([key, itemConfig]) => {
-                    const color = itemConfig.theme?.[theme] ?? itemConfig.color;
-                    return color ? `  --color-${key}: ${color};` : null;
-                })
-                    .join("\n")}
-}
-`;
-            }).join("\n"),
-        } }));
-}
-const ChartTooltip = RechartsPrimitive.Tooltip;
-const ChartLegend = RechartsPrimitive.Legend;
-function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
-    const { config } = useChart();
-    if (!payload?.length) {
-        return null;
-    }
-    return (_jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload
-            .filter((item) => item.type !== "none")
-            .map((item, index) => {
-            const key = `${nameKey ?? item.dataKey ?? "value"}`;
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            return (_jsxs("div", { className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
-                            backgroundColor: item.color,
-                        } })), itemConfig?.label] }, index));
-        }) }));
-}
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

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

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

package/dist/components/ui/checkbox.js

@@ -1,9 +0,0 @@
-"use client";
-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.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" })) }) }));
-}
-export { Checkbox };

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

@@ -1,8 +0,0 @@
-import { type ReactNode } from "react";
-import { type ThemeProviderProps } from "./color-theme.js";
-export type CiridaeUiProviderProps = {
-    children: ReactNode;
-    agentation?: boolean;
-} & Pick<ThemeProviderProps, "defaultMode" | "defaultPalette">;
-declare function CiridaeUiProvider({ agentation, children, defaultMode, defaultPalette, }: CiridaeUiProviderProps): import("@types/react").JSX.Element;
-export { CiridaeUiProvider };

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { lazy, Suspense } from "react";
-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();
-    return _jsx(Toaster, { richColors: true, closeButton: true, theme: mode });
-}
-function CiridaeUiProvider({ agentation = false, children, defaultMode, defaultPalette, }) {
-    return (_jsx(ThemeProvider, { defaultMode: defaultMode, defaultPalette: defaultPalette, children: _jsxs(TooltipProvider, { children: [children, _jsx(CiridaeUiToaster, {}), agentation ? (_jsx(Suspense, { fallback: null, children: _jsx(LazyAgentation, {}) })) : null] }) }));
-}
-export { CiridaeUiProvider };

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

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

package/dist/components/ui/collapsible.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-function Collapsible({ ...props }) {
-    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger({ ...props }) {
-    return _jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
-}
-function CollapsibleContent({ ...props }) {
-    return _jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
-}
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -1,28 +0,0 @@
-import * as React from "react";
-import type { PaletteSelection } from "../../lib/palette.js";
-type ThemeMode = "light" | "dark" | "system";
-type ResolvedTheme = "light" | "dark";
-type ThemeContextValue = {
-    mode: ThemeMode;
-    resolvedTheme: ResolvedTheme;
-    setMode: (mode: ThemeMode) => void;
-    toggleTheme: () => void;
-    /** `null` means the app has not opted into palettes; the stylesheet's tokens stand. */
-    palette: PaletteSelection | null;
-    setPalette: (palette: PaletteSelection) => void;
-    /** Drops the user's override and returns to the app's `defaultPalette`. */
-    resetPalette: () => void;
-};
-type ThemeProviderProps = {
-    children: React.ReactNode;
-    defaultMode?: ThemeMode;
-    /**
-     * The app's own identity. Omit to leave every color token to the
-     * stylesheet, which is what keeps an app that has not opted in unchanged.
-     */
-    defaultPalette?: PaletteSelection;
-    storageKey?: string;
-    paletteStorageKey?: 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

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

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

@@ -1,5 +0,0 @@
-import * as React from "react";
-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.js";

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

@@ -1,147 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-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, }) {
-    const [mode, setModeState] = React.useState(() => readStoredMode(storageKey, defaultMode));
-    const [storedPalette, setStoredPalette] = React.useState(() => readStoredPalette(paletteStorageKey));
-    const [systemTheme, setSystemTheme] = React.useState(() => getSystemTheme());
-    const resolvedTheme = mode === "system" ? systemTheme : mode;
-    const selected = storedPalette ?? defaultPalette ?? null;
-    // `defaultPalette` is documented as an inline object literal, so it is a new
-    // reference on every render. Keyed by identity instead, the token effect and
-    // the context memo below stop firing on renders that changed no palette.
-    const paletteKey = paletteSelectionKey(selected);
-    // Publish the canonical selection, not the caller's object. Memoising the raw
-    // one would hand back a stale copy whenever two inputs share a key: setting
-    // hue 10.4 after 10.1 changes storage but not the key, so `palette.hue` would
-    // keep reporting 10.1 for the session and a control bound to it would snap
-    // back on any sub-degree move.
-    //
-    // Depending on `selected` is the other half: it is a new object every render,
-    // while `paletteKey` changes exactly when the palette does.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const palette = React.useMemo(() => canonicalPaletteSelection(selected), [paletteKey]);
-    React.useEffect(() => {
-        const root = document.documentElement;
-        root.classList.remove("light", "dark");
-        root.classList.add(resolvedTheme);
-    }, [resolvedTheme]);
-    usePaletteTokens(palette, resolvedTheme);
-    React.useEffect(() => {
-        const mediaQuery = window.matchMedia?.("(prefers-color-scheme: dark)");
-        if (!mediaQuery)
-            return;
-        const updateSystemTheme = () => {
-            setSystemTheme(mediaQuery.matches ? "dark" : "light");
-        };
-        updateSystemTheme();
-        mediaQuery.addEventListener("change", updateSystemTheme);
-        return () => mediaQuery.removeEventListener("change", updateSystemTheme);
-    }, []);
-    const setMode = React.useCallback((nextMode) => {
-        setModeState(nextMode);
-        writeStoredValue(storageKey, nextMode);
-    }, [storageKey]);
-    const toggleTheme = React.useCallback(() => {
-        setMode(resolvedTheme === "dark" ? "light" : "dark");
-    }, [resolvedTheme, setMode]);
-    const setPalette = React.useCallback((nextPalette) => {
-        setStoredPalette(nextPalette);
-        writeStoredValue(paletteStorageKey, JSON.stringify(nextPalette));
-    }, [paletteStorageKey]);
-    const resetPalette = React.useCallback(() => {
-        setStoredPalette(null);
-        removeStoredValue(paletteStorageKey);
-    }, [paletteStorageKey]);
-    const contextValue = React.useMemo(() => ({
-        mode,
-        resolvedTheme,
-        setMode,
-        toggleTheme,
-        palette,
-        setPalette,
-        resetPalette,
-    }), [mode, resolvedTheme, setMode, toggleTheme, palette, setPalette, resetPalette]);
-    return _jsx(ThemeContext.Provider, { value: contextValue, children: children });
-}
-/**
- * Writes a palette onto the document element as inline custom properties.
- *
- * Inline values outrank both the `:root` and `.dark` rules, so they have to be
- * recomputed for the resolved mode rather than only when the palette changes.
- * With no palette the properties are removed outright and the stylesheet
- * governs again.
- */
-function usePaletteTokens(palette, mode) {
-    // Only clear what this hook wrote. An app that sets a custom property on the
-    // document element itself, and never opts into palettes, would otherwise have
-    // it stripped on mount and on every mode change by a provider it is only
-    // using for light and dark.
-    const hasWritten = React.useRef(false);
-    React.useEffect(() => {
-        const root = document.documentElement;
-        const clear = () => {
-            if (!hasWritten.current)
-                return;
-            for (const token of PALETTE_TOKEN_NAMES)
-                root.style.removeProperty(`--${token}`);
-            hasWritten.current = false;
-        };
-        const spec = palette ? resolvePaletteSelection(palette) : null;
-        if (!spec) {
-            clear();
-            return;
-        }
-        for (const [token, value] of Object.entries(derivePaletteTokens(spec, mode))) {
-            root.style.setProperty(`--${token}`, value);
-        }
-        hasWritten.current = true;
-        // The properties live on an element this hook does not own, so it has to
-        // hand them back. Without this an unmounted provider leaves a palette on
-        // the document for whatever renders next.
-        return clear;
-    }, [palette, mode]);
-}
-function readStoredMode(storageKey, defaultMode) {
-    const storedMode = readStoredValue(storageKey);
-    if (storedMode === "light" || storedMode === "dark" || storedMode === "system") {
-        return storedMode;
-    }
-    return defaultMode;
-}
-/**
- * Anything unrecognised is discarded rather than trusted: this value survives
- * deploys, so it outlives renamed presets and older shapes of the type.
- */
-function readStoredPalette(storageKey) {
-    const raw = readStoredValue(storageKey);
-    if (!raw)
-        return null;
-    try {
-        return parseStoredPalette(JSON.parse(raw));
-    }
-    catch {
-        // Corrupt JSON is treated the same as no preference.
-        return null;
-    }
-}
-function parseStoredPalette(value) {
-    if (typeof value !== "object" || value === null || !("kind" in value))
-        return null;
-    if (value.kind === "preset" && "id" in value && typeof value.id === "string") {
-        return canonicalPaletteSelection({ kind: "preset", id: value.id });
-    }
-    if (value.kind === "custom" && "hue" in value && typeof value.hue === "number") {
-        return canonicalPaletteSelection({ kind: "custom", hue: value.hue });
-    }
-    return null;
-}
-function getSystemTheme() {
-    return window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-export { ThemeProvider };
-export { useTheme } from "./use-color-theme.js";