@takumi-rs/helpers 0.35.2 → 0.36.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style } from './types-COoQZHpr.cjs';
-export { A as AnyNode, J as JsonValue, N as Node } from './types-COoQZHpr.cjs';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style } from './types-BMFshQSu.cjs';
+export { A as AnyNode, J as JsonValue, N as Node } from './types-BMFshQSu.cjs';
 
 /**
  * Represents a color with 8-bit RGBA components.

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style } from './types-COoQZHpr.js';
-export { A as AnyNode, J as JsonValue, N as Node } from './types-COoQZHpr.js';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style } from './types-BMFshQSu.js';
+export { A as AnyNode, J as JsonValue, N as Node } from './types-BMFshQSu.js';
 
 /**
  * Represents a color with 8-bit RGBA components.

package/dist/jsx/jsx.d.cts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { N as Node } from '../types-COoQZHpr.cjs';
+import { N as Node } from '../types-BMFshQSu.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-COoQZHpr.js';
+import { N as Node } from '../types-BMFshQSu.js';
 
 type ReactElementLike = {
     type: string | symbol | ((props: unknown) => ReactElementLike) | ReactElementLike;

package/dist/{types-COoQZHpr.d.cts → types-BMFshQSu.d.cts}

@@ -317,6 +317,30 @@ type CssValue<T> = CssGlobalKeyword | T;
  */
 type Display = "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.
  */
@@ -793,6 +817,7 @@ type Style = {
     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>;

package/dist/{types-COoQZHpr.d.ts → types-BMFshQSu.d.ts}

@@ -317,6 +317,30 @@ type CssValue<T> = CssGlobalKeyword | T;
  */
 type Display = "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.
  */
@@ -793,6 +817,7 @@ type Style = {
     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>;

package/package.json

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