@svadmin/ui 0.29.1 → 0.29.3

package/src/components/ui/tooltip/index.ts

@@ -1,19 +0,0 @@
-import Root from "./tooltip.svelte";
-import Trigger from "./tooltip-trigger.svelte";
-import Content from "./tooltip-content.svelte";
-import Provider from "./tooltip-provider.svelte";
-import Portal from "./tooltip-portal.svelte";
-
-export {
-	Root,
-	Trigger,
-	Content,
-	Provider,
-	Portal,
-	//
-	Root as Tooltip,
-	Content as TooltipContent,
-	Trigger as TooltipTrigger,
-	Provider as TooltipProvider,
-	Portal as TooltipPortal,
-};

package/src/components/ui/tooltip/tooltip-content.svelte

@@ -1,52 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-	import TooltipPortal from "./tooltip-portal.svelte";
-	import type { ComponentProps } from "svelte";
-	import type { WithoutChildrenOrChild } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 0,
-		side = "top",
-		children,
-		arrowClasses,
-		portalProps,
-		...restProps
-	}: TooltipPrimitive.ContentProps & {
-		arrowClasses?: string;
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
-	} = $props();
-</script>
-
-<TooltipPortal {...portalProps}>
-	<TooltipPrimitive.Content
-		bind:ref
-		data-slot="tooltip-content"
-		{sideOffset}
-		{side}
-		class={cn(
-			"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm bg-primary text-primary-foreground z-50 w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin)",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		<TooltipPrimitive.Arrow>
-			{#snippet child({ props })}
-				<div
-					class={cn(
-						"size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-primary fill-primary z-50",
-						"data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%+2px)]",
-						"data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%+1px)]",
-						"data-[side=right]:translate-x-[calc(50%+2px)] data-[side=right]:translate-y-1/2",
-						"data-[side=left]:-translate-y-[calc(50%-3px)]",
-						arrowClasses
-					)}
-					{...props}
-				></div>
-			{/snippet}
-		</TooltipPrimitive.Arrow>
-	</TooltipPrimitive.Content>
-</TooltipPortal>

package/src/components/ui/tooltip/tooltip-portal.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { ...restProps }: TooltipPrimitive.PortalProps = $props();
-</script>
-
-<TooltipPrimitive.Portal {...restProps} />

package/src/components/ui/tooltip/tooltip-provider.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { delayDuration = 0, ...restProps }: TooltipPrimitive.ProviderProps = $props();
-</script>
-
-<TooltipPrimitive.Provider {delayDuration} {...restProps} />

package/src/components/ui/tooltip/tooltip-trigger.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps = $props();
-</script>
-
-<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />

package/src/components/ui/tooltip/tooltip.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import TooltipProvider from "./tooltip-provider.svelte";
-
-	let { open = $bindable(false), ...restProps }: TooltipPrimitive.RootProps = $props();
-</script>
-
-<TooltipProvider>
-	<TooltipPrimitive.Root bind:open {...restProps} />
-</TooltipProvider>

package/src/editor-config.svelte.ts

@@ -1,23 +0,0 @@
-import type { Component } from 'svelte';
-
-let registeredEditor: Component<any> | undefined = $state(undefined);
-
-/**
- * Register a global Rich Text Editor component.
- * This decouples @svadmin/ui from @svadmin/editor, making the editor completely optional.
- * 
- * Usage:
- * ```ts
- * import { Editor } from '@svadmin/editor';
- * import { setRichTextEditor } from '@svadmin/ui';
- * 
- * setRichTextEditor(Editor);
- * ```
- */
-export function setRichTextEditor(editorComponent: Component<any>): void {
-  registeredEditor = editorComponent;
-}
-
-export function getRichTextEditor(): Component<any> | undefined {
-  return registeredEditor;
-}

package/src/index.ts

@@ -1,155 +0,0 @@
-// @svadmin/ui — Pre-built admin UI components
-
-// Entry component
-export { default as AdminApp } from './components/AdminApp.svelte';
-
-// Admin components
-export { default as AutoTable } from './components/AutoTable.svelte';
-export { default as AutoForm } from './components/AutoForm.svelte';
-export { default as ShowPage } from './components/ShowPage.svelte';
-export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
-export { default as Sidebar } from './components/Sidebar.svelte';
-export { default as Layout } from './components/Layout.svelte';
-export { default as Header } from './components/Header.svelte';
-export { default as ErrorBoundary } from './components/ErrorBoundary.svelte';
-export { default as Toast } from './components/Toast.svelte';
-export { default as Breadcrumbs } from './components/Breadcrumbs.svelte';
-export { default as FieldRenderer } from './components/FieldRenderer.svelte';
-export { default as EmptyState } from './components/EmptyState.svelte';
-export { default as StatsCard } from './components/StatsCard.svelte';
-export { default as PageHeader } from './components/PageHeader.svelte';
-export { default as LoginPage } from './components/LoginPage.svelte';
-export { default as RegisterPage } from './components/RegisterPage.svelte';
-export { default as ForgotPasswordPage } from './components/ForgotPasswordPage.svelte';
-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';
-export { default as ProfilePage } from './components/ProfilePage.svelte';
-export { default as ConfigErrorScreen } from './components/ConfigErrorScreen.svelte';
-export { default as InferencerPanel } from './components/InferencerPanel.svelte';
-export { default as LiveIndicator } from './components/LiveIndicator.svelte';
-export { default as ListPage } from './components/ListPage.svelte';
-export { default as CreatePage } from './components/CreatePage.svelte';
-export { default as EditPage } from './components/EditPage.svelte';
-export { default as AutoSaveIndicator } from './components/AutoSaveIndicator.svelte';
-export { default as ErrorComponent } from './components/ErrorComponent.svelte';
-export { default as PageSkeleton } from './components/PageSkeleton.svelte';
-export { default as NavigateToResource } from './components/NavigateToResource.svelte';
-export { default as CatchAllNavigate } from './components/CatchAllNavigate.svelte';
-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 InfiniteList } from './components/InfiniteList.svelte';
-export { default as ComboboxField } from './components/ComboboxField.svelte';
-export { default as PasswordInput } from './components/PasswordInput.svelte';
-export { default as ChatDialog } from "./components/ChatDialog.svelte";
-export { default as MarkdownRenderer } from "./components/MarkdownRenderer.svelte";
-export { default as SmartSuggest } from "./components/SmartSuggest.svelte";
-export { default as AICommandBar } from "./components/AICommandBar.svelte";
-export { default as CopilotPanel } from "./components/CopilotPanel.svelte";
-export { default as InsightCard } from "./components/InsightCard.svelte";
-export { default as AnomalyBadge } from "./components/AnomalyBadge.svelte";
-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";
-
-// Editor Registry
-export { setRichTextEditor, getRichTextEditor } from "./editor-config.svelte.js";
-
-// Settings & Preferences
-export { default as AppearanceSettings } from "./components/AppearanceSettings.svelte";
-export { default as AboutSettings } from "./components/AboutSettings.svelte";
-export { default as PermissionMatrix } from "./components/PermissionMatrix.svelte";
-export type { RoleInfo, ResourceInfo, ActionInfo } from "./types.js";
-export { default as RolesSettings } from "./components/RolesSettings.svelte";
-export { default as AuditLogViewer } from "./components/AuditLogViewer.svelte";
-export { default as TenantSwitcher } from "./components/TenantSwitcher.svelte";
-export type { Tenant } from "./types.js";
-export { default as TaskQueueDrawer } from "./components/TaskQueueDrawer.svelte";
-export type { BackgroundTask, TaskStatus } from "./types.js";
-export { default as DraggableGrid } from "./components/DraggableGrid.svelte";
-export type { GridModule } from "./types.js";
-
-// Dashboard Charts (zero-dependency SVG)
-export { BarChart, LineChart, PieChart } from './components/charts/index.js';
-// Field display components
-export { default as NumberField } from './components/fields/NumberField.svelte';
-export { default as DateField } from './components/fields/DateField.svelte';
-export { default as EmailField } from './components/fields/EmailField.svelte';
-export { default as UrlField } from './components/fields/UrlField.svelte';
-export { default as BooleanField } from './components/fields/BooleanField.svelte';
-export { default as TagField } from './components/fields/TagField.svelte';
-export { default as FileField } from './components/fields/FileField.svelte';
-export { default as MarkdownField } from './components/fields/MarkdownField.svelte';
-export { default as TextField } from './components/fields/TextField.svelte';
-export { default as ImageField } from './components/fields/ImageField.svelte';
-export { default as SelectField } from './components/fields/SelectField.svelte';
-export { default as MultiSelectField } from './components/fields/MultiSelectField.svelte';
-export { default as RelationField } from './components/fields/RelationField.svelte';
-export { default as JsonField } from './components/fields/JsonField.svelte';
-export { default as RichTextField } from './components/fields/RichTextField.svelte';
-
-// Rich text editor (requires @svadmin/editor) as a direct import in consumer app
-
-// CRUD Buttons
-export {
-  CreateButton, EditButton, DeleteButton, ShowButton, ListButton,
-  RefreshButton, ExportButton, ImportButton, SaveButton, CloneButton,
-} from './components/buttons/index.js';
-
-// Base UI components (shadcn-svelte)
-export { Button, buttonVariants } from './components/ui/button/index.js';
-export { Input } from './components/ui/input/index.js';
-export { Textarea } from './components/ui/textarea/index.js';
-export { Select } from './components/ui/select/index.js';
-export { Switch } from './components/ui/switch/index.js';
-export { Checkbox } from './components/ui/checkbox/index.js';
-export { Badge } from './components/ui/badge/index.js';
-export { Separator } from './components/ui/separator/index.js';
-export { Avatar } from './components/ui/avatar/index.js';
-export { Skeleton } from './components/ui/skeleton/index.js';
-export * as Sheet from './components/ui/sheet/index.js';
-export * as Alert from './components/ui/alert/index.js';
-export * as Card from './components/ui/card/index.js';
-export * as Dialog from './components/ui/dialog/index.js';
-export * as Table from './components/ui/table/index.js';
-export * as Tabs from './components/ui/tabs/index.js';
-export * as Tooltip from './components/ui/tooltip/index.js';
-export * as DropdownMenu from './components/ui/dropdown-menu/index.js';
-
-// Additional shadcn components
-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 Collapsible from './components/ui/collapsible/index.js';
-export { Label } from './components/ui/label/index.js';
-export { Command } from './components/ui/command/index.js';
-
-// Utils
-export { cn } from './utils';
-
-// Component Registry (DI)
-export {
-  setComponentRegistry, getComponentRegistry, useComponent,
-  type ComponentRegistry,
-} from './component-registry.svelte';
-
-// Field component registry
-export {
-  builtinDisplayComponents, registerDisplayComponent,
-  getDisplayComponent, hasDisplayComponent,
-} from './components/fieldComponentMap';
-export type { FieldComponentMap } from './components/fieldComponentMap';
-
-// Svelte Actions
-export { clickOutside, shortcut, intersect, copyOnClick } from './actions';

package/src/markdown-deps.d.ts

@@ -1,21 +0,0 @@
-// Type declarations for MarkdownRenderer dependencies
-declare module 'marked' {
-  export class Marked {
-    constructor(...extensions: unknown[]);
-    parse(src: string): string;
-  }
-}
-
-declare module 'marked-highlight' {
-  export function markedHighlight(options: {
-    langPrefix?: string;
-    highlight: (code: string, lang: string) => string;
-  }): unknown;
-}
-
-declare module 'isomorphic-dompurify' {
-  const DOMPurify: {
-    sanitize(dirty: string, config?: Record<string, unknown>): string;
-  };
-  export default DOMPurify;
-}

package/src/router-state.svelte.ts

@@ -1,65 +0,0 @@
-// Shared reactive hash router state — .svelte.ts enables $state at module level
-import { matchRoute, setActiveRouterProvider } from '@svadmin/core/router';
-import type { RouterProvider } from '@svadmin/core';
-
-let _route = $state('/');
-let _params: Record<string, string> = $state({});
-let _initialized = false;
-let _provider: RouterProvider | undefined;
-
-const ROUTES = [
-  '/login',
-  '/register',
-  '/forgot-password',
-  '/update-password',
-  '/',
-  '/:resource',
-  '/:resource/create',
-  '/:resource/edit/:id',
-  '/:resource/show/:id',
-  '/:parent/:parentId/:resource',
-  '/:parent/:parentId/:resource/create',
-  '/:parent/:parentId/:resource/edit/:id',
-  '/:parent/:parentId/:resource/show/:id',
-];
-
-function sync() {
-  let path: string;
-
-  if (_provider) {
-    const parsed = _provider.parse();
-    path = parsed.pathname || '/';
-    const m = matchRoute(path, ROUTES);
-    _route = m?.route ?? '/';
-    _params = { ...(m?.params ?? {}), ...parsed.params };
-  } else {
-    path = typeof window !== 'undefined' ? window.location.hash.replace(/^#/, '') || '/' : '/';
-    const m = matchRoute(path, ROUTES);
-    _route = m?.route ?? '/';
-    _params = m?.params ?? {};
-  }
-}
-
-export function initRouter(provider?: RouterProvider) {
-  if (_initialized) return;
-  _initialized = true;
-  _provider = provider;
-  setActiveRouterProvider(provider);
-  sync();
-  if (typeof window !== 'undefined') {
-    window.addEventListener('hashchange', sync);
-    window.addEventListener('popstate', sync);
-  }
-}
-
-export function getRoute(): string {
-  return _route;
-}
-
-export function getParams(): Record<string, string> {
-  return _params;
-}
-
-export function getRouterProviderInstance(): RouterProvider | undefined {
-  return _provider;
-}

package/src/types.ts

@@ -1,33 +0,0 @@
-export type RoleInfo = { code: string; name: string; [key: string]: any };
-export type ResourceInfo = { code: string; name: string; section?: string; [key: string]: any };
-export type ActionInfo = { code: string; name: string; [key: string]: any };
-
-export interface Tenant {
-  id: string;
-  name: string;
-  logo?: string;
-  [key: string]: unknown;
-}
-
-export type TaskStatus = 'pending' | 'running' | 'completed' | 'failed';
-
-export interface BackgroundTask {
-  id: string;
-  title: string;
-  status: TaskStatus;
-  progress?: number; // 0-100
-  message?: string;
-  createdAt: string | Date;
-  downloadUrl?: string;
-  [key: string]: unknown;
-}
-
-export interface GridModule {
-  id: string;
-  w: number;
-  h: number;
-  x: number;
-  y: number;
-  title?: string;
-  componentProps?: any; // Component specific props
-}

package/src/utils.ts

@@ -1,28 +0,0 @@
-import { type ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-import type { Snippet } from "svelte";
-
-export function cn(...inputs: ClassValue[]) {
-	return twMerge(clsx(inputs));
-}
-
-/**
- * A utility type that makes the `ref` prop optional and adds it to the given props type.
- */
-export type WithElementRef<T, E extends HTMLElement = HTMLElement> = T & {
-	ref?: E | null;
-};
-
-/**
- * A utility type that removes `children` and `child` from the given props type.
- */
-export type WithoutChildrenOrChild<T> = T extends infer U
-	? Omit<U, "children" | "child">
-	: never;
-
-/**
- * A utility type that removes `children` from the given props type (keeps `child`).
- */
-export type WithoutChildren<T> = T extends infer U
-	? Omit<U, "children">
-	: never;