@mihcm/ui 0.14.1

package/dist/Slider.js

@@ -0,0 +1,109 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Slider (web variant — React DOM).
+ *
+ * Range input powered by Radix Slider. Supports single value
+ * and dual-thumb range mode.
+ *
+ *   <Slider defaultValue={[50]} max={100} step={1} />
+ *   <Slider defaultValue={[25, 75]} max={100} step={5} />
+ *
+ * Wiki: docs/components/Slider.md
+ */
+import { forwardRef, useState } from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from './internal/cn.js';
+const TRACK_SIZE = {
+    sm: 'h-1',
+    md: 'h-2',
+    lg: 'h-3',
+};
+const THUMB_SIZE = {
+    sm: 'h-3.5 w-3.5',
+    md: 'h-5 w-5',
+    lg: 'h-6 w-6',
+};
+const RANGE_TONE = {
+    primary: 'bg-primary',
+    accent: 'bg-accent',
+    success: 'bg-success',
+    warning: 'bg-warning',
+    danger: 'bg-destructive',
+};
+const DEFAULT_SEGMENTS = [
+    { from: 0, to: 25, tone: 'danger' },
+    { from: 25, to: 50, tone: 'warning' },
+    { from: 50, to: 75, tone: 'primary' },
+    { from: 75, to: 100, tone: 'success' },
+];
+const LABEL_ROW_GAP = {
+    none: 'gap-0',
+    xs: 'gap-1',
+    sm: 'gap-2',
+    md: 'gap-3',
+};
+const LABEL_GROUP_GAP = {
+    none: 'gap-0',
+    xs: 'gap-1',
+    sm: 'gap-1.5',
+    md: 'gap-2',
+};
+function getPercentage(value, min, max) {
+    const range = max - min;
+    if (range <= 0)
+        return 0;
+    return Math.min(100, Math.max(0, ((value - min) / range) * 100));
+}
+function getSegmentedTone(percentage, segments, fallback) {
+    return segments.find((segment) => percentage >= segment.from && percentage < segment.to)?.tone ??
+        segments.at(-1)?.tone ??
+        fallback;
+}
+export const Slider = forwardRef(function Slider({ className, size = 'md', value, defaultValue, tone = 'primary', segmented = false, segments = DEFAULT_SEGMENTS, rangeClassName, showValue = false, valueLabelPosition = 'bottom-center', valueLabel, valueFormatter, showTrackLabels = false, trackLabelPosition = 'none', minLabel, maxLabel, trackLabelFormatter, labelGap = 'xs', labelGroupGap = 'xs', labelClassName, onValueChange, ...props }, ref) {
+    const [internalValue, setInternalValue] = useState(defaultValue ?? [props.min ?? 0]);
+    const currentValue = value ?? internalValue;
+    const thumbCount = currentValue.length;
+    const safeMin = props.min ?? 0;
+    const safeMax = props.max ?? 100;
+    const primaryValue = currentValue[0] ?? safeMin;
+    const percentage = getPercentage(primaryValue, safeMin, safeMax);
+    const fixedTone = tone === 'segmented' ? 'primary' : tone;
+    const resolvedTone = segmented || tone === 'segmented'
+        ? getSegmentedTone(percentage, segments, fixedTone)
+        : fixedTone;
+    const rangeTone = RANGE_TONE[resolvedTone];
+    const formattedValue = valueLabel ?? valueFormatter?.(currentValue, percentage, safeMax) ?? `${primaryValue}`;
+    const formattedMin = minLabel ?? trackLabelFormatter?.(safeMin, 'min') ?? `${safeMin}`;
+    const formattedMax = maxLabel ?? trackLabelFormatter?.(safeMax, 'max') ?? `${safeMax}`;
+    const renderScaleLabels = showTrackLabels && trackLabelPosition !== 'none';
+    const valueSide = valueLabelPosition.startsWith('top') ? 'top' : 'bottom';
+    const valueAlign = valueLabelPosition.endsWith('left')
+        ? 'left'
+        : valueLabelPosition.endsWith('right')
+            ? 'right'
+            : 'center';
+    const valueNode = (_jsx("span", { className: cn('text-xs font-medium text-muted-foreground tabular-nums transition-colors duration-300', labelClassName), children: formattedValue }));
+    const minNode = (_jsx("span", { className: cn('text-xs font-medium text-muted-foreground tabular-nums', labelClassName), children: formattedMin }));
+    const maxNode = (_jsx("span", { className: cn('text-xs font-medium text-muted-foreground tabular-nums', labelClassName), children: formattedMax }));
+    function renderLabelRow(side) {
+        const hasScaleLabels = renderScaleLabels && trackLabelPosition === side;
+        const hasValue = showValue && valueSide === side;
+        if (!hasScaleLabels && !hasValue)
+            return null;
+        const leftContent = hasScaleLabels ? minNode : null;
+        const centerContent = hasValue && valueAlign === 'center' ? valueNode : null;
+        const rightContent = hasScaleLabels ? maxNode : null;
+        return (_jsxs("div", { className: "grid w-full grid-cols-[1fr_auto_1fr] items-center", children: [_jsxs("div", { className: cn('flex min-w-0 items-center justify-start', LABEL_GROUP_GAP[labelGroupGap]), children: [leftContent, hasValue && valueAlign === 'left' ? valueNode : null] }), _jsx("div", { className: "flex min-w-0 justify-center", children: centerContent }), _jsxs("div", { className: cn('flex min-w-0 items-center justify-end', LABEL_GROUP_GAP[labelGroupGap]), children: [hasValue && valueAlign === 'right' ? valueNode : null, rightContent] })] }));
+    }
+    const sliderRoot = (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn('relative flex w-full touch-none select-none items-center', className), ...(value !== undefined && { value }), ...(defaultValue !== undefined && { defaultValue }), onValueChange: (nextValue) => {
+            if (value === undefined)
+                setInternalValue(nextValue);
+            onValueChange?.(nextValue);
+        }, ...props, children: [_jsx(SliderPrimitive.Track, { className: cn('relative w-full grow overflow-hidden rounded-full bg-muted', TRACK_SIZE[size]), children: _jsx(SliderPrimitive.Range, { className: cn('absolute h-full transition-colors duration-300 ease-out', rangeTone, rangeClassName) }) }), Array.from({ length: thumbCount }).map((_, i) => (_jsx(SliderPrimitive.Thumb, { className: cn('block rounded-full border-2 border-primary bg-background shadow-sm', 'ring-offset-background transition-colors duration-150', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', 'disabled:pointer-events-none disabled:opacity-50', 'hover:bg-accent-100 dark:hover:bg-accent-900', 'active:bg-accent-500 active:border-accent-500', THUMB_SIZE[size]) }, i)))] }));
+    if (trackLabelPosition === 'inline' && renderScaleLabels) {
+        return (_jsxs("div", { className: cn('flex w-full items-center', LABEL_GROUP_GAP[labelGroupGap]), children: [minNode, sliderRoot, maxNode] }));
+    }
+    return (_jsxs("div", { className: cn('flex w-full flex-col', LABEL_ROW_GAP[labelGap]), children: [renderLabelRow('top'), sliderRoot, renderLabelRow('bottom')] }));
+});
+//# sourceMappingURL=Slider.js.map

package/dist/Slider.js.map

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

package/dist/Slider.native.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Slider (React Native variant).
+ *
+ * Minimal API-parity wrapper. On native, use the community
+ * slider or the platform slider. This stub provides the type
+ * surface so consuming code compiles cross-platform.
+ *
+ * Wiki: docs/components/Slider.md
+ */
+import { type ViewProps } from 'react-native';
+export type SliderTone = 'primary' | 'accent' | 'success' | 'warning' | 'danger';
+export interface SliderSegment {
+    from: number;
+    to: number;
+    tone: SliderTone;
+}
+export type SliderValueLabelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface SliderProps extends ViewProps {
+    defaultValue?: number[];
+    value?: number[];
+    onValueChange?: (value: number[]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    tone?: SliderTone | 'segmented';
+    segmented?: boolean;
+    segments?: SliderSegment[];
+    rangeClassName?: string;
+    showValue?: boolean;
+    valueLabelPosition?: SliderValueLabelPosition;
+    valueLabel?: string;
+    valueFormatter?: (value: number[], percentage: number, max: number) => string;
+    className?: string;
+}
+export declare function Slider({ className, tone: _tone, segmented: _segmented, segments: _segments, rangeClassName: _rangeClassName, showValue: _showValue, valueLabelPosition: _valueLabelPosition, valueLabel: _valueLabel, valueFormatter: _valueFormatter, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Slider.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.native.d.ts","sourceRoot":"","sources":["../src/Slider.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,MAAM,wBAAwB,GAChC,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,wBAAwB,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAI,EAAE,KAAiB,EACvB,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,SAAS,EACnB,cAAc,EAAE,eAAe,EAC/B,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAAE,mBAAmB,EACvC,UAAU,EAAE,WAAW,EACvB,cAAc,EAAE,eAAe,EAC/B,GAAG,KAAK,EACT,EAAE,WAAW,2CAIb"}

package/dist/Slider.native.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Slider (React Native variant).
+ *
+ * Minimal API-parity wrapper. On native, use the community
+ * slider or the platform slider. This stub provides the type
+ * surface so consuming code compiles cross-platform.
+ *
+ * Wiki: docs/components/Slider.md
+ */
+import { View } from 'react-native';
+import { cn } from './internal/cn.js';
+export function Slider({ className, tone: _tone = 'primary', segmented: _segmented, segments: _segments, rangeClassName: _rangeClassName, showValue: _showValue, valueLabelPosition: _valueLabelPosition, valueLabel: _valueLabel, valueFormatter: _valueFormatter, ...props }) {
+    // Native slider requires @react-native-community/slider or a custom impl.
+    // This stub maintains type parity for cross-platform column definitions.
+    return _jsx(View, { className: cn('h-5 w-full', className), ...props });
+}
+//# sourceMappingURL=Slider.native.js.map

package/dist/Slider.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.native.js","sourceRoot":"","sources":["../src/Slider.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAsCtC,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,IAAI,EAAE,KAAK,GAAG,SAAS,EACvB,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,SAAS,EACnB,cAAc,EAAE,eAAe,EAC/B,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAAE,mBAAmB,EACvC,UAAU,EAAE,WAAW,EACvB,cAAc,EAAE,eAAe,EAC/B,GAAG,KAAK,EACI;IACZ,0EAA0E;IAC1E,yEAAyE;IACzE,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC"}

package/dist/SortableList.d.ts

@@ -0,0 +1,26 @@
+/**
+ * SortableList (web variant).
+ *
+ * Reorderable list powered by dnd-kit sortable primitives. It keeps the public
+ * API small while giving sibling rows measured layout transforms during drag.
+ *
+ * Wiki: docs/components/SortableList.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface SortableListItem {
+    id: string;
+    disabled?: boolean;
+}
+export interface SortableListProps<TItem extends SortableListItem> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: TItem[];
+    onItemsChange: (items: TItem[]) => void;
+    renderItem: (item: TItem, state: {
+        isDragging: boolean;
+        index: number;
+    }) => ReactNode;
+    orientation?: 'vertical' | 'horizontal';
+    itemClassName?: string;
+    disabled?: boolean;
+}
+export declare const SortableList: import("react").ForwardRefExoticComponent<SortableListProps<SortableListItem> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SortableList.d.ts.map

package/dist/SortableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../src/SortableList.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAqB/E,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,gBAAgB,CAAE,SAAQ,IAAI,CAC7E,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QAAE,UAAU,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IACtF,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6CD,eAAO,MAAM,YAAY,gIAkExB,CAAC"}

package/dist/SortableList.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SortableList (web variant).
+ *
+ * Reorderable list powered by dnd-kit sortable primitives. It keeps the public
+ * API small while giving sibling rows measured layout transforms during drag.
+ *
+ * Wiki: docs/components/SortableList.md
+ */
+import { forwardRef, useId } from 'react';
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors, } from '@dnd-kit/core';
+import { SortableContext, arrayMove, horizontalListSortingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { cn } from './internal/cn.js';
+function SortableRow({ item, index, disabled, className, renderItem, }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, isSorting } = useSortable({
+        id: item.id,
+        disabled,
+    });
+    return (_jsx("div", { ref: setNodeRef, style: {
+            transform: CSS.Transform.toString(transform),
+            transition,
+            willChange: isDragging || isSorting ? 'transform' : undefined,
+        }, className: cn('touch-none select-none rounded-lg border border-border bg-card shadow-mi-card outline-none transform-gpu transition-[background-color,box-shadow] duration-200', 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', isDragging && 'z-10 scale-[1.01] cursor-grabbing shadow-mi-popover', !isDragging && 'cursor-grab', disabled && 'opacity-60', className), ...attributes, ...listeners, children: renderItem(item, { isDragging, index }) }));
+}
+export const SortableList = forwardRef(function SortableList({ items, onItemsChange, renderItem, orientation = 'vertical', itemClassName, disabled = false, className, ...props }, ref) {
+    const listId = useId();
+    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+    function handleDragEnd(event) {
+        const { active, over } = event;
+        if (!over || active.id === over.id)
+            return;
+        const fromIndex = items.findIndex((item) => item.id === active.id);
+        const toIndex = items.findIndex((item) => item.id === over.id);
+        if (fromIndex < 0 || toIndex < 0)
+            return;
+        onItemsChange(arrayMove(items, fromIndex, toIndex));
+    }
+    const itemIds = items.map((item) => item.id);
+    const strategy = orientation === 'horizontal' ? horizontalListSortingStrategy : verticalListSortingStrategy;
+    return (_jsx(DndContext, { id: listId, sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: itemIds, strategy: strategy, children: _jsx("div", { ref: ref, className: cn('grid gap-2', orientation === 'horizontal' && 'grid-flow-col auto-cols-fr overflow-x-auto', className), ...props, children: items.map((item, index) => (_jsx(SortableRow, { item: item, index: index, disabled: disabled || Boolean(item.disabled), ...(itemClassName !== undefined ? { className: itemClassName } : {}), renderItem: renderItem }, item.id))) }) }) }));
+});
+//# sourceMappingURL=SortableList.js.map

package/dist/SortableList.js.map

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

package/dist/SparkChart.d.ts

@@ -0,0 +1,34 @@
+/**
+ * SparkChart (web variant).
+ *
+ * Small trend chart powered by D3 scales and shape generation.
+ *
+ * Wiki: docs/components/SparkChart.md
+ */
+import { type HTMLAttributes } from 'react';
+declare const LINE_TONE_CLASS: {
+    readonly primary: "stroke-primary";
+    readonly accent: "stroke-accent";
+    readonly success: "stroke-success";
+    readonly warning: "stroke-warning";
+    readonly danger: "stroke-destructive";
+};
+export type SparkChartTone = keyof typeof LINE_TONE_CLASS;
+export interface SparkChartProps extends HTMLAttributes<HTMLDivElement> {
+    data: number[];
+    width?: number;
+    height?: number;
+    tone?: SparkChartTone;
+    lineTone?: SparkChartTone;
+    areaTone?: SparkChartTone;
+    dotTone?: SparkChartTone;
+    showArea?: boolean;
+    showDots?: boolean;
+    label?: string;
+    lineClassName?: string;
+    areaClassName?: string;
+    dotClassName?: string;
+}
+export declare const SparkChart: import("react").ForwardRefExoticComponent<SparkChartProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=SparkChart.d.ts.map

package/dist/SparkChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparkChart.d.ts","sourceRoot":"","sources":["../src/SparkChart.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,QAAA,MAAM,eAAe;;;;;;CAMX,CAAC;AAkBX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,eAAe,CAAC;AAE1D,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,4GAuFrB,CAAC"}

package/dist/SparkChart.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SparkChart (web variant).
+ *
+ * Small trend chart powered by D3 scales and shape generation.
+ *
+ * Wiki: docs/components/SparkChart.md
+ */
+import { forwardRef } from 'react';
+import { curveMonotoneX, line as d3Line, scaleLinear } from 'd3';
+import { cn } from './internal/cn.js';
+const LINE_TONE_CLASS = {
+    primary: 'stroke-primary',
+    accent: 'stroke-accent',
+    success: 'stroke-success',
+    warning: 'stroke-warning',
+    danger: 'stroke-destructive',
+};
+const AREA_TONE_CLASS = {
+    primary: 'fill-primary/10',
+    accent: 'fill-accent/10',
+    success: 'fill-success/10',
+    warning: 'fill-warning/10',
+    danger: 'fill-destructive/10',
+};
+const DOT_TONE_CLASS = {
+    primary: 'stroke-primary',
+    accent: 'stroke-accent',
+    success: 'stroke-success',
+    warning: 'stroke-warning',
+    danger: 'stroke-destructive',
+};
+export const SparkChart = forwardRef(function SparkChart({ data, width = 160, height = 48, tone = 'primary', lineTone, areaTone = 'primary', dotTone = 'primary', showArea = false, showDots = false, label = 'Trend', className, lineClassName, areaClassName, dotClassName, ...props }, ref) {
+    const values = data.length > 0 ? data : [0];
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    const x = scaleLinear()
+        .domain([0, Math.max(values.length - 1, 1)])
+        .range([4, width - 4]);
+    const y = scaleLinear()
+        .domain(min === max ? [min - 1, max + 1] : [min, max])
+        .range([height - 4, 4]);
+    const path = d3Line()
+        .x((_value, index) => x(index))
+        .y((value) => y(value))
+        .curve(curveMonotoneX)(values) ?? '';
+    const areaPath = showArea
+        ? `${path} L ${x(values.length - 1)} ${height - 4} L ${x(0)} ${height - 4} Z`
+        : '';
+    return (_jsx("div", { ref: ref, className: cn('inline-flex', className), role: "img", "aria-label": label, ...props, children: _jsxs("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, "aria-hidden": true, children: [showArea ? (_jsx("path", { d: areaPath, className: cn('transition-colors duration-300', AREA_TONE_CLASS[areaTone], areaClassName) })) : null, _jsx("path", { d: path, fill: "none", className: cn('transition-colors duration-300', LINE_TONE_CLASS[lineTone ?? tone], lineClassName), strokeWidth: 2.5, strokeLinecap: "round" }), showDots
+                    ? values.map((value, index) => (_jsx("circle", { cx: x(index), cy: y(value), r: 2, className: cn('fill-background transition-colors duration-300', DOT_TONE_CLASS[dotTone], dotClassName), strokeWidth: 1.5 }, index)))
+                    : null] }) }));
+});
+//# sourceMappingURL=SparkChart.js.map

package/dist/SparkChart.js.map

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

package/dist/StatCard.d.ts

@@ -0,0 +1,35 @@
+/**
+ * StatCard (web variant — React DOM).
+ *
+ * Centered icon tile + big number + label, used in the "Quick stats"
+ * row of the MiHCM Security prototype (Active Roles / Total Users /
+ * Modules). Four tones cover the common meanings; the icon is sized
+ * to 18 px inside a 36×36 rounded tile.
+ *
+ * Wiki: docs/components/StatCard.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const statCardVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const TILE_TONE: {
+    readonly primary: "bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300";
+    readonly accent: "bg-accent-50 text-accent";
+    readonly success: "bg-green-100 text-success";
+    readonly warning: "bg-yellow-100 text-warning";
+    readonly danger: "bg-red-100 text-destructive";
+    readonly neutral: "bg-muted text-muted-foreground";
+};
+export type StatCardTone = keyof typeof TILE_TONE;
+export interface StatCardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statCardVariants> {
+    /** Big number / metric. */
+    value: ReactNode;
+    /** Caption shown below the value. */
+    label: ReactNode;
+    /** Optional icon, sized to 18 px inside the tile. */
+    icon?: ReactNode;
+    /** Color tone. Defaults to `primary`. */
+    tone?: StatCardTone;
+}
+export declare const StatCard: import("react").ForwardRefExoticComponent<StatCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../src/StatCard.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,eAAO,MAAM,gBAAgB,oFAE5B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;CAOL,CAAC;AAWX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC;AAElD,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,2BAA2B;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,0GAoBnB,CAAC"}

package/dist/StatCard.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * StatCard (web variant — React DOM).
+ *
+ * Centered icon tile + big number + label, used in the "Quick stats"
+ * row of the MiHCM Security prototype (Active Roles / Total Users /
+ * Modules). Four tones cover the common meanings; the icon is sized
+ * to 18 px inside a 36×36 rounded tile.
+ *
+ * Wiki: docs/components/StatCard.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { Text } from './Text.js';
+import { cn } from './internal/cn.js';
+export const statCardVariants = cva('rounded-card border border-secondary bg-card py-4 px-3 text-center');
+const TILE_TONE = {
+    primary: 'bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300',
+    accent: 'bg-accent-50 text-accent',
+    success: 'bg-green-100 text-success',
+    warning: 'bg-yellow-100 text-warning',
+    danger: 'bg-red-100 text-destructive',
+    neutral: 'bg-muted text-muted-foreground',
+};
+const VALUE_TONE = {
+    primary: 'text-primary dark:text-primary-300',
+    accent: 'text-accent',
+    success: 'text-success',
+    warning: 'text-warning',
+    danger: 'text-destructive',
+    neutral: 'text-foreground',
+};
+export const StatCard = forwardRef(function StatCard({ className, value, label, icon, tone = 'primary', ...props }, ref) {
+    return (_jsxs("div", { ref: ref, className: cn(statCardVariants(), className), ...props, children: [icon ? (_jsx("div", { className: cn('mx-auto mb-2 grid h-9 w-9 place-items-center rounded-card', TILE_TONE[tone]), children: _jsx("span", { className: "grid size-4.5 place-items-center [&_svg]:size-full", children: icon }) })) : null, _jsx(Text, { size: "stat", weight: "bold", className: cn('block', VALUE_TONE[tone]), children: value }), _jsx(Text, { size: "label", tone: "muted", className: "mt-0.5 block", children: label })] }));
+});
+//# sourceMappingURL=StatCard.js.map

package/dist/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","sourceRoot":"","sources":["../src/StatCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;GASG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,oEAAoE,CACrE,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,sEAAsE;IAC/E,MAAM,EAAE,0BAA0B;IAClC,OAAO,EAAE,2BAA2B;IACpC,OAAO,EAAE,4BAA4B;IACrC,MAAM,EAAE,6BAA6B;IACrC,OAAO,EAAE,gCAAgC;CACjC,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,oCAAoC;IAC7C,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,kBAAkB;IAC1B,OAAO,EAAE,iBAAiB;CAClB,CAAC;AAiBX,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CACjF,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,aACnE,IAAI,CAAC,CAAC,CAAC,CACN,cACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,SAAS,CAAC,IAAI,CAAC,CAChB,YAED,eAAM,SAAS,EAAC,oDAAoD,YAAE,IAAI,GAAQ,GAC9E,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,YAAG,KAAK,GAAQ,EACxF,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,IACnE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/StatCard.native.d.ts

@@ -0,0 +1,28 @@
+/**
+ * StatCard (React Native variant).
+ *
+ * Same prop API as the web variant. Renders View + Text.
+ *
+ * Wiki: docs/components/StatCard.md
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+declare const TILE_TONE: {
+    readonly primary: "bg-primary-50 dark:bg-primary-950";
+    readonly accent: "bg-accent-50";
+    readonly success: "bg-green-100";
+    readonly warning: "bg-yellow-100";
+    readonly danger: "bg-red-100";
+    readonly neutral: "bg-muted";
+};
+export type StatCardTone = keyof typeof TILE_TONE;
+export interface StatCardProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+    value: ReactNode;
+    label: ReactNode;
+    icon?: ReactNode;
+    tone?: StatCardTone;
+}
+export declare const StatCard: import("react").ForwardRefExoticComponent<StatCardProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=StatCard.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.native.d.ts","sourceRoot":"","sources":["../src/StatCard.native.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,QAAA,MAAM,SAAS;;;;;;;CAOL,CAAC;AAWX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,gGAwBnB,CAAC"}

package/dist/StatCard.native.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * StatCard (React Native variant).
+ *
+ * Same prop API as the web variant. Renders View + Text.
+ *
+ * Wiki: docs/components/StatCard.md
+ */
+import { forwardRef } from 'react';
+import { Text, View } from 'react-native';
+import { cn } from './internal/cn.js';
+const TILE_TONE = {
+    primary: 'bg-primary-50 dark:bg-primary-950',
+    accent: 'bg-accent-50',
+    success: 'bg-green-100',
+    warning: 'bg-yellow-100',
+    danger: 'bg-red-100',
+    neutral: 'bg-muted',
+};
+const VALUE_TONE = {
+    primary: 'text-primary dark:text-primary-300',
+    accent: 'text-accent',
+    success: 'text-success',
+    warning: 'text-warning',
+    danger: 'text-destructive',
+    neutral: 'text-foreground',
+};
+export const StatCard = forwardRef(function StatCard({ className, value, label, icon, tone = 'primary', ...props }, ref) {
+    return (_jsxs(View, { ref: ref, className: cn('rounded-xl border border-border bg-card py-4 px-3 items-center', className), ...props, children: [icon ? (_jsx(View, { className: cn('mb-2 h-9 w-9 items-center justify-center rounded-card', TILE_TONE[tone]), children: _jsx(View, { className: "h-4.5 w-4.5 items-center justify-center", children: icon }) })) : null, _jsx(Text, { className: cn('text-stat-sm font-bold leading-none', VALUE_TONE[tone]), children: value }), _jsx(Text, { className: "mt-0.5 text-label text-muted-foreground", children: label })] }));
+});
+//# sourceMappingURL=StatCard.native.js.map

package/dist/StatCard.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.native.js","sourceRoot":"","sources":["../src/StatCard.native.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,mCAAmC;IAC5C,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,UAAU;CACX,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,oCAAoC;IAC7C,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,kBAAkB;IAC1B,OAAO,EAAE,iBAAiB;CAClB,CAAC;AAYX,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAsB,SAAS,QAAQ,CACvE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,KACtF,KAAK,aAER,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CAAC,IAAI,CAAC,CAChB,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,YAAE,IAAI,GAAQ,GAClE,CACR,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,YAAG,KAAK,GAAQ,EAC5F,KAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,YAAE,KAAK,GAAQ,IACnE,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/StatusBadge.d.ts

@@ -0,0 +1,23 @@
+/**
+ * StatusBadge (web variant — React DOM).
+ *
+ * Small inline icon + label chip used to mark something as "Module
+ * enabled" (green check) / "No module" (amber warning) etc. Extracted
+ * from the MiHCM Security prototype's `moduleStatusBadge` /
+ * `permStatusBadge` patterns. Five built-in tones cover the common
+ * meanings; consumers pass their own SVG via `icon` so the chip can
+ * carry any glyph that matches the message.
+ *
+ * Wiki: docs/components/StatusBadge.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const statusBadgeVariants: (props?: ({
+    tone?: "neutral" | "success" | "warning" | "info" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusBadgeVariants> {
+    /** Optional leading icon. Sized to 12 px (`size-3`). */
+    icon?: ReactNode;
+}
+export declare const StatusBadge: import("react").ForwardRefExoticComponent<StatusBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../src/StatusBadge.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,8GAUtB,CAAC"}

package/dist/StatusBadge.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * StatusBadge (web variant — React DOM).
+ *
+ * Small inline icon + label chip used to mark something as "Module
+ * enabled" (green check) / "No module" (amber warning) etc. Extracted
+ * from the MiHCM Security prototype's `moduleStatusBadge` /
+ * `permStatusBadge` patterns. Five built-in tones cover the common
+ * meanings; consumers pass their own SVG via `icon` so the chip can
+ * carry any glyph that matches the message.
+ *
+ * Wiki: docs/components/StatusBadge.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const statusBadgeVariants = cva('inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-caption font-semibold leading-none', {
+    variants: {
+        tone: {
+            success: 'bg-green-100 text-success',
+            warning: 'bg-yellow-100 text-warning',
+            danger: 'bg-red-100 text-destructive',
+            info: 'bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300',
+            neutral: 'bg-muted text-muted-foreground',
+        },
+    },
+    defaultVariants: { tone: 'neutral' },
+});
+export const StatusBadge = forwardRef(function StatusBadge({ className, tone, icon, children, ...props }, ref) {
+    return (_jsxs("span", { ref: ref, className: cn(statusBadgeVariants({ tone }), className), ...props, children: [icon ? _jsx("span", { className: "inline-flex size-3 shrink-0 items-center justify-center", children: icon }) : null, children] }));
+});
+//# sourceMappingURL=StatusBadge.js.map

package/dist/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../src/StatusBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,8FAA8F,EAC9F;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,2BAA2B;YACpC,OAAO,EAAE,4BAA4B;YACrC,MAAM,EAAE,6BAA6B;YACrC,IAAI,EAAE,sEAAsE;YAC5E,OAAO,EAAE,gCAAgC;SAC1C;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CACrC,CACF,CAAC;AASF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAoC,SAAS,WAAW,CAC3F,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC7C,GAAG;IAEH,OAAO,CACL,gBAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aAC/E,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,yDAAyD,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACrG,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/StatusBadge.native.d.ts

@@ -0,0 +1,21 @@
+/**
+ * StatusBadge (React Native variant).
+ *
+ * Same prop API as the web variant — small chip with optional leading
+ * icon. Renders View + Text instead of span + text.
+ *
+ * Wiki: docs/components/StatusBadge.md
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const statusBadgeVariants: (props?: ({
+    tone?: "neutral" | "success" | "warning" | "info" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatusBadgeProps extends Omit<ViewProps, 'style'>, VariantProps<typeof statusBadgeVariants> {
+    className?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+export declare const StatusBadge: import("react").ForwardRefExoticComponent<StatusBadgeProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=StatusBadge.native.d.ts.map