@frontlit/page-builder 0.1.0-alpha.2 → 0.1.0-alpha.3

package/dist/server/primitives.d.ts

@@ -0,0 +1,200 @@
+import * as React from 'react';
+import React__default from 'react';
+import { T as ThemeStyle, a as Typography } from './theme-style-BPaMwk88.js';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type BlendMode = "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity";
+type BackgroundRepeat = "no-repeat" | "repeat" | "repeat-x" | "repeat-y" | "space" | "round";
+/**
+ * CSS `background-attachment`.
+ * - `scroll` (default): background moves with the section / page
+ * - `fixed`: background is pinned to the viewport so content scrolls
+ *   over a static surface (classic parallax / “hero still” look)
+ * - `local`: background scrolls with the element’s own overflow
+ */
+type BackgroundAttachment = "scroll" | "fixed" | "local";
+interface SectionBackgroundOverlay {
+    color: string;
+    colorDark?: string;
+    blendMode: BlendMode;
+    opacity: number;
+}
+type SectionBackground = {
+    type: "color" | "image" | "gradient";
+    backgroundColor?: string;
+    backgroundColorDark?: string;
+    backgroundImage?: string;
+    backgroundImageDark?: string;
+    backgroundSize?: string;
+    backgroundPosition?: string;
+    backgroundRepeat?: BackgroundRepeat;
+    /**
+     * When `"fixed"`, the image/pattern stays still relative to the
+     * viewport while the page scrolls. Most useful on image and pattern
+     * (gradient) backgrounds; ignored for solid color fills.
+     */
+    backgroundAttachment?: BackgroundAttachment;
+    maskImage?: string;
+    gradientBackgroundSize?: string;
+    gradientBackgroundPosition?: string;
+    gradientBackgroundRepeat?: BackgroundRepeat;
+    gradientMaskImage?: string;
+    blur?: number;
+    overlay?: SectionBackgroundOverlay;
+    media?: Record<string, unknown>;
+};
+
+declare const badgeVariants: (props?: {
+    variant?: "default" | "secondary" | "destructive" | "outline";
+} & class_variance_authority_types.ClassProp) => string;
+interface BadgeProps$1 extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+
+interface BadgeProps extends Omit<BadgeProps$1, "variant"> {
+    theme?: ThemeStyle;
+    style?: Record<string, string>;
+    variant?: "default" | "secondary" | "destructive" | "outline";
+}
+declare const Badge: React__default.FC<BadgeProps>;
+
+declare const buttonVariants: (props?: {
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost";
+    size?: "default" | "sm" | "lg" | "icon";
+} & class_variance_authority_types.ClassProp) => string;
+interface ButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+
+interface ButtonProps extends ButtonProps$1 {
+    theme?: ThemeStyle;
+}
+declare const Button: React__default.FC<ButtonProps>;
+
+interface TypographyProps extends React__default.HTMLAttributes<HTMLElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+}
+
+declare const Caption: React__default.FC<TypographyProps>;
+
+interface PageCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    isLink?: boolean;
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+}
+interface PageCardImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    alt: string;
+    className?: string;
+    theme?: ThemeStyle;
+}
+interface PageCardContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+}
+interface PageCardHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+}
+declare const PageCard: React__default.FC<PageCardProps>;
+declare const PageCardImage: React__default.FC<PageCardImageProps>;
+declare const PageCardContent: React__default.FC<PageCardContentProps>;
+declare const PageCardHeader: React__default.FC<PageCardHeaderProps>;
+
+type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
+interface HeadingProps extends TypographyProps {
+    /** Element to render. Lets a block pick its heading level independently of its look. */
+    as?: HeadingTag;
+    /**
+     * Font-size classes that override the theme size. Kept apart from
+     * `className` so they are merged before the theme's line-height, which
+     * tailwind-merge would otherwise drop.
+     */
+    sizeClassName?: string;
+}
+/** px size of each Tailwind text size class. */
+declare const TAILWIND_TEXT_PX: Record<string, number>;
+/** CSS `clamp()` growing from `min` px on a phone to `max` px on a desktop. */
+declare function fluidFontSize({ min, max }: {
+    min: number;
+    max: number;
+}): string;
+declare function createHeading(displayName: string, defaultTag: HeadingTag, baseClasses: string, getTypography: (theme?: ThemeStyle) => Typography | undefined): React__default.FC<HeadingProps>;
+
+/** Hero-sized headline, styled separately from section H1s. */
+declare const Display: React.FC<HeadingProps>;
+
+declare const Header1: React.FC<HeadingProps>;
+
+declare const Header2: React.FC<HeadingProps>;
+
+declare const Header3: React.FC<HeadingProps>;
+
+declare const Header4: React.FC<HeadingProps>;
+
+interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    alt?: string;
+    className?: string;
+    theme?: ThemeStyle;
+}
+declare const Image: React__default.FC<ImageProps>;
+
+interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    theme?: ThemeStyle;
+    error?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface LabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
+    theme?: ThemeStyle;
+    error?: boolean;
+}
+declare const Label: React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>;
+
+interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+    disabled?: boolean;
+    style?: React__default.CSSProperties;
+}
+declare const Link: React__default.FC<LinkProps>;
+
+declare const Preheader: React__default.FC<TypographyProps>;
+
+interface SectionProps extends React__default.HTMLAttributes<HTMLElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+    component?: "header" | "footer" | "section";
+    background?: SectionBackground;
+}
+declare const Section: React__default.FC<SectionProps>;
+
+declare const Subheader1: React__default.FC<TypographyProps & {
+    component?: "h5" | "span";
+}>;
+
+declare const Subheader2: React__default.FC<TypographyProps>;
+
+declare const Text1: React__default.FC<TypographyProps & {
+    component?: "p" | "span";
+}>;
+
+declare const Text2: React__default.FC<TypographyProps & {
+    component?: "p" | "span";
+}>;
+
+interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    theme?: ThemeStyle;
+    error?: boolean;
+}
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+export { Badge, type BadgeProps, Button, type ButtonProps, Caption, Display, Header1, Header2, Header3, Header4, type HeadingProps, type HeadingTag, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, PageCard, PageCardContent, type PageCardContentProps, PageCardHeader, type PageCardHeaderProps, PageCardImage, type PageCardImageProps, type PageCardProps, Preheader, Section, Subheader1, Subheader2, TAILWIND_TEXT_PX, Text1, Text2, Textarea, type TextareaProps, createHeading, fluidFontSize };