@ckc-net/puck-extended 0.3.0 → 0.4.0

package/dist/index.js

@@ -4,7 +4,7 @@ import { useRender } from "@base-ui/react/use-render";
 import { cva } from "class-variance-authority";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BaselineIcon, BoldIcon, BoxIcon, CaseLowerIcon, CaseSensitiveIcon, CaseUpperIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleAlertIcon, CircleCheckIcon, DatabaseIcon, FileIcon, FileTextIcon, GripVerticalIcon, InfoIcon, ItalicIcon, LightbulbIcon, LinkIcon, Loader2Icon, LoaderCircleIcon, LockIcon, MinusIcon, MoreHorizontalIcon, PlusIcon, SearchIcon, StrikethroughIcon, Trash2Icon, TriangleAlertIcon, UnderlineIcon, UploadIcon, XIcon } from "lucide-react";
+import { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BaselineIcon, BoldIcon, BoxIcon, CaseLowerIcon, CaseSensitiveIcon, CaseUpperIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleAlertIcon, CircleCheckIcon, DatabaseIcon, FileIcon, FileTextIcon, GripVerticalIcon, InfoIcon, ItalicIcon, LightbulbIcon, LinkIcon, Loader2Icon, LoaderCircleIcon, LockIcon, MinusIcon, MoreHorizontalIcon, PlusIcon, SearchIcon, SparklesIcon, StrikethroughIcon, Trash2Icon, TriangleAlertIcon, UnderlineIcon, UploadIcon, XIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
@@ -23,7 +23,7 @@ import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-tabl
 import { Color } from "@tiptap/extension-color";
 import { TextStyle } from "@tiptap/extension-text-style";
 import { HexColorPicker } from "react-colorful";
-import { Menu as Menu$1 } from "@base-ui/react/menu";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { Separator as Separator$1 } from "@base-ui/react/separator";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 import { Toast } from "@base-ui/react/toast";
@@ -225,7 +225,7 @@ function TooltipPositioner({ className, side = "top", ...rest }) {
 		...rest
 	}) });
 }
-function TooltipPopup({ className, animationPreset = "scale", transitionPreset = "outQuint", reduceMotion = false, showArrow = false, side = "top", sideOffset = 4, align = "center", alignOffset = 0, ...rest }) {
+function TooltipPopup({ className, animationPreset = "fade", transitionPreset = "outQuint", reduceMotion = false, showArrow = false, side = "top", sideOffset = 4, align = "center", alignOffset = 0, ...rest }) {
 	const cssAnimationConfig = useMemo(() => {
 		if (reduceMotion) return "none";
 		if (animationPreset) return cssAnimationPresets[animationPreset];
@@ -267,21 +267,25 @@ function TooltipPopup({ className, animationPreset = "scale", transitionPreset =
 
 //#endregion
 //#region src/components/Fields/Label/index.tsx
-const Label$1 = ({ label, readOnly, tooltip }) => /* @__PURE__ */ jsxs(Label$2, {
+const Label$1 = ({ label, readOnly, tooltip, action }) => /* @__PURE__ */ jsxs(Label$2, {
 	readOnly,
-	children: [label, tooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		delay: 200,
-		children: /* @__PURE__ */ jsx(Button, {
-			variant: "secondary",
-			className: "!text-xs !rounded-full !p-0 !size-5 flex items-center justify-center",
-			children: "?"
-		})
-	}), /* @__PURE__ */ jsx(TooltipPopup, {
-		side: "top",
-		align: "end",
-		className: "max-w-64 text-xs",
-		children: tooltip
-	})] })]
+	children: [label, (action || tooltip) && /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-x-1.5",
+		children: [action, tooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			delay: 200,
+			render: /* @__PURE__ */ jsx("span", {}),
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				className: "!text-xs !rounded-full !p-0 !size-5 flex items-center justify-center",
+				children: "?"
+			})
+		}), /* @__PURE__ */ jsx(TooltipPopup, {
+			side: "top",
+			align: "end",
+			className: "max-w-64 text-xs",
+			children: tooltip
+		})] })]
+	})]
 });
 var Label_default = Label$1;
 
@@ -1081,7 +1085,7 @@ const createPuckOverridesPlugin = () => {
 		fields: FieldGroups_default,
 		fieldLabel: ({ children, label, field, tooltip }) => /* @__PURE__ */ jsxs(Fragment, { children: [label && /* @__PURE__ */ jsx(Label_default, {
 			label,
-			tooltip
+			tooltip: tooltip ?? field?.tooltip
 		}), children] }),
 		fieldTypes: {
 			checkbox: Checkbox_default,
@@ -2422,7 +2426,7 @@ const MediaUploadZone = ({ onUploadSuccess, acceptedTypes = "image/*,video/*,app
 		return new Promise((resolve, reject) => {
 			try {
 				const { uploadUrl, langId } = getEditorConfig();
-				const csrfToken = document.querySelector("meta[name=\"csrf-token\"]");
+				const csrfToken = getCsrfToken();
 				const formData = new FormData();
 				formData.append("file", file);
 				if (langId) formData.append("lang_id", langId);
@@ -2441,7 +2445,7 @@ const MediaUploadZone = ({ onUploadSuccess, acceptedTypes = "image/*,video/*,app
 					reject(/* @__PURE__ */ new Error("Error during upload"));
 				});
 				xhr.open("POST", uploadUrl);
-				if (csrfToken) xhr.setRequestHeader("X-CSRF-TOKEN", csrfToken.content);
+				if (csrfToken) xhr.setRequestHeader("X-CSRF-TOKEN", csrfToken);
 				xhr.send(formData);
 			} catch (error) {
 				reject(error);
@@ -2815,43 +2819,49 @@ const useMediaUrl = (value) => {
 
 //#endregion
 //#region src/components/ui/menu.tsx
-const MenuCreateHandle = Menu$1.createHandle;
-const Menu = Menu$1.Root;
-const MenuPortal = Menu$1.Portal;
-function MenuTrigger(props) {
-	return /* @__PURE__ */ jsx(Menu$1.Trigger, {
+const MenuCreateHandle = MenuPrimitive.createHandle;
+const Menu = MenuPrimitive.Root;
+const MenuPortal = MenuPrimitive.Portal;
+function MenuTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(MenuPrimitive.Trigger, {
+		className,
 		"data-slot": "menu-trigger",
-		...props
+		...props,
+		children
 	});
 }
-function MenuPopup({ children, className, sideOffset = 4, align = "center", alignOffset, side = "bottom", ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.Portal, { children: /* @__PURE__ */ jsx(Menu$1.Positioner, {
-		align,
-		alignOffset,
-		className: "z-50",
-		"data-slot": "menu-positioner",
-		side,
-		sideOffset,
-		children: /* @__PURE__ */ jsx(Menu$1.Popup, {
-			className: cn("relative flex not-[class*='w-']:min-w-32 origin-(--transform-origin) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 outline-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/6%)] focus:outline-none dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", className),
-			"data-slot": "menu-popup",
-			...props,
-			children: /* @__PURE__ */ jsx("div", {
-				className: "max-h-(--available-height) w-full overflow-y-auto p-1",
-				children
+function MenuPopup({ children, className, sideOffset = 4, align = "center", alignOffset, side = "bottom", anchor, portalProps, ...props }) {
+	return /* @__PURE__ */ jsx(MenuPortal, {
+		...portalProps,
+		children: /* @__PURE__ */ jsx(MenuPrimitive.Positioner, {
+			align,
+			alignOffset,
+			anchor,
+			className: "z-50",
+			"data-slot": "menu-positioner",
+			side,
+			sideOffset,
+			children: /* @__PURE__ */ jsx(MenuPrimitive.Popup, {
+				className: cn("relative flex not-[class*='w-']:min-w-32 origin-(--transform-origin) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 outline-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] focus:outline-none dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", className),
+				"data-slot": "menu-popup",
+				...props,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "max-h-(--available-height) w-full overflow-y-auto p-1",
+					children
+				})
 			})
 		})
-	}) });
+	});
 }
 function MenuGroup(props) {
-	return /* @__PURE__ */ jsx(Menu$1.Group, {
+	return /* @__PURE__ */ jsx(MenuPrimitive.Group, {
 		"data-slot": "menu-group",
 		...props
 	});
 }
 function MenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.Item, {
-		className: cn("[&>svg]:-mx-0.5 flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:shrink-0", className),
+	return /* @__PURE__ */ jsx(MenuPrimitive.Item, {
+		className: cn("flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", className),
 		"data-inset": inset,
 		"data-slot": "menu-item",
 		"data-variant": variant,
@@ -2859,21 +2869,22 @@ function MenuItem({ className, inset, variant = "default", ...props }) {
 	});
 }
 function MenuCheckboxItem({ className, children, checked, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.CheckboxItem, {
+	return /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItem, {
 		checked,
-		className: cn("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center gap-2 rounded-sm py-1 ps-2 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", variant === "switch" ? "grid-cols-[1fr_auto] gap-4 pe-1.5" : "grid-cols-[1rem_1fr] pe-4", className),
+		className: cn("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center gap-2 rounded-sm py-1 ps-2 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", variant === "switch" ? "grid-cols-[1fr_auto] gap-4 pe-1.5" : "grid-cols-[.75rem_1fr] pe-4", className),
 		"data-slot": "menu-checkbox-item",
 		...props,
 		children: variant === "switch" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
 			className: "col-start-1",
 			children
-		}), /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, {
-			className: "inset-shadow-[0_1px_--theme(--color-black/6%)] inline-flex h-[calc(var(--thumb-size)+2px)] w-[calc(var(--thumb-size)*2-2px)] shrink-0 items-center rounded-full p-px outline-none transition-[background-color,box-shadow] duration-200 [--thumb-size:--spacing(4)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-64 sm:[--thumb-size:--spacing(3)]",
+		}), /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItemIndicator, {
+			className: "inset-shadow-[0_1px_--theme(--color-black/4%)] inline-flex h-[calc(var(--thumb-size)+2px)] w-[calc(var(--thumb-size)*2-2px)] shrink-0 items-center rounded-full p-px outline-none transition-[background-color,box-shadow] duration-200 [--thumb-size:--spacing(4)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-64 sm:[--thumb-size:--spacing(3)]",
 			keepMounted: true,
 			children: /* @__PURE__ */ jsx("span", { className: "pointer-events-none block aspect-square h-full in-[[data-slot=menu-checkbox-item][data-checked]]:origin-[var(--thumb-size)_50%] origin-left in-[[data-slot=menu-checkbox-item][data-checked]]:translate-x-[calc(var(--thumb-size)-4px)] in-[[data-slot=menu-checkbox-item]:active]:not-data-disabled:scale-x-110 in-[[data-slot=menu-checkbox-item]:active]:rounded-[var(--thumb-size)/calc(var(--thumb-size)*1.10)] rounded-(--thumb-size) bg-background shadow-sm/5 will-change-transform [transition:translate_.15s,border-radius_.15s,scale_.1s_.1s,transform-origin_.15s]" })
-		})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, {
-			className: "col-start-1",
+		})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MenuPrimitive.CheckboxItemIndicator, {
+			className: "col-start-1 -ms-0.5",
 			children: /* @__PURE__ */ jsx("svg", {
+				"aria-hidden": "true",
 				fill: "none",
 				height: "24",
 				stroke: "currentColor",
@@ -2892,19 +2903,20 @@ function MenuCheckboxItem({ className, children, checked, variant = "default", .
 	});
 }
 function MenuRadioGroup(props) {
-	return /* @__PURE__ */ jsx(Menu$1.RadioGroup, {
+	return /* @__PURE__ */ jsx(MenuPrimitive.RadioGroup, {
 		"data-slot": "menu-radio-group",
 		...props
 	});
 }
 function MenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu$1.RadioItem, {
-		className: cn("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+	return /* @__PURE__ */ jsxs(MenuPrimitive.RadioItem, {
+		className: cn("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[.75rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
 		"data-slot": "menu-radio-item",
 		...props,
-		children: [/* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, {
-			className: "col-start-1",
+		children: [/* @__PURE__ */ jsx(MenuPrimitive.RadioItemIndicator, {
+			className: "col-start-1 -ms-0.5",
 			children: /* @__PURE__ */ jsx("svg", {
+				"aria-hidden": "true",
 				fill: "none",
 				height: "24",
 				stroke: "currentColor",
@@ -2923,7 +2935,7 @@ function MenuRadioItem({ className, children, ...props }) {
 	});
 }
 function MenuGroupLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.GroupLabel, {
+	return /* @__PURE__ */ jsx(MenuPrimitive.GroupLabel, {
 		className: cn("px-2 py-1.5 font-medium text-muted-foreground text-xs data-inset:ps-9 sm:data-inset:ps-8", className),
 		"data-inset": inset,
 		"data-slot": "menu-label",
@@ -2931,32 +2943,25 @@ function MenuGroupLabel({ className, inset, ...props }) {
 	});
 }
 function MenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu$1.Separator, {
+	return /* @__PURE__ */ jsx(MenuPrimitive.Separator, {
 		className: cn("mx-2 my-1 h-px bg-border", className),
 		"data-slot": "menu-separator",
 		...props
 	});
 }
-function MenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("kbd", {
-		className: cn("ms-auto font-medium font-sans text-muted-foreground/72 text-xs tracking-widest", className),
-		"data-slot": "menu-shortcut",
-		...props
-	});
-}
 function MenuSub(props) {
-	return /* @__PURE__ */ jsx(Menu$1.SubmenuRoot, {
+	return /* @__PURE__ */ jsx(MenuPrimitive.SubmenuRoot, {
 		"data-slot": "menu-sub",
 		...props
 	});
 }
 function MenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu$1.SubmenuTrigger, {
-		className: cn("flex min-h-8 items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-popup-open:bg-accent data-inset:ps-8 data-highlighted:text-accent-foreground data-popup-open:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", className),
+	return /* @__PURE__ */ jsxs(MenuPrimitive.SubmenuTrigger, {
+		className: cn("flex min-h-8 items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-popup-open:bg-accent data-inset:ps-8 data-highlighted:text-accent-foreground data-popup-open:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not(:last-child)]:-mx-0.5 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", className),
 		"data-inset": inset,
 		"data-slot": "menu-sub-trigger",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "-me-0.5 ms-auto opacity-80" })]
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ms-auto -me-0.5 opacity-80" })]
 	});
 }
 function MenuSubPopup({ className, sideOffset = 0, alignOffset, align = "start", ...props }) {
@@ -4598,6 +4603,20 @@ const typographyFieldNames = [
 	"fontWeight"
 ];
 
+//#endregion
+//#region src/utils/csrf.ts
+/**
+* Récupère le jeton CSRF à partir d'une balise meta dans le DOM.
+* Standard Laravel : <meta name="csrf-token" content="...">
+*
+* @returns Le jeton CSRF sous forme de chaîne, ou null s'il n'est pas trouvé ou si l'exécution n'est pas côté client.
+*/
+function getCsrfToken() {
+	if (typeof document === "undefined") return null;
+	const meta = document.querySelector("meta[name=\"csrf-token\"]");
+	return meta ? meta.getAttribute("content") : null;
+}
+
 //#endregion
 //#region src/hooks/useOptimizedImage.tsx
 const BREAKPOINTS = [
@@ -4695,5 +4714,383 @@ function useOptimizedImage(src) {
 }
 
 //#endregion
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, ActionBar_default as ActionBar, AnchoredToastProvider, Badge, Button, Checkbox, ColorPicker, ColorPickerContent, Dialog, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPopup, DialogTitle, DialogTrigger, DrawerItem_default as DrawerItem, Checkbox_default as FieldCheckbox, FieldGroups_default as FieldGroups, Input_default as FieldInput, NumberUnit_default as FieldNumberUnit, Radio_default as FieldRadio, Select_default as FieldSelect, Textarea_default as FieldTextarea, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GRAY_COLORS, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, Label_default as Label, MediaPicker, Menu, MenuCheckboxItem, MenuCreateHandle, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger, PREDEFINED_COLORS, PagePicker, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PickerModal, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverTitle, PopoverTrigger, RadioGroup, RadioGroupItem, RichTextMenuColorPicker, RichTextMenuLink, ScrollArea, ScrollBar, Select, SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectSeparator, SelectTrigger, SelectValue, Separator, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, Textarea, ToastProvider, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, anchoredToastManager, animationDefaultProps, animationField, animationToAttributes, badgeVariants, buttonVariants, plugin_default as createPuckOverridesPlugin, createTemplateBlock, customClassesDefaultProps, customClassesField, customClassesToClasses, displayDefaultProps, displayField, displayToClasses, fontWeightDefaultProps, fontWeightField, fontWeightToClasses, getMediaUrl, lineHeightDefaultProps, lineHeightField, lineHeightToClasses, marginDefaultProps, marginField, marginToClasses, paddingDefaultProps, paddingField, paddingToClasses, pageField, positionDefaultProps, positionField, positionToClasses, richTextMenuColorPickerExtension, sizeDefaultProps, sizeField, sizeToClasses, spacingDefaultProps, spacingFieldNames, spacingFields, spacingOptions, spacingToClasses, textAlignDefaultProps, textAlignField, textAlignToClasses, textColorDefaultProps, textColorField, textColorToClasses, textDecorationDefaultProps, textDecorationField, textDecorationToClasses, textSizeDefaultProps, textSizeField, textSizeToClasses, textTransformDefaultProps, textTransformField, textTransformToClasses, toastManager, typographyDefaultProps, typographyFieldNames, typographyFields, typographyToClasses, useMediaUrl, useOptimizedImage, usePageUrl };
+//#region src/plugins/redactor-assistant/utils/constants.ts
+const QUICK_ACTIONS = [
+	{
+		label: "Improve",
+		task: "rewrite",
+		instructions: "Improve this text to make it clearer and more engaging."
+	},
+	{
+		label: "Shorten",
+		task: "rewrite",
+		instructions: "Shorten this text while keeping the essential ideas."
+	},
+	{
+		label: "Lengthen",
+		task: "rewrite",
+		instructions: "Expand this text with more details."
+	},
+	{
+		label: "Pro tone",
+		task: "rewrite",
+		instructions: "Rewrite this text with a professional and formal tone."
+	},
+	{
+		label: "SEO",
+		task: "seo",
+		instructions: "Optimize this text for search engines."
+	},
+	{
+		label: "Summarize",
+		task: "summarize",
+		instructions: "Summarize this text in a few concise sentences, capturing the key points."
+	}
+];
+
+//#endregion
+//#region src/plugins/redactor-assistant/components/RedactorMenuButton.tsx
+function RedactorMenuButton({ onAction, onGenerate, loading = false }) {
+	return /* @__PURE__ */ jsxs(Menu, { children: [/* @__PURE__ */ jsx(MenuTrigger, {
+		openOnHover: true,
+		render: /* @__PURE__ */ jsx(Button, {
+			size: "icon-sm",
+			title: "AI writing assistance",
+			disabled: loading,
+			children: /* @__PURE__ */ jsx(SparklesIcon, { size: 10 })
+		})
+	}), /* @__PURE__ */ jsxs(MenuPopup, {
+		align: "end",
+		className: "min-w-0!",
+		children: [
+			/* @__PURE__ */ jsx(MenuGroup, { children: /* @__PURE__ */ jsx(MenuItem, {
+				className: "cursor-pointer",
+				onClick: () => onGenerate?.(),
+				children: "Generate"
+			}) }),
+			/* @__PURE__ */ jsx(MenuSeparator, {}),
+			/* @__PURE__ */ jsx(MenuGroup, { children: QUICK_ACTIONS.map((action) => /* @__PURE__ */ jsx(MenuItem, {
+				className: "cursor-pointer",
+				onClick: () => onAction(action.task, action.instructions),
+				children: action.label
+			}, action.label)) })
+		]
+	})] });
+}
+
+//#endregion
+//#region src/plugins/redactor-assistant/utils/redactorClient.ts
+const AI_ENDPOINT = "/admin/puck/redactor";
+const TIMEOUT_MS = 35e3;
+/**
+* Appelle l'endpoint Redactor backend. Ne jamais exposer de clé API côté client.
+*/
+async function callRedactor(request) {
+	const token = getCsrfToken();
+	const controller = new AbortController();
+	const timeoutId = setTimeout(() => controller.abort(), TIMEOUT_MS);
+	try {
+		const response = await fetch(AI_ENDPOINT, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+				Accept: "application/json",
+				...token ? { "X-CSRF-TOKEN": token } : {}
+			},
+			body: JSON.stringify(request),
+			credentials: "same-origin",
+			signal: controller.signal
+		});
+		if (!response.ok) {
+			const body = await response.json().catch(() => ({}));
+			throw new Error(body.error || `Erreur serveur (${response.status})`);
+		}
+		const data = await response.json();
+		if (!data.text || typeof data.text !== "string") throw new Error("Réponse Redactor invalide.");
+		return { text: data.text };
+	} catch (error) {
+		if (error.name === "AbortError") throw new Error("La requête Redactor a expiré. Réessayez.");
+		throw error;
+	} finally {
+		clearTimeout(timeoutId);
+	}
+}
+
+//#endregion
+//#region src/plugins/redactor-assistant/utils/buildContext.ts
+/**
+* Construit un résumé textuel de la page à partir des données Puck.
+*/
+function buildPageSummary(data) {
+	if (!data?.content?.length) return "Page vide.";
+	return data.content.map((block, i) => {
+		const textProps = extractTextProps(block.props);
+		const propsStr = textProps.length > 0 ? `: ${textProps.join(", ")}` : "";
+		return `[${i + 1}] ${block.type}${propsStr}`;
+	}).join("\n");
+}
+/**
+* Extrait les propriétés textuelles d'un bloc pour le résumé.
+*/
+function extractTextProps(props) {
+	const textFields = [];
+	for (const [key, value] of Object.entries(props)) {
+		if (key === "id") continue;
+		if (typeof value === "string" && value.length > 0 && value.length <= 200) {
+			const truncated = value.length > 80 ? value.substring(0, 80) + "…" : value;
+			textFields.push(`${key}="${truncated}"`);
+		}
+	}
+	return textFields;
+}
+/**
+* Construit le contexte AI complet à partir des données Puck et du bloc sélectionné.
+*/
+function buildContext(data, selectedBlock, brandVoice) {
+	return {
+		pageSummary: buildPageSummary(data),
+		currentBlock: selectedBlock ? {
+			type: selectedBlock.type,
+			props: selectedBlock.props
+		} : null,
+		brandVoice: {
+			tone: brandVoice?.tone ?? "professionnel",
+			language: brandVoice?.language ?? "français"
+		}
+	};
+}
+
+//#endregion
+//#region src/plugins/redactor-assistant/hooks/useRedactor.ts
+/**
+* Custom hook to manage the Redactor logic (API calls, loading, error, result).
+* Encapsulates the core logic for both the sidebar plugin and the richtext button.
+*/
+function useRedactor() {
+	const [instructions, setInstructions] = useState("");
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(null);
+	const [result, setResult] = useState(null);
+	const [previousValue, setPreviousValue] = useState(null);
+	/**
+	* Call the redactor API to generate or rewrite text.
+	*/
+	const generate = async ({ task, taskInstructions, input, appData, currentBlock, outputFormat }) => {
+		setLoading(true);
+		setError(null);
+		setResult(null);
+		try {
+			const context = buildContext(appData, currentBlock);
+			const response = await callRedactor({
+				task,
+				instructions: taskInstructions || instructions,
+				input,
+				context,
+				outputFormat
+			});
+			setResult(response.text);
+			setPreviousValue(input);
+			return response.text;
+		} catch (err) {
+			setError(err.message || "Unknown error.");
+			throw err;
+		} finally {
+			setLoading(false);
+		}
+	};
+	return {
+		instructions,
+		setInstructions,
+		loading,
+		error,
+		setError,
+		result,
+		setResult,
+		previousValue,
+		setPreviousValue,
+		generate
+	};
+}
+
+//#endregion
+//#region src/components/ui/alert.tsx
+const alertVariants = cva("relative grid w-full items-start gap-x-2 gap-y-0.5 rounded-lg border text-card-foreground text-sm has-[>svg]:has-data-[slot=alert-action]:grid-cols-[calc(var(--spacing)*4)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-[>svg]:gap-x-2 [&>svg]:h-lh [&>svg]:w-4", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "px-3.5 py-3",
+			sm: "px-2.5 py-2 text-xs"
+		},
+		variant: {
+			default: "bg-transparent dark:bg-input/32 [&>svg]:text-muted-foreground",
+			error: "border-destructive/32 bg-destructive/4 [&>svg]:text-destructive",
+			info: "border-info/32 bg-info/4 [&>svg]:text-info",
+			success: "border-success/32 bg-success/4 [&>svg]:text-success",
+			warning: "border-warning/32 bg-warning/4 [&>svg]:text-warning"
+		}
+	}
+});
+function Alert({ className, size, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(alertVariants({
+			size,
+			variant
+		}), className),
+		"data-slot": "alert",
+		role: "alert",
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("font-medium [svg~&]:col-start-2", className),
+		"data-slot": "alert-title",
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-2.5 text-muted-foreground [svg~&]:col-start-2", className),
+		"data-slot": "alert-description",
+		...props
+	});
+}
+
+//#endregion
+//#region src/plugins/redactor-assistant/components/RedactorRichTextButton.tsx
+const useTypedPuck = createUsePuck();
+function RedactorRichTextButton({ value, onChange, children, label, field }) {
+	const appState = useTypedPuck((s) => s.appState);
+	const [mode, setMode] = useState(null);
+	const { instructions, setInstructions, loading, error, result, setResult, generate } = useRedactor();
+	const textValue = typeof value === "string" ? value : "";
+	const selectedItem = appState.ui.itemSelector ? appState.data.content?.[appState.ui.itemSelector.index] : null;
+	const handleGenerate = async (task, taskInstructions) => {
+		await generate({
+			task,
+			taskInstructions,
+			input: textValue,
+			appData: appState.data,
+			currentBlock: selectedItem,
+			outputFormat: "html"
+		}).catch(() => {});
+	};
+	const applyResult = () => {
+		if (result === null) return;
+		onChange(result);
+		setResult(null);
+		setMode(null);
+	};
+	const showPanel = loading || mode === "generate" || result !== null || !!error;
+	return /* @__PURE__ */ jsxs("div", { children: [
+		label && /* @__PURE__ */ jsx(Label_default, {
+			label,
+			tooltip: field?.tooltip,
+			action: /* @__PURE__ */ jsx(RedactorMenuButton, {
+				onAction: handleGenerate,
+				onGenerate: () => setMode("generate"),
+				loading
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: loading ? "pointer-events-none opacity-60" : "",
+			children
+		}),
+		showPanel && /* @__PURE__ */ jsxs("div", {
+			className: "mt-3 border border-gray-200 rounded-lg bg-muted p-3 flex flex-col gap-y-3",
+			children: [
+				error && /* @__PURE__ */ jsx(Alert, {
+					variant: "error",
+					size: "sm",
+					children: /* @__PURE__ */ jsx(AlertTitle, { children: error })
+				}),
+				loading && /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-center gap-1.5 text-muted-foreground",
+					children: [/* @__PURE__ */ jsx(Loader2Icon, {
+						size: 14,
+						className: "animate-spin"
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-sm",
+						children: "Generating…"
+					})]
+				}),
+				mode === "generate" && !loading && result === null && /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [
+						/* @__PURE__ */ jsx(Label_default, {
+							label: "AI writing assistance",
+							tooltip: "The generated text will fully replace your current content. Your original text will not be preserved."
+						}),
+						/* @__PURE__ */ jsx(Textarea, {
+							value: instructions,
+							onChange: (e) => setInstructions(e.target.value),
+							placeholder: "Ex: Write a short introduction about our services, in a professional tone…",
+							disabled: loading
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-end gap-x-2 mt-3",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								onClick: () => setMode(null),
+								disabled: loading,
+								children: "Cancel"
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "default",
+								onClick: () => handleGenerate(textValue ? "rewrite" : "generate", instructions),
+								disabled: loading,
+								children: "Generate"
+							})]
+						})
+					]
+				}),
+				result !== null && !loading && /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ jsx(Alert, {
+						variant: "success",
+						size: "sm",
+						children: /* @__PURE__ */ jsx(AlertDescription, {
+							className: "max-h-[150px] overflow-auto",
+							dangerouslySetInnerHTML: { __html: result }
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-end gap-x-2 mt-3",
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							onClick: () => setResult(null),
+							children: "Ignore"
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "default",
+							onClick: applyResult,
+							children: "Apply"
+						})]
+					})]
+				})
+			]
+		})
+	] });
+}
+
+//#endregion
+//#region src/plugins/redactor-assistant/index.tsx
+createUsePuck();
+function createRedactorPlugin() {
+	return {
+		name: "redactor-assistant",
+		overrides: { fieldTypes: { richtext: ({ children, onChange, value, field, label }) => {
+			return /* @__PURE__ */ jsx(RedactorRichTextButton, {
+				value,
+				onChange,
+				label,
+				field,
+				children: React.cloneElement(children, { Label: ({ children: c }) => /* @__PURE__ */ jsx(Fragment, { children: c }) })
+			});
+		} } }
+	};
+}
+
+//#endregion
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, ActionBar_default as ActionBar, AnchoredToastProvider, Badge, Button, Checkbox, ColorPicker, ColorPickerContent, Dialog, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPopup, DialogTitle, DialogTrigger, DrawerItem_default as DrawerItem, Checkbox_default as FieldCheckbox, FieldGroups_default as FieldGroups, Input_default as FieldInput, NumberUnit_default as FieldNumberUnit, Radio_default as FieldRadio, Select_default as FieldSelect, Textarea_default as FieldTextarea, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GRAY_COLORS, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, Label_default as Label, MediaPicker, Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger, PREDEFINED_COLORS, PagePicker, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PickerModal, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverTitle, PopoverTrigger, RadioGroup, RadioGroupItem, RichTextMenuColorPicker, RichTextMenuLink, ScrollArea, ScrollBar, Select, SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectSeparator, SelectTrigger, SelectValue, Separator, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, Textarea, ToastProvider, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, anchoredToastManager, animationDefaultProps, animationField, animationToAttributes, badgeVariants, buttonVariants, plugin_default as createPuckOverridesPlugin, createRedactorPlugin, createTemplateBlock, customClassesDefaultProps, customClassesField, customClassesToClasses, displayDefaultProps, displayField, displayToClasses, fontWeightDefaultProps, fontWeightField, fontWeightToClasses, getCsrfToken, getMediaUrl, lineHeightDefaultProps, lineHeightField, lineHeightToClasses, marginDefaultProps, marginField, marginToClasses, paddingDefaultProps, paddingField, paddingToClasses, pageField, positionDefaultProps, positionField, positionToClasses, richTextMenuColorPickerExtension, sizeDefaultProps, sizeField, sizeToClasses, spacingDefaultProps, spacingFieldNames, spacingFields, spacingOptions, spacingToClasses, textAlignDefaultProps, textAlignField, textAlignToClasses, textColorDefaultProps, textColorField, textColorToClasses, textDecorationDefaultProps, textDecorationField, textDecorationToClasses, textSizeDefaultProps, textSizeField, textSizeToClasses, textTransformDefaultProps, textTransformField, textTransformToClasses, toastManager, typographyDefaultProps, typographyFieldNames, typographyFields, typographyToClasses, useMediaUrl, useOptimizedImage, usePageUrl };
 //# sourceMappingURL=index.js.map