@shellui/core 0.0.20 → 0.0.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shellui/core",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "ShellUI Core - Core React application runtime",
   "main": "src/index.ts",
   "type": "module",
@@ -57,7 +57,7 @@
     "workbox-strategies": "^7.1.0",
     "workbox-cacheable-response": "^7.1.0",
     "workbox-expiration": "^7.1.0",
-    "@shellui/sdk": "0.0.20"
+    "@shellui/sdk": "0.0.22"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/components/ContentView.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import type { NavigationItem } from '@/features/config/types';
+import type { NavigationItem } from '../features/config/types';
 import {
   addIframe,
   removeIframe,

package/src/components/NotFoundView.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
 import { shellui } from '@shellui/sdk';
-import { useConfig } from '@/features/config/useConfig';
-import type { NavigationItem, NavigationGroup } from '@/features/config/types';
+import { useConfig } from '../features/config/useConfig';
+import type { NavigationItem, NavigationGroup } from '../features/config/types';
 
 const flattenNavigationItems = (
   navigation: (NavigationItem | NavigationGroup)[],

package/src/components/RouteErrorBoundary.tsx

@@ -1,7 +1,7 @@
 import { useRouteError, isRouteErrorResponse } from 'react-router';
 import { useTranslation } from 'react-i18next';
 import { shellui } from '@shellui/sdk';
-import { Button } from '@/components/ui/button';
+import { Button } from './ui/button';
 
 function isChunkLoadError(error: unknown): boolean {
   if (error instanceof Error) {

package/src/components/ui/alert-dialog.tsx

@@ -6,9 +6,9 @@ import {
 } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva, type VariantProps } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
-import { Z_INDEX } from '@/lib/z-index';
-import { Button, type ButtonProps } from '@/components/ui/button';
+import { cn } from '../../lib/utils';
+import { Z_INDEX } from '../../lib/z-index';
+import { Button, type ButtonProps } from './button';
 
 const AlertDialog = AlertDialogPrimitive.Root;
 

package/src/components/ui/breadcrumb.tsx

@@ -5,7 +5,7 @@ import {
   type ReactNode,
 } from 'react';
 import { Slot } from '@radix-ui/react-slot';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 
 const Breadcrumb = forwardRef<
   HTMLElement,

package/src/components/ui/button-group.tsx

@@ -7,7 +7,7 @@ import {
   type ReactNode,
   type ReactElement,
 } from 'react';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 
 export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
   children: ReactNode;

package/src/components/ui/button.tsx

@@ -1,7 +1,7 @@
 import { forwardRef, type ButtonHTMLAttributes } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 
 const buttonVariants = cva(
   'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',

package/src/components/ui/dialog.tsx

@@ -8,8 +8,8 @@ import {
   type HTMLAttributes,
 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { cn } from '@/lib/utils';
-import { Z_INDEX } from '@/lib/z-index';
+import { cn } from '../../lib/utils';
+import { Z_INDEX } from '../../lib/z-index';
 
 const Dialog = DialogPrimitive.Root;
 

package/src/components/ui/drawer.tsx

@@ -10,8 +10,8 @@ import {
   type HTMLAttributes,
 } from 'react';
 import { Drawer as VaulDrawer } from 'vaul';
-import { cn } from '@/lib/utils';
-import { Z_INDEX } from '@/lib/z-index';
+import { cn } from '../../lib/utils';
+import { Z_INDEX } from '../../lib/z-index';
 
 export type DrawerDirection = 'top' | 'bottom' | 'left' | 'right';
 

package/src/components/ui/select.tsx

@@ -1,5 +1,5 @@
 import { forwardRef, type SelectHTMLAttributes } from 'react';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 
 export type SelectProps = SelectHTMLAttributes<HTMLSelectElement>;
 

package/src/components/ui/sidebar.tsx

@@ -11,8 +11,8 @@ import {
 } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
-import { Z_INDEX } from '@/lib/z-index';
+import { cn } from '../../lib/utils';
+import { Z_INDEX } from '../../lib/z-index';
 
 type SidebarContextValue = {
   isCollapsed: boolean;

package/src/components/ui/sonner.tsx

@@ -1,7 +1,7 @@
 import type { ComponentProps } from 'react';
-import { useSettings } from '@/features/settings/hooks/useSettings';
+import { useSettings } from '../../features/settings/hooks/useSettings';
 import { Toaster as Sonner } from 'sonner';
-import { Z_INDEX } from '@/lib/z-index';
+import { Z_INDEX } from '../../lib/z-index';
 
 type ToasterProps = ComponentProps<typeof Sonner>;
 

package/src/components/ui/switch.tsx

@@ -1,5 +1,5 @@
 import { forwardRef, type InputHTMLAttributes, type ChangeEvent } from 'react';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 
 export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
   checked?: boolean;

package/src/features/alertDialog/DialogContext.tsx

@@ -8,8 +8,8 @@ import {
   useState,
   type ReactNode,
 } from 'react';
-import { Button } from '@/components/ui/button';
-import { Z_INDEX } from '@/lib/z-index';
+import { Button } from '../../components/ui/button';
+import { Z_INDEX } from '../../lib/z-index';
 
 /** Match exit animation duration in index.css (overlay + content ~0.1s + buffer) */
 const DIALOG_EXIT_ANIMATION_MS = 200;
@@ -25,7 +25,7 @@ import {
   AlertDialogTitle,
   AlertDialogOverlay,
   AlertDialogPortal,
-} from '@/components/ui/alert-dialog';
+} from '../../components/ui/alert-dialog';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 
 /** Trash icon (matches lucide trash-2) */

package/src/features/cookieConsent/CookieConsentModal.tsx

@@ -4,7 +4,7 @@ import { shellui } from '@shellui/sdk';
 import { useDialog } from '../alertDialog/DialogContext';
 import { useConfig } from '../config/useConfig';
 import { useSettings } from '../settings/hooks/useSettings';
-import urls from '@/constants/urls';
+import urls from '../../constants/urls';
 
 /**
  * Shows a friendly cookie consent modal on first visit (when user has not yet consented).

package/src/features/cookieConsent/CookiePreferencesView.tsx

@@ -2,8 +2,8 @@ import { useState, useCallback, useMemo, useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation } from 'react-router';
 import { shellui } from '@shellui/sdk';
-import { Button } from '@/components/ui/button';
-import { Switch } from '@/components/ui/switch';
+import { Button } from '../../components/ui/button';
+import { Switch } from '../../components/ui/switch';
 import { useConfig } from '../config/useConfig';
 import { useSettings } from '../settings/hooks/useSettings';
 import { resolveLocalizedString } from '../layouts/utils';

package/src/features/drawer/DrawerContext.tsx

@@ -1,6 +1,6 @@
 import { shellui, type ShellUIMessage } from '@shellui/sdk';
 import { createContext, useContext, useState, useEffect, useCallback, type ReactNode } from 'react';
-import type { DrawerDirection } from '@/components/ui/drawer';
+import type { DrawerDirection } from '../../components/ui/drawer';
 import { useModal } from '../modal/ModalContext';
 
 /**

package/src/features/layouts/DefaultLayout.tsx

@@ -15,9 +15,9 @@ import {
   SidebarMenu,
   SidebarMenuItem,
   SidebarMenuButton,
-} from '@/components/ui/sidebar';
-import { cn } from '@/lib/utils';
-import { Z_INDEX } from '@/lib/z-index';
+} from '../../components/ui/sidebar';
+import { cn } from '../../lib/utils';
+import { Z_INDEX } from '../../lib/z-index';
 import {
   filterNavigationByViewport,
   filterNavigationForSidebar,

package/src/features/layouts/OverlayShell.tsx

@@ -3,10 +3,10 @@ import { useNavigate } from 'react-router';
 import { useTranslation } from 'react-i18next';
 import { shellui } from '@shellui/sdk';
 import type { NavigationItem } from '../config/types';
-import { Dialog, DialogContent, DialogTitle, DialogDescription } from '@/components/ui/dialog';
-import { Drawer, DrawerContent } from '@/components/ui/drawer';
-import { Toaster } from '@/components/ui/sonner';
-import { ContentView } from '@/components/ContentView';
+import { Dialog, DialogContent, DialogTitle, DialogDescription } from '../../components/ui/dialog';
+import { Drawer, DrawerContent } from '../../components/ui/drawer';
+import { Toaster } from '../../components/ui/sonner';
+import { ContentView } from '../../components/ContentView';
 import { useModal } from '../modal/ModalContext';
 import { useDrawer } from '../drawer/DrawerContext';
 import { resolveLocalizedString } from './utils';

package/src/features/layouts/WindowsLayout.tsx

@@ -17,9 +17,9 @@ import {
 import { useSettings } from '../settings/hooks/useSettings';
 import { LayoutProviders } from './LayoutProviders';
 import { OverlayShell } from './OverlayShell';
-import { ContentView } from '@/components/ContentView';
-import { cn } from '@/lib/utils';
-import { Z_INDEX } from '@/lib/z-index';
+import { ContentView } from '../../components/ContentView';
+import { cn } from '../../lib/utils';
+import { Z_INDEX } from '../../lib/z-index';
 
 interface WindowsLayoutProps {
   title?: string;

package/src/features/settings/SettingsView.tsx

@@ -5,7 +5,7 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-} from '@/components/ui/breadcrumb';
+} from '../../components/ui/breadcrumb';
 import {
   Sidebar,
   SidebarContent,
@@ -16,15 +16,15 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
-} from '@/components/ui/sidebar';
+} from '../../components/ui/sidebar';
 import { Route, Routes, useLocation, useNavigate, Navigate } from 'react-router';
 import { useTranslation } from 'react-i18next';
-import urls from '@/constants/urls';
+import urls from '../../constants/urls';
 import { createSettingsRoutes } from './SettingsRoutes';
 import { useSettings } from './hooks/useSettings';
 import { useConfig } from '../config/useConfig';
-import { isTauri } from '@/service-worker/register';
-import { Button } from '@/components/ui/button';
+import { isTauri } from '../../service-worker/register';
+import { Button } from '../../components/ui/button';
 import { ChevronRightIcon, ChevronLeftIcon } from './SettingsIcons';
 
 export const SettingsView = () => {

package/src/features/settings/components/Advanced.tsx

@@ -1,9 +1,9 @@
 import { useTranslation } from 'react-i18next';
-import { Switch } from '@/components/ui/switch';
-import { useConfig } from '@/features/config/useConfig';
-import { closeSentry, initSentry } from '@/features/sentry/initSentry';
+import { Switch } from '../../../components/ui/switch';
+import { useConfig } from '../../config/useConfig';
+import { closeSentry, initSentry } from '../../sentry/initSentry';
 import { useSettings } from '../hooks/useSettings';
-import { Button } from '@/components/ui/button';
+import { Button } from '../../../components/ui/button';
 import { shellui } from '@shellui/sdk';
 
 export const Advanced = () => {

package/src/features/settings/components/Appearance.tsx

@@ -1,11 +1,11 @@
 import { useTranslation } from 'react-i18next';
 import { useSettings } from '../hooks/useSettings';
-import { useConfig } from '@/features/config/useConfig';
-import { Button } from '@/components/ui/button';
-import { ButtonGroup } from '@/components/ui/button-group';
-import { cn } from '@/lib/utils';
+import { useConfig } from '../../config/useConfig';
+import { Button } from '../../../components/ui/button';
+import { ButtonGroup } from '../../../components/ui/button-group';
+import { cn } from '../../../lib/utils';
 import { useEffect, useState } from 'react';
-import { getAllThemes, registerTheme, type ThemeDefinition } from '@/features/theme/themes';
+import { getAllThemes, registerTheme, type ThemeDefinition } from '../../theme/themes';
 
 const SunIcon = () => (
   <svg

package/src/features/settings/components/DataPrivacy.tsx

@@ -1,10 +1,10 @@
 import { useTranslation } from 'react-i18next';
 import { useSettings } from '../hooks/useSettings';
-import { useConfig } from '@/features/config/useConfig';
-import { Button } from '@/components/ui/button';
+import { useConfig } from '../../config/useConfig';
+import { Button } from '../../../components/ui/button';
 import { shellui } from '@shellui/sdk';
-import urls from '@/constants/urls';
-import { cn } from '@/lib/utils';
+import urls from '../../../constants/urls';
+import { cn } from '../../../lib/utils';
 
 export const DataPrivacy = () => {
   const { t } = useTranslation('settings');

package/src/features/settings/components/Develop.tsx

@@ -3,9 +3,9 @@ import { shellui } from '@shellui/sdk';
 import { useSettings } from '../hooks/useSettings';
 import { useConfig } from '../../config/useConfig';
 import { flattenNavigationItems, resolveLocalizedString } from '../../layouts/utils';
-import { Switch } from '@/components/ui/switch';
-import { Select } from '@/components/ui/select';
-import { Button } from '@/components/ui/button';
+import { Switch } from '../../../components/ui/switch';
+import { Select } from '../../../components/ui/select';
+import { Button } from '../../../components/ui/button';
 import { ToastTestButtons } from './develop/ToastTestButtons';
 import { DialogTestButtons } from './develop/DialogTestButtons';
 import { ModalTestButtons } from './develop/ModalTestButtons';

package/src/features/settings/components/LanguageAndRegion.tsx

@@ -1,11 +1,11 @@
 import { useTranslation } from 'react-i18next';
 import { useSettings } from '../hooks/useSettings';
-import { useConfig } from '@/features/config/useConfig';
-import { getSupportedLanguages } from '@/i18n/config';
-import { Button } from '@/components/ui/button';
-import { ButtonGroup } from '@/components/ui/button-group';
-import { Select } from '@/components/ui/select';
-import { cn } from '@/lib/utils';
+import { useConfig } from '../../config/useConfig';
+import { getSupportedLanguages } from '../../../i18n/config';
+import { Button } from '../../../components/ui/button';
+import { ButtonGroup } from '../../../components/ui/button-group';
+import { Select } from '../../../components/ui/select';
+import { cn } from '../../../lib/utils';
 import { useState, useEffect } from 'react';
 
 const GlobeIcon = () => (

package/src/features/settings/components/ServiceWorker.tsx

@@ -1,14 +1,14 @@
 import { useTranslation } from 'react-i18next';
 import { useSettings } from '../hooks/useSettings';
-import { Button } from '@/components/ui/button';
-import { Switch } from '@/components/ui/switch';
+import { Button } from '../../../components/ui/button';
+import { Switch } from '../../../components/ui/switch';
 import {
   isServiceWorkerRegistered,
   updateServiceWorker,
   getServiceWorkerStatus,
   addStatusListener,
   serviceWorkerFileExists,
-} from '@/service-worker/register';
+} from '../../../service-worker/register';
 import { shellui } from '@shellui/sdk';
 import { useState, useEffect } from 'react';
 

package/src/features/settings/components/UpdateApp.tsx

@@ -1,14 +1,14 @@
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '@/features/config/useConfig';
+import { useConfig } from '../../config/useConfig';
 import { useSettings } from '../hooks/useSettings';
-import { Button } from '@/components/ui/button';
+import { Button } from '../../../components/ui/button';
 import {
   isTauri,
   getServiceWorkerStatus,
   addStatusListener,
   checkForServiceWorkerUpdate,
   updateServiceWorker,
-} from '@/service-worker/register';
+} from '../../../service-worker/register';
 import { shellui, getLogger } from '@shellui/sdk';
 import { CheckIcon } from '../SettingsIcons';
 import { useState, useEffect } from 'react';

package/src/features/settings/components/develop/DialogTestButtons.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { Button } from '@/components/ui/button';
+import { Button } from '../../../../components/ui/button';
 import { shellui } from '@shellui/sdk';
 
 export const DialogTestButtons = () => {

package/src/features/settings/components/develop/DrawerTestButtons.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
-import { Button } from '@/components/ui/button';
+import { Button } from '../../../../components/ui/button';
 import { shellui, type OpenDrawerOptions } from '@shellui/sdk';
-import urls from '@/constants/urls';
+import urls from '../../../../constants/urls';
 
 export const DrawerTestButtons = () => {
   const { t } = useTranslation('settings');

package/src/features/settings/components/develop/ModalTestButtons.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
-import { Button } from '@/components/ui/button';
+import { Button } from '../../../../components/ui/button';
 import { shellui } from '@shellui/sdk';
-import urls from '@/constants/urls';
+import urls from '../../../../constants/urls';
 
 export const ModalTestButtons = () => {
   const { t } = useTranslation('settings');

package/src/features/settings/components/develop/ToastTestButtons.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { Button } from '@/components/ui/button';
+import { Button } from '../../../../components/ui/button';
 import { shellui } from '@shellui/sdk';
 
 export const ToastTestButtons = () => {