@palmyit/elements 0.1.7 → 0.1.8

package/dist/render/styleToClasses.d.ts

@@ -0,0 +1,35 @@
+import { ElementType } from '../schema/elementConfiguration';
+export type DeviceStyleProps = {
+    style?: Record<string, unknown>;
+    tabletStyle?: Record<string, unknown>;
+    mobileStyle?: Record<string, unknown>;
+    tabletLandscapeStyle?: Record<string, unknown>;
+    mobileLandscapeStyle?: Record<string, unknown>;
+};
+type VariantPrefix = '' | 'tablet:' | 'mobile:' | 'tablet-landscape:' | 'mobile-landscape:';
+/**
+ * Turn one style object into utility classes. Values that cannot map onto a
+ * Tailwind token are collected in `unresolved` for CSS variables.
+ */
+export declare function styleObjectToClasses(type: ElementType, style: Record<string, unknown> | undefined, variant?: VariantPrefix): {
+    classes: string[];
+    unresolved: Record<string, unknown>;
+};
+/**
+ * Classes for an element: type defaults, then desktop style, then device variants.
+ * Later entries win in the cascade when variants apply; within one breakpoint the
+ * last class for a conflicting property should not be duplicated by the caller.
+ */
+export declare function styleToClasses(type: ElementType, props: DeviceStyleProps): string[];
+/**
+ * Style keys that still need `--palmyit-*` variables (font family, gradients,
+ * off-scale lengths, hex colors outside the palette).
+ */
+export declare function unresolvedStyleForVars(type: ElementType, style: Record<string, unknown> | undefined): Record<string, unknown>;
+/** Convert page style tokens into values styleToCssVariables can write. */
+export declare function pageTokensToVarValues(props: {
+    backgroundColor?: unknown;
+    textColor?: unknown;
+    textSize?: unknown;
+}): Record<string, unknown>;
+export {};

package/dist/render/styleTokens.d.ts

@@ -0,0 +1,57 @@
+/** Spacing / sizing keys on Tailwind's default scale, plus auto. */
+export declare const SPACING_TOKENS: readonly ["0", "px", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "5", "6", "7", "8", "9", "10", "11", "12", "14", "16", "20", "24", "28", "32", "36", "40", "44", "48", "52", "56", "60", "64", "72", "80", "96", "auto"];
+export type SpacingToken = (typeof SPACING_TOKENS)[number];
+export declare const BORDER_WIDTH_TOKENS: readonly ["0", "1", "2", "4", "8"];
+export type BorderWidthToken = (typeof BORDER_WIDTH_TOKENS)[number];
+export declare const RADIUS_TOKENS: readonly ["none", "sm", "md", "lg", "xl", "2xl", "3xl", "full", "0", "px", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "5", "6", "7", "8", "9", "10", "11", "12", "14", "16"];
+export type RadiusToken = (typeof RADIUS_TOKENS)[number];
+export declare const TEXT_SIZE_TOKENS: readonly ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export type TextSizeToken = (typeof TEXT_SIZE_TOKENS)[number];
+export declare const LEADING_TOKENS: readonly ["none", "tight", "snug", "normal", "relaxed", "loose", "3", "4", "5", "6", "7", "8", "9", "10"];
+export type LeadingToken = (typeof LEADING_TOKENS)[number];
+export declare const TRACKING_TOKENS: readonly ["tighter", "tight", "normal", "wide", "wider", "widest"];
+export type TrackingToken = (typeof TRACKING_TOKENS)[number];
+export declare const COLOR_NAMES: readonly ["accent", "transparent", "white", "black", "slate-50", "slate-100", "slate-200", "slate-300", "slate-400", "slate-500", "slate-600", "slate-700", "slate-800", "slate-900", "slate-950"];
+export type ColorName = (typeof COLOR_NAMES)[number];
+export declare const OPACITY_STEPS: readonly [0, 5, 10, 15, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100];
+export type OpacityStep = (typeof OPACITY_STEPS)[number];
+/** Palette color stored on an element. Hex colors remain supported for legacy docs. */
+export type PaletteColor = {
+    name: ColorName;
+    opacity: OpacityStep;
+};
+export type StyleColor = PaletteColor | {
+    hex: string;
+    opacity: number;
+};
+export declare function isSpacingToken(value: string): value is SpacingToken;
+export declare function isBorderWidthToken(value: string): value is BorderWidthToken;
+export declare function isRadiusToken(value: string): value is RadiusToken;
+export declare function isTextSizeToken(value: string): value is TextSizeToken;
+export declare function isLeadingToken(value: string): value is LeadingToken;
+export declare function isTrackingToken(value: string): value is TrackingToken;
+export declare function isPaletteColor(value: unknown): value is PaletteColor;
+export declare function isHexColor(value: unknown): value is {
+    hex: string;
+    opacity: number;
+};
+/** Map a CSS length (or token) onto the spacing scale when it lands exactly. */
+export declare function toSpacingToken(value: unknown): SpacingToken | undefined;
+export declare function toBorderWidthToken(value: unknown): BorderWidthToken | undefined;
+export declare function toRadiusToken(value: unknown): RadiusToken | undefined;
+export declare function toTextSizeToken(value: unknown): TextSizeToken | undefined;
+export declare function toLeadingToken(value: unknown): LeadingToken | undefined;
+export declare function toTrackingToken(value: unknown): TrackingToken | undefined;
+export declare function toPaletteColor(value: unknown): PaletteColor | undefined;
+export declare function fontWeightClass(value: unknown): string | undefined;
+export declare function colorClass(prefix: 'bg' | 'text' | 'border', color: PaletteColor): string;
+export declare function spacingClass(prefix: string, token: SpacingToken): string;
+export declare function radiusClass(corner: string, token: RadiusToken): string;
+export declare function borderWidthClass(token: BorderWidthToken): string;
+export declare function textSizeClass(token: TextSizeToken): string;
+export declare function leadingClass(token: LeadingToken): string;
+export declare function trackingClass(token: TrackingToken): string;
+/** CSS value for a text-size token, used for page theme variables. */
+export declare function textSizeTokenToCss(token: TextSizeToken): string;
+/** CSS value for a palette color (for page theme variables). */
+export declare function paletteColorToCss(color: PaletteColor): string | undefined;

package/dist/render/types.d.ts

@@ -1,3 +1,4 @@
+import { ElementType } from '../schema/elementConfiguration';
 export type ElementAttribute = string | number | boolean | undefined;
 export type CssVariables = Record<string, string | undefined>;
 export type ElementSpec = {
@@ -12,3 +13,8 @@ export type ElementSpecOptions = {
     /** Layout host children (from Puck slots or recursion). Ignored for leaf elements. */
     children?: Array<ElementSpec | string>;
 };
+export type ShortcodeNode = {
+    type: ElementType;
+    props: Record<string, unknown>;
+    children?: ShortcodeNode[];
+};

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

@@ -1,4 +1,4 @@
-import { ColorValue } from '../ColorField/color-value';
+import { StyleColor } from '../../../render/styleTokens';
 export type BackgroundType = 'color' | 'gradient';
 export type GradientKind = 'linear' | 'radial';
 export type GradientValue = {
@@ -7,8 +7,9 @@ export type GradientValue = {
 };
 export type BackgroundStyle = {
     backgroundType: BackgroundType;
-    backgroundColor: ColorValue;
-    backgroundGradient: GradientValue;
+    backgroundColor: StyleColor;
+    /** Present only when the author picks a gradient fill. */
+    backgroundGradient?: GradientValue;
 };
 export declare const MAX_GRADIENT_ARGS_LENGTH = 200;
 export declare function isSafeGradientArgs(value: string): boolean;

package/dist/schema/backgroundStyleDefinitions.d.ts

@@ -1,10 +1,6 @@
-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>;
+export { colorValue } from './styleTokensSchema';
 type BackgroundDefinitionOptions = {
     /** Omit to leave every background key unset until the user picks one. */
     defaults?: BackgroundStyle;
@@ -12,4 +8,3 @@ type BackgroundDefinitionOptions = {
     typeAttribute?: string;
 };
 export declare function backgroundStyleDefinitions(prefix: string, { defaults, typeAttribute }?: BackgroundDefinitionOptions): StyleDefinition[];
-export {};

package/dist/schema/elementRegistry.d.ts

@@ -1,6 +1,6 @@
 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>>>>>;
     PButton: import('./elementConfiguration').ElementConfiguration<import('./linkSettings').LinkSettings & {
@@ -8,33 +8,33 @@ export declare const elementRegistry: {
         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>>>>>;
+    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;
+        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('../elements/video/definition').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;
     } & 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>>>>>;
 };
 export declare function isElementType(value: unknown): value is ElementType;

package/dist/schema/elementStyleDefinitions.d.ts

@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import { ElementStyle, ElementStyleKind } from './style/elementStyle';
 import { StyleDefinition } from './styleItems';
-export declare const lengthValue: z.ZodString;
+export { lengthValue, colorValue, borderWidthValue } from './styleTokensSchema';
 export declare const lengthKeys: readonly [readonly ["width", "width", "Width"], readonly ["height", "height", "Height"], readonly ["minWidth", "min-width", "Min width"], readonly ["minHeight", "min-height", "Min height"], readonly ["maxWidth", "max-width", "Max width"], readonly ["maxHeight", "max-height", "Max height"], readonly ["paddingTop", "padding-top", "Padding top"], readonly ["paddingBottom", "padding-bottom", "Padding bottom"], readonly ["paddingLeft", "padding-left", "Padding left"], readonly ["paddingRight", "padding-right", "Padding right"], readonly ["marginTop", "margin-top", "Margin top"], readonly ["marginBottom", "margin-bottom", "Margin bottom"], readonly ["marginLeft", "margin-left", "Margin left"], readonly ["marginRight", "margin-right", "Margin right"], readonly ["borderRadiusTopLeft", "border-top-left-radius", "Radius top left"], readonly ["borderRadiusTopRight", "border-top-right-radius", "Radius top right"], readonly ["borderRadiusBottomRight", "border-bottom-right-radius", "Radius bottom right"], readonly ["borderRadiusBottomLeft", "border-bottom-left-radius", "Radius bottom left"]];
 export type LengthKey = (typeof lengthKeys)[number][0];
 export declare function elementStyleDefinitions(kind: ElementStyleKind, defaults: ElementStyle): StyleDefinition[];

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"];
@@ -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/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, };