@svadmin/ui 0.63.0 → 0.65.0

package/dist/components/ui/navigation-menu/navigation-menu-indicator.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: NavigationMenuPrimitive.IndicatorProps = $props();
+</script>
+
+<NavigationMenuPrimitive.Indicator
+	bind:ref
+	data-slot="navigation-menu-indicator"
+	class={cn(
+		"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+		className
+	)}
+	{...restProps}
+>
+	<div class="relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md"></div>
+</NavigationMenuPrimitive.Indicator>

package/dist/components/ui/navigation-menu/navigation-menu-indicator.svelte.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+declare const NavigationMenuIndicator: import("svelte").Component<NavigationMenuPrimitive.IndicatorProps, {}, "ref">;
+type NavigationMenuIndicator = ReturnType<typeof NavigationMenuIndicator>;
+export default NavigationMenuIndicator;

package/dist/components/ui/navigation-menu/navigation-menu-item.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: NavigationMenuPrimitive.ItemProps = $props();
+</script>
+
+<NavigationMenuPrimitive.Item
+	bind:ref
+	data-slot="navigation-menu-item"
+	class={cn("relative", className)}
+	{...restProps}
+/>

package/dist/components/ui/navigation-menu/navigation-menu-item.svelte.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+declare const NavigationMenuItem: import("svelte").Component<NavigationMenuPrimitive.ItemProps, {}, "ref">;
+type NavigationMenuItem = ReturnType<typeof NavigationMenuItem>;
+export default NavigationMenuItem;

package/dist/components/ui/navigation-menu/navigation-menu-link.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: NavigationMenuPrimitive.LinkProps = $props();
+</script>
+
+<NavigationMenuPrimitive.Link
+	bind:ref
+	data-slot="navigation-menu-link"
+	class={cn(
+		"inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50",
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/navigation-menu/navigation-menu-link.svelte.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+declare const NavigationMenuLink: import("svelte").Component<NavigationMenuPrimitive.LinkProps, {}, "ref">;
+type NavigationMenuLink = ReturnType<typeof NavigationMenuLink>;
+export default NavigationMenuLink;

package/dist/components/ui/navigation-menu/navigation-menu-list.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: NavigationMenuPrimitive.ListProps = $props();
+</script>
+
+<NavigationMenuPrimitive.List
+	bind:ref
+	data-slot="navigation-menu-list"
+	class={cn("group flex flex-1 list-none items-center justify-center gap-1", className)}
+	{...restProps}
+/>

package/dist/components/ui/navigation-menu/navigation-menu-list.svelte.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+declare const NavigationMenuList: import("svelte").Component<NavigationMenuPrimitive.ListProps, {}, "ref">;
+type NavigationMenuList = ReturnType<typeof NavigationMenuList>;
+export default NavigationMenuList;

package/dist/components/ui/navigation-menu/navigation-menu-trigger.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+	import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: NavigationMenuPrimitive.TriggerProps = $props();
+</script>
+
+<NavigationMenuPrimitive.Trigger
+	bind:ref
+	data-slot="navigation-menu-trigger"
+	class={cn(
+		"group/trigger inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-muted/50 data-[state=open]:text-foreground",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronDownIcon
+		class="relative top-[1px] ml-1 size-3 transition duration-200 group-data-[state=open]/trigger:rotate-180"
+		aria-hidden="true"
+	/>
+</NavigationMenuPrimitive.Trigger>

package/dist/components/ui/navigation-menu/navigation-menu-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+declare const NavigationMenuTrigger: import("svelte").Component<NavigationMenuPrimitive.TriggerProps, {}, "ref">;
+type NavigationMenuTrigger = ReturnType<typeof NavigationMenuTrigger>;
+export default NavigationMenuTrigger;

package/dist/components/ui/navigation-menu/navigation-menu-viewport.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: NavigationMenuPrimitive.ViewportProps = $props();
+</script>
+
+<div class="absolute top-full left-0 flex justify-center">
+	<NavigationMenuPrimitive.Viewport
+		bind:ref
+		data-slot="navigation-menu-viewport"
+		class={cn(
+			"origin-top-center relative mt-1.5 h-[var(--bits-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-[0_18px_48px_rgba(15,23,42,0.14),0_4px_12px_rgba(15,23,42,0.08)] backdrop-blur-md transition-[width,height] duration-300 md:w-[var(--bits-navigation-menu-viewport-width)]",
+			className
+		)}
+		{...restProps}
+	/>
+</div>

package/dist/components/ui/navigation-menu/navigation-menu-viewport.svelte.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+declare const NavigationMenuViewport: import("svelte").Component<NavigationMenuPrimitive.ViewportProps, {}, "ref">;
+type NavigationMenuViewport = ReturnType<typeof NavigationMenuViewport>;
+export default NavigationMenuViewport;

package/dist/components/ui/navigation-menu/navigation-menu.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+	import NavigationMenuViewport from "./navigation-menu-viewport.svelte";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(""),
+		class: className,
+		children,
+		...restProps
+	}: NavigationMenuPrimitive.RootProps = $props();
+</script>
+
+<NavigationMenuPrimitive.Root
+	bind:ref
+	bind:value
+	data-slot="navigation-menu"
+	class={cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className)}
+	{...restProps}
+>
+	{@render children?.()}
+	<NavigationMenuViewport />
+</NavigationMenuPrimitive.Root>

package/dist/components/ui/navigation-menu/navigation-menu.svelte.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+declare const NavigationMenu: import("svelte").Component<NavigationMenuPrimitive.RootProps, {}, "value" | "ref">;
+type NavigationMenu = ReturnType<typeof NavigationMenu>;
+export default NavigationMenu;

package/dist/index.d.ts

@@ -24,8 +24,6 @@ export { default as ForgotPasswordPage } from './components/ForgotPasswordPage.s
 export { default as CanAccess } from './components/CanAccess.svelte';
 export { default as Can } from './components/CanAccess.svelte';
 export { default as UndoableNotification } from './components/UndoableNotification.svelte';
-export { default as ModalForm } from './components/ModalForm.svelte';
-export { default as DrawerForm } from './components/DrawerForm.svelte';
 export { default as DevTools } from './components/DevTools.svelte';
 export { default as Authenticated } from './components/Authenticated.svelte';
 export { default as UpdatePasswordPage } from './components/UpdatePasswordPage.svelte';
@@ -49,6 +47,73 @@ export { default as CatchAllNavigate } from './components/CatchAllNavigate.svelt
 export { default as ThemedTitle } from './components/ThemedTitle.svelte';
 export { default as CommandPalette } from './components/CommandPalette.svelte';
 export { default as StepsForm } from './components/StepsForm.svelte';
+export { default as DynamicFormList } from './components/DynamicFormList.svelte';
+export { default as TreeSelect } from './components/TreeSelect.svelte';
+export type { TreeSelectOption } from './components/TreeSelect.svelte';
+export { default as Cascader } from './components/Cascader.svelte';
+export type { CascaderOption } from './components/Cascader.svelte';
+export { default as Transfer } from './components/Transfer.svelte';
+export type { TransferItem } from './components/Transfer.svelte';
+export { default as FilterBuilder } from './components/FilterBuilder.svelte';
+export type { FilterRuleItem } from './components/FilterBuilder.svelte';
+export { default as Watermark } from './components/Watermark.svelte';
+export { default as ColumnSettings } from './components/ColumnSettings.svelte';
+export type { ColumnItem } from './components/ColumnSettings.svelte';
+export { default as UnsavedChangesPrompt } from './components/UnsavedChangesPrompt.svelte';
+export { default as ImportWizard } from './components/ImportWizard.svelte';
+export { default as ColumnHeaderFilter } from './components/ColumnHeaderFilter.svelte';
+export { default as TreeTable } from './components/TreeTable.svelte';
+export type { TreeTableColumn } from './components/TreeTable.svelte';
+export { default as SensitiveDataMask } from './components/SensitiveDataMask.svelte';
+export type { MaskType } from './components/SensitiveDataMask.svelte';
+export { default as ApprovalActionCard } from './components/ApprovalActionCard.svelte';
+export type { ApprovalStatus } from './components/ApprovalActionCard.svelte';
+export { default as StepForm } from './components/StepForm.svelte';
+export type { FormStep } from './components/StepForm.svelte';
+export { default as ModalForm } from './components/ModalForm.svelte';
+export { default as DrawerForm } from './components/DrawerForm.svelte';
+export { default as TableSummary } from './components/TableSummary.svelte';
+export type { TableSummaryColumn, AggregationType } from './components/TableSummary.svelte';
+export { default as VersionDiffViewer } from './components/VersionDiffViewer.svelte';
+export { default as VirtualTable } from './components/VirtualTable.svelte';
+export type { VirtualTableColumn } from './components/VirtualTable.svelte';
+export { default as EditableTable } from './components/EditableTable.svelte';
+export type { EditableTableColumn } from './components/EditableTable.svelte';
+export { default as DraggableRowTable } from './components/DraggableRowTable.svelte';
+export type { DraggableTableColumn } from './components/DraggableRowTable.svelte';
+export { default as SplitPaneLayout } from './components/SplitPaneLayout.svelte';
+export { default as MasterDetailView } from './components/MasterDetailView.svelte';
+export { default as MediaLibraryModal } from './components/MediaLibraryModal.svelte';
+export type { MediaItem } from './components/MediaLibraryModal.svelte';
+export { default as ImageCropper } from './components/ImageCropper.svelte';
+export { default as ActivityFeed } from './components/ActivityFeed.svelte';
+export type { ActivityItem } from './components/ActivityFeed.svelte';
+export { default as PresenceAvatarGroup } from './components/PresenceAvatarGroup.svelte';
+export type { PresenceUser } from './components/PresenceAvatarGroup.svelte';
+export { default as PrintableBill } from './components/PrintableBill.svelte';
+export type { BillItem } from './components/PrintableBill.svelte';
+export { default as JsonSchemaForm } from './components/JsonSchemaForm.svelte';
+export { default as MentionsInput } from './components/MentionsInput.svelte';
+export type { MentionOption } from './components/MentionsInput.svelte';
+export { default as KanbanBoard } from './components/KanbanBoard.svelte';
+export type { KanbanCard, KanbanColumn } from './components/KanbanBoard.svelte';
+export { default as PivotTable } from './components/PivotTable.svelte';
+export type { AggregationFn } from './components/PivotTable.svelte';
+export { default as MultiTabKeepAlive } from './components/MultiTabKeepAlive.svelte';
+export type { WorkspaceTab } from './components/MultiTabKeepAlive.svelte';
+export { default as GanttChart } from './components/GanttChart.svelte';
+export type { GanttTask } from './components/GanttChart.svelte';
+export { default as CanvasAnnotation } from './components/CanvasAnnotation.svelte';
+export type { AnnotationTool } from './components/CanvasAnnotation.svelte';
+export { default as SignaturePad } from './components/SignaturePad.svelte';
+export { default as PdfDocumentViewer } from './components/PdfDocumentViewer.svelte';
+export type { DocumentStamp } from './components/PdfDocumentViewer.svelte';
+export { default as SpreadsheetView } from './components/SpreadsheetView.svelte';
+export type { SheetData } from './components/SpreadsheetView.svelte';
+export { default as DecisionTable } from './components/DecisionTable.svelte';
+export type { DecisionColumn, DecisionRule } from './components/DecisionTable.svelte';
+export { default as OfflineSyncBanner } from './components/OfflineSyncBanner.svelte';
+export type { PendingMutation } from './components/OfflineSyncBanner.svelte';
 export { default as InfiniteList } from './components/InfiniteList.svelte';
 export { default as ComboboxField } from './components/ComboboxField.svelte';
 export { default as PasswordInput } from './components/PasswordInput.svelte';
@@ -63,7 +128,6 @@ export { default as VoiceInput } from "./components/VoiceInput.svelte";
 export { default as AnimatedCounter } from "./components/AnimatedCounter.svelte";
 export { default as KeyboardShortcuts } from "./components/KeyboardShortcuts.svelte";
 export { default as InlineEdit } from "./components/InlineEdit.svelte";
-export { default as VirtualTable } from "./components/VirtualTable.svelte";
 export { default as DraggableHeader } from "./components/DraggableHeader.svelte";
 export { default as SettingsPage } from "./components/SettingsPage.svelte";
 export { default as FeedbackNotice } from './components/content/FeedbackNotice.svelte';
@@ -137,6 +201,7 @@ export * as DropdownMenu from './components/ui/dropdown-menu/index.js';
 export * as Breadcrumb from './components/ui/breadcrumb/index.js';
 export * as Pagination from './components/ui/pagination/index.js';
 export * as ContextMenu from './components/ui/context-menu/index.js';
+export * as NavigationMenu from './components/ui/navigation-menu/index.js';
 export * as Collapsible from './components/ui/collapsible/index.js';
 export { Label } from './components/ui/label/index.js';
 export { Command } from './components/ui/command/index.js';

package/dist/index.js

@@ -27,8 +27,6 @@ export { default as ForgotPasswordPage } from './components/ForgotPasswordPage.s
 export { default as CanAccess } from './components/CanAccess.svelte';
 export { default as Can } from './components/CanAccess.svelte';
 export { default as UndoableNotification } from './components/UndoableNotification.svelte';
-export { default as ModalForm } from './components/ModalForm.svelte';
-export { default as DrawerForm } from './components/DrawerForm.svelte';
 export { default as DevTools } from './components/DevTools.svelte';
 export { default as Authenticated } from './components/Authenticated.svelte';
 export { default as UpdatePasswordPage } from './components/UpdatePasswordPage.svelte';
@@ -52,6 +50,47 @@ export { default as CatchAllNavigate } from './components/CatchAllNavigate.svelt
 export { default as ThemedTitle } from './components/ThemedTitle.svelte';
 export { default as CommandPalette } from './components/CommandPalette.svelte';
 export { default as StepsForm } from './components/StepsForm.svelte';
+// Advanced Form & Data Controls (Refine/Antd Parity)
+export { default as DynamicFormList } from './components/DynamicFormList.svelte';
+export { default as TreeSelect } from './components/TreeSelect.svelte';
+export { default as Cascader } from './components/Cascader.svelte';
+export { default as Transfer } from './components/Transfer.svelte';
+export { default as FilterBuilder } from './components/FilterBuilder.svelte';
+export { default as Watermark } from './components/Watermark.svelte';
+export { default as ColumnSettings } from './components/ColumnSettings.svelte';
+export { default as UnsavedChangesPrompt } from './components/UnsavedChangesPrompt.svelte';
+export { default as ImportWizard } from './components/ImportWizard.svelte';
+export { default as ColumnHeaderFilter } from './components/ColumnHeaderFilter.svelte';
+export { default as TreeTable } from './components/TreeTable.svelte';
+export { default as SensitiveDataMask } from './components/SensitiveDataMask.svelte';
+export { default as ApprovalActionCard } from './components/ApprovalActionCard.svelte';
+export { default as StepForm } from './components/StepForm.svelte';
+export { default as ModalForm } from './components/ModalForm.svelte';
+export { default as DrawerForm } from './components/DrawerForm.svelte';
+export { default as TableSummary } from './components/TableSummary.svelte';
+export { default as VersionDiffViewer } from './components/VersionDiffViewer.svelte';
+export { default as VirtualTable } from './components/VirtualTable.svelte';
+export { default as EditableTable } from './components/EditableTable.svelte';
+export { default as DraggableRowTable } from './components/DraggableRowTable.svelte';
+export { default as SplitPaneLayout } from './components/SplitPaneLayout.svelte';
+export { default as MasterDetailView } from './components/MasterDetailView.svelte';
+export { default as MediaLibraryModal } from './components/MediaLibraryModal.svelte';
+export { default as ImageCropper } from './components/ImageCropper.svelte';
+export { default as ActivityFeed } from './components/ActivityFeed.svelte';
+export { default as PresenceAvatarGroup } from './components/PresenceAvatarGroup.svelte';
+export { default as PrintableBill } from './components/PrintableBill.svelte';
+export { default as JsonSchemaForm } from './components/JsonSchemaForm.svelte';
+export { default as MentionsInput } from './components/MentionsInput.svelte';
+export { default as KanbanBoard } from './components/KanbanBoard.svelte';
+export { default as PivotTable } from './components/PivotTable.svelte';
+export { default as MultiTabKeepAlive } from './components/MultiTabKeepAlive.svelte';
+export { default as GanttChart } from './components/GanttChart.svelte';
+export { default as CanvasAnnotation } from './components/CanvasAnnotation.svelte';
+export { default as SignaturePad } from './components/SignaturePad.svelte';
+export { default as PdfDocumentViewer } from './components/PdfDocumentViewer.svelte';
+export { default as SpreadsheetView } from './components/SpreadsheetView.svelte';
+export { default as DecisionTable } from './components/DecisionTable.svelte';
+export { default as OfflineSyncBanner } from './components/OfflineSyncBanner.svelte';
 export { default as InfiniteList } from './components/InfiniteList.svelte';
 export { default as ComboboxField } from './components/ComboboxField.svelte';
 export { default as PasswordInput } from './components/PasswordInput.svelte';
@@ -66,7 +105,6 @@ export { default as VoiceInput } from "./components/VoiceInput.svelte";
 export { default as AnimatedCounter } from "./components/AnimatedCounter.svelte";
 export { default as KeyboardShortcuts } from "./components/KeyboardShortcuts.svelte";
 export { default as InlineEdit } from "./components/InlineEdit.svelte";
-export { default as VirtualTable } from "./components/VirtualTable.svelte";
 export { default as DraggableHeader } from "./components/DraggableHeader.svelte";
 export { default as SettingsPage } from "./components/SettingsPage.svelte";
 export { default as FeedbackNotice } from './components/content/FeedbackNotice.svelte';
@@ -144,6 +182,7 @@ export * as DropdownMenu from './components/ui/dropdown-menu/index.js';
 export * as Breadcrumb from './components/ui/breadcrumb/index.js';
 export * as Pagination from './components/ui/pagination/index.js';
 export * as ContextMenu from './components/ui/context-menu/index.js';
+export * as NavigationMenu from './components/ui/navigation-menu/index.js';
 export * as Collapsible from './components/ui/collapsible/index.js';
 export { Label } from './components/ui/label/index.js';
 export { Command } from './components/ui/command/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.63.0",
+  "version": "0.65.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -39,7 +39,7 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.45.0",
+    "@svadmin/core": "^0.47.0",
     "@tanstack/svelte-query": "^6.1.48",
     "highlight.js": "^11.12.0",
     "isomorphic-dompurify": "^3.23.0",