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

package/dist/lib/components/panel/header/bookmarks/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/header/bookmarks/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/panel/header/bookmarks/types.js

@@ -0,0 +1,198 @@
+import { tva } from "./variant.js";
+import { cn } from "@vezham/react-v3";
+//#region src/lib/components/panel/header/bookmarks/types.ts
+var useProps = (originalProps) => {
+	const { variant, size, as, ref, children, classNames, favorites: externalFavorites, bookmarks: externalBookmarks, pins: externalPins, onFavoriteClick, onBookmarkClick, onFavoritesChange, onPinsChange, onFavoritesReorder, onBookmarksReorder, onFolderReorder, renderFavoriteItem, renderBookmarkItem, renderFolderItem } = originalProps;
+	const Component = as || "div";
+	const domRef = ref;
+	const slots = tva({
+		variant,
+		size
+	});
+	const getSearchContainerProps = () => ({ className: slots.search_container({ class: classNames?.search_container }) });
+	const getSearchInputProps = () => ({
+		className: slots.search_input({ class: classNames?.search_input }),
+		placeholder: "Search ...",
+		classNames: { inputWrapper: slots.search_input_wrapper({ class: classNames?.search_input_wrapper }) }
+	});
+	const getScrollShadowProps = () => ({
+		className: slots.scroll_shadow({ class: classNames?.scroll_shadow }),
+		hideScrollBar: true
+	});
+	const getEmptyContainerProps = () => ({ className: slots.empty_container({ class: classNames?.empty_container }) });
+	const getEmptyIconProps = () => ({
+		icon: "vx:star",
+		width: 64,
+		className: slots.empty_icon({ class: classNames?.empty_icon })
+	});
+	const getEmptyTitleProps = () => ({
+		className: slots.empty_title({ class: classNames?.empty_title }),
+		children: "No items yet"
+	});
+	const getEmptyDescriptionProps = () => ({
+		className: slots.empty_description({ class: classNames?.empty_description }),
+		children: "Add items to favorites or bookmarks to quickly access them later."
+	});
+	const getContentContainerProps = () => ({ className: slots.content_container({ class: classNames?.content_container }) });
+	const getSectionProps = () => ({ className: slots.section({ class: classNames?.section }) });
+	const getSectionHeaderProps = () => ({ className: slots.section_header({ class: classNames?.section_header }) });
+	const getSectionIconProps = (className) => ({
+		size: 18,
+		className: cn(slots.section_icon({ class: classNames?.section_icon }), className)
+	});
+	const getSectionTitleProps = (title) => ({
+		className: slots.section_title({ class: classNames?.section_title }),
+		children: title
+	});
+	const getFavoritesGridProps = () => ({ className: slots.favorites_grid({ class: classNames?.favorites_grid }) });
+	const getFavorites2GridProps = () => ({ className: slots.favorites_grid2({ class: classNames?.favorites_grid2 }) });
+	const getFavoriteItemProps = () => ({ className: slots.favorite_item({ class: classNames?.favorite_item }) });
+	const getFavorite2ItemsProps = () => ({ className: slots.favorite_item2({ class: classNames?.favorite_item2 }) });
+	const getFavoriteBackgroundImageProps = (src, alt) => ({
+		src,
+		"aria-label": alt,
+		className: slots.favorite_background_image({ class: classNames?.favorite_background_image })
+	});
+	const getFavoriteBackgroundGradientProps = () => ({ className: slots.favorite_background_gradient({ class: classNames?.favorite_background_gradient }) });
+	const getFavoriteOverlayProps = () => ({ className: slots.favorite_overlay({ class: classNames?.favorite_overlay }) });
+	const getFavoriteAvatarContainerProps = () => ({ className: slots.favorite_avatar_container({ class: classNames?.favorite_avatar_container }) });
+	const getFavoriteAvatarProps = () => ({
+		size: "sm",
+		className: slots.favorite_avatar({ class: classNames?.favorite_avatar })
+	});
+	const getFavoriteAvatarIconProps = () => ({
+		icon: "vx:star-filled",
+		width: 14,
+		className: slots.favorite_avatar_icon({ class: classNames?.favorite_avatar_icon })
+	});
+	const getFavoriteAvatarFallbackProps = (name) => ({
+		className: slots.favorite_avatar_fallback({ class: classNames?.favorite_avatar_fallback }),
+		children: name.charAt(0).toUpperCase()
+	});
+	const getFavoriteContentProps = () => ({ className: slots.favorite_content({ class: classNames?.favorite_content }) });
+	const getFavoriteNameProps = (name) => ({
+		className: slots.favorite_name({ class: classNames?.favorite_name }),
+		children: name
+	});
+	const getBookmarksListProps = () => ({ className: slots.bookmarks_list({ class: classNames?.bookmarks_list }) });
+	const getBookmarkItemProps = () => ({ className: slots.bookmark_item({ class: classNames?.bookmark_item }) });
+	const getBookmarkAvatarProps = () => ({
+		size: "sm",
+		className: slots.bookmark_avatar({ class: classNames?.bookmark_avatar })
+	});
+	const getBookmarkAvatarFallbackProps = (name) => ({
+		className: slots.bookmark_avatar_fallback({ class: classNames?.bookmark_avatar_fallback }),
+		children: name.charAt(0).toUpperCase()
+	});
+	const getBookmarkContentProps = () => ({ className: slots.bookmark_content({ class: classNames?.bookmark_content }) });
+	const getBookmarkNameProps = (name) => ({
+		className: slots.bookmark_name({ class: classNames?.bookmark_name }),
+		children: name
+	});
+	const getBookmarkUrlProps = (url) => ({
+		className: slots.bookmark_url({ class: classNames?.bookmark_url }),
+		children: url
+	});
+	const getBookmarkArrowProps = () => ({
+		icon: "vx:external-link",
+		width: 16,
+		className: slots.bookmark_arrow({ class: classNames?.bookmark_arrow })
+	});
+	const getBookmarkDeleteButtonProps = () => ({ className: slots.bookmark_delete_button({ class: classNames?.bookmark_delete_button }) });
+	const getFileTreeProps = () => ({ className: slots.file_tree({ class: classNames?.file_tree }) });
+	const getBookmarkTreeEmptyStateProps = () => ({ className: slots.bookmark_tree_empty_state({ class: classNames?.bookmark_tree_empty_state }) });
+	const getFolderAccordionProps = () => ({
+		variant: "light",
+		selectionMode: "multiple",
+		className: slots.folder_accordion({ class: classNames?.folder_accordion })
+	});
+	const getFolderItemProps = () => ({ className: slots.folder_item({ class: classNames?.folder_item }) });
+	const getFolderHeadingProps = () => ({ className: slots.folder_heading({ class: classNames?.folder_heading }) });
+	const getFolderTriggerProps = () => ({ className: slots.folder_trigger({ class: classNames?.folder_trigger }) });
+	const getFolderTriggerContentProps = () => ({ className: slots.folder_trigger_content({ class: classNames?.folder_trigger_content }) });
+	const getFolderIconProps = () => ({
+		icon: "vx:folder-filled",
+		width: 18,
+		className: slots.folder_icon({ class: classNames?.folder_icon })
+	});
+	const getFolderNameProps = (name) => ({
+		className: slots.folder_name({ class: classNames?.folder_name }),
+		children: name
+	});
+	const getFolderCountProps = (count) => ({
+		className: slots.folder_count({ class: classNames?.folder_count }),
+		children: `(${count})`
+	});
+	const getFolderIndicatorProps = () => ({ className: slots.folder_indicator({ class: classNames?.folder_indicator }) });
+	const getFolderPanelProps = () => ({ className: slots.folder_panel({ class: classNames?.folder_panel }) });
+	const getFolderBodyProps = () => ({ className: slots.folder_body({ class: classNames?.folder_body }) });
+	return {
+		Component,
+		domRef,
+		slots,
+		classNames,
+		children,
+		getSearchContainerProps,
+		getSearchInputProps,
+		getScrollShadowProps,
+		getEmptyContainerProps,
+		getEmptyIconProps,
+		getEmptyTitleProps,
+		getEmptyDescriptionProps,
+		getContentContainerProps,
+		getSectionProps,
+		getSectionHeaderProps,
+		getSectionIconProps,
+		getSectionTitleProps,
+		getFavoritesGridProps,
+		getFavoriteItemProps,
+		getFavorites2GridProps,
+		getFavorite2ItemsProps,
+		getFavoriteBackgroundImageProps,
+		getFavoriteBackgroundGradientProps,
+		getFavoriteOverlayProps,
+		getFavoriteAvatarContainerProps,
+		getFavoriteAvatarProps,
+		getFavoriteAvatarIconProps,
+		getFavoriteAvatarFallbackProps,
+		getFavoriteContentProps,
+		getFavoriteNameProps,
+		getBookmarksListProps,
+		getBookmarkItemProps,
+		getBookmarkAvatarProps,
+		getBookmarkAvatarFallbackProps,
+		getBookmarkContentProps,
+		getBookmarkNameProps,
+		getBookmarkUrlProps,
+		getBookmarkArrowProps,
+		getBookmarkDeleteButtonProps,
+		getFileTreeProps,
+		getBookmarkTreeEmptyStateProps,
+		getFolderAccordionProps,
+		getFolderItemProps,
+		getFolderHeadingProps,
+		getFolderTriggerProps,
+		getFolderTriggerContentProps,
+		getFolderIconProps,
+		getFolderNameProps,
+		getFolderCountProps,
+		getFolderIndicatorProps,
+		getFolderPanelProps,
+		getFolderBodyProps,
+		externalFavorites,
+		externalBookmarks,
+		externalPins,
+		onFavoriteClick,
+		onBookmarkClick,
+		onFavoritesChange,
+		onPinsChange,
+		onFavoritesReorder,
+		onBookmarksReorder,
+		onFolderReorder,
+		renderFavoriteItem,
+		renderBookmarkItem,
+		renderFolderItem
+	};
+};
+//#endregion
+export { useProps };

package/dist/lib/components/panel/header/bookmarks/variant.d.ts

@@ -0,0 +1,334 @@
+import { VariantProps } from '@vezham/react-v3';
+declare const tva: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        dark: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        light: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        glass: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+    };
+    size: {
+        sm: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+        md: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+        lg: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+    };
+}, {
+    search_container: string;
+    search_input: string;
+    search_input_wrapper: string;
+    search_icon: string;
+    scroll_shadow: string;
+    empty_container: string;
+    empty_icon: string;
+    empty_title: string;
+    empty_description: string;
+    content_container: string;
+    section: string;
+    section_header: string;
+    section_icon: string;
+    section_title: string;
+    favorites_grid: string;
+    favorite_item: string;
+    favorites_grid2: string;
+    favorite_item2: string;
+    favorite_background_image: string;
+    favorite_background_gradient: string;
+    favorite_overlay: string;
+    favorite_avatar_container: string;
+    favorite_avatar: string;
+    favorite_avatar_icon: string;
+    favorite_avatar_fallback: string;
+    favorite_content: string;
+    favorite_name: string;
+    bookmarks_list: string;
+    bookmark_item: string;
+    bookmark_avatar: string;
+    bookmark_avatar_fallback: string;
+    bookmark_content: string;
+    bookmark_name: string;
+    bookmark_url: string;
+    bookmark_arrow: string;
+    bookmark_delete_button: string;
+    file_tree: string;
+    bookmark_tree_empty_state: string;
+    folder_section: string;
+    folder_accordion: string;
+    folder_item: string;
+    folder_heading: string;
+    folder_trigger: string;
+    folder_trigger_content: string;
+    folder_icon: string;
+    folder_name: string;
+    folder_count: string;
+    folder_indicator: string;
+    folder_panel: string;
+    folder_body: string;
+}, undefined, {
+    variant: {
+        default: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        dark: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        light: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        glass: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+    };
+    size: {
+        sm: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+        md: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+        lg: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+    };
+}, {
+    search_container: string;
+    search_input: string;
+    search_input_wrapper: string;
+    search_icon: string;
+    scroll_shadow: string;
+    empty_container: string;
+    empty_icon: string;
+    empty_title: string;
+    empty_description: string;
+    content_container: string;
+    section: string;
+    section_header: string;
+    section_icon: string;
+    section_title: string;
+    favorites_grid: string;
+    favorite_item: string;
+    favorites_grid2: string;
+    favorite_item2: string;
+    favorite_background_image: string;
+    favorite_background_gradient: string;
+    favorite_overlay: string;
+    favorite_avatar_container: string;
+    favorite_avatar: string;
+    favorite_avatar_icon: string;
+    favorite_avatar_fallback: string;
+    favorite_content: string;
+    favorite_name: string;
+    bookmarks_list: string;
+    bookmark_item: string;
+    bookmark_avatar: string;
+    bookmark_avatar_fallback: string;
+    bookmark_content: string;
+    bookmark_name: string;
+    bookmark_url: string;
+    bookmark_arrow: string;
+    bookmark_delete_button: string;
+    file_tree: string;
+    bookmark_tree_empty_state: string;
+    folder_section: string;
+    folder_accordion: string;
+    folder_item: string;
+    folder_heading: string;
+    folder_trigger: string;
+    folder_trigger_content: string;
+    folder_icon: string;
+    folder_name: string;
+    folder_count: string;
+    folder_indicator: string;
+    folder_panel: string;
+    folder_body: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    variant: {
+        default: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        dark: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        light: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+        glass: {
+            search_input_wrapper: string;
+            bookmark_item: string;
+            folder_item: string;
+        };
+    };
+    size: {
+        sm: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+        md: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+        lg: {
+            empty_icon: string;
+            empty_title: string;
+            empty_description: string;
+            favorite_item: string;
+            favorite_item2: string;
+            favorite_name: string;
+            bookmark_name: string;
+            bookmark_url: string;
+            folder_name: string;
+        };
+    };
+}, {
+    search_container: string;
+    search_input: string;
+    search_input_wrapper: string;
+    search_icon: string;
+    scroll_shadow: string;
+    empty_container: string;
+    empty_icon: string;
+    empty_title: string;
+    empty_description: string;
+    content_container: string;
+    section: string;
+    section_header: string;
+    section_icon: string;
+    section_title: string;
+    favorites_grid: string;
+    favorite_item: string;
+    favorites_grid2: string;
+    favorite_item2: string;
+    favorite_background_image: string;
+    favorite_background_gradient: string;
+    favorite_overlay: string;
+    favorite_avatar_container: string;
+    favorite_avatar: string;
+    favorite_avatar_icon: string;
+    favorite_avatar_fallback: string;
+    favorite_content: string;
+    favorite_name: string;
+    bookmarks_list: string;
+    bookmark_item: string;
+    bookmark_avatar: string;
+    bookmark_avatar_fallback: string;
+    bookmark_content: string;
+    bookmark_name: string;
+    bookmark_url: string;
+    bookmark_arrow: string;
+    bookmark_delete_button: string;
+    file_tree: string;
+    bookmark_tree_empty_state: string;
+    folder_section: string;
+    folder_accordion: string;
+    folder_item: string;
+    folder_heading: string;
+    folder_trigger: string;
+    folder_trigger_content: string;
+    folder_icon: string;
+    folder_name: string;
+    folder_count: string;
+    folder_indicator: string;
+    folder_panel: string;
+    folder_body: string;
+}>>;
+type tvProps = VariantProps<typeof tva>;
+type tvSlots = keyof ReturnType<typeof tva>;
+export { tva };
+export type { tvProps, tvSlots };
+//# sourceMappingURL=variant.d.ts.map

package/dist/lib/components/panel/header/bookmarks/variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/header/bookmarks/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAM,MAAM,kBAAkB,CAAA;AAEnD,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsIP,CAAA;AAEF,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAA;AACvC,KAAK,OAAO,GAAG,MAAM,UAAU,CAAC,OAAO,GAAG,CAAC,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,CAAA;AACd,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/lib/components/panel/header/bookmarks/variant.js

@@ -0,0 +1,121 @@
+import { tv } from "@vezham/react-v3";
+//#region src/lib/components/panel/header/bookmarks/variant.ts
+var tva = tv({
+	slots: {
+		search_container: "mt-6",
+		search_input: "w-full",
+		search_input_wrapper: "bg-default-100/50",
+		search_icon: "text-default-400",
+		scroll_shadow: "h-full",
+		empty_container: "flex h-[60vh] flex-col items-center justify-center gap-4 text-center",
+		empty_icon: "text-default-400",
+		empty_title: "text-xl font-semibold",
+		empty_description: "text-default-500 max-w-[220px]",
+		content_container: "space-y-2 pb-6 @min-[24rem]/info-panel:space-y-6",
+		section: "",
+		section_header: "my-3 flex items-center gap-2",
+		section_icon: "",
+		section_title: "text-default-500 text-sm tracking-wider uppercase",
+		favorites_grid: "flex flex-wrap gap-3",
+		favorite_item: "group relative flex aspect-square w-[calc(30%-5px)] cursor-grab flex-col overflow-hidden rounded-2xl transition-transform hover:scale-[1.02] active:scale-[0.98] active:cursor-grabbing",
+		favorites_grid2: "flex flex-nowrap gap-3 overflow-x-auto pb-2",
+		favorite_item2: "group relative flex aspect-square w-[120px] shrink-0 cursor-grab flex-col overflow-hidden rounded-2xl transition-transform hover:scale-[1.02] active:scale-[0.98] active:cursor-grabbing",
+		favorite_background_image: "absolute inset-0 h-full w-full object-cover",
+		favorite_background_gradient: "from-default-200 to-default-300 absolute inset-0 bg-gradient-to-br",
+		favorite_overlay: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent",
+		favorite_avatar_container: "absolute top-2 left-2",
+		favorite_avatar: "ring-2 ring-white/20",
+		favorite_avatar_icon: "text-warning",
+		favorite_avatar_fallback: "bg-default-500 text-white",
+		favorite_content: "absolute right-0 bottom-0 left-0 p-2",
+		favorite_name: "line-clamp-2 text-xs leading-tight text-white",
+		bookmarks_list: "space-y-1",
+		bookmark_item: "hover:bg-default-100 flex w-full cursor-grab items-center gap-3 rounded-lg py-2 transition-colors active:cursor-grabbing",
+		bookmark_avatar: "shrink-0",
+		bookmark_avatar_fallback: "bg-default-500 text-white",
+		bookmark_content: "flex-1 text-left",
+		bookmark_name: "text-sm text-black",
+		bookmark_url: "text-default-500 text-xs",
+		bookmark_arrow: "text-default-400",
+		bookmark_delete_button: "opacity-0 group-hover:opacity-100",
+		file_tree: "[&_[data-slot=file-tree-drag-handle]:focus-visible]:outline-focus! [&_[data-slot=file-tree-item]:hover]:bg-default! [&_[data-slot=file-tree-item][data-drop-target]]:bg-accent-soft! [&_[data-slot=file-tree-item][data-drop-target]]:outline-accent/40! [&_.react-aria-DropIndicator[data-drop-target]]:bg-accent! max-h-[calc(100vh-96px)] w-full min-w-0 gap-0.5 p-0 [--file-tree-chevron-offset:0px]! [--file-tree-indent:1rem] [--file-tree-item-px:0rem] data-[empty]:block! data-[empty]:min-h-0! data-[empty]:py-0! data-[empty]:text-left! data-[empty]:not-italic! [&_.react-aria-DropIndicator[data-drop-target]]:h-0.5! [&_.react-aria-DropIndicator[data-drop-target]]:rounded-full! [&_.react-aria-DropIndicator[data-drop-target]]:outline-none! [&_[data-slot=file-tree-drag-handle]]:pointer-events-none! [&_[data-slot=file-tree-drag-handle]]:absolute! [&_[data-slot=file-tree-drag-handle]]:end-8! [&_[data-slot=file-tree-drag-handle]]:size-7! [&_[data-slot=file-tree-drag-handle]]:rounded-md! [&_[data-slot=file-tree-drag-handle]]:opacity-0! [&_[data-slot=file-tree-drag-handle]]:transition-none! [&_[data-slot=file-tree-drag-handle]_svg]:size-4! [&_[data-slot=file-tree-drag-handle]:focus-visible]:opacity-100! [&_[data-slot=file-tree-drag-handle]:focus-visible]:outline-2! [&_[data-slot=file-tree-drag-handle]:hover]:bg-transparent! [&_[data-slot=file-tree-drag-handle]:hover]:opacity-100! [&_[data-slot=file-tree-icon]]:h-4 [&_[data-slot=file-tree-icon]]:w-4 [&_[data-slot=file-tree-item-content]]:min-h-7 [&_[data-slot=file-tree-item-content]]:min-w-0 [&_[data-slot=file-tree-item-content]]:gap-2 [&_[data-slot=file-tree-item-content]]:rounded-md [&_[data-slot=file-tree-item-content]]:pe-1 [&_[data-slot=file-tree-item]]:ring-inset [&_[data-slot=file-tree-item]:has(:focus-visible)_[data-slot=file-tree-drag-handle]]:pointer-events-auto! [&_[data-slot=file-tree-item]:has(:focus-visible)_[data-slot=file-tree-drag-handle]]:opacity-60! [&_[data-slot=file-tree-item]:hover_[data-slot=file-tree-drag-handle]]:pointer-events-auto! [&_[data-slot=file-tree-item]:hover_[data-slot=file-tree-drag-handle]]:opacity-60! [&_[data-slot=file-tree-item][data-drop-target]]:outline-1! [&_[data-slot=file-tree-item][data-focus-visible]_[data-slot=file-tree-drag-handle]]:pointer-events-auto! [&_[data-slot=file-tree-item][data-focus-visible]_[data-slot=file-tree-drag-handle]]:opacity-60! [&_[data-slot=file-tree-label]]:flex [&_[data-slot=file-tree-label]]:min-w-0 [&_[data-slot=file-tree-label]]:flex-1 [&_[slot=chevron]]:cursor-pointer! [&_[slot=chevron]:hover]:bg-transparent! [@media(hover:none)]:[&_[data-slot=file-tree-drag-handle]]:pointer-events-auto! [@media(hover:none)]:[&_[data-slot=file-tree-drag-handle]]:opacity-60!",
+		bookmark_tree_empty_state: "w-full",
+		folder_section: "mt-6",
+		folder_accordion: "px-0",
+		folder_item: "border-default-200 border-b px-0",
+		folder_heading: "",
+		folder_trigger: "cursor-grab py-2 active:cursor-grabbing",
+		folder_trigger_content: "flex items-center gap-2",
+		folder_icon: "",
+		folder_name: "text-black",
+		folder_count: "text-default-400 text-xs",
+		folder_indicator: "",
+		folder_panel: "",
+		folder_body: "space-y-1 px-0 pb-2"
+	},
+	variants: {
+		variant: {
+			default: {
+				search_input_wrapper: "bg-default-100/50",
+				bookmark_item: "hover:bg-default-100",
+				folder_item: "border-default-200"
+			},
+			dark: {
+				search_input_wrapper: "bg-default-800/50",
+				bookmark_item: "hover:bg-default-800",
+				folder_item: "border-default-700"
+			},
+			light: {
+				search_input_wrapper: "bg-default-50/50",
+				bookmark_item: "hover:bg-default-50",
+				folder_item: "border-default-100"
+			},
+			glass: {
+				search_input_wrapper: "bg-white/10",
+				bookmark_item: "hover:bg-white/20",
+				folder_item: "border-white/20"
+			}
+		},
+		size: {
+			sm: {
+				empty_icon: "w-12",
+				empty_title: "text-lg",
+				empty_description: "max-w-[180px] text-xs",
+				favorite_item: "w-[calc(23%-5px)]",
+				favorite_item2: "w-[100px]",
+				favorite_name: "text-[10px]",
+				bookmark_name: "text-xs",
+				bookmark_url: "text-[10px]",
+				folder_name: "text-sm"
+			},
+			md: {
+				empty_icon: "w-16",
+				empty_title: "text-xl",
+				empty_description: "max-w-[220px] text-sm",
+				favorite_item: "w-[calc(23%-5px)]",
+				favorite_item2: "w-[120px]",
+				favorite_name: "text-xs",
+				bookmark_name: "text-sm",
+				bookmark_url: "text-xs",
+				folder_name: ""
+			},
+			lg: {
+				empty_icon: "w-20",
+				empty_title: "text-2xl",
+				empty_description: "max-w-[280px] text-base",
+				favorite_item: "w-[calc(23%-5px)]",
+				favorite_item2: "w-[140px]",
+				favorite_name: "text-sm",
+				bookmark_name: "text-base",
+				bookmark_url: "text-sm",
+				folder_name: "text-lg"
+			}
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+//#endregion
+export { tva };

package/dist/lib/components/panel/header/index.d.ts

@@ -0,0 +1,4 @@
+import { HeaderActionsProps } from './types';
+declare const Header: ({ users, showSearch, showBookamarks, showStorage, onAvatarClick, onSearchClick, isDockHidden, onToggleDock, isSidebarOpen, onToggleSidebar, extraActions, className, compact, hideSeparator, showMenuUtilities }: HeaderActionsProps) => import("react").JSX.Element;
+export { Header };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/panel/header/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C,QAAA,MAAM,MAAM,GAAI,kNAgBb,kBAAkB,gCAmKpB,CAAA;AAgOD,OAAO,EAAE,MAAM,EAAE,CAAA"}