@takumi-rs/helpers 0.33.1 → 0.34.0

package/dist/index.d.cts

@@ -1,5 +1,10 @@
-import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as Color } from './types-RqcFyzbc.cjs';
-export { A as AnyNode, J as JsonValue, N as Node } from './types-RqcFyzbc.cjs';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style } from './types-DxxXoHai.cjs';
+export { A as AnyNode, J as JsonValue, N as Node } from './types-DxxXoHai.cjs';
+
+/**
+ * Represents a color with 8-bit RGBA components.
+ */
+type Color = [number, number, number] | [number, number, number, number] | number | string;
 
 declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
 declare function text(text: string, style?: PartialStyle): TextNode;

package/dist/index.d.ts

@@ -1,5 +1,10 @@
-import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as Color } from './types-RqcFyzbc.js';
-export { A as AnyNode, J as JsonValue, N as Node } from './types-RqcFyzbc.js';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style } from './types-DxxXoHai.js';
+export { A as AnyNode, J as JsonValue, N as Node } from './types-DxxXoHai.js';
+
+/**
+ * Represents a color with 8-bit RGBA components.
+ */
+type Color = [number, number, number] | [number, number, number, number] | number | string;
 
 declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
 declare function text(text: string, style?: PartialStyle): TextNode;

package/dist/jsx/jsx.d.cts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { N as Node } from '../types-RqcFyzbc.cjs';
+import { N as Node } from '../types-DxxXoHai.cjs';
 
 type ReactElementLike = {
     type: string | symbol | ((props: unknown) => ReactElementLike) | ReactElementLike;

package/dist/jsx/jsx.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { N as Node } from '../types-RqcFyzbc.js';
+import { N as Node } from '../types-DxxXoHai.js';
 
 type ReactElementLike = {
     type: string | symbol | ((props: unknown) => ReactElementLike) | ReactElementLike;

package/dist/{types-RqcFyzbc.d.cts → types-DxxXoHai.d.cts}

@@ -17,9 +17,9 @@ type Angle = number | string;
 type AspectRatio = number | "auto" | (string & {});
 
 /**
- * Represents a color with 8-bit RGBA components.
+ * Represents a color input value.
  */
-type Color = [number, number, number] | [number, number, number, number] | number | string;
+type ColorInput = [number, number, number] | [number, number, number, number] | number | "currentColor" | string;
 
 /**
  * Represents a value that can be a specific length, percentage, or automatic.
@@ -64,7 +64,7 @@ type GradientStop = {
     /**
      * The color of the gradient stop.
      */
-    color: Color;
+    color: ColorInput;
     /**
      * The position of the gradient stop.
      */
@@ -246,7 +246,7 @@ type BorderStyle = "solid";
 type Border = {
     width: LengthUnit | null;
     style: BorderStyle | null;
-    color: Color | null;
+    color: ColorInput | null;
 } | string;
 
 /**
@@ -282,7 +282,7 @@ type BoxShadow = {
     /**
      * Color of the shadow.
      */
-    color: Color;
+    color: ColorInput;
 } | string;
 
 /**
@@ -593,7 +593,7 @@ type TextDecorationStyle = "solid";
 type TextDecoration = {
     line: TextDecorationLines;
     style: TextDecorationStyle | null;
-    color: Color | null;
+    color: ColorInput | null;
 } | string;
 
 /**
@@ -622,7 +622,7 @@ type TextShadow = {
     /**
      * Color of the shadow.
      */
-    color: Color;
+    color: ColorInput;
 } | string;
 
 /**
@@ -637,7 +637,7 @@ type TextShadows = Array<TextShadow> | string;
  */
 type TextStroke = {
     width: LengthUnit;
-    color: Color | null;
+    color: ColorInput | null;
 } | string;
 
 /**
@@ -778,7 +778,7 @@ type Style = {
     backgroundPosition: CssValue<CssOption<BackgroundPositions>>;
     backgroundSize: CssValue<CssOption<BackgroundSizes>>;
     backgroundRepeat: CssValue<CssOption<BackgroundRepeats>>;
-    backgroundColor: CssValue<Color>;
+    backgroundColor: CssValue<ColorInput>;
     boxShadow: CssValue<CssOption<BoxShadows>>;
     gridAutoColumns: CssValue<CssOption<GridTrackSizes>>;
     gridAutoRows: CssValue<CssOption<GridTrackSizes>>;
@@ -791,8 +791,8 @@ type Style = {
     textOverflow: CssValue<TextOverflow>;
     textTransform: CssValue<TextTransform>;
     fontStyle: CssValue<FontStyle>;
-    borderColor: CssValue<CssOption<Color>>;
-    color: CssValue<Color>;
+    borderColor: CssValue<CssOption<ColorInput>>;
+    color: CssValue<ColorInput>;
     fontSize: CssValue<CssOption<LengthUnit>>;
     fontFamily: CssValue<CssOption<FontFamily>>;
     lineHeight: CssValue<LineHeight>;
@@ -802,12 +802,12 @@ type Style = {
     lineClamp: CssValue<CssOption<LineClamp>>;
     textAlign: CssValue<TextAlign>;
     textStrokeWidth: CssValue<LengthUnit>;
-    textStrokeColor: CssValue<CssOption<Color>>;
+    textStrokeColor: CssValue<CssOption<ColorInput>>;
     textStroke: CssValue<CssOption<TextStroke>>;
     textShadow: CssValue<CssOption<TextShadows>>;
     textDecoration: CssValue<TextDecoration>;
     textDecorationLine: CssValue<CssOption<TextDecorationLines>>;
-    textDecorationColor: CssValue<CssOption<Color>>;
+    textDecorationColor: CssValue<CssOption<ColorInput>>;
     letterSpacing: CssValue<CssOption<LengthUnit>>;
     wordSpacing: CssValue<CssOption<LengthUnit>>;
     imageRendering: CssValue<ImageScalingAlgorithm>;
@@ -842,4 +842,4 @@ type ImageNode = {
     style?: PartialStyle;
 };
 
-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, Color as a };
+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 };

package/dist/{types-RqcFyzbc.d.ts → types-DxxXoHai.d.ts}

@@ -17,9 +17,9 @@ type Angle = number | string;
 type AspectRatio = number | "auto" | (string & {});
 
 /**
- * Represents a color with 8-bit RGBA components.
+ * Represents a color input value.
  */
-type Color = [number, number, number] | [number, number, number, number] | number | string;
+type ColorInput = [number, number, number] | [number, number, number, number] | number | "currentColor" | string;
 
 /**
  * Represents a value that can be a specific length, percentage, or automatic.
@@ -64,7 +64,7 @@ type GradientStop = {
     /**
      * The color of the gradient stop.
      */
-    color: Color;
+    color: ColorInput;
     /**
      * The position of the gradient stop.
      */
@@ -246,7 +246,7 @@ type BorderStyle = "solid";
 type Border = {
     width: LengthUnit | null;
     style: BorderStyle | null;
-    color: Color | null;
+    color: ColorInput | null;
 } | string;
 
 /**
@@ -282,7 +282,7 @@ type BoxShadow = {
     /**
      * Color of the shadow.
      */
-    color: Color;
+    color: ColorInput;
 } | string;
 
 /**
@@ -593,7 +593,7 @@ type TextDecorationStyle = "solid";
 type TextDecoration = {
     line: TextDecorationLines;
     style: TextDecorationStyle | null;
-    color: Color | null;
+    color: ColorInput | null;
 } | string;
 
 /**
@@ -622,7 +622,7 @@ type TextShadow = {
     /**
      * Color of the shadow.
      */
-    color: Color;
+    color: ColorInput;
 } | string;
 
 /**
@@ -637,7 +637,7 @@ type TextShadows = Array<TextShadow> | string;
  */
 type TextStroke = {
     width: LengthUnit;
-    color: Color | null;
+    color: ColorInput | null;
 } | string;
 
 /**
@@ -778,7 +778,7 @@ type Style = {
     backgroundPosition: CssValue<CssOption<BackgroundPositions>>;
     backgroundSize: CssValue<CssOption<BackgroundSizes>>;
     backgroundRepeat: CssValue<CssOption<BackgroundRepeats>>;
-    backgroundColor: CssValue<Color>;
+    backgroundColor: CssValue<ColorInput>;
     boxShadow: CssValue<CssOption<BoxShadows>>;
     gridAutoColumns: CssValue<CssOption<GridTrackSizes>>;
     gridAutoRows: CssValue<CssOption<GridTrackSizes>>;
@@ -791,8 +791,8 @@ type Style = {
     textOverflow: CssValue<TextOverflow>;
     textTransform: CssValue<TextTransform>;
     fontStyle: CssValue<FontStyle>;
-    borderColor: CssValue<CssOption<Color>>;
-    color: CssValue<Color>;
+    borderColor: CssValue<CssOption<ColorInput>>;
+    color: CssValue<ColorInput>;
     fontSize: CssValue<CssOption<LengthUnit>>;
     fontFamily: CssValue<CssOption<FontFamily>>;
     lineHeight: CssValue<LineHeight>;
@@ -802,12 +802,12 @@ type Style = {
     lineClamp: CssValue<CssOption<LineClamp>>;
     textAlign: CssValue<TextAlign>;
     textStrokeWidth: CssValue<LengthUnit>;
-    textStrokeColor: CssValue<CssOption<Color>>;
+    textStrokeColor: CssValue<CssOption<ColorInput>>;
     textStroke: CssValue<CssOption<TextStroke>>;
     textShadow: CssValue<CssOption<TextShadows>>;
     textDecoration: CssValue<TextDecoration>;
     textDecorationLine: CssValue<CssOption<TextDecorationLines>>;
-    textDecorationColor: CssValue<CssOption<Color>>;
+    textDecorationColor: CssValue<CssOption<ColorInput>>;
     letterSpacing: CssValue<CssOption<LengthUnit>>;
     wordSpacing: CssValue<CssOption<LengthUnit>>;
     imageRendering: CssValue<ImageScalingAlgorithm>;
@@ -842,4 +842,4 @@ type ImageNode = {
     style?: PartialStyle;
 };
 
-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, Color as a };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takumi-rs/helpers",
-  "version": "0.33.1",
+  "version": "0.34.0",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",