@xiwebdesign/xicms-core 4.17.1

package/dist/admin/ui/ConfirmDialog.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+/**
+ * Eén bevestigingsdialoog voor de hele admin, op de **Astryx AlertDialog** (role="alertdialog",
+ * niet weg te klikken). `useConfirm()` geeft een functie die een Promise<bool> teruggeeft — zo
+ * vervang je een onveilige directe verwijdering door een nette "weet je het zeker?". Monteer
+ * `<ConfirmHost/>` één keer in `AdminApp`. De API blijft gelijk (geen call-site-wijziging).
+ */
+export interface ConfirmOptions {
+    title: string;
+    description?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** "danger" = destructieve (rode) bevestigingsknop (verwijderen e.d.). */
+    tone?: "default" | "danger";
+}
+type ConfirmFn = (opts: ConfirmOptions) => Promise<boolean>;
+export declare function ConfirmHost({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** Geeft een `confirm(opts) => Promise<boolean>`. Buiten een `ConfirmHost` valt het terug op `false`. */
+export declare function useConfirm(): ConfirmFn;
+export {};

package/dist/admin/ui/ConfirmDialog.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useRef, useState } from "react";
+import { AlertDialog } from "@astryxdesign/core/AlertDialog";
+const ConfirmContext = createContext(null);
+function ConfirmHost({ children }) {
+  const [open, setOpen] = useState(false);
+  const [opts, setOpts] = useState(null);
+  const resolver = useRef(null);
+  const confirm = useCallback((o) => {
+    setOpts(o);
+    setOpen(true);
+    return new Promise((resolve) => {
+      resolver.current = resolve;
+    });
+  }, []);
+  const close = useCallback((value) => {
+    setOpen(false);
+    resolver.current?.(value);
+    resolver.current = null;
+  }, []);
+  return /* @__PURE__ */ jsxs(ConfirmContext.Provider, { value: confirm, children: [
+    children,
+    opts && /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        isOpen: open,
+        onOpenChange: (o) => !o && close(false),
+        title: opts.title,
+        description: typeof opts.description === "string" ? opts.description : " ",
+        cancelLabel: opts.cancelLabel ?? "Annuleren",
+        actionLabel: opts.confirmLabel ?? "Bevestigen",
+        actionVariant: opts.tone === "danger" ? "destructive" : "primary",
+        onAction: () => close(true)
+      }
+    )
+  ] });
+}
+function useConfirm() {
+  const ctx = useContext(ConfirmContext);
+  return ctx ?? (async () => false);
+}
+export {
+  ConfirmHost,
+  useConfirm
+};
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/admin/ui/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/ConfirmDialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useCallback, useContext, useRef, useState, type ReactNode } from \"react\";\nimport { AlertDialog } from \"@astryxdesign/core/AlertDialog\";\n\n/**\n * Eén bevestigingsdialoog voor de hele admin, op de **Astryx AlertDialog** (role=\"alertdialog\",\n * niet weg te klikken). `useConfirm()` geeft een functie die een Promise<bool> teruggeeft — zo\n * vervang je een onveilige directe verwijdering door een nette \"weet je het zeker?\". Monteer\n * `<ConfirmHost/>` één keer in `AdminApp`. De API blijft gelijk (geen call-site-wijziging).\n */\nexport interface ConfirmOptions {\n  title: string;\n  description?: ReactNode;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  /** \"danger\" = destructieve (rode) bevestigingsknop (verwijderen e.d.). */\n  tone?: \"default\" | \"danger\";\n}\n\ntype ConfirmFn = (opts: ConfirmOptions) => Promise<boolean>;\n\nconst ConfirmContext = createContext<ConfirmFn | null>(null);\n\nexport function ConfirmHost({ children }: { children: ReactNode }) {\n  const [open, setOpen] = useState(false);\n  const [opts, setOpts] = useState<ConfirmOptions | null>(null);\n  const resolver = useRef<((v: boolean) => void) | null>(null);\n\n  const confirm = useCallback<ConfirmFn>((o) => {\n    setOpts(o);\n    setOpen(true);\n    return new Promise<boolean>((resolve) => {\n      resolver.current = resolve;\n    });\n  }, []);\n\n  const close = useCallback((value: boolean) => {\n    setOpen(false);\n    resolver.current?.(value);\n    resolver.current = null;\n  }, []);\n\n  return (\n    <ConfirmContext.Provider value={confirm}>\n      {children}\n      {opts && (\n        <AlertDialog\n          isOpen={open}\n          onOpenChange={(o) => !o && close(false)}\n          title={opts.title}\n          description={typeof opts.description === \"string\" ? opts.description : \" \"}\n          cancelLabel={opts.cancelLabel ?? \"Annuleren\"}\n          actionLabel={opts.confirmLabel ?? \"Bevestigen\"}\n          actionVariant={opts.tone === \"danger\" ? \"destructive\" : \"primary\"}\n          onAction={() => close(true)}\n        />\n      )}\n    </ConfirmContext.Provider>\n  );\n}\n\n/** Geeft een `confirm(opts) => Promise<boolean>`. Buiten een `ConfirmHost` valt het terug op `false`. */\nexport function useConfirm(): ConfirmFn {\n  const ctx = useContext(ConfirmContext);\n  return ctx ?? (async () => false);\n}\n"],"mappings":";AA4CI,SAGI,KAHJ;AA1CJ,SAAS,eAAe,aAAa,YAAY,QAAQ,gBAAgC;AACzF,SAAS,mBAAmB;AAmB5B,MAAM,iBAAiB,cAAgC,IAAI;AAEpD,SAAS,YAAY,EAAE,SAAS,GAA4B;AACjE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAgC,IAAI;AAC5D,QAAM,WAAW,OAAsC,IAAI;AAE3D,QAAM,UAAU,YAAuB,CAAC,MAAM;AAC5C,YAAQ,CAAC;AACT,YAAQ,IAAI;AACZ,WAAO,IAAI,QAAiB,CAAC,YAAY;AACvC,eAAS,UAAU;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,CAAC,UAAmB;AAC5C,YAAQ,KAAK;AACb,aAAS,UAAU,KAAK;AACxB,aAAS,UAAU;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SACE,qBAAC,eAAe,UAAf,EAAwB,OAAO,SAC7B;AAAA;AAAA,IACA,QACC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,cAAc,CAAC,MAAM,CAAC,KAAK,MAAM,KAAK;AAAA,QACtC,OAAO,KAAK;AAAA,QACZ,aAAa,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAAA,QACvE,aAAa,KAAK,eAAe;AAAA,QACjC,aAAa,KAAK,gBAAgB;AAAA,QAClC,eAAe,KAAK,SAAS,WAAW,gBAAgB;AAAA,QACxD,UAAU,MAAM,MAAM,IAAI;AAAA;AAAA,IAC5B;AAAA,KAEJ;AAEJ;AAGO,SAAS,aAAwB;AACtC,QAAM,MAAM,WAAW,cAAc;AACrC,SAAO,QAAQ,YAAY;AAC7B;","names":[]}

package/dist/admin/ui/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+/** Tailwind-vriendelijke className-merge. */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/admin/ui/cn.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=cn.js.map

package/dist/admin/ui/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/** Tailwind-vriendelijke className-merge. */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAGjB,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/admin/ui/dialog.d.ts

@@ -0,0 +1,9 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function DialogContent({ className, children, title, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    title: string;
+}): import("react").JSX.Element;
+export declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react").JSX.Element;
+export declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;

package/dist/admin/ui/dialog.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cn } from "./cn";
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogClose = DialogPrimitive.Close;
+function DialogContent({
+  className,
+  children,
+  title,
+  ...props
+}) {
+  const container = typeof document !== "undefined" ? document.querySelector(".xicms-ve") ?? document.querySelector(".xicms-admin") : null;
+  return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { container: container ?? void 0, children: [
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-[10010] bg-black/50" }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        className: cn(
+          "fixed left-1/2 top-1/2 z-[10011] w-[92vw] max-w-lg -translate-x-1/2 -translate-y-1/2 rounded-xl bg-white p-5 shadow-xl focus:outline-none",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "mb-3 text-lg font-semibold", children: title }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: cn("text-sm text-slate-600", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-5 flex items-center justify-end gap-2", className), ...props });
+}
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogTrigger
+};
+//# sourceMappingURL=dialog.js.map

package/dist/admin/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cn } from \"./cn\";\n\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\nexport const DialogClose = DialogPrimitive.Close;\n\nexport function DialogContent({\n  className,\n  children,\n  title,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & { title: string }) {\n  // De admin-Tailwind is gescoped onder `.xicms-admin` (important: \".xicms-admin\"). Radix portalt\n  // standaard naar <body> — buiten die scope, waardoor de dialog volledig ONGESTYLED zou renderen\n  // (static, geen achtergrond, achter de editor). Daarom portalen we IN de admin-scope.\n  const container =\n    typeof document !== \"undefined\"\n      ? document.querySelector<HTMLElement>(\".xicms-ve\") ?? document.querySelector<HTMLElement>(\".xicms-admin\")\n      : null;\n  return (\n    <DialogPrimitive.Portal container={container ?? undefined}>\n      {/* Boven de VisualEditor-overlay (z-index 10000) zodat de kiezer niet erachter verdwijnt. */}\n      <DialogPrimitive.Overlay className=\"fixed inset-0 z-[10010] bg-black/50\" />\n      <DialogPrimitive.Content\n        className={cn(\n          \"fixed left-1/2 top-1/2 z-[10011] w-[92vw] max-w-lg -translate-x-1/2 -translate-y-1/2 rounded-xl bg-white p-5 shadow-xl focus:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <DialogPrimitive.Title className=\"mb-3 text-lg font-semibold\">{title}</DialogPrimitive.Title>\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nexport function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return <DialogPrimitive.Description className={cn(\"text-sm text-slate-600\", className)} {...props} />;\n}\n\nexport function DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div className={cn(\"mt-5 flex items-center justify-end gap-2\", className)} {...props} />;\n}\n"],"mappings":";AAyBM,cACA,YADA;AAvBN,YAAY,qBAAqB;AACjC,SAAS,UAAU;AAEZ,MAAM,SAAS,gBAAgB;AAC/B,MAAM,gBAAgB,gBAAgB;AACtC,MAAM,cAAc,gBAAgB;AAEpC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6E;AAI3E,QAAM,YACJ,OAAO,aAAa,cAChB,SAAS,cAA2B,WAAW,KAAK,SAAS,cAA2B,cAAc,IACtG;AACN,SACE,qBAAC,gBAAgB,QAAhB,EAAuB,WAAW,aAAa,QAE9C;AAAA,wBAAC,gBAAgB,SAAhB,EAAwB,WAAU,uCAAsC;AAAA,IACzE;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,gBAAgB,OAAhB,EAAsB,WAAU,8BAA8B,iBAAM;AAAA,UACpE;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEO,SAAS,kBAAkB,EAAE,WAAW,GAAG,MAAM,GAA6D;AACnH,SAAO,oBAAC,gBAAgB,aAAhB,EAA4B,WAAW,GAAG,0BAA0B,SAAS,GAAI,GAAG,OAAO;AACrG;AAEO,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AACjF,SAAO,oBAAC,SAAI,WAAW,GAAG,4CAA4C,SAAS,GAAI,GAAG,OAAO;AAC/F;","names":[]}

package/dist/admin/ui/index.d.ts

@@ -0,0 +1,7 @@
+export { cn } from "./cn";
+export { Button, Input, Textarea, Field, Card, Badge } from "./primitives";
+export { ToastProvider, useToast } from "./toast";
+export { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs";
+export { Dialog, DialogTrigger, DialogClose, DialogContent } from "./dialog";
+export { Select } from "./select";
+export { Switch } from "./switch";

package/dist/admin/ui/index.js

@@ -0,0 +1,29 @@
+import { cn } from "./cn";
+import { Button, Input, Textarea, Field, Card, Badge } from "./primitives";
+import { ToastProvider, useToast } from "./toast";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs";
+import { Dialog, DialogTrigger, DialogClose, DialogContent } from "./dialog";
+import { Select } from "./select";
+import { Switch } from "./switch";
+export {
+  Badge,
+  Button,
+  Card,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogTrigger,
+  Field,
+  Input,
+  Select,
+  Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  ToastProvider,
+  cn,
+  useToast
+};
+//# sourceMappingURL=index.js.map

package/dist/admin/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/index.ts"],"sourcesContent":["export { cn } from \"./cn\";\nexport { Button, Input, Textarea, Field, Card, Badge } from \"./primitives\";\nexport { ToastProvider, useToast } from \"./toast\";\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./tabs\";\nexport { Dialog, DialogTrigger, DialogClose, DialogContent } from \"./dialog\";\nexport { Select } from \"./select\";\nexport { Switch } from \"./switch\";\n"],"mappings":"AAAA,SAAS,UAAU;AACnB,SAAS,QAAQ,OAAO,UAAU,OAAO,MAAM,aAAa;AAC5D,SAAS,eAAe,gBAAgB;AACxC,SAAS,MAAM,UAAU,aAAa,mBAAmB;AACzD,SAAS,QAAQ,eAAe,aAAa,qBAAqB;AAClE,SAAS,cAAc;AACvB,SAAS,cAAc;","names":[]}

package/dist/admin/ui/primitives.d.ts

@@ -0,0 +1,37 @@
+import { type ButtonHTMLAttributes, type InputHTMLAttributes, type TextareaHTMLAttributes } from "react";
+/**
+ * Admin-primitieven op het **Astryx design system**. Form-controls (Input/Textarea) renderen echte
+ * Astryx-componenten; bijzondere input-types (datetime-local, file…) die Astryx niet kent vallen
+ * robuust terug op een token-gestylede native input. Button/Card/Badge zijn token-gestyled (zelfde
+ * Astryx-huisstijl) — bewust geen Astryx Button (die werkt op `label`/`clickAction` i.p.v. children/
+ * onClick, wat de ~honderd editor-call-sites zou breken). De API blijft gelijk → robuust.
+ */
+type Variant = "primary" | "secondary" | "ghost" | "danger";
+type Size = "sm" | "md";
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: Variant;
+    size?: Size;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Tekstinvoer. text/email → Astryx TextInput; number → Astryx NumberInput; overige types
+ * (datetime-local, search, …) → token-gestylede native input. Het label komt van het omliggende
+ * `Field`; hier dus `isLabelHidden`.
+ */
+export declare const Input: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
+/** Label-wrapper. Een `<div>` (geen `<label>`) zodat het geen geneste label vormt met de
+ *  Astryx-controls (die hun eigen, verborgen label dragen). */
+export declare function Field({ label, children, hint }: {
+    label: string;
+    children: React.ReactNode;
+    hint?: string;
+}): import("react").JSX.Element;
+export declare function Card({ className, children }: {
+    className?: string;
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+export declare function Badge({ children, tone }: {
+    children: React.ReactNode;
+    tone?: "slate" | "green" | "amber";
+}): import("react").JSX.Element;
+export {};

package/dist/admin/ui/primitives.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./cn";
+import { TextInput } from "@astryxdesign/core/TextInput";
+import { NumberInput } from "@astryxdesign/core/NumberInput";
+import { TextArea } from "@astryxdesign/core/TextArea";
+const VARIANT_STYLE = {
+  primary: { background: "var(--color-accent)", color: "var(--color-on-accent, #fff)" },
+  secondary: { background: "var(--color-background-muted)", color: "var(--color-text-primary)", border: "1px solid var(--color-border)" },
+  ghost: { background: "transparent", color: "var(--color-text-primary)" },
+  danger: { background: "var(--color-error, #dc2626)", color: "#fff" }
+};
+const SIZES = {
+  sm: "h-8 px-3 text-sm",
+  md: "h-10 px-4 text-sm"
+};
+const controlStyle = {
+  borderRadius: "var(--radius-element, 8px)",
+  border: "1px solid var(--color-border)",
+  background: "var(--color-background-body, #fff)",
+  color: "var(--color-text-primary)"
+};
+const Button = forwardRef(function Button2({ className, variant = "primary", size = "md", style, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center gap-2 font-medium transition-[filter] hover:brightness-95 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        SIZES[size],
+        className
+      ),
+      style: { borderRadius: "var(--radius-element, 8px)", ...VARIANT_STYLE[variant], ...style },
+      ...props
+    }
+  );
+});
+function syntheticEvent(value) {
+  return { target: { value }, currentTarget: { value } };
+}
+const Input = forwardRef(
+  function Input2({ className, style, type = "text", value, onChange, placeholder, ...rest }, ref) {
+    const lbl = rest["aria-label"] || placeholder || "Veld";
+    if (type === "number") {
+      return /* @__PURE__ */ jsx(
+        NumberInput,
+        {
+          ref,
+          label: lbl,
+          isLabelHidden: true,
+          placeholder,
+          value: value === "" || value == null ? void 0 : Number(value),
+          onChange: (n) => onChange?.(syntheticEvent(n == null ? "" : String(n)))
+        }
+      );
+    }
+    if (type === "text" || type === "email" || type === "password") {
+      return /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          ref,
+          label: lbl,
+          isLabelHidden: true,
+          type,
+          placeholder,
+          value: String(value ?? ""),
+          onChange: (v) => onChange?.(syntheticEvent(v))
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type,
+        value,
+        onChange,
+        placeholder,
+        className: cn("h-10 w-full px-3 text-sm outline-none focus:ring-2", className),
+        style: { ...controlStyle, ...style },
+        ...rest
+      }
+    );
+  }
+);
+const Textarea = forwardRef(
+  function Textarea2({ value, onChange, placeholder, rows = 4, "aria-label": ariaLabel, ...rest }, ref) {
+    void rest;
+    return /* @__PURE__ */ jsx(
+      TextArea,
+      {
+        ref,
+        label: ariaLabel || placeholder || "Tekst",
+        isLabelHidden: true,
+        rows,
+        placeholder,
+        value: String(value ?? ""),
+        onChange: (v) => onChange?.({ target: { value: v }, currentTarget: { value: v } })
+      }
+    );
+  }
+);
+function Field({ label, children, hint }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", style: { color: "var(--color-text-primary)" }, children: label }),
+    children,
+    hint && /* @__PURE__ */ jsx("span", { className: "text-xs", style: { color: "var(--color-text-secondary)" }, children: hint })
+  ] });
+}
+function Card({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("p-5", className),
+      style: { borderRadius: "var(--radius-container, 14px)", border: "1px solid var(--color-border)", background: "var(--color-background-card)" },
+      children
+    }
+  );
+}
+function Badge({ children, tone = "slate" }) {
+  const tones = {
+    slate: { background: "var(--color-background-muted)", color: "var(--color-text-secondary)" },
+    green: { background: "var(--color-background-green, #dcfce7)", color: "var(--color-text-green, #15803d)" },
+    amber: { background: "var(--color-background-orange, #ffedd5)", color: "var(--color-text-orange, #c2410c)" }
+  };
+  return /* @__PURE__ */ jsx("span", { className: "rounded-full px-2 py-0.5 text-xs font-medium", style: tones[tone], children });
+}
+export {
+  Badge,
+  Button,
+  Card,
+  Field,
+  Input,
+  Textarea
+};
+//# sourceMappingURL=primitives.js.map

package/dist/admin/ui/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type ButtonHTMLAttributes, type ChangeEvent, type CSSProperties, type InputHTMLAttributes, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"./cn\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { NumberInput } from \"@astryxdesign/core/NumberInput\";\nimport { TextArea } from \"@astryxdesign/core/TextArea\";\n\n/**\n * Admin-primitieven op het **Astryx design system**. Form-controls (Input/Textarea) renderen echte\n * Astryx-componenten; bijzondere input-types (datetime-local, file…) die Astryx niet kent vallen\n * robuust terug op een token-gestylede native input. Button/Card/Badge zijn token-gestyled (zelfde\n * Astryx-huisstijl) — bewust geen Astryx Button (die werkt op `label`/`clickAction` i.p.v. children/\n * onClick, wat de ~honderd editor-call-sites zou breken). De API blijft gelijk → robuust.\n */\n\ntype Variant = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\ntype Size = \"sm\" | \"md\";\n\nconst VARIANT_STYLE: Record<Variant, CSSProperties> = {\n  primary: { background: \"var(--color-accent)\", color: \"var(--color-on-accent, #fff)\" },\n  secondary: { background: \"var(--color-background-muted)\", color: \"var(--color-text-primary)\", border: \"1px solid var(--color-border)\" },\n  ghost: { background: \"transparent\", color: \"var(--color-text-primary)\" },\n  danger: { background: \"var(--color-error, #dc2626)\", color: \"#fff\" },\n};\nconst SIZES: Record<Size, string> = {\n  sm: \"h-8 px-3 text-sm\",\n  md: \"h-10 px-4 text-sm\",\n};\n\nconst controlStyle: CSSProperties = {\n  borderRadius: \"var(--radius-element, 8px)\",\n  border: \"1px solid var(--color-border)\",\n  background: \"var(--color-background-body, #fff)\",\n  color: \"var(--color-text-primary)\",\n};\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  ButtonHTMLAttributes<HTMLButtonElement> & { variant?: Variant; size?: Size }\n>(function Button({ className, variant = \"primary\", size = \"md\", style, ...props }, ref) {\n  return (\n    <button\n      ref={ref}\n      className={cn(\n        \"inline-flex items-center justify-center gap-2 font-medium transition-[filter] hover:brightness-95 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        SIZES[size],\n        className,\n      )}\n      style={{ borderRadius: \"var(--radius-element, 8px)\", ...VARIANT_STYLE[variant], ...style }}\n      {...props}\n    />\n  );\n});\n\n/** Bouwt een minimale synthetische change-event zodat bestaande `onChange={(e)=>…e.target.value}` blijft werken. */\nfunction syntheticEvent(value: string) {\n  return { target: { value }, currentTarget: { value } } as unknown as ChangeEvent<HTMLInputElement>;\n}\n\n/**\n * Tekstinvoer. text/email → Astryx TextInput; number → Astryx NumberInput; overige types\n * (datetime-local, search, …) → token-gestylede native input. Het label komt van het omliggende\n * `Field`; hier dus `isLabelHidden`.\n */\nexport const Input = forwardRef<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>(\n  function Input({ className, style, type = \"text\", value, onChange, placeholder, ...rest }, ref) {\n    const lbl = (rest[\"aria-label\"] as string) || placeholder || \"Veld\";\n    if (type === \"number\") {\n      return (\n        <NumberInput\n          ref={ref}\n          label={lbl}\n          isLabelHidden\n          placeholder={placeholder}\n          value={value === \"\" || value == null ? undefined : Number(value)}\n          onChange={(n) => onChange?.(syntheticEvent(n == null ? \"\" : String(n)))}\n        />\n      );\n    }\n    if (type === \"text\" || type === \"email\" || type === \"password\") {\n      return (\n        <TextInput\n          ref={ref}\n          label={lbl}\n          isLabelHidden\n          type={type as \"text\" | \"email\" | \"password\"}\n          placeholder={placeholder}\n          value={String(value ?? \"\")}\n          onChange={(v) => onChange?.(syntheticEvent(v))}\n        />\n      );\n    }\n    // datetime-local, search, url, file, … → native, in de Astryx-huisstijl getokeniseerd.\n    return (\n      <input\n        ref={ref}\n        type={type}\n        value={value}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={cn(\"h-10 w-full px-3 text-sm outline-none focus:ring-2\", className)}\n        style={{ ...controlStyle, ...style }}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaHTMLAttributes<HTMLTextAreaElement>>(\n  function Textarea({ value, onChange, placeholder, rows = 4, \"aria-label\": ariaLabel, ...rest }, ref) {\n    void rest;\n    return (\n      <TextArea\n        ref={ref}\n        label={(ariaLabel as string) || placeholder || \"Tekst\"}\n        isLabelHidden\n        rows={rows}\n        placeholder={placeholder}\n        value={String(value ?? \"\")}\n        onChange={(v) =>\n          onChange?.({ target: { value: v }, currentTarget: { value: v } } as unknown as ChangeEvent<HTMLTextAreaElement>)\n        }\n      />\n    );\n  },\n);\n\n/** Label-wrapper. Een `<div>` (geen `<label>`) zodat het geen geneste label vormt met de\n *  Astryx-controls (die hun eigen, verborgen label dragen). */\nexport function Field({ label, children, hint }: { label: string; children: React.ReactNode; hint?: string }) {\n  return (\n    <div className=\"grid gap-1.5\">\n      <span className=\"text-sm font-medium\" style={{ color: \"var(--color-text-primary)\" }}>{label}</span>\n      {children}\n      {hint && <span className=\"text-xs\" style={{ color: \"var(--color-text-secondary)\" }}>{hint}</span>}\n    </div>\n  );\n}\n\nexport function Card({ className, children }: { className?: string; children: React.ReactNode }) {\n  return (\n    <div\n      className={cn(\"p-5\", className)}\n      style={{ borderRadius: \"var(--radius-container, 14px)\", border: \"1px solid var(--color-border)\", background: \"var(--color-background-card)\" }}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function Badge({ children, tone = \"slate\" }: { children: React.ReactNode; tone?: \"slate\" | \"green\" | \"amber\" }) {\n  const tones: Record<string, CSSProperties> = {\n    slate: { background: \"var(--color-background-muted)\", color: \"var(--color-text-secondary)\" },\n    green: { background: \"var(--color-background-green, #dcfce7)\", color: \"var(--color-text-green, #15803d)\" },\n    amber: { background: \"var(--color-background-orange, #ffedd5)\", color: \"var(--color-text-orange, #c2410c)\" },\n  };\n  return (\n    <span className=\"rounded-full px-2 py-0.5 text-xs font-medium\" style={tones[tone]}>\n      {children}\n    </span>\n  );\n}\n"],"mappings":"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","names":["Button","Input","Textarea"]}

package/dist/admin/ui/select.d.ts

@@ -0,0 +1,11 @@
+/** Admin-select op de Astryx Selector. API ongewijzigd (value/onValueChange/options). */
+export declare function Select({ value, onValueChange, options, placeholder, className, }: {
+    value: string;
+    onValueChange: (v: string) => void;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    placeholder?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/admin/ui/select.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Selector } from "@astryxdesign/core/Selector";
+function Select({
+  value,
+  onValueChange,
+  options,
+  placeholder = "Kies\u2026",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    Selector,
+    {
+      label: placeholder,
+      isLabelHidden: true,
+      placeholder,
+      className,
+      options: options.map((o) => ({ value: o.value, label: o.label })),
+      value,
+      onChange: (v) => onValueChange(v ?? "")
+    }
+  );
+}
+export {
+  Select
+};
+//# sourceMappingURL=select.js.map

package/dist/admin/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { Selector } from \"@astryxdesign/core/Selector\";\n\n/** Admin-select op de Astryx Selector. API ongewijzigd (value/onValueChange/options). */\nexport function Select({\n  value,\n  onValueChange,\n  options,\n  placeholder = \"Kies…\",\n  className,\n}: {\n  value: string;\n  onValueChange: (v: string) => void;\n  options: { value: string; label: string }[];\n  placeholder?: string;\n  className?: string;\n}) {\n  return (\n    <Selector\n      label={placeholder}\n      isLabelHidden\n      placeholder={placeholder}\n      className={className}\n      options={options.map((o) => ({ value: o.value, label: o.label }))}\n      value={value}\n      onChange={(v) => onValueChange((v as string) ?? \"\")}\n    />\n  );\n}\n"],"mappings":";AAmBI;AAjBJ,SAAS,gBAAgB;AAGlB,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAMG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,SAAS,QAAQ,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,OAAO,EAAE,MAAM,EAAE;AAAA,MAChE;AAAA,MACA,UAAU,CAAC,MAAM,cAAe,KAAgB,EAAE;AAAA;AAAA,EACpD;AAEJ;","names":[]}

package/dist/admin/ui/switch.d.ts

@@ -0,0 +1,6 @@
+/** Admin-switch op de Astryx Switch. API ongewijzigd (checked/onCheckedChange/label). */
+export declare function Switch({ checked, onCheckedChange, label, }: {
+    checked: boolean;
+    onCheckedChange: (v: boolean) => void;
+    label?: string;
+}): import("react").JSX.Element;

package/dist/admin/ui/switch.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Switch as AstryxSwitch } from "@astryxdesign/core/Switch";
+function Switch({
+  checked,
+  onCheckedChange,
+  label
+}) {
+  return /* @__PURE__ */ jsx(
+    AstryxSwitch,
+    {
+      label: label ?? "Schakelaar",
+      isLabelHidden: !label,
+      value: checked,
+      onChange: (c) => onCheckedChange(c)
+    }
+  );
+}
+export {
+  Switch
+};
+//# sourceMappingURL=switch.js.map

package/dist/admin/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as AstryxSwitch } from \"@astryxdesign/core/Switch\";\n\n/** Admin-switch op de Astryx Switch. API ongewijzigd (checked/onCheckedChange/label). */\nexport function Switch({\n  checked,\n  onCheckedChange,\n  label,\n}: {\n  checked: boolean;\n  onCheckedChange: (v: boolean) => void;\n  label?: string;\n}) {\n  return (\n    <AstryxSwitch\n      label={label ?? \"Schakelaar\"}\n      isLabelHidden={!label}\n      value={checked}\n      onChange={(c) => onCheckedChange(c)}\n    />\n  );\n}\n"],"mappings":";AAeI;AAbJ,SAAS,UAAU,oBAAoB;AAGhC,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS;AAAA,MAChB,eAAe,CAAC;AAAA,MAChB,OAAO;AAAA,MACP,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAAA;AAAA,EACpC;AAEJ;","names":[]}

package/dist/admin/ui/tabs.d.ts

@@ -0,0 +1,5 @@
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;
+export declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react").JSX.Element;
+export declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react").JSX.Element;

package/dist/admin/ui/tabs.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "./cn";
+const Tabs = TabsPrimitive.Root;
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      className: cn("flex flex-wrap gap-1 border-b border-slate-200", className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      className: cn(
+        "rounded-t-lg px-4 py-2 text-sm font-medium text-slate-600 hover:text-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 data-[state=active]:border-b-2 data-[state=active]:border-brand-600 data-[state=active]:text-brand-700",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(TabsPrimitive.Content, { className: cn("pt-5 outline-none", className), ...props });
+}
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};
+//# sourceMappingURL=tabs.js.map

package/dist/admin/ui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"./cn\";\n\nexport const Tabs = TabsPrimitive.Root;\n\nexport function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      className={cn(\"flex flex-wrap gap-1 border-b border-slate-200\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(\n        \"rounded-t-lg px-4 py-2 text-sm font-medium text-slate-600 hover:text-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 data-[state=active]:border-b-2 data-[state=active]:border-brand-600 data-[state=active]:text-brand-700\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return <TabsPrimitive.Content className={cn(\"pt-5 outline-none\", className)} {...props} />;\n}\n"],"mappings":";AASI;AAPJ,YAAY,mBAAmB;AAC/B,SAAS,UAAU;AAEZ,MAAM,OAAO,cAAc;AAE3B,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAoD;AACjG,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,WAAW,GAAG,kDAAkD,SAAS;AAAA,MACxE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAuD;AACvG,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAuD;AACvG,SAAO,oBAAC,cAAc,SAAd,EAAsB,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AAC1F;","names":[]}

package/dist/admin/ui/toast.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+type ToastTone = "default" | "success" | "error";
+interface ToastApi {
+    toast: (t: {
+        title: string;
+        description?: string;
+        tone?: ToastTone;
+    }) => void;
+}
+/**
+ * Admin-toasts op de **Astryx Toast** (ToastViewport + useToast). De bestaande API
+ * `toast({title, description, tone})` blijft, zodat de editors ongewijzigd blijven. Fouten blijven
+ * staan tot de gebruiker ze sluit (auto-hide uit); overige verdwijnen vanzelf.
+ */
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useToast(): ToastApi;
+export {};

package/dist/admin/ui/toast.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useToast as useAstryxToast, ToastViewport } from "@astryxdesign/core/Toast";
+function ToastProvider({ children }) {
+  return /* @__PURE__ */ jsx(ToastViewport, { position: "bottomEnd", maxVisible: 4, children });
+}
+function useToast() {
+  const show = useAstryxToast();
+  return {
+    toast: ({ title, description, tone = "default" }) => show({
+      body: /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: title }),
+        description ? /* @__PURE__ */ jsx("span", { style: { display: "block", opacity: 0.8 }, children: description }) : null
+      ] }),
+      type: tone === "error" ? "error" : "info",
+      isAutoHide: tone !== "error"
+    })
+  };
+}
+export {
+  ToastProvider,
+  useToast
+};
+//# sourceMappingURL=toast.js.map

package/dist/admin/ui/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/ui/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode } from \"react\";\nimport { useToast as useAstryxToast, ToastViewport } from \"@astryxdesign/core/Toast\";\n\ntype ToastTone = \"default\" | \"success\" | \"error\";\ninterface ToastApi {\n  toast: (t: { title: string; description?: string; tone?: ToastTone }) => void;\n}\n\n/**\n * Admin-toasts op de **Astryx Toast** (ToastViewport + useToast). De bestaande API\n * `toast({title, description, tone})` blijft, zodat de editors ongewijzigd blijven. Fouten blijven\n * staan tot de gebruiker ze sluit (auto-hide uit); overige verdwijnen vanzelf.\n */\nexport function ToastProvider({ children }: { children: ReactNode }) {\n  return (\n    <ToastViewport position=\"bottomEnd\" maxVisible={4}>\n      {children}\n    </ToastViewport>\n  );\n}\n\nexport function useToast(): ToastApi {\n  const show = useAstryxToast();\n  return {\n    toast: ({ title, description, tone = \"default\" }) =>\n      show({\n        body: (\n          <span>\n            <strong>{title}</strong>\n            {description ? <span style={{ display: \"block\", opacity: 0.8 }}>{description}</span> : null}\n          </span>\n        ),\n        type: tone === \"error\" ? \"error\" : \"info\",\n        isAutoHide: tone !== \"error\",\n      }),\n  };\n}\n"],"mappings":";AAiBI,cAYM,YAZN;AAdJ,SAAS,YAAY,gBAAgB,qBAAqB;AAYnD,SAAS,cAAc,EAAE,SAAS,GAA4B;AACnE,SACE,oBAAC,iBAAc,UAAS,aAAY,YAAY,GAC7C,UACH;AAEJ;AAEO,SAAS,WAAqB;AACnC,QAAM,OAAO,eAAe;AAC5B,SAAO;AAAA,IACL,OAAO,CAAC,EAAE,OAAO,aAAa,OAAO,UAAU,MAC7C,KAAK;AAAA,MACH,MACE,qBAAC,UACC;AAAA,4BAAC,YAAQ,iBAAM;AAAA,QACd,cAAc,oBAAC,UAAK,OAAO,EAAE,SAAS,SAAS,SAAS,IAAI,GAAI,uBAAY,IAAU;AAAA,SACzF;AAAA,MAEF,MAAM,SAAS,UAAU,UAAU;AAAA,MACnC,YAAY,SAAS;AAAA,IACvB,CAAC;AAAA,EACL;AACF;","names":[]}

package/dist/admin/visual/VisualEditor.d.ts

@@ -0,0 +1,10 @@
+import "@xiwebdesign/xicms-core/admin.css";
+/**
+ * Visuele/inline pagina-editor: opent als overlay over de live pagina, laadt de werkversie van de
+ * huidige route, en laat de editor blokken op een live canvas selecteren, herordenen, dupliceren,
+ * verwijderen en toevoegen — met autosave en publiceren. De zware code laadt pas bij openen
+ * (lazy, via EditorProvider), dus bezoekers downloaden hem nooit.
+ */
+export default function VisualEditor({ onClose }: {
+    onClose: () => void;
+}): import("react").JSX.Element;