@takumi-rs/helpers 0.24.0 → 0.25.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, a as Color } from './types-C93nbSJX.cjs';
-export { N as Node } from './types-C93nbSJX.cjs';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as Color } from './types-CrwAkSRU.cjs';
+export { N as Node } from './types-CrwAkSRU.cjs';
 
 declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
 declare function text(text: string, style?: PartialStyle): TextNode;

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, a as Color } from './types-C93nbSJX.js';
-export { N as Node } from './types-C93nbSJX.js';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as Color } from './types-CrwAkSRU.js';
+export { N as Node } from './types-CrwAkSRU.js';
 
 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-C93nbSJX.cjs';
+import { N as Node } from '../types-CrwAkSRU.cjs';
 
 declare function fromJsx(element: ReactNode): Promise<Node[]>;
 

package/dist/jsx/jsx.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { N as Node } from '../types-C93nbSJX.js';
+import { N as Node } from '../types-CrwAkSRU.js';
 
 declare function fromJsx(element: ReactNode): Promise<Node[]>;
 

package/dist/{types-C93nbSJX.d.cts → types-CrwAkSRU.d.cts}

@@ -70,6 +70,13 @@ type BoxShadow = {
  */
 type BoxShadows = Array<BoxShadow>;
 
+/**
+ * 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";
+
 /**
  * This enum determines the layout algorithm used for the children of a node.
  */
@@ -140,6 +147,14 @@ type GridLine = {
     end: GridPlacement | null;
 };
 
+/**
+ * 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 grid track sizing function with serde support
  */
@@ -175,9 +190,14 @@ type GridRepeatTrack = {
      */
     size: GridTrackSize;
     /**
-     * The names of the grid lines
+     * 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> | null;
 };
 
 /**
@@ -186,13 +206,9 @@ type GridRepeatTrack = {
 type GridRepetitionCount = "auto-fill" | "auto-fit" | number;
 
 /**
- * Represents a track sizing function
+ * Represents a track sizing function or a list of line names between tracks
  */
-type GridTemplateComponent = {
-    "single": GridTrackSize;
-} | {
-    "repeat": [GridRepetitionCount, Array<GridRepeatTrack>];
-};
+type GridTemplateComponent = Array<string> | GridTrackSize | [GridRepetitionCount, Array<GridRepeatTrack>];
 
 /**
  * Defines how images should be scaled when rendered.
@@ -283,6 +299,16 @@ type TextAlign = "left" | "right" | "center" | "justify" | "start" | "end";
  */
 type TextOverflow = "ellipsis" | "clip";
 
+/**
+ * Controls the slant (italic/oblique) of text rendering.
+ */
+type TextStyle = "normal" | "italic" | "oblique";
+
+/**
+ * Controls text case transformation when rendering.
+ */
+type TextTransform = "none" | "uppercase" | "lowercase" | "capitalize";
+
 /**
  * Main styling structure that contains all layout and visual properties.
  */
@@ -495,10 +521,26 @@ type Style = {
      * Defines the line names and track sizing functions of the grid rows.
      */
     gridTemplateRows?: Array<GridTemplateComponent>;
+    /**
+     * Defines named grid areas specified via `grid-template-areas`.
+     */
+    gridTemplateAreas?: GridTemplateAreas;
+    /**
+     * How the width and height of an element are calculated.
+     */
+    boxSizing?: BoxSizing;
     /**
      * How text should be overflowed.
      */
     textOverflow?: TextOverflow;
+    /**
+     * Controls text case transformation when rendering.
+     */
+    textTransform?: TextTransform;
+    /**
+     * Font slant style (normal, italic, oblique).
+     */
+    textStyle?: TextStyle;
     /**
      * Color of the element's border.
      */

package/dist/{types-C93nbSJX.d.ts → types-CrwAkSRU.d.ts}

@@ -70,6 +70,13 @@ type BoxShadow = {
  */
 type BoxShadows = Array<BoxShadow>;
 
+/**
+ * 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";
+
 /**
  * This enum determines the layout algorithm used for the children of a node.
  */
@@ -140,6 +147,14 @@ type GridLine = {
     end: GridPlacement | null;
 };
 
+/**
+ * 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 grid track sizing function with serde support
  */
@@ -175,9 +190,14 @@ type GridRepeatTrack = {
      */
     size: GridTrackSize;
     /**
-     * The names of the grid lines
+     * 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> | null;
 };
 
 /**
@@ -186,13 +206,9 @@ type GridRepeatTrack = {
 type GridRepetitionCount = "auto-fill" | "auto-fit" | number;
 
 /**
- * Represents a track sizing function
+ * Represents a track sizing function or a list of line names between tracks
  */
-type GridTemplateComponent = {
-    "single": GridTrackSize;
-} | {
-    "repeat": [GridRepetitionCount, Array<GridRepeatTrack>];
-};
+type GridTemplateComponent = Array<string> | GridTrackSize | [GridRepetitionCount, Array<GridRepeatTrack>];
 
 /**
  * Defines how images should be scaled when rendered.
@@ -283,6 +299,16 @@ type TextAlign = "left" | "right" | "center" | "justify" | "start" | "end";
  */
 type TextOverflow = "ellipsis" | "clip";
 
+/**
+ * Controls the slant (italic/oblique) of text rendering.
+ */
+type TextStyle = "normal" | "italic" | "oblique";
+
+/**
+ * Controls text case transformation when rendering.
+ */
+type TextTransform = "none" | "uppercase" | "lowercase" | "capitalize";
+
 /**
  * Main styling structure that contains all layout and visual properties.
  */
@@ -495,10 +521,26 @@ type Style = {
      * Defines the line names and track sizing functions of the grid rows.
      */
     gridTemplateRows?: Array<GridTemplateComponent>;
+    /**
+     * Defines named grid areas specified via `grid-template-areas`.
+     */
+    gridTemplateAreas?: GridTemplateAreas;
+    /**
+     * How the width and height of an element are calculated.
+     */
+    boxSizing?: BoxSizing;
     /**
      * How text should be overflowed.
      */
     textOverflow?: TextOverflow;
+    /**
+     * Controls text case transformation when rendering.
+     */
+    textTransform?: TextTransform;
+    /**
+     * Font slant style (normal, italic, oblique).
+     */
+    textStyle?: TextStyle;
     /**
      * Color of the element's border.
      */

package/package.json

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