@palmyit/elements 0.1.3 → 0.1.8

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

@@ -0,0 +1,62 @@
+import { BackgroundStyle } from '../Fields/BackgroundField/backgroundValue';
+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"];
+export declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
+export declare const FLEX_JUSTIFY_CONTENTS: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+export declare const FLEX_ALIGN_ITEMS: readonly ["stretch", "flex-start", "center", "flex-end", "baseline"];
+export declare const FLEX_ALIGN_CONTENTS: readonly ["stretch", "flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+export type FlexDirection = (typeof FLEX_DIRECTIONS)[number];
+export type FlexWrap = (typeof FLEX_WRAPS)[number];
+export type FlexJustifyContent = (typeof FLEX_JUSTIFY_CONTENTS)[number];
+export type FlexAlignItems = (typeof FLEX_ALIGN_ITEMS)[number];
+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 ElementStyle = {
+    layout: ElementLayout;
+    gridColumns?: GridColumnCount;
+    flexDirection: FlexDirection;
+    flexWrap: FlexWrap;
+    justifyContent: FlexJustifyContent;
+    alignItems: FlexAlignItems;
+    alignContent: FlexAlignContent;
+    rowGap: string;
+    columnGap: string;
+    overflow: 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: BorderLineStyle;
+    borderColor: StyleColor;
+} & BackgroundStyle;
+export declare const defaultElementStyle: ElementStyle;
+export declare const LENGTH_PATTERN: RegExp;
+type CssVarMap = Record<string, string | undefined>;
+export declare function sanitizeLength(value: string): string | undefined;
+export declare function sanitizeAutoAsZero(value: string): string | undefined;
+export declare function sanitizeMaxLength(value: string): string | undefined;
+export declare function sanitizeBorderWidth(value: string): string | undefined;
+export declare function elementStyleToCssVariables(storedStyle: ElementStyle, kind: ElementStyleKind): CssVarMap;
+export {};

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

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

@@ -0,0 +1,53 @@
+import { z } from 'zod';
+export type StyleItem = {
+    key: string;
+    variable?: string;
+    variables?: Record<string, string>;
+    attribute?: string;
+    value: unknown;
+};
+export type StyleDefinition = {
+    key: string;
+    variable?: string;
+    variables?: Record<string, string>;
+    attribute?: string;
+    value: z.ZodType;
+    /** Omit when the key has no default and is left out until set. */
+    defaultValue?: unknown;
+    /** How the page history names this key. */
+    label?: string;
+};
+type StyleValues = Record<string, unknown>;
+export declare function styleItemsSchema(definitions: StyleDefinition[]): 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<StyleValues, {
+    key: string;
+    value: unknown;
+    variable?: string | undefined;
+    variables?: Record<string, string> | undefined;
+    attribute?: string | undefined;
+}[]>>;
+/** A device override: only the keys the document sets, with no defaults filled in. */
+export declare function styleOverrideItemsSchema(definitions: StyleDefinition[]): 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<StyleValues, {
+    key: string;
+    value: unknown;
+    variable?: string | undefined;
+    variables?: Record<string, string> | undefined;
+    attribute?: string | undefined;
+}[]>>;
+/** History labels keyed by the prop path that holds each style key. */
+export declare function styleLabels(definitions: StyleDefinition[], pathPrefix?: string): Record<string, string>;
+/** 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[];
+export {};

package/dist/schema/styleTokensSchema.d.ts

@@ -0,0 +1,274 @@
+import { z } from 'zod';
+declare const spacingToken: z.ZodEnum<{
+    0: "0";
+    px: "px";
+    0.5: "0.5";
+    1: "1";
+    1.5: "1.5";
+    2: "2";
+    2.5: "2.5";
+    3: "3";
+    3.5: "3.5";
+    4: "4";
+    5: "5";
+    6: "6";
+    7: "7";
+    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";
+    auto: "auto";
+}>;
+declare const borderWidthToken: z.ZodEnum<{
+    0: "0";
+    1: "1";
+    2: "2";
+    4: "4";
+    8: "8";
+}>;
+declare const radiusToken: z.ZodEnum<{
+    0: "0";
+    px: "px";
+    0.5: "0.5";
+    1: "1";
+    1.5: "1.5";
+    2: "2";
+    2.5: "2.5";
+    3: "3";
+    3.5: "3.5";
+    4: "4";
+    5: "5";
+    6: "6";
+    7: "7";
+    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<{
+    0: "0";
+    px: "px";
+    0.5: "0.5";
+    1: "1";
+    1.5: "1.5";
+    2: "2";
+    2.5: "2.5";
+    3: "3";
+    3.5: "3.5";
+    4: "4";
+    5: "5";
+    6: "6";
+    7: "7";
+    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";
+    auto: "auto";
+}>, z.ZodEnum<{
+    0: "0";
+    px: "px";
+    0.5: "0.5";
+    1: "1";
+    1.5: "1.5";
+    2: "2";
+    2.5: "2.5";
+    3: "3";
+    3.5: "3.5";
+    4: "4";
+    5: "5";
+    6: "6";
+    7: "7";
+    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";
+        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";
+        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>]>;
+export { spacingToken, borderWidthToken, radiusToken, textSizeToken, leadingToken, trackingToken, hexColor, paletteColor, };

package/dist/schema/textItems.d.ts

@@ -0,0 +1,10 @@
+import { z } from 'zod';
+/** One entry of a repeating text value: a list item, an option, or a column heading. */
+export type TextItem = {
+    text: string;
+};
+export declare function textItemsSchema(emptyListMessage: string, blankItemMessage: string): z.ZodArray<z.ZodObject<{
+    text: z.ZodString;
+}, z.core.$strict>>;
+/** Keeps only `text`, dropping keys the editor adds to array items. */
+export declare function toTextItems(items: readonly TextItem[]): TextItem[];