@palmyit/elements 0.0.0-stage → 0.1.7

package/dist/manifest.json

@@ -0,0 +1,7 @@
+{
+  "version": "0.1.7",
+  "files": {
+    "plmt-elements.css": "sha384-eJlb3M+bTfPog3lcAyGeMHgK0eguPsEl8jq4rkLdqnd39Zfe/p6iJLHNqP4Y+J/w",
+    "plmt-elements.js": "sha384-OLBgp1GsljhM2TJ+sbHjaiH9txEUvgdDTAzHv2P24donTt6/529l+9Ua0vFImLlb"
+  }
+}

package/dist/plmt-elements.css

@@ -0,0 +1,2 @@
+.plmt-page{--plmt-theme-font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--plmt-theme-font-size:16px;--plmt-theme-text-color:#334155;--plmt-theme-accent-color:#0f766e;--plmt-theme-accent-text:#0f766e;--plmt-theme-radius:.375rem;--plmt-theme-radius-full:9999px;--plmt-theme-space-2:.5rem;--plmt-theme-space-3:.75rem;--plmt-theme-button-height:2.5rem;--plmt-theme-button-bg:color-mix(in srgb, var(--plmt-theme-accent-color) 12%, transparent)}.plmt-page,.plmt-section,.plmt-container,.plmt-button,.plmt-text,.plmt-rich-text,.plmt-image,.plmt-video,.plmt-list,.plmt-icon,.plmt-divider,.plmt-table,.plmt-text-field,.plmt-text-area,.plmt-checkbox,.plmt-radio,.plmt-select{box-sizing:border-box}.plmt-page,.plmt-section,.plmt-container,.plmt-text,.plmt-rich-text,.plmt-table,.plmt-text-field,.plmt-text-area,.plmt-checkbox,.plmt-radio,.plmt-select,video.plmt-video,ul.plmt-list,hr.plmt-divider,img.plmt-image{display:block}a.plmt-image{display:inline-block}.plmt-button,.plmt-icon{display:inline-flex}.plmt-page{font-family:var(--palmyit-page-font-family,var(--plmt-theme-font-family));font-size:var(--palmyit-page-font-size,var(--plmt-theme-font-size));color:var(--palmyit-page-text-color,var(--plmt-theme-text-color));background-color:var(--palmyit-page-background-color,transparent);position:relative}.plmt-section{overflow-x:var(--palmyit-section-overflow-x,auto);overflow-y:var(--palmyit-section-overflow-y,auto);width:var(--palmyit-section-width,auto);height:var(--palmyit-section-height,auto);min-width:var(--palmyit-section-min-width,auto);min-height:var(--palmyit-section-min-height,auto);max-width:var(--palmyit-section-max-width,none);max-height:var(--palmyit-section-max-height,none);padding-top:var(--palmyit-section-padding-top,0);padding-bottom:var(--palmyit-section-padding-bottom,0);padding-left:var(--palmyit-section-padding-left,0);padding-right:var(--palmyit-section-padding-right,0);margin-top:var(--palmyit-section-margin-top,0);margin-bottom:var(--palmyit-section-margin-bottom,0);margin-left:var(--palmyit-section-margin-left,0);margin-right:var(--palmyit-section-margin-right,0);border-top-left-radius:var(--palmyit-section-border-top-left-radius,0);border-top-right-radius:var(--palmyit-section-border-top-right-radius,0);border-bottom-right-radius:var(--palmyit-section-border-bottom-right-radius,0);border-bottom-left-radius:var(--palmyit-section-border-bottom-left-radius,0);border-width:var(--palmyit-section-border-width,0);border-style:var(--palmyit-section-border-style,none);border-color:var(--palmyit-section-border-color,transparent);background-color:var(--palmyit-section-background-color,transparent);background-image:var(--palmyit-section-background-image,none);flex-direction:column;display:flex}.plmt-section[data-layout=flex]{flex-direction:var(--palmyit-section-flex-direction,row);flex-wrap:var(--palmyit-section-flex-wrap,nowrap);justify-content:var(--palmyit-section-justify-content,flex-start);align-items:var(--palmyit-section-align-items,stretch);align-content:var(--palmyit-section-align-content,stretch);row-gap:var(--palmyit-section-row-gap,0);column-gap:var(--palmyit-section-column-gap,0);display:flex}.plmt-section[data-layout=grid]{grid-template-columns:var(--palmyit-section-grid-template-columns,none);row-gap:var(--palmyit-section-row-gap,0);column-gap:var(--palmyit-section-column-gap,0);display:grid}.plmt-section[data-layout=flex]>*,.plmt-section[data-layout=grid]>*{min-width:0}.plmt-container{overflow-x:var(--palmyit-container-overflow-x,auto);overflow-y:var(--palmyit-container-overflow-y,auto);width:var(--palmyit-container-width,auto);height:var(--palmyit-container-height,auto);min-width:var(--palmyit-container-min-width,0);min-height:var(--palmyit-container-min-height,auto);max-width:var(--palmyit-container-max-width,none);max-height:var(--palmyit-container-max-height,none);padding-top:var(--palmyit-container-padding-top,0);padding-bottom:var(--palmyit-container-padding-bottom,0);padding-left:var(--palmyit-container-padding-left,0);padding-right:var(--palmyit-container-padding-right,0);margin-top:var(--palmyit-container-margin-top,0);margin-bottom:var(--palmyit-container-margin-bottom,0);margin-left:var(--palmyit-container-margin-left,0);margin-right:var(--palmyit-container-margin-right,0);border-top-left-radius:var(--palmyit-container-border-top-left-radius,0);border-top-right-radius:var(--palmyit-container-border-top-right-radius,0);border-bottom-right-radius:var(--palmyit-container-border-bottom-right-radius,0);border-bottom-left-radius:var(--palmyit-container-border-bottom-left-radius,0);border-width:var(--palmyit-container-border-width,0);border-style:var(--palmyit-container-border-style,none);border-color:var(--palmyit-container-border-color,transparent);background-color:var(--palmyit-container-background-color,transparent);background-image:var(--palmyit-container-background-image,none);box-sizing:border-box;flex-direction:column;display:flex}.plmt-container[data-layout=flex]{flex-direction:var(--palmyit-container-flex-direction,row);flex-wrap:var(--palmyit-container-flex-wrap,nowrap);justify-content:var(--palmyit-container-justify-content,flex-start);align-items:var(--palmyit-container-align-items,stretch);align-content:var(--palmyit-container-align-content,stretch);row-gap:var(--palmyit-container-row-gap,0);column-gap:var(--palmyit-container-column-gap,0);display:flex}.plmt-container[data-layout=grid]{grid-template-columns:var(--palmyit-container-grid-template-columns,none);row-gap:var(--palmyit-container-row-gap,0);column-gap:var(--palmyit-container-column-gap,0);display:grid}.plmt-container[data-layout=flex]>*,.plmt-container[data-layout=grid]>*{min-width:0}.plmt-button{color:var(--palmyit-button-text-color,var(--plmt-theme-accent-text));font-family:var(--palmyit-button-font-family,var(--plmt-theme-font-family));font-size:var(--palmyit-button-font-size,var(--plmt-theme-font-size));justify-content:center;align-items:center;gap:var(--palmyit-button-gap,var(--plmt-theme-space-2));border-width:var(--palmyit-button-border-width,0);border-style:var(--palmyit-button-border-style,solid);border-color:var(--palmyit-button-border-color,currentColor);border-top-left-radius:var(--palmyit-button-border-top-left-radius,max(var(--plmt-theme-radius), var(--plmt-theme-radius-full)));border-top-right-radius:var(--palmyit-button-border-top-right-radius,max(var(--plmt-theme-radius), var(--plmt-theme-radius-full)));border-bottom-right-radius:var(--palmyit-button-border-bottom-right-radius,max(var(--plmt-theme-radius), var(--plmt-theme-radius-full)));border-bottom-left-radius:var(--palmyit-button-border-bottom-left-radius,max(var(--plmt-theme-radius), var(--plmt-theme-radius-full)));padding-top:var(--palmyit-button-padding-top,0);padding-bottom:var(--palmyit-button-padding-bottom,0);padding-left:var(--palmyit-button-padding-left,var(--plmt-theme-space-3));padding-right:var(--palmyit-button-padding-right,var(--plmt-theme-space-3));margin-top:var(--palmyit-button-margin-top,0);margin-bottom:var(--palmyit-button-margin-bottom,0);margin-left:var(--palmyit-button-margin-left,0);margin-right:var(--palmyit-button-margin-right,0);width:var(--palmyit-button-width,auto);height:var(--palmyit-button-height,var(--plmt-theme-button-height));min-width:var(--palmyit-button-min-width,auto);min-height:var(--palmyit-button-min-height,auto);max-width:var(--palmyit-button-max-width,none);max-height:var(--palmyit-button-max-height,none);background-color:var(--plmt-theme-button-bg);cursor:pointer;box-sizing:border-box;text-decoration:none;display:inline-flex}.plmt-button[data-background]{background-color:var(--palmyit-button-background-color,transparent);background-image:var(--palmyit-button-background-image,none)}.plmt-text{min-width:0;color:var(--palmyit-text-color,inherit);font-family:var(--palmyit-text-font-family,inherit);font-size:var(--palmyit-text-font-size,14px);font-style:var(--palmyit-text-font-style,normal);font-weight:var(--palmyit-text-font-weight,inherit);line-height:var(--palmyit-text-line-height,1.4);letter-spacing:var(--palmyit-text-letter-spacing,normal);word-spacing:var(--palmyit-text-word-spacing,normal);-webkit-text-decoration-line:var(--palmyit-text-text-decoration,none);text-decoration-line:var(--palmyit-text-text-decoration,none);text-align:var(--palmyit-text-text-align,start);text-transform:var(--palmyit-text-text-transform,none);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.plmt-text a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.plmt-rich-text{min-width:0;color:inherit;font-size:14px;line-height:1.4}.plmt-rich-text p,.plmt-rich-text h2,.plmt-rich-text h3,.plmt-rich-text h4,.plmt-rich-text ul,.plmt-rich-text ol,.plmt-rich-text blockquote{margin:0}.plmt-rich-text h2{font-size:24px;line-height:1.3}.plmt-rich-text h3{font-size:20px;line-height:1.3}.plmt-rich-text h4{font-size:16px;line-height:1.4}.plmt-rich-text ul,.plmt-rich-text ol{padding-left:1.25em}.plmt-rich-text a{color:inherit;text-decoration:underline}img.plmt-image,.plmt-image>img{box-sizing:border-box;width:var(--palmyit-image-width,auto);height:var(--palmyit-image-height,auto);min-width:var(--palmyit-image-min-width,auto);min-height:var(--palmyit-image-min-height,auto);max-width:var(--palmyit-image-max-width,100%);max-height:var(--palmyit-image-max-height,none);border-width:var(--palmyit-image-border-width,0);border-style:var(--palmyit-image-border-style,solid);border-color:var(--palmyit-image-border-color,currentColor);border-top-left-radius:var(--palmyit-image-border-top-left-radius,0);border-top-right-radius:var(--palmyit-image-border-top-right-radius,0);border-bottom-right-radius:var(--palmyit-image-border-bottom-right-radius,0);border-bottom-left-radius:var(--palmyit-image-border-bottom-left-radius,0);display:block}a.plmt-image{color:inherit;text-decoration:none;display:inline-block}img.plmt-image[data-background],.plmt-image[data-background]>img{background-color:var(--palmyit-image-background-color,transparent);background-image:var(--palmyit-image-background-image,none)}video.plmt-video{width:100%;max-width:100%;height:auto;display:block}ul.plmt-list{overflow-wrap:anywhere;margin:0;padding-left:1.25em}.plmt-icon{vertical-align:middle;justify-content:center;align-items:center;width:1em;height:1em;font-size:24px;line-height:0;display:inline-flex}.plmt-divider{opacity:.35;border:none;border-top:1px solid;margin:.75em 0;display:block}.plmt-divider[data-size="1"]{width:4rem}.plmt-divider[data-size="2"]{width:8rem}.plmt-divider[data-size="3"]{width:16rem}.plmt-divider[data-size="4"],.plmt-divider:not([data-size]){width:100%}.plmt-table>table{border-collapse:collapse;width:100%}.plmt-table th,.plmt-table td{border:1px solid color-mix(in srgb, currentColor 20%, transparent);text-align:start;padding:.5em .75em}.plmt-text-field,.plmt-text-area,.plmt-checkbox,.plmt-radio,.plmt-select{display:block}.plmt-text-field label,.plmt-text-area label,.plmt-select label,.plmt-checkbox label{flex-direction:column;gap:.25em;display:flex}.plmt-text-field input,.plmt-text-area textarea,.plmt-select select{font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:var(--plmt-theme-radius);padding:.5em .75em}.plmt-checkbox label{flex-direction:row;align-items:center;gap:.5em}.plmt-radio fieldset{border:none;margin:0;padding:0}.plmt-radio legend{margin-bottom:.5em}.plmt-radio label{align-items:center;gap:.5em;margin-bottom:.25em;display:flex}
+/*$vite$:1*/

package/dist/registry.d.ts

@@ -0,0 +1,9 @@
+import { ElementType, RegisteredElementConfiguration } from './schema/elementConfiguration';
+import { elementSpec, toElementTree, ShortcodeNode } from './templates/elementSpec';
+import { ElementSpec, ElementSpecOptions } from './render/types';
+export type ElementEntry = {
+    definition: RegisteredElementConfiguration;
+    template: (node: ShortcodeNode, options?: ElementSpecOptions) => ElementSpec | null;
+};
+export declare const registry: Record<ElementType, ElementEntry>;
+export { elementSpec, toElementTree };

package/dist/render/renderHtml.d.ts

@@ -0,0 +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. */
+export declare function sanitizeRichTextHtml(html: string): string;
+export declare function renderHtml(node: ElementSpec | string): string;

package/dist/render/styleToVars.d.ts

@@ -0,0 +1,2 @@
+import { CssVariables } from './types';
+export declare function styleToCssVariables(style: Record<string, unknown> | undefined, prefix: string): CssVariables;

package/dist/render/tags.d.ts

@@ -0,0 +1,42 @@
+import { ElementType } from '../schema/elementConfiguration';
+/** CSS class hook for each shortcode element type. */
+export declare const tags: {
+    readonly PPage: "plmt-page";
+    readonly PSection: "plmt-section";
+    readonly PContainer: "plmt-container";
+    readonly PButton: "plmt-button";
+    readonly PText: "plmt-text";
+    readonly PRichText: "plmt-rich-text";
+    readonly PImage: "plmt-image";
+    readonly PVideo: "plmt-video";
+    readonly PList: "plmt-list";
+    readonly PIcon: "plmt-icon";
+    readonly PDivider: "plmt-divider";
+    readonly PTable: "plmt-table";
+    readonly PTextField: "plmt-text-field";
+    readonly PTextArea: "plmt-text-area";
+    readonly PCheckbox: "plmt-checkbox";
+    readonly PRadio: "plmt-radio";
+    readonly PSelect: "plmt-select";
+};
+export type ShortcodeTag = (typeof tags)[ElementType];
+/** Semantic HTML tag for each element type (Stage 3). */
+export declare const semanticTags: {
+    readonly PPage: "main";
+    readonly PSection: "section";
+    readonly PContainer: "div";
+    readonly PButton: "button";
+    readonly PText: "p";
+    readonly PRichText: "div";
+    readonly PImage: "img";
+    readonly PVideo: "video";
+    readonly PList: "ul";
+    readonly PIcon: "span";
+    readonly PDivider: "hr";
+    readonly PTable: "div";
+    readonly PTextField: "div";
+    readonly PTextArea: "div";
+    readonly PCheckbox: "div";
+    readonly PRadio: "fieldset";
+    readonly PSelect: "div";
+};

package/dist/render/toDom.d.ts

@@ -0,0 +1,3 @@
+import { ElementSpec } from './types';
+/** Turn an ElementSpec into a real DOM node (for Storybook / tests). */
+export declare function toDom(node: ElementSpec | string): Node;

package/dist/render/types.d.ts

@@ -0,0 +1,14 @@
+export type ElementAttribute = string | number | boolean | undefined;
+export type CssVariables = Record<string, string | undefined>;
+export type ElementSpec = {
+    tag: string;
+    attrs: Record<string, ElementAttribute>;
+    styleVars: CssVariables;
+    children?: Array<ElementSpec | string> | {
+        html: string;
+    };
+};
+export type ElementSpecOptions = {
+    /** Layout host children (from Puck slots or recursion). Ignored for leaf elements. */
+    children?: Array<ElementSpec | string>;
+};

package/dist/schema/Fields/BackgroundField/backgroundValue.d.ts

@@ -0,0 +1,15 @@
+import { ColorValue } from '../ColorField/color-value';
+export type BackgroundType = 'color' | 'gradient';
+export type GradientKind = 'linear' | 'radial';
+export type GradientValue = {
+    kind: GradientKind;
+    value: string;
+};
+export type BackgroundStyle = {
+    backgroundType: BackgroundType;
+    backgroundColor: ColorValue;
+    backgroundGradient: GradientValue;
+};
+export declare const MAX_GRADIENT_ARGS_LENGTH = 200;
+export declare function isSafeGradientArgs(value: string): boolean;
+export declare function gradientToCss(gradient: GradientValue): string | undefined;

package/dist/schema/Fields/ColorField/color-value.d.ts

@@ -0,0 +1,6 @@
+export type ColorValue = {
+    hex: string;
+    opacity: number;
+};
+export declare function toHexAlpha(value: ColorValue): string;
+export declare function fromHexAlpha(color: string): ColorValue | null;

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

@@ -0,0 +1 @@
+export * from './color-value';

package/dist/schema/Fields/FontStyleField.d.ts

@@ -0,0 +1,2 @@
+export declare const FONT_STYLES: readonly ["normal", "italic", "oblique"];
+export type FontStyle = (typeof FONT_STYLES)[number];

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

@@ -0,0 +1,3 @@
+export declare const NO_ICON = "";
+export declare function isOutlineIconName(value: string): boolean;
+export declare function labelForIcon(value: string): string;

package/dist/schema/PButton/pButton.definition.d.ts

@@ -0,0 +1,38 @@
+import { LinkSettings } from '../linkSettings';
+import { LengthKey } from '../elementStyleDefinitions';
+import { BorderLineStyle } from '../style/elementStyle';
+import { BackgroundStyle } from '../Fields/BackgroundField/backgroundValue';
+import { ColorValue } from '../Fields/ColorField/color-value';
+/** Every key stays unset until the user edits it, so the button keeps its theme look. */
+export type ButtonStyle = Partial<BackgroundStyle & Record<LengthKey, string> & {
+    borderWidth: string;
+    borderStyle: BorderLineStyle;
+    borderColor: ColorValue;
+    textColor: ColorValue;
+    textFont: string;
+    textSize: string;
+    iconGap: string;
+}>;
+export type PButtonDocumentProps = LinkSettings & {
+    id: string;
+    name: string;
+    startIcon: string;
+    endIcon: string;
+    style: ButtonStyle;
+};
+export declare const defaultButtonProps: {
+    style: ButtonStyle;
+    href: string;
+    target: import('../linkSettings').LinkTarget;
+    description: string;
+    name: string;
+    startIcon: string;
+    endIcon: string;
+};
+export declare const pButtonDefinition: import('../elementConfiguration').ElementConfiguration<LinkSettings & {
+    id: string;
+    name: string;
+    startIcon: string;
+    endIcon: string;
+    style: ButtonStyle;
+} & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PCheckbox/pCheckbox.definition.d.ts

@@ -0,0 +1,10 @@
+export type PCheckboxDocumentProps = {
+    id: string;
+    label: string;
+    checked: boolean;
+};
+export declare const defaultCheckboxProps: {
+    label: string;
+    checked: boolean;
+};
+export declare const pCheckboxDefinition: import('../elementConfiguration').ElementConfiguration<PCheckboxDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PContainer/pContainer.definition.d.ts

@@ -0,0 +1,39 @@
+export declare const defaultContainerStyle: {
+    layout: import('../style/elementStyle').ElementLayout;
+    gridColumns?: import('../style/elementStyle').GridColumnCount;
+    flexDirection: import('../style/elementStyle').FlexDirection;
+    flexWrap: import('../style/elementStyle').FlexWrap;
+    justifyContent: import('../style/elementStyle').FlexJustifyContent;
+    alignItems: import('../style/elementStyle').FlexAlignItems;
+    alignContent: import('../style/elementStyle').FlexAlignContent;
+    rowGap: string;
+    columnGap: string;
+    overflow: import('../style/elementStyle').ElementOverflow;
+    overflowVertical: boolean;
+    overflowHorizontal: boolean;
+    width: string;
+    height: string;
+    minWidth: string;
+    minHeight: string;
+    maxWidth: string;
+    maxHeight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    paddingLeft: string;
+    paddingRight: string;
+    marginTop: string;
+    marginBottom: string;
+    marginLeft: string;
+    marginRight: string;
+    borderRadiusTopLeft: string;
+    borderRadiusTopRight: string;
+    borderRadiusBottomRight: string;
+    borderRadiusBottomLeft: string;
+    borderWidth: string;
+    borderStyle: import('../style/elementStyle').BorderLineStyle;
+    borderColor: import('../../definitions').ColorValue;
+    backgroundType: import('../Fields/BackgroundField/backgroundValue').BackgroundType;
+    backgroundColor: import('../../definitions').ColorValue;
+    backgroundGradient: import('../Fields/BackgroundField/backgroundValue').GradientValue;
+};
+export declare const pContainerDefinition: import('../elementConfiguration').ElementConfiguration<import('../layoutElementConfiguration').LayoutElementProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PDivider/pDivider.definition.d.ts

@@ -0,0 +1,10 @@
+export declare const dividerSizes: readonly ["1", "2", "3", "4"];
+export type DividerSize = (typeof dividerSizes)[number];
+export type PDividerDocumentProps = {
+    id: string;
+    size: DividerSize;
+};
+export declare const defaultDividerProps: {
+    size: DividerSize;
+};
+export declare const pDividerDefinition: import('../elementConfiguration').ElementConfiguration<PDividerDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PIcon/pIcon.definition.d.ts

@@ -0,0 +1,18 @@
+import { LinkSettings } from '../linkSettings';
+export type PIconDocumentProps = LinkSettings & {
+    id: string;
+    icon: string;
+    label: string;
+};
+export declare const defaultIconProps: {
+    href: string;
+    target: import('../linkSettings').LinkTarget;
+    description: string;
+    icon: string;
+    label: string;
+};
+export declare const pIconDefinition: import('../elementConfiguration').ElementConfiguration<LinkSettings & {
+    id: string;
+    icon: string;
+    label: string;
+} & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PImage/pImage.definition.d.ts

@@ -0,0 +1,33 @@
+import { LinkSettings } from '../linkSettings';
+import { BorderLineStyle } from '../style/elementStyle';
+import { BackgroundStyle } from '../Fields/BackgroundField/backgroundValue';
+import { ColorValue } from '../Fields/ColorField/color-value';
+export declare const IMAGE_LENGTH_KEYS: ("width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft")[];
+export type ImageLengthKey = (typeof IMAGE_LENGTH_KEYS)[number];
+/** Every key stays unset until the user edits it, so the image keeps its natural size and no frame. */
+export type ImageStyle = Partial<BackgroundStyle & Record<ImageLengthKey, string> & {
+    borderWidth: string;
+    borderStyle: BorderLineStyle;
+    borderColor: ColorValue;
+}>;
+export type PImageDocumentProps = LinkSettings & {
+    id: string;
+    src: string;
+    alt: string;
+    style: ImageStyle;
+};
+export declare const defaultImageProps: {
+    href: string;
+    target: import('../linkSettings').LinkTarget;
+    description: string;
+    src: string;
+    alt: string;
+    style: ImageStyle;
+};
+export declare const IMAGE_PREFIX = "--palmyit-image";
+export declare const pImageDefinition: import('../elementConfiguration').ElementConfiguration<LinkSettings & {
+    id: string;
+    src: string;
+    alt: string;
+    style: ImageStyle;
+} & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PList/pList.definition.d.ts

@@ -0,0 +1,11 @@
+import { TextItem } from '../textItems';
+export type PListDocumentProps = {
+    id: string;
+    items: TextItem[];
+};
+export declare const defaultListProps: {
+    items: {
+        text: string;
+    }[];
+};
+export declare const pListDefinition: import('../elementConfiguration').ElementConfiguration<PListDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PPage/pPage.definition.d.ts

@@ -0,0 +1,22 @@
+import { ColorValue } from '../Fields/ColorField/color-value';
+export type PPageRootProps = {
+    pageId: string;
+    url: string;
+    title: string;
+    backgroundColor: ColorValue;
+    textColor: ColorValue;
+    textSize: number;
+};
+export declare const defaultPageStyle: {
+    backgroundColor: {
+        hex: string;
+        opacity: number;
+    };
+    textColor: {
+        hex: string;
+        opacity: number;
+    };
+    textSize: number;
+};
+export declare const pageStyleKeys: readonly string[];
+export declare const pPageDefinition: import('../elementConfiguration').ElementConfiguration<PPageRootProps>;

package/dist/schema/PRadio/pRadio.definition.d.ts

@@ -0,0 +1,13 @@
+import { TextItem } from '../textItems';
+export type PRadioDocumentProps = {
+    id: string;
+    legend: string;
+    options: TextItem[];
+};
+export declare const defaultRadioProps: {
+    legend: string;
+    options: {
+        text: string;
+    }[];
+};
+export declare const pRadioDefinition: import('../elementConfiguration').ElementConfiguration<PRadioDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PRichText/pRichText.definition.d.ts

@@ -0,0 +1,8 @@
+export type PRichTextDocumentProps = {
+    id: string;
+    text: string;
+};
+export declare const defaultRichTextProps: {
+    text: string;
+};
+export declare const pRichTextDefinition: import('../elementConfiguration').ElementConfiguration<PRichTextDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PRichText/richTextMarks.d.ts

@@ -0,0 +1,4 @@
+export declare const textColors: readonly ["primary-500", "secondary-500", "accent-500", "error-500", "neutral-900"];
+export declare const textHighlights: readonly ["accent-100", "secondary-100", "warning-100", "success-100"];
+export declare const lineHeights: readonly ["1", "1.4", "1.8", "2"];
+export declare function isFontFamily(value: unknown): value is string;

package/dist/schema/PRichText/richTextOptions.d.ts

@@ -0,0 +1,2 @@
+export declare function normalizeRichText(html: string): string;
+export declare function richTextToPlainText(html: string): string;

package/dist/schema/PSection/pSection.definition.d.ts

@@ -0,0 +1,39 @@
+export declare const defaultSectionStyle: {
+    layout: import('../style/elementStyle').ElementLayout;
+    gridColumns?: import('../style/elementStyle').GridColumnCount;
+    flexDirection: import('../style/elementStyle').FlexDirection;
+    flexWrap: import('../style/elementStyle').FlexWrap;
+    justifyContent: import('../style/elementStyle').FlexJustifyContent;
+    alignItems: import('../style/elementStyle').FlexAlignItems;
+    alignContent: import('../style/elementStyle').FlexAlignContent;
+    rowGap: string;
+    columnGap: string;
+    overflow: import('../style/elementStyle').ElementOverflow;
+    overflowVertical: boolean;
+    overflowHorizontal: boolean;
+    width: string;
+    height: string;
+    minWidth: string;
+    minHeight: string;
+    maxWidth: string;
+    maxHeight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    paddingLeft: string;
+    paddingRight: string;
+    marginTop: string;
+    marginBottom: string;
+    marginLeft: string;
+    marginRight: string;
+    borderRadiusTopLeft: string;
+    borderRadiusTopRight: string;
+    borderRadiusBottomRight: string;
+    borderRadiusBottomLeft: string;
+    borderWidth: string;
+    borderStyle: import('../style/elementStyle').BorderLineStyle;
+    borderColor: import('../../definitions').ColorValue;
+    backgroundType: import('../Fields/BackgroundField/backgroundValue').BackgroundType;
+    backgroundColor: import('../../definitions').ColorValue;
+    backgroundGradient: import('../Fields/BackgroundField/backgroundValue').GradientValue;
+};
+export declare const pSectionDefinition: import('../elementConfiguration').ElementConfiguration<import('../layoutElementConfiguration').LayoutElementProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PSelect/pSelect.definition.d.ts

@@ -0,0 +1,13 @@
+import { TextItem } from '../textItems';
+export type PSelectDocumentProps = {
+    id: string;
+    label: string;
+    options: TextItem[];
+};
+export declare const defaultSelectProps: {
+    label: string;
+    options: {
+        text: string;
+    }[];
+};
+export declare const pSelectDefinition: import('../elementConfiguration').ElementConfiguration<PSelectDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PTable/pTable.definition.d.ts

@@ -0,0 +1,20 @@
+import { TextItem } from '../textItems';
+export type TableRow = {
+    cells: string[];
+};
+export type PTableDocumentProps = {
+    id: string;
+    headers: TextItem[];
+    rows: TableRow[];
+};
+export declare const defaultTableProps: {
+    headers: {
+        text: string;
+    }[];
+    rows: {
+        cells: string[];
+    }[];
+};
+/** Pads or trims every row to one cell per column. */
+export declare function fitRowsToHeaders(columnCount: number, rows: readonly TableRow[]): TableRow[];
+export declare const pTableDefinition: import('../elementConfiguration').ElementConfiguration<PTableDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PText/pText.definition.d.ts

@@ -0,0 +1,46 @@
+import { LinkSettings } from '../linkSettings';
+import { StyleDefinition } from '../styleItems';
+import { ColorValue } from '../Fields/ColorField/color-value';
+import { FontStyle } from '../Fields/FontStyleField';
+export declare const TEXT_DECORATIONS: readonly ["none", "underline", "overline", "line-through"];
+export declare const TEXT_ALIGNS: readonly ["left", "center", "right", "justify"];
+export declare const TEXT_TRANSFORMS: readonly ["none", "capitalize", "uppercase", "lowercase"];
+export declare const FONT_WEIGHTS: readonly ["100", "200", "300", "400", "500", "600", "700", "800", "900"];
+export type TextDecoration = (typeof TEXT_DECORATIONS)[number];
+export type TextAlign = (typeof TEXT_ALIGNS)[number];
+export type TextTransform = (typeof TEXT_TRANSFORMS)[number];
+export type FontWeight = (typeof FONT_WEIGHTS)[number];
+/** Every key stays unset until the user edits it, so the text keeps the page typography. */
+export type TextStyle = Partial<{
+    textFont: string;
+    fontStyle: FontStyle;
+    textSize: string;
+    textColor: ColorValue;
+    lineHeight: string;
+    letterSpacing: string;
+    wordSpacing: string;
+    textDecoration: TextDecoration;
+    textAlign: TextAlign;
+    textTransform: TextTransform;
+    fontWeight: FontWeight;
+}>;
+export type PTextDocumentProps = LinkSettings & {
+    id: string;
+    text: string;
+    style: TextStyle;
+};
+export declare const defaultTextProps: {
+    style: TextStyle;
+    href: string;
+    target: import('../linkSettings').LinkTarget;
+    description: string;
+    text: string;
+};
+export declare const TEXT_PREFIX = "--palmyit-text";
+/** The Text style keys, written under `prefix` so each element keeps its own variables. */
+export declare function textStyleDefinitions(prefix: string): StyleDefinition[];
+export declare const pTextDefinition: import('../elementConfiguration').ElementConfiguration<LinkSettings & {
+    id: string;
+    text: string;
+    style: TextStyle;
+} & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PTextArea/pTextArea.definition.d.ts

@@ -0,0 +1,10 @@
+export type PTextAreaDocumentProps = {
+    id: string;
+    label: string;
+    placeholder: string;
+};
+export declare const defaultTextAreaProps: {
+    label: string;
+    placeholder: string;
+};
+export declare const pTextAreaDefinition: import('../elementConfiguration').ElementConfiguration<PTextAreaDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PTextField/pTextField.definition.d.ts

@@ -0,0 +1,10 @@
+export type PTextFieldDocumentProps = {
+    id: string;
+    label: string;
+    placeholder: string;
+};
+export declare const defaultTextFieldProps: {
+    label: string;
+    placeholder: string;
+};
+export declare const pTextFieldDefinition: import('../elementConfiguration').ElementConfiguration<PTextFieldDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/PVideo/pVideo.definition.d.ts

@@ -0,0 +1,10 @@
+export type PVideoDocumentProps = {
+    id: string;
+    src: string;
+    title: string;
+};
+export declare const defaultVideoProps: {
+    src: string;
+    title: string;
+};
+export declare const pVideoDefinition: import('../elementConfiguration').ElementConfiguration<PVideoDocumentProps & Partial<import('../deviceVisibility').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/schema/addressSchema.d.ts

@@ -0,0 +1,3 @@
+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;

package/dist/schema/backgroundStyleDefinitions.d.ts

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+import { BackgroundStyle } from './Fields/BackgroundField/backgroundValue';
+import { StyleDefinition } from './styleItems';
+export declare const colorValue: z.ZodObject<{
+    hex: z.ZodString;
+    opacity: z.ZodNumber;
+}, z.core.$strict>;
+type BackgroundDefinitionOptions = {
+    /** Omit to leave every background key unset until the user picks one. */
+    defaults?: BackgroundStyle;
+    /** A data attribute the element sets while it has a background type. */
+    typeAttribute?: string;
+};
+export declare function backgroundStyleDefinitions(prefix: string, { defaults, typeAttribute }?: BackgroundDefinitionOptions): StyleDefinition[];
+export {};

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

@@ -0,0 +1,13 @@
+import { DeviceName, Orientation } from './devices';
+export type DeviceStyleProp = 'style' | 'tabletStyle' | 'mobileStyle' | 'tabletLandscapeStyle' | 'mobileLandscapeStyle';
+export type DeviceStyles<TStyle> = {
+    style: TStyle;
+} & Partial<Record<Exclude<DeviceStyleProp, 'style'>, Partial<TStyle>>>;
+/** The prop a style edit on this device and orientation writes to. */
+export declare function deviceStyleProp(device: DeviceName, orientation?: Orientation): DeviceStyleProp;
+/** The override stored for exactly this device and orientation; Desktop has none. */
+export declare function deviceOverride<TStyle>(styles: DeviceStyles<TStyle>, device: DeviceName, orientation?: Orientation): Partial<TStyle>;
+/** The keys of `next` set to a different value than in `previous`. */
+export declare function changedStyle<TStyle extends object>(previous: TStyle, next: Partial<TStyle>): Partial<TStyle>;
+/** Desktop, then the device's portrait override, then in landscape its landscape override. */
+export declare function resolveDeviceStyle<TStyle>(styles: DeviceStyles<TStyle>, device: DeviceName, orientation?: Orientation): TStyle;

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

@@ -0,0 +1,21 @@
+export type DeviceName = 'Desktop' | 'Tablet' | 'Mobile';
+export type Orientation = 'portrait' | 'landscape';
+export type ViewportSize = {
+    width: number;
+    height: number | 'auto';
+};
+export type BuilderDevice = {
+    name: DeviceName;
+    icon: 'Monitor' | 'Tablet' | 'Smartphone';
+    portrait: ViewportSize;
+    landscape?: ViewportSize;
+};
+export declare const builderDevices: BuilderDevice[];
+export declare const builderViewports: {
+    icon: "Tablet" | "Monitor" | "Smartphone";
+    label: DeviceName;
+    width: number;
+    height: number | "auto";
+}[];
+export declare function deviceForWidth(width: number | '100%'): BuilderDevice;
+export declare function orientationForWidth(width: number | '100%'): Orientation;

package/dist/schema/deviceSettings.d.ts

@@ -0,0 +1,13 @@
+import { DeviceStyleProp } from './device/deviceStyle';
+import { ElementConfiguration } from './elementConfiguration';
+import { DeviceVisibility } from './deviceVisibility';
+import { StyleDefinition } from './styleItems';
+type OverrideProp = Exclude<DeviceStyleProp, 'style'>;
+export type DeviceStyleOverrides<TStyle> = Partial<Record<OverrideProp, Partial<TStyle>>>;
+/**
+ * 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.
+ */
+export declare function withDeviceSettings<TProps>(configuration: ElementConfiguration<TProps>, styles?: StyleDefinition[]): ElementConfiguration<TProps & Partial<DeviceVisibility> & DeviceStyleOverrides<Record<string, unknown>>>;
+export {};