@shipfox/react-ui 0.32.2 → 0.33.1

package/dist/components/shipql-editor/suggestions/generate-suggestions.js

@@ -11,14 +11,37 @@ export function tryParse(text) {
 }
 // ─── Facet normalization ───────────────────────────────────────────────────────
 export function normalizeFacets(facets) {
-    return facets.map((f)=>typeof f === 'string' ? f : f.name);
+    return facets.map((f)=>typeof f === 'string' ? f : f.id);
 }
-export function getFacetConfig(facets, name) {
+export function getFacetConfig(facets, id) {
     for (const f of facets){
-        if (typeof f !== 'string' && f.name.toLowerCase() === name.toLowerCase()) return f.config;
+        if (typeof f !== 'string' && f.id.toLowerCase() === id.toLowerCase()) return f.config;
     }
     return undefined;
 }
+// Private: finds the object-form FacetDef by exact id match.
+function findFacet(facets, id) {
+    for (const f of facets){
+        if (typeof f !== 'string' && f.id === id) return f;
+    }
+    return undefined;
+}
+/** Returns the human-readable display label, falling back to the raw id. */ export function getFacetLabel(facets, id) {
+    return findFacet(facets, id)?.metadata?.label ?? id;
+}
+/** Returns the description for a facet, if any. */ export function getFacetDescription(facets, id) {
+    return findFacet(facets, id)?.metadata?.description;
+}
+/** Returns grouping information for a facet, with defaults applied. */ export function getFacetGroupInfo(facets, id) {
+    const metadata = findFacet(facets, id)?.metadata;
+    const key = metadata?.group ?? '';
+    return {
+        key,
+        label: metadata?.groupLabel ?? (key ? key.charAt(0).toUpperCase() + key.slice(1) : undefined),
+        order: metadata?.groupOrder ?? Infinity,
+        icon: metadata?.groupIcon
+    };
+}
 // ─── Leaf helpers ─────────────────────────────────────────────────────────────
 export function extractFacetFromLeaf(leaf) {
     if (leaf.type === 'match') return leaf.facet;
@@ -70,13 +93,32 @@ export function detectFacetContext(activeText, facets) {
 // ─── Suggestion builder ───────────────────────────────────────────────────────
 export function buildSuggestionItems(facets, valueSuggestions, activeText, focusedLeaf) {
     const facetNames = normalizeFacets(facets);
-    const header = (label)=>({
+    const header = (label, iconName)=>({
             value: `__header__${label}`,
             label,
-            icon: null,
+            icon: iconName ? /*#__PURE__*/ _jsx(Icon, {
+                name: iconName,
+                className: "size-12 text-foreground-neutral-muted"
+            }) : null,
             selected: false,
             type: 'section-header'
         });
+    const facetContext = (id)=>{
+        const groupInfo = getFacetGroupInfo(facets, id);
+        return {
+            value: `__facet-context__${id}`,
+            label: getFacetLabel(facets, id),
+            icon: groupInfo.icon ? /*#__PURE__*/ _jsx(Icon, {
+                name: groupInfo.icon,
+                className: "size-12 text-foreground-neutral-muted"
+            }) : null,
+            selected: false,
+            type: 'facet-context',
+            facetName: id,
+            description: getFacetDescription(facets, id),
+            sectionLabel: groupInfo.label
+        };
+    };
     // Focused leaf — show values with current value marked selected.
     // Text-type leaves (bare words) are not facet:value matches, so fall through
     // to facet filtering using the leaf's text as the partial query.
@@ -99,7 +141,7 @@ export function buildSuggestionItems(facets, valueSuggestions, activeText, focus
         const currentValue = extractValueFromLeaf(focusedLeaf);
         if (valueSuggestions.length === 0) return [];
         return [
-            header(facetName.toUpperCase()),
+            facetContext(facetName),
             ...valueSuggestions.map((v)=>{
                 const selected = v === currentValue;
                 return {
@@ -134,7 +176,7 @@ export function buildSuggestionItems(facets, valueSuggestions, activeText, focus
         // Regular facet — show value suggestions (parent is responsible for filtering)
         if (valueSuggestions.length === 0) return [];
         return [
-            header(facetCtx.facet.toUpperCase()),
+            facetContext(facetCtx.facet),
             ...valueSuggestions.map((v)=>({
                     value: v,
                     label: v,
@@ -151,20 +193,52 @@ export function buildSuggestionItems(facets, valueSuggestions, activeText, focus
     // before matching so "NOT sta" still suggests "status", "-sta" suggests "status", etc.
     const rawPartial = focusedLeaf?.type === 'text' ? focusedLeaf.value : activeText;
     const partial = stripNegationPrefix(rawPartial.trim()).stripped.toLowerCase();
-    const filtered = partial ? facetNames.filter((f)=>f.toLowerCase().includes(partial)) : facetNames;
+    // Filter against raw id AND metadata label
+    const filtered = partial ? facets.filter((f)=>{
+        const id = typeof f === 'string' ? f : f.id;
+        const label = typeof f !== 'string' ? f.metadata?.label : undefined;
+        return id.toLowerCase().includes(partial) || (label?.toLowerCase().includes(partial) ?? false);
+    }) : facets;
     if (filtered.length === 0) return [];
-    return [
-        header('TYPE'),
-        ...filtered.map((f)=>({
-                value: f,
-                label: f,
-                icon: /*#__PURE__*/ _jsx(Icon, {
-                    name: "searchLine",
-                    className: "size-16 text-foreground-neutral-subtle"
-                }),
-                selected: false
-            }))
-    ];
+    const groups = new Map();
+    for (const f of filtered){
+        const id = typeof f === 'string' ? f : f.id;
+        const { key: group, label: groupLabel, order: groupOrder, icon: groupIcon } = getFacetGroupInfo(facets, id);
+        if (!groups.has(group)) groups.set(group, []);
+        const groupList = groups.get(group);
+        if (groupList) groupList.push({
+            id,
+            label: getFacetLabel(facets, id),
+            description: getFacetDescription(facets, id),
+            groupOrder,
+            groupLabel,
+            groupIcon
+        });
+    }
+    const sortedGroups = [
+        ...groups.entries()
+    ].sort(([, aItems], [, bItems])=>{
+        const aOrder = aItems[0]?.groupOrder ?? Infinity;
+        const bOrder = bItems[0]?.groupOrder ?? Infinity;
+        return aOrder - bOrder;
+    });
+    const items = [];
+    for (const [, groupItems] of sortedGroups){
+        groupItems.sort((a, b)=>a.label.localeCompare(b.label));
+        const firstItem = groupItems[0];
+        if (!firstItem) continue;
+        if (firstItem.groupLabel) items.push(header(firstItem.groupLabel, firstItem.groupIcon));
+        for (const entry of groupItems){
+            items.push({
+                value: entry.id,
+                label: entry.label,
+                icon: null,
+                selected: false,
+                description: entry.description
+            });
+        }
+    }
+    return items;
 }
 
 //# sourceMappingURL=generate-suggestions.js.map

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

@@ -1,4 +1,4 @@
-import type { RangeFacetConfig } from './types';
+import type { RangeFacetConfig } from './types.js';
 export interface ShipQLRangeFacetPanelProps {
     facetName: string;
     config: RangeFacetConfig;

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

@@ -151,10 +151,10 @@ export function ShipQLRangeFacetPanel({ facetName, config, onApply, isSelectingR
             isSelectingRef.current = true;
         };
         const onUp = ()=>{
-            // Small delay so the blur handler fires first and sees isSelectingRef=true
+            // Defer reset so the blur handler still sees isSelectingRef=true.
             setTimeout(()=>{
                 isSelectingRef.current = false;
-            }, 150);
+            }, 0);
         };
         el.addEventListener('pointerdown', onDown);
         window.addEventListener('pointerup', onUp);

package/dist/components/shipql-editor/suggestions/shipql-suggestion-item.d.ts

@@ -1,10 +1,10 @@
-import type { SuggestionItem } from './types';
+import type { SuggestionItem } from './types.js';
 interface ShipQLSuggestionItemProps {
     item: SuggestionItem;
     isHighlighted: boolean;
     isNegated?: boolean;
     onMouseDown: (value: string) => void;
-    itemRef?: (el: HTMLButtonElement | null) => void;
+    itemRef?: (el: HTMLElement | null) => void;
 }
 export declare function ShipQLSuggestionItem({ item, isHighlighted, isNegated, onMouseDown, itemRef, }: ShipQLSuggestionItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/shipql-editor/suggestions/shipql-suggestion-item.js

@@ -2,14 +2,56 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../utils/cn.js';
 export function ShipQLSuggestionItem({ item, isHighlighted, isNegated, onMouseDown, itemRef }) {
     if (item.type === 'section-header') {
-        return /*#__PURE__*/ _jsx("div", {
-            className: "flex w-full items-center px-8 h-30 shrink-0",
-            children: /*#__PURE__*/ _jsx("span", {
-                className: "text-xs font-normal uppercase text-foreground-neutral-muted",
-                children: item.label
-            })
+        return /*#__PURE__*/ _jsxs("div", {
+            ref: itemRef,
+            className: "flex w-full items-center gap-6 px-8 h-30 shrink-0",
+            children: [
+                item.icon,
+                /*#__PURE__*/ _jsx("span", {
+                    className: "text-xs font-normal uppercase text-foreground-neutral-muted",
+                    children: item.label
+                })
+            ]
+        });
+    }
+    if (item.type === 'facet-context') {
+        const showRawFacetName = typeof item.label === 'string' && item.facetName && item.label !== item.facetName;
+        return /*#__PURE__*/ _jsxs("div", {
+            ref: itemRef,
+            className: "flex w-full flex-col gap-2 px-8 py-8 border-b border-border-neutral-subtle shrink-0",
+            children: [
+                item.sectionLabel && /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-4",
+                    children: [
+                        item.icon,
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "text-xs text-foreground-neutral-muted",
+                            children: item.sectionLabel
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-baseline gap-8",
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "text-sm font-medium text-foreground-neutral-base",
+                            children: item.label
+                        }),
+                        showRawFacetName && /*#__PURE__*/ _jsx("span", {
+                            className: "font-mono text-xs text-foreground-neutral-muted",
+                            children: item.facetName
+                        })
+                    ]
+                }),
+                item.description && /*#__PURE__*/ _jsx("span", {
+                    className: "text-xs text-foreground-neutral-muted",
+                    children: item.description
+                })
+            ]
         });
     }
+    const labelText = isNegated ? `-${item.label}` : item.label;
+    const showRawId = typeof item.label === 'string' && item.label !== item.value;
     return /*#__PURE__*/ _jsxs("button", {
         ref: itemRef,
         type: "button",
@@ -17,15 +59,37 @@ export function ShipQLSuggestionItem({ item, isHighlighted, isNegated, onMouseDo
             e.preventDefault();
             onMouseDown(item.value);
         },
-        className: cn('flex w-full items-center gap-12 rounded-none px-8 py-6 h-24 text-left transition-colors duration-75 cursor-pointer', isHighlighted ? 'bg-background-button-transparent-hover' : 'hover:bg-background-button-transparent-hover'),
+        className: cn('flex w-full gap-12 rounded-none px-8 py-6 text-left transition-colors duration-75 cursor-pointer', item.description ? 'items-start' : 'items-center h-24', isHighlighted ? 'bg-background-button-transparent-hover' : 'hover:bg-background-button-transparent-hover'),
         children: [
             /*#__PURE__*/ _jsxs("div", {
-                className: "flex min-w-0 flex-1 items-center gap-12",
+                className: cn('flex min-w-0 flex-1 gap-12', item.description ? 'items-start' : 'items-center'),
                 children: [
                     item.icon,
-                    /*#__PURE__*/ _jsx("span", {
+                    item.description ? /*#__PURE__*/ _jsxs("div", {
+                        className: "flex min-w-0 flex-1 flex-col",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: cn('flex-1 truncate text-sm', isNegated ? 'text-foreground-highlights-interactive' : item.selected ? 'text-foreground-neutral-base' : 'text-foreground-neutral-subtle'),
+                                        children: labelText
+                                    }),
+                                    showRawId && /*#__PURE__*/ _jsx("span", {
+                                        className: "shrink-0 max-w-[40%] truncate font-mono text-xs text-foreground-neutral-muted",
+                                        children: item.value
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                title: item.description,
+                                className: "truncate text-xs text-foreground-neutral-muted",
+                                children: item.description
+                            })
+                        ]
+                    }) : /*#__PURE__*/ _jsx("span", {
                         className: cn('flex-1 truncate text-sm', isNegated ? 'text-foreground-highlights-interactive' : item.selected ? 'text-foreground-neutral-base' : 'text-foreground-neutral-subtle'),
-                        children: isNegated ? `-${item.label}` : item.label
+                        children: labelText
                     })
                 ]
             }),

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

@@ -1,10 +1,11 @@
-import { type SyntaxHintMode } from './shipql-suggestions-footer';
-import type { SuggestionItem } from './types';
+import { type SyntaxHintMode } from './shipql-suggestions-footer.js';
+import type { SuggestionItem } from './types.js';
 interface ShipQLSuggestionsDropdownProps {
     items: SuggestionItem[];
     selectedIndex: number;
     isSelectingRef: React.RefObject<boolean>;
     onSelect: (value: string) => void;
+    onClose: () => void;
     isLoading?: boolean;
     isNegated: boolean;
     onToggleNegate: (negated: boolean) => void;
@@ -14,6 +15,6 @@ interface ShipQLSuggestionsDropdownProps {
     isError?: boolean;
     syntaxHintMode: SyntaxHintMode;
 }
-export declare function ShipQLSuggestionsDropdown({ items, selectedIndex, isSelectingRef, onSelect, isLoading, isNegated, onToggleNegate, showValueActions, showSyntaxHelp, onToggleSyntaxHelp, isError, syntaxHintMode, }: ShipQLSuggestionsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShipQLSuggestionsDropdown({ items, selectedIndex, isSelectingRef, onSelect, onClose, isLoading, isNegated, onToggleNegate, showValueActions, showSyntaxHelp, onToggleSyntaxHelp, isError, syntaxHintMode, }: ShipQLSuggestionsDropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=shipql-suggestions-dropdown.d.ts.map

package/dist/components/shipql-editor/suggestions/shipql-suggestions-dropdown.js

@@ -6,16 +6,40 @@ import { useCallback, useEffect, useRef } from 'react';
 import { ShipQLRangeFacetPanel } from './shipql-range-facet-panel.js';
 import { ShipQLSuggestionItem } from './shipql-suggestion-item.js';
 import { ShipQLSuggestionsFooter } from './shipql-suggestions-footer.js';
-export function ShipQLSuggestionsDropdown({ items, selectedIndex, isSelectingRef, onSelect, isLoading, isNegated, onToggleNegate, showValueActions, showSyntaxHelp, onToggleSyntaxHelp, isError, syntaxHintMode }) {
+export function ShipQLSuggestionsDropdown({ items, selectedIndex, isSelectingRef, onSelect, onClose, isLoading, isNegated, onToggleNegate, showValueActions, showSyntaxHelp, onToggleSyntaxHelp, isError, syntaxHintMode }) {
     const itemRefs = useRef([]);
+    const prevSelectedIndexRef = useRef(-1);
     useEffect(()=>{
-        const el = itemRefs.current[selectedIndex];
-        if (el) el.scrollIntoView({
-            behavior: 'smooth',
-            block: 'nearest'
-        });
+        const prevIndex = prevSelectedIndexRef.current;
+        prevSelectedIndexRef.current = selectedIndex;
+        const prevItem = items[selectedIndex - 1];
+        const isPrecededByHeader = prevItem?.type === 'section-header' || prevItem?.type === 'facet-context';
+        const isWrapping = prevIndex >= 0 && Math.abs(selectedIndex - prevIndex) > items.length / 2;
+        // When wrapping bottom→top the header is safe to include (it's just above the
+        // first item). When wrapping top→bottom we skip the header because it sits far
+        // above the last item and pinning to it would push the actual item off-screen.
+        const isWrappingToBottom = isWrapping && selectedIndex > prevIndex;
+        const isGoingForward = selectedIndex > prevIndex && !isWrapping || isWrapping && !isWrappingToBottom;
+        if (!isWrappingToBottom && isPrecededByHeader) {
+            const headerEl = itemRefs.current[selectedIndex - 1] ?? itemRefs.current[selectedIndex];
+            // Going forward / wrapping to top: pin the header to the top so the selected
+            // item below it is visible. Going backward: nearest is enough because the
+            // header is above and scrolling up will bring it into view at the top edge.
+            const block = isGoingForward ? 'start' : 'nearest';
+            if (headerEl) headerEl.scrollIntoView({
+                behavior: 'smooth',
+                block
+            });
+        } else {
+            const el = itemRefs.current[selectedIndex];
+            if (el) el.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest'
+            });
+        }
     }, [
-        selectedIndex
+        selectedIndex,
+        items
     ]);
     // Shift key toggles negation while dropdown is visible
     useEffect(()=>{
@@ -48,7 +72,7 @@ export function ShipQLSuggestionsDropdown({ items, selectedIndex, isSelectingRef
         onSelect(value);
         setTimeout(()=>{
             isSelectingRef.current = false;
-        }, 150);
+        }, 0);
     }, [
         isSelectingRef,
         onSelect
@@ -76,7 +100,7 @@ export function ShipQLSuggestionsDropdown({ items, selectedIndex, isSelectingRef
             })
         ]
     }) : /*#__PURE__*/ _jsxs("div", {
-        className: "flex flex-col overflow-hidden rounded-8 bg-background-neutral-base shadow-tooltip max-h-[min(70vh,320px)] min-h-0",
+        className: "flex flex-col overflow-hidden rounded-8 bg-background-neutral-base shadow-tooltip max-h-[min(70vh,400px)] min-h-0",
         children: [
             /*#__PURE__*/ _jsx(ScrollArea, {
                 className: "flex-1 min-h-0 overflow-y-auto scrollbar",
@@ -111,15 +135,36 @@ export function ShipQLSuggestionsDropdown({ items, selectedIndex, isSelectingRef
         ]
     });
     return /*#__PURE__*/ _jsx(PopoverContent, {
+        "data-shipql-suggestions": true,
         align: "start",
         sideOffset: 4,
         className: "p-0 w-(--radix-popover-trigger-width) rounded-8",
         onOpenAutoFocus: (e)=>e.preventDefault(),
         onInteractOutside: (e)=>{
-            if (isSelectingRef.current) e.preventDefault();
+            if (isSelectingRef.current) {
+                e.preventDefault();
+                return;
+            }
+            const target = e.detail?.originalEvent?.target;
+            if (target instanceof Element && target.closest('[data-shipql-editor]')) {
+                e.preventDefault();
+                return;
+            }
+            onClose();
         },
         onPointerDownOutside: (e)=>{
-            if (isSelectingRef.current) e.preventDefault();
+            if (isSelectingRef.current) {
+                e.preventDefault();
+                return;
+            }
+            // Clicks inside the editor are handled by Lexical's focus/blur
+            // commands — only dismiss for clicks truly outside the editor.
+            const target = e.detail?.originalEvent?.target;
+            if (target instanceof Element && target.closest('[data-shipql-editor]')) {
+                e.preventDefault();
+                return;
+            }
+            onClose();
         },
         children: popoverContent
     });

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

@@ -1,6 +1,6 @@
 import type { AstNode } from '@shipfox/shipql-parser';
-import type { LeafAstNode } from '../lexical/shipql-leaf-node';
-import type { FacetDef, SuggestionItem } from './types';
+import type { LeafAstNode } from '../lexical/shipql-leaf-node.js';
+import type { FacetDef, SuggestionItem } from './types.js';
 interface ShipQLSuggestionsPluginProps {
     facets: FacetDef[];
     currentFacet: string | null;

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

@@ -280,11 +280,12 @@ export function ShipQLSuggestionsPlugin({ facets, currentFacet, setCurrentFacet,
             if (!openRef.current || itemsRef.current.length === 0) return false;
             e?.preventDefault();
             const its = itemsRef.current;
+            const isNonSelectable = (i)=>its[i]?.type === 'section-header' || its[i]?.type === 'facet-context';
             let next = selectedIndexRef.current + 1;
-            while(next < its.length && its[next]?.type === 'section-header')next++;
+            while(next < its.length && isNonSelectable(next))next++;
             if (next >= its.length) {
                 next = 0;
-                while(next < its.length && its[next]?.type === 'section-header')next++;
+                while(next < its.length && isNonSelectable(next))next++;
             }
             if (next < its.length) {
                 hasNavigatedRef.current = true;
@@ -296,11 +297,12 @@ export function ShipQLSuggestionsPlugin({ facets, currentFacet, setCurrentFacet,
             if (!openRef.current || itemsRef.current.length === 0) return false;
             e?.preventDefault();
             const its = itemsRef.current;
+            const isNonSelectable = (i)=>its[i]?.type === 'section-header' || its[i]?.type === 'facet-context';
             let prev = selectedIndexRef.current - 1;
-            while(prev >= 0 && its[prev]?.type === 'section-header')prev--;
+            while(prev >= 0 && isNonSelectable(prev))prev--;
             if (prev < 0) {
                 prev = its.length - 1;
-                while(prev >= 0 && its[prev]?.type === 'section-header')prev--;
+                while(prev >= 0 && isNonSelectable(prev))prev--;
             }
             if (prev >= 0) {
                 hasNavigatedRef.current = true;
@@ -312,7 +314,7 @@ export function ShipQLSuggestionsPlugin({ facets, currentFacet, setCurrentFacet,
             if (!openRef.current || itemsRef.current.length === 0) return false;
             if (!hasNavigatedRef.current || selectedIndexRef.current < 0) return false;
             const item = itemsRef.current[selectedIndexRef.current];
-            if (!item || item.type === 'section-header') return false;
+            if (!item || item.type === 'section-header' || item.type === 'facet-context') return false;
             e?.preventDefault();
             applyRef.current?.(item.value);
             return true;

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

@@ -7,9 +7,28 @@ export interface RangeFacetConfig {
     presets?: string[];
     format?: (value: string) => string;
 }
+export interface FacetGroupInfo {
+    /** Group key (empty string = ungrouped). */
+    key: string;
+    /** Display label for the section header. Derived from key when not explicitly set. */
+    label: string | undefined;
+    /** Sort order for the group. Defaults to Infinity (last). */
+    order: number;
+    /** Icon name for the section header, if any. */
+    icon: string | undefined;
+}
+export interface FacetMetadata {
+    label?: string;
+    description?: string;
+    group?: string;
+    groupLabel?: string;
+    groupOrder?: number;
+    groupIcon?: string;
+}
 export type FacetDef = string | {
-    name: string;
-    config: RangeFacetConfig;
+    id: string;
+    config?: RangeFacetConfig;
+    metadata?: FacetMetadata;
 };
 export type FormatLeafDisplay = (source: string, node: AstNode) => string;
 export interface SuggestionItem {
@@ -17,8 +36,11 @@ export interface SuggestionItem {
     label: React.ReactNode;
     icon: React.ReactNode | null;
     selected: boolean;
-    type?: 'section-header' | 'range-slider';
+    type?: 'section-header' | 'range-slider' | 'facet-context';
     rangeFacetConfig?: RangeFacetConfig;
     facetName?: string;
+    description?: string;
+    /** For facet-context items: the group label shown above the facet name */
+    sectionLabel?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/skeleton/index.d.ts

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

package/dist/components/slider/index.d.ts

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

package/dist/components/switch/index.d.ts

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

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

@@ -1,6 +1,6 @@
 export type { ColumnDef } from '@tanstack/react-table';
-export * from './data-table';
-export * from './table';
-export * from './table-column-header';
-export * from './table-pagination';
+export * from './data-table.js';
+export * from './table.js';
+export * from './table-column-header.js';
+export * from './table-pagination.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -2,7 +2,7 @@
  * Column definitions for Table stories
  */
 import type { ColumnDef } from '@tanstack/react-table';
-import type { JobData, SearchJobData, User } from './table.stories.data';
+import type { JobData, SearchJobData, User } from './table.stories.data.js';
 /**
  * Create column definitions for JobData
  */

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

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

package/dist/components/textarea/index.d.ts

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

package/dist/components/theme/index.d.ts

@@ -1,2 +1,2 @@
-export * from './theme-provider';
+export * from './theme-provider.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/theme/theme-provider.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type Theme } from '../../state/theme';
+import { type Theme } from '../../state/theme.js';
 type ThemeProviderProps = {
     children: ReactNode;
     defaultTheme?: Theme;

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

@@ -1,3 +1,3 @@
-export * from './toast';
-export * from './toast-custom';
+export * from './toast.js';
+export * from './toast-custom.js';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/typography/index.d.ts

@@ -1,4 +1,4 @@
-export * from './code';
-export * from './header';
-export * from './text';
+export * from './code.js';
+export * from './header.js';
+export * from './text.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts

@@ -1,7 +1,7 @@
-export * from './useCopyToClipboard';
-export * from './useMediaQuery';
-export * from './useResolvedTheme';
-export * from './useShikiHighlight';
-export * from './useShikiStyleInjection';
-export * from './useTheme';
+export * from './useCopyToClipboard.js';
+export * from './useMediaQuery.js';
+export * from './useResolvedTheme.js';
+export * from './useShikiHighlight.js';
+export * from './useShikiStyleInjection.js';
+export * from './useTheme.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/useTheme.d.ts

@@ -1,2 +1,2 @@
-export declare const useTheme: () => import("../state/theme").ThemeProviderState;
+export declare const useTheme: () => import("../state/theme.js").ThemeProviderState;
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { ShipfoxLoader } from 'shipfox-loader-react';
-export * from './components';
-export * from './hooks';
-export type { Theme, ThemeProviderState } from './state/theme';
-export * from './utils';
+export * from './components/index.js';
+export * from './hooks/index.js';
+export type { Theme, ThemeProviderState } from './state/theme.js';
+export * from './utils/index.js';
 //# sourceMappingURL=index.d.ts.map