@takumi-rs/helpers 0.52.1 → 0.53.0

package/dist/types-Dm5SijB6.d.cts

@@ -1,985 +0,0 @@
-/**
- * Defines how flex items are aligned along the cross axis.
- *
- * This enum determines how items are aligned within the flex container
- * along the cross axis (perpendicular to the main axis).
- */
-type AlignItems = "normal" | "start" | "end" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
-
-/**
- * Represents an angle value in degrees.
- */
-type Angle = number | string;
-
-/**
- * Represents a aspect ratio.
- */
-type AspectRatio = number | "auto" | (string & {});
-
-/**
- * Represents a color input value.
- */
-type ColorInput = [number, number, number] | [number, number, number, number] | number | "currentColor" | string;
-
-/**
- * Represents a value that can be a specific length, percentage, or automatic.
- *
- * This corresponds to CSS values that can be specified as pixels, percentages,
- * or the 'auto' keyword for automatic sizing.
- */
-type LengthUnit = "auto" | {
-    percentage: number;
-} | {
-    rem: number;
-} | {
-    em: number;
-} | {
-    vh: number;
-} | {
-    vw: number;
-} | {
-    cm: number;
-} | {
-    mm: number;
-} | {
-    in: number;
-} | {
-    Q: number;
-} | {
-    Pt: number;
-} | {
-    Pc: number;
-} | number | string;
-
-/**
- * Represents a gradient stop position.
- * If a percentage or number (0.0-1.0) is provided, it is treated as a percentage.
- */
-type StopPosition = LengthUnit | string;
-
-/**
- * Represents a gradient stop.
- */
-type GradientStop = {
-    /**
-     * The color of the gradient stop.
-     */
-    color: ColorInput;
-    /**
-     * The position of the gradient stop.
-     */
-    hint?: StopPosition;
-} | StopPosition;
-
-/**
- * Represents a linear gradient.
- */
-type LinearGradient = {
-    /**
-     * The angle of the gradient.
-     */
-    angle: Angle;
-    /**
-     * The steps of the gradient.
-     */
-    stops: Array<GradientStop>;
-} | string;
-
-/**
- * Procedural noise gradient that generates organic, natural-looking patterns using fractal Brownian motion.
- * This creates dynamic textures that can be used as backgrounds or overlays with customizable parameters
- * for controlling the noise characteristics and visual appearance.
- */
-type NoiseV1 = {
-    /**
-     * Random seed value that determines the unique noise pattern generated
-     */
-    seed?: number;
-    /**
-     * Controls the opacity of the noise pattern. 0.0 is fully transparent, 1.0 is fully opaque
-     */
-    opacity?: number;
-};
-
-/**
- * Horizontal keywords for `background-position`.
- */
-type PositionKeywordX = "left" | "center" | "right";
-
-/**
- * Vertical keywords for `background-position`.
- */
-type PositionKeywordY = "top" | "center" | "bottom";
-
-/**
- * A single `background-position` component for an axis.
- */
-type PositionComponent = PositionKeywordX | PositionKeywordY | LengthUnit;
-
-/**
- * A pair of values for horizontal and vertical axes.
- */
-type SpacePair<T> = T | {
-    x: T;
-    y: T;
-} | string;
-
-/**
- * Parsed `background-position` value for one layer.
- */
-type BackgroundPosition = SpacePair<PositionComponent>;
-
-/**
- * Supported shapes for radial gradients
- */
-type RadialShape = "circle" | "ellipse";
-
-/**
- * Supported size keywords for radial gradients
- */
-type RadialSize = "closest-side" | "farthest-side" | "closest-corner" | "farthest-corner";
-
-/**
- * Represents a radial gradient.
- */
-type RadialGradient = {
-    /**
-     * The radial gradient shape
-     */
-    shape: RadialShape;
-    /**
-     * The sizing mode for the gradient
-     */
-    size: RadialSize;
-    /**
-     * Center position
-     */
-    center: BackgroundPosition;
-    /**
-     * Gradient stops
-     */
-    stops: Array<GradientStop>;
-};
-
-/**
- * Background image variants supported by Takumi.
- */
-type BackgroundImage = LinearGradient | RadialGradient | NoiseV1 | string;
-
-/**
- * A collection of background images.
- */
-type BackgroundImages = Array<BackgroundImage> | string;
-
-/**
- * A list of `background-position` values (one per layer).
- */
-type BackgroundPositions = Array<BackgroundPosition> | string;
-
-/**
- * Per-axis repeat style.
- */
-type BackgroundRepeatStyle = "repeat" | "no-repeat" | "space" | "round";
-
-/**
- * Combined repeat for X and Y axes.
- */
-type BackgroundRepeat = [BackgroundRepeatStyle, BackgroundRepeatStyle];
-
-/**
- * A list of background-repeat values (layered).
- */
-type BackgroundRepeats = Array<BackgroundRepeat> | string;
-
-/**
- * Parsed `background-size` for one layer.
- */
-type BackgroundSize = "Cover" | "Contain" | {
-    Explicit: {
-        /**
-         * Width value for the background image.
-         */
-        width: LengthUnit;
-        /**
-         * Height value for the background image.
-         */
-        height: LengthUnit;
-    };
-};
-
-/**
- * A list of `background-size` values (one per layer).
- */
-type BackgroundSizes = Array<BackgroundSize> | string;
-
-/**
- * Represents a position for circle() and ellipse() functions.
- */
-type ShapePosition = SpacePair<LengthUnit>;
-
-/**
- * Represents radius values for circle() and ellipse() functions.
- */
-type ShapeRadius = "closest-side" | "farthest-side" | LengthUnit;
-
-/**
- * Represents a circle() shape.
- */
-type CircleShape = {
-    /**
-     * The radius of the circle
-     */
-    radius: ShapeRadius;
-    /**
-     * The center position of the circle
-     */
-    position: ShapePosition;
-};
-
-/**
- * Represents an ellipse() shape.
- */
-type EllipseShape = {
-    /**
-     * The horizontal radius
-     */
-    radiusX: ShapeRadius;
-    /**
-     * The vertical radius
-     */
-    radiusY: ShapeRadius;
-    /**
-     * The center position of the ellipse
-     */
-    position: ShapePosition;
-};
-
-/**
- * Represents the values for the four sides of a box (top, right, bottom, left).
- */
-type Sides<T> = string | [T, T, T, T] | [T, T] | T;
-
-/**
- * Represents an inset() rectangle shape.
- *
- * The inset() function creates an inset rectangle, with its size defined by the offset distance
- * of each of the four sides of its container and, optionally, rounded corners.
- */
-type InsetShape = {
-    /**
-     * Sides of the inset.
-     */
-    inset: Sides<LengthUnit>;
-    /**
-     * Optional border radius for rounded corners
-     */
-    borderRadius: Sides<LengthUnit> | null;
-};
-
-/**
- * Represents the fill rule used for determining the interior of shapes.
- *
- * Corresponds to the SVG fill-rule attribute and is used in polygon(), path(), and shape() functions.
- */
-type FillRule = "non-zero" | "even-odd";
-
-/**
- * Represents a path() shape using an SVG path string.
- */
-type PathShape = {
-    /**
-     * The fill rule to use
-     */
-    fillRule: FillRule | null;
-    /**
-     * SVG path data string
-     */
-    path: string;
-};
-
-/**
- * Represents a polygon() shape.
- */
-type PolygonShape = {
-    /**
-     * The fill rule to use
-     */
-    fillRule: FillRule | null;
-    /**
-     * List of coordinate pairs defining the polygon vertices
-     */
-    coordinates: Array<SpacePair<LengthUnit>>;
-};
-
-/**
- * Represents a basic shape function for clip-path.
- */
-type BasicShape = ({
-    type: "inset";
-} & InsetShape) | ({
-    type: "circle";
-} & CircleShape) | ({
-    type: "ellipse";
-} & EllipseShape) | ({
-    type: "polygon";
-} & PolygonShape) | ({
-    type: "path";
-} & PathShape) | string;
-
-/**
- * Represents border style options (currently only solid is supported).
- */
-type BorderStyle = "solid";
-
-/**
- * Parsed `border` value.
- */
-type Border = {
-    width: LengthUnit | null;
-    style: BorderStyle | null;
-    color: ColorInput | null;
-} | string;
-
-/**
- * Represents a box shadow with all its properties.
- *
- * Box shadows can be either outset (default) or inset, and consist of:
- * - Horizontal and vertical offsets
- * - Blur radius (optional, defaults to 0)
- * - Spread radius (optional, defaults to 0)
- * - Color (optional, defaults to transparent)
- */
-type BoxShadow = {
-    /**
-     * Whether the shadow is inset (inside the element) or outset (outside the element).
-     */
-    inset: boolean;
-    /**
-     * Horizontal offset of the shadow.
-     */
-    offsetX: LengthUnit;
-    /**
-     * Vertical offset of the shadow.
-     */
-    offsetY: LengthUnit;
-    /**
-     * Blur radius of the shadow. Higher values create a more blurred shadow.
-     */
-    blurRadius: LengthUnit;
-    /**
-     * Spread radius of the shadow. Positive values expand the shadow, negative values shrink it.
-     */
-    spreadRadius: LengthUnit;
-    /**
-     * Color of the shadow.
-     */
-    color: ColorInput;
-} | string;
-
-/**
- * Represents a collection of box shadows, have custom `FromCss` implementation for comma-separated values.
- */
-type BoxShadows = Array<BoxShadow> | string;
-
-/**
- * Defines how the width and height of an element are calculated.
- *
- * This enum determines whether the width and height properties include padding and border, or just the content area.
- */
-type BoxSizing = "content-box" | "border-box";
-
-/**
- * Proxy type for CSS `Option` serialization/deserialization.
- */
-type CssOption<T> = T | null;
-
-/**
- * CSS Global keyword
- */
-type CssGlobalKeyword = "initial" | "inherit";
-
-/**
- * Represents a CSS property value that can be explicitly set, inherited from parent, or reset to initial value.
- */
-type CssValue<T> = CssGlobalKeyword | T;
-
-/**
- * This enum determines the layout algorithm used for the children of a node.
- */
-type Display = "none" | "flex" | "grid" | "inline" | "block";
-
-/**
- * Represents a single CSS filter operation
- */
-type Filter = {
-    brightness: number;
-} | {
-    contrast: number;
-} | {
-    grayscale: number;
-} | {
-    saturate: number;
-} | {
-    "hue-rotate": Angle;
-} | {
-    invert: number;
-} | {
-    opacity: number;
-};
-
-/**
- * A list of filter operations
- */
-type Filters = Array<Filter> | string;
-
-/**
- * Represents a flex shorthand property for flex-grow, flex-shrink, and flex-basis.
- */
-type Flex = {
-    grow: number | null;
-    shrink: number | null;
-    basis: LengthUnit | null;
-} | number | "auto" | "none" | string;
-
-/**
- * Defines the direction of flex items within a flex container.
- *
- * This enum determines how flex items are laid out along the main axis.
- */
-type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
-
-/**
- * Represents a flex grow value.
- */
-type FlexGrow = number | string;
-
-/**
- * Defines how flex items should wrap.
- *
- * This enum determines how flex items should wrap within the flex container.
- */
-type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
-
-/**
- * Represents a font family for text rendering.
- * Multi value fallback is supported.
- */
-type FontFamily = string;
-
-/**
- * Controls OpenType font features via CSS font-feature-settings property.
- *
- * This allows enabling/disabling specific typographic features in OpenType fonts
- * such as ligatures, kerning, small caps, and other advanced typography features.
- */
-type FontFeatureSettings = string;
-
-/**
- * Controls the slant (italic/oblique) of text rendering.
- */
-type FontStyle = "normal" | "italic" | "oblique" | `oblique ${string}deg`;
-
-/**
- * Controls variable font axis values via CSS font-variation-settings property.
- *
- * This allows fine-grained control over variable font characteristics like weight,
- * width, slant, and other custom axes defined in the font.
- */
-type FontVariationSettings = string;
-
-/**
- * Represents font weight value.
- */
-type FontWeight = string | number;
-
-/**
- * Represents the direction of the grid auto flow.
- */
-type GridDirection = "row" | "column";
-
-/**
- * Represents the flow of the grid auto placement.
- */
-type GridAutoFlow = {
-    direction: GridDirection;
-    dense: boolean;
-} | string;
-
-/**
- * Represents a grid placement keyword
- */
-type GridPlacementKeyword = "auto";
-
-/**
- * Represents a grid placement span
- */
-type GridPlacementSpan = {
-    span: number;
-};
-
-/**
- * Represents a grid placement with serde support
- */
-type GridPlacement = GridPlacementKeyword | GridPlacementSpan | number | string;
-
-/**
- * Represents a grid line placement with serde support
- */
-type GridLine = {
-    /**
-     * The start line placement
-     */
-    start?: GridPlacement;
-    /**
-     * The end line placement
-     */
-    end?: GridPlacement;
-};
-
-/**
- * Represents `grid-template-areas` value
- *
- * Supports either a 2D matrix of area names (use "." for empty) or a CSS string value
- * like: "a a ." "b b c"
- */
-type GridTemplateAreas = Array<Array<string>> | string;
-
-/**
- * Represents a fraction of the available space
- */
-type FrLengthUnit = {
-    fr: number;
-};
-
-/**
- * Represents a grid track sizing function with serde support
- */
-type GridLengthUnit = FrLengthUnit | LengthUnit | string;
-
-/**
- * Represents a grid minmax()
- */
-type GridMinMaxSize = {
-    /**
-     * The minimum size of the grid item
-     */
-    min: GridLengthUnit;
-    /**
-     * The maximum size of the grid item
-     */
-    max: GridLengthUnit;
-};
-
-/**
- * Represents a grid track size
- */
-type GridTrackSize = GridMinMaxSize | GridLengthUnit;
-
-/**
- * Represents a grid repeat track
- */
-type GridRepeatTrack = {
-    /**
-     * The size of the grid track
-     */
-    size: GridTrackSize;
-    /**
-     * The names for the line preceding this track within the repeat() clause
-     */
-    names: Array<string>;
-    /**
-     * The names for the final line after the last track within the repeat() clause
-     * Only set on the last track of the repeat fragment. For other tracks this is None.
-     */
-    endNames?: Array<string>;
-};
-
-/**
- * Represents grid track repetition keywords
- */
-type GridRepetitionKeyword = "auto-fill" | "auto-fit";
-
-/**
- * Represents a grid track repetition pattern
- */
-type GridRepetitionCount = GridRepetitionKeyword | number;
-
-/**
- * Represents a track sizing function or a list of line names between tracks
- */
-type GridTemplateComponent = Array<string> | GridTrackSize | [GridRepetitionCount, Array<GridRepeatTrack>];
-
-/**
- * A transparent wrapper around a list of `GridTemplateComponent`.
- *
- * This exists to provide a distinct type for template component lists while
- * preserving JSON compatibility (serialized as a plain array) and clean TS types.
- */
-type GridTemplateComponents = Array<GridTemplateComponent> | string;
-
-/**
- * A wrapper around a list of `GridTrackSize` that can also be parsed from a CSS string.
- */
-type GridTrackSizes = Array<GridTrackSize> | string;
-
-/**
- * Defines how images should be scaled when rendered.
- */
-type ImageScalingAlgorithm = "auto" | "smooth" | "pixelated";
-
-/**
- * Defines how flex items are aligned along the main axis.
- *
- * This enum determines how space is distributed between and around flex items
- * along the main axis of the flex container.
- */
-type JustifyContent = "normal" | "start" | "end" | "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-evenly" | "space-around";
-
-/**
- * Represents a line clamp value.
- */
-type LineClamp = {
-    count: number;
-    ellipsis: string | null;
-} | number | string;
-
-/**
- * Represents a line height value, number value is parsed as em.
- */
-type LineHeight = number | string | LengthUnit;
-
-/**
- * Defines how an image should be resized to fit its container.
- *
- * Similar to CSS object-fit property.
- */
-type ObjectFit = "fill" | "contain" | "cover" | "scale-down" | "none";
-
-/**
- * How children overflowing their container should affect layout
- */
-type Overflow = "visible" | "hidden";
-
-/**
- * Represents overflow values for both axes.
- *
- * Can be either a single value applied to both axes, or separate values
- * for horizontal and vertical overflow.
- */
-type Overflows = SpacePair<Overflow>;
-
-/**
- * Controls how text should be overflowed.
- */
-type OverflowWrap = "normal" | "anywhere" | "break-word";
-
-/**
- * Represents a percentage value (0.0-1.0) in CSS parsing.
- *
- * This struct wraps an f32 value that represents a percentage
- * where 0.0 corresponds to 0% and 1.0 corresponds to 100%.
- */
-type PercentageNumber = string | number;
-
-/**
- * Defines the positioning method for an element.
- *
- * This enum determines how an element is positioned within its containing element.
- */
-type Position = "relative" | "absolute";
-
-/**
- * Text alignment options for text rendering.
- *
- * Corresponds to CSS text-align property values.
- */
-type TextAlign = "left" | "right" | "center" | "justify" | "start" | "end";
-
-/**
- * Represents text decoration line options.
- */
-type TextDecorationLine = "underline" | "line-through" | "overline";
-
-/**
- * Represents a collection of text decoration lines.
- */
-type TextDecorationLines = Array<TextDecorationLine> | string;
-
-/**
- * Represents text decoration style options (currently only solid is supported).
- */
-type TextDecorationStyle = "solid";
-
-/**
- * Parsed `text-decoration` value.
- */
-type TextDecoration = {
-    line: TextDecorationLines;
-    style: TextDecorationStyle | null;
-    color: ColorInput | null;
-} | string;
-
-/**
- * Defines how text should be overflowed.
- *
- * This enum determines how text should be handled when it exceeds the container width.
- */
-type TextOverflow = "clip" | "ellipsis" | string;
-
-/**
- * Represents a text shadow with all its properties.
- */
-type TextShadow = {
-    /**
-     * Horizontal offset of the shadow.
-     */
-    offsetX: LengthUnit;
-    /**
-     * Vertical offset of the shadow.
-     */
-    offsetY: LengthUnit;
-    /**
-     * Blur radius of the shadow. Higher values create a more blurred shadow.
-     */
-    blurRadius: LengthUnit;
-    /**
-     * Color of the shadow.
-     */
-    color: ColorInput;
-} | string;
-
-/**
- * Represents a collection of text shadows; has custom `FromCss` implementation for comma-separated values.
- */
-type TextShadows = Array<TextShadow> | string;
-
-/**
- * Parsed `text-stroke` value.
- *
- * `color` is optional; when absent the element's `color` property should be used.
- */
-type TextStroke = {
-    width: LengthUnit;
-    color: ColorInput | null;
-} | string;
-
-/**
- * Controls text case transformation when rendering.
- */
-type TextTransform = "none" | "uppercase" | "lowercase" | "capitalize";
-
-/**
- * Controls whether text should be wrapped.
- */
-type TextWrapMode = "wrap" | "nowrap";
-
-/**
- * | a b x |
- * | c d y |
- * | 0 0 1 |
- */
-type Affine = string;
-
-/**
- * Represents a single CSS transform operation
- */
-type Transform = {
-    translate: [LengthUnit, LengthUnit];
-} | {
-    scale: [number, number];
-} | {
-    rotate: Angle;
-} | {
-    skew: [Angle, Angle];
-} | {
-    matrix: Affine;
-};
-
-/**
- * A collection of transform operations that can be applied together
- */
-type Transforms = Array<Transform> | string;
-
-/**
- * Controls how whitespace should be collapsed.
- */
-type WhiteSpaceCollapse = "preserve" | "collapse" | "preserve-spaces" | "preserve-breaks";
-
-type WhiteSpaceKeywords = "normal" | "pre" | "pre-wrap" | "pre-line";
-
-/**
- * Controls how whitespace should be handled.
- */
-type WhiteSpace = WhiteSpaceKeywords | {
-    textWrapMode: TextWrapMode;
-    whiteSpaceCollapse: WhiteSpaceCollapse;
-} | string;
-
-/**
- * Controls how text should be broken at word boundaries.
- *
- * Corresponds to CSS word-break property.
- */
-type WordBreak = "normal" | "break-all" | "keep-all" | "break-word";
-
-/**
- * Defines the style of an element.
- */
-type Style = {
-    boxSizing: CssValue<BoxSizing>;
-    opacity: CssValue<PercentageNumber>;
-    display: CssValue<Display>;
-    width: CssValue<LengthUnit>;
-    height: CssValue<LengthUnit>;
-    maxWidth: CssValue<LengthUnit>;
-    maxHeight: CssValue<LengthUnit>;
-    minWidth: CssValue<LengthUnit>;
-    minHeight: CssValue<LengthUnit>;
-    aspectRatio: CssValue<AspectRatio>;
-    padding: CssValue<Sides<LengthUnit>>;
-    paddingInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    paddingBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    paddingTop: CssValue<CssOption<LengthUnit>>;
-    paddingRight: CssValue<CssOption<LengthUnit>>;
-    paddingBottom: CssValue<CssOption<LengthUnit>>;
-    paddingLeft: CssValue<CssOption<LengthUnit>>;
-    margin: CssValue<Sides<LengthUnit>>;
-    marginInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    marginBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    marginTop: CssValue<CssOption<LengthUnit>>;
-    marginRight: CssValue<CssOption<LengthUnit>>;
-    marginBottom: CssValue<CssOption<LengthUnit>>;
-    marginLeft: CssValue<CssOption<LengthUnit>>;
-    inset: CssValue<Sides<LengthUnit>>;
-    insetInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    insetBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    top: CssValue<CssOption<LengthUnit>>;
-    right: CssValue<CssOption<LengthUnit>>;
-    bottom: CssValue<CssOption<LengthUnit>>;
-    left: CssValue<CssOption<LengthUnit>>;
-    flexDirection: CssValue<FlexDirection>;
-    justifySelf: CssValue<AlignItems>;
-    justifyContent: CssValue<JustifyContent>;
-    alignContent: CssValue<JustifyContent>;
-    justifyItems: CssValue<AlignItems>;
-    alignItems: CssValue<AlignItems>;
-    alignSelf: CssValue<AlignItems>;
-    flexWrap: CssValue<FlexWrap>;
-    flexBasis: CssValue<CssOption<LengthUnit>>;
-    position: CssValue<Position>;
-    rotate: CssValue<CssOption<Angle>>;
-    scale: CssValue<CssOption<SpacePair<PercentageNumber>>>;
-    scaleX: CssValue<CssOption<PercentageNumber>>;
-    scaleY: CssValue<CssOption<PercentageNumber>>;
-    transform: CssValue<CssOption<Transforms>>;
-    transformOrigin: CssValue<CssOption<BackgroundPosition>>;
-    translate: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    translateX: CssValue<CssOption<LengthUnit>>;
-    translateY: CssValue<CssOption<LengthUnit>>;
-    maskImage: CssValue<CssOption<BackgroundImages>>;
-    maskSize: CssValue<CssOption<BackgroundSizes>>;
-    maskPosition: CssValue<CssOption<BackgroundPositions>>;
-    maskRepeat: CssValue<CssOption<BackgroundRepeats>>;
-    gap: CssValue<SpacePair<LengthUnit>>;
-    columnGap: CssValue<CssOption<LengthUnit>>;
-    rowGap: CssValue<CssOption<LengthUnit>>;
-    flex: CssValue<CssOption<Flex>>;
-    flexGrow: CssValue<CssOption<FlexGrow>>;
-    flexShrink: CssValue<CssOption<FlexGrow>>;
-    borderRadius: CssValue<Sides<LengthUnit>>;
-    borderTopLeftRadius: CssValue<CssOption<LengthUnit>>;
-    borderTopRightRadius: CssValue<CssOption<LengthUnit>>;
-    borderBottomRightRadius: CssValue<CssOption<LengthUnit>>;
-    borderBottomLeftRadius: CssValue<CssOption<LengthUnit>>;
-    borderWidth: CssValue<CssOption<Sides<LengthUnit>>>;
-    borderInlineWidth: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    borderBlockWidth: CssValue<CssOption<SpacePair<LengthUnit>>>;
-    borderTopWidth: CssValue<CssOption<LengthUnit>>;
-    borderRightWidth: CssValue<CssOption<LengthUnit>>;
-    borderBottomWidth: CssValue<CssOption<LengthUnit>>;
-    borderLeftWidth: CssValue<CssOption<LengthUnit>>;
-    border: CssValue<Border>;
-    objectFit: CssValue<ObjectFit>;
-    overflow: CssValue<Overflows>;
-    overflowX: CssValue<CssOption<Overflow>>;
-    overflowY: CssValue<CssOption<Overflow>>;
-    objectPosition: CssValue<BackgroundPosition>;
-    backgroundImage: CssValue<CssOption<BackgroundImages>>;
-    backgroundPosition: CssValue<CssOption<BackgroundPositions>>;
-    backgroundSize: CssValue<CssOption<BackgroundSizes>>;
-    backgroundRepeat: CssValue<CssOption<BackgroundRepeats>>;
-    backgroundColor: CssValue<ColorInput>;
-    boxShadow: CssValue<CssOption<BoxShadows>>;
-    gridAutoColumns: CssValue<CssOption<GridTrackSizes>>;
-    gridAutoRows: CssValue<CssOption<GridTrackSizes>>;
-    gridAutoFlow: CssValue<CssOption<GridAutoFlow>>;
-    gridColumn: CssValue<CssOption<GridLine>>;
-    gridRow: CssValue<CssOption<GridLine>>;
-    gridTemplateColumns: CssValue<CssOption<GridTemplateComponents>>;
-    gridTemplateRows: CssValue<CssOption<GridTemplateComponents>>;
-    gridTemplateAreas: CssValue<CssOption<GridTemplateAreas>>;
-    textOverflow: CssValue<TextOverflow>;
-    textTransform: CssValue<TextTransform>;
-    fontStyle: CssValue<FontStyle>;
-    borderColor: CssValue<CssOption<ColorInput>>;
-    color: CssValue<ColorInput>;
-    filter: CssValue<CssOption<Filters>>;
-    fontSize: CssValue<CssOption<LengthUnit>>;
-    fontFamily: CssValue<CssOption<FontFamily>>;
-    lineHeight: CssValue<LineHeight>;
-    fontWeight: CssValue<FontWeight>;
-    fontVariationSettings: CssValue<CssOption<FontVariationSettings>>;
-    fontFeatureSettings: CssValue<CssOption<FontFeatureSettings>>;
-    lineClamp: CssValue<CssOption<LineClamp>>;
-    textAlign: CssValue<TextAlign>;
-    textStrokeWidth: CssValue<LengthUnit>;
-    textStrokeColor: CssValue<CssOption<ColorInput>>;
-    textStroke: CssValue<CssOption<TextStroke>>;
-    textShadow: CssValue<CssOption<TextShadows>>;
-    textDecoration: CssValue<TextDecoration>;
-    textDecorationLine: CssValue<CssOption<TextDecorationLines>>;
-    textDecorationColor: CssValue<CssOption<ColorInput>>;
-    letterSpacing: CssValue<CssOption<LengthUnit>>;
-    wordSpacing: CssValue<CssOption<LengthUnit>>;
-    imageRendering: CssValue<ImageScalingAlgorithm>;
-    overflowWrap: CssValue<OverflowWrap>;
-    wordBreak: CssValue<WordBreak>;
-    clipPath: CssValue<CssOption<BasicShape>>;
-    clipRule: CssValue<FillRule>;
-    whiteSpace: CssValue<WhiteSpace>;
-    whiteSpaceCollapse: CssValue<CssOption<WhiteSpaceCollapse>>;
-    textWrapMode: CssValue<CssOption<TextWrapMode>>;
-    textWrap: CssValue<CssOption<TextWrapMode>>;
-};
-
-type JsonValue = string | number | boolean | null | JsonValue[] | {
-    [key: string]: JsonValue;
-};
-type AnyNode = {
-    type: string;
-    [key: string]: JsonValue;
-};
-type PartialStyle = Partial<Style>;
-type Node = ContainerNode | TextNode | ImageNode | AnyNode;
-type ContainerNode = {
-    type: "container";
-    style?: PartialStyle;
-    children?: Node[];
-    tw?: string;
-};
-type TextNode = {
-    type: "text";
-    text: string;
-    style?: PartialStyle;
-    tw?: string;
-};
-type ImageNode = {
-    type: "image";
-    src: string;
-    width?: number;
-    height?: number;
-    style?: PartialStyle;
-    tw?: string;
-};
-
-export type { AnyNode as A, ContainerNode as C, ImageNode as I, JsonValue as J, Node as N, PartialStyle as P, Style as S, TextNode as T, ColorInput as a };