@moldable-ai/ui 0.2.19 → 0.2.21

package/dist/components/ui/message-scroller-primitive.js

@@ -0,0 +1,226 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { MessageScrollerController, } from './message-scroller-controller';
+/**
+ * The transcript scroller primitive, owned in-repo. Drop-in compatible with
+ * the `@shadcn/react/message-scroller` surface it replaces, but built around
+ * a single scroll-ownership policy (`message-scroller-policy.ts`) shared in
+ * design with the iOS transcript. See that module for the rules; the React
+ * layer here only wires DOM events and observers to the controller.
+ */
+const SCROLL_KEYS = new Set([
+    'ArrowDown',
+    'ArrowUp',
+    'End',
+    'Home',
+    'PageDown',
+    'PageUp',
+    ' ',
+]);
+const ControllerContext = React.createContext(null);
+const RegisterMessageContext = React.createContext(null);
+function useController() {
+    const controller = React.useContext(ControllerContext);
+    if (!controller) {
+        throw new Error('useMessageScroller must be used within a MessageScroller.');
+    }
+    return controller;
+}
+function MessageScrollerProvider({ autoScroll = false, children, defaultScrollPosition = 'end', scrollEdgeThreshold = 8, scrollPreviousItemPeek = 64, scrollMargin = 0, }) {
+    const options = {
+        autoScroll,
+        defaultScrollPosition,
+        scrollEdgeThreshold,
+        scrollPreviousItemPeek,
+        scrollMargin,
+    };
+    const controllerRef = React.useRef(null);
+    controllerRef.current ??= new MessageScrollerController(options);
+    const controller = controllerRef.current;
+    const previousDefaultPosition = React.useRef(defaultScrollPosition);
+    if (previousDefaultPosition.current !== defaultScrollPosition) {
+        previousDefaultPosition.current = defaultScrollPosition;
+        controller.resetDefaultPosition();
+    }
+    controller.updateOptions(options);
+    React.useEffect(() => () => controller.destroy(), [controller]);
+    const registerMessage = React.useCallback((messageId, element, previous) => controller.registerMessage(messageId, element, previous), [controller]);
+    return (_jsx(ControllerContext.Provider, { value: controller, children: _jsx(RegisterMessageContext.Provider, { value: registerMessage, children: children }) }));
+}
+function MessageScrollerRoot({ children, ...props }) {
+    const controller = useController();
+    const setRoot = React.useCallback((element) => controller.setRoot(element), [controller]);
+    return (_jsx("div", { ref: setRoot, ...props, children: children }));
+}
+function MessageScrollerViewport({ 'aria-label': ariaLabel, children, onKeyDown, onScroll, onTouchMove, onWheel, preserveScrollOnPrepend = true, ref, role, tabIndex, ...props }) {
+    const controller = useController();
+    controller.preserveScrollOnPrepend = preserveScrollOnPrepend;
+    const setViewport = React.useCallback((element) => {
+        controller.setViewport(element);
+        if (typeof ref === 'function')
+            ref(element);
+        else if (ref)
+            ref.current = element;
+    }, [controller, ref]);
+    React.useEffect(() => {
+        const viewport = controller.viewportElement;
+        if (!viewport || typeof ResizeObserver === 'undefined')
+            return;
+        let frame = 0;
+        const observer = new ResizeObserver(() => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => controller.handleResize());
+        });
+        observer.observe(viewport);
+        return () => {
+            cancelAnimationFrame(frame);
+            observer.disconnect();
+        };
+    }, [controller]);
+    return (_jsx("div", { ref: setViewport, role: role ?? 'region', "aria-label": ariaLabel ?? 'Messages', tabIndex: tabIndex ?? 0, onScroll: (event) => {
+            controller.handleScroll();
+            onScroll?.(event);
+        }, onWheel: (event) => {
+            controller.handleWheel(event.deltaY);
+            onWheel?.(event);
+        }, onTouchMove: (event) => {
+            controller.handleTouchMove();
+            onTouchMove?.(event);
+        }, onKeyDown: (event) => {
+            if (SCROLL_KEYS.has(event.key))
+                controller.handleScrollKey();
+            onKeyDown?.(event);
+        }, ...props, children: children }));
+}
+function MessageScrollerContent({ 'aria-relevant': ariaRelevant, children, ref, role, spacerClassName, ...props }) {
+    const controller = useController();
+    const contentRef = React.useRef(null);
+    const setContent = React.useCallback((element) => {
+        contentRef.current = element;
+        controller.setContent(element);
+        if (typeof ref === 'function')
+            ref(element);
+        else if (ref)
+            ref.current = element;
+    }, [controller, ref]);
+    const setSpacer = React.useCallback((element) => controller.setSpacer(element), [controller]);
+    React.useLayoutEffect(() => {
+        const content = contentRef.current;
+        if (!content)
+            return;
+        controller.handleContentMutation();
+        if (typeof MutationObserver === 'undefined')
+            return;
+        const observer = new MutationObserver(() => controller.handleContentMutation());
+        observer.observe(content, { childList: true });
+        return () => observer.disconnect();
+    }, [controller]);
+    React.useEffect(() => {
+        const content = contentRef.current;
+        if (!content || typeof ResizeObserver === 'undefined')
+            return;
+        let frame = 0;
+        const observer = new ResizeObserver(() => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(() => controller.handleResize());
+        });
+        observer.observe(content);
+        return () => {
+            cancelAnimationFrame(frame);
+            observer.disconnect();
+        };
+    }, [controller]);
+    return (_jsxs("div", { ref: setContent, role: role ?? 'log', "aria-relevant": ariaRelevant ?? 'additions', ...props, children: [children, _jsx("div", { ref: setSpacer, "aria-hidden": "true", "data-message-scroller-spacer": "", hidden: true, className: spacerClassName })] }));
+}
+function MessageScrollerItem({ messageId, ref, scrollAnchor = false, ...props }) {
+    const registerMessage = React.useContext(RegisterMessageContext);
+    if (!registerMessage) {
+        throw new Error('MessageScrollerItem must be used within a MessageScroller.');
+    }
+    const elementRef = React.useRef(null);
+    const setElement = React.useCallback((element) => {
+        const previous = elementRef.current;
+        elementRef.current = element;
+        if (messageId)
+            registerMessage(messageId, element, previous);
+        if (typeof ref === 'function')
+            ref(element);
+        else if (ref)
+            ref.current = element;
+    }, [messageId, ref, registerMessage]);
+    return (_jsx("div", { ref: setElement, "data-message-id": messageId, "data-scroll-anchor": scrollAnchor ? 'true' : 'false', ...props }));
+}
+function MessageScrollerButton({ behavior = 'smooth', children, className, direction = 'end', onClick, render, tabIndex, type = 'button', ...props }) {
+    const controller = useController();
+    const store = controller.scrollableStore;
+    const subscribe = React.useCallback((listener) => store.subscribe(listener), [store]);
+    const getActive = React.useCallback(() => {
+        const snapshot = store.getSnapshot();
+        return direction === 'start' ? snapshot.start : snapshot.end;
+    }, [direction, store]);
+    const active = React.useSyncExternalStore(subscribe, getActive, getActive);
+    const handleClick = (event) => {
+        if (!active)
+            return;
+        onClick?.(event);
+        if (event.defaultPrevented)
+            return;
+        event.currentTarget.blur();
+        if (direction === 'start')
+            controller.scrollToStart({ behavior });
+        else
+            controller.scrollToEnd({ behavior });
+    };
+    const mergedProps = {
+        type,
+        className,
+        inert: active ? undefined : true,
+        tabIndex: active ? tabIndex : -1,
+        'data-active': active ? 'true' : 'false',
+        onClick: handleClick,
+        children: children ?? _jsxs("span", { children: ["Scroll to ", direction] }),
+        ...props,
+    };
+    const state = { active, direction };
+    if (!render)
+        return React.createElement('button', mergedProps);
+    if (typeof render === 'function')
+        return render(mergedProps, state);
+    if (!React.isValidElement(render))
+        return null;
+    const renderProps = render.props;
+    return React.cloneElement(render, {
+        ...mergedProps,
+        className: [renderProps.className, className].filter(Boolean).join(' '),
+        children,
+    });
+}
+function useMessageScroller() {
+    const controller = useController();
+    return React.useMemo(() => ({
+        scrollToEnd: controller.scrollToEnd,
+        scrollToMessage: controller.scrollToMessage,
+        scrollToStart: controller.scrollToStart,
+    }), [controller]);
+}
+function useMessageScrollerScrollable() {
+    const store = useController().scrollableStore;
+    const subscribe = React.useCallback((listener) => store.subscribe(listener), [store]);
+    return React.useSyncExternalStore(subscribe, store.getSnapshot, store.getSnapshot);
+}
+function useMessageScrollerVisibility() {
+    const controller = useController();
+    const store = controller.visibilityStore;
+    const subscribe = React.useCallback((listener) => store.subscribe(listener, () => controller.observeVisibility(), () => controller.unobserveVisibility()), [controller, store]);
+    return React.useSyncExternalStore(subscribe, store.getSnapshot, store.getSnapshot);
+}
+const MessageScroller = {
+    Provider: MessageScrollerProvider,
+    Root: MessageScrollerRoot,
+    Viewport: MessageScrollerViewport,
+    Content: MessageScrollerContent,
+    Item: MessageScrollerItem,
+    Button: MessageScrollerButton,
+};
+export { MessageScroller, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };

package/dist/components/ui/message-scroller.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Button } from './button';
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from './message-scroller-primitive';
+declare function MessageScrollerProvider(props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function MessageScroller({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function MessageScrollerViewport({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function MessageScrollerContent({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function MessageScrollerItem({ className, scrollAnchor, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function MessageScrollerButton({ direction, className, children, render, variant, size, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Button> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>): import("react/jsx-runtime").JSX.Element;
+export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };
+//# sourceMappingURL=message-scroller.d.ts.map

package/dist/components/ui/message-scroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller.d.ts","sourceRoot":"","sources":["../../../src/components/ui/message-scroller.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EACL,eAAe,IAAI,wBAAwB,EAC3C,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,8BAA8B,CAAA;AAErC,iBAAS,uBAAuB,CAC9B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,QAAQ,CAAC,2CAGtE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,2CAW5D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,QAAQ,CAAC,2CAWhE;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,OAAO,CAAC,2CAQ/D;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,2CAY5D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAiB,EACjB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAqB,EACrB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,MAAM,CAAC,GAC7D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,2CAyB9D;AAED,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,4BAA4B,GAC7B,CAAA"}

package/dist/components/ui/message-scroller.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDown } from 'lucide-react';
+import { cn } from '../../lib/utils';
+import { Button } from './button';
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, } from './message-scroller-primitive';
+function MessageScrollerProvider(props) {
+    return _jsx(MessageScrollerPrimitive.Provider, { ...props });
+}
+function MessageScroller({ className, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Root, { "data-slot": "message-scroller", className: cn('group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden', className), ...props }));
+}
+function MessageScrollerViewport({ className, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Viewport, { "data-slot": "message-scroller-viewport", className: cn('message-scroller-viewport size-full min-h-0 min-w-0 overflow-y-auto overscroll-contain [contain:content] [scrollbar-gutter:stable]', className), ...props }));
+}
+function MessageScrollerContent({ className, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Content, { "data-slot": "message-scroller-content", className: cn('flex h-max min-h-full flex-col', className), ...props }));
+}
+function MessageScrollerItem({ className, scrollAnchor = false, ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Item, { "data-slot": "message-scroller-item", scrollAnchor: scrollAnchor, className: cn('min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]', className), ...props }));
+}
+function MessageScrollerButton({ direction = 'end', className, children, render, variant = 'secondary', size = 'icon-sm', ...props }) {
+    return (_jsx(MessageScrollerPrimitive.Button, { "data-slot": "message-scroller-button", "data-direction": direction, "data-variant": variant, "data-size": size, direction: direction, className: cn('border-border bg-background text-foreground hover:bg-muted hover:text-foreground absolute left-1/2 -translate-x-1/2 cursor-pointer transition-[translate,scale,opacity] duration-200 data-[active=false]:pointer-events-none data-[direction=end]:bottom-4 data-[direction=start]:top-4 data-[active=true]:translate-y-0 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:data-[active=false]:-translate-y-full data-[active=false]:scale-95 data-[active=true]:scale-100 data-[active=false]:opacity-0 data-[active=true]:opacity-100 data-[direction=start]:[&_svg]:rotate-180', className), render: render ?? _jsx(Button, { variant: variant, size: size }), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(ArrowDown, {}), _jsx("span", { className: "sr-only", children: direction === 'end' ? 'Scroll to end' : 'Scroll to start' })] })) }));
+}
+export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };

package/dist/components/ui/navigation-button-group.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ButtonGroup } from './button-group';
+import { type IconButtonProps, type IconButtonSize } from './icon-button';
+export interface NavigationButtonGroupProps extends Omit<React.ComponentProps<typeof ButtonGroup>, 'children' | 'orientation'> {
+    canGoBack?: boolean;
+    canGoForward?: boolean;
+    onBack: () => void;
+    onForward: () => void;
+    backLabel?: string;
+    forwardLabel?: string;
+    size?: IconButtonSize;
+    variant?: Extract<IconButtonProps['variant'], 'ghost' | 'outline'>;
+}
+declare function NavigationButtonGroup({ canGoBack, canGoForward, onBack, onForward, backLabel, forwardLabel, size, variant, 'aria-label': ariaLabel, ...props }: NavigationButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export { NavigationButtonGroup };
+//# sourceMappingURL=navigation-button-group.d.ts.map

package/dist/components/ui/navigation-button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-button-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-button-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAEtB,MAAM,WAAW,0BACf,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,UAAU,GAAG,aAAa,CAC3B;IACD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAA;CACnE;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAgB,EAChB,YAAmB,EACnB,MAAM,EACN,SAAS,EACT,SAAqB,EACrB,YAA2B,EAC3B,IAAW,EACX,OAAiB,EACjB,YAAY,EAAE,SAAwB,EACtC,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAyB5B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/components/ui/navigation-button-group.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+import { ButtonGroup } from './button-group';
+import { IconButton, } from './icon-button';
+function NavigationButtonGroup({ canGoBack = true, canGoForward = true, onBack, onForward, backLabel = 'Go back', forwardLabel = 'Go forward', size = 'sm', variant = 'ghost', 'aria-label': ariaLabel = 'Navigation', ...props }) {
+    return (_jsxs(ButtonGroup, { "aria-label": ariaLabel, orientation: "horizontal", ...props, children: [_jsx(IconButton, { label: backLabel, tooltip: true, size: size, variant: variant, disabled: !canGoBack, onClick: onBack, children: _jsx(ChevronLeftIcon, {}) }), _jsx(IconButton, { label: forwardLabel, tooltip: true, size: size, variant: variant, disabled: !canGoForward, onClick: onForward, children: _jsx(ChevronRightIcon, {}) })] }));
+}
+export { NavigationButtonGroup };

package/dist/components/ui/notification-dot.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function NotificationDot({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { NotificationDot };
+//# sourceMappingURL=notification-dot.d.ts.map

package/dist/components/ui/notification-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-dot.d.ts","sourceRoot":"","sources":["../../../src/components/ui/notification-dot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAY9B;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/ui/notification-dot.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+function NotificationDot({ className, ...props }) {
+    return (_jsx("span", { "aria-hidden": "true", "data-slot": "notification-dot", className: cn('bg-primary inline-block size-1.5 shrink-0 rounded-full', className), ...props }));
+}
+export { NotificationDot };

package/dist/components/ui/number-input.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const numberInputVariants: (props?: ({
+    variant?: "default" | "filled" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface NumberInputProps extends Omit<React.ComponentProps<'input'>, 'defaultValue' | 'onChange' | 'size' | 'type' | 'value'>, VariantProps<typeof numberInputVariants> {
+    value?: number | null;
+    defaultValue?: number;
+    onValueChange?: (value: number | null) => void;
+    unit?: React.ReactNode;
+    steppers?: boolean;
+}
+declare function NumberInput({ className, value, defaultValue, onValueChange, unit, steppers, variant, size, min, max, step, disabled, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export { NumberInput, numberInputVariants };
+//# sourceMappingURL=number-input.d.ts.map

package/dist/components/ui/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/number-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,mBAAmB;;;8EAmBxB,CAAA;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7B,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACxD,EACD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,QAAe,EACf,OAAO,EACP,IAAI,EACJ,GAAG,EACH,GAAG,EACH,IAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAmGlB;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/ui/number-input.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+import { Button } from './button';
+import { cva } from 'class-variance-authority';
+const numberInputVariants = cva('border-input bg-transparent focus-within:border-ring focus-within:ring-ring/50 flex items-stretch overflow-hidden rounded-md border shadow-xs transition-[color,box-shadow] focus-within:ring-[3px] has-[[aria-invalid=true]]:border-destructive has-[[aria-invalid=true]]:ring-destructive/20', {
+    variants: {
+        variant: {
+            default: 'bg-background',
+            filled: 'bg-muted/60 border-transparent shadow-none',
+        },
+        size: {
+            sm: 'h-8',
+            default: 'h-9',
+            lg: 'h-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+function NumberInput({ className, value, defaultValue, onValueChange, unit, steppers = true, variant, size, min, max, step = 1, disabled, ...props }) {
+    const controlled = value !== undefined;
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
+    const currentValue = controlled ? value : internalValue;
+    const commitValue = React.useCallback((nextValue) => {
+        if (!controlled)
+            setInternalValue(nextValue);
+        onValueChange?.(nextValue);
+    }, [controlled, onValueChange]);
+    const changeByStep = React.useCallback((direction) => {
+        const numericStep = typeof step === 'number' ? step : Number(step);
+        const safeStep = Number.isFinite(numericStep) ? numericStep : 1;
+        const baseValue = currentValue ?? 0;
+        let nextValue = baseValue + safeStep * direction;
+        const numericMin = min === undefined ? undefined : Number(min);
+        const numericMax = max === undefined ? undefined : Number(max);
+        if (numericMin !== undefined && Number.isFinite(numericMin)) {
+            nextValue = Math.max(numericMin, nextValue);
+        }
+        if (numericMax !== undefined && Number.isFinite(numericMax)) {
+            nextValue = Math.min(numericMax, nextValue);
+        }
+        commitValue(nextValue);
+    }, [commitValue, currentValue, max, min, step]);
+    return (_jsxs("div", { "data-slot": "number-input", "data-size": size ?? 'default', "data-variant": variant ?? 'default', className: cn(numberInputVariants({ variant, size }), className), children: [_jsx("input", { "data-slot": "number-input-field", type: "number", value: currentValue ?? '', min: min, max: max, step: step, disabled: disabled, className: "placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent px-3 text-sm outline-none disabled:cursor-not-allowed", onChange: (event) => {
+                    const nextValue = event.currentTarget.value === ''
+                        ? null
+                        : event.currentTarget.valueAsNumber;
+                    commitValue(Number.isNaN(nextValue) ? null : nextValue);
+                }, ...props }), unit ? (_jsx("span", { "data-slot": "number-input-unit", className: "text-muted-foreground flex shrink-0 items-center pr-2 text-xs", children: unit })) : null, steppers ? (_jsxs("span", { "data-slot": "number-input-steppers", className: "border-border/70 flex w-6 shrink-0 flex-col border-l", children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", disabled: disabled, "aria-label": "Increase value", className: "h-1/2 min-h-0 w-full rounded-none border-b", onClick: () => changeByStep(1), children: _jsx(ChevronUpIcon, {}) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", disabled: disabled, "aria-label": "Decrease value", className: "h-1/2 min-h-0 w-full rounded-none", onClick: () => changeByStep(-1), children: _jsx(ChevronDownIcon, {}) })] })) : null] }));
+}
+export { NumberInput, numberInputVariants };

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const panelVariants: (props?: ({
+    surface?: "default" | "transparent" | "muted" | "sidebar" | null | undefined;
+    border?: "all" | "none" | "inline" | "block" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface PanelGroupProps extends React.ComponentProps<'div'> {
+    orientation?: 'horizontal' | 'vertical';
+}
+declare function PanelGroup({ orientation, className, ...props }: PanelGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface PanelProps extends React.ComponentProps<'section'>, VariantProps<typeof panelVariants> {
+}
+declare function Panel({ surface, border, className, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;
+declare function PanelHeader({ className, ...props }: React.ComponentProps<'header'>): import("react/jsx-runtime").JSX.Element;
+declare function PanelContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function PanelFooter({ className, ...props }: React.ComponentProps<'footer'>): import("react/jsx-runtime").JSX.Element;
+export { Panel, PanelContent, PanelFooter, PanelGroup, PanelHeader, panelVariants, };
+//# sourceMappingURL=panel.d.ts.map

package/dist/components/ui/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,aAAa;;;8EAmBjB,CAAA;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAClE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,iBAAS,UAAU,CAAC,EAClB,WAA0B,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAajB;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EACrC,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CASlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAW3E;AAED,OAAO,EACL,KAAK,EACL,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/components/ui/panel.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { cva } from 'class-variance-authority';
+const panelVariants = cva('flex min-h-0 min-w-0 flex-col overflow-hidden', {
+    variants: {
+        surface: {
+            default: 'bg-background text-foreground',
+            muted: 'bg-muted/35 text-foreground',
+            sidebar: 'bg-sidebar text-sidebar-foreground',
+            transparent: 'bg-transparent text-foreground',
+        },
+        border: {
+            none: '',
+            all: 'border-border/70 border',
+            inline: 'border-border/70 border-x',
+            block: 'border-border/70 border-y',
+        },
+    },
+    defaultVariants: {
+        surface: 'default',
+        border: 'none',
+    },
+});
+function PanelGroup({ orientation = 'horizontal', className, ...props }) {
+    return (_jsx("div", { "data-slot": "panel-group", "data-orientation": orientation, className: cn('flex h-full min-h-0 min-w-0 flex-1 overflow-hidden', orientation === 'vertical' && 'flex-col', className), ...props }));
+}
+function Panel({ surface, border, className, ...props }) {
+    return (_jsx("section", { "data-slot": "panel", "data-surface": surface ?? 'default', className: cn(panelVariants({ surface, border }), className), ...props }));
+}
+function PanelHeader({ className, ...props }) {
+    return (_jsx("header", { "data-slot": "panel-header", className: cn('border-border/70 flex min-h-9 shrink-0 items-center gap-2 border-b px-3 py-1.5', className), ...props }));
+}
+function PanelContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "panel-content", className: cn('min-h-0 min-w-0 flex-1 overflow-auto', className), ...props }));
+}
+function PanelFooter({ className, ...props }) {
+    return (_jsx("footer", { "data-slot": "panel-footer", className: cn('border-border/70 flex shrink-0 items-center gap-2 border-t px-3 py-2', className), ...props }));
+}
+export { Panel, PanelContent, PanelFooter, PanelGroup, PanelHeader, panelVariants, };

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

@@ -1,11 +1,18 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React from 'react';
+import { type MaterialVariant } from './material';
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverPortal({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverClose({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, material, sideOffset, size, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
+    material?: MaterialVariant;
+    size?: 'content' | 'sm' | 'default' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTitle({ className, ...props }: React.ComponentProps<'h2'>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };
+declare function PopoverArrow({ className, ...props }: React.ComponentProps<typeof PopoverPrimitive.Arrow>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverHeader, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, };
 //# sourceMappingURL=popover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQxE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ3B;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,YAAY,CAAA;AAE3D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAErD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,QAAoB,EACpB,UAAc,EACd,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACzD,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC3C,2CAsBA;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQxE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ3B;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQrD;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,GACf,CAAA"}

package/dist/components/ui/popover.js

@@ -2,14 +2,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { cn } from '../../lib/utils';
+import { Material } from './material';
 function Popover({ ...props }) {
     return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
     return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
-function PopoverContent({ className, align = 'center', sideOffset = 4, ...props }) {
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-popover-content-transform-origin) outline-hidden z-50 w-72 rounded-md border p-4 shadow-md', className), ...props }) }));
+function PopoverPortal({ ...props }) {
+    return _jsx(PopoverPrimitive.Portal, { "data-slot": "popover-portal", ...props });
+}
+function PopoverClose({ ...props }) {
+    return _jsx(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
+}
+function PopoverContent({ className, align = 'center', material = 'regular', sideOffset = 4, size = 'default', ...props }) {
+    return (_jsx(PopoverPortal, { children: _jsx(Material, { variant: material, elevation: "overlay", asChild: true, children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", "data-size": size, align: align, sideOffset: sideOffset, className: cn('text-popover-foreground outline-hidden z-50 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] overflow-y-auto overscroll-contain p-[var(--density-pane-padding)]', 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', 'origin-(--radix-popover-content-transform-origin) duration-[var(--motion-duration-normal)]', 'data-[size=content]:w-fit data-[size=default]:w-72 data-[size=lg]:w-96 data-[size=sm]:w-56', className), ...props }) }) }));
 }
 function PopoverAnchor({ ...props }) {
     return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
@@ -18,9 +25,12 @@ function PopoverHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "popover-header", className: cn('flex flex-col gap-1 text-sm', className), ...props }));
 }
 function PopoverTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "popover-title", className: cn('font-medium', className), ...props }));
+    return (_jsx("h2", { "data-slot": "popover-title", className: cn('font-medium', className), ...props }));
 }
 function PopoverDescription({ className, ...props }) {
     return (_jsx("p", { "data-slot": "popover-description", className: cn('text-muted-foreground', className), ...props }));
 }
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };
+function PopoverArrow({ className, ...props }) {
+    return (_jsx(PopoverPrimitive.Arrow, { "data-slot": "popover-arrow", className: cn('fill-surface-overlay', className), ...props }));
+}
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverHeader, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, };

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

@@ -1,6 +1,12 @@
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaScrollbars = 'vertical' | 'horizontal' | 'both' | 'none';
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    scrollbars?: ScrollAreaScrollbars;
+    safeBottom?: boolean;
+    viewportClassName?: string;
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
-export { ScrollArea, ScrollBar };
+export { ScrollArea, ScrollBar, type ScrollAreaProps, type ScrollAreaScrollbars, };
 //# sourceMappingURL=scroll-area.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,UAAU,+JAqBd,CAAA;AAGF,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,oBAAoB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvE,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,QAAA,MAAM,UAAU,wFA8Cf,CAAA;AAGD,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,eAAe,EACpB,KAAK,oBAAoB,GAC1B,CAAA"}

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

@@ -3,8 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
 import { cn } from '../../lib/utils';
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/50 size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+const ScrollArea = React.forwardRef(({ className, children, safeBottom = false, scrollbars = 'vertical', viewportClassName, ...props }, ref) => {
+    const hasVertical = scrollbars === 'vertical' || scrollbars === 'both';
+    const hasHorizontal = scrollbars === 'horizontal' || scrollbars === 'both';
+    return (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, "data-slot": "scroll-area", "data-scrollbars": scrollbars, className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", "data-safe-bottom": safeBottom || undefined, className: cn('focus-visible:ring-ring/50 size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px]', safeBottom &&
+                    'pb-[calc(var(--chat-safe-padding,0px)+var(--density-pane-padding))]', viewportClassName), children: children }), hasVertical ? _jsx(ScrollBar, { orientation: "vertical" }) : null, hasHorizontal ? _jsx(ScrollBar, { orientation: "horizontal" }) : null, hasVertical && hasHorizontal ? (_jsx(ScrollAreaPrimitive.Corner, { "data-slot": "scroll-area-corner" })) : null] }));
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 function ScrollBar({ className, orientation = 'vertical', ...props }) {
@@ -12,4 +15,4 @@ function ScrollBar({ className, orientation = 'vertical', ...props }) {
             'h-full w-2.5 border-l border-l-transparent', orientation === 'horizontal' &&
             'h-2.5 flex-col border-t border-t-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
 }
-export { ScrollArea, ScrollBar };
+export { ScrollArea, ScrollBar, };

package/dist/components/ui/search-field.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const searchFieldVariants: (props?: ({
+    variant?: "default" | "filled" | null | undefined;
+    density?: "compact" | "default" | "comfortable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SearchFieldProps extends Omit<React.ComponentProps<'input'>, 'defaultValue' | 'size' | 'type' | 'value'>, VariantProps<typeof searchFieldVariants> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onClear?: () => void;
+    clearable?: boolean;
+    clearLabel?: string;
+    loading?: boolean;
+    inputClassName?: string;
+}
+declare function SearchField({ className, inputClassName, value, defaultValue, onChange, onValueChange, onClear, onKeyDown, clearable, clearLabel, loading, variant, density, disabled, readOnly, ref, ...props }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
+export { SearchField, searchFieldVariants, type SearchFieldProps };
+//# sourceMappingURL=search-field.d.ts.map

package/dist/components/ui/search-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/search-field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,mBAAmB;;;8EAmBxB,CAAA;AAED,UAAU,gBACR,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7B,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAC3C,EACD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,cAAc,EACd,KAAK,EACL,YAAiB,EACjB,QAAQ,EACR,aAAa,EACb,OAAO,EACP,SAAS,EACT,SAAgB,EAChB,UAA2B,EAC3B,OAAe,EACf,OAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAmGlB;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,CAAA"}