@palmyit/elements 0.1.8 → 0.1.20

package/dist/render/renderHtml.d.ts

@@ -1,5 +1,5 @@
 import { ElementSpec } from './types';
 export declare function escapeHtml(value: unknown): string;
-/** Drop script/style blocks, event handlers, and javascript: URLs from rich text. */
+/** Allowlist-sanitize rich text; demote h1 to h2; drop scripts and handlers. */
 export declare function sanitizeRichTextHtml(html: string): string;
 export declare function renderHtml(node: ElementSpec | string): string;

package/dist/render/styleToClasses.d.ts

@@ -8,22 +8,21 @@ export type DeviceStyleProps = {
 };
 type VariantPrefix = '' | 'tablet:' | 'mobile:' | 'tablet-landscape:' | 'mobile-landscape:';
 /**
- * Turn one style object into utility classes. Values that cannot map onto a
- * Tailwind token are collected in `unresolved` for CSS variables.
+ * Authored style keys become CSS variables (via unresolvedStyleForVars).
+ * No property utilities — those lost to @layer components and fought defaults.
  */
-export declare function styleObjectToClasses(type: ElementType, style: Record<string, unknown> | undefined, variant?: VariantPrefix): {
+export declare function styleObjectToClasses(_type: ElementType, style: Record<string, unknown> | undefined, _variant?: VariantPrefix): {
     classes: string[];
     unresolved: Record<string, unknown>;
 };
 /**
- * Classes for an element: type defaults, then desktop style, then device variants.
- * Later entries win in the cascade when variants apply; within one breakpoint the
- * last class for a conflicting property should not be duplicated by the caller.
+ * Classes for an element: structural type defaults only.
+ * Device style overrides are applied as CSS variables by renderDeviceCss.
  */
-export declare function styleToClasses(type: ElementType, props: DeviceStyleProps): string[];
+export declare function styleToClasses(type: ElementType, _props: DeviceStyleProps): string[];
 /**
- * Style keys that still need `--palmyit-*` variables (font family, gradients,
- * off-scale lengths, hex colors outside the palette).
+ * Style keys that need --palmyit-* variables. Every authored key is included so
+ * on-scale tokens and off-scale lengths both reach the element CSS.
  */
 export declare function unresolvedStyleForVars(type: ElementType, style: Record<string, unknown> | undefined): Record<string, unknown>;
 /** Convert page style tokens into values styleToCssVariables can write. */

package/dist/render/styleToVars.d.ts

@@ -1,2 +1,4 @@
 import { CssVariables } from './types';
+/** Expand composite keys and drop attribute-only keys before writing variables. */
+export declare function expandStyleForVars(style: Record<string, unknown>): Record<string, unknown>;
 export declare function styleToCssVariables(style: Record<string, unknown> | undefined, prefix: string): CssVariables;

package/dist/render/styleTokens.d.ts

@@ -11,7 +11,7 @@ export declare const LEADING_TOKENS: readonly ["none", "tight", "snug", "normal"
 export type LeadingToken = (typeof LEADING_TOKENS)[number];
 export declare const TRACKING_TOKENS: readonly ["tighter", "tight", "normal", "wide", "wider", "widest"];
 export type TrackingToken = (typeof TRACKING_TOKENS)[number];
-export declare const COLOR_NAMES: readonly ["accent", "transparent", "white", "black", "slate-50", "slate-100", "slate-200", "slate-300", "slate-400", "slate-500", "slate-600", "slate-700", "slate-800", "slate-900", "slate-950"];
+export declare const COLOR_NAMES: readonly ["accent", "accent-50", "accent-100", "accent-700", "accent-foreground", "transparent", "white", "black", "slate-50", "slate-100", "slate-200", "slate-300", "slate-400", "slate-500", "slate-600", "slate-700", "slate-800", "slate-900", "slate-950"];
 export type ColorName = (typeof COLOR_NAMES)[number];
 export declare const OPACITY_STEPS: readonly [0, 5, 10, 15, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100];
 export type OpacityStep = (typeof OPACITY_STEPS)[number];
@@ -55,3 +55,13 @@ export declare function trackingClass(token: TrackingToken): string;
 export declare function textSizeTokenToCss(token: TextSizeToken): string;
 /** CSS value for a palette color (for page theme variables). */
 export declare function paletteColorToCss(color: PaletteColor): string | undefined;
+/** CSS length for a spacing token. */
+export declare function spacingTokenToCss(token: SpacingToken): string;
+/** CSS length for a radius token. */
+export declare function radiusTokenToCss(token: RadiusToken): string;
+/** CSS length for a border-width token. */
+export declare function borderWidthTokenToCss(token: BorderWidthToken): string;
+/** CSS value for a leading token. */
+export declare function leadingTokenToCss(token: LeadingToken): string;
+/** CSS value for a tracking token. */
+export declare function trackingTokenToCss(token: TrackingToken): string;

package/dist/render/tags.d.ts

@@ -4,8 +4,11 @@ export declare const tags: {
     readonly PPage: "plmt-page";
     readonly PSection: "plmt-section";
     readonly PContainer: "plmt-container";
+    readonly PNav: "plmt-nav";
+    readonly PFooter: "plmt-footer";
     readonly PButton: "plmt-button";
     readonly PText: "plmt-text";
+    readonly PHeading: "plmt-heading";
     readonly PRichText: "plmt-rich-text";
     readonly PImage: "plmt-image";
     readonly PVideo: "plmt-video";
@@ -18,15 +21,19 @@ export declare const tags: {
     readonly PCheckbox: "plmt-checkbox";
     readonly PRadio: "plmt-radio";
     readonly PSelect: "plmt-select";
+    readonly PArticle: "plmt-article";
 };
 export type ShortcodeTag = (typeof tags)[ElementType];
 /** Semantic HTML tag for each element type (Stage 3). */
 export declare const semanticTags: {
-    readonly PPage: "main";
+    readonly PPage: "div";
     readonly PSection: "section";
     readonly PContainer: "div";
+    readonly PNav: "header";
+    readonly PFooter: "footer";
     readonly PButton: "button";
     readonly PText: "p";
+    readonly PHeading: "h2";
     readonly PRichText: "div";
     readonly PImage: "img";
     readonly PVideo: "video";
@@ -39,4 +46,5 @@ export declare const semanticTags: {
     readonly PCheckbox: "div";
     readonly PRadio: "fieldset";
     readonly PSelect: "div";
+    readonly PArticle: "article";
 };

package/dist/render/types.d.ts

@@ -12,6 +12,10 @@ export type ElementSpec = {
 export type ElementSpecOptions = {
     /** Layout host children (from Puck slots or recursion). Ignored for leaf elements. */
     children?: Array<ElementSpec | string>;
+    /** Page context passed from the page root (e.g. current URL for nav highlighting). */
+    context?: {
+        pageUrl?: string;
+    };
 };
 export type ShortcodeNode = {
     type: ElementType;

package/dist/schema/Fields/ColorField/colorText.d.ts

@@ -0,0 +1,3 @@
+import { StyleColor } from '../../../render/styleTokens';
+export declare function toColorText(value: StyleColor): string;
+export declare function parseColorText(text: string): StyleColor | null;

package/dist/schema/Fields/IconPicker/iconCatalog.d.ts

@@ -1,3 +1,7 @@
+/** Heroicons 24px file names (outline and solid share this list). Generated from src/templates/heroicons/24/outline. */
+export declare const HEROICON_NAMES: readonly ["academic-cap", "adjustments-horizontal", "adjustments-vertical", "archive-box", "archive-box-arrow-down", "archive-box-x-mark", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-on-square", "arrow-down-on-square-stack", "arrow-down-right", "arrow-down-tray", "arrow-left", "arrow-left-circle", "arrow-left-end-on-rectangle", "arrow-left-on-rectangle", "arrow-left-start-on-rectangle", "arrow-long-down", "arrow-long-left", "arrow-long-right", "arrow-long-up", "arrow-path", "arrow-path-rounded-square", "arrow-right", "arrow-right-circle", "arrow-right-end-on-rectangle", "arrow-right-on-rectangle", "arrow-right-start-on-rectangle", "arrow-small-down", "arrow-small-left", "arrow-small-right", "arrow-small-up", "arrow-top-right-on-square", "arrow-trending-down", "arrow-trending-up", "arrow-turn-down-left", "arrow-turn-down-right", "arrow-turn-left-down", "arrow-turn-left-up", "arrow-turn-right-down", "arrow-turn-right-up", "arrow-turn-up-left", "arrow-turn-up-right", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-on-square", "arrow-up-on-square-stack", "arrow-up-right", "arrow-up-tray", "arrow-uturn-down", "arrow-uturn-left", "arrow-uturn-right", "arrow-uturn-up", "arrows-pointing-in", "arrows-pointing-out", "arrows-right-left", "arrows-up-down", "at-symbol", "backspace", "backward", "banknotes", "bars-2", "bars-3", "bars-3-bottom-left", "bars-3-bottom-right", "bars-3-center-left", "bars-4", "bars-arrow-down", "bars-arrow-up", "battery-0", "battery-100", "battery-50", "beaker", "bell", "bell-alert", "bell-slash", "bell-snooze", "bold", "bolt", "bolt-slash", "book-open", "bookmark", "bookmark-slash", "bookmark-square", "briefcase", "bug-ant", "building-library", "building-office", "building-office-2", "building-storefront", "cake", "calculator", "calendar", "calendar-date-range", "calendar-days", "camera", "chart-bar", "chart-bar-square", "chart-pie", "chat-bubble-bottom-center", "chat-bubble-bottom-center-text", "chat-bubble-left", "chat-bubble-left-ellipsis", "chat-bubble-left-right", "chat-bubble-oval-left", "chat-bubble-oval-left-ellipsis", "check", "check-badge", "check-circle", "chevron-double-down", "chevron-double-left", "chevron-double-right", "chevron-double-up", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevron-up-down", "circle-stack", "clipboard", "clipboard-document", "clipboard-document-check", "clipboard-document-list", "clock", "cloud", "cloud-arrow-down", "cloud-arrow-up", "code-bracket", "code-bracket-square", "cog", "cog-6-tooth", "cog-8-tooth", "command-line", "computer-desktop", "cpu-chip", "credit-card", "cube", "cube-transparent", "currency-bangladeshi", "currency-dollar", "currency-euro", "currency-pound", "currency-rupee", "currency-yen", "cursor-arrow-rays", "cursor-arrow-ripple", "device-phone-mobile", "device-tablet", "divide", "document", "document-arrow-down", "document-arrow-up", "document-chart-bar", "document-check", "document-currency-bangladeshi", "document-currency-dollar", "document-currency-euro", "document-currency-pound", "document-currency-rupee", "document-currency-yen", "document-duplicate", "document-magnifying-glass", "document-minus", "document-plus", "document-text", "ellipsis-horizontal", "ellipsis-horizontal-circle", "ellipsis-vertical", "envelope", "envelope-open", "equals", "exclamation-circle", "exclamation-triangle", "eye", "eye-dropper", "eye-slash", "face-frown", "face-smile", "film", "finger-print", "fire", "flag", "folder", "folder-arrow-down", "folder-minus", "folder-open", "folder-plus", "forward", "funnel", "gif", "gift", "gift-top", "globe-alt", "globe-americas", "globe-asia-australia", "globe-europe-africa", "h1", "h2", "h3", "hand-raised", "hand-thumb-down", "hand-thumb-up", "hashtag", "heart", "home", "home-modern", "identification", "inbox", "inbox-arrow-down", "inbox-stack", "information-circle", "italic", "key", "language", "lifebuoy", "light-bulb", "link", "link-slash", "list-bullet", "lock-closed", "lock-open", "magnifying-glass", "magnifying-glass-circle", "magnifying-glass-minus", "magnifying-glass-plus", "map", "map-pin", "megaphone", "microphone", "minus", "minus-circle", "minus-small", "moon", "musical-note", "newspaper", "no-symbol", "numbered-list", "paint-brush", "paper-airplane", "paper-clip", "pause", "pause-circle", "pencil", "pencil-square", "percent-badge", "phone", "phone-arrow-down-left", "phone-arrow-up-right", "phone-x-mark", "photo", "play", "play-circle", "play-pause", "plus", "plus-circle", "plus-small", "power", "presentation-chart-bar", "presentation-chart-line", "printer", "puzzle-piece", "qr-code", "question-mark-circle", "queue-list", "radio", "receipt-percent", "receipt-refund", "rectangle-group", "rectangle-stack", "rocket-launch", "rss", "scale", "scissors", "server", "server-stack", "share", "shield-check", "shield-exclamation", "shopping-bag", "shopping-cart", "signal", "signal-slash", "slash", "sparkles", "speaker-wave", "speaker-x-mark", "square-2-stack", "square-3-stack-3d", "squares-2x2", "squares-plus", "star", "stop", "stop-circle", "strikethrough", "sun", "swatch", "table-cells", "tag", "ticket", "trash", "trophy", "truck", "tv", "underline", "user", "user-circle", "user-group", "user-minus", "user-plus", "users", "variable", "video-camera", "video-camera-slash", "view-columns", "viewfinder-circle", "wallet", "wifi", "window", "wrench", "wrench-screwdriver", "x-circle", "x-mark"];
+export type HeroiconName = (typeof HEROICON_NAMES)[number];
 export declare const NO_ICON = "";
-export declare function isOutlineIconName(value: string): boolean;
+export declare function isHeroiconName(value: string): boolean;
+/** Display label for a Heroicons file name (map-pin becomes Map pin). */
 export declare function labelForIcon(value: string): string;

package/dist/schema/addressSchema.d.ts

@@ -1,3 +1,5 @@
 import { z } from 'zod';
 /** An http(s) URL or a single-slash path on the same site. Other schemes and relative paths are rejected. */
 export declare const addressSchema: z.ZodString;
+/** Like addressSchema, plus mailto: and tel: for contact and footer links. */
+export declare const linkAddressSchema: z.ZodString;

package/dist/schema/device/devices.d.ts

@@ -11,6 +11,14 @@ export type BuilderDevice = {
     landscape?: ViewportSize;
 };
 export declare const builderDevices: BuilderDevice[];
+/**
+ * Media queries for `<picture>` sources. Must match `@custom-variant` in
+ * `src/styles/tailwind.css` (enforced by devices.test.ts).
+ */
+export declare const deviceMediaQueries: {
+    readonly mobile: "(max-width: 767px)";
+    readonly tablet: "(max-width: 1279px)";
+};
 export declare const builderViewports: {
     icon: "Tablet" | "Monitor" | "Smartphone";
     label: DeviceName;

package/dist/schema/deviceSettings.d.ts

@@ -7,7 +7,7 @@ export type DeviceStyleOverrides<TStyle> = Partial<Record<OverrideProp, Partial<
 /**
  * Adds the Show for devices flags to an element, and, when it has `styles`,
  * portrait and landscape Tablet and Mobile overrides of those styles. Publish
- * writes only flags that change visibility and overrides that are set.
+ * writes a nested `devices` object with only the flags and overrides that differ.
  */
 export declare function withDeviceSettings<TProps>(configuration: ElementConfiguration<TProps>, styles?: StyleDefinition[]): ElementConfiguration<TProps & Partial<DeviceVisibility> & DeviceStyleOverrides<Record<string, unknown>>>;
 export {};

package/dist/schema/elementCategories.d.ts

@@ -0,0 +1,29 @@
+import { ElementType } from './elementConfiguration';
+export type ElementCategory = {
+    id: string;
+    title: string;
+    components: readonly ElementType[];
+};
+/** Structural types kept out of the Elements drawer. */
+export declare const hiddenFromDrawer: readonly ["PPage", "PSection"];
+export declare const elementCategories: readonly [{
+    readonly id: "basic";
+    readonly title: "Basic";
+    readonly components: readonly ["PButton", "PText", "PHeading", "PRichText", "PImage", "PVideo", "PList", "PIcon", "PDivider"];
+}, {
+    readonly id: "layout";
+    readonly title: "Layout";
+    readonly components: readonly ["PContainer", "PTable", "PArticle", "PNav", "PFooter"];
+}, {
+    readonly id: "inputs";
+    readonly title: "Inputs";
+    readonly components: readonly ["PTextField", "PTextArea", "PCheckbox", "PRadio"];
+}, {
+    readonly id: "dropdown";
+    readonly title: "Dropdown";
+    readonly components: readonly ["PSelect"];
+}, {
+    readonly id: "feedback";
+    readonly title: "Feedback";
+    readonly components: readonly [];
+}];

package/dist/schema/elementConfiguration.d.ts

@@ -1,6 +1,6 @@
 import { z } from 'zod';
 import { ElementTemplate } from './elementTemplates';
-export type ElementType = 'PPage' | 'PSection' | 'PContainer' | 'PButton' | 'PText' | 'PRichText' | 'PImage' | 'PVideo' | 'PList' | 'PIcon' | 'PDivider' | 'PTextField' | 'PTextArea' | 'PCheckbox' | 'PRadio' | 'PSelect' | 'PTable';
+export type ElementType = 'PPage' | 'PSection' | 'PContainer' | 'PNav' | 'PFooter' | 'PButton' | 'PText' | 'PHeading' | 'PRichText' | 'PImage' | 'PVideo' | 'PList' | 'PIcon' | 'PDivider' | 'PTextField' | 'PTextArea' | 'PCheckbox' | 'PRadio' | 'PSelect' | 'PTable' | 'PArticle';
 export type DocumentAttributes = Record<string, unknown>;
 /**
  * The words the page history uses for an element. `summary` names one

package/dist/schema/elementRegistry.d.ts

@@ -3,6 +3,8 @@ export declare const elementRegistry: {
     PPage: import('./elementConfiguration').ElementConfiguration<import('../definitions').PPageRootProps>;
     PSection: import('./elementConfiguration').ElementConfiguration<import('./layoutElementConfiguration').LayoutElementProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PContainer: import('./elementConfiguration').ElementConfiguration<import('./layoutElementConfiguration').LayoutElementProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
+    PNav: import('./elementConfiguration').ElementConfiguration<import('../definitions').PNavDocumentProps>;
+    PFooter: import('./elementConfiguration').ElementConfiguration<import('../definitions').PFooterDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PButton: import('./elementConfiguration').ElementConfiguration<import('./linkSettings').LinkSettings & {
         id: string;
         name: string;
@@ -15,19 +17,40 @@ export declare const elementRegistry: {
         text: string;
         style: import('../definitions').TextStyle;
     } & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
+    PHeading: import('./elementConfiguration').ElementConfiguration<import('./linkSettings').LinkSettings & {
+        id: string;
+        text: string;
+        level: import('../definitions').HeadingLevel;
+        anchor: string;
+        style: import('../definitions').TextStyle;
+    } & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PRichText: import('./elementConfiguration').ElementConfiguration<import('../elements/rich-text/definition').PRichTextDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PImage: import('./elementConfiguration').ElementConfiguration<import('./linkSettings').LinkSettings & {
         id: string;
         src: string;
         alt: string;
+        priority: boolean;
+        caption: string;
+        decorative: boolean;
+        intrinsicWidth: number | null;
+        intrinsicHeight: number | null;
+        tabletSrc: string;
+        mobileSrc: string;
+        aspectRatio: import('../definitions').ImageAspectRatio;
+        objectFit: import('../definitions').ImageObjectFit | "";
+        objectPosition: import('../definitions').ImageObjectPosition;
+        shadow: import('../definitions').ImageShadow;
+        captionAlign: import('../definitions').ImageCaptionAlign;
         style: import('../definitions').ImageStyle;
     } & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PVideo: import('./elementConfiguration').ElementConfiguration<import('../elements/video/definition').PVideoDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
+    PVideo: import('./elementConfiguration').ElementConfiguration<import('../definitions').PVideoDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PList: import('./elementConfiguration').ElementConfiguration<import('../elements/list/definition').PListDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PIcon: import('./elementConfiguration').ElementConfiguration<import('./linkSettings').LinkSettings & {
         id: string;
         icon: string;
         label: string;
+        size: import('../definitions').IconSize;
+        shape: import('../definitions').IconShape;
     } & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PDivider: import('./elementConfiguration').ElementConfiguration<import('../elements/divider/definition').PDividerDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PTextField: import('./elementConfiguration').ElementConfiguration<import('../elements/text-field/definition').PTextFieldDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
@@ -36,5 +59,6 @@ export declare const elementRegistry: {
     PRadio: import('./elementConfiguration').ElementConfiguration<import('../elements/radio/definition').PRadioDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PSelect: import('./elementConfiguration').ElementConfiguration<import('../elements/select/definition').PSelectDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PTable: import('./elementConfiguration').ElementConfiguration<import('../elements/table/definition').PTableDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
+    PArticle: import('./elementConfiguration').ElementConfiguration<import('../definitions').PArticleDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
 };
 export declare function isElementType(value: unknown): value is ElementType;

package/dist/schema/elementStyleDefinitions.d.ts

@@ -2,23 +2,15 @@ import { z } from 'zod';
 import { ElementStyle, ElementStyleKind } from './style/elementStyle';
 import { StyleDefinition } from './styleItems';
 export { lengthValue, colorValue, borderWidthValue } from './styleTokensSchema';
-export declare const lengthKeys: readonly [readonly ["width", "width", "Width"], readonly ["height", "height", "Height"], readonly ["minWidth", "min-width", "Min width"], readonly ["minHeight", "min-height", "Min height"], readonly ["maxWidth", "max-width", "Max width"], readonly ["maxHeight", "max-height", "Max height"], readonly ["paddingTop", "padding-top", "Padding top"], readonly ["paddingBottom", "padding-bottom", "Padding bottom"], readonly ["paddingLeft", "padding-left", "Padding left"], readonly ["paddingRight", "padding-right", "Padding right"], readonly ["marginTop", "margin-top", "Margin top"], readonly ["marginBottom", "margin-bottom", "Margin bottom"], readonly ["marginLeft", "margin-left", "Margin left"], readonly ["marginRight", "margin-right", "Margin right"], readonly ["borderRadiusTopLeft", "border-top-left-radius", "Radius top left"], readonly ["borderRadiusTopRight", "border-top-right-radius", "Radius top right"], readonly ["borderRadiusBottomRight", "border-bottom-right-radius", "Radius bottom right"], readonly ["borderRadiusBottomLeft", "border-bottom-left-radius", "Radius bottom left"]];
+export declare const lengthKeys: readonly [readonly ["width", "width", "Width"], readonly ["height", "height", "Height"], readonly ["minWidth", "min-width", "Min width"], readonly ["minHeight", "min-height", "Min height"], readonly ["maxWidth", "max-width", "Max width"], readonly ["maxHeight", "max-height", "Max height"], readonly ["paddingTop", "padding-top", "Padding top"], readonly ["paddingBottom", "padding-bottom", "Padding bottom"], readonly ["paddingLeft", "padding-left", "Padding start"], readonly ["paddingRight", "padding-right", "Padding end"], readonly ["marginTop", "margin-top", "Margin top"], readonly ["marginBottom", "margin-bottom", "Margin bottom"], readonly ["marginLeft", "margin-left", "Margin start"], readonly ["marginRight", "margin-right", "Margin end"], readonly ["borderRadiusTopLeft", "border-top-left-radius", "Radius top left"], readonly ["borderRadiusTopRight", "border-top-right-radius", "Radius top right"], readonly ["borderRadiusBottomRight", "border-bottom-right-radius", "Radius bottom right"], readonly ["borderRadiusBottomLeft", "border-bottom-left-radius", "Radius bottom left"]];
 export type LengthKey = (typeof lengthKeys)[number][0];
 export declare function elementStyleDefinitions(kind: ElementStyleKind, defaults: ElementStyle): StyleDefinition[];
-export declare function elementStyleSchema(definitions: StyleDefinition[], defaults: ElementStyle): z.ZodPipe<z.ZodPipe<z.ZodDefault<z.ZodArray<z.ZodObject<{
-    key: z.ZodString;
-    variable: z.ZodOptional<z.ZodString>;
-    variables: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
-    attribute: z.ZodOptional<z.ZodString>;
-    value: z.ZodUnknown;
-}, z.core.$strict>>>, z.ZodTransform<{
+export declare function elementStyleSchema(definitions: StyleDefinition[], defaults: ElementStyle): z.ZodPipe<z.ZodPipe<z.ZodOptional<z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnknown>, z.ZodTransform<{
+    [x: string]: unknown;
+}, Record<string, unknown>>>>, z.ZodTransform<{
     [x: string]: unknown;
 }, {
-    key: string;
-    value: unknown;
-    variable?: string | undefined;
-    variables?: Record<string, string> | undefined;
-    attribute?: string | undefined;
-}[]>>, z.ZodTransform<ElementStyle, {
+    [x: string]: unknown;
+} | undefined>>, z.ZodTransform<ElementStyle, {
     [x: string]: unknown;
 }>>;

package/dist/schema/elementTemplates.d.ts

@@ -1,8 +1,9 @@
 import { RegisteredElementConfiguration } from './elementConfiguration';
 /**
  * A preset shown on the Templates tab. `shortcode` is a JSON object in the
- * page-document format. A style item without its address only works for a key
- * the element already has. `children` replaces that element's content.
+ * page-document format. Style is a sparse key → value object (legacy style
+ * item arrays are accepted and rewritten). `children` replaces that element's
+ * content.
  */
 export type ElementTemplate = {
     shortcode: string;

package/dist/schema/linkSettings.d.ts

@@ -1,12 +1,15 @@
 import { z } from 'zod';
 import { DocumentAttributes } from './elementConfiguration';
 export declare const LINK_TARGETS: readonly ["_self", "_blank"];
+export declare const LINK_RELS: readonly ["", "nofollow", "sponsored", "ugc"];
 export type LinkTarget = (typeof LINK_TARGETS)[number];
+export type LinkRel = (typeof LINK_RELS)[number];
 /** An empty `href` means the element is not a link. */
 export type LinkSettings = {
     href: string;
     target: LinkTarget;
     description: string;
+    rel: LinkRel;
 };
 export declare const defaultLinkSettings: LinkSettings;
 export declare const linkSettingsShape: {
@@ -16,11 +19,25 @@ export declare const linkSettingsShape: {
         _blank: "_blank";
     }>>;
     description: z.ZodDefault<z.ZodString>;
+    rel: z.ZodDefault<z.ZodEnum<{
+        "": "";
+        nofollow: "nofollow";
+        sponsored: "sponsored";
+        ugc: "ugc";
+    }>>;
 };
 export declare const linkHistoryLabels: {
     href: string;
     target: string;
     description: string;
+    rel: string;
 };
-/** Writes only what differs from no link: the address, a new tab, and a description. */
-export declare function toLinkAttributes({ href, target, description }: LinkSettings): DocumentAttributes;
+/** Merge authored rel with security tokens for new tabs. */
+export declare function linkRelAttribute(target: LinkTarget, rel?: string): string | undefined;
+/** Writes only what differs from no link: the address, a new tab, a description, and rel. */
+export declare function toLinkAttributes({ href, target, description, rel, }: {
+    href: string;
+    target?: LinkTarget;
+    description?: string;
+    rel?: string;
+}): DocumentAttributes;

package/dist/schema/style/elementStyle.d.ts

@@ -15,7 +15,7 @@ export type FlexAlignContent = (typeof FLEX_ALIGN_CONTENTS)[number];
 export type ElementLayout = 'block' | 'flex' | 'grid';
 export type ElementOverflow = 'show' | 'hide';
 export type GridColumnCount = 2 | 3 | 4;
-export type ElementStyleKind = 'section' | 'container';
+export type ElementStyleKind = 'section' | 'container' | 'footer' | 'nav';
 export type ElementStyle = {
     layout: ElementLayout;
     gridColumns?: GridColumnCount;

package/dist/schema/styleItems.d.ts

@@ -6,6 +6,10 @@ export type StyleItem = {
     attribute?: string;
     value: unknown;
 };
+export type StyleDocumentCodec = {
+    schema: z.ZodType;
+    encode: (value: unknown) => unknown;
+};
 export type StyleDefinition = {
     key: string;
     variable?: string;
@@ -16,6 +20,8 @@ export type StyleDefinition = {
     defaultValue?: unknown;
     /** How the page history names this key. */
     label?: string;
+    /** When set, the document stores this key through encode/schema instead of `value`. */
+    document?: StyleDocumentCodec;
 };
 type StyleValues = Record<string, unknown>;
 export declare function styleItemsSchema(definitions: StyleDefinition[]): z.ZodPipe<z.ZodDefault<z.ZodArray<z.ZodObject<{
@@ -50,4 +56,16 @@ export declare function styleLabels(definitions: StyleDefinition[], pathPrefix?:
 /** Keys missing from `values` (or an absent `values`) use the definition default. */
 export declare function toStyleItems(values: StyleValues | undefined, definitions: StyleDefinition[]): StyleItem[];
 export declare function toStyleOverrideItems(values: StyleValues | undefined, definitions: StyleDefinition[]): StyleItem[];
+/** Sparse document style: key → value, no defaults, no CSS addresses. */
+export declare function toDocumentStyle(values: StyleValues | undefined, definitions: StyleDefinition[]): StyleValues | undefined;
+/** Spreads a document style only when at least one key remains. */
+export declare function documentStyleAttribute(style: StyleValues | undefined): {
+    style: StyleValues;
+} | Record<string, never>;
+/** Sparse device override style for the document. */
+export declare function toDocumentStyleOverride(values: StyleValues | undefined, definitions: StyleDefinition[]): StyleValues | undefined;
+/** Document `style` object: fills definition defaults for omitted keys. */
+export declare function documentStyleSchema(definitions: StyleDefinition[]): z.ZodPipe<z.ZodOptional<z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnknown>, z.ZodTransform<StyleValues, Record<string, unknown>>>>, z.ZodTransform<StyleValues, StyleValues | undefined>>;
+/** Device override style object: only the keys the document sets. */
+export declare function documentStyleOverrideSchema(definitions: StyleDefinition[]): z.ZodPipe<z.ZodOptional<z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnknown>, z.ZodTransform<StyleValues, Record<string, unknown>>>>, z.ZodTransform<StyleValues, StyleValues | undefined>>;
 export {};

package/dist/schema/styleTokensSchema.d.ts

@@ -1,15 +1,17 @@
 import { z } from 'zod';
+import { StyleDefinition } from './styleItems';
 declare const spacingToken: z.ZodEnum<{
+    auto: "auto";
     0: "0";
+    1: "1";
+    2: "2";
+    3: "3";
+    4: "4";
     px: "px";
     0.5: "0.5";
-    1: "1";
     1.5: "1.5";
-    2: "2";
     2.5: "2.5";
-    3: "3";
     3.5: "3.5";
-    4: "4";
     5: "5";
     6: "6";
     7: "7";
@@ -35,7 +37,6 @@ declare const spacingToken: z.ZodEnum<{
     72: "72";
     80: "80";
     96: "96";
-    auto: "auto";
 }>;
 declare const borderWidthToken: z.ZodEnum<{
     0: "0";
@@ -46,15 +47,15 @@ declare const borderWidthToken: z.ZodEnum<{
 }>;
 declare const radiusToken: z.ZodEnum<{
     0: "0";
+    1: "1";
+    2: "2";
+    3: "3";
+    4: "4";
     px: "px";
     0.5: "0.5";
-    1: "1";
     1.5: "1.5";
-    2: "2";
     2.5: "2.5";
-    3: "3";
     3.5: "3.5";
-    4: "4";
     5: "5";
     6: "6";
     7: "7";
@@ -112,16 +113,17 @@ declare const trackingToken: z.ZodEnum<{
 }>;
 /** Spacing / size: Tailwind token or a legacy CSS length. */
 export declare const lengthValue: z.ZodUnion<readonly [z.ZodEnum<{
+    auto: "auto";
     0: "0";
+    1: "1";
+    2: "2";
+    3: "3";
+    4: "4";
     px: "px";
     0.5: "0.5";
-    1: "1";
     1.5: "1.5";
-    2: "2";
     2.5: "2.5";
-    3: "3";
     3.5: "3.5";
-    4: "4";
     5: "5";
     6: "6";
     7: "7";
@@ -147,18 +149,17 @@ export declare const lengthValue: z.ZodUnion<readonly [z.ZodEnum<{
     72: "72";
     80: "80";
     96: "96";
-    auto: "auto";
 }>, z.ZodEnum<{
     0: "0";
+    1: "1";
+    2: "2";
+    3: "3";
+    4: "4";
     px: "px";
     0.5: "0.5";
-    1: "1";
     1.5: "1.5";
-    2: "2";
     2.5: "2.5";
-    3: "3";
     3.5: "3.5";
-    4: "4";
     5: "5";
     6: "6";
     7: "7";
@@ -230,6 +231,10 @@ declare const hexColor: z.ZodObject<{
 declare const paletteColor: z.ZodObject<{
     name: z.ZodEnum<{
         accent: "accent";
+        "accent-50": "accent-50";
+        "accent-100": "accent-100";
+        "accent-700": "accent-700";
+        "accent-foreground": "accent-foreground";
         transparent: "transparent";
         white: "white";
         black: "black";
@@ -251,6 +256,10 @@ declare const paletteColor: z.ZodObject<{
 export declare const colorValue: z.ZodUnion<readonly [z.ZodObject<{
     name: z.ZodEnum<{
         accent: "accent";
+        "accent-50": "accent-50";
+        "accent-100": "accent-100";
+        "accent-700": "accent-700";
+        "accent-foreground": "accent-foreground";
         transparent: "transparent";
         white: "white";
         black: "black";
@@ -271,4 +280,11 @@ export declare const colorValue: z.ZodUnion<readonly [z.ZodObject<{
     hex: z.ZodString;
     opacity: z.ZodNumber;
 }, z.core.$strict>]>;
+/** Document color string → editor `{ hex, opacity }` or `{ name, opacity }`. */
+export declare const documentColorValue: z.ZodPipe<z.ZodString, z.ZodTransform<import('../definitions').PaletteColor | {
+    hex: string;
+    opacity: number;
+}, string>>;
+/** Style definition that stores colors as compact document strings. */
+export declare function colorStyle(definition: Omit<StyleDefinition, 'value' | 'document'>): StyleDefinition;
 export { spacingToken, borderWidthToken, radiusToken, textSizeToken, leadingToken, trackingToken, hexColor, paletteColor, };

package/dist/tags.json

@@ -2,8 +2,11 @@
   "plmt-page",
   "plmt-section",
   "plmt-container",
+  "plmt-nav",
+  "plmt-footer",
   "plmt-button",
   "plmt-text",
+  "plmt-heading",
   "plmt-rich-text",
   "plmt-image",
   "plmt-video",
@@ -15,5 +18,6 @@
   "plmt-text-area",
   "plmt-checkbox",
   "plmt-radio",
-  "plmt-select"
+  "plmt-select",
+  "plmt-article"
 ]

package/dist/templates/brands/brandSpec.d.ts

@@ -0,0 +1,5 @@
+import { ElementSpec } from '../../render/types';
+export declare const BRAND_NETWORKS: readonly ["facebook", "x", "instagram", "linkedin", "youtube"];
+export type BrandNetwork = (typeof BRAND_NETWORKS)[number];
+export declare function brandSpec(network: string): ElementSpec | null;
+export declare function brandLabel(network: BrandNetwork): string;

package/dist/templates/elementSpec.d.ts

@@ -7,4 +7,4 @@ export type { ShortcodeNode };
  */
 export declare function elementSpec(node: ShortcodeNode, options?: ElementSpecOptions): ElementSpec | null;
 /** Convert a parsed shortcode node into a semantic HTML element tree. */
-export declare function toElementTree(node: ShortcodeNode): ElementSpec | null;
+export declare function toElementTree(node: ShortcodeNode, context?: ElementSpecOptions['context']): ElementSpec | null;