@ckc-net/puck-extended 0.2.1 → 0.3.0

package/dist/index.d.ts

@@ -1,29 +1,31 @@
 import * as react0 from "react";
-import React$1, { ComponentProps } from "react";
+import React$1, { ComponentProps, ReactNode, SyntheticEvent } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
 import * as react_jsx_runtime18 from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 import { Input as Input$1 } from "@base-ui/react/input";
 import { Select as Select$1 } from "@base-ui/react/select";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 import * as _puckeditor_core0 from "@puckeditor/core";
-import { Field, FieldProps, Fields } from "@puckeditor/core";
+import { ComponentConfig, Field, FieldProps, Fields, Slot } from "@puckeditor/core";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
-import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
-import * as _tiptap_extension_link0 from "@tiptap/extension-link";
-import { useRender } from "@base-ui/react/use-render";
-import { VariantProps } from "class-variance-authority";
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
+import { ColumnDef, PaginationState, SortingState } from "@tanstack/react-table";
+import * as _tiptap_extension_text_style0 from "@tiptap/extension-text-style";
 import { Menu as Menu$1 } 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";
-import * as _tiptap_core0 from "@tiptap/core";
 import { Editor } from "@tiptap/react";
+import * as _tiptap_core0 from "@tiptap/core";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
-import * as _base_ui_react1 from "@base-ui/react";
+import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/Fields/NumberUnit/index.d.ts
 type NumberUnitValue = {
@@ -102,10 +104,14 @@ declare const createPuckOverridesPlugin: () => {
     }) => react_jsx_runtime18.JSX.Element;
     fieldLabel: ({
       children,
-      label
+      label,
+      field,
+      tooltip
     }: {
       children: React.ReactNode;
-      label: string;
+      label?: string;
+      field?: any;
+      tooltip?: string;
     }) => react_jsx_runtime18.JSX.Element;
     fieldTypes: {
       checkbox: ({
@@ -122,6 +128,8 @@ declare const createPuckOverridesPlugin: () => {
             value: any;
           }>;
           layout?: CheckboxLayout;
+          readOnly?: boolean;
+          tooltip?: string;
         };
       }) & {
         label: string;
@@ -203,10 +211,12 @@ declare const createPuckOverridesPlugin: () => {
 //#region src/components/Fields/Label/index.d.ts
 declare const Label: ({
   label,
-  readOnly
+  readOnly,
+  tooltip
 }: {
   label?: string;
   readOnly?: boolean;
+  tooltip?: string;
 }) => react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/Fields/Input/index.d.ts
@@ -314,6 +324,8 @@ type CheckboxProps = FieldProps<Field<any>> & {
       value: any;
     }>;
     layout?: CheckboxLayout;
+    readOnly?: boolean;
+    tooltip?: string;
   };
 };
 declare const FieldCheckbox: ({
@@ -329,29 +341,26 @@ declare const FieldCheckbox: ({
 //#region src/components/RichTextMenuLink/index.d.ts
 type RichTextMenuLinkProps = {
   editor: Editor | null;
-  editorState?: {
-    isLink?: boolean;
-    canLink?: boolean;
-  };
 };
-declare const richTextMenuLinkSelector: ({
-  editor
-}: {
+declare function RichTextMenuLink({
+  editor,
+  ...props
+}: RichTextMenuLinkProps & Omit<ComponentProps<"div">, keyof RichTextMenuLinkProps>): react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/RichTextMenuColorPicker/index.d.ts
+type RichTextMenuColorPickerProps = {
   editor: Editor | null;
-}) => {
-  isLink: boolean;
-  canLink: boolean;
 };
 /**
- * Pre-configured tiptap Link extension ready to use in Puck's richtext field.
- * Add this to `tiptap.extensions` in your field config.
+ * Pre-configured tiptap extensions for text color support.
+ * Spread this into `tiptap.extensions` in your field config:
+ * `extensions: [...richTextMenuColorPickerExtension]`
  */
-declare const richTextMenuLinkExtension: _tiptap_core0.Mark<_tiptap_extension_link0.LinkOptions, any>;
-declare function RichTextMenuLink({
+declare const richTextMenuColorPickerExtension: (_tiptap_core0.Mark<_tiptap_extension_text_style0.TextStyleOptions, any> | _tiptap_core0.Extension<_tiptap_extension_text_style0.ColorOptions, any>)[];
+declare function RichTextMenuColorPicker({
   editor,
-  editorState,
   ...props
-}: RichTextMenuLinkProps & Omit<ComponentProps<"div">, keyof RichTextMenuLinkProps>): react_jsx_runtime18.JSX.Element;
+}: RichTextMenuColorPickerProps & Omit<ComponentProps<"div">, keyof RichTextMenuColorPickerProps>): react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/MediaPicker/index.d.ts
 type MediaItem = {
@@ -361,10 +370,19 @@ type MediaItem = {
   thumbnail: string;
   type: string;
 };
+/**
+ * Référence stable vers un média — ne contient jamais l'URL,
+ * qui peut changer. Utiliser `useMediaUrl` pour la résolution dynamique.
+ */
+type MediaReference = {
+  id: number;
+  name: string;
+  thumbnail?: string;
+};
 type MediaPickerValue = {
   type?: "url" | "media";
   url?: string;
-  media?: MediaItem | null;
+  media?: MediaReference | null;
 };
 type MediaPickerProps = {
   value?: MediaPickerValue;
@@ -380,20 +398,48 @@ declare const MediaPicker: ({
   acceptedTypes,
   maxSize
 }: MediaPickerProps) => react_jsx_runtime18.JSX.Element;
+/**
+ * Retourne l'URL directe si le type est "url".
+ * Pour les références média (`type: "media"`), utiliser `useMediaUrl` à la place.
+ */
 declare const getMediaUrl: (value?: MediaPickerValue) => string | undefined;
+/**
+ * Hook React qui résout dynamiquement l'URL courante d'un `MediaPickerValue`.
+ *
+ * Pour les références média (`type: "media"`), l'URL est récupérée depuis
+ * l'API à partir de l'`id` du média — ce qui garantit que le lien reste
+ * valide même si l'URL du fichier a été modifiée après la sélection.
+ *
+ * @example
+ * const { url, loading } = useMediaUrl(value)
+ * return loading ? <Spinner /> : <img src={url} />
+ */
+declare const useMediaUrl: (value?: MediaPickerValue) => {
+  url: string | undefined;
+  loading: boolean;
+};
 //#endregion
 //#region src/components/PagePicker/index.d.ts
 type PageItem = {
   id: number;
   name: string;
-  slug: string;
   url: string;
-  status?: string;
+  /** Correspond au champ `published` (boolean) de PageLang */
+  published: boolean;
+};
+/**
+ * Référence stable vers une page — ne contient jamais l'URL,
+ * qui peut changer. Utiliser `usePageUrl` pour la résolution dynamique.
+ */
+type PageReference = {
+  id: number;
+  name: string;
+  url: string;
 };
 type PagePickerValue = {
   type?: "url" | "page";
   url?: string;
-  page?: PageItem | null;
+  page?: PageReference | null;
 };
 type PagePickerProps = {
   value?: PagePickerValue;
@@ -403,103 +449,191 @@ declare const PagePicker: ({
   value,
   onChange
 }: PagePickerProps) => react_jsx_runtime18.JSX.Element;
-declare const getPageUrl: (value?: PagePickerValue) => string | undefined;
+/**
+ * Hook React qui résout dynamiquement l'URL courante d'un `PagePickerValue`.
+ *
+ * Pour les références de page (`type: "page"`), l'URL est récupérée depuis
+ * l'API à partir de l'`id` de la page — ce qui garantit que le lien reste
+ * valide même si l'URL de la page a été modifiée après la sélection.
+ *
+ * @example
+ * const { url, loading } = usePageUrl(value)
+ * return loading ? <Spinner /> : <a href={url}>Lien</a>
+ */
+declare const usePageUrl: (value?: PagePickerValue) => {
+  url: string | undefined;
+  loading: boolean;
+};
 //#endregion
-//#region src/components/ui/accordion.d.ts
-declare const cssAnimationPresets$2: {
-  none: string;
-  fade: string[];
-  scale: string[];
-  slide: string[];
-  perspective: string[];
-  perspectiveBlur: string[];
+//#region src/components/ActionBar/index.d.ts
+declare const ActionBar: {
+  ({
+    label,
+    parentAction,
+    children
+  }: {
+    label?: string;
+    parentAction?: ReactNode;
+    children?: ReactNode;
+  }): react_jsx_runtime18.JSX.Element;
+  Action: ({
+    children,
+    label,
+    onClick
+  }: {
+    children: ReactNode;
+    label?: string;
+    onClick: (e: SyntheticEvent) => void;
+  }) => react_jsx_runtime18.JSX.Element;
+  Label: ({
+    label
+  }: {
+    label: string;
+  }) => react_jsx_runtime18.JSX.Element;
+  Group: ({
+    children
+  }: {
+    children: ReactNode;
+  }) => react_jsx_runtime18.JSX.Element;
+  Separator: () => react_jsx_runtime18.JSX.Element;
 };
-declare const cssTransitionPresets$2: {
-  inExpo: string;
-  outExpo: string;
-  inOutExpo: string;
-  anticipate: string;
-  quickOut: string;
-  overshootOut: string;
-  swiftOut: string;
-  snappyOut: string;
-  in: string;
-  out: string;
-  inOut: string;
-  outIn: string;
-  inQuad: string;
-  outQuad: string;
-  inOutQuad: string;
-  inCubic: string;
-  outCubic: string;
-  inOutCubic: string;
-  inQuart: string;
-  outQuart: string;
-  inOutQuart: string;
-  inQuint: string;
-  outQuint: string;
-  inOutQuint: string;
-  inCirc: string;
-  outCirc: string;
-  inOutCirc: string;
-  inOutBase: string;
+//#endregion
+//#region src/components/DrawerItem/index.d.ts
+declare const DrawerItem: ({
+  name,
+  icon
+}: {
+  name: string;
+  icon?: React.ReactNode;
+}) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/FieldGroups/index.d.ts
+type ItemSelector = {
+  path?: string;
+  index?: number;
 };
-type CSSAnimationPreset = keyof typeof cssAnimationPresets$2;
-type CSSTransitionPreset = keyof typeof cssTransitionPresets$2;
-type AccordionVariant = "default" | "card" | "swiss";
-interface AccordionProps extends Accordion$1.Root.Props {
-  animationPreset?: CSSAnimationPreset;
-  transitionPreset?: CSSTransitionPreset;
-  reduceMotion?: boolean;
-  variant?: AccordionVariant;
-}
-declare function Accordion({
-  value,
-  defaultValue,
-  onValueChange,
-  animationPreset,
-  transitionPreset,
-  reduceMotion,
-  variant,
-  className,
-  multiple,
-  ...props
-}: AccordionProps): react_jsx_runtime18.JSX.Element;
-interface AccordionItemProps extends Accordion$1.Item.Props {}
+type FieldGroupsProps = {
+  children: React$1.ReactNode;
+  isLoading: boolean;
+  itemSelector?: ItemSelector | null;
+};
+declare const FieldGroups: ({
+  children
+}: FieldGroupsProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/PickerModal/index.d.ts
+type PickerModalProps<T extends {
+  id: number | string;
+}> = {
+  title: string;
+  /** Search */
+  searchQuery: string;
+  onSearch: (query: string) => void;
+  searchPlaceholder?: string;
+  /** Table data */
+  columns: ColumnDef<T>[];
+  data: T[];
+  loading: boolean;
+  totalItems: number;
+  /** Highlighted row */
+  selectedId?: number | string;
+  onRowClick: (item: T) => void;
+  /** Pagination — tanstack PaginationState */
+  pagination: PaginationState;
+  onPaginationChange: React$1.Dispatch<React$1.SetStateAction<PaginationState>>;
+  /** Sorting (optional — pass undefined to disable entirely) */
+  sorting?: SortingState;
+  onSortingChange?: React$1.Dispatch<React$1.SetStateAction<SortingState>>;
+  /** Page size selector options (defaults to [10, 25, 50, 100]) */
+  pageSizeOptions?: number[];
+  /** Empty state */
+  emptyIcon?: React$1.ReactNode;
+  emptyMessage?: string;
+  /** Optional footer (e.g. upload zone) */
+  footer?: React$1.ReactNode;
+};
+declare function PickerModal<T extends {
+  id: number | string;
+}>({
+  title,
+  searchQuery,
+  onSearch,
+  searchPlaceholder,
+  columns,
+  data,
+  loading,
+  totalItems,
+  selectedId,
+  onRowClick,
+  pagination,
+  onPaginationChange,
+  sorting,
+  onSortingChange,
+  pageSizeOptions,
+  emptyIcon,
+  emptyMessage,
+  footer
+}: PickerModalProps<T>): react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/ColorPicker/index.d.ts
+type ColorPickerProps = {
+  value?: string;
+  onChange: (value: string) => void;
+};
+declare const PREDEFINED_COLORS: {
+  name: string;
+  value: string;
+}[];
+declare const GRAY_COLORS: {
+  name: string;
+  value: string;
+}[];
+type ColorPickerContentProps = {
+  value?: string;
+  onChange: (value: string) => void;
+  onClear: () => void;
+};
+declare const ColorPickerContent: React$1.FC<ColorPickerContentProps>;
+declare const ColorPicker: React$1.FC<ColorPickerProps>;
+//#endregion
+//#region src/components/ui/accordion.d.ts
+declare function Accordion(props: AccordionPrimitive.Root.Props): React$1.ReactElement;
 declare function AccordionItem({
-  value: itemValue,
-  onOpenChange,
-  className,
-  ...rest
-}: AccordionItemProps): react_jsx_runtime18.JSX.Element;
-interface AccordionHeaderProps extends Accordion$1.Header.Props {}
-declare function AccordionHeader({
   className,
   ...props
-}: AccordionHeaderProps): react_jsx_runtime18.JSX.Element;
-interface AccordionTriggerProps extends Accordion$1.Trigger.Props {
-  icon?: (props: {
-    open: boolean;
-  }) => React$1.ReactNode;
-}
+}: AccordionPrimitive.Item.Props): React$1.ReactElement;
 declare function AccordionTrigger({
   className,
-  icon,
   children,
   ...props
-}: AccordionTriggerProps): react_jsx_runtime18.JSX.Element;
-interface AccordionPanelProps extends Accordion$1.Panel.Props {}
+}: AccordionPrimitive.Trigger.Props): React$1.ReactElement;
 declare function AccordionPanel({
   className,
   children,
-  style,
   ...props
-}: AccordionPanelProps): react_jsx_runtime18.JSX.Element;
+}: AccordionPrimitive.Panel.Props): React$1.ReactElement;
+//#endregion
+//#region src/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  size?: "default" | "lg" | "sm" | null | undefined;
+  variant?: "default" | "destructive" | "error" | "info" | "outline" | "secondary" | "success" | "warning" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface BadgeProps extends useRender.ComponentProps<"span"> {
+  variant?: VariantProps<typeof badgeVariants>["variant"];
+  size?: VariantProps<typeof badgeVariants>["size"];
+}
+declare function Badge({
+  className,
+  variant,
+  size,
+  render,
+  ...props
+}: BadgeProps): react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>>;
 //#endregion
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
-  size?: "icon" | "default" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "sm" | "xl" | "xs" | null | undefined;
-  variant?: "link" | "default" | "destructive" | "destructive-outline" | "ghost" | "outline" | "primary" | "secondary" | null | undefined;
+  size?: "icon" | "default" | "lg" | "sm" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "xl" | "xs" | null | undefined;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "link" | "destructive-outline" | "ghost" | "primary" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 interface ButtonProps extends useRender.ComponentProps<"button"> {
   variant?: VariantProps<typeof buttonVariants>["variant"];
@@ -553,6 +687,32 @@ declare function DialogPanel({
   scrollFade?: boolean;
 }): react_jsx_runtime18.JSX.Element;
 //#endregion
+//#region src/components/ui/frame.d.ts
+declare function Frame({
+  className,
+  ...props
+}: react0.ComponentProps<"div">): react_jsx_runtime18.JSX.Element;
+declare function FramePanel({
+  className,
+  ...props
+}: react0.ComponentProps<"div">): react_jsx_runtime18.JSX.Element;
+declare function FrameHeader({
+  className,
+  ...props
+}: react0.ComponentProps<"header">): react_jsx_runtime18.JSX.Element;
+declare function FrameTitle({
+  className,
+  ...props
+}: react0.ComponentProps<"div">): react_jsx_runtime18.JSX.Element;
+declare function FrameDescription({
+  className,
+  ...props
+}: react0.ComponentProps<"div">): react_jsx_runtime18.JSX.Element;
+declare function FrameFooter({
+  className,
+  ...props
+}: react0.ComponentProps<"footer">): react_jsx_runtime18.JSX.Element;
+//#endregion
 //#region src/components/ui/input.d.ts
 type InputProps = Omit<Input$1.Props & react0.RefAttributes<HTMLInputElement>, "size"> & {
   size?: "sm" | "default" | "lg" | number;
@@ -608,7 +768,7 @@ declare function InputGroupTextarea({
 //#region src/components/ui/menu.d.ts
 declare const MenuCreateHandle: typeof Menu$1.createHandle;
 declare const Menu: typeof Menu$1.Root;
-declare const MenuPortal: react0.ForwardRefExoticComponent<Omit<_base_ui_react1.ContextMenuPortalProps, "ref"> & react0.RefAttributes<HTMLDivElement>>;
+declare const MenuPortal: react0.ForwardRefExoticComponent<Omit<_base_ui_react0.ContextMenuPortalProps, "ref"> & react0.RefAttributes<HTMLDivElement>>;
 declare function MenuTrigger(props: Menu$1.Trigger.Props): react_jsx_runtime18.JSX.Element;
 declare function MenuPopup({
   children,
@@ -685,6 +845,42 @@ declare function MenuSubPopup({
   alignOffset?: Menu$1.Positioner.Props["alignOffset"];
 }): react_jsx_runtime18.JSX.Element;
 //#endregion
+//#region src/components/ui/pagination.d.ts
+declare function Pagination({
+  className,
+  ...props
+}: react0.ComponentProps<"nav">): react_jsx_runtime18.JSX.Element;
+declare function PaginationContent({
+  className,
+  ...props
+}: react0.ComponentProps<"ul">): react_jsx_runtime18.JSX.Element;
+declare function PaginationItem({
+  ...props
+}: react0.ComponentProps<"li">): react_jsx_runtime18.JSX.Element;
+type PaginationLinkProps = {
+  isActive?: boolean;
+  size?: react0.ComponentProps<typeof Button>["size"];
+} & useRender.ComponentProps<"a">;
+declare function PaginationLink({
+  className,
+  isActive,
+  size,
+  render,
+  ...props
+}: PaginationLinkProps): react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>>;
+declare function PaginationPrevious({
+  className,
+  ...props
+}: react0.ComponentProps<typeof PaginationLink>): react_jsx_runtime18.JSX.Element;
+declare function PaginationNext({
+  className,
+  ...props
+}: react0.ComponentProps<typeof PaginationLink>): react_jsx_runtime18.JSX.Element;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: react0.ComponentProps<"span">): react_jsx_runtime18.JSX.Element;
+//#endregion
 //#region src/components/ui/popover.d.ts
 declare const PopoverCreateHandle: typeof Popover$1.createHandle;
 declare const Popover: typeof Popover$1.Root;
@@ -717,165 +913,67 @@ declare function PopoverDescription({
   ...props
 }: Popover$1.Description.Props): react_jsx_runtime18.JSX.Element;
 //#endregion
-//#region src/components/ui/pagination.d.ts
-declare function Pagination({
-  className,
-  ...props
-}: react0.ComponentProps<"nav">): react_jsx_runtime18.JSX.Element;
-declare function PaginationContent({
-  className,
-  ...props
-}: react0.ComponentProps<"ul">): react_jsx_runtime18.JSX.Element;
-declare function PaginationItem({
-  ...props
-}: react0.ComponentProps<"li">): react_jsx_runtime18.JSX.Element;
-type PaginationLinkProps = {
-  isActive?: boolean;
-} & Pick<react0.ComponentProps<typeof Button>, "size"> & react0.ComponentProps<"a">;
-declare function PaginationLink({
-  className,
-  isActive,
-  size,
-  ...props
-}: PaginationLinkProps): react_jsx_runtime18.JSX.Element;
-declare function PaginationPrevious({
-  className,
-  ...props
-}: react0.ComponentProps<typeof PaginationLink>): react_jsx_runtime18.JSX.Element;
-declare function PaginationNext({
+//#region src/components/ui/scroll-area.d.ts
+declare function ScrollArea({
   className,
+  children,
+  scrollFade,
+  scrollbarGutter,
   ...props
-}: react0.ComponentProps<typeof PaginationLink>): react_jsx_runtime18.JSX.Element;
-declare function PaginationEllipsis({
+}: ScrollArea$1.Root.Props & {
+  scrollFade?: boolean;
+  scrollbarGutter?: boolean;
+}): react_jsx_runtime18.JSX.Element;
+declare function ScrollBar({
   className,
+  orientation,
   ...props
-}: react0.ComponentProps<"span">): react_jsx_runtime18.JSX.Element;
+}: ScrollArea$1.Scrollbar.Props): react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/ui/select.d.ts
-declare const cssAnimationPresets$1: {
-  none: string;
-  scale: string[];
-  fade: string[];
-  slideOutside: string[];
-  slideInside: string[];
-  wipe: string[];
-  wipeScale: string[];
-  motion: string[];
-  motionBlur: string[];
-};
-declare const cssTransitionPresets$1: {
-  inExpo: string;
-  outExpo: string;
-  inOutExpo: string;
-  anticipate: string;
-  quickOut: string;
-  overshootOut: string;
-  swiftOut: string;
-  snappyOut: string;
-  in: string;
-  out: string;
-  inOut: string;
-  outIn: string;
-  inQuad: string;
-  outQuad: string;
-  inOutQuad: string;
-  inCubic: string;
-  outCubic: string;
-  inOutCubic: string;
-  inQuart: string;
-  outQuart: string;
-  inOutQuart: string;
-  inQuint: string;
-  outQuint: string;
-  inOutQuint: string;
-  inCirc: string;
-  outCirc: string;
-  inOutCirc: string;
-  inOutBase: string;
-};
-type CSSAnimationPresets$1 = keyof typeof cssAnimationPresets$1;
-type CSSTransitionPresets$1 = keyof typeof cssTransitionPresets$1;
-type Backdrop = "opaque" | "blur" | "transparent";
-interface SelectRootProps extends React.ComponentProps<typeof Select$1.Root> {
-  backdrop?: Backdrop;
-}
-declare function Select({
-  backdrop,
-  ...props
-}: SelectRootProps): react_jsx_runtime18.JSX.Element;
-interface SelectTriggerProps extends React.ComponentProps<typeof Select$1.Trigger> {}
+declare const Select: typeof Select$1.Root;
+declare const selectTriggerVariants: (props?: ({
+  size?: "default" | "lg" | "sm" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function SelectTrigger({
   className,
+  size,
+  children,
   ...props
-}: SelectTriggerProps): react_jsx_runtime18.JSX.Element;
-interface SelectValueProps extends React.ComponentProps<typeof Select$1.Value> {
-  placeholder?: string;
-}
+}: Select$1.Trigger.Props & VariantProps<typeof selectTriggerVariants>): react_jsx_runtime18.JSX.Element;
 declare function SelectValue({
-  className,
-  placeholder,
-  ...props
-}: SelectValueProps): react_jsx_runtime18.JSX.Element;
-interface SelectIconProps extends React.ComponentProps<typeof Select$1.Icon> {}
-declare function SelectIcon({
   className,
   ...props
-}: SelectIconProps): react_jsx_runtime18.JSX.Element;
-interface SelectPositionerProps extends React.ComponentProps<typeof Select$1.Positioner> {}
-interface SelectPopupProps extends React.ComponentProps<typeof Select$1.Popup>, Pick<SelectPositionerProps, "side" | "sideOffset" | "align" | "alignOffset" | "alignItemWithTrigger"> {
-  animationPreset?: CSSAnimationPresets$1;
-  transitionPreset?: CSSTransitionPresets$1;
-  reduceMotion?: boolean;
-  showArrow?: boolean;
-}
+}: Select$1.Value.Props): react_jsx_runtime18.JSX.Element;
 declare function SelectPopup({
   className,
-  animationPreset,
-  transitionPreset,
-  reduceMotion,
-  showArrow,
+  children,
   side,
   sideOffset,
   align,
   alignOffset,
   alignItemWithTrigger,
-  children,
-  ...rest
-}: SelectPopupProps): react_jsx_runtime18.JSX.Element;
-interface SelectListProps extends React.ComponentProps<typeof Select$1.List> {}
-declare function SelectList({
-  className,
-  ...props
-}: SelectListProps): react_jsx_runtime18.JSX.Element;
-interface SelectItemProps extends React.ComponentProps<typeof Select$1.Item> {}
+  anchor,
+  ...props
+}: Select$1.Popup.Props & {
+  side?: Select$1.Positioner.Props["side"];
+  sideOffset?: Select$1.Positioner.Props["sideOffset"];
+  align?: Select$1.Positioner.Props["align"];
+  alignOffset?: Select$1.Positioner.Props["alignOffset"];
+  alignItemWithTrigger?: Select$1.Positioner.Props["alignItemWithTrigger"];
+  anchor?: Select$1.Positioner.Props["anchor"];
+}): react_jsx_runtime18.JSX.Element;
 declare function SelectItem({
   className,
+  children,
   ...props
-}: SelectItemProps): react_jsx_runtime18.JSX.Element;
-interface SelectItemTextProps extends React.ComponentProps<typeof Select$1.ItemText> {}
-declare function SelectItemText({
-  className,
-  ...props
-}: SelectItemTextProps): react_jsx_runtime18.JSX.Element;
-interface SelectItemIndicatorProps extends React.ComponentProps<typeof Select$1.ItemIndicator> {}
-declare function SelectItemIndicator({
-  className,
-  ...props
-}: SelectItemIndicatorProps): react_jsx_runtime18.JSX.Element;
-interface SelectGroupProps extends React.ComponentProps<typeof Select$1.Group> {}
-declare function SelectGroup({
-  ...props
-}: SelectGroupProps): react_jsx_runtime18.JSX.Element;
-interface SelectGroupLabelProps extends React.ComponentProps<typeof Select$1.GroupLabel> {}
-declare function SelectGroupLabel({
-  ...props
-}: SelectGroupLabelProps): react_jsx_runtime18.JSX.Element;
-declare function SelectScrollUpArrow(props: React.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime18.JSX.Element;
-declare function SelectScrollDownArrow(props: React.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime18.JSX.Element;
-interface SelectSeparatorProps extends React.ComponentProps<typeof Select$1.Separator> {}
+}: Select$1.Item.Props): react_jsx_runtime18.JSX.Element;
 declare function SelectSeparator({
+  className,
   ...props
-}: SelectSeparatorProps): react_jsx_runtime18.JSX.Element;
+}: Select$1.Separator.Props): react_jsx_runtime18.JSX.Element;
+declare function SelectGroup(props: Select$1.Group.Props): react_jsx_runtime18.JSX.Element;
+declare function SelectGroupLabel(props: Select$1.GroupLabel.Props): react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/ui/separator.d.ts
 declare function Separator({
@@ -948,8 +1046,8 @@ declare function TabsPanel({
 }: Tabs$1.Panel.Props): react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/ui/toast.d.ts
-declare const toastManager: _base_ui_react1.ToastManager;
-declare const anchoredToastManager: _base_ui_react1.ToastManager;
+declare const toastManager: _base_ui_react0.ToastManager;
+declare const anchoredToastManager: _base_ui_react0.ToastManager;
 type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 interface ToastProviderProps extends Toast.Provider.Props {
   position?: ToastPosition;
@@ -1040,6 +1138,73 @@ declare function TooltipPopup({
   ...rest
 }: TooltipPopupProps): react_jsx_runtime18.JSX.Element;
 //#endregion
+//#region src/blocks/Template/index.d.ts
+type TemplateProps = {
+  template: string;
+  children: Slot;
+};
+type TemplateData = Record<string, {
+  label: string;
+  data: Slot;
+}>;
+type CreateTemplateBlockOptions = {
+  /**
+   * Namespace key — used as the localStorage key prefix (without API) or as
+   * the `key` column value in the database (with API).
+   * Must be unique per project.
+   * @default "puck-template"
+   */
+  storageKey?: string;
+  /**
+   * Static template presets always shown in the select (in addition to
+   * "Blank"). Applied regardless of storage mode.
+   */
+  defaultTemplates?: TemplateData;
+  /**
+   * Base URL for the templates REST API.
+   * When provided, templates are stored in the database instead of
+   * localStorage, making them shared across all users.
+   *
+   * Accepts a lazy function so the URL can be resolved from the DOM
+   * (e.g. from a data-* attribute) without breaking SSR or module init.
+   *
+   * Expected contract:
+   *   GET  {apiUrl}?key={storageKey}  → { templates: ApiTemplate[] }
+   *   POST {apiUrl}                   → { template: ApiTemplate }
+   *                                      body: { key, name, data }
+   *   DELETE {apiUrl}/{id}            → { success: true }
+   */
+  apiUrl?: string | (() => string);
+  /**
+   * Returns headers merged into every API request.
+   * Use this to inject CSRF tokens or custom auth headers.
+   *
+   * @example
+   * getHeaders: () => ({ 'X-CSRF-TOKEN': getCsrfToken() })
+   */
+  getHeaders?: () => Record<string, string>;
+};
+/**
+ * Factory that returns a ready-to-use Puck `ComponentConfig` for a Template
+ * block.
+ *
+ * Without `apiUrl` — templates are saved in `localStorage` (per-browser).
+ * With `apiUrl`    — templates are saved in a database and shared across all
+ *                    users and devices.
+ *
+ * @example
+ * // Basic (localStorage)
+ * Template: createTemplateBlock({ storageKey: 'my-project' })
+ *
+ * // Database-backed (shared)
+ * Template: createTemplateBlock({
+ *   storageKey: 'my-project',
+ *   apiUrl: () => document.getElementById('editor')?.dataset.templatesUrl,
+ *   getHeaders: () => ({ 'X-CSRF-TOKEN': getCsrfToken() }),
+ * })
+ */
+declare function createTemplateBlock(options?: CreateTemplateBlockOptions): ComponentConfig<TemplateProps>;
+//#endregion
 //#region src/utils/animation.d.ts
 type AnimationTraitProps = {
   animation?: "" | "fade-in" | "fade-up" | "fade-down" | "fade-left" | "fade-right" | "fade-scale" | "scale-in" | "scale-up" | "scale-down" | "scale-out" | "slide-up" | "slide-down" | "slide-left" | "slide-right" | "blur-in" | "blur-up" | "blur-down";
@@ -1048,6 +1213,17 @@ declare const animationField: Fields;
 declare function animationToAttributes(animation?: AnimationTraitProps["animation"]): Record<string, string>;
 declare const animationDefaultProps: AnimationTraitProps;
 //#endregion
+//#region src/utils/customClasses.d.ts
+type CustomClassesTraitProps = {
+  customClasses?: string[];
+};
+declare const customClassesField: Fields;
+declare function customClassesToClasses(customClasses?: string[]): string;
+declare const customClassesDefaultProps: CustomClassesTraitProps;
+//#endregion
+//#region src/utils/pagePicker.d.ts
+declare const pageField: Field<PagePickerValue>;
+//#endregion
 //#region src/utils/display.d.ts
 type DisplayTraitProps = {
   display?: "hidden" | "inline" | "inline-block" | "block" | "flex" | "inline-flex";
@@ -1213,5 +1389,5 @@ type OptimizedImageAttrs = {
  */
 declare function useOptimizedImage(src: string | undefined): OptimizedImageAttrs | null;
 //#endregion
-export { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, AnchoredToastProvider, AnimationTraitProps, Button, Checkbox, type CheckboxLayout, Dialog, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPopup, DialogTitle, DialogTrigger, DisplayTraitProps, FieldCheckbox, FieldInput, FieldNumberUnit, FieldRadio, FieldSelect, FieldTextarea, FontWeightTraitProps, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Label, LineHeightTraitProps, MarginItem, MarginTraitProps, MarginValue, type MediaItem, MediaPicker, type MediaPickerProps, type MediaPickerValue, Menu, MenuCheckboxItem, MenuCreateHandle, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger, OptimizedImageAttrs, PaddingItem, PaddingTraitProps, PaddingValue, type PageItem, PagePicker, type PagePickerProps, type PagePickerValue, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverTitle, PopoverTrigger, PositionTraitProps, RadioGroup, RadioGroupItem, type RadioLayout, RichTextMenuLink, Select, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, Separator, SizeTraitProps, SizeValue, SpacingTraitProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, TextAlignTraitProps, TextColorTraitProps, TextDecorationTraitProps, TextSizeTraitProps, TextTransformTraitProps, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, TypographyTraitProps, anchoredToastManager, animationDefaultProps, animationField, animationToAttributes, buttonVariants, createPuckOverridesPlugin, displayDefaultProps, displayField, displayToClasses, fontWeightDefaultProps, fontWeightField, fontWeightToClasses, getMediaUrl, getPageUrl, lineHeightDefaultProps, lineHeightField, lineHeightToClasses, marginDefaultProps, marginField, marginToClasses, paddingDefaultProps, paddingField, paddingToClasses, positionDefaultProps, positionField, positionToClasses, richTextMenuLinkExtension, richTextMenuLinkSelector, 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, useOptimizedImage };
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, ActionBar, AnchoredToastProvider, AnimationTraitProps, Badge, Button, Checkbox, type CheckboxLayout, ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type CreateTemplateBlockOptions, CustomClassesTraitProps, Dialog, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPopup, DialogTitle, DialogTrigger, DisplayTraitProps, DrawerItem, FieldCheckbox, FieldGroups, FieldInput, FieldNumberUnit, FieldRadio, FieldSelect, FieldTextarea, FontWeightTraitProps, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GRAY_COLORS, Input, InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Label, LineHeightTraitProps, MarginItem, MarginTraitProps, MarginValue, type MediaItem, MediaPicker, type MediaPickerProps, type MediaPickerValue, type MediaReference, Menu, MenuCheckboxItem, MenuCreateHandle, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger, OptimizedImageAttrs, PREDEFINED_COLORS, PaddingItem, PaddingTraitProps, PaddingValue, type PageItem, PagePicker, type PagePickerProps, type PagePickerValue, type PageReference, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PickerModal, type PickerModalProps, Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverTitle, PopoverTrigger, PositionTraitProps, RadioGroup, RadioGroupItem, type RadioLayout, RichTextMenuColorPicker, RichTextMenuLink, ScrollArea, ScrollBar, Select, SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectSeparator, SelectTrigger, SelectValue, Separator, SizeTraitProps, SizeValue, SpacingTraitProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsPanel, TabsList, TabsTab, TabsTab as TabsTrigger, type TemplateProps, TextAlignTraitProps, TextColorTraitProps, TextDecorationTraitProps, TextSizeTraitProps, TextTransformTraitProps, Textarea, type TextareaProps, type ToastPosition, ToastProvider, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, TypographyTraitProps, anchoredToastManager, animationDefaultProps, animationField, animationToAttributes, badgeVariants, buttonVariants, 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 };
 //# sourceMappingURL=index.d.ts.map