@takumi-rs/helpers 0.36.2 → 0.37.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-BMFshQSu.cjs';
-export { A as AnyNode, J as JsonValue, N as Node } from './types-BMFshQSu.cjs';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style } from './types-CsAVGMBu.cjs';
+export { A as AnyNode, J as JsonValue, N as Node } from './types-CsAVGMBu.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-BMFshQSu.js';
-export { A as AnyNode, J as JsonValue, N as Node } from './types-BMFshQSu.js';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style } from './types-CsAVGMBu.js';
+export { A as AnyNode, J as JsonValue, N as Node } from './types-CsAVGMBu.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-BMFshQSu.cjs';
+import { N as Node } from '../types-CsAVGMBu.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-BMFshQSu.js';
+import { N as Node } from '../types-CsAVGMBu.js';
 
 type ReactElementLike = {
     type: string | symbol | ((props: unknown) => ReactElementLike) | ReactElementLike;

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

@@ -564,11 +564,32 @@ type LineHeight = number | string | LengthUnit;
  */
 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 = Overflow | [Overflow, Overflow] | string;
+
 /**
  * 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.
  *
@@ -739,6 +760,7 @@ type WordBreak = "normal" | "break-all" | "keep-all";
  */
 type Style = {
     boxSizing: CssValue<BoxSizing>;
+    opacity: CssValue<PercentageNumber>;
     display: CssValue<Display>;
     width: CssValue<LengthUnit>;
     height: CssValue<LengthUnit>;
@@ -797,6 +819,9 @@ type Style = {
     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>>;

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

@@ -564,11 +564,32 @@ type LineHeight = number | string | LengthUnit;
  */
 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 = Overflow | [Overflow, Overflow] | string;
+
 /**
  * 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.
  *
@@ -739,6 +760,7 @@ type WordBreak = "normal" | "break-all" | "keep-all";
  */
 type Style = {
     boxSizing: CssValue<BoxSizing>;
+    opacity: CssValue<PercentageNumber>;
     display: CssValue<Display>;
     width: CssValue<LengthUnit>;
     height: CssValue<LengthUnit>;
@@ -797,6 +819,9 @@ type Style = {
     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>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takumi-rs/helpers",
-  "version": "0.36.2",
+  "version": "0.37.0",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",
@@ -10,15 +10,15 @@
     "url": "git+https://github.com/kane50613/takumi.git"
   },
   "devDependencies": {
-    "@types/bun": "^1.2.23",
+    "@types/bun": "catalog:",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "bun-plugin-dts": "^0.3.0",
-    "lucide-react": "^0.545.0",
+    "lucide-react": "^0.546.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
+    "typescript": "catalog:"
   },
   "exports": {
     ".": {