@unisane/ui 0.1.0-next.b67ebfd0

package/dist/components/popover.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+type PopoverAlign = 'start' | 'center' | 'end';
+type PopoverSide = 'top' | 'bottom' | 'left' | 'right';
+export interface PopoverProps {
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    align?: PopoverAlign;
+    side?: PopoverSide;
+    sideOffset?: number;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    collisionPadding?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    portal?: boolean;
+    className?: string;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export {};
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAO9F,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAC/C,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7F,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwL1C,CAAC"}

package/dist/components/popover.js

@@ -0,0 +1,242 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef, useId, useCallback, useLayoutEffect, useMemo, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { getPortalLayerStyle } from '../lib/portal-layer.js';
+import { cn, focusRing, Slot } from '../lib/utils.js';
+import { useControllableState } from '../lib/use-controllable-state.js';
+import { useOverlayBehavior } from '../lib/use-overlay-behavior.js';
+export const Popover = ({ trigger, content, open: controlledOpen, defaultOpen = false, onOpenChange, align = 'center', side = 'bottom', sideOffset = 8, alignOffset = 0, avoidCollisions = true, collisionPadding = 8, portal = true, className, }) => {
+    const [isOpen = false, setIsOpen] = useControllableState({
+        value: controlledOpen,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const containerRef = useRef(null);
+    const triggerRef = useRef(null);
+    const contentRef = useRef(null);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    const [computedPlacement, setComputedPlacement] = useState({ side, align });
+    const [isPositioned, setIsPositioned] = useState(!portal);
+    const popoverId = useId();
+    const normalizedPadding = useMemo(() => {
+        if (typeof collisionPadding === 'number') {
+            return {
+                top: collisionPadding,
+                right: collisionPadding,
+                bottom: collisionPadding,
+                left: collisionPadding,
+            };
+        }
+        return {
+            top: collisionPadding.top ?? 8,
+            right: collisionPadding.right ?? 8,
+            bottom: collisionPadding.bottom ?? 8,
+            left: collisionPadding.left ?? 8,
+        };
+    }, [collisionPadding]);
+    const handleOpenChange = useCallback((newOpen) => {
+        setIsOpen(newOpen);
+    }, [setIsOpen]);
+    useOverlayBehavior({
+        open: isOpen,
+        contentRef,
+        triggerRef,
+        onDismiss: () => handleOpenChange(false),
+        dismissOnInteractOutside: true,
+    });
+    useLayoutEffect(() => {
+        if (!isOpen) {
+            setIsPositioned(!portal);
+            return;
+        }
+        if (!triggerRef.current)
+            return;
+        const updatePosition = () => {
+            if (!triggerRef.current)
+                return;
+            const triggerRect = triggerRef.current.getBoundingClientRect();
+            const contentWidth = contentRef.current?.offsetWidth || 200;
+            const contentHeight = contentRef.current?.offsetHeight || 160;
+            const result = computePopoverPosition(triggerRect, { width: contentWidth, height: contentHeight }, {
+                side,
+                align,
+                sideOffset,
+                alignOffset,
+                avoidCollisions,
+                collisionPadding: normalizedPadding,
+            });
+            setPosition({ top: result.top, left: result.left });
+            setComputedPlacement({ side: result.actualSide, align: result.actualAlign });
+            setIsPositioned(true);
+        };
+        if (portal) {
+            setIsPositioned(false);
+        }
+        updatePosition();
+        if (!portal)
+            return;
+        window.addEventListener('scroll', updatePosition, true);
+        window.addEventListener('resize', updatePosition);
+        return () => {
+            window.removeEventListener('scroll', updatePosition, true);
+            window.removeEventListener('resize', updatePosition);
+        };
+    }, [align, alignOffset, avoidCollisions, isOpen, normalizedPadding, portal, side, sideOffset]);
+    const handleTriggerKeyDown = (e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            handleOpenChange(!isOpen);
+        }
+        else if (e.key === 'ArrowDown' && !isOpen) {
+            e.preventDefault();
+            handleOpenChange(true);
+        }
+    };
+    const triggerProps = {
+        'aria-expanded': isOpen,
+        'aria-haspopup': 'dialog',
+        'aria-controls': isOpen ? popoverId : undefined,
+    };
+    const triggerNode = React.isValidElement(trigger) ? (_jsx(Slot, { ref: triggerRef, ...triggerProps, children: React.cloneElement(trigger, {
+            onClick: (event) => {
+                const child = trigger;
+                child.props.onClick?.(event);
+                if (!event.defaultPrevented)
+                    handleOpenChange(!isOpen);
+            },
+            onKeyDown: (event) => {
+                const child = trigger;
+                child.props.onKeyDown?.(event);
+                if (!event.defaultPrevented)
+                    handleTriggerKeyDown(event);
+            },
+        }) })) : (_jsx("button", { ref: triggerRef, type: "button", onClick: () => handleOpenChange(!isOpen), onKeyDown: handleTriggerKeyDown, className: cn('inline-flex', focusRing), ...triggerProps, children: trigger }));
+    return (_jsxs("div", { className: "relative inline-block", ref: containerRef, children: [triggerNode, isOpen
+                ? renderPopoverContent({
+                    align,
+                    className,
+                    computedPlacement,
+                    content,
+                    contentRef,
+                    id: popoverId,
+                    isPositioned,
+                    portal,
+                    position,
+                    side,
+                    trigger: triggerRef.current,
+                })
+                : null] }));
+};
+function renderPopoverContent({ align, className, computedPlacement, content, contentRef, id, isPositioned, portal, position, side, trigger, }) {
+    const wrapperClassName = portal
+        ? 'fixed z-[var(--z-popover,2000)]'
+        : cn('absolute z-[var(--z-popover,2000)]', side === 'bottom' && 'top-[calc(100%+var(--spacing-2))]', side === 'top' && 'bottom-[calc(100%+var(--spacing-2))]', side === 'left' && 'right-[calc(100%+var(--spacing-2))]', side === 'right' && 'left-[calc(100%+var(--spacing-2))]', (side === 'top' || side === 'bottom') && align === 'center' && 'left-1/2 -translate-x-1/2', (side === 'top' || side === 'bottom') && align === 'start' && 'left-0', (side === 'top' || side === 'bottom') && align === 'end' && 'right-0', (side === 'left' || side === 'right') && align === 'center' && 'top-1/2 -translate-y-1/2', (side === 'left' || side === 'right') && align === 'start' && 'top-0', (side === 'left' || side === 'right') && align === 'end' && 'bottom-0');
+    const popover = (_jsx("div", { ref: contentRef, id: id, role: "dialog", "data-side": computedPlacement.side, "data-align": computedPlacement.align, className: wrapperClassName, style: portal
+            ? {
+                top: position.top,
+                left: position.left,
+                visibility: isPositioned ? 'visible' : 'hidden',
+                ...getPortalLayerStyle(trigger),
+            }
+            : undefined, children: _jsx("div", { className: cn('animate-surface-enter bg-surface shadow-2 border-outline-soft min-w-40 rounded-sm border py-1', className), children: content }) }));
+    if (portal && typeof document !== 'undefined') {
+        return createPortal(popover, document.body);
+    }
+    return popover;
+}
+function computePopoverPosition(triggerRect, contentRect, options) {
+    const { side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding } = options;
+    const viewport = {
+        width: window.innerWidth,
+        height: window.innerHeight,
+    };
+    const space = {
+        top: triggerRect.top - collisionPadding.top,
+        bottom: viewport.height - triggerRect.bottom - collisionPadding.bottom,
+        left: triggerRect.left - collisionPadding.left,
+        right: viewport.width - triggerRect.right - collisionPadding.right,
+    };
+    let actualSide = side;
+    const neededSpace = {
+        top: contentRect.height + sideOffset,
+        bottom: contentRect.height + sideOffset,
+        left: contentRect.width + sideOffset,
+        right: contentRect.width + sideOffset,
+    };
+    if (avoidCollisions && space[side] < neededSpace[side]) {
+        const oppositeSide = {
+            top: 'bottom',
+            bottom: 'top',
+            left: 'right',
+            right: 'left',
+        };
+        const opposite = oppositeSide[side];
+        if (space[opposite] > space[side]) {
+            actualSide = opposite;
+        }
+    }
+    let top = 0;
+    let left = 0;
+    if (actualSide === 'top') {
+        top = triggerRect.top - contentRect.height - sideOffset;
+    }
+    else if (actualSide === 'bottom') {
+        top = triggerRect.bottom + sideOffset;
+    }
+    else if (actualSide === 'left') {
+        left = triggerRect.left - contentRect.width - sideOffset;
+    }
+    else {
+        left = triggerRect.right + sideOffset;
+    }
+    let actualAlign = align;
+    if (actualSide === 'top' || actualSide === 'bottom') {
+        if (align === 'start') {
+            left = triggerRect.left + alignOffset;
+        }
+        else if (align === 'center') {
+            left = triggerRect.left + (triggerRect.width - contentRect.width) / 2 + alignOffset;
+        }
+        else {
+            left = triggerRect.right - contentRect.width - alignOffset;
+        }
+        if (avoidCollisions) {
+            const minLeft = collisionPadding.left;
+            const maxLeft = viewport.width - contentRect.width - collisionPadding.right;
+            if (left < minLeft) {
+                left = minLeft;
+                actualAlign = 'start';
+            }
+            else if (left > maxLeft) {
+                left = maxLeft;
+                actualAlign = 'end';
+            }
+        }
+    }
+    else {
+        if (align === 'start') {
+            top = triggerRect.top + alignOffset;
+        }
+        else if (align === 'center') {
+            top = triggerRect.top + (triggerRect.height - contentRect.height) / 2 + alignOffset;
+        }
+        else {
+            top = triggerRect.bottom - contentRect.height - alignOffset;
+        }
+        if (avoidCollisions) {
+            const minTop = collisionPadding.top;
+            const maxTop = viewport.height - contentRect.height - collisionPadding.bottom;
+            if (top < minTop) {
+                top = minTop;
+                actualAlign = 'start';
+            }
+            else if (top > maxTop) {
+                top = maxTop;
+                actualAlign = 'end';
+            }
+        }
+    }
+    return { top, left, actualSide, actualAlign };
+}
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

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

package/dist/components/progress.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const progressVariants: (props?: ({
+    variant?: "linear" | "circular" | null | undefined;
+    indeterminate?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ProgressProps = VariantProps<typeof progressVariants> & {
+    value?: number;
+    variant?: 'linear' | 'circular';
+    indeterminate?: boolean;
+    className?: string;
+};
+export declare const Progress: React.FC<ProgressProps>;
+export {};
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,gBAAgB;;;8EAkBrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgF5C,CAAC"}

package/dist/components/progress.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+const progressVariants = cva('relative w-full overflow-hidden rounded-sm bg-surface-container-highest', {
+    variants: {
+        variant: {
+            linear: 'h-1',
+            circular: 'w-16 h-16',
+        },
+        indeterminate: {
+            true: '',
+            false: '',
+        },
+    },
+    defaultVariants: {
+        variant: 'linear',
+        indeterminate: false,
+    },
+});
+export const Progress = ({ value = 0, variant = 'linear', indeterminate = false, className, }) => {
+    const clampedValue = Math.max(0, Math.min(100, value));
+    if (variant === 'circular') {
+        const circumference = 2 * Math.PI * 30;
+        const strokeDashoffset = indeterminate
+            ? undefined
+            : circumference - (clampedValue / 100) * circumference;
+        return (_jsx("div", { className: cn('relative h-16 w-16', className), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? undefined : clampedValue, children: _jsxs("svg", { className: "h-full w-full", viewBox: "0 0 64 64", children: [_jsx("circle", { className: "text-surface-container-highest", stroke: "currentColor", strokeWidth: "4", fill: "none", r: "30", cx: "32", cy: "32" }), _jsx("circle", { className: cn('text-primary duration-emphasized transition-all', indeterminate && 'animate-spin'), stroke: "currentColor", strokeWidth: "4", fill: "none", r: "30", cx: "32", cy: "32", strokeDasharray: circumference, strokeDashoffset: strokeDashoffset, strokeLinecap: "round", style: {
+                            transform: 'rotate(-90deg)',
+                            transformOrigin: '50% 50%',
+                            animation: indeterminate ? 'spin 1s linear infinite' : undefined,
+                        } })] }) }));
+    }
+    return (_jsx("div", { className: cn(progressVariants({ variant, indeterminate, className })), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": indeterminate ? undefined : clampedValue, children: _jsx("div", { className: cn('bg-primary duration-emphasized h-full transition-all', indeterminate && 'animate-pulse'), style: {
+                width: indeterminate ? '100%' : `${clampedValue}%`,
+            }, children: indeterminate && (_jsx("div", { className: "bg-primary h-full w-1/3 animate-[progress-indeterminate_1.5s_ease-in-out_infinite]" })) }) }));
+};
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAC1B,yEAAyE,EACzE;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,WAAW;SACtB;QACD,aAAa,EAAE;YACb,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,QAAQ;QACjB,aAAa,EAAE,KAAK;KACrB;CACF,CACF,CAAC;AASF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,QAAQ,EAClB,aAAa,GAAG,KAAK,EACrB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvD,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;QAC3B,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACvC,MAAM,gBAAgB,GAAG,aAAa;YACpC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,aAAa,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;QAEzD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAC9C,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,GAAG,mBACH,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,YAEvD,eAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAC,WAAW,aAChD,iBACE,SAAS,EAAC,gCAAgC,EAC1C,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,IAAI,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,GACP,EACF,iBACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,aAAa,IAAI,cAAc,CAChC,EACD,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,IAAI,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,eAAe,EAAE,aAAa,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;4BACL,SAAS,EAAE,gBAAgB;4BAC3B,eAAe,EAAE,SAAS;4BAC1B,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS;yBACjE,GACD,IACE,GACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,EACtE,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,GAAG,mBACH,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,YAEvD,cACE,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,aAAa,IAAI,eAAe,CACjC,EACD,KAAK,EAAE;gBACL,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG;aACnD,YAEA,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,oFAAoF,GAAG,CACvG,GACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/radio.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { type SelectionControlSize } from '../lib/selection-control-size.js';
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    invalid?: boolean;
+    label?: React.ReactNode;
+    size?: SelectionControlSize;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=radio.d.ts.map

package/dist/components/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/components/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,+BAA+B,CAAC;AAGvC,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB;IACC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED,eAAO,MAAM,KAAK,qFAiFjB,CAAC"}

package/dist/components/radio.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils.js';
+import { selectionControlSizeClasses, } from '../lib/selection-control-size.js';
+import { Ripple } from './ripple.js';
+export const Radio = React.forwardRef(({ 'aria-invalid': ariaInvalid, className, disabled = false, id: providedId, invalid = false, label, size = 'md', ...inputProps }, forwardedRef) => {
+    const generatedId = React.useId();
+    const id = providedId ?? generatedId;
+    const sizeClasses = selectionControlSizeClasses[size];
+    const resolvedInvalid = invalid || ariaInvalid === true || ariaInvalid === 'true';
+    return (_jsxs("label", { htmlFor: id, className: cn('group relative inline-flex cursor-pointer items-center gap-3 select-none', disabled && 'cursor-not-allowed opacity-38', className), children: [_jsxs("span", { className: cn('relative flex shrink-0 items-center justify-center', sizeClasses.frame), children: [_jsx("span", { "aria-hidden": "true", className: cn('absolute inset-0 z-0 overflow-hidden rounded-full transition-colors', 'group-hover:bg-state-hover', resolvedInvalid && 'group-hover:bg-state-error'), children: _jsx(Ripple, { center: true, disabled: disabled, className: resolvedInvalid ? 'text-error' : 'text-primary' }) }), _jsx("input", { ...inputProps, ref: forwardedRef, id: id, type: "radio", disabled: disabled, "aria-invalid": resolvedInvalid || undefined, className: "peer sr-only" }), _jsx("span", { "aria-hidden": "true", className: cn('bg-surface relative z-10 flex items-center justify-center rounded-full border-2', sizeClasses.control, 'duration-snappy ease-emphasized transition-colors', resolvedInvalid
+                            ? 'border-error peer-checked:border-error'
+                            : 'border-control-outline group-hover:border-on-surface peer-checked:border-primary', 'peer-focus-visible:ring-focus-ring peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2', "after:duration-snappy after:ease-emphasized after:block after:scale-0 after:rounded-full after:transition-transform after:content-['']", sizeClasses.radioDot, resolvedInvalid
+                            ? 'after:bg-error peer-checked:after:scale-100'
+                            : 'after:bg-primary peer-checked:after:scale-100') })] }), label !== undefined && label !== null ? (_jsx("span", { className: "text-body-medium text-on-surface leading-none font-medium", children: label })) : null] }));
+});
+Radio.displayName = 'Radio';
+//# sourceMappingURL=radio.js.map

package/dist/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../src/components/radio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAEL,2BAA2B,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAWlC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EACE,cAAc,EAAE,WAAW,EAC3B,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,EAAE,EAAE,UAAU,EACd,OAAO,GAAG,KAAK,EACf,KAAK,EACL,IAAI,GAAG,IAAI,EACX,GAAG,UAAU,EACd,EACD,YAAY,EACZ,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,EAAE,GAAG,UAAU,IAAI,WAAW,CAAC;IACrC,MAAM,WAAW,GAAG,2BAA2B,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,OAAO,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,MAAM,CAAC;IAElF,OAAO,CACL,iBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACV,aAED,gBACE,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,WAAW,CAAC,KAAK,CAAC,aAEtF,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,4BAA4B,EAC5B,eAAe,IAAI,4BAA4B,CAChD,YAED,KAAC,MAAM,IACL,MAAM,QACN,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,GAC1D,GACG,EAEP,mBACM,UAAU,EACd,GAAG,EAAE,YAAY,EACjB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,kBACJ,eAAe,IAAI,SAAS,EAC1C,SAAS,EAAC,cAAc,GACxB,EAEF,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,WAAW,CAAC,OAAO,EACnB,mDAAmD,EACnD,eAAe;4BACb,CAAC,CAAC,wCAAwC;4BAC1C,CAAC,CAAC,kFAAkF,EACtF,+FAA+F,EAC/F,wIAAwI,EACxI,WAAW,CAAC,QAAQ,EACpB,eAAe;4BACb,CAAC,CAAC,6CAA6C;4BAC/C,CAAC,CAAC,+CAA+C,CACpD,GACD,IACG,EAEN,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACvC,eAAM,SAAS,EAAC,2DAA2D,YAAE,KAAK,GAAQ,CAC3F,CAAC,CAAC,CAAC,IAAI,IACF,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/rating.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const ratingVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type RatingProps = VariantProps<typeof ratingVariants> & {
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    max?: number;
+    allowHalf?: boolean;
+    showValue?: boolean;
+    className?: string;
+    disabled?: boolean;
+};
+export declare const Rating: React.FC<RatingProps>;
+export {};
+//# sourceMappingURL=rating.d.ts.map

package/dist/components/rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../src/components/rating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,cAAc;;;8EAgBlB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+GxC,CAAC"}

package/dist/components/rating.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils.js';
+import { useControllableState } from '../lib/use-controllable-state.js';
+import { Text } from '../primitives/text.js';
+import { Ripple } from './ripple.js';
+const ratingVariants = cva('flex items-center gap-1', {
+    variants: {
+        size: {
+            sm: 'text-label-medium',
+            md: 'text-body-medium',
+            lg: 'text-body-large',
+        },
+        disabled: {
+            true: 'opacity-38 cursor-not-allowed',
+            false: 'cursor-pointer',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        disabled: false,
+    },
+});
+export const Rating = ({ value, defaultValue = 0, onValueChange, max = 5, allowHalf = false, showValue = false, className, disabled = false, size = 'md', }) => {
+    const [hoverValue, setHoverValue] = useState(null);
+    const [currentValue, setCurrentValue] = useControllableState({
+        value,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    const ratingValue = currentValue ?? defaultValue;
+    const displayValue = hoverValue ?? ratingValue;
+    const handleStarClick = (starValue) => {
+        if (disabled)
+            return;
+        setCurrentValue(starValue);
+    };
+    const handleStarMouseEnter = (starValue) => {
+        if (disabled)
+            return;
+        setHoverValue(starValue);
+    };
+    const handleStarMouseLeave = () => {
+        setHoverValue(null);
+    };
+    const getStarFill = (starIndex) => {
+        if (allowHalf) {
+            if (displayValue >= starIndex + 1)
+                return 'full';
+            if (displayValue >= starIndex + 0.5)
+                return 'half';
+            return 'empty';
+        }
+        return displayValue >= starIndex + 1 ? 'full' : 'empty';
+    };
+    return (_jsxs("div", { className: cn(ratingVariants({ size, disabled, className })), role: "radiogroup", "aria-label": `Rating: ${ratingValue} out of ${max} stars`, children: [Array.from({ length: max }, (_, index) => {
+                const fill = getStarFill(index);
+                const isSelected = ratingValue === index + 1;
+                return (_jsxs("button", { className: "rounded-icon-button hover:bg-state-hover relative overflow-hidden p-1 transition-colors", onClick: () => handleStarClick(index + 1), onMouseEnter: () => handleStarMouseEnter(index + 1), onMouseLeave: handleStarMouseLeave, disabled: disabled, role: "radio", "aria-checked": isSelected, "aria-label": `Rate ${index + 1} out of ${max} stars`, children: [_jsx(Ripple, { disabled: disabled }), _jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", className: cn('size-icon-sm relative z-10', fill === 'full' && 'text-primary', fill === 'half' && 'text-primary', fill === 'empty' && 'text-outline'), children: fill === 'half' ? (_jsxs("defs", { children: [_jsxs("linearGradient", { id: `half-gradient-${index}`, children: [_jsx("stop", { offset: "50%", stopColor: "currentColor" }), _jsx("stop", { offset: "50%", stopColor: "transparent" })] }), _jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: `url(#half-gradient-${index})`, stroke: "currentColor", strokeWidth: "1" })] })) : (_jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: fill === 'full' ? 'currentColor' : 'none', stroke: "currentColor", strokeWidth: "1" })) })] }, index));
+            }), showValue && (_jsxs(Text, { variant: "bodyMedium", className: "text-on-surface-variant ml-2", children: [ratingValue.toFixed(allowHalf ? 1 : 0), " / ", max] }))] }));
+};
+//# sourceMappingURL=rating.js.map

package/dist/components/rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.js","sourceRoot":"","sources":["../../src/components/rating.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,cAAc,GAAG,GAAG,CAAC,yBAAyB,EAAE;IACpD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,iBAAiB;SACtB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,+BAA+B;YACrC,KAAK,EAAE,gBAAgB;SACxB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAaH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,aAAa,EACb,GAAG,GAAG,CAAC,EACP,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,GACZ,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,oBAAoB,CAAS;QACnE,KAAK;QACL,YAAY;QACZ,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,YAAY,IAAI,YAAY,CAAC;IAEjD,MAAM,YAAY,GAAG,UAAU,IAAI,WAAW,CAAC;IAE/C,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC5C,IAAI,QAAQ;YAAE,OAAO;QACrB,eAAe,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE;QACjD,IAAI,QAAQ;YAAE,OAAO;QACrB,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE;QACxC,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,YAAY,IAAI,SAAS,GAAG,CAAC;gBAAE,OAAO,MAAM,CAAC;YACjD,IAAI,YAAY,IAAI,SAAS,GAAG,GAAG;gBAAE,OAAO,MAAM,CAAC;YACnD,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,OAAO,YAAY,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1D,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAC5D,IAAI,EAAC,YAAY,gBACL,WAAW,WAAW,WAAW,GAAG,QAAQ,aAEvD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gBACxC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;gBAChC,MAAM,UAAU,GAAG,WAAW,KAAK,KAAK,GAAG,CAAC,CAAC;gBAE7C,OAAO,CACL,kBAEE,SAAS,EAAC,yFAAyF,EACnG,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,GAAG,CAAC,CAAC,EACzC,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,GAAG,CAAC,CAAC,EACnD,YAAY,EAAE,oBAAoB,EAClC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,kBACE,UAAU,gBACZ,QAAQ,KAAK,GAAG,CAAC,WAAW,GAAG,QAAQ,aAEnD,KAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAC9B,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,IAAI,KAAK,MAAM,IAAI,cAAc,EACjC,IAAI,KAAK,MAAM,IAAI,cAAc,EACjC,IAAI,KAAK,OAAO,IAAI,cAAc,CACnC,YAEA,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACjB,2BACE,0BAAgB,EAAE,EAAE,iBAAiB,KAAK,EAAE,aAC1C,eAAM,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,cAAc,GAAG,EAC9C,eAAM,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,aAAa,GAAG,IAC9B,EACjB,eACE,CAAC,EAAC,8FAA8F,EAChG,IAAI,EAAE,sBAAsB,KAAK,GAAG,EACpC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACf,IACG,CACR,CAAC,CAAC,CAAC,CACF,eACE,CAAC,EAAC,8FAA8F,EAChG,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAC/C,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACf,CACH,GACG,KA3CD,KAAK,CA4CH,CACV,CAAC;YACJ,CAAC,CAAC,EAED,SAAS,IAAI,CACZ,MAAC,IAAI,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,8BAA8B,aAChE,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAK,GAAG,IAC1C,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ripple.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface RippleProps {
+    color?: string;
+    center?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const Ripple: React.FC<RippleProps>;
+export {};
+//# sourceMappingURL=ripple.d.ts.map

package/dist/components/ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../src/components/ripple.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8DxC,CAAC"}

package/dist/components/ripple.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useLayoutEffect, useCallback, useEffect } from 'react';
+import { cn } from '../lib/utils.js';
+export const Ripple = ({ center = false, disabled = false, className }) => {
+    const [ripples, setRipples] = useState([]);
+    const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
+    useEffect(() => {
+        const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+        setPrefersReducedMotion(mediaQuery.matches);
+        const handleChange = (e) => {
+            setPrefersReducedMotion(e.matches);
+        };
+        mediaQuery.addEventListener('change', handleChange);
+        return () => mediaQuery.removeEventListener('change', handleChange);
+    }, []);
+    const addRipple = useCallback((e) => {
+        if (disabled || prefersReducedMotion)
+            return;
+        const container = e.currentTarget.getBoundingClientRect();
+        const size = container.width > container.height ? container.width : container.height;
+        const x = center ? container.width / 2 : e.clientX - container.left;
+        const y = center ? container.height / 2 : e.clientY - container.top;
+        const newRipple = { x, y, size, id: Date.now() };
+        setRipples((prev) => [...prev, newRipple]);
+    }, [disabled, center, prefersReducedMotion]);
+    useLayoutEffect(() => {
+        if (ripples.length > 0) {
+            const timer = setTimeout(() => {
+                setRipples([]);
+            }, 600);
+            return () => clearTimeout(timer);
+        }
+    }, [ripples]);
+    return (_jsx("div", { className: cn('absolute inset-0 z-0 overflow-hidden rounded-[inherit]', className), onMouseDown: addRipple, children: ripples.map((ripple) => (_jsx("span", { className: "opacity-pressed animate-ripple pointer-events-none absolute rounded-full bg-current", style: {
+                top: ripple.y,
+                left: ripple.x,
+                width: ripple.size * 2,
+                height: ripple.size * 2,
+                marginTop: -ripple.size,
+                marginLeft: -ripple.size,
+            } }, ripple.id))) }));
+};
+//# sourceMappingURL=ripple.js.map

package/dist/components/ripple.js.map

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

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'vertical' | 'horizontal' | 'both';
+}
+export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CAClD;AAED,eAAO,MAAM,UAAU,wFAgBtB,CAAC"}

package/dist/components/scroll-area.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils.js';
+export const ScrollArea = React.forwardRef(({ children, className, orientation = 'vertical', tabIndex = 0, ...props }, ref) => (_jsx("div", { ...props, ref: ref, tabIndex: tabIndex, className: cn(orientation === 'vertical' && 'overflow-x-hidden overflow-y-auto', orientation === 'horizontal' && 'overflow-x-auto overflow-y-hidden', orientation === 'both' && 'overflow-auto', className), children: children })));
+ScrollArea.displayName = 'ScrollArea';
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClF,iBACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,WAAW,KAAK,UAAU,IAAI,mCAAmC,EACjE,WAAW,KAAK,YAAY,IAAI,mCAAmC,EACnE,WAAW,KAAK,MAAM,IAAI,eAAe,EACzC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/search-bar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type IconProps } from './icon.js';
+import { type FieldSize } from '../lib/field-size.js';
+export interface SearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    onTrailingIconClick?: () => void;
+    size?: FieldSize;
+    iconSize?: NonNullable<IconProps['size']>;
+}
+export declare const SearchBar: React.FC<SearchBarProps>;
+//# sourceMappingURL=search-bar.d.ts.map

package/dist/components/search-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../src/components/search-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAgBvE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC/F,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6I9C,CAAC"}