@vinyasa/navigation 1.0.26

package/dist/esm/862.js

@@ -0,0 +1,130 @@
+import "./862.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MenuIcon, XIcon } from "@vinyasa/icons";
+import { useThemedRef } from "@vinyasa/tokens";
+import { createContext, forwardRef, useContext, useState } from "react";
+import { createRuntimeFn } from "./953.js";
+var actions = '_383lbb3';
+var brand = '_383lbb1';
+var content = '_383lbb2';
+var item = createRuntimeFn({
+    defaultClassName: '_383lbb4',
+    variantClassNames: {
+        active: {
+            true: '_383lbb5'
+        }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+});
+var mobileTrigger = '_383lbb6';
+var root = '_383lbb0';
+const TopNavigationContext = /*#__PURE__*/ createContext(null);
+const useTopNavigationContext = ()=>{
+    const context = useContext(TopNavigationContext);
+    if (!context) throw new Error('TopNavigation parts must be rendered inside <TopNavigation.Root>.');
+    return context;
+};
+const TopNavigationRoot = /*#__PURE__*/ forwardRef(({ open: openProp, defaultOpen = false, onOpenChange, className, children, ...rest }, ref)=>{
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isControlled = void 0 !== openProp;
+    const open = isControlled ? openProp : internalOpen;
+    const themedRef = useThemedRef(ref);
+    const setOpen = (next)=>{
+        if (!isControlled) setInternalOpen(next);
+        onOpenChange?.(next);
+    };
+    return /*#__PURE__*/ jsx(TopNavigationContext.Provider, {
+        value: {
+            open,
+            setOpen
+        },
+        children: /*#__PURE__*/ jsx("nav", {
+            ref: themedRef,
+            className: className ? `${root} ${className}` : root,
+            ...rest,
+            children: children
+        })
+    });
+});
+TopNavigationRoot.displayName = 'TopNavigationRoot';
+const TopNavigationBrand = ({ as: Component = 'a', className, ...rest })=>/*#__PURE__*/ jsx(Component, {
+        className: className ? `${brand} ${className}` : brand,
+        ...rest
+    });
+TopNavigationBrand.displayName = 'TopNavigationBrand';
+const TopNavigationContent = ({ className, ...rest })=>{
+    const { open } = useTopNavigationContext();
+    return /*#__PURE__*/ jsx("div", {
+        "data-open": open,
+        className: className ? `${content} ${className}` : content,
+        ...rest
+    });
+};
+TopNavigationContent.displayName = 'TopNavigationContent';
+const TopNavigationActions = ({ className, ...rest })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${actions} ${className}` : actions,
+        ...rest
+    });
+TopNavigationActions.displayName = 'TopNavigationActions';
+const TopNavigationItem = /*#__PURE__*/ forwardRef(({ as: Component = 'button', active, className, ...rest }, ref)=>/*#__PURE__*/ jsx(Component, {
+        ref: ref,
+        className: className ? `${item({
+            active
+        })} ${className}` : item({
+            active
+        }),
+        ...rest
+    }));
+TopNavigationItem.displayName = 'TopNavigationItem';
+const TopNavigationMobileTrigger = ({ className, ...rest })=>{
+    const { open, setOpen } = useTopNavigationContext();
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: className ? `${mobileTrigger} ${className}` : mobileTrigger,
+        "aria-label": open ? 'Close menu' : 'Open menu',
+        "aria-expanded": open,
+        onClick: ()=>{
+            setOpen(!open);
+        },
+        ...rest,
+        children: open ? /*#__PURE__*/ jsx(XIcon, {}) : /*#__PURE__*/ jsx(MenuIcon, {})
+    });
+};
+TopNavigationMobileTrigger.displayName = 'TopNavigationMobileTrigger';
+const TopNavigationImpl = ({ brand: brandContent, brandHref, items, actions: actionsContent, linkComponent, open, defaultOpen, onOpenChange })=>/*#__PURE__*/ jsxs(TopNavigationRoot, {
+        open: open,
+        defaultOpen: defaultOpen,
+        onOpenChange: onOpenChange,
+        children: [
+            brandContent ? /*#__PURE__*/ jsx(TopNavigationBrand, {
+                as: linkComponent,
+                href: brandHref,
+                children: brandContent
+            }) : null,
+            /*#__PURE__*/ jsx(TopNavigationContent, {
+                children: items.map((itemSpec)=>/*#__PURE__*/ jsx(TopNavigationItem, {
+                        as: itemSpec.href ? linkComponent ?? 'a' : 'button',
+                        href: itemSpec.href,
+                        active: itemSpec.active,
+                        disabled: itemSpec.disabled,
+                        onClick: itemSpec.onClick,
+                        children: itemSpec.label
+                    }, itemSpec.key))
+            }),
+            actionsContent ? /*#__PURE__*/ jsx(TopNavigationActions, {
+                children: actionsContent
+            }) : null,
+            /*#__PURE__*/ jsx(TopNavigationMobileTrigger, {})
+        ]
+    });
+TopNavigationImpl.displayName = 'TopNavigation';
+const TopNavigation = Object.assign(TopNavigationImpl, {
+    Root: TopNavigationRoot,
+    Brand: TopNavigationBrand,
+    Content: TopNavigationContent,
+    Item: TopNavigationItem,
+    Actions: TopNavigationActions,
+    MobileTrigger: TopNavigationMobileTrigger
+});
+export { TopNavigation };

package/dist/esm/913.css

@@ -0,0 +1,119 @@
+@keyframes _1n0eqzz4 {
+  from {
+    opacity: 0;
+    transform: translateY(.25rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+._1n0eqzz0[data-orientation="vertical"] {
+  gap: var(--vinyasa-space5);
+  display: flex;
+}
+
+._1n0eqzz1 {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  display: flex;
+  position: relative;
+}
+
+._1n0eqzz1[data-orientation="vertical"] {
+  border-bottom: none;
+  border-right: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  flex-direction: column;
+  flex-shrink: 0;
+  align-items: stretch;
+  min-width: 10rem;
+}
+
+._1n0eqzz2 {
+  background-color: var(--vinyasa-primary);
+  opacity: 0;
+  height: 2px;
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), width var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), height var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+}
+
+[data-orientation="vertical"] ._1n0eqzz2 {
+  width: 2px;
+  height: 0;
+  inset: 0 -1px auto auto;
+}
+
+._1n0eqzz3 {
+  height: 2.5rem;
+  padding: 0 var(--vinyasa-space3);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  cursor: pointer;
+  transition: color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: #0000;
+  border: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+._1n0eqzz3:hover:not([data-disabled]) {
+  color: var(--vinyasa-text-default);
+}
+
+._1n0eqzz3:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: -2px;
+}
+
+._1n0eqzz3[data-disabled] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1n0eqzz3[data-state="active"] {
+  color: var(--vinyasa-text-default);
+}
+
+[data-orientation="vertical"] ._1n0eqzz3 {
+  justify-content: flex-start;
+}
+
+._1n0eqzz5 {
+  padding-top: var(--vinyasa-space4);
+  grid-area: 1 / 1;
+}
+
+._1n0eqzz5:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+[data-orientation="vertical"] ._1n0eqzz5 {
+  padding-top: 0;
+}
+
+._1n0eqzz5[data-state="active"] {
+  animation: _1n0eqzz4 var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+}
+
+._1n0eqzz5[data-state="inactive"] {
+  visibility: hidden;
+  pointer-events: none;
+}
+
+._1n0eqzz6 {
+  display: grid;
+  position: relative;
+}
+
+[data-orientation="vertical"] ._1n0eqzz6 {
+  flex: 1;
+}
+

package/dist/esm/913.js

@@ -0,0 +1,121 @@
+import "./913.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useThemedRef } from "@vinyasa/tokens";
+import { forwardRef, useCallback, useLayoutEffect, useRef } from "react";
+import * as __rspack_external__radix_ui_react_tabs_7bf5a77b from "@radix-ui/react-tabs";
+var content = '_1n0eqzz5';
+var contentGroup = '_1n0eqzz6';
+var indicator = '_1n0eqzz2';
+var list = '_1n0eqzz1';
+var root = '_1n0eqzz0';
+var trigger = '_1n0eqzz3';
+const TabsRoot = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>{
+    const themedRef = useThemedRef(ref);
+    return /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_tabs_7bf5a77b.Root, {
+        ref: themedRef,
+        className: className ? `${root} ${className}` : root,
+        ...rest
+    });
+});
+TabsRoot.displayName = 'TabsRoot';
+const TabsList = ({ className, children, ...rest })=>{
+    const listRef = useRef(null);
+    const indicatorRef = useRef(null);
+    const updateIndicator = useCallback(()=>{
+        const listEl = listRef.current;
+        const indicatorEl = indicatorRef.current;
+        if (!listEl || !indicatorEl) return;
+        const activeTab = listEl.querySelector('[role="tab"][data-state="active"]');
+        if (!activeTab) {
+            indicatorEl.style.opacity = '0';
+            return;
+        }
+        indicatorEl.style.opacity = '1';
+        if ('vertical' === listEl.getAttribute('data-orientation')) {
+            indicatorEl.style.transform = `translateY(${String(activeTab.offsetTop)}px)`;
+            indicatorEl.style.height = `${String(activeTab.offsetHeight)}px`;
+        } else {
+            indicatorEl.style.transform = `translateX(${String(activeTab.offsetLeft)}px)`;
+            indicatorEl.style.width = `${String(activeTab.offsetWidth)}px`;
+        }
+    }, []);
+    useLayoutEffect(()=>{
+        updateIndicator();
+        const listEl = listRef.current;
+        if (!listEl) return;
+        const mutationObserver = new MutationObserver(updateIndicator);
+        mutationObserver.observe(listEl, {
+            attributes: true,
+            attributeFilter: [
+                'data-state'
+            ],
+            subtree: true
+        });
+        const resizeObserver = new ResizeObserver(updateIndicator);
+        resizeObserver.observe(listEl);
+        return ()=>{
+            mutationObserver.disconnect();
+            resizeObserver.disconnect();
+        };
+    }, [
+        updateIndicator
+    ]);
+    return /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_tabs_7bf5a77b.List, {
+        ref: listRef,
+        className: className ? `${list} ${className}` : list,
+        ...rest,
+        children: [
+            children,
+            /*#__PURE__*/ jsx("div", {
+                ref: indicatorRef,
+                className: indicator,
+                "aria-hidden": true
+            })
+        ]
+    });
+};
+TabsList.displayName = 'TabsList';
+const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_tabs_7bf5a77b.Trigger, {
+        ref: ref,
+        className: className ? `${trigger} ${className}` : trigger,
+        ...rest
+    }));
+TabsTrigger.displayName = 'TabsTrigger';
+const TabsContent = ({ className, ...rest })=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_tabs_7bf5a77b.Content, {
+        forceMount: true,
+        className: className ? `${content} ${className}` : content,
+        ...rest
+    });
+TabsContent.displayName = 'TabsContent';
+const TabsContentGroup = ({ children, className })=>/*#__PURE__*/ jsx("div", {
+        className: className ? `${contentGroup} ${className}` : contentGroup,
+        children: children
+    });
+TabsContentGroup.displayName = 'TabsContentGroup';
+const TabsImpl = ({ tabs, ...rest })=>/*#__PURE__*/ jsxs(TabsRoot, {
+        ...rest,
+        children: [
+            /*#__PURE__*/ jsx(TabsList, {
+                children: tabs.map((tab)=>/*#__PURE__*/ jsx(TabsTrigger, {
+                        value: tab.value,
+                        disabled: tab.disabled,
+                        children: tab.label
+                    }, tab.value))
+            }),
+            /*#__PURE__*/ jsx(TabsContentGroup, {
+                children: tabs.map((tab)=>/*#__PURE__*/ jsx(TabsContent, {
+                        value: tab.value,
+                        children: tab.content
+                    }, tab.value))
+            })
+        ]
+    });
+TabsImpl.displayName = 'Tabs';
+const Tabs = Object.assign(TabsImpl, {
+    Root: TabsRoot,
+    List: TabsList,
+    Trigger: TabsTrigger,
+    Content: TabsContent,
+    ContentGroup: TabsContentGroup
+});
+export { Tabs };

package/dist/esm/953.js

@@ -0,0 +1,87 @@
+function toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != typeof i) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+    key = toPropertyKey(key);
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function ownKeys(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function(r) {
+            return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })), t.push.apply(t, o);
+    }
+    return t;
+}
+function _objectSpread2(e) {
+    for(var r = 1; r < arguments.length; r++){
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
+            _defineProperty(e, r, t[r]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
+            Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+        });
+    }
+    return e;
+}
+function mapValues(input, fn) {
+    var result = {};
+    for(var _key in input)result[_key] = fn(input[_key], _key);
+    return result;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
+    for (var key of Object.keys(compoundCheck)){
+        var _selections$key;
+        if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
+    }
+    return true;
+};
+var createRuntimeFn = (config)=>{
+    var runtimeFn = (options)=>{
+        var className = config.defaultClassName;
+        var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+        for(var variantName in selections){
+            var _selections$variantNa;
+            var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
+            if (null != variantSelection) {
+                var selection = variantSelection;
+                if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
+                var selectionClassName = config.variantClassNames[variantName][selection];
+                if (selectionClassName) className += ' ' + selectionClassName;
+            }
+        }
+        for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
+        return className;
+    };
+    runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
+    runtimeFn.classNames = {
+        get base () {
+            return config.defaultClassName.split(' ')[0];
+        },
+        get variants () {
+            return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
+        }
+    };
+    return runtimeFn;
+};
+export { createRuntimeFn };

package/dist/esm/breadcrumbs.d.ts

@@ -0,0 +1,2 @@
+export * from './components/breadcrumbs/index';
+export { default } from './components/breadcrumbs/index';

package/dist/esm/breadcrumbs.js

@@ -0,0 +1 @@
+export { Breadcrumbs } from "./655.js";

package/dist/esm/command-navigation.d.ts

@@ -0,0 +1,2 @@
+export * from './components/command-navigation/index';
+export { default } from './components/command-navigation/index';

package/dist/esm/command-navigation.js

@@ -0,0 +1 @@
+export { CommandNavigation } from "./66.js";

package/dist/esm/components/breadcrumbs/Breadcrumbs.css.d.ts

@@ -0,0 +1,6 @@
+export declare const list: string;
+export declare const item: string;
+export declare const link: string;
+export declare const page: string;
+export declare const separator: string;
+export declare const truncatedLabel: string;

package/dist/esm/components/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,58 @@
+import { type ComponentPropsWithoutRef, type ElementType, type ReactNode } from 'react';
+export interface BreadcrumbsRootProps extends ComponentPropsWithoutRef<'nav'> {
+    /** Screen-reader label for the trail. Defaults to "Breadcrumb". */
+    label?: string;
+}
+export type BreadcrumbsListProps = ComponentPropsWithoutRef<'ol'>;
+export type BreadcrumbsItemProps = ComponentPropsWithoutRef<'li'>;
+export interface BreadcrumbsLinkProps extends ComponentPropsWithoutRef<'a'> {
+    /** Renders as this element/component instead of a native `<a>` — e.g. your router's own `Link`. */
+    as?: ElementType;
+}
+export type BreadcrumbsPageProps = ComponentPropsWithoutRef<'span'>;
+export type BreadcrumbsSeparatorProps = ComponentPropsWithoutRef<'li'>;
+export interface BreadcrumbsItemSpec {
+    /** Unique within the trail — used as the React key. Defaults to `label` when omitted. */
+    key?: string;
+    label: ReactNode;
+    href?: string;
+}
+export interface BreadcrumbsProps extends BreadcrumbsRootProps {
+    items: BreadcrumbsItemSpec[];
+    /** Rendered between each pair of items. Defaults to a chevron icon. */
+    separator?: ReactNode;
+    /**
+     * Component to render a non-final item's link with — swap in your
+     * router's own `Link` for client-side navigation instead of a plain
+     * `<a>`'s full page reload. Receives `href` like a native anchor; if
+     * your router's `Link` takes `to` instead, wrap it: `({ href, ...props })
+     * => <RouterLink to={href} {...props} />`. Defaults to `'a'`.
+     */
+    linkComponent?: ElementType;
+}
+export declare const Breadcrumbs: {
+    ({ items, separator: separatorNode, linkComponent, label, className, ...rest }: BreadcrumbsProps): import("react").JSX.Element;
+    displayName: string;
+} & {
+    Root: import("react").ForwardRefExoticComponent<BreadcrumbsRootProps & import("react").RefAttributes<HTMLElement>>;
+    List: {
+        ({ className, ...rest }: BreadcrumbsListProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ className, ...rest }: BreadcrumbsItemProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Link: {
+        ({ as: Component, className, ...rest }: BreadcrumbsLinkProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Page: {
+        ({ className, ...rest }: BreadcrumbsPageProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        ({ className, children, ...rest }: BreadcrumbsSeparatorProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};

package/dist/esm/components/breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsItemSpec, type BreadcrumbsLinkProps, type BreadcrumbsListProps, type BreadcrumbsPageProps, type BreadcrumbsProps, type BreadcrumbsRootProps, type BreadcrumbsSeparatorProps, } from './Breadcrumbs';

package/dist/esm/components/command-navigation/CommandNavigation.css.d.ts

@@ -0,0 +1,4 @@
+export declare const trigger: string;
+export declare const triggerIcon: string;
+export declare const triggerText: string;
+export declare const triggerKbd: string;

package/dist/esm/components/command-navigation/CommandNavigation.d.ts

@@ -0,0 +1,50 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export interface CommandNavigationItemSpec {
+    /** Unique across the whole palette — used as the React key and cmdk's own item value. */
+    key: string;
+    label: ReactNode;
+    /** Navigated to via `onNavigate` on select. Ignored when `onSelect` is also given. */
+    href?: string;
+    /** Runs instead of navigating — for a non-navigation action alongside the rest (e.g. "Create new project"). */
+    onSelect?: () => void;
+    disabled?: boolean;
+    icon?: ReactNode;
+    shortcut?: ReactNode;
+    /** Extra terms to match against when filtering, beyond `label`'s own text. */
+    keywords?: string[];
+}
+export interface CommandNavigationGroupSpec {
+    /** Unique across the whole palette — used as the React key and cmdk's own group value. */
+    key: string;
+    heading?: ReactNode;
+    items: CommandNavigationItemSpec[];
+}
+export interface CommandNavigationProps {
+    groups: CommandNavigationGroupSpec[];
+    /** Accessible name for the dialog — never shown visually, only exposed to assistive tech. Defaults to "Command navigation". */
+    label?: string;
+    placeholder?: string;
+    emptyMessage?: ReactNode;
+    /** Called with an item's `href` on select — wire this to your router's own navigate function. Defaults to `window.location.assign`. */
+    onNavigate?: (href: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Disables the built-in ⌘K/Ctrl+K listener — e.g. when driving `open` entirely from your own trigger and shortcut. Defaults to false. */
+    disableShortcut?: boolean;
+}
+export interface CommandNavigationTriggerProps extends ComponentPropsWithoutRef<'button'> {
+    /** Shown next to the search icon unless `children` is given. Defaults to `"Search or jump to..."`. */
+    placeholder?: string;
+    /** Shown as the trailing keyboard hint. Defaults to `"⌘K"` — a literal, platform-neutral label most apps (Linear, Vercel, Raycast) already show regardless of OS, rather than sniffing `navigator.platform` and risking a server/client mismatch. */
+    shortcutLabel?: ReactNode;
+}
+export declare const CommandNavigation: {
+    ({ groups, label, placeholder, emptyMessage, onNavigate, open: openProp, defaultOpen, onOpenChange, disableShortcut, }: CommandNavigationProps): import("react").JSX.Element;
+    displayName: string;
+} & {
+    Trigger: {
+        ({ placeholder, shortcutLabel, className, children, ...rest }: CommandNavigationTriggerProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};

package/dist/esm/components/command-navigation/index.d.ts

@@ -0,0 +1 @@
+export { CommandNavigation, type CommandNavigationGroupSpec, type CommandNavigationItemSpec, type CommandNavigationProps, type CommandNavigationTriggerProps, } from './CommandNavigation';

package/dist/esm/components/navigation-menu/NavigationMenu.css.d.ts

@@ -0,0 +1,13 @@
+export declare const root: string;
+export declare const list: string;
+export declare const trigger: string;
+export declare const triggerIcon: string;
+export declare const link: string;
+export declare const indicator: string;
+export declare const viewportPosition: string;
+export declare const viewport: string;
+export declare const content: string;
+export declare const contentGrid: string;
+export declare const contentLink: string;
+export declare const contentLinkTitle: string;
+export declare const contentLinkDescription: string;