@palmyit/elements 0.1.8 → 0.1.19

package/dist/elements/article/definition.d.ts

@@ -0,0 +1,43 @@
+import { TextItem } from '../../schema/textItems';
+import { HeadingLevel } from '../heading/definition';
+import { ImageAspectRatio, ImageShadow } from '../image/definition';
+export declare const ARTICLE_LAYOUTS: readonly ["vertical", "horizontal"];
+export type ArticleLayout = (typeof ARTICLE_LAYOUTS)[number];
+export declare const ARTICLE_EXCERPT_LINES: readonly ["2", "3", "4", "none"];
+export type ArticleExcerptLines = (typeof ARTICLE_EXCERPT_LINES)[number];
+export type PArticleDocumentProps = {
+    id: string;
+    title: string;
+    titleLevel: HeadingLevel;
+    excerpt: string;
+    href: string;
+    linkLabel: string;
+    image: string;
+    imageAlt: string;
+    publishedAt: string;
+    author: string;
+    tags: TextItem[];
+    layout: ArticleLayout;
+    clickableCard: boolean;
+    excerptLines: ArticleExcerptLines;
+    imageAspect: ImageAspectRatio;
+    shadow: ImageShadow;
+};
+export declare const defaultArticleProps: {
+    title: string;
+    titleLevel: "2";
+    excerpt: string;
+    href: string;
+    linkLabel: string;
+    image: string;
+    imageAlt: string;
+    publishedAt: string;
+    author: string;
+    tags: TextItem[];
+    layout: "vertical";
+    clickableCard: boolean;
+    excerptLines: "3";
+    imageAspect: "video";
+    shadow: "none";
+};
+export declare const pArticleDefinition: import('../../definitions').ElementConfiguration<PArticleDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/article/template.d.ts

@@ -0,0 +1,12 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare const ARTICLE_LAYOUT_CLASSES: {
+    readonly vertical: "flex flex-col";
+    readonly horizontal: "flex flex-row mobile:flex-col";
+};
+export declare const ARTICLE_CLAMP_CLASSES: {
+    readonly '2': "line-clamp-2";
+    readonly '3': "line-clamp-3";
+    readonly '4': "line-clamp-4";
+    readonly none: "";
+};
+export declare function articleTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/button/definition.d.ts

@@ -25,6 +25,7 @@ export declare const defaultButtonProps: {
     href: string;
     target: import('../../schema/linkSettings').LinkTarget;
     description: string;
+    rel: import('../../definitions').LinkRel;
     name: string;
     startIcon: string;
     endIcon: string;

package/dist/elements/footer/definition.d.ts

@@ -0,0 +1,35 @@
+import { ElementStyle } from '../../schema/style/elementStyle';
+import { BRAND_NETWORKS } from '../../templates/brands/brandSpec';
+export type FooterLinkItem = {
+    label: string;
+    href: string;
+};
+export type FooterLinkGroup = {
+    heading: string;
+    items: FooterLinkItem[];
+};
+export type FooterSocialLink = {
+    network: (typeof BRAND_NETWORKS)[number];
+    href: string;
+};
+export type PFooterDocumentProps = {
+    id: string;
+    linkGroups: FooterLinkGroup[];
+    copyright: string;
+    address: string;
+    phone: string;
+    email: string;
+    socialLinks: FooterSocialLink[];
+    style: ElementStyle;
+};
+export declare const defaultFooterStyle: ElementStyle;
+export declare const defaultFooterProps: {
+    linkGroups: FooterLinkGroup[];
+    copyright: string;
+    address: string;
+    phone: string;
+    email: string;
+    socialLinks: FooterSocialLink[];
+    style: ElementStyle;
+};
+export declare const pFooterDefinition: import('../../definitions').ElementConfiguration<PFooterDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/footer/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function footerTemplate(node: ShortcodeNode, options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/heading/definition.d.ts

@@ -0,0 +1,29 @@
+import { LinkSettings } from '../../schema/linkSettings';
+import { TextStyle } from '../text/definition';
+export declare const HEADING_LEVELS: readonly ["1", "2", "3", "4", "5", "6"];
+export type HeadingLevel = (typeof HEADING_LEVELS)[number];
+export type PHeadingDocumentProps = LinkSettings & {
+    id: string;
+    text: string;
+    level: HeadingLevel;
+    anchor: string;
+    style: TextStyle;
+};
+export declare const defaultHeadingProps: {
+    style: TextStyle;
+    href: string;
+    target: import('../../schema/linkSettings').LinkTarget;
+    description: string;
+    rel: import('../../definitions').LinkRel;
+    text: string;
+    level: "2";
+    anchor: string;
+};
+export declare const HEADING_PREFIX = "--palmyit-heading";
+export declare const pHeadingDefinition: import('../../definitions').ElementConfiguration<LinkSettings & {
+    id: string;
+    text: string;
+    level: HeadingLevel;
+    anchor: string;
+    style: TextStyle;
+} & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/heading/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function headingTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/icon/definition.d.ts

@@ -1,18 +1,29 @@
 import { LinkSettings } from '../../schema/linkSettings';
+export declare const iconSizes: readonly ["small", "medium", "large"];
+export type IconSize = (typeof iconSizes)[number];
+export declare const iconShapes: readonly ["outline", "solid"];
+export type IconShape = (typeof iconShapes)[number];
 export type PIconDocumentProps = LinkSettings & {
     id: string;
     icon: string;
     label: string;
+    size: IconSize;
+    shape: IconShape;
 };
 export declare const defaultIconProps: {
     href: string;
     target: import('../../schema/linkSettings').LinkTarget;
     description: string;
+    rel: import('../../definitions').LinkRel;
     icon: string;
     label: string;
+    size: IconSize;
+    shape: IconShape;
 };
 export declare const pIconDefinition: import('../../definitions').ElementConfiguration<LinkSettings & {
     id: string;
     icon: string;
     label: string;
+    size: IconSize;
+    shape: IconShape;
 } & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/image/definition.d.ts

@@ -4,6 +4,16 @@ import { BackgroundStyle } from '../../schema/Fields/BackgroundField/backgroundV
 import { StyleColor } from '../../render/styleTokens';
 export declare const IMAGE_LENGTH_KEYS: ("width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft")[];
 export type ImageLengthKey = (typeof IMAGE_LENGTH_KEYS)[number];
+export declare const IMAGE_ASPECT_RATIOS: readonly ["auto", "square", "video", "3/4", "4/3"];
+export type ImageAspectRatio = (typeof IMAGE_ASPECT_RATIOS)[number];
+export declare const IMAGE_OBJECT_FITS: readonly ["cover", "contain"];
+export type ImageObjectFit = (typeof IMAGE_OBJECT_FITS)[number];
+export declare const IMAGE_OBJECT_POSITIONS: readonly ["center", "top", "bottom", "left", "right", "left-top", "right-top", "left-bottom", "right-bottom"];
+export type ImageObjectPosition = (typeof IMAGE_OBJECT_POSITIONS)[number];
+export declare const IMAGE_SHADOWS: readonly ["none", "sm", "md", "lg", "xl"];
+export type ImageShadow = (typeof IMAGE_SHADOWS)[number];
+export declare const IMAGE_CAPTION_ALIGNS: readonly ["start", "center"];
+export type ImageCaptionAlign = (typeof IMAGE_CAPTION_ALIGNS)[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;
@@ -14,14 +24,39 @@ export type PImageDocumentProps = LinkSettings & {
     id: string;
     src: string;
     alt: string;
+    priority: boolean;
+    caption: string;
+    decorative: boolean;
+    intrinsicWidth: number | null;
+    intrinsicHeight: number | null;
+    tabletSrc: string;
+    mobileSrc: string;
+    aspectRatio: ImageAspectRatio;
+    objectFit: ImageObjectFit | '';
+    objectPosition: ImageObjectPosition;
+    shadow: ImageShadow;
+    captionAlign: ImageCaptionAlign;
     style: ImageStyle;
 };
 export declare const defaultImageProps: {
     href: string;
     target: import('../../schema/linkSettings').LinkTarget;
     description: string;
+    rel: import('../../definitions').LinkRel;
     src: string;
     alt: string;
+    priority: boolean;
+    caption: string;
+    decorative: boolean;
+    intrinsicWidth: number | null;
+    intrinsicHeight: number | null;
+    tabletSrc: string;
+    mobileSrc: string;
+    aspectRatio: "auto";
+    objectFit: "";
+    objectPosition: "center";
+    shadow: "none";
+    captionAlign: "start";
     style: ImageStyle;
 };
 export declare const IMAGE_PREFIX = "--palmyit-image";
@@ -29,5 +64,17 @@ export declare const pImageDefinition: import('../../definitions').ElementConfig
     id: string;
     src: string;
     alt: string;
+    priority: boolean;
+    caption: string;
+    decorative: boolean;
+    intrinsicWidth: number | null;
+    intrinsicHeight: number | null;
+    tabletSrc: string;
+    mobileSrc: string;
+    aspectRatio: ImageAspectRatio;
+    objectFit: ImageObjectFit | "";
+    objectPosition: ImageObjectPosition;
+    shadow: ImageShadow;
+    captionAlign: ImageCaptionAlign;
     style: ImageStyle;
 } & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/image/template.d.ts

@@ -1,2 +1,32 @@
 import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+/** Literal utility maps so Tailwind `@source` finds every class. */
+export declare const IMAGE_ASPECT_CLASSES: {
+    readonly auto: "";
+    readonly square: "aspect-square";
+    readonly video: "aspect-video";
+    readonly '3/4': "aspect-3/4";
+    readonly '4/3': "aspect-4/3";
+};
+export declare const IMAGE_FIT_CLASSES: {
+    readonly cover: "object-cover";
+    readonly contain: "object-contain";
+};
+export declare const IMAGE_POSITION_CLASSES: {
+    readonly center: "object-center";
+    readonly top: "object-top";
+    readonly bottom: "object-bottom";
+    readonly left: "object-left";
+    readonly right: "object-right";
+    readonly 'left-top': "object-left-top";
+    readonly 'right-top': "object-right-top";
+    readonly 'left-bottom': "object-left-bottom";
+    readonly 'right-bottom': "object-right-bottom";
+};
+export declare const IMAGE_SHADOW_CLASSES: {
+    readonly none: "";
+    readonly sm: "shadow-sm";
+    readonly md: "shadow-md";
+    readonly lg: "shadow-lg";
+    readonly xl: "shadow-xl";
+};
 export declare function imageTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/list/definition.d.ts

@@ -2,10 +2,12 @@ import { TextItem } from '../../schema/textItems';
 export type PListDocumentProps = {
     id: string;
     items: TextItem[];
+    ordered: boolean;
 };
 export declare const defaultListProps: {
     items: {
         text: string;
     }[];
+    ordered: boolean;
 };
 export declare const pListDefinition: import('../../definitions').ElementConfiguration<PListDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/nav/definition.d.ts

@@ -0,0 +1,39 @@
+import { LINK_TARGETS } from '../../schema/linkSettings';
+export declare const NAV_POSITIONS: readonly ["static", "sticky", "overlay"];
+export type NavPosition = (typeof NAV_POSITIONS)[number];
+export declare const NAV_ALIGNMENTS: readonly ["start", "center", "end"];
+export type NavAlignment = (typeof NAV_ALIGNMENTS)[number];
+export declare const NAV_MOBILE_MENUS: readonly ["collapse", "scroll"];
+export type NavMobileMenu = (typeof NAV_MOBILE_MENUS)[number];
+export declare const NAV_COLLAPSE_AT: readonly ["tablet", "mobile"];
+export type NavCollapseAt = (typeof NAV_COLLAPSE_AT)[number];
+export declare const NAV_HEIGHTS: readonly ["14", "16", "20"];
+export type NavHeight = (typeof NAV_HEIGHTS)[number];
+export type NavItem = {
+    label: string;
+    href: string;
+    target: (typeof LINK_TARGETS)[number];
+};
+export type NavCta = {
+    label: string;
+    href: string;
+};
+export type PNavDocumentProps = {
+    id: string;
+    brandText: string;
+    brandLogo: string;
+    brandHref: string;
+    items: NavItem[];
+    ctaLabel: string;
+    ctaHref: string;
+    position: NavPosition;
+    alignment: NavAlignment;
+    mobileMenu: NavMobileMenu;
+    collapseAt: NavCollapseAt;
+    glass: boolean;
+    border: boolean;
+    shadow: boolean;
+    height: NavHeight;
+};
+export declare const defaultNavProps: Omit<PNavDocumentProps, 'id'>;
+export declare const pNavDefinition: import('../../definitions').ElementConfiguration<PNavDocumentProps>;

package/dist/elements/nav/template.d.ts

@@ -0,0 +1,17 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare const NAV_POSITION_CLASSES: {
+    readonly static: "";
+    readonly sticky: "sticky top-0 z-40";
+    readonly overlay: "absolute inset-x-0 top-0 z-40";
+};
+export declare const NAV_HEIGHT_CLASSES: {
+    readonly '14': "h-14";
+    readonly '16': "h-16";
+    readonly '20': "h-20";
+};
+export declare const NAV_ALIGN_CLASSES: {
+    readonly start: "justify-start";
+    readonly center: "justify-center";
+    readonly end: "justify-end";
+};
+export declare function navTemplate(node: ShortcodeNode, options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/page/definition.d.ts

@@ -1,8 +1,31 @@
-import { StyleColor, TextSizeToken } from '../../render/styleTokens';
+import { StyleColor, TextSizeToken, LEADING_TOKENS } from '../../render/styleTokens';
+export declare const PAGE_DIRS: readonly ["auto", "ltr", "rtl"];
+export type PageDir = (typeof PAGE_DIRS)[number];
+export declare const PAGE_TEXT_SIZES: readonly ["sm", "base", "lg"];
+export type PageTextSize = (typeof PAGE_TEXT_SIZES)[number];
+export declare const CONTENT_WIDTHS: readonly ["5xl", "6xl", "7xl", "full"];
+export type ContentWidth = (typeof CONTENT_WIDTHS)[number];
+export declare const RADIUS_STYLES: readonly ["square", "soft", "rounded"];
+export type RadiusStyle = (typeof RADIUS_STYLES)[number];
+export declare const LINK_UNDERLINES: readonly ["always", "hover", "never"];
+export type LinkUnderline = (typeof LINK_UNDERLINES)[number];
 export type PPageRootProps = {
     pageId: string;
     url: string;
     title: string;
+    seoTitle: string;
+    description: string;
+    lang: string;
+    dir: PageDir;
+    shareImage: string;
+    hideFromSearch: boolean;
+    bodyFont: string;
+    headingFont: string;
+    lineHeight: (typeof LEADING_TOKENS)[number] | '';
+    accentColor: string;
+    contentWidth: ContentWidth;
+    radiusStyle: RadiusStyle;
+    linkUnderline: LinkUnderline;
     backgroundColor: StyleColor;
     textColor: StyleColor;
     textSize: TextSizeToken | number | string;
@@ -18,5 +41,22 @@ export declare const defaultPageStyle: {
     };
     textSize: "sm";
 };
+export declare const defaultPageSeo: {
+    seoTitle: string;
+    description: string;
+    lang: string;
+    dir: "auto";
+    shareImage: string;
+    hideFromSearch: boolean;
+};
+export declare const defaultPageTheme: {
+    bodyFont: string;
+    headingFont: string;
+    lineHeight: "";
+    accentColor: string;
+    contentWidth: "7xl";
+    radiusStyle: "soft";
+    linkUnderline: "hover";
+};
 export declare const pageStyleKeys: readonly string[];
 export declare const pPageDefinition: import('../../definitions').ElementConfiguration<PPageRootProps>;

package/dist/elements/table/definition.d.ts

@@ -6,6 +6,7 @@ export type PTableDocumentProps = {
     id: string;
     headers: TextItem[];
     rows: TableRow[];
+    caption: string;
 };
 export declare const defaultTableProps: {
     headers: {
@@ -14,6 +15,7 @@ export declare const defaultTableProps: {
     rows: {
         cells: string[];
     }[];
+    caption: string;
 };
 /** Pads or trims every row to one cell per column. */
 export declare function fitRowsToHeaders(columnCount: number, rows: readonly TableRow[]): TableRow[];

package/dist/elements/text/definition.d.ts

@@ -3,7 +3,7 @@ import { StyleDefinition } from '../../schema/styleItems';
 import { StyleColor } from '../../render/styleTokens';
 import { FontStyle } from '../../schema/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_ALIGNS: readonly ["start", "end", "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];
@@ -34,6 +34,7 @@ export declare const defaultTextProps: {
     href: string;
     target: import('../../schema/linkSettings').LinkTarget;
     description: string;
+    rel: import('../../definitions').LinkRel;
     text: string;
 };
 export declare const TEXT_PREFIX = "--palmyit-text";

package/dist/elements/video/definition.d.ts

@@ -1,10 +1,49 @@
+export declare const VIDEO_SOURCES: readonly ["file", "youtube"];
+export type VideoSource = (typeof VIDEO_SOURCES)[number];
+export declare const VIDEO_PRELOADS: readonly ["none", "metadata"];
+export type VideoPreload = (typeof VIDEO_PRELOADS)[number];
+export declare const VIDEO_ASPECT_RATIOS: readonly ["video", "9/16", "4/3", "square"];
+export type VideoAspectRatio = (typeof VIDEO_ASPECT_RATIOS)[number];
+export type VideoCaptionTrack = {
+    src: string;
+    srclang: string;
+    label: string;
+};
 export type PVideoDocumentProps = {
     id: string;
+    source: VideoSource;
     src: string;
+    youtubeUrl: string;
     title: string;
+    description: string;
+    poster: string;
+    uploadDate: string;
+    captions: VideoCaptionTrack[];
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    controls: boolean;
+    preload: VideoPreload;
+    startAt: number;
+    aspectRatio: VideoAspectRatio;
+    caption: string;
 };
 export declare const defaultVideoProps: {
+    source: "file";
     src: string;
+    youtubeUrl: string;
     title: string;
+    description: string;
+    poster: string;
+    uploadDate: string;
+    captions: VideoCaptionTrack[];
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    controls: boolean;
+    preload: "metadata";
+    startAt: number;
+    aspectRatio: "video";
+    caption: string;
 };
 export declare const pVideoDefinition: import('../../definitions').ElementConfiguration<PVideoDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/video/template.d.ts

@@ -1,2 +1,8 @@
 import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare const VIDEO_ASPECT_CLASSES: {
+    readonly video: "aspect-video";
+    readonly '9/16': "aspect-9/16";
+    readonly '4/3': "aspect-4/3";
+    readonly square: "aspect-square";
+};
 export declare function videoTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/video/youtube.d.ts

@@ -0,0 +1,4 @@
+/** Extract an 11-character YouTube video id from common URL shapes. */
+export declare function parseYoutubeId(value: string): string | null;
+export declare function youtubeEmbedUrl(id: string, startAt?: number): string;
+export declare function youtubeThumbnailUrl(id: string): string;

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
-  "version": "0.1.8",
+  "version": "0.1.19",
   "files": {
-    "plmt-elements.css": "sha384-KM9nI6Gjc1a3aqbRKmio0SKC5z1llJMvd/v0vewdr/5RFP4fQ/l59KzbBHvGnW7D",
+    "plmt-elements.css": "sha384-aWYUiJ/OG2gpKI9s8H3w3lCHOtdqu1QsEjd08xja1ixWnTkeCiQQkenwY3cBL1HU",
     "plmt-elements.js": "sha384-OLBgp1GsljhM2TJ+sbHjaiH9txEUvgdDTAzHv2P24donTt6/529l+9Ua0vFImLlb"
   }
 }