npm - @vezham/react - Versions diffs - 26.0.0-alpha.6 → 26.0.0-alpha.8 - Mend

@vezham/react 26.0.0-alpha.6 → 26.0.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/dist/lib/components/panel/header/storage/history-date-group.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import type { useProps } from './types';
+import { ReactNode } from 'react';
+import { useProps } from './types';
 type Props = Pick<ReturnType<typeof useProps>, 'getDateGroupProps' | 'getDateHeaderProps' | 'getDateLabelProps' | 'getDateDividerProps' | 'getItemsListProps'> & {
     date: string;
     children: ReactNode;

package/dist/lib/components/panel/header/storage/history-item-content.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { useProps } from './types';
+import { useProps } from './types';
 type Props = Pick<ReturnType<typeof useProps>, 'getItemFaviconProps' | 'getItemFallbackIconProps' | 'getItemContentProps' | 'getItemTitleProps' | 'getItemUrlProps'> & {
     item: {
         favicon?: string;

package/dist/lib/components/panel/header/storage/history-shell.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { ComponentProps, ReactNode } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 export declare const StorageHistoryShell: ({ search, actions, containerProps, children }: {
     search: ReactNode;
     actions?: ReactNode;

package/dist/lib/components/panel/header/storage/trash/types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import type { useProps } from '../types';
+import { useProps } from '../types';
 export interface TrashItem {
     id: string;
     title: string;

package/dist/lib/components/panel/header/storage/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef, type ElementType, ReactNode } from 'react';
+import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
 import { ArchiveItem, ArchiveItemRendererProps } from './archive/types';
 import { TrashItem, TrashItemRendererProps } from './trash/types';
 import { tvProps, tvSlots } from './variant';
@@ -20,326 +20,326 @@ interface Props extends tvProps, ComponentPropsWithRef<'div'> {
 }
 declare const useProps: (originalProps: Props) => {
     Component: ElementType;
-    domRef: import("react").Ref<HTMLDivElement> | undefined;
+    domRef: import('react').Ref<HTMLDivElement> | undefined;
     slots: {
         tabs: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tabs_list_container: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tabs_list: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tab_archive: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tab_trash: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tab_indicator: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         container: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         search_input: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         search_input_wrapper: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         search_icon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         actions_bar: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         actions_bar_with_gap: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         clear_all_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         restore_all_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         empty_container: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         empty_icon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         empty_title: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         empty_description: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         items_container: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         date_group: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         date_header: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         date_label: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         date_divider: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         items_list: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_favicon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_fallback_icon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_content: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_title: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_url: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_actions: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         unarchive_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         restore_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         delete_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         delete_permanent_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         action_icon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         action_icon_success: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         action_icon_danger: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         action_icon_default: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
     } & {
         tabs: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tabs_list_container: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tabs_list: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tab_archive: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tab_trash: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         tab_indicator: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         container: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         search_input: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         search_input_wrapper: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         search_icon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         actions_bar: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         actions_bar_with_gap: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         clear_all_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         restore_all_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         empty_container: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         empty_icon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         empty_title: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         empty_description: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         items_container: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         date_group: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         date_header: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         date_label: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         date_divider: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         items_list: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_favicon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_fallback_icon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_content: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_title: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_url: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         item_actions: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         unarchive_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         restore_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         delete_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         delete_permanent_button: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         action_icon: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         action_icon_success: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         action_icon_danger: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
         action_icon_default: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
     } & {
         base: (slotProps?: ({
             size?: "lg" | "sm" | "md" | undefined;
             variant?: "dark" | "light" | "default" | "glass" | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
+        } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
     };
     classNames: Partial<Record<"tabs" | "base" | "search_input" | "search_input_wrapper" | "search_icon" | "empty_container" | "empty_icon" | "empty_title" | "empty_description" | "item" | "tabs_list_container" | "tabs_list" | "tab_archive" | "tab_trash" | "tab_indicator" | "container" | "actions_bar" | "actions_bar_with_gap" | "clear_all_button" | "restore_all_button" | "items_container" | "date_group" | "date_header" | "date_label" | "date_divider" | "items_list" | "item_favicon" | "item_fallback_icon" | "item_content" | "item_title" | "item_url" | "item_actions" | "unarchive_button" | "restore_button" | "delete_button" | "delete_permanent_button" | "action_icon" | "action_icon_success" | "action_icon_danger" | "action_icon_default", string>> | undefined;
     children: ReactNode;
@@ -368,7 +368,7 @@ declare const useProps: (originalProps: Props) => {
         className: string;
     };
     getSearchInputProps: (isArchive: boolean) => {
-        className: import("tailwind-variants").CnReturn;
+        className: import('tailwind-variants').CnReturn;
         placeholder: string;
         variant: "secondary";
     };

package/dist/lib/components/panel/header/storage/variant.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { VariantProps } from '@vezham/react-v3';
-declare const tva: import("tailwind-variants").TVReturnType<{
+declare const tva: import('tailwind-variants').TVReturnType<{
     variant: {
         default: {
             search_input_wrapper: string;
@@ -187,7 +187,7 @@ declare const tva: import("tailwind-variants").TVReturnType<{
     action_icon_success: string;
     action_icon_danger: string;
     action_icon_default: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         default: {
             search_input_wrapper: string;

package/dist/lib/components/panel/info-panel/container.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { ActiveInfoPanel, InfoPanelDefinition } from './types';
 declare const InfoPanelContainer: ({ panels, className, width }: {
     panels: Record<Exclude<ActiveInfoPanel, null>, InfoPanelDefinition>;
     className?: string;
     width?: number;
-}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
 export { InfoPanelContainer };
 //# sourceMappingURL=container.d.ts.map

package/dist/lib/components/panel/info-panel/container.module.css CHANGED Viewed

@@ -41,7 +41,11 @@
 }
 @media (prefers-reduced-motion: reduce) {
-  .panel,
+  .panel {
+    animation: none;
+  }
+  /* vx-bot/NOTE: A new closing animation must fire the event that collapses the panel. */
   .panel[data-state='closed'] {
     animation: panel-reduced 1ms linear both;
   }

package/dist/lib/components/panel/info-panel/container.module.js CHANGED Viewed

@@ -1,8 +1,8 @@
 var container_module_default = {
-	panel: "_panel_1bkin_1",
-	"panel-enter": "_panel-enter_1bkin_1",
-	"panel-exit": "_panel-exit_1bkin_1",
-	"panel-reduced": "_panel-reduced_1bkin_1"
+	panel: "_panel_inr1p_1",
+	"panel-enter": "_panel-enter_inr1p_1",
+	"panel-exit": "_panel-exit_inr1p_1",
+	"panel-reduced": "_panel-reduced_inr1p_1"
 };
 //#endregion
 export { container_module_default as default };

package/dist/lib/components/panel/info-panel/sheet.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import type { InfoPanelDefinition } from './types';
+import { ReactNode } from 'react';
+import { InfoPanelDefinition } from './types';
 export declare const InfoPanelSheet: ({ panel, heading, isOpen, onClose }: {
     panel: InfoPanelDefinition;
     heading?: ReactNode;

package/dist/lib/components/panel/menu/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { Props } from './types';
-declare const Menu: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Menu: import('react').ForwardRefExoticComponent<Omit<Props, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export { Menu };
 //# sourceMappingURL=index.d.ts.map