@shipfox/react-ui 0.31.1 → 0.32.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shipfox/react-ui",
   "license": "MIT",
-  "version": "0.31.1",
+  "version": "0.32.1",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,6 +27,7 @@
     "./dist/styles.css": "./dist/styles.css"
   },
   "dependencies": {
+    "@lexical/react": "^0.40.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.10",
@@ -41,16 +42,19 @@
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@remixicon/react": "^4.6.0",
+    "@swc/helpers": "^0.5.17",
     "canvas-confetti": "^1.9.4",
     "class-variance-authority": "^0.7.1",
-    "cmdk": "^1.1.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "framer-motion": "^12.23.24",
     "gsap": "^3.13.0",
+    "lexical": "^0.40.0",
     "lucide-react": "^0.575.0",
     "react-day-picker": "^9.5.1",
     "recharts": "^3.1.0",
@@ -59,9 +63,6 @@
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.2.0",
     "vaul": "^1.1.1",
-    "@swc/helpers": "^0.5.17",
-    "lexical": "^0.40.0",
-    "@lexical/react": "^0.40.0",
     "@shipfox/shipql-parser": "0.2.0"
   },
   "peerDependencies": {
@@ -100,7 +101,7 @@
     "vite": "^7.1.7",
     "vitest": "^4.0.8",
     "zod": "^4.1.12",
-    "@shipfox/biome": "1.7.0",
+    "@shipfox/biome": "1.8.0",
     "@shipfox/swc": "1.2.3",
     "@shipfox/ts-config": "1.3.5",
     "@shipfox/typescript": "1.1.2",

package/dist/components/dropdown-input/dropdown-input.d.ts

@@ -1,25 +0,0 @@
-import { Input } from '../../components/input';
-import type { ComponentProps } from 'react';
-import { type ReactNode } from 'react';
-export type DropdownInputItem<T = unknown> = {
-    id: string | number;
-    label: string;
-    value: T;
-};
-type InputBaseProps = Omit<ComponentProps<typeof Input>, 'value' | 'onChange' | 'onSelect'>;
-export type DropdownInputProps<T = unknown> = InputBaseProps & {
-    value: string;
-    onValueChange: (value: string) => void;
-    onSelect?: (item: DropdownInputItem<T>) => void;
-    items: DropdownInputItem<T>[];
-    emptyPlaceholder?: string | ReactNode;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    focusedIndex: number;
-    onFocusedIndexChange: (index: number) => void;
-    selectedItem?: DropdownInputItem<T> | null;
-    dropdownClassName?: string;
-};
-export declare function DropdownInput<T = unknown>({ value, onValueChange, onSelect, items, emptyPlaceholder, open, onOpenChange, focusedIndex, onFocusedIndexChange, selectedItem, dropdownClassName, className, ...inputProps }: DropdownInputProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=dropdown-input.d.ts.map

package/dist/components/dropdown-input/dropdown-input.js

@@ -1,188 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../components/button/index.js';
-import { Input } from '../../components/input/index.js';
-import { Popover, PopoverContent, PopoverTrigger } from '../../components/popover/index.js';
-import { useCallback, useEffect, useRef } from 'react';
-import { cn } from '../../utils/cn.js';
-export function DropdownInput({ value, onValueChange, onSelect, items = [], emptyPlaceholder, open, onOpenChange, focusedIndex, onFocusedIndexChange, selectedItem, dropdownClassName, className, ...inputProps }) {
-    const inputRef = useRef(null);
-    const blurTimeoutRef = useRef(null);
-    const popoverContentRef = useRef(null);
-    const itemRefs = useRef([]);
-    const isDisabled = Boolean(inputProps.disabled);
-    const hasResults = items.length > 0;
-    const shouldShowDropdown = open && !isDisabled;
-    const handleOpenChange = useCallback((nextOpen)=>{
-        if (isDisabled) {
-            if (!nextOpen) onOpenChange(false);
-            return;
-        }
-        onOpenChange(nextOpen);
-    }, [
-        isDisabled,
-        onOpenChange
-    ]);
-    const handleSelect = useCallback((item)=>{
-        onValueChange(item.label);
-        onSelect?.(item);
-        onOpenChange(false);
-        inputRef.current?.blur();
-    }, [
-        onValueChange,
-        onOpenChange,
-        onSelect
-    ]);
-    const handleInputChange = useCallback((e)=>{
-        onValueChange(e.target.value);
-        onFocusedIndexChange(-1);
-        if (!open && !isDisabled) {
-            onOpenChange(true);
-        }
-    }, [
-        onValueChange,
-        onFocusedIndexChange,
-        open,
-        isDisabled,
-        onOpenChange
-    ]);
-    const handleInputKeyDown = useCallback((e)=>{
-        if (!shouldShowDropdown || items.length === 0) return;
-        if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            onFocusedIndexChange(focusedIndex < items.length - 1 ? focusedIndex + 1 : 0);
-        } else if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            onFocusedIndexChange(focusedIndex > 0 ? focusedIndex - 1 : items.length - 1);
-        } else if (e.key === 'Enter' && focusedIndex >= 0) {
-            e.preventDefault();
-            const item = items[focusedIndex];
-            if (item) {
-                handleSelect(item);
-            }
-        } else if (e.key === 'Escape') {
-            e.preventDefault();
-            onOpenChange(false);
-        }
-    }, [
-        shouldShowDropdown,
-        items,
-        focusedIndex,
-        onFocusedIndexChange,
-        handleSelect,
-        onOpenChange
-    ]);
-    const handleInputBlur = useCallback(()=>{
-        if (blurTimeoutRef.current) {
-            clearTimeout(blurTimeoutRef.current);
-        }
-        blurTimeoutRef.current = setTimeout(()=>{
-            const activeElement = document.activeElement;
-            const popoverContent = activeElement?.closest('[data-radix-popper-content-wrapper]');
-            if (!popoverContent) {
-                onOpenChange(false);
-            }
-        }, 200);
-    }, [
-        onOpenChange
-    ]);
-    useEffect(()=>{
-        return ()=>{
-            if (blurTimeoutRef.current) {
-                clearTimeout(blurTimeoutRef.current);
-            }
-        };
-    }, []);
-    useEffect(()=>{
-        if (focusedIndex >= 0 && itemRefs.current[focusedIndex]) {
-            itemRefs.current[focusedIndex]?.scrollIntoView({
-                block: 'nearest'
-            });
-        }
-    }, [
-        focusedIndex
-    ]);
-    const handlePointerDownOutside = useCallback((e)=>{
-        const target = e.target;
-        if (target && popoverContentRef.current?.contains(target)) {
-            e.preventDefault();
-        }
-    }, []);
-    return /*#__PURE__*/ _jsxs(Popover, {
-        open: shouldShowDropdown,
-        onOpenChange: handleOpenChange,
-        children: [
-            /*#__PURE__*/ _jsx(PopoverTrigger, {
-                asChild: true,
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "w-full",
-                    children: /*#__PURE__*/ _jsx(Input, {
-                        ref: inputRef,
-                        value: value,
-                        onChange: handleInputChange,
-                        onKeyDown: handleInputKeyDown,
-                        onBlur: handleInputBlur,
-                        onFocus: ()=>{
-                            if (blurTimeoutRef.current) {
-                                clearTimeout(blurTimeoutRef.current);
-                                blurTimeoutRef.current = null;
-                            }
-                            if (!open && !isDisabled && value.length > 0 && hasResults) {
-                                onOpenChange(true);
-                            }
-                        },
-                        className: className,
-                        ...inputProps
-                    })
-                })
-            }),
-            /*#__PURE__*/ _jsx(PopoverContent, {
-                align: "start",
-                sideOffset: 8,
-                className: cn('w-(--radix-popover-trigger-width) rounded-8 bg-background-components-base p-4 shadow-tooltip', dropdownClassName),
-                onOpenAutoFocus: (e)=>e.preventDefault(),
-                onPointerDownOutside: handlePointerDownOutside,
-                onInteractOutside: handlePointerDownOutside,
-                children: /*#__PURE__*/ _jsx("div", {
-                    ref: popoverContentRef,
-                    className: "max-h-200 overflow-y-auto overscroll-contain scrollbar",
-                    onWheel: (e)=>e.stopPropagation(),
-                    onTouchStart: (e)=>e.stopPropagation(),
-                    onTouchMove: (e)=>e.stopPropagation(),
-                    children: hasResults ? /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-col gap-4 p-4",
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                className: "p-4 text-xs leading-20 text-foreground-neutral-muted",
-                                children: "Select a repository"
-                            }),
-                            items.map((item, index)=>{
-                                const isSelected = selectedItem?.id === item.id;
-                                const isFocused = focusedIndex === index;
-                                return /*#__PURE__*/ _jsx(Button, {
-                                    type: "button",
-                                    variant: "transparent",
-                                    ref: (el)=>{
-                                        itemRefs.current[index] = el;
-                                    },
-                                    onClick: ()=>handleSelect(item),
-                                    onMouseDown: (e)=>e.preventDefault(),
-                                    onMouseEnter: ()=>onFocusedIndexChange(index),
-                                    className: cn('!px-8 w-full text-left text-foreground-neutral-subtle', (isSelected || isFocused) && 'bg-background-components-hover text-foreground-neutral-base'),
-                                    children: /*#__PURE__*/ _jsx("span", {
-                                        className: "flex-1 truncate",
-                                        children: item.label
-                                    })
-                                }, item.id);
-                            })
-                        ]
-                    }) : /*#__PURE__*/ _jsx("div", {
-                        className: "p-4 text-xs leading-20 text-foreground-neutral-muted",
-                        children: emptyPlaceholder ? emptyPlaceholder : null
-                    })
-                })
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=dropdown-input.js.map

package/dist/components/dropdown-input/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dropdown-input';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/dropdown-input/index.js

@@ -1,3 +0,0 @@
-export * from './dropdown-input.js';
-
-//# sourceMappingURL=index.js.map