@palmyit/elements 0.1.7 → 0.1.19

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

@@ -1,40 +1,64 @@
 import { ElementType } from './elementConfiguration';
 export declare const elementRegistry: {
-    PPage: import('./elementConfiguration').ElementConfiguration<import('./PPage/pPage.definition').PPageRootProps>;
+    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;
         startIcon: string;
         endIcon: string;
-        style: import('./PButton/pButton.definition').ButtonStyle;
+        style: import('../definitions').ButtonStyle;
     } & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
     PText: import('./elementConfiguration').ElementConfiguration<import('./linkSettings').LinkSettings & {
         id: string;
         text: string;
-        style: import('./PText/pText.definition').TextStyle;
+        style: import('../definitions').TextStyle;
     } & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PRichText: import('./elementConfiguration').ElementConfiguration<import('./PRichText/pRichText.definition').PRichTextDocumentProps & 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;
-        style: import('./PImage/pImage.definition').ImageStyle;
+        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('./PVideo/pVideo.definition').PVideoDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PList: import('./elementConfiguration').ElementConfiguration<import('./PList/pList.definition').PListDocumentProps & 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('./PDivider/pDivider.definition').PDividerDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PTextField: import('./elementConfiguration').ElementConfiguration<import('./PTextField/pTextField.definition').PTextFieldDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PTextArea: import('./elementConfiguration').ElementConfiguration<import('./PTextArea/pTextArea.definition').PTextAreaDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PCheckbox: import('./elementConfiguration').ElementConfiguration<import('./PCheckbox/pCheckbox.definition').PCheckboxDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PRadio: import('./elementConfiguration').ElementConfiguration<import('./PRadio/pRadio.definition').PRadioDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PSelect: import('./elementConfiguration').ElementConfiguration<import('./PSelect/pSelect.definition').PSelectDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
-    PTable: import('./elementConfiguration').ElementConfiguration<import('./PTable/pTable.definition').PTableDocumentProps & 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>>>>>;
+    PTextArea: import('./elementConfiguration').ElementConfiguration<import('../elements/text-area/definition').PTextAreaDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
+    PCheckbox: import('./elementConfiguration').ElementConfiguration<import('../elements/checkbox/definition').PCheckboxDocumentProps & Partial<import('./deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;
+    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

@@ -1,24 +1,16 @@
 import { z } from 'zod';
 import { ElementStyle, ElementStyleKind } from './style/elementStyle';
 import { StyleDefinition } from './styleItems';
-export declare const lengthValue: z.ZodString;
-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 { 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 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

@@ -1,5 +1,5 @@
 import { BackgroundStyle } from '../Fields/BackgroundField/backgroundValue';
-import { ColorValue } from '../Fields/ColorField/color-value';
+import { StyleColor } from '../../render/styleTokens';
 export declare const BORDER_LINE_STYLES: readonly ["none", "solid", "dashed", "dotted", "double"];
 export type BorderLineStyle = (typeof BORDER_LINE_STYLES)[number];
 export declare const FLEX_DIRECTIONS: readonly ["row", "column", "row-reverse", "column-reverse"];
@@ -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;
@@ -49,7 +49,7 @@ export type ElementStyle = {
     borderRadiusBottomLeft: string;
     borderWidth: string;
     borderStyle: BorderLineStyle;
-    borderColor: ColorValue;
+    borderColor: StyleColor;
 } & BackgroundStyle;
 export declare const defaultElementStyle: ElementStyle;
 export declare const LENGTH_PATTERN: RegExp;

package/dist/schema/style/page-styles.d.ts

@@ -1,3 +1,3 @@
-import { ColorValue } from '../Fields/ColorField/color-value';
-export declare function colorValueToCss(value: ColorValue): string | undefined;
+import { StyleColor } from '../../render/styleTokens';
+export declare function colorValueToCss(value: StyleColor): string | undefined;
 export declare function textSizeToCss(size: number): string | undefined;

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

@@ -0,0 +1,290 @@
+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.5: "1.5";
+    2.5: "2.5";
+    3.5: "3.5";
+    5: "5";
+    6: "6";
+    7: "7";
+    8: "8";
+    9: "9";
+    10: "10";
+    11: "11";
+    12: "12";
+    14: "14";
+    16: "16";
+    20: "20";
+    24: "24";
+    28: "28";
+    32: "32";
+    36: "36";
+    40: "40";
+    44: "44";
+    48: "48";
+    52: "52";
+    56: "56";
+    60: "60";
+    64: "64";
+    72: "72";
+    80: "80";
+    96: "96";
+}>;
+declare const borderWidthToken: z.ZodEnum<{
+    0: "0";
+    1: "1";
+    2: "2";
+    4: "4";
+    8: "8";
+}>;
+declare const radiusToken: z.ZodEnum<{
+    0: "0";
+    1: "1";
+    2: "2";
+    3: "3";
+    4: "4";
+    px: "px";
+    0.5: "0.5";
+    1.5: "1.5";
+    2.5: "2.5";
+    3.5: "3.5";
+    5: "5";
+    6: "6";
+    7: "7";
+    8: "8";
+    9: "9";
+    10: "10";
+    11: "11";
+    12: "12";
+    14: "14";
+    16: "16";
+    none: "none";
+    sm: "sm";
+    md: "md";
+    lg: "lg";
+    xl: "xl";
+    "2xl": "2xl";
+    "3xl": "3xl";
+    full: "full";
+}>;
+declare const textSizeToken: z.ZodEnum<{
+    sm: "sm";
+    lg: "lg";
+    xl: "xl";
+    "2xl": "2xl";
+    "3xl": "3xl";
+    xs: "xs";
+    base: "base";
+    "4xl": "4xl";
+    "5xl": "5xl";
+    "6xl": "6xl";
+}>;
+declare const leadingToken: z.ZodEnum<{
+    3: "3";
+    4: "4";
+    5: "5";
+    6: "6";
+    7: "7";
+    8: "8";
+    9: "9";
+    10: "10";
+    none: "none";
+    tight: "tight";
+    snug: "snug";
+    normal: "normal";
+    relaxed: "relaxed";
+    loose: "loose";
+}>;
+declare const trackingToken: z.ZodEnum<{
+    tight: "tight";
+    normal: "normal";
+    tighter: "tighter";
+    wide: "wide";
+    wider: "wider";
+    widest: "widest";
+}>;
+/** 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.5: "1.5";
+    2.5: "2.5";
+    3.5: "3.5";
+    5: "5";
+    6: "6";
+    7: "7";
+    8: "8";
+    9: "9";
+    10: "10";
+    11: "11";
+    12: "12";
+    14: "14";
+    16: "16";
+    20: "20";
+    24: "24";
+    28: "28";
+    32: "32";
+    36: "36";
+    40: "40";
+    44: "44";
+    48: "48";
+    52: "52";
+    56: "56";
+    60: "60";
+    64: "64";
+    72: "72";
+    80: "80";
+    96: "96";
+}>, z.ZodEnum<{
+    0: "0";
+    1: "1";
+    2: "2";
+    3: "3";
+    4: "4";
+    px: "px";
+    0.5: "0.5";
+    1.5: "1.5";
+    2.5: "2.5";
+    3.5: "3.5";
+    5: "5";
+    6: "6";
+    7: "7";
+    8: "8";
+    9: "9";
+    10: "10";
+    11: "11";
+    12: "12";
+    14: "14";
+    16: "16";
+    none: "none";
+    sm: "sm";
+    md: "md";
+    lg: "lg";
+    xl: "xl";
+    "2xl": "2xl";
+    "3xl": "3xl";
+    full: "full";
+}>, z.ZodString]>;
+/** Border width: Tailwind token or a legacy CSS length. */
+export declare const borderWidthValue: z.ZodUnion<readonly [z.ZodEnum<{
+    0: "0";
+    1: "1";
+    2: "2";
+    4: "4";
+    8: "8";
+}>, z.ZodString]>;
+/** Text size: Tailwind token, legacy pixel number, or CSS length. */
+export declare const textSizeValue: z.ZodUnion<readonly [z.ZodEnum<{
+    sm: "sm";
+    lg: "lg";
+    xl: "xl";
+    "2xl": "2xl";
+    "3xl": "3xl";
+    xs: "xs";
+    base: "base";
+    "4xl": "4xl";
+    "5xl": "5xl";
+    "6xl": "6xl";
+}>, z.ZodNumber, z.ZodString]>;
+export declare const lineHeightValue: z.ZodUnion<readonly [z.ZodEnum<{
+    3: "3";
+    4: "4";
+    5: "5";
+    6: "6";
+    7: "7";
+    8: "8";
+    9: "9";
+    10: "10";
+    none: "none";
+    tight: "tight";
+    snug: "snug";
+    normal: "normal";
+    relaxed: "relaxed";
+    loose: "loose";
+}>, z.ZodString]>;
+export declare const letterSpacingValue: z.ZodUnion<readonly [z.ZodEnum<{
+    tight: "tight";
+    normal: "normal";
+    tighter: "tighter";
+    wide: "wide";
+    wider: "wider";
+    widest: "widest";
+}>, z.ZodString]>;
+declare const hexColor: z.ZodObject<{
+    hex: z.ZodString;
+    opacity: z.ZodNumber;
+}, z.core.$strict>;
+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";
+        "slate-50": "slate-50";
+        "slate-100": "slate-100";
+        "slate-200": "slate-200";
+        "slate-300": "slate-300";
+        "slate-400": "slate-400";
+        "slate-500": "slate-500";
+        "slate-600": "slate-600";
+        "slate-700": "slate-700";
+        "slate-800": "slate-800";
+        "slate-900": "slate-900";
+        "slate-950": "slate-950";
+    }>;
+    opacity: z.ZodNumber;
+}, z.core.$strict>;
+/** Palette token or legacy hex color. */
+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";
+        "slate-50": "slate-50";
+        "slate-100": "slate-100";
+        "slate-200": "slate-200";
+        "slate-300": "slate-300";
+        "slate-400": "slate-400";
+        "slate-500": "slate-500";
+        "slate-600": "slate-600";
+        "slate-700": "slate-700";
+        "slate-800": "slate-800";
+        "slate-900": "slate-900";
+        "slate-950": "slate-950";
+    }>;
+    opacity: z.ZodNumber;
+}, z.core.$strict>, 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

@@ -1,10 +1,5 @@
-import { ElementType } from '../schema/elementConfiguration';
-import { ElementSpec, ElementSpecOptions } from '../render/types';
-export type ShortcodeNode = {
-    type: ElementType;
-    props: Record<string, unknown>;
-    children?: ShortcodeNode[];
-};
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../render/types';
+export type { ShortcodeNode };
 /**
  * Convert one shortcode node into a semantic HTML element spec without recursing
  * into layout children. Pass `options.children` for slots (builder) or let
@@ -12,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;