@mihcm/ui 0.14.1

package/dist/Carousel.native.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Carousel (React Native variant).
+ *
+ * Horizontal paging carousel backed by FlatList.
+ * Uses `data` + `renderItem` instead of composable children
+ * (FlatList requires a data-driven pattern).
+ *
+ *   <Carousel
+ *     data={slides}
+ *     renderItem={({ item }) => <CarouselItem><Text>{item.title}</Text></CarouselItem>}
+ *   />
+ *
+ * Wiki: docs/components/Carousel.md
+ */
+import { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState, } from 'react';
+import { FlatList, Pressable, View, useWindowDimensions, } from 'react-native';
+import { cn } from './internal/cn.js';
+/* ── Context ──────────────────────────────────────────────────────── */
+const CarouselContext = createContext(null);
+export function useCarousel() {
+    const ctx = useContext(CarouselContext);
+    if (!ctx)
+        throw new Error('useCarousel must be used within a <Carousel>');
+    return ctx;
+}
+/* ── Root ──────────────────────────────────────────────────────────── */
+function CarouselInner({ data, renderItem, orientation = 'horizontal', setApi, className, ...props }, ref) {
+    const { width, height } = useWindowDimensions();
+    const flatListRef = useRef(null);
+    const [activeIndex, setActiveIndex] = useState(0);
+    const dataLength = data ? data.length : 0;
+    const isHorizontal = orientation === 'horizontal';
+    const itemWidth = isHorizontal ? width : width;
+    const itemHeight = isHorizontal ? height : height;
+    const onMomentumScrollEnd = useCallback((e) => {
+        const offset = isHorizontal
+            ? e.nativeEvent.contentOffset.x
+            : e.nativeEvent.contentOffset.y;
+        const size = isHorizontal ? width : height;
+        const index = Math.round(offset / size);
+        setActiveIndex(index);
+    }, [isHorizontal, width, height]);
+    const scrollTo = useCallback((index) => {
+        flatListRef.current?.scrollToIndex({ index, animated: true });
+        setActiveIndex(index);
+    }, []);
+    const scrollPrev = useCallback(() => {
+        if (activeIndex > 0)
+            scrollTo(activeIndex - 1);
+    }, [activeIndex, scrollTo]);
+    const scrollNext = useCallback(() => {
+        if (activeIndex < dataLength - 1)
+            scrollTo(activeIndex + 1);
+    }, [activeIndex, dataLength, scrollTo]);
+    /* Expose imperative API */
+    const canScrollPrev = activeIndex > 0;
+    const canScrollNext = activeIndex < dataLength - 1;
+    useEffect(() => {
+        const api = {
+            scrollPrev,
+            scrollNext,
+            canScrollPrev,
+            canScrollNext,
+            selectedIndex: activeIndex,
+            scrollTo,
+        };
+        setApi?.(api);
+    }, [activeIndex, canScrollPrev, canScrollNext, scrollPrev, scrollNext, scrollTo, setApi]);
+    return (_jsx(CarouselContext.Provider, { value: { orientation, itemWidth, itemHeight }, children: _jsx(View, { className: cn('relative', className), accessibilityRole: "adjustable", accessibilityLabel: "carousel", children: _jsx(FlatList, { ref: (node) => {
+                    flatListRef.current = node;
+                    if (typeof ref === 'function')
+                        ref(node);
+                    else if (ref)
+                        ref.current = node;
+                }, data: data, renderItem: renderItem, horizontal: isHorizontal, pagingEnabled: true, snapToAlignment: "center", showsHorizontalScrollIndicator: false, showsVerticalScrollIndicator: false, onMomentumScrollEnd: onMomentumScrollEnd, ...props }) }) }));
+}
+export const Carousel = forwardRef(CarouselInner);
+export const CarouselItem = forwardRef(function CarouselItem({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, accessibilityRole: "summary", accessibilityLabel: "slide", className: cn('flex-1', className), ...props }));
+});
+/* ── Navigation buttons (thin wrappers — typically custom on native) */
+export const CarouselPrevious = forwardRef(function CarouselPrevious({ className, onPress, children, ...props }, ref) {
+    return (_jsx(Pressable, { ref: ref, onPress: onPress, className: cn(className), ...props, children: children }));
+});
+export const CarouselNext = forwardRef(function CarouselNext({ className, onPress, children, ...props }, ref) {
+    return (_jsx(Pressable, { ref: ref, onPress: onPress, className: cn(className), ...props, children: children }));
+});
+/* ── Content (no-op wrapper for API symmetry) ────────────────────── */
+export const CarouselContent = forwardRef(function CarouselContent({ className, children, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn(className), ...props, children: children }));
+});
+//# sourceMappingURL=Carousel.native.js.map

package/dist/Carousel.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.native.js","sourceRoot":"","sources":["../src/Carousel.native.tsx"],"names":[],"mappings":"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"}

package/dist/CategoryBar.d.ts

@@ -0,0 +1,22 @@
+/**
+ * CategoryBar (web variant).
+ *
+ * Segmented distribution bar for status, risk, and allocation summaries.
+ *
+ * Wiki: docs/components/CategoryBar.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface CategoryBarItem {
+    label: ReactNode;
+    value: number;
+    className?: string;
+}
+export interface CategoryBarProps extends HTMLAttributes<HTMLDivElement> {
+    data: CategoryBarItem[];
+    valueFormatter?: (value: number, percentage: number) => ReactNode;
+    showLegend?: boolean;
+    legendPosition?: 'top' | 'bottom';
+    barClassName?: string;
+}
+export declare const CategoryBar: import("react").ForwardRefExoticComponent<CategoryBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CategoryBar.d.ts.map

package/dist/CategoryBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryBar.d.ts","sourceRoot":"","sources":["../src/CategoryBar.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,6GAyDtB,CAAC"}

package/dist/CategoryBar.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CategoryBar (web variant).
+ *
+ * Segmented distribution bar for status, risk, and allocation summaries.
+ *
+ * Wiki: docs/components/CategoryBar.md
+ */
+import { forwardRef } from 'react';
+import { motion } from 'motion/react';
+import { cn } from './internal/cn.js';
+export const CategoryBar = forwardRef(function CategoryBar({ data, valueFormatter = (_value, percentage) => `${Math.round(percentage)}%`, showLegend = true, legendPosition = 'bottom', className, barClassName, ...props }, ref) {
+    const total = data.reduce((sum, item) => sum + Math.max(0, item.value), 0);
+    const legend = showLegend ? (_jsx("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-muted-foreground", children: data.map((item, index) => {
+            const value = Math.max(0, item.value);
+            const percentage = total > 0 ? (value / total) * 100 : 0;
+            return (_jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("span", { className: cn('size-2.5 rounded-full bg-primary', item.className), "aria-hidden": true }), _jsx("span", { className: "text-foreground", children: item.label }), _jsx("span", { children: valueFormatter(value, percentage) })] }, index));
+        }) })) : null;
+    return (_jsxs("div", { ref: ref, className: cn('space-y-3', className), ...props, children: [legendPosition === 'top' ? legend : null, _jsx("div", { className: cn('flex h-3 w-full overflow-hidden rounded-full bg-muted', barClassName), role: "img", "aria-label": data
+                    .map((item) => `${String(item.label)} ${total > 0 ? Math.round((item.value / total) * 100) : 0}%`)
+                    .join(', '), children: data.map((item, index) => {
+                    const percentage = total > 0 ? (Math.max(0, item.value) / total) * 100 : 0;
+                    return (_jsx(motion.span, { className: cn('h-full bg-primary transition-[width,background-color] duration-500 ease-out', item.className), initial: { width: 0 }, animate: { width: `${percentage}%` }, transition: { duration: 0.45, ease: 'easeOut' }, title: `${String(item.label)} ${Math.round(percentage)}%` }, index));
+                }) }), legendPosition === 'bottom' ? legend : null] }));
+});
+//# sourceMappingURL=CategoryBar.js.map

package/dist/CategoryBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryBar.js","sourceRoot":"","sources":["../src/CategoryBar.tsx"],"names":[],"mappings":"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"}

package/dist/Chart.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Chart (web only — React DOM).
+ *
+ * Theme-aware Recharts wrapper. Provides a context-based config system
+ * that maps data keys to labels, icons, and colors (with light/dark
+ * theme support via CSS custom properties).
+ *
+ * Exports:
+ *  - `ChartContainer` — wraps `ResponsiveContainer`, injects CSS vars
+ *  - `ChartTooltip` — re-export of `recharts.Tooltip`
+ *  - `ChartTooltipContent` — styled tooltip with indicator variants
+ *  - `ChartLegend` — re-export of `recharts.Legend`
+ *  - `ChartLegendContent` — styled legend items with optional icons
+ *  - `ChartStyle` — CSS variable injection for light/dark themes
+ *  - `ChartConfig` type — config shape for data-key → label/icon/color
+ *  - `useChart` hook — access chart config from context
+ *
+ * Wiki: docs/components/Chart.md
+ */
+import { type ComponentProps, type ComponentType, type ReactNode } from 'react';
+import * as RechartsPrimitive from 'recharts';
+import type { TooltipValueType } from 'recharts';
+/** CSS selector per theme. Light = root scope, dark = `.dark` class. */
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type TooltipNameType = number | string;
+export type ChartConfig = Record<string, {
+    label?: ReactNode;
+    icon?: ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+interface ChartContextProps {
+    config: ChartConfig;
+}
+export declare function useChart(): ChartContextProps;
+export interface ChartContainerProps extends ComponentProps<'div'> {
+    config: ChartConfig;
+    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+}
+export declare const ChartContainer: import("react").ForwardRefExoticComponent<Omit<ChartContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Injects CSS custom properties (`--color-<key>`) for each config entry,
+ * scoped to the chart's `[data-chart]` selector.
+ *
+ * NOTE: The `<style>` content is derived entirely from developer-controlled
+ * `ChartConfig` — not user input — so inline style injection is safe here.
+ */
+export declare function ChartStyle({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+export declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ComponentProps<typeof RechartsPrimitive.Tooltip> & ComponentProps<'div'> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, 'accessibilityLayer'>): import("react/jsx-runtime").JSX.Element | null;
+export declare const ChartLegend: import("react").MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+export declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ComponentProps<'div'> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+} & RechartsPrimitive.DefaultLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=Chart.d.ts.map

package/dist/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../src/Chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAOjD,wEAAwE;AACxE,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAYrD,KAAK,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAMvC,MAAM,MAAM,WAAW,GAAG,MAAM,CAC9B,MAAM,EACN;IACE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,GAAG,CACA;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACjC;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAChE,CACF,CAAC;AAMF,UAAU,iBAAiB;IACzB,MAAM,EAAE,WAAW,CAAC;CACrB;AAID,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAMD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAChE,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAAC;IACnF,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACtD;AAED,eAAO,MAAM,cAAc,6HAwC1B,CAAC;AAMF;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,kDAyB7E;AAMD,eAAO,MAAM,YAAY,kCAA4B,CAAC;AAEtD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GACjD,cAAc,CAAC,KAAK,CAAC,GAAG;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CACN,iBAAiB,CAAC,0BAA0B,CAAC,gBAAgB,EAAE,eAAe,CAAC,EAC/E,oBAAoB,CACrB,kDAwHF;AAMD,eAAO,MAAM,WAAW,gHAA2B,CAAC;AAEpD,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,iBAAiB,CAAC,yBAAyB,kDA6C9C"}

package/dist/Chart.js

@@ -0,0 +1,197 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Chart (web only — React DOM).
+ *
+ * Theme-aware Recharts wrapper. Provides a context-based config system
+ * that maps data keys to labels, icons, and colors (with light/dark
+ * theme support via CSS custom properties).
+ *
+ * Exports:
+ *  - `ChartContainer` — wraps `ResponsiveContainer`, injects CSS vars
+ *  - `ChartTooltip` — re-export of `recharts.Tooltip`
+ *  - `ChartTooltipContent` — styled tooltip with indicator variants
+ *  - `ChartLegend` — re-export of `recharts.Legend`
+ *  - `ChartLegendContent` — styled legend items with optional icons
+ *  - `ChartStyle` — CSS variable injection for light/dark themes
+ *  - `ChartConfig` type — config shape for data-key → label/icon/color
+ *  - `useChart` hook — access chart config from context
+ *
+ * Wiki: docs/components/Chart.md
+ */
+import { createContext, useContext, useId, useMemo, forwardRef, } from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { cn } from './internal/cn.js';
+/* -------------------------------------------------------------------------- */
+/*  Theme map                                                                 */
+/* -------------------------------------------------------------------------- */
+/** CSS selector per theme. Light = root scope, dark = `.dark` class. */
+const THEMES = { light: '', dark: '.dark' };
+const INITIAL_DIMENSION = { width: 320, height: 200 };
+const DEFAULT_CHART_COLORS = [
+    'var(--color-primary, #003385)',
+    'var(--color-accent, #eb6a2a)',
+    'var(--color-success, #2f7d32)',
+    'var(--color-warning, #b26a00)',
+    'var(--color-brand-neutral-436, #5f6f82)',
+    'var(--color-danger, #b42318)',
+];
+const ChartContext = createContext(null);
+export function useChart() {
+    const context = useContext(ChartContext);
+    if (!context) {
+        throw new Error('useChart must be used within a <ChartContainer />');
+    }
+    return context;
+}
+export const ChartContainer = forwardRef(function ChartContainer({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }, ref) {
+    const uniqueId = useId();
+    const chartId = `chart-${id ?? uniqueId.replace(/:/g, '')}`;
+    return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { ref: ref, "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 })] }) }));
+});
+/* -------------------------------------------------------------------------- */
+/*  ChartStyle                                                                */
+/* -------------------------------------------------------------------------- */
+/**
+ * Injects CSS custom properties (`--color-<key>`) for each config entry,
+ * scoped to the chart's `[data-chart]` selector.
+ *
+ * NOTE: The `<style>` content is derived entirely from developer-controlled
+ * `ChartConfig` — not user input — so inline style injection is safe here.
+ */
+export function ChartStyle({ id, config }) {
+    const colorConfig = Object.entries(config);
+    if (!colorConfig.length) {
+        return null;
+    }
+    const cssText = Object.entries(THEMES)
+        .map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+        .map(([key, itemConfig], index) => {
+        const fallbackColor = getDefaultChartColor(index);
+        const color = itemConfig.theme?.[theme] ?? itemConfig.color;
+        return `  --color-${key}: ${withCssVarFallback(color, fallbackColor)};`;
+    })
+        .join('\n')}
+}
+`)
+        .join('\n');
+    return _jsx("style", { children: cssText });
+}
+/* -------------------------------------------------------------------------- */
+/*  ChartTooltip + ChartTooltipContent                                       */
+/* -------------------------------------------------------------------------- */
+export const ChartTooltip = RechartsPrimitive.Tooltip;
+export function ChartTooltipContent({ active, payload, className, indicator = 'dot', hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
+    const { config } = useChart();
+    const tooltipLabel = useMemo(() => {
+        if (hideLabel || !payload?.length) {
+            return null;
+        }
+        const [item] = payload;
+        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? 'value'}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === 'string'
+            ? (config[label]?.label ?? label)
+            : itemConfig?.label;
+        if (labelFormatter) {
+            return (_jsx("div", { className: cn('font-medium', labelClassName), children: labelFormatter(value, payload) }));
+        }
+        if (!value) {
+            return null;
+        }
+        return _jsx("div", { className: cn('font-medium', labelClassName), children: value });
+    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
+    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-xl', className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
+                    .filter((item) => item.type !== 'none')
+                    .map((item, index) => {
+                    const key = `${nameKey ?? item.name ?? item.dataKey ?? 'value'}`;
+                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+                    const indicatorColor = withCssVarFallback(color ?? item.payload?.fill ?? item.color, getDefaultChartColor(index));
+                    return (_jsx("div", { className: 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'), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_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: {
+                                        '--color-bg': indicatorColor,
+                                        '--color-border': indicatorColor,
+                                    } }))), _jsxs("div", { className: cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center'), children: [_jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && (_jsx("span", { className: "font-mono font-medium tabular-nums text-foreground", children: typeof item.value === 'number'
+                                                ? item.value.toLocaleString()
+                                                : String(item.value) }))] })] })) }, index));
+                }) })] }));
+}
+/* -------------------------------------------------------------------------- */
+/*  ChartLegend + ChartLegendContent                                         */
+/* -------------------------------------------------------------------------- */
+export const ChartLegend = RechartsPrimitive.Legend;
+export 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);
+            const label = itemConfig?.label ?? getLegendItemLabel(item.value ?? item.dataKey);
+            const markerColor = withCssVarFallback(item.color, getDefaultChartColor(index));
+            return (_jsxs("div", { className: "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: markerColor } })), label ? _jsx("span", { children: label }) : null] }, index));
+        }) }));
+}
+/* -------------------------------------------------------------------------- */
+/*  Helper                                                                    */
+/* -------------------------------------------------------------------------- */
+function getPayloadConfigFromPayload(config, payload, key) {
+    if (typeof payload !== 'object' || payload === null) {
+        return undefined;
+    }
+    const payloadPayload = 'payload' in payload &&
+        typeof payload.payload === 'object' &&
+        payload.payload !== null
+        ? payload.payload
+        : undefined;
+    let configLabelKey = key;
+    if (key in payload && typeof payload[key] === 'string') {
+        configLabelKey = payload[key];
+    }
+    else if (payloadPayload &&
+        key in payloadPayload &&
+        typeof payloadPayload[key] === 'string') {
+        configLabelKey = payloadPayload[key];
+    }
+    return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+function withCssVarFallback(color, fallbackColor) {
+    if (typeof color !== 'string' || color.trim() === '') {
+        return fallbackColor;
+    }
+    const trimmed = color.trim();
+    const cssVarMatch = /^var\((--[\w-]+)\)$/.exec(trimmed);
+    if (!cssVarMatch) {
+        return trimmed;
+    }
+    if (fallbackColor.startsWith(`var(${cssVarMatch[1]},`)) {
+        return fallbackColor;
+    }
+    return `var(${cssVarMatch[1]}, ${fallbackColor})`;
+}
+function getDefaultChartColor(index) {
+    return (DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length] ??
+        DEFAULT_CHART_COLORS[0]);
+}
+function getLegendItemLabel(value) {
+    if (typeof value === 'string' ||
+        typeof value === 'number' ||
+        typeof value === 'bigint') {
+        return String(value);
+    }
+    return null;
+}
+//# sourceMappingURL=Chart.js.map

package/dist/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../src/Chart.tsx"],"names":[],"mappings":"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"}

package/dist/Checkbox.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Checkbox (web variant — React DOM).
+ *
+ * Renders a `<button role="checkbox">` with `aria-checked` driven by
+ * `checked`. Supports three states: `true`, `false`, `"indeterminate"`
+ * — the latter renders a minus-glyph and announces as mixed via
+ * `aria-checked="mixed"`.
+ *
+ * Controlled-only by design. Pair with `Label` and link them via
+ * `id` / `htmlFor` so the label is a click target.
+ *
+ * Wiki: docs/components/Checkbox.md
+ */
+import { type ButtonHTMLAttributes } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export type CheckedState = boolean | 'indeterminate';
+export declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CheckboxTone = 'primary' | 'accent';
+export interface CheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'children' | 'type'>, VariantProps<typeof checkboxVariants> {
+    checked: CheckedState;
+    onCheckedChange: (checked: CheckedState) => void;
+    /** Colour tone when checked. Defaults to `primary`. */
+    tone?: CheckboxTone;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD,eAAO,MAAM,gBAAgB;;8EAgB5B,CAAC;AAIF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAOhD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC,EACrF,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,6GAkDnB,CAAC"}

package/dist/Checkbox.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Checkbox (web variant — React DOM).
+ *
+ * Renders a `<button role="checkbox">` with `aria-checked` driven by
+ * `checked`. Supports three states: `true`, `false`, `"indeterminate"`
+ * — the latter renders a minus-glyph and announces as mixed via
+ * `aria-checked="mixed"`.
+ *
+ * Controlled-only by design. Pair with `Label` and link them via
+ * `id` / `htmlFor` so the label is a click target.
+ *
+ * Wiki: docs/components/Checkbox.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const checkboxVariants = cva('peer inline-flex shrink-0 items-center justify-center rounded ' +
+    'border-2 border-brand-neutral-179 bg-background ' +
+    'transition-colors duration-150 ' +
+    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ' +
+    'disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-3.5 w-3.5',
+            md: 'h-4 w-4',
+            lg: 'h-5 w-5',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+const ICON_SIZE = { sm: 'h-2.5 w-2.5', md: 'h-3 w-3', lg: 'h-3.5 w-3.5' };
+const TONE_CLASSES = {
+    primary: 'bg-primary border-primary text-primary-foreground',
+    accent: 'bg-accent border-accent text-accent-foreground',
+};
+export const Checkbox = forwardRef(function Checkbox({ className, size = 'md', checked, onCheckedChange, disabled, tone = 'primary', ...props }, ref) {
+    const sz = size ?? 'md';
+    const isChecked = checked === true;
+    const isMixed = checked === 'indeterminate';
+    return (_jsx("button", { ref: ref, type: "button", role: "checkbox", "aria-checked": isMixed ? 'mixed' : isChecked, disabled: disabled, onClick: () => onCheckedChange(checked === true ? false : true), className: cn(checkboxVariants({ size: sz }), (isChecked || isMixed) && TONE_CLASSES[tone], className), ...props, children: isChecked ? (_jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", className: ICON_SIZE[sz], children: _jsx("path", { d: "M3 8l3 3 7-7" }) })) : isMixed ? (_jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", className: ICON_SIZE[sz], children: _jsx("line", { x1: "3", y1: "8", x2: "13", y2: "8" }) })) : null }));
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAItC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,gEAAgE;IAC9D,kDAAkD;IAClD,iCAAiC;IACjC,sGAAsG;IACtG,iDAAiD,EACnD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa,EAAW,CAAC;AAInF,MAAM,YAAY,GAAiC;IACjD,OAAO,EAAE,mDAAmD;IAC5D,MAAM,EAAE,gDAAgD;CACzD,CAAC;AAWF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAmC,SAAS,QAAQ,CACpF,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAC1F,GAAG;IAEH,MAAM,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC;IACxB,MAAM,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,OAAO,GAAG,OAAO,KAAK,eAAe,CAAC;IAC5C,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,kBACD,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAC/D,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAC9B,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,EAC5C,SAAS,CACV,KACG,KAAK,YAER,SAAS,CAAC,CAAC,CAAC,CACX,mCAEE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC,YAExB,eAAM,CAAC,EAAC,cAAc,GAAG,GACrB,CACP,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,mCAEE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC,YAExB,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG,GACjC,CACP,CAAC,CAAC,CAAC,IAAI,GACD,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Checkbox.native.d.ts

@@ -0,0 +1,13 @@
+import { View, type PressableProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export type CheckedState = boolean | 'indeterminate';
+export declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CheckboxProps extends Omit<PressableProps, 'onPress' | 'children' | 'style'>, VariantProps<typeof checkboxVariants> {
+    checked: CheckedState;
+    onCheckedChange: (checked: CheckedState) => void;
+    className?: string;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=Checkbox.native.d.ts.map

package/dist/Checkbox.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.native.d.ts","sourceRoot":"","sources":["../src/Checkbox.native.tsx"],"names":[],"mappings":"AASA,OAAO,EAAmB,IAAI,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD,eAAO,MAAM,gBAAgB;;8EAY5B,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,EAC5D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,gGA+BnB,CAAC"}

package/dist/Checkbox.native.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Checkbox (React Native variant).
+ *
+ * Three-state checkbox using Pressable. `accessibilityRole="checkbox"`
+ * + `accessibilityState.checked` (boolean or "mixed").
+ *
+ * Wiki: docs/components/Checkbox.md
+ */
+import { forwardRef } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const checkboxVariants = cva('items-center justify-center rounded border border-input bg-background', {
+    variants: {
+        size: {
+            sm: 'h-4 w-4',
+            md: 'h-5 w-5',
+            lg: 'h-6 w-6',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export const Checkbox = forwardRef(function Checkbox({ className, size = 'md', checked, onCheckedChange, disabled, ...props }, ref) {
+    const sz = size ?? 'md';
+    const isChecked = checked === true;
+    const isMixed = checked === 'indeterminate';
+    const glyph = isChecked ? '✓' : isMixed ? '–' : '';
+    return (_jsx(Pressable, { ref: ref, accessibilityRole: "checkbox", accessibilityState: {
+            checked: isMixed ? 'mixed' : isChecked,
+            disabled: !!disabled,
+        }, disabled: disabled, onPress: () => onCheckedChange(checked === true ? false : true), className: cn(checkboxVariants({ size: sz }), (isChecked || isMixed) && 'bg-primary border-primary', disabled && 'opacity-50', className), ...props, children: glyph ? (_jsx(Text, { className: "text-primary-foreground text-sm font-bold leading-none", children: glyph })) : null }));
+});
+//# sourceMappingURL=Checkbox.native.js.map

package/dist/Checkbox.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.native.js","sourceRoot":"","sources":["../src/Checkbox.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAuB,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAItC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,uEAAuE,EACvE;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AAUF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAsB,SAAS,QAAQ,CACvE,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACxE,GAAG;IAEH,MAAM,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC;IACxB,MAAM,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,OAAO,GAAG,OAAO,KAAK,eAAe,CAAC;IAC5C,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACnD,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAY,EACjB,iBAAiB,EAAC,UAAU,EAC5B,kBAAkB,EAAE;YAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACtC,QAAQ,EAAE,CAAC,CAAC,QAAQ;SACrB,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAC/D,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAC9B,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,2BAA2B,EACrD,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,KACG,KAAK,YAER,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,SAAS,EAAC,wDAAwD,YAAE,KAAK,GAAQ,CACxF,CAAC,CAAC,CAAC,IAAI,GACE,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}