@shipfox/react-ui 0.32.0 → 0.32.1

package/dist/components/alert/alert.d.ts

@@ -23,6 +23,6 @@ declare function AlertDescription({ className, ...props }: ComponentProps<'div'>
 declare function AlertActions({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function AlertAction({ className, ...props }: ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
 declare function AlertClose({ className, variant: variantProp, onClick, ...props }: ComponentProps<'button'> & VariantProps<typeof closeIconVariants>): import("react/jsx-runtime").JSX.Element;
-export { Alert, AlertContent, AlertTitle, AlertDescription, AlertActions, AlertAction, AlertClose, alertDefaultTransition, };
 export type { AlertProps };
+export { Alert, AlertAction, AlertActions, AlertClose, AlertContent, AlertDescription, AlertTitle, alertDefaultTransition, };
 //# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/alert.js

@@ -218,6 +218,6 @@ function AlertClose({ className, variant: variantProp, onClick, ...props }) {
         })
     });
 }
-export { Alert, AlertContent, AlertTitle, AlertDescription, AlertActions, AlertAction, AlertClose, alertDefaultTransition };
+export { Alert, AlertAction, AlertActions, AlertClose, AlertContent, AlertDescription, AlertTitle, alertDefaultTransition };
 
 //# sourceMappingURL=alert.js.map

package/dist/components/avatar/avatar.d.ts

@@ -20,5 +20,5 @@ export type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root> & VariantP
     logoClassName?: string;
 };
 export declare function Avatar({ className, radius, size, content, src, alt, fallback, animateOnHover, logoName, logoClassName, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
-export { AvatarRoot, AvatarImage, AvatarFallback };
+export { AvatarFallback, AvatarImage, AvatarRoot };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.js

@@ -160,6 +160,6 @@ export function Avatar({ className, radius, size = 'md', content = 'letters', sr
         children: renderContent()
     });
 }
-export { AvatarRoot, AvatarImage, AvatarFallback };
+export { AvatarFallback, AvatarImage, AvatarRoot };
 
 //# sourceMappingURL=avatar.js.map

package/dist/components/command/command.d.ts

@@ -24,6 +24,6 @@ declare function CommandGroup({ className, ...props }: ComponentProps<typeof Com
 declare function CommandSeparator({ className, ...props }: ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
 declare function CommandItem({ className, ...props }: ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function CommandShortcut({ className, children, ...props }: ComponentProps<typeof Kbd>): import("react/jsx-runtime").JSX.Element;
-export { Command, CommandTrigger, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, commandTriggerVariants, };
-export type { CommandTriggerProps, CommandInputProps };
+export type { CommandInputProps, CommandTriggerProps };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommandTrigger, commandTriggerVariants, };
 //# sourceMappingURL=command.d.ts.map

package/dist/components/command/command.js

@@ -189,6 +189,6 @@ function CommandShortcut({ className, children, ...props }) {
         children: children
     });
 }
-export { Command, CommandTrigger, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, commandTriggerVariants };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommandTrigger, commandTriggerVariants };
 
 //# sourceMappingURL=command.js.map

package/dist/components/dashboard/components/charts/bar-chart.js

@@ -46,6 +46,10 @@ export function BarChart({ data, bars, height = 200, xAxis, yAxis, grid, tooltip
                             /*#__PURE__*/ _jsx(ResponsiveContainer, {
                                 width: "100%",
                                 height: "100%",
+                                initialDimension: {
+                                    width: 320,
+                                    height: 200
+                                },
                                 children: /*#__PURE__*/ _jsxs(RechartsBarChart, {
                                     data: isEmpty ? [] : data,
                                     margin: {

package/dist/components/dashboard/components/charts/chart-tooltip.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../../../components/typography/index.js';
 import { cn } from '../../../../utils/cn.js';
 export function ChartTooltipContent({ active, label, payload, hoveredDataKey, labelFormatter }) {
-    const isVisible = active && payload && payload.length;
+    const isVisible = active && payload?.length;
     if (!isVisible) return null;
     return /*#__PURE__*/ _jsxs("div", {
         className: "flex flex-col gap-4 rounded-8 p-12 bg-background-neutral-overlay border border-border-neutral-base shadow-lg",

package/dist/components/dashboard/components/charts/line-chart.js

@@ -41,6 +41,10 @@ export function LineChart({ data, lines, height = 200, xAxis, yAxis, grid, toolt
                             /*#__PURE__*/ _jsx(ResponsiveContainer, {
                                 width: "100%",
                                 height: "100%",
+                                initialDimension: {
+                                    width: 320,
+                                    height: 200
+                                },
                                 children: /*#__PURE__*/ _jsxs(RechartsLineChart, {
                                     data: isEmpty ? [] : data,
                                     margin: {

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

@@ -53,6 +53,6 @@ type DropdownMenuSubTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.S
 };
 declare function DropdownMenuSubTrigger({ className, inset, icon, children, ...props }: DropdownMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, dropdownMenuContentVariants, dropdownMenuItemVariants, dropdownMenuLabelVariants, };
-export type { DropdownMenuContentProps, DropdownMenuLabelProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps, DropdownMenuSubTriggerProps, DropdownMenuShortcutProps, };
+export type { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuRadioItemProps, DropdownMenuShortcutProps, DropdownMenuSubTriggerProps, };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuContentVariants, dropdownMenuItemVariants, dropdownMenuLabelVariants, };
 //# sourceMappingURL=dropdown-menu.d.ts.map

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

@@ -275,6 +275,6 @@ function DropdownMenuSubContent({ className, ...props }) {
         ...props
     });
 }
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, dropdownMenuContentVariants, dropdownMenuItemVariants, dropdownMenuLabelVariants };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuContentVariants, dropdownMenuItemVariants, dropdownMenuLabelVariants };
 
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/components/form/form.d.ts

@@ -7,5 +7,5 @@ declare const FormLabel: React.ForwardRefExoticComponent<Omit<import("@radix-ui/
 declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 declare const FormDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const FormMessage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage };
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage };
 //# sourceMappingURL=form.d.ts.map

package/dist/components/form/form.js

@@ -101,6 +101,6 @@ const FormMessage = /*#__PURE__*/ React.forwardRef(({ className, children, ...pr
     });
 });
 FormMessage.displayName = 'FormMessage';
-export { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage };
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage };
 
 //# sourceMappingURL=form.js.map

package/dist/components/index.d.ts

@@ -15,7 +15,6 @@ export * from './dashboard';
 export * from './date-picker';
 export * from './date-time-range-picker';
 export * from './dot-grid';
-export * from './dropdown-input';
 export * from './dropdown-menu';
 export * from './dynamic-item';
 export * from './empty-state';

package/dist/components/index.js

@@ -15,7 +15,6 @@ export * from './dashboard/index.js';
 export * from './date-picker/index.js';
 export * from './date-time-range-picker/index.js';
 export * from './dot-grid/index.js';
-export * from './dropdown-input/index.js';
 export * from './dropdown-menu/index.js';
 export * from './dynamic-item/index.js';
 export * from './empty-state/index.js';

package/dist/components/inline-tips/inline-tips.d.ts

@@ -15,5 +15,5 @@ declare const inlineTipsActionVariants: (props?: ({
     variant?: "primary" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InlineTipsAction({ className, variant, ...props }: ComponentProps<'button'> & VariantProps<typeof inlineTipsActionVariants>): import("react/jsx-runtime").JSX.Element;
-export { InlineTips, InlineTipsContent, InlineTipsTitle, InlineTipsDescription, InlineTipsActions, InlineTipsAction, };
+export { InlineTips, InlineTipsAction, InlineTipsActions, InlineTipsContent, InlineTipsDescription, InlineTipsTitle, };
 //# sourceMappingURL=inline-tips.d.ts.map

package/dist/components/inline-tips/inline-tips.js

@@ -93,6 +93,6 @@ function InlineTipsAction({ className, variant, ...props }) {
         ...props
     });
 }
-export { InlineTips, InlineTipsContent, InlineTipsTitle, InlineTipsDescription, InlineTipsActions, InlineTipsAction };
+export { InlineTips, InlineTipsAction, InlineTipsActions, InlineTipsContent, InlineTipsDescription, InlineTipsTitle };
 
 //# sourceMappingURL=inline-tips.js.map

package/dist/components/modal/modal.d.ts

@@ -41,6 +41,6 @@ type ModalBodyHeaderProps = ComponentProps<'div'> & {
     children?: ReactNode;
 };
 declare function ModalBodyHeader({ className, src, alt, title, description, children, ...props }: ModalBodyHeaderProps): import("react/jsx-runtime").JSX.Element;
-export { Modal, ModalPortal, ModalOverlay, ModalTrigger, ModalClose, ModalContent, ModalHeader, ModalBody, ModalFooter, ModalBodyHeader, ModalTitle, ModalDescription, modalContentVariants, modalOverlayVariants, modalDefaultTransition, };
-export type { ModalContentProps, ModalHeaderProps, ModalOverlayProps, ModalTitleProps, ModalDescriptionProps, ModalBodyHeaderProps, };
+export type { ModalBodyHeaderProps, ModalContentProps, ModalDescriptionProps, ModalHeaderProps, ModalOverlayProps, ModalTitleProps, };
+export { Modal, ModalBody, ModalBodyHeader, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, modalContentVariants, modalDefaultTransition, modalOverlayVariants, };
 //# sourceMappingURL=modal.d.ts.map

package/dist/components/modal/modal.js

@@ -288,6 +288,6 @@ function ModalBodyHeader({ className, src, alt = '', title, description, childre
         ]
     });
 }
-export { Modal, ModalPortal, ModalOverlay, ModalTrigger, ModalClose, ModalContent, ModalHeader, ModalBody, ModalFooter, ModalBodyHeader, ModalTitle, ModalDescription, modalContentVariants, modalOverlayVariants, modalDefaultTransition };
+export { Modal, ModalBody, ModalBodyHeader, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, modalContentVariants, modalDefaultTransition, modalOverlayVariants };
 
 //# sourceMappingURL=modal.js.map

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

@@ -8,5 +8,5 @@ declare function PopoverContent({ className, align, sideOffset, container, ...pr
 }): import("react/jsx-runtime").JSX.Element;
 declare function PopoverArrow({ className, ...props }: ComponentProps<typeof PopoverPrimitive.Arrow>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverClose({ ...props }: ComponentProps<typeof PopoverPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent, PopoverArrow, PopoverClose };
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/popover/popover.js

@@ -43,6 +43,6 @@ function PopoverClose({ ...props }) {
         ...props
     });
 }
-export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent, PopoverArrow, PopoverClose };
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger };
 
 //# sourceMappingURL=popover.js.map

package/dist/components/select/select.d.ts

@@ -22,6 +22,6 @@ type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item> & {
 };
 declare function SelectItem({ className, children, icon, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, };
-export type { SelectTriggerProps, SelectItemProps };
+export type { SelectItemProps, SelectTriggerProps };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants, };
 //# sourceMappingURL=select.d.ts.map

package/dist/components/select/select.js

@@ -149,6 +149,6 @@ function SelectSeparator({ className, ...props }) {
         ...props
     });
 }
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };
 
 //# sourceMappingURL=select.js.map

package/dist/components/sheet/sheet.d.ts

@@ -28,6 +28,6 @@ type SheetDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
 declare function SheetDescription({ className, ...props }: SheetDescriptionProps): import("react/jsx-runtime").JSX.Element;
 type SheetBodyProps = ComponentProps<'div'>;
 declare function SheetBody({ className, children, ...props }: SheetBodyProps): import("react/jsx-runtime").JSX.Element;
-export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetBody, sheetContentVariants, sheetOverlayVariants, };
-export type { SheetContentProps, SheetHeaderProps, SheetFooterProps, SheetTitleProps, SheetDescriptionProps, SheetBodyProps, SheetOverlayProps, };
+export type { SheetBodyProps, SheetContentProps, SheetDescriptionProps, SheetFooterProps, SheetHeaderProps, SheetOverlayProps, SheetTitleProps, };
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetContentVariants, sheetOverlayVariants, };
 //# sourceMappingURL=sheet.d.ts.map

package/dist/components/sheet/sheet.js

@@ -158,6 +158,6 @@ function SheetBody({ className, children, ...props }) {
         children: children
     });
 }
-export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetBody, sheetContentVariants, sheetOverlayVariants };
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetContentVariants, sheetOverlayVariants };
 
 //# sourceMappingURL=sheet.js.map

package/dist/components/shiny-text/shiny-text.d.ts

@@ -5,6 +5,6 @@ type ShinyTextProps = {
     className?: string;
 };
 declare function ShinyText({ text, disabled, speed, className }: ShinyTextProps): import("react/jsx-runtime").JSX.Element;
-export { ShinyText };
 export type { ShinyTextProps };
+export { ShinyText };
 //# sourceMappingURL=shiny-text.d.ts.map

package/dist/components/shipql-editor/lexical/shipql-plugin.d.ts

@@ -3,7 +3,7 @@ import { type LeafAstNode } from './shipql-leaf-node';
 export declare const REMOVE_LEAF_COMMAND: import("lexical").LexicalCommand<string>;
 interface ShipQLPluginProps {
     onLeafFocus?: (node: LeafAstNode | null) => void;
-    formatLeafDisplay?: (source: string) => string;
+    formatLeafDisplay?: (source: string, node: LeafAstNode) => string;
 }
 export declare function ShipQLPlugin({ onLeafFocus, formatLeafDisplay }: ShipQLPluginProps): null;
 export {};

package/dist/components/shipql-editor/lexical/shipql-plugin.js

@@ -236,7 +236,7 @@ export function ShipQLPlugin({ onLeafFocus, formatLeafDisplay }) {
                 if (!para) return;
                 para.clear();
                 const fmt = formatLeafDisplayRef.current;
-                const newNodes = nextSegments.map((seg)=>seg.kind === 'leaf' ? $createShipQLLeafNode(seg.text, seg.node, fmt?.(seg.text)) : $createTextNode(seg.text));
+                const newNodes = nextSegments.map((seg)=>seg.kind === 'leaf' ? $createShipQLLeafNode(seg.text, seg.node, fmt?.(seg.text, seg.node)) : $createTextNode(seg.text));
                 for (const node of newNodes)para.append(node);
                 // Restore cursor to the same absolute character position.
                 if (savedOffset >= 0 && newNodes.length > 0) {
@@ -279,7 +279,7 @@ export function ShipQLPlugin({ onLeafFocus, formatLeafDisplay }) {
             const fmt = formatLeafDisplayRef.current;
             para.clear();
             for (const seg of segments){
-                para.append(seg.kind === 'leaf' ? $createShipQLLeafNode(seg.text, seg.node, fmt?.(seg.text)) : $createTextNode(seg.text));
+                para.append(seg.kind === 'leaf' ? $createShipQLLeafNode(seg.text, seg.node, fmt?.(seg.text, seg.node)) : $createTextNode(seg.text));
             }
         });
         return ()=>{

package/dist/components/shipql-editor/suggestions/shipql-range-facet-panel.js

@@ -10,14 +10,14 @@ const RANGE_OP_RE = /^([<>]=?)(.+)$/;
 function formatRangeDisplay(raw, fmt) {
     const bracketMatch = RANGE_BRACKET_RE.exec(raw);
     if (bracketMatch) {
-        const min = Number(bracketMatch[1]);
-        const max = Number(bracketMatch[2]);
-        if (!Number.isNaN(min) && !Number.isNaN(max)) return `[${fmt(min)} TO ${fmt(max)}]`;
+        const min = bracketMatch[1];
+        const max = bracketMatch[2];
+        if (min && max) return `[${fmt(min)} TO ${fmt(max)}]`;
     }
     const opMatch = RANGE_OP_RE.exec(raw);
     if (opMatch) {
-        const v = Number(opMatch[2]);
-        if (!Number.isNaN(v)) return `${opMatch[1]}${fmt(v)}`;
+        const v = opMatch[2];
+        if (v) return `${opMatch[1]}${fmt(v)}`;
     }
     return raw;
 }
@@ -88,21 +88,21 @@ export function ShipQLRangeFacetPanel({ facetName, config, onApply, isSelectingR
     selectedPresetIndexRef.current = selectedPresetIndex;
     const presetRowRefs = useRef([]);
     // Local string state for inputs so mid-edit typing isn't clamped
-    const [minText, setMinText] = useState(fmt(absMin));
-    const [maxText, setMaxText] = useState(fmt(absMax));
+    const [minText, setMinText] = useState(fmt(String(absMin)));
+    const [maxText, setMaxText] = useState(fmt(String(absMax)));
     const [isEditingMin, setIsEditingMin] = useState(false);
     const [isEditingMax, setIsEditingMax] = useState(false);
     const [lo, hi] = sliderValues;
     // Keep input text in sync when slider moves (only when not actively editing)
     useEffect(()=>{
-        if (!isEditingMin) setMinText(fmt(lo));
+        if (!isEditingMin) setMinText(fmt(String(lo)));
     }, [
         lo,
         fmt,
         isEditingMin
     ]);
     useEffect(()=>{
-        if (!isEditingMax) setMaxText(fmt(hi));
+        if (!isEditingMax) setMaxText(fmt(String(hi)));
     }, [
         hi,
         fmt,
@@ -118,7 +118,7 @@ export function ShipQLRangeFacetPanel({ facetName, config, onApply, isSelectingR
                 hi
             ]);
         }
-        setMinText(fmt(lo));
+        setMinText(fmt(String(lo)));
     }, [
         absMin,
         hi,
@@ -135,7 +135,7 @@ export function ShipQLRangeFacetPanel({ facetName, config, onApply, isSelectingR
                 clamped
             ]);
         }
-        setMaxText(fmt(hi));
+        setMaxText(fmt(String(hi)));
     }, [
         absMax,
         lo,
@@ -166,10 +166,12 @@ export function ShipQLRangeFacetPanel({ facetName, config, onApply, isSelectingR
         isSelectingRef
     ]);
     const addLabel = useMemo(()=>{
-        if (lo === absMin && hi === absMax) return `Add ">=${fmt(lo)},<=${fmt(hi)}"`;
-        if (lo === absMin) return `Add "<=${fmt(hi)}"`;
-        if (hi === absMax) return `Add ">=${fmt(lo)}"`;
-        return `Add ">=${fmt(lo)},<=${fmt(hi)}"`;
+        const fmtLo = fmt(String(lo));
+        const fmtHi = fmt(String(hi));
+        if (lo === absMin && hi === absMax) return `Add ">=${fmtLo},<=${fmtHi}"`;
+        if (lo === absMin) return `Add "<=${fmtHi}"`;
+        if (hi === absMax) return `Add ">=${fmtLo}"`;
+        return `Add ">=${fmtLo},<=${fmtHi}"`;
     }, [
         lo,
         hi,
@@ -302,6 +304,7 @@ export function ShipQLRangeFacetPanel({ facetName, config, onApply, isSelectingR
                                 className: "flex-1",
                                 min: absMin,
                                 max: absMax,
+                                step: config.step,
                                 value: sliderValues,
                                 onValueChange: (vals)=>{
                                     const newLo = vals[0];

package/dist/components/shipql-editor/suggestions/types.d.ts

@@ -1,15 +1,17 @@
+import type { AstNode } from '@shipfox/shipql-parser';
 export interface RangeFacetConfig {
     type: 'range';
     min: string;
     max: string;
+    step?: number;
     presets?: string[];
-    format?: (value: number) => string;
+    format?: (value: string) => string;
 }
 export type FacetDef = string | {
     name: string;
     config: RangeFacetConfig;
 };
-export type FormatLeafDisplay = (source: string) => string;
+export type FormatLeafDisplay = (source: string, node: AstNode) => string;
 export interface SuggestionItem {
     value: string;
     label: React.ReactNode;

package/dist/components/table/table.d.ts

@@ -7,5 +7,5 @@ declare function TableRow({ className, ...props }: ComponentProps<'tr'>): import
 declare function TableHead({ className, ...props }: ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
 declare function TableCell({ className, ...props }: ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({ className, ...props }: ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption };
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.ts.map

package/dist/components/table/table.js

@@ -60,6 +60,6 @@ function TableCaption({ className, ...props }) {
         ...props
     });
 }
-export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption };
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 
 //# sourceMappingURL=table.js.map

package/dist/components/tabs/tabs.d.ts

@@ -46,5 +46,5 @@ type TabsContentProps = ComponentProps<'div'> & {
     children: ReactNode;
 };
 declare function TabsContent({ children, value, className, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element | null;
-export { Tabs, TabsList, TabsTrigger, TabsContents, TabsContent, useTabs, type TabsContextType, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentsProps, type TabsContentProps, };
+export { Tabs, TabsContent, type TabsContentProps, TabsContents, type TabsContentsProps, type TabsContextType, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, useTabs, };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs/tabs.js

@@ -238,6 +238,6 @@ function TabsContent({ children, value, className, ...props }) {
         children: children
     });
 }
-export { Tabs, TabsList, TabsTrigger, TabsContents, TabsContent, useTabs };
+export { Tabs, TabsContent, TabsContents, TabsList, TabsTrigger, useTabs };
 
 //# sourceMappingURL=tabs.js.map

package/dist/components/toast/toast.d.ts

@@ -1,5 +1,5 @@
 import { type ToasterProps as SonnerToasterProps, toast as sonnerToast } from 'sonner';
 type ToasterProps = Omit<SonnerToasterProps, 'theme'>;
 declare function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
-export { Toaster, sonnerToast as toast, type ToasterProps };
+export { sonnerToast as toast, Toaster, type ToasterProps };
 //# sourceMappingURL=toast.d.ts.map

package/dist/components/toast/toast.js

@@ -35,6 +35,6 @@ function Toaster({ ...props }) {
         ...props
     });
 }
-export { Toaster, sonnerToast as toast };
+export { sonnerToast as toast, Toaster };
 
 //# sourceMappingURL=toast.js.map

package/dist/components/tooltip/tooltip.d.ts

@@ -15,6 +15,6 @@ type TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Content> & Var
     transition?: Transition;
 };
 declare function TooltipContent({ className, sideOffset, children, variant, size, animated, transition, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, defaultTransition, };
 export type { TooltipContentProps };
+export { defaultTransition, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltipContentVariants, };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip/tooltip.js

@@ -93,6 +93,6 @@ function TooltipContent({ className, sideOffset = 8, children, variant, size, an
         })
     });
 }
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, defaultTransition };
+export { defaultTransition, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltipContentVariants };
 
 //# sourceMappingURL=tooltip.js.map