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

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

@@ -0,0 +1,211 @@
+import { VariantProps } from '@vezham/react-v3';
+declare const tva: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+        subtle: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+        glass: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+    };
+    size: {
+        sm: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+        md: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+        lg: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+    };
+    isInteractive: {
+        true: {
+            item: string;
+        };
+        false: {
+            item: string;
+        };
+    };
+}, {
+    grid: string;
+    item: string;
+    itemDragging: string;
+    itemDropTarget: string;
+    dragButton: string;
+    backgroundImage: string;
+    backgroundFallback: string;
+    overlay: string;
+    avatarContainer: string;
+    avatar: string;
+    avatarFallback: string;
+    avatarIcon: string;
+    content: string;
+    name: string;
+    emptyState: string;
+}, undefined, {
+    variant: {
+        default: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+        subtle: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+        glass: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+    };
+    size: {
+        sm: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+        md: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+        lg: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+    };
+    isInteractive: {
+        true: {
+            item: string;
+        };
+        false: {
+            item: string;
+        };
+    };
+}, {
+    grid: string;
+    item: string;
+    itemDragging: string;
+    itemDropTarget: string;
+    dragButton: string;
+    backgroundImage: string;
+    backgroundFallback: string;
+    overlay: string;
+    avatarContainer: string;
+    avatar: string;
+    avatarFallback: string;
+    avatarIcon: string;
+    content: string;
+    name: string;
+    emptyState: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    variant: {
+        default: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+        subtle: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+        glass: {
+            item: string;
+            itemDropTarget: string;
+            backgroundFallback: string;
+            avatarFallback: string;
+        };
+    };
+    size: {
+        sm: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+        md: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+        lg: {
+            grid: string;
+            item: string;
+            content: string;
+            name: string;
+            avatarContainer: string;
+        };
+    };
+    isInteractive: {
+        true: {
+            item: string;
+        };
+        false: {
+            item: string;
+        };
+    };
+}, {
+    grid: string;
+    item: string;
+    itemDragging: string;
+    itemDropTarget: string;
+    dragButton: string;
+    backgroundImage: string;
+    backgroundFallback: string;
+    overlay: string;
+    avatarContainer: string;
+    avatar: string;
+    avatarFallback: string;
+    avatarIcon: string;
+    content: string;
+    name: string;
+    emptyState: 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/favorites/variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/panel/header/bookmarks/favorites/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,kBAAkB,CAAA;AAExD,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFP,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/favorites/variant.js

@@ -0,0 +1,77 @@
+import { tv } from "@vezham/react-v3";
+//#region src/lib/components/panel/header/bookmarks/favorites/variant.ts
+var tva = tv({
+	slots: {
+		grid: "relative grid w-full min-w-0 grid-cols-4 gap-2 outline-none data-[empty]:block @min-[24rem]/info-panel:grid-cols-[repeat(auto-fill,minmax(4rem,1fr))] [&_.react-aria-DropIndicator]:absolute [&_.react-aria-DropIndicator]:size-0 [&_.react-aria-DropIndicator]:overflow-hidden",
+		item: "group bg-default/50 hover:bg-default data-[selected]:bg-accent/10 relative flex min-w-0 items-center justify-center rounded-lg outline-none data-[focus-visible]:ring-2",
+		itemDragging: "bg-accent/5 ring-accent/40 cursor-grabbing ring-1 ring-inset [&_[data-slot=favorite-tile-content]]:opacity-0",
+		itemDropTarget: "bg-accent-soft ring-accent ring-2 ring-inset",
+		dragButton: "focus:outline-focus sr-only focus:not-sr-only focus:absolute focus:inset-0 focus:z-10 focus:rounded-lg focus:outline-2",
+		backgroundImage: "absolute inset-0 h-full w-full object-cover",
+		backgroundFallback: "absolute inset-0 bg-gradient-to-br",
+		overlay: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent",
+		avatarContainer: "pointer-events-none flex h-full w-full items-center justify-center overflow-hidden rounded-[inherit]",
+		avatar: "h-full w-full rounded-lg",
+		avatarFallback: "text-muted bg-transparent text-xs font-medium",
+		avatarIcon: "text-warning",
+		content: "absolute right-0 bottom-0 left-0",
+		name: "line-clamp-2 leading-tight text-white",
+		emptyState: "col-span-full w-full"
+	},
+	variants: {
+		variant: {
+			default: {
+				item: "data-[focus-visible]:ring-focus",
+				itemDropTarget: "ring-accent",
+				backgroundFallback: "from-default-200 to-default-300",
+				avatarFallback: "bg-transparent"
+			},
+			subtle: {
+				item: "bg-default/30 data-[focus-visible]:ring-focus",
+				itemDropTarget: "ring-accent",
+				backgroundFallback: "from-default-100 to-default-300",
+				avatarFallback: "bg-transparent"
+			},
+			glass: {
+				item: "data-[focus-visible]:ring-focus bg-white/10 hover:bg-white/20",
+				itemDropTarget: "ring-accent",
+				backgroundFallback: "from-white/30 to-white/10",
+				avatarFallback: "bg-transparent"
+			}
+		},
+		size: {
+			sm: {
+				grid: "[--favorite-tile-height:2.5rem]",
+				item: "h-10",
+				content: "p-1.5",
+				name: "text-[10px]",
+				avatarContainer: ""
+			},
+			md: {
+				grid: "[--favorite-tile-height:3rem]",
+				item: "h-12",
+				content: "p-2",
+				name: "text-xs",
+				avatarContainer: ""
+			},
+			lg: {
+				grid: "[--favorite-tile-height:3.5rem]",
+				item: "h-14",
+				content: "p-2.5",
+				name: "text-sm",
+				avatarContainer: ""
+			}
+		},
+		isInteractive: {
+			true: { item: "cursor-pointer data-[dragging]:cursor-grabbing" },
+			false: { item: "cursor-default" }
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md",
+		isInteractive: true
+	}
+});
+//#endregion
+export { tva };

package/dist/lib/components/panel/header/bookmarks/folder-modal/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { FolderModalProps, FolderVisualPreviewProps } from './types';
+declare const FolderVisualPreview: ({ color, visualType, emoji, icon, className }: FolderVisualPreviewProps) => React.JSX.Element;
+declare const FolderModal: ({ open, mode, form, onFormChange, onOpenChange, onSave }: FolderModalProps) => React.JSX.Element;
+export { FolderVisualPreview };
+export { FolderModal };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/header/bookmarks/folder-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/panel/header/bookmarks/folder-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,wBAAwB,EAE9B,MAAM,SAAS,CAAA;AAGhB,QAAA,MAAM,mBAAmB,GAAI,+CAM1B,wBAAwB,sBAU1B,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,0DAOlB,gBAAgB,sBA8NlB,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/lib/components/panel/header/bookmarks/folder-modal/index.js

@@ -0,0 +1,221 @@
+import { AppIcon } from "../../../../app-icon/index.js";
+import { emojiOptions, folderColors, folderIconOptions } from "./variants.js";
+import "react";
+import { Button, Input, Label, Modal, Popover, Separator, Tabs, useOverlayState } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EmojiPicker } from "@vezham/react-pro-v3";
+//#region src/lib/components/panel/header/bookmarks/folder-modal/index.tsx
+var FolderVisualPreview = ({ color, visualType, emoji, icon, className = "" }) => /* @__PURE__ */ jsx("span", {
+	className: `flex shrink-0 items-center justify-center rounded-full text-white shadow-sm ${className}`,
+	style: { backgroundColor: color },
+	children: visualType === "emoji" ? /* @__PURE__ */ jsx("span", {
+		className: "text-[1em] leading-none",
+		children: emoji
+	}) : /* @__PURE__ */ jsx(AppIcon, {
+		icon,
+		size: "1em",
+		"aria-hidden": "true"
+	})
+});
+var FolderModal = ({ open, mode, form, onFormChange, onOpenChange, onSave }) => {
+	const state = useOverlayState({
+		isOpen: open,
+		onOpenChange
+	});
+	const canSave = form.name.trim().length > 0;
+	const selectedVisualKey = form.visualType;
+	const updateForm = (nextForm) => {
+		onFormChange({
+			...form,
+			...nextForm
+		});
+	};
+	const renderEmojiItem = (item) => /* @__PURE__ */ jsx(EmojiPicker.Item, {
+		id: item.id,
+		textValue: item.label,
+		children: item.emoji
+	});
+	return /* @__PURE__ */ jsxs(Modal, {
+		state,
+		children: [/* @__PURE__ */ jsx(Modal.Trigger, { className: "hidden" }), /* @__PURE__ */ jsx(Modal.Backdrop, {
+			variant: "blur",
+			className: "fixed inset-0 z-[120] bg-black/35",
+			children: /* @__PURE__ */ jsx(Modal.Container, {
+				placement: "center",
+				children: /* @__PURE__ */ jsxs(Modal.Dialog, {
+					className: "w-[min(620px,calc(100vw-32px))] overflow-hidden rounded-[28px] border border-black/10 bg-white p-0 shadow-[0_24px_90px_rgba(15,23,42,0.28)]",
+					children: [
+						/* @__PURE__ */ jsx(Modal.Header, {
+							className: "px-8 pt-8 pb-4",
+							children: /* @__PURE__ */ jsx(Modal.Heading, {
+								className: "text-center text-xl font-semibold text-black",
+								children: mode === "create" ? "New Folder" : "Edit Folder"
+							})
+						}),
+						/* @__PURE__ */ jsxs(Modal.Body, {
+							className: "space-y-6 px-8 pb-6",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-4",
+									children: [/* @__PURE__ */ jsx(Label, {
+										className: "w-16 shrink-0 text-base font-medium text-black",
+										children: "Name:"
+									}), /* @__PURE__ */ jsx(Input, {
+										value: form.name,
+										className: "border-default-200 focus:border-primary focus:ring-primary/25 h-12 w-full rounded-xl border bg-white px-4 text-base outline-none focus:ring-4",
+										onChange: (event) => updateForm({ name: event.target.value })
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "grid gap-6 md:grid-cols-[1fr_auto_1fr]",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex gap-4",
+											children: [/* @__PURE__ */ jsx(Label, {
+												className: "w-16 shrink-0 pt-1 text-base font-medium text-black",
+												children: "Color:"
+											}), /* @__PURE__ */ jsx("div", {
+												className: "flex flex-wrap gap-3",
+												children: folderColors.map((color) => /* @__PURE__ */ jsx("button", {
+													type: "button",
+													"aria-label": `Use ${color} folder color`,
+													className: "ring-primary/70 flex h-8 w-8 items-center justify-center rounded-full border border-black/10 shadow-sm transition-transform outline-none hover:scale-105 focus-visible:ring-2",
+													style: { backgroundColor: color },
+													onClick: () => updateForm({ color }),
+													children: form.color === color && /* @__PURE__ */ jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-white shadow" })
+												}, color))
+											})]
+										}),
+										/* @__PURE__ */ jsx(Separator, {
+											orientation: "vertical",
+											className: "hidden md:block"
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "flex gap-4",
+											children: [/* @__PURE__ */ jsx(Label, {
+												className: "w-14 shrink-0 pt-1 text-base font-medium text-black",
+												children: "Icon:"
+											}), /* @__PURE__ */ jsxs("div", {
+												className: "flex flex-col gap-3",
+												children: [/* @__PURE__ */ jsxs("div", {
+													className: "flex items-center gap-3",
+													children: [/* @__PURE__ */ jsxs(EmojiPicker, {
+														selectedKey: form.visualType === "emoji" ? form.emoji : void 0,
+														onSelectionChange: (key) => {
+															if (!key) return;
+															updateForm({
+																visualType: "emoji",
+																emoji: String(key)
+															});
+														},
+														children: [/* @__PURE__ */ jsx(EmojiPicker.Trigger, {
+															"aria-label": "Choose emoji",
+															className: "rounded-full",
+															children: /* @__PURE__ */ jsx(FolderVisualPreview, {
+																color: form.visualType === "emoji" ? form.color : "#d6e8ff",
+																visualType: "emoji",
+																emoji: form.emoji,
+																icon: form.icon,
+																className: "h-14 w-14 text-2xl"
+															})
+														}), /* @__PURE__ */ jsx(EmojiPicker.Popover, {
+															placement: "right",
+															children: /* @__PURE__ */ jsx(EmojiPicker.Content, { children: /* @__PURE__ */ jsx(EmojiPicker.Grid, {
+																items: emojiOptions,
+																children: renderEmojiItem
+															}) })
+														})]
+													}), /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx("button", {
+														type: "button",
+														"aria-label": "Choose icon",
+														className: "focus-visible:ring-primary rounded-full outline-none focus-visible:ring-2",
+														children: /* @__PURE__ */ jsx(FolderVisualPreview, {
+															color: form.visualType === "icon" ? form.color : "#e4e4e7",
+															visualType: "icon",
+															emoji: form.emoji,
+															icon: form.icon,
+															className: "h-14 w-14 text-2xl"
+														})
+													}) }), /* @__PURE__ */ jsx(Popover.Content, {
+														placement: "right",
+														className: "w-[280px] rounded-3xl p-4",
+														children: /* @__PURE__ */ jsx(Popover.Dialog, {
+															className: "grid grid-cols-6 gap-3",
+															children: folderIconOptions.map((icon) => /* @__PURE__ */ jsx("button", {
+																type: "button",
+																"aria-label": `Use ${icon} icon`,
+																className: "bg-default-200 text-default-700 ring-primary hover:bg-default-300 flex h-10 w-10 items-center justify-center rounded-full transition outline-none focus-visible:ring-2",
+																"data-selected": form.visualType === "icon" && form.icon === icon ? "true" : void 0,
+																onClick: () => updateForm({
+																	visualType: "icon",
+																	icon
+																}),
+																children: /* @__PURE__ */ jsx(AppIcon, {
+																	icon,
+																	size: 22,
+																	"aria-hidden": "true"
+																})
+															}, icon))
+														})
+													})] })]
+												}), /* @__PURE__ */ jsx(Tabs, {
+													selectedKey: selectedVisualKey,
+													onSelectionChange: (key) => updateForm({ visualType: String(key) }),
+													children: /* @__PURE__ */ jsx(Tabs.ListContainer, { children: /* @__PURE__ */ jsxs(Tabs.List, {
+														"aria-label": "Folder visual type",
+														className: "*:h-8 *:px-4",
+														children: [/* @__PURE__ */ jsxs(Tabs.Tab, {
+															id: "emoji",
+															children: ["Emoji", /* @__PURE__ */ jsx(Tabs.Indicator, {})]
+														}), /* @__PURE__ */ jsxs(Tabs.Tab, {
+															id: "icon",
+															children: [
+																/* @__PURE__ */ jsx(Tabs.Separator, {}),
+																"Icon",
+																/* @__PURE__ */ jsx(Tabs.Indicator, {})
+															]
+														})]
+													}) })
+												})]
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "border-default-200 flex items-center gap-3 border-t pt-5",
+									children: [/* @__PURE__ */ jsx(FolderVisualPreview, {
+										color: form.color,
+										visualType: form.visualType,
+										emoji: form.emoji,
+										icon: form.icon,
+										className: "h-10 w-10 text-xl"
+									}), /* @__PURE__ */ jsx("span", {
+										className: "min-w-0 flex-1 truncate text-base font-medium text-black",
+										children: form.name.trim() || "Untitled Folder"
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs(Modal.Footer, {
+							className: "border-default-200 flex justify-end gap-3 border-t px-8 py-5",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "secondary",
+								className: "min-w-24 rounded-xl",
+								onPress: state.close,
+								children: "Cancel"
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "primary",
+								className: "min-w-24 rounded-xl",
+								isDisabled: !canSave,
+								onPress: onSave,
+								children: "Save"
+							})]
+						})
+					]
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { FolderModal, FolderVisualPreview };

package/dist/lib/components/panel/header/bookmarks/folder-modal/types.d.ts

@@ -0,0 +1,25 @@
+export type FolderVisualType = 'emoji' | 'icon';
+export interface FolderFormState {
+    id?: string;
+    name: string;
+    color: string;
+    visualType: FolderVisualType;
+    emoji: string;
+    icon: string;
+}
+export interface FolderModalProps {
+    open: boolean;
+    mode: 'create' | 'edit';
+    form: FolderFormState;
+    onFormChange: (form: FolderFormState) => void;
+    onOpenChange: (open: boolean) => void;
+    onSave: () => void;
+}
+export interface FolderVisualPreviewProps {
+    color: string;
+    visualType: FolderVisualType;
+    emoji: string;
+    icon: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/panel/header/bookmarks/folder-modal/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAA;AAE/C,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,gBAAgB,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,IAAI,EAAE,eAAe,CAAA;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,gBAAgB,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/lib/components/panel/header/bookmarks/folder-modal/variants.d.ts

@@ -0,0 +1,14 @@
+import { FolderFormState } from './types';
+declare const DEFAULT_FOLDER_COLOR = "#007aff";
+declare const DEFAULT_FOLDER_ICON = "vx:list-filled";
+declare const DEFAULT_FOLDER_EMOJI = "\uD83D\uDE00";
+declare const folderColors: string[];
+declare const folderIconOptions: string[];
+declare const emojiOptions: {
+    emoji: string;
+    id: string;
+    label: string;
+}[];
+declare const createDefaultFolderForm: () => FolderFormState;
+export { DEFAULT_FOLDER_COLOR, DEFAULT_FOLDER_EMOJI, DEFAULT_FOLDER_ICON, createDefaultFolderForm, emojiOptions, folderColors, folderIconOptions };
+//# sourceMappingURL=variants.d.ts.map

package/dist/lib/components/panel/header/bookmarks/folder-modal/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/panel/header/bookmarks/folder-modal/variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,QAAA,MAAM,oBAAoB,YAAY,CAAA;AACtC,QAAA,MAAM,mBAAmB,mBAAmB,CAAA;AAC5C,QAAA,MAAM,oBAAoB,iBAAO,CAAA;AAEjC,QAAA,MAAM,YAAY,UAajB,CAAA;AAED,QAAA,MAAM,iBAAiB,UAyBtB,CAAA;AAED,QAAA,MAAM,YAAY;;;;GAqCkC,CAAA;AAEpD,QAAA,MAAM,uBAAuB,QAAO,eAMlC,CAAA;AAEF,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,YAAY,EACZ,YAAY,EACZ,iBAAiB,EAClB,CAAA"}

package/dist/lib/components/panel/header/bookmarks/folder-modal/variants.js

@@ -0,0 +1,95 @@
+//#region src/lib/components/panel/header/bookmarks/folder-modal/variants.ts
+var DEFAULT_FOLDER_COLOR = "#007aff";
+var DEFAULT_FOLDER_ICON = "vx:list-filled";
+var DEFAULT_FOLDER_EMOJI = "😀";
+var folderColors = [
+	"#ff3b30",
+	"#ff9500",
+	"#ffcc00",
+	"#34c759",
+	"#32ade6",
+	"#007aff",
+	"#5856d6",
+	"#ff2d55",
+	"#af52de",
+	"#8e7d61",
+	"#5d6b78",
+	"#d7a59d"
+];
+var folderIconOptions = [
+	"vx:list-filled",
+	"vx:bookmark-filled",
+	"vx:key-filled",
+	"vx:gift-filled",
+	"vx:cup-star-filled",
+	"vx:academic-cap-filled",
+	"vx:backpack-filled",
+	"vx:notebook-bookmark-filled",
+	"vx:document-filled",
+	"vx:book-bookmark-filled",
+	"vx:card-filled",
+	"vx:cart-large-filled",
+	"vx:home-filled",
+	"vx:buildings-3-filled",
+	"vx:banknote-filled",
+	"vx:gamepad-filled",
+	"vx:headphones-round-filled",
+	"vx:leaf-filled",
+	"vx:users-filled",
+	"vx:heart-filled",
+	"vx:star-filled",
+	"vx:moon-filled",
+	"vx:sun-2-filled",
+	"vx:flag-filled"
+];
+var emojiOptions = [
+	"😀",
+	"😐",
+	"❤️",
+	"😂",
+	"😍",
+	"😌",
+	"👌",
+	"😊",
+	"😚",
+	"😭",
+	"😩",
+	"💕",
+	"😔",
+	"😉",
+	"😁",
+	"😳",
+	"👍",
+	"✌️",
+	"😏",
+	"😴",
+	"🙋",
+	"🙈",
+	"😎",
+	"🎵",
+	"👀",
+	"😪",
+	"😜",
+	"😋",
+	"👏",
+	"💡",
+	"📚",
+	"🎓",
+	"🏫",
+	"📝",
+	"⭐",
+	"🏁"
+].map((emoji) => ({
+	emoji,
+	id: emoji,
+	label: emoji
+}));
+var createDefaultFolderForm = () => ({
+	name: "",
+	color: DEFAULT_FOLDER_COLOR,
+	visualType: "icon",
+	emoji: DEFAULT_FOLDER_EMOJI,
+	icon: DEFAULT_FOLDER_ICON
+});
+//#endregion
+export { DEFAULT_FOLDER_COLOR, DEFAULT_FOLDER_EMOJI, DEFAULT_FOLDER_ICON, createDefaultFolderForm, emojiOptions, folderColors, folderIconOptions };

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

@@ -0,0 +1,5 @@
+import { InfoPanelDefinition } from '../../info-panel';
+declare const BookmarksTrigger: () => import("react").JSX.Element;
+declare const bookmarksPanel: InfoPanelDefinition;
+export { BookmarksTrigger, bookmarksPanel };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/header/bookmarks/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAgB,MAAM,kBAAkB,CAAA;AAsWpE,QAAA,MAAM,gBAAgB,mCAsBrB,CAAA;AAMD,QAAA,MAAM,cAAc,EAAE,mBAIrB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAA"}