@mihcm/ui 0.14.1

package/dist/Progress.native.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Progress (React Native variant).
+ *
+ * Renders a progress bar using RN `View` + `Animated` for the
+ * indeterminate shimmer. No Reanimated dependency.
+ *
+ * Wiki: docs/components/Progress.md
+ */
+import { forwardRef, useEffect, useRef } from 'react';
+import { Animated, Text, View } from 'react-native';
+import { cn } from './internal/cn.js';
+const SIZE_CLASSES = {
+    sm: 'h-1.5',
+    md: 'h-2.5',
+    lg: 'h-4',
+};
+const TONE_CLASSES = {
+    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 VALUE_LABEL_ALIGNMENT = {
+    'top-left': 'items-start',
+    'top-center': 'items-center',
+    'top-right': 'items-end',
+    'bottom-left': 'items-start',
+    'bottom-center': 'items-center',
+    'bottom-right': 'items-end',
+};
+export const Progress = forwardRef(function Progress({ className, value, max = 100, tone = 'primary', segmented = false, segments = DEFAULT_SEGMENTS, size = 'md', label, showValue = false, valueLabelPosition = 'inline-end', valueLabel, valueFormatter, ...props }, ref) {
+    const isIndeterminate = value === undefined;
+    const safeMax = max > 0 ? max : 100;
+    const clampedValue = isIndeterminate ? 0 : Math.min(safeMax, Math.max(0, value));
+    const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, (clampedValue / safeMax) * 100));
+    const resolvedTone = segmented
+        ? segments.find((segment) => percentage >= segment.from && percentage < segment.to)?.tone ??
+            segments.at(-1)?.tone ??
+            tone
+        : tone;
+    const translateX = useRef(new Animated.Value(-1)).current;
+    const formattedValue = valueLabel ?? valueFormatter?.(clampedValue, percentage, safeMax) ?? `${Math.round(percentage)}%`;
+    const showInlineValue = showValue && !isIndeterminate && valueLabelPosition === 'inline-end';
+    const showStackedValue = showValue && !isIndeterminate && valueLabelPosition !== 'inline-end';
+    const stackedValueBefore = showStackedValue && valueLabelPosition.startsWith('top');
+    const stackedValueAfter = showStackedValue && valueLabelPosition.startsWith('bottom');
+    const valueNode = (_jsx(Text, { className: "text-xs font-medium text-muted-foreground tabular-nums", children: formattedValue }));
+    useEffect(() => {
+        if (!isIndeterminate)
+            return;
+        const loop = Animated.loop(Animated.sequence([
+            Animated.timing(translateX, {
+                toValue: 4,
+                duration: 1500,
+                useNativeDriver: true,
+            }),
+            Animated.timing(translateX, {
+                toValue: -1,
+                duration: 0,
+                useNativeDriver: true,
+            }),
+        ]));
+        loop.start();
+        return () => loop.stop();
+    }, [isIndeterminate, translateX]);
+    const barNode = (_jsx(View, { ref: ref, accessibilityRole: "progressbar", accessibilityValue: {
+            min: 0,
+            max: safeMax,
+            now: isIndeterminate ? undefined : clampedValue,
+        }, accessibilityLabel: label, className: cn('relative w-full overflow-hidden rounded-full bg-muted', SIZE_CLASSES[size], className), ...props, children: isIndeterminate ? (_jsx(Animated.View, { className: cn('h-full rounded-full', TONE_CLASSES[resolvedTone]), style: {
+                width: '33%',
+                transform: [
+                    {
+                        translateX: translateX.interpolate({
+                            inputRange: [-1, 4],
+                            outputRange: ['-100%', '400%'],
+                        }),
+                    },
+                ],
+            } })) : (_jsx(View, { className: cn('h-full rounded-full', TONE_CLASSES[resolvedTone]), style: { width: `${percentage}%` } })) }));
+    return (_jsxs(View, { className: cn(showInlineValue ? 'flex-row items-center gap-2' : 'w-full flex-col gap-2', showStackedValue && VALUE_LABEL_ALIGNMENT[valueLabelPosition]), children: [stackedValueBefore && valueNode, barNode, stackedValueAfter && valueNode, showInlineValue && valueNode] }));
+});
+//# sourceMappingURL=Progress.native.js.map

package/dist/Progress.native.js.map

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

package/dist/ProgressCircle.d.ts

@@ -0,0 +1,69 @@
+/**
+ * ProgressCircle (web variant).
+ *
+ * Circular progress indicator for compact KPI cards and status summaries.
+ *
+ * Wiki: docs/components/ProgressCircle.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+declare const SIZE: {
+    readonly sm: 64;
+    readonly md: 88;
+    readonly lg: 120;
+    readonly xl: 160;
+};
+declare const TONE_CLASS: {
+    readonly primary: "stroke-primary";
+    readonly accent: "stroke-accent";
+    readonly success: "stroke-success";
+    readonly warning: "stroke-warning";
+    readonly danger: "stroke-destructive";
+};
+declare const VALUE_TONE_CLASS: {
+    readonly foreground: "text-foreground";
+    readonly primary: "text-primary";
+    readonly accent: "text-accent";
+    readonly success: "text-success";
+    readonly warning: "text-warning";
+    readonly danger: "text-destructive";
+};
+declare const VALUE_SIZE_CLASS: {
+    readonly xs: "text-xs";
+    readonly sm: "text-sm";
+    readonly md: "text-base";
+    readonly lg: "text-lg";
+    readonly xl: "text-xl";
+};
+export type ProgressCircleTone = keyof typeof TONE_CLASS;
+export type ProgressCircleValueTone = keyof typeof VALUE_TONE_CLASS | 'auto';
+export type ProgressCircleValueSize = keyof typeof VALUE_SIZE_CLASS;
+export interface ProgressCircleSegment {
+    /** Inclusive lower percentage bound. */
+    from: number;
+    /** Exclusive upper percentage bound, except the last segment may include 100. */
+    to: number;
+    /** Semantic tone used while the value is inside this segment. */
+    tone: ProgressCircleTone;
+}
+export interface ProgressCircleProps extends HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max?: number;
+    size?: keyof typeof SIZE;
+    tone?: ProgressCircleTone;
+    /** Use value-based semantic color thresholds instead of one fixed tone. */
+    segmented?: boolean;
+    /** Custom percentage thresholds for `segmented` mode. */
+    segments?: ProgressCircleSegment[];
+    showValue?: boolean;
+    /** Center value font-size preset. */
+    valueSize?: ProgressCircleValueSize;
+    /** Center value tone. Defaults to percentage tone when `segmented` is true. */
+    valueTone?: ProgressCircleValueTone;
+    valueFormatter?: (value: number, percentage: number) => ReactNode;
+    /** Additional Tailwind classes on the center value label. */
+    valueClassName?: string;
+    label?: string;
+}
+export declare const ProgressCircle: import("react").ForwardRefExoticComponent<ProgressCircleProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ProgressCircle.d.ts.map

package/dist/ProgressCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../src/ProgressCircle.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxE,QAAA,MAAM,IAAI;;;;;CAKA,CAAC;AASX,QAAA,MAAM,UAAU;;;;;;CAMN,CAAC;AAEX,QAAA,MAAM,gBAAgB;;;;;;;CAOZ,CAAC;AAEX,QAAA,MAAM,gBAAgB;;;;;;CAMZ,CAAC;AASX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,UAAU,CAAC;AACzD,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,gBAAgB,GAAG,MAAM,CAAC;AAC7E,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEpE,MAAM,WAAW,qBAAqB;IACpC,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,OAAO,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;IAClE,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD,eAAO,MAAM,cAAc,gHA8F1B,CAAC"}

package/dist/ProgressCircle.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ProgressCircle (web variant).
+ *
+ * Circular progress indicator for compact KPI cards and status summaries.
+ *
+ * Wiki: docs/components/ProgressCircle.md
+ */
+import { forwardRef } from 'react';
+import { cn } from './internal/cn.js';
+const SIZE = {
+    sm: 64,
+    md: 88,
+    lg: 120,
+    xl: 160,
+};
+const STROKE = {
+    sm: 6,
+    md: 8,
+    lg: 10,
+    xl: 12,
+};
+const TONE_CLASS = {
+    primary: 'stroke-primary',
+    accent: 'stroke-accent',
+    success: 'stroke-success',
+    warning: 'stroke-warning',
+    danger: 'stroke-destructive',
+};
+const VALUE_TONE_CLASS = {
+    foreground: 'text-foreground',
+    primary: 'text-primary',
+    accent: 'text-accent',
+    success: 'text-success',
+    warning: 'text-warning',
+    danger: 'text-destructive',
+};
+const VALUE_SIZE_CLASS = {
+    xs: 'text-xs',
+    sm: 'text-sm',
+    md: 'text-base',
+    lg: 'text-lg',
+    xl: 'text-xl',
+};
+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' },
+];
+function resolveProgressCircleTone(percentage, tone, segmented, segments) {
+    if (!segmented)
+        return tone;
+    return (segments.find((segment) => percentage >= segment.from && percentage < segment.to)?.tone ??
+        segments.at(-1)?.tone ??
+        tone);
+}
+export const ProgressCircle = forwardRef(function ProgressCircle({ value, max = 100, size = 'md', tone = 'primary', segmented = false, segments = DEFAULT_SEGMENTS, showValue = true, valueSize = 'sm', valueTone, valueFormatter, valueClassName, label = 'Progress', className, ...props }, ref) {
+    const dimension = SIZE[size];
+    const strokeWidth = STROKE[size];
+    const radius = (dimension - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const safeMax = max > 0 ? max : 100;
+    const clamped = Math.min(safeMax, Math.max(0, value));
+    const percentage = (clamped / safeMax) * 100;
+    const dashOffset = circumference - (percentage / 100) * circumference;
+    const resolvedTone = resolveProgressCircleTone(percentage, tone, segmented, segments);
+    const resolvedValueTone = valueTone === undefined
+        ? segmented
+            ? resolvedTone
+            : 'foreground'
+        : valueTone === 'auto'
+            ? resolvedTone
+            : valueTone;
+    return (_jsxs("div", { ref: ref, className: cn('relative inline-grid place-items-center text-foreground', className), role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": safeMax, "aria-valuenow": clamped, ...props, children: [_jsxs("svg", { width: dimension, height: dimension, viewBox: `0 0 ${dimension} ${dimension}`, "aria-hidden": true, children: [_jsx("circle", { cx: dimension / 2, cy: dimension / 2, r: radius, fill: "none", className: "stroke-muted", strokeWidth: strokeWidth }), _jsx("circle", { cx: dimension / 2, cy: dimension / 2, r: radius, fill: "none", className: cn('transition-[stroke-dashoffset,stroke] duration-500 ease-out', TONE_CLASS[resolvedTone]), strokeWidth: strokeWidth, strokeLinecap: "round", strokeDasharray: circumference, strokeDashoffset: dashOffset, transform: `rotate(-90 ${dimension / 2} ${dimension / 2})` })] }), showValue ? (_jsx("span", { className: cn('absolute font-semibold tabular-nums transition-colors duration-500 ease-out', VALUE_SIZE_CLASS[valueSize], VALUE_TONE_CLASS[resolvedValueTone], valueClassName), children: valueFormatter?.(clamped, percentage) ?? `${Math.round(percentage)}%` })) : null] }));
+});
+//# sourceMappingURL=ProgressCircle.js.map

package/dist/ProgressCircle.js.map

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

package/dist/RadioCardGroup.d.ts

@@ -0,0 +1,26 @@
+/**
+ * RadioCardGroup (web variant).
+ *
+ * Card-style single selection built on top of RadioGroup semantics.
+ *
+ * Wiki: docs/components/RadioCardGroup.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface RadioCardOption {
+    value: string;
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+export interface RadioCardGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'children'> {
+    options: RadioCardOption[];
+    value: string;
+    onValueChange: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    columns?: 1 | 2 | 3 | 4;
+    tone?: 'primary' | 'accent';
+    disabled?: boolean;
+}
+export declare const RadioCardGroup: import("react").ForwardRefExoticComponent<RadioCardGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=RadioCardGroup.d.ts.map

package/dist/RadioCardGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCardGroup.d.ts","sourceRoot":"","sources":["../src/RadioCardGroup.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC1E,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,eAAO,MAAM,cAAc,qHAyD1B,CAAC"}

package/dist/RadioCardGroup.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RadioCardGroup (web variant).
+ *
+ * Card-style single selection built on top of RadioGroup semantics.
+ *
+ * Wiki: docs/components/RadioCardGroup.md
+ */
+import { forwardRef } from 'react';
+import { cn } from './internal/cn.js';
+import { RadioGroup } from './RadioGroup.js';
+const COLUMN_CLASS = {
+    1: 'grid-cols-1',
+    2: 'sm:grid-cols-2',
+    3: 'sm:grid-cols-2 lg:grid-cols-3',
+    4: 'sm:grid-cols-2 lg:grid-cols-4',
+};
+export const RadioCardGroup = forwardRef(function RadioCardGroup({ options, value, onValueChange, orientation = 'vertical', columns = 2, tone = 'primary', disabled, className, ...props }, ref) {
+    return (_jsx(RadioGroup, { ref: ref, value: value, onValueChange: onValueChange, orientation: orientation, tone: tone, disabled: Boolean(disabled), className: cn('grid gap-3', orientation === 'horizontal' ? COLUMN_CLASS[columns] : 'grid-cols-1', className), ...props, children: options.map((option) => {
+            const checked = option.value === value;
+            const inactive = disabled || option.disabled;
+            return (_jsxs("button", { type: "button", role: "radio", "aria-checked": checked, disabled: inactive, onClick: () => onValueChange(option.value), className: cn('flex min-h-24 w-full items-start gap-3 rounded-xl border border-border bg-card p-4 text-left shadow-mi-card transition-[border-color,box-shadow,background-color] duration-200', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', checked && (tone === 'accent' ? 'border-accent bg-accent/5' : 'border-primary bg-primary/5'), inactive && 'cursor-not-allowed opacity-60'), children: [option.icon ? _jsx("span", { className: "shrink-0 text-muted-foreground", children: option.icon }) : null, _jsxs("span", { className: "min-w-0 space-y-1", children: [_jsx("span", { className: "block font-semibold text-foreground", children: option.title }), option.description ? (_jsx("span", { className: "block text-sm text-muted-foreground", children: option.description })) : null] })] }, option.value));
+        }) }));
+});
+//# sourceMappingURL=RadioCardGroup.js.map

package/dist/RadioCardGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCardGroup.js","sourceRoot":"","sources":["../src/RadioCardGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;GAMG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAqB7C,MAAM,YAAY,GAAgE;IAChF,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,gBAAgB;IACnB,CAAC,EAAE,+BAA+B;IAClC,CAAC,EAAE,+BAA+B;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EACE,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAW,GAAG,UAAU,EACxB,OAAO,GAAG,CAAC,EACX,IAAI,GAAG,SAAS,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,KACxG,KAAK,YAER,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;YACvC,MAAM,QAAQ,GAAG,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC;YAC7C,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,SAAS,EAAE,EAAE,CACX,gLAAgL,EAChL,qGAAqG,EACrG,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAC5F,QAAQ,IAAI,+BAA+B,CAC5C,aAEA,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gCAAgC,YAAE,MAAM,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC3F,gBAAM,SAAS,EAAC,mBAAmB,aACjC,eAAM,SAAS,EAAC,qCAAqC,YAAE,MAAM,CAAC,KAAK,GAAQ,EAC1E,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CACpB,eAAM,SAAS,EAAC,qCAAqC,YAAE,MAAM,CAAC,WAAW,GAAQ,CAClF,CAAC,CAAC,CAAC,IAAI,IACH,KAnBF,MAAM,CAAC,KAAK,CAoBV,CACV,CAAC;QACJ,CAAC,CAAC,GACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/RadioGroup.d.ts

@@ -0,0 +1,35 @@
+/**
+ * RadioGroup (web variant — React DOM).
+ *
+ * A `<fieldset>` containing `<button role="radio">` items with
+ * `aria-checked`. Controlled via `value` / `onValueChange`. Items
+ * share group state through React Context.
+ *
+ * Wiki: docs/components/RadioGroup.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export type RadioGroupTone = 'primary' | 'accent';
+export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
+    value: string;
+    onValueChange: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    /** Colour tone for the selected indicator. Defaults to `primary`. */
+    tone?: RadioGroupTone;
+    className?: string;
+    children: ReactNode;
+}
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+export declare const radioGroupItemVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface RadioGroupItemProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'type' | 'role'>, VariantProps<typeof radioGroupItemVariants> {
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const RadioGroupItem: import("react").ForwardRefExoticComponent<RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;AAgClD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qEAAqE;IACrE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,iHAsCtB,CAAC;AAMF,eAAO,MAAM,sBAAsB;;8EAgBlC,CAAC;AAQF,MAAM,WAAW,mBACf,SAAQ,IAAI,CACR,cAAc,CAAC,iBAAiB,CAAC,EACjC,UAAU,GAAG,MAAM,GAAG,MAAM,CAC7B,EACD,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,mHAkD1B,CAAC"}

package/dist/RadioGroup.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RadioGroup (web variant — React DOM).
+ *
+ * A `<fieldset>` containing `<button role="radio">` items with
+ * `aria-checked`. Controlled via `value` / `onValueChange`. Items
+ * share group state through React Context.
+ *
+ * Wiki: docs/components/RadioGroup.md
+ */
+import { forwardRef, createContext, useContext, } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+const TONE_BORDER = {
+    primary: 'border-primary',
+    accent: 'border-accent',
+};
+const TONE_FILL = {
+    primary: 'text-primary',
+    accent: 'text-accent',
+};
+const RadioGroupContext = createContext(null);
+function useRadioGroup() {
+    const ctx = useContext(RadioGroupContext);
+    if (!ctx)
+        throw new Error('RadioGroupItem must be used within a RadioGroup');
+    return ctx;
+}
+export const RadioGroup = forwardRef(function RadioGroup({ value, onValueChange, orientation = 'vertical', disabled = false, size = 'md', tone = 'primary', className, children, ...props }, ref) {
+    return (_jsx(RadioGroupContext.Provider, { value: { value, onValueChange, disabled, size, tone }, children: _jsx("fieldset", { ref: ref, role: "radiogroup", "aria-orientation": orientation, disabled: disabled, className: cn('flex', orientation === 'horizontal'
+                ? 'flex-row gap-4'
+                : 'flex-col gap-2', className), ...props, children: children }) }));
+});
+/* ------------------------------------------------------------------ */
+/*  RadioGroupItem                                                    */
+/* ------------------------------------------------------------------ */
+export const radioGroupItemVariants = cva('peer inline-flex shrink-0 items-center justify-center rounded-full ' +
+    '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 INDICATOR_SIZE = {
+    sm: 'h-1.5 w-1.5',
+    md: 'h-2 w-2',
+    lg: 'h-2.5 w-2.5',
+};
+export const RadioGroupItem = forwardRef(function RadioGroupItem({ value, disabled: itemDisabled, className, children, ...props }, ref) {
+    const group = useRadioGroup();
+    const sz = group.size;
+    const tone = group.tone;
+    const isChecked = group.value === value;
+    const isDisabled = group.disabled || !!itemDisabled;
+    return (_jsxs("label", { className: cn('flex items-center gap-2', isDisabled && 'cursor-not-allowed opacity-50'), children: [_jsx("button", { ref: ref, type: "button", role: "radio", "aria-checked": isChecked, disabled: isDisabled, onClick: () => {
+                    if (!isChecked)
+                        group.onValueChange(value);
+                }, className: cn(radioGroupItemVariants({ size: sz }), isChecked && TONE_BORDER[tone], className), ...props, children: isChecked ? (_jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", className: INDICATOR_SIZE[sz], children: _jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor", className: TONE_FILL[tone] }) })) : null }), children ? (_jsx("span", { className: "text-sm text-foreground", children: children })) : null] }));
+});
+//# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

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

package/dist/RadioGroup.native.d.ts

@@ -0,0 +1,33 @@
+/**
+ * RadioGroup (React Native variant).
+ *
+ * Pressable items with circular indicators. `accessibilityRole="radiogroup"`
+ * on the container, `accessibilityRole="radio"` + `accessibilityState`
+ * on each item.
+ *
+ * Wiki: docs/components/RadioGroup.md
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export interface RadioGroupProps extends Omit<ViewProps, 'children'> {
+    value: string;
+    onValueChange: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    children: ReactNode;
+}
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<View>>;
+export declare const radioGroupItemVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface RadioGroupItemProps extends VariantProps<typeof radioGroupItemVariants> {
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const RadioGroupItem: import("react").ForwardRefExoticComponent<RadioGroupItemProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=RadioGroup.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.native.d.ts","sourceRoot":"","sources":["../src/RadioGroup.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAa,IAAI,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA0BlE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,kGAmCtB,CAAC;AAMF,eAAO,MAAM,sBAAsB;;8EAYlC,CAAC;AAQF,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,sBAAsB,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,sGAoC1B,CAAC"}

package/dist/RadioGroup.native.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RadioGroup (React Native variant).
+ *
+ * Pressable items with circular indicators. `accessibilityRole="radiogroup"`
+ * on the container, `accessibilityRole="radio"` + `accessibilityState`
+ * on each item.
+ *
+ * Wiki: docs/components/RadioGroup.md
+ */
+import { forwardRef, createContext, useContext } from 'react';
+import { Pressable, View, Text } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+const RadioGroupContext = createContext(null);
+function useRadioGroup() {
+    const ctx = useContext(RadioGroupContext);
+    if (!ctx)
+        throw new Error('RadioGroupItem must be used within a RadioGroup');
+    return ctx;
+}
+export const RadioGroup = forwardRef(function RadioGroup({ value, onValueChange, orientation = 'vertical', disabled = false, size = 'md', className, children, ...props }, ref) {
+    return (_jsx(RadioGroupContext.Provider, { value: { value, onValueChange, disabled, size }, children: _jsx(View, { ref: ref, accessibilityRole: "radiogroup", className: cn('flex', orientation === 'horizontal'
+                ? 'flex-row gap-4'
+                : 'flex-col gap-2', className), ...props, children: children }) }));
+});
+/* ------------------------------------------------------------------ */
+/*  RadioGroupItem                                                    */
+/* ------------------------------------------------------------------ */
+export const radioGroupItemVariants = cva('items-center justify-center rounded-full 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' },
+});
+const INDICATOR = {
+    sm: 'h-2 w-2 rounded-full bg-primary',
+    md: 'h-2.5 w-2.5 rounded-full bg-primary',
+    lg: 'h-3 w-3 rounded-full bg-primary',
+};
+export const RadioGroupItem = forwardRef(function RadioGroupItem({ value, disabled: itemDisabled, className, children }, ref) {
+    const group = useRadioGroup();
+    const sz = group.size;
+    const isChecked = group.value === value;
+    const isDisabled = group.disabled || !!itemDisabled;
+    return (_jsxs(Pressable, { ref: ref, accessibilityRole: "radio", accessibilityState: { checked: isChecked, disabled: isDisabled }, disabled: isDisabled, onPress: () => {
+            if (!isChecked)
+                group.onValueChange(value);
+        }, className: cn('flex-row items-center gap-2', isDisabled && 'opacity-50'), children: [_jsx(View, { className: cn(radioGroupItemVariants({ size: sz }), isChecked && 'border-primary', className), children: isChecked ? _jsx(View, { className: INDICATOR[sz] }) : null }), children ? (_jsx(Text, { className: "text-foreground text-sm", children: children })) : null] }));
+});
+//# sourceMappingURL=RadioGroup.native.js.map

package/dist/RadioGroup.native.js.map

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

package/dist/Resizable.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Resizable (web variant — React DOM).
+ *
+ * Resizable panel layout powered by `react-resizable-panels`.
+ *
+ *   <ResizablePanelGroup direction="horizontal">
+ *     <ResizablePanel defaultSize={50}>
+ *       <div className="p-4">Left</div>
+ *     </ResizablePanel>
+ *     <ResizableHandle />
+ *     <ResizablePanel defaultSize={50}>
+ *       <div className="p-4">Right</div>
+ *     </ResizablePanel>
+ *   </ResizablePanelGroup>
+ *
+ * Wiki: docs/components/Resizable.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { Panel } from 'react-resizable-panels';
+export interface ResizablePanelGroupProps extends HTMLAttributes<HTMLDivElement> {
+    direction: 'horizontal' | 'vertical';
+    children: ReactNode;
+    autoSaveId?: string;
+}
+export declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const ResizablePanel: typeof Panel;
+export interface ResizableHandleProps extends HTMLAttributes<HTMLDivElement> {
+    withHandle?: boolean;
+    disabled?: boolean;
+}
+export declare function ResizableHandle({ withHandle, className, disabled, ...props }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Resizable.d.ts.map

package/dist/Resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../src/Resizable.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAEL,KAAK,EAEN,MAAM,wBAAwB,CAAC;AAKhC,MAAM,WAAW,wBAAyB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9E,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,2CAUpF;AAID,eAAO,MAAM,cAAc,cAAQ,CAAC;AAIpC,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CA6BlG"}

package/dist/Resizable.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Resizable (web variant — React DOM).
+ *
+ * Resizable panel layout powered by `react-resizable-panels`.
+ *
+ *   <ResizablePanelGroup direction="horizontal">
+ *     <ResizablePanel defaultSize={50}>
+ *       <div className="p-4">Left</div>
+ *     </ResizablePanel>
+ *     <ResizableHandle />
+ *     <ResizablePanel defaultSize={50}>
+ *       <div className="p-4">Right</div>
+ *     </ResizablePanel>
+ *   </ResizablePanelGroup>
+ *
+ * Wiki: docs/components/Resizable.md
+ */
+import {} from 'react';
+import { Group as PanelGroup, Panel, Separator as PanelResizeHandle, } from 'react-resizable-panels';
+import { cn } from './internal/cn.js';
+export function ResizablePanelGroup({ className, ...props }) {
+    return (_jsx(PanelGroup, { className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className), ...props }));
+}
+/* ── Panel ─────────────────────────────────────────────────────────── */
+export const ResizablePanel = Panel;
+export function ResizableHandle({ withHandle, className, disabled, ...props }) {
+    return (_jsx(PanelResizeHandle, { disabled: disabled, className: cn('relative flex w-px items-center justify-center bg-border', 'after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2', 'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1', 'data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full', 'data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1', 'data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2', 'data-[panel-group-direction=vertical]:after:translate-x-0', className), children: withHandle && (_jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-border bg-border", children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 6 10", fill: "none", className: "h-2.5 w-2.5", children: _jsx("path", { d: "M1 0v10M5 0v10", stroke: "currentColor", strokeWidth: 1, className: "text-muted-foreground" }) }) })) }));
+}
+//# sourceMappingURL=Resizable.js.map

package/dist/Resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sourceRoot":"","sources":["../src/Resizable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,KAAK,EACL,SAAS,IAAI,iBAAiB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAUtC,MAAM,UAAU,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA4B;IACnF,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,0EAA0E;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC;AASpC,MAAM,UAAU,eAAe,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB;IACjG,OAAO,CACL,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,gFAAgF,EAChF,qGAAqG,EACrG,yFAAyF,EACzF,oGAAoG,EACpG,iHAAiH,EACjH,2DAA2D,EAC3D,SAAS,CACV,YAEA,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,yFAAyF,YACtG,6BAAiB,MAAM,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,aAAa,YAC5E,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,SAAS,EAAC,uBAAuB,GACjC,GACE,GACF,CACP,GACiB,CACrB,CAAC;AACJ,CAAC"}