@cloudvoyant/vortex-svelte 0.17.0-rc.202609040136.45c8986

package/dist/index.d.ts

@@ -0,0 +1,57 @@
+export { default as Button } from './Button.svelte';
+export { default as ToggleButton } from './ToggleButton.svelte';
+export { default as ToggleButtonIndicator } from './ToggleButtonIndicator.svelte';
+export * from './tooltip';
+export * from './popover';
+export * from './dialog';
+export * from './window';
+export { default as Badge } from './Badge.svelte';
+export { default as Container } from './Container.svelte';
+export { default as Row } from './Row.svelte';
+export { default as Col } from './Col.svelte';
+export { default as Center } from './Center.svelte';
+export { default as Portal } from './Portal.svelte';
+export { default as Item } from './Item.svelte';
+export { Card, CardHeader, CardBody, CardFooter, CardTitle, CardDescription, CardCover } from './card';
+export { default as Stack } from './Stack.svelte';
+export { default as HStack } from './HStack.svelte';
+export { default as VStack } from './VStack.svelte';
+export { default as Scroll } from './Scroll.svelte';
+export { default as Page } from './Page.svelte';
+export { default as PageGutter } from './PageGutter.svelte';
+export { default as PageContent } from './PageContent.svelte';
+export { default as PageFooter } from './PageFooter.svelte';
+export { default as PageSection } from './PageSection.svelte';
+export { default as Splitter } from './Splitter.svelte';
+export { default as SplitterPanel } from './SplitterPanel.svelte';
+export { default as SplitterResizeTrigger } from './SplitterResizeTrigger.svelte';
+export { default as SplitterResizeTriggerIndicator } from './SplitterResizeTriggerIndicator.svelte';
+export * from './sidebar';
+export * from './tabs';
+export * from './pagination';
+export * from './navbar';
+export * from './field';
+export { default as Input } from './Input.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export * from './number-input';
+export * from './checkbox';
+export * from './switch';
+export * from './select';
+export * from './combobox';
+export * from './tags-input';
+export { default as Mermaid } from './Mermaid.svelte';
+export { default as CopyButton } from './CopyButton.svelte';
+export * from './radio-group';
+export { default as Notice } from './Notice.svelte';
+export { default as Figure } from './Figure.svelte';
+export { default as Reveal } from './Reveal.svelte';
+export { default as PrevNext } from './PrevNext.svelte';
+export { default as LaTeX } from './LaTeX.svelte';
+export { default as InlineLaTeX } from './InlineLaTeX.svelte';
+export * from './code-block';
+export { default as YouTube } from './YouTube.svelte';
+export { default as YoutubeTimestamps } from './YoutubeTimestamps.svelte';
+export { default as YoutubeTimestampAt } from './YoutubeTimestampAt.svelte';
+export { default as Chart } from './Chart.svelte';
+export { default as Manim } from './Manim.svelte';
+export * from './questions';

package/dist/index.js

@@ -0,0 +1,58 @@
+// libs/vortex-svelte/src/index.ts
+export { default as Button } from './Button.svelte';
+export { default as ToggleButton } from './ToggleButton.svelte';
+export { default as ToggleButtonIndicator } from './ToggleButtonIndicator.svelte';
+export * from './tooltip';
+export * from './popover';
+export * from './dialog';
+export * from './window';
+export { default as Badge } from './Badge.svelte';
+export { default as Container } from './Container.svelte';
+export { default as Row } from './Row.svelte';
+export { default as Col } from './Col.svelte';
+export { default as Center } from './Center.svelte';
+export { default as Portal } from './Portal.svelte';
+export { default as Item } from './Item.svelte';
+export { Card, CardHeader, CardBody, CardFooter, CardTitle, CardDescription, CardCover } from './card';
+export { default as Stack } from './Stack.svelte';
+export { default as HStack } from './HStack.svelte';
+export { default as VStack } from './VStack.svelte';
+export { default as Scroll } from './Scroll.svelte';
+export { default as Page } from './Page.svelte';
+export { default as PageGutter } from './PageGutter.svelte';
+export { default as PageContent } from './PageContent.svelte';
+export { default as PageFooter } from './PageFooter.svelte';
+export { default as PageSection } from './PageSection.svelte';
+export { default as Splitter } from './Splitter.svelte';
+export { default as SplitterPanel } from './SplitterPanel.svelte';
+export { default as SplitterResizeTrigger } from './SplitterResizeTrigger.svelte';
+export { default as SplitterResizeTriggerIndicator } from './SplitterResizeTriggerIndicator.svelte';
+export * from './sidebar';
+export * from './tabs';
+export * from './pagination';
+export * from './navbar';
+export * from './field';
+export { default as Input } from './Input.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export * from './number-input';
+export * from './checkbox';
+export * from './switch';
+export * from './select';
+export * from './combobox';
+export * from './tags-input';
+export { default as Mermaid } from './Mermaid.svelte';
+export { default as CopyButton } from './CopyButton.svelte';
+export * from './radio-group';
+export { default as Notice } from './Notice.svelte';
+export { default as Figure } from './Figure.svelte';
+export { default as Reveal } from './Reveal.svelte';
+export { default as PrevNext } from './PrevNext.svelte';
+export { default as LaTeX } from './LaTeX.svelte';
+export { default as InlineLaTeX } from './InlineLaTeX.svelte';
+export * from './code-block';
+export { default as YouTube } from './YouTube.svelte';
+export { default as YoutubeTimestamps } from './YoutubeTimestamps.svelte';
+export { default as YoutubeTimestampAt } from './YoutubeTimestampAt.svelte';
+export { default as Chart } from './Chart.svelte';
+export { default as Manim } from './Manim.svelte';
+export * from './questions';

package/dist/navbar/NavbarActions.svelte

@@ -0,0 +1,25 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarActions.svelte -->
+<!-- Source: @cloudvoyant/vortex-react navbar actions (shadcnblocks navbar6/7, re-based on Ark UI) -->
+<script lang="ts">
+  import { Ark } from '@ark-ui/svelte/factory';
+  import { navbarActionsBase, cn } from '@cloudvoyant/vortex-ui';
+  import { getNavbarContext } from './NavbarContext.svelte';
+  import type { Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  type Props = {
+    class?: string;
+    children?: Snippet;
+  } & HTMLAttributes<HTMLDivElement>;
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const navbar = getNavbarContext();
+  $effect(() => navbar.setSlot('actions', children));
+
+  const classes = $derived(cn(navbarActionsBase, className));
+</script>
+
+<Ark as="div" data-slot="navbar-actions" class={classes} {...rest}>
+  {@render children?.()}
+</Ark>

package/dist/navbar/NavbarActions.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type Props = {
+    class?: string;
+    children?: Snippet;
+} & HTMLAttributes<HTMLDivElement>;
+declare const NavbarActions: import("svelte").Component<Props, {}, "">;
+type NavbarActions = ReturnType<typeof NavbarActions>;
+export default NavbarActions;

package/dist/navbar/NavbarActivationArea.svelte

@@ -0,0 +1,30 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarActivationArea.svelte -->
+<!-- Source: @cloudvoyant/vortex-react navbar activation area (hover reveal for variant="hide") -->
+<script lang="ts">
+  import { Ark } from '@ark-ui/svelte/factory';
+  import { navbarActivationAreaBase, cn } from '@cloudvoyant/vortex-ui';
+  import { getNavbarContext } from './NavbarContext.svelte';
+  import type { Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  type Props = {
+    class?: string;
+    children?: Snippet;
+  } & HTMLAttributes<HTMLDivElement>;
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const navbar = getNavbarContext();
+  const classes = $derived(cn(navbarActivationAreaBase, className));
+</script>
+
+<Ark
+  as="div"
+  data-slot="navbar-activation-area"
+  class={classes}
+  onmouseenter={() => navbar.setHovered(true)}
+  onmouseleave={() => navbar.setHovered(false)}
+  {...rest}
+>
+  {@render children?.()}
+</Ark>

package/dist/navbar/NavbarActivationArea.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type Props = {
+    class?: string;
+    children?: Snippet;
+} & HTMLAttributes<HTMLDivElement>;
+declare const NavbarActivationArea: import("svelte").Component<Props, {}, "">;
+type NavbarActivationArea = ReturnType<typeof NavbarActivationArea>;
+export default NavbarActivationArea;

package/dist/navbar/NavbarBrand.svelte

@@ -0,0 +1,25 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarBrand.svelte -->
+<!-- Source: @cloudvoyant/vortex-react navbar brand (shadcnblocks navbar6/7, re-based on Ark UI) -->
+<script lang="ts">
+  import { Ark } from '@ark-ui/svelte/factory';
+  import { navbarBrandBase, cn } from '@cloudvoyant/vortex-ui';
+  import { getNavbarContext } from './NavbarContext.svelte';
+  import type { Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  type Props = {
+    class?: string;
+    children?: Snippet;
+  } & HTMLAttributes<HTMLDivElement>;
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const navbar = getNavbarContext();
+  $effect(() => navbar.setSlot('brand', children));
+
+  const classes = $derived(cn(navbarBrandBase, className));
+</script>
+
+<Ark as="div" data-slot="navbar-brand" class={classes} {...rest}>
+  {@render children?.()}
+</Ark>

package/dist/navbar/NavbarBrand.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type Props = {
+    class?: string;
+    children?: Snippet;
+} & HTMLAttributes<HTMLDivElement>;
+declare const NavbarBrand: import("svelte").Component<Props, {}, "">;
+type NavbarBrand = ReturnType<typeof NavbarBrand>;
+export default NavbarBrand;

package/dist/navbar/NavbarContext.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Snippet } from 'svelte';
+import type { NavbarDensity, NavbarVariant } from '@cloudvoyant/vortex-ui';
+export interface NavbarContextValue {
+    id: string;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    scrolled: boolean;
+    setScrolled: (scrolled: boolean) => void;
+    density: NavbarDensity;
+    variant: NavbarVariant;
+    floating: boolean;
+    hovered: boolean;
+    setHovered: (hovered: boolean) => void;
+    slots: {
+        brand?: Snippet;
+        actions?: Snippet;
+    };
+    setSlot: (key: 'brand' | 'actions', node: Snippet | undefined) => void;
+    /** The element the mobile overlay portals into (the header's parent). */
+    portalEl: HTMLElement | undefined;
+    setPortalEl: (el: HTMLElement | undefined) => void;
+}
+export declare const NAVBAR_CONTEXT_KEY: unique symbol;
+export declare function setNavbarContext(context: NavbarContextValue): void;
+export declare function getNavbarContext(): NavbarContextValue;

package/dist/navbar/NavbarContext.svelte.js

@@ -0,0 +1,14 @@
+// libs/vortex-svelte/src/navbar/NavbarContext.svelte.ts
+// Source: @cloudvoyant/vortex-react navbar context (shadcnblocks navbar6/7, re-based on Ark UI)
+import { getContext, setContext } from 'svelte';
+export const NAVBAR_CONTEXT_KEY = Symbol('vortex-ui.navbar');
+export function setNavbarContext(context) {
+    setContext(NAVBAR_CONTEXT_KEY, context);
+}
+export function getNavbarContext() {
+    const context = getContext(NAVBAR_CONTEXT_KEY);
+    if (!context) {
+        throw new Error('Navbar parts must be used within a NavbarProvider.');
+    }
+    return context;
+}

package/dist/navbar/NavbarMenu.svelte

@@ -0,0 +1,61 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenu.svelte -->
+<!-- Source: @cloudvoyant/vortex-react navbar menu (shadcnblocks navbar6/7, re-based on Ark UI) -->
+<script lang="ts">
+  import { Ark } from '@ark-ui/svelte/factory';
+  import {
+    NavigationMenuRoot,
+    NavigationMenuViewport,
+    NavigationMenuViewportPositioner,
+    type NavigationMenuRootProps,
+  } from '@ark-ui/svelte/navigation-menu';
+  import {
+    navbarMenuRootBase,
+    navbarMenuViewportPositionerBase,
+    navbarMenuViewportBase,
+    navbarMenuBase,
+    navbarMenuPlacementVariants,
+    cn,
+    type NavbarMenuDensity,
+    type NavbarMenuVariant,
+  } from '@cloudvoyant/vortex-ui';
+  import { setNavbarMenuStyle } from './NavbarMenuContext.svelte';
+  import { getNavbarContext } from './NavbarContext.svelte';
+  import type { Snippet } from 'svelte';
+
+  type Props = NavigationMenuRootProps & {
+    placement?: 'left' | 'center' | 'right';
+    class?: string;
+    children?: Snippet;
+  };
+
+  let { placement = 'center', class: className = '', children, ...rest }: Props = $props();
+
+  const navbar = getNavbarContext();
+  const menuDensity = $derived<NavbarMenuDensity>(
+    navbar.density === 'compact' || (navbar.variant === 'shrink' && navbar.scrolled)
+      ? 'compact'
+      : 'relaxed',
+  );
+  const classes = $derived(cn(navbarMenuBase, navbarMenuPlacementVariants({ placement }), className));
+
+  setNavbarMenuStyle({
+    get density() {
+      return menuDensity;
+    },
+    get variant() {
+      return 'default' as NavbarMenuVariant;
+    },
+    get inContent() {
+      return false;
+    },
+  });
+</script>
+
+<Ark as="nav" data-slot="navbar-menu" data-placement={placement} class={classes}>
+  <NavigationMenuRoot data-density={menuDensity} class={cn(navbarMenuRootBase)} {...rest}>
+    {@render children?.()}
+    <NavigationMenuViewportPositioner class={cn(navbarMenuViewportPositionerBase)}>
+      <NavigationMenuViewport class={cn(navbarMenuViewportBase)} />
+    </NavigationMenuViewportPositioner>
+  </NavigationMenuRoot>
+</Ark>

package/dist/navbar/NavbarMenu.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type NavigationMenuRootProps } from '@ark-ui/svelte/navigation-menu';
+import type { Snippet } from 'svelte';
+type Props = NavigationMenuRootProps & {
+    placement?: 'left' | 'center' | 'right';
+    class?: string;
+    children?: Snippet;
+};
+declare const NavbarMenu: import("svelte").Component<Props, {}, "">;
+type NavbarMenu = ReturnType<typeof NavbarMenu>;
+export default NavbarMenu;

package/dist/navbar/NavbarMenuContent.svelte

@@ -0,0 +1,16 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenuContent.svelte -->
+<!-- Closely based on: @ark-ui/svelte/navigation-menu (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { NavigationMenuContent, type NavigationMenuContentProps } from '@ark-ui/svelte/navigation-menu';
+  import { navbarMenuContentBase, cn } from '@cloudvoyant/vortex-ui';
+  import { setNavbarMenuStyle } from './NavbarMenuContext.svelte';
+
+  let { value, class: className = '', children, ...rest }: NavigationMenuContentProps = $props();
+
+  const classes = $derived(cn(navbarMenuContentBase, className));
+  setNavbarMenuStyle({ density: 'relaxed', variant: 'default', inContent: true });
+</script>
+
+<NavigationMenuContent {value} class={classes} {...rest}>
+  {@render children?.()}
+</NavigationMenuContent>

package/dist/navbar/NavbarMenuContent.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type NavigationMenuContentProps } from '@ark-ui/svelte/navigation-menu';
+declare const NavbarMenuContent: import("svelte").Component<NavigationMenuContentProps, {}, "">;
+type NavbarMenuContent = ReturnType<typeof NavbarMenuContent>;
+export default NavbarMenuContent;

package/dist/navbar/NavbarMenuContext.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { NavbarMenuDensity, NavbarMenuVariant } from '@cloudvoyant/vortex-ui';
+export interface NavbarMenuStyle {
+    density: NavbarMenuDensity;
+    variant: NavbarMenuVariant;
+    inContent: boolean;
+}
+export declare function setNavbarMenuStyle(style: NavbarMenuStyle): void;
+export declare function getNavbarMenuStyle(): NavbarMenuStyle;

package/dist/navbar/NavbarMenuContext.svelte.js

@@ -0,0 +1,14 @@
+// libs/vortex-svelte/src/navbar/NavbarMenuContext.svelte.ts
+// Shared Svelte context for the NavbarMenu style (density from the root, variant
+// from the item). NavbarMenuTrigger/NavbarMenuLink read it to resolve their cva
+// directly; NavbarMenuContent overrides it (relaxed/default + inContent) so
+// dropdown panel links use the plain link style and never inherit the
+// top-level density/variant.
+import { getContext, setContext } from 'svelte';
+const NAVBAR_MENU_STYLE_KEY = Symbol('vortex-ui.navbar-menu.style');
+export function setNavbarMenuStyle(style) {
+    setContext(NAVBAR_MENU_STYLE_KEY, style);
+}
+export function getNavbarMenuStyle() {
+    return (getContext(NAVBAR_MENU_STYLE_KEY) ?? { density: 'relaxed', variant: 'default', inContent: false });
+}

package/dist/navbar/NavbarMenuIndicator.svelte

@@ -0,0 +1,12 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenuIndicator.svelte -->
+<!-- Closely based on: @ark-ui/svelte/navigation-menu (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { NavigationMenuIndicator, type NavigationMenuIndicatorProps } from '@ark-ui/svelte/navigation-menu';
+  import { navbarMenuIndicatorBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let { class: className = '', ...rest }: NavigationMenuIndicatorProps = $props();
+
+  const classes = $derived(cn(navbarMenuIndicatorBase, className));
+</script>
+
+<NavigationMenuIndicator class={classes} {...rest} />

package/dist/navbar/NavbarMenuIndicator.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type NavigationMenuIndicatorProps } from '@ark-ui/svelte/navigation-menu';
+declare const NavbarMenuIndicator: import("svelte").Component<NavigationMenuIndicatorProps, {}, "">;
+type NavbarMenuIndicator = ReturnType<typeof NavbarMenuIndicator>;
+export default NavbarMenuIndicator;

package/dist/navbar/NavbarMenuItem.svelte

@@ -0,0 +1,34 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenuItem.svelte -->
+<!-- Closely based on: @ark-ui/svelte/navigation-menu (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { NavigationMenuItem, type NavigationMenuItemProps } from '@ark-ui/svelte/navigation-menu';
+  import { navbarMenuItemBase, cn, type NavbarMenuVariant } from '@cloudvoyant/vortex-ui';
+  import { getNavbarMenuStyle, setNavbarMenuStyle } from './NavbarMenuContext.svelte';
+
+  let {
+    value,
+    disabled = false,
+    variant = 'default',
+    class: className = '',
+    children,
+    ...rest
+  }: NavigationMenuItemProps & { variant?: NavbarMenuVariant } = $props();
+
+  const parentStyle = getNavbarMenuStyle();
+  setNavbarMenuStyle({
+    get density() {
+      return parentStyle.density;
+    },
+    get variant() {
+      return variant;
+    },
+    get inContent() {
+      return false;
+    },
+  });
+  const classes = $derived(cn(navbarMenuItemBase, className));
+</script>
+
+<NavigationMenuItem {value} {disabled} data-variant={variant} class={classes} {...rest}>
+  {@render children?.()}
+</NavigationMenuItem>

package/dist/navbar/NavbarMenuItem.svelte.d.ts

@@ -0,0 +1,8 @@
+import { type NavigationMenuItemProps } from '@ark-ui/svelte/navigation-menu';
+import { type NavbarMenuVariant } from '@cloudvoyant/vortex-ui';
+type $$ComponentProps = NavigationMenuItemProps & {
+    variant?: NavbarMenuVariant;
+};
+declare const NavbarMenuItem: import("svelte").Component<$$ComponentProps, {}, "">;
+type NavbarMenuItem = ReturnType<typeof NavbarMenuItem>;
+export default NavbarMenuItem;

package/dist/navbar/NavbarMenuLink.svelte

@@ -0,0 +1,18 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenuLink.svelte -->
+<!-- Closely based on: @ark-ui/svelte/navigation-menu (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { NavigationMenuLink, type NavigationMenuLinkProps } from '@ark-ui/svelte/navigation-menu';
+  import { navbarMenuLinkBase, navbarMenuTriggerStyle, cn } from '@cloudvoyant/vortex-ui';
+  import { getNavbarMenuStyle } from './NavbarMenuContext.svelte';
+
+  let { class: className = '', children, ...rest }: NavigationMenuLinkProps = $props();
+
+  const style = getNavbarMenuStyle();
+  const classes = $derived(
+    style.inContent ? cn(navbarMenuLinkBase, className) : cn(navbarMenuTriggerStyle(style), className),
+  );
+</script>
+
+<NavigationMenuLink class={classes} {...rest}>
+  {@render children?.()}
+</NavigationMenuLink>

package/dist/navbar/NavbarMenuLink.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type NavigationMenuLinkProps } from '@ark-ui/svelte/navigation-menu';
+declare const NavbarMenuLink: import("svelte").Component<NavigationMenuLinkProps, {}, "">;
+type NavbarMenuLink = ReturnType<typeof NavbarMenuLink>;
+export default NavbarMenuLink;

package/dist/navbar/NavbarMenuList.svelte

@@ -0,0 +1,14 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenuList.svelte -->
+<!-- Closely based on: @ark-ui/svelte/navigation-menu (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { NavigationMenuList, type NavigationMenuListProps } from '@ark-ui/svelte/navigation-menu';
+  import { navbarMenuListBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let { class: className = '', children, ...rest }: NavigationMenuListProps = $props();
+
+  const classes = $derived(cn(navbarMenuListBase, className));
+</script>
+
+<NavigationMenuList class={classes} {...rest}>
+  {@render children?.()}
+</NavigationMenuList>

package/dist/navbar/NavbarMenuList.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type NavigationMenuListProps } from '@ark-ui/svelte/navigation-menu';
+declare const NavbarMenuList: import("svelte").Component<NavigationMenuListProps, {}, "">;
+type NavbarMenuList = ReturnType<typeof NavbarMenuList>;
+export default NavbarMenuList;

package/dist/navbar/NavbarMenuTrigger.svelte

@@ -0,0 +1,30 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenuTrigger.svelte -->
+<!-- Closely based on: @ark-ui/svelte/navigation-menu (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { NavigationMenuTrigger, type NavigationMenuTriggerProps } from '@ark-ui/svelte/navigation-menu';
+  import { navbarMenuTriggerStyle, cn } from '@cloudvoyant/vortex-ui';
+  import { getNavbarMenuStyle } from './NavbarMenuContext.svelte';
+
+  let { disabled = false, asChild, class: className = '', children, ...rest }: NavigationMenuTriggerProps = $props();
+
+  const style = getNavbarMenuStyle();
+  const classes = $derived(cn(navbarMenuTriggerStyle(style), className));
+</script>
+
+<NavigationMenuTrigger {disabled} {asChild} class={classes} {...rest}>
+  {@render children?.()}
+  {#if !asChild}
+    <svg
+      class="relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180"
+      aria-hidden="true"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="m6 9 6 6 6-6"></path>
+    </svg>
+  {/if}
+</NavigationMenuTrigger>

package/dist/navbar/NavbarMenuTrigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type NavigationMenuTriggerProps } from '@ark-ui/svelte/navigation-menu';
+declare const NavbarMenuTrigger: import("svelte").Component<NavigationMenuTriggerProps, {}, "">;
+type NavbarMenuTrigger = ReturnType<typeof NavbarMenuTrigger>;
+export default NavbarMenuTrigger;

package/dist/navbar/NavbarMenuViewport.svelte

@@ -0,0 +1,12 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenuViewport.svelte -->
+<!-- Closely based on: @ark-ui/svelte/navigation-menu (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { NavigationMenuViewport, type NavigationMenuViewportProps } from '@ark-ui/svelte/navigation-menu';
+  import { navbarMenuViewportBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let { class: className = '', ...rest }: NavigationMenuViewportProps = $props();
+
+  const classes = $derived(cn(navbarMenuViewportBase, className));
+</script>
+
+<NavigationMenuViewport class={classes} {...rest} />

package/dist/navbar/NavbarMenuViewport.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type NavigationMenuViewportProps } from '@ark-ui/svelte/navigation-menu';
+declare const NavbarMenuViewport: import("svelte").Component<NavigationMenuViewportProps, {}, "">;
+type NavbarMenuViewport = ReturnType<typeof NavbarMenuViewport>;
+export default NavbarMenuViewport;

package/dist/navbar/NavbarMenuViewportPositioner.svelte

@@ -0,0 +1,17 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMenuViewportPositioner.svelte -->
+<!-- Closely based on: @ark-ui/svelte/navigation-menu (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import {
+    NavigationMenuViewportPositioner,
+    type NavigationMenuViewportPositionerProps,
+  } from '@ark-ui/svelte/navigation-menu';
+  import { navbarMenuViewportPositionerBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let { class: className = '', children, ...rest }: NavigationMenuViewportPositionerProps = $props();
+
+  const classes = $derived(cn(navbarMenuViewportPositionerBase, className));
+</script>
+
+<NavigationMenuViewportPositioner class={classes} {...rest}>
+  {@render children?.()}
+</NavigationMenuViewportPositioner>

package/dist/navbar/NavbarMenuViewportPositioner.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type NavigationMenuViewportPositionerProps } from '@ark-ui/svelte/navigation-menu';
+declare const NavbarMenuViewportPositioner: import("svelte").Component<NavigationMenuViewportPositionerProps, {}, "">;
+type NavbarMenuViewportPositioner = ReturnType<typeof NavbarMenuViewportPositioner>;
+export default NavbarMenuViewportPositioner;

package/dist/navbar/NavbarMobileMenu.svelte

@@ -0,0 +1,14 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMobileMenu.svelte -->
+<!-- Closely based on: @ark-ui/svelte/collapsible (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { CollapsibleRoot, type CollapsibleRootProps } from '@ark-ui/svelte/collapsible';
+  import { cn } from '@cloudvoyant/vortex-ui';
+
+  let { class: className = '', children, ...rest }: CollapsibleRootProps = $props();
+
+  const classes = $derived(cn('group', className));
+</script>
+
+<CollapsibleRoot data-slot="navbar-mobile-menu" class={classes} {...rest}>
+  {@render children?.()}
+</CollapsibleRoot>

package/dist/navbar/NavbarMobileMenu.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type CollapsibleRootProps } from '@ark-ui/svelte/collapsible';
+declare const NavbarMobileMenu: import("svelte").Component<CollapsibleRootProps, {}, "">;
+type NavbarMobileMenu = ReturnType<typeof NavbarMobileMenu>;
+export default NavbarMobileMenu;

package/dist/navbar/NavbarMobileMenuContent.svelte

@@ -0,0 +1,23 @@
+<!-- libs/vortex-svelte/src/navbar/NavbarMobileMenuContent.svelte -->
+<!-- Closely based on: @ark-ui/svelte/collapsible (Ark UI), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { CollapsibleContent } from '@ark-ui/svelte/collapsible';
+  import { navbarMobileMenuContentBase, cn } from '@cloudvoyant/vortex-ui';
+  import type { Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  type Props = {
+    class?: string;
+    children?: Snippet;
+  } & HTMLAttributes<HTMLDivElement>;
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(navbarMobileMenuContentBase, className));
+</script>
+
+<CollapsibleContent>
+  <div data-slot="navbar-mobile-menu-content" class={classes} {...rest}>
+    {@render children?.()}
+  </div>
+</CollapsibleContent>