@takumi-rs/helpers 0.12.2 → 0.13.0

package/dist/index.d.ts

@@ -98,6 +98,10 @@ export type BoxShadow = {
  * a single shadow or multiple shadows.
  */
 export type BoxShadowInput = BoxShadow | Array<BoxShadow>;
+/**
+ * This enum determines the layout algorithm used for the children of a node.
+ */
+export type Display = "block" | "flex" | "grid" | "none";
 /**
  * Defines the direction of flex items within a flex container.
  *
@@ -127,6 +131,33 @@ export type Gap = LengthUnit | [
 	LengthUnit,
 	LengthUnit
 ];
+/**
+ * Represents the grid auto flow with serde support
+ */
+export type GridAutoFlow = "row" | "column" | "row-dense" | "column-dense";
+/**
+ * Represents a grid placement with serde support
+ */
+export type GridPlacement = null | number | number | string;
+/**
+ * Represents a grid line placement with serde support
+ */
+export type GridLine = {
+	/**
+	 * The start line placement
+	 */
+	start: GridPlacement | null;
+	/**
+	 * The end line placement
+	 */
+	end: GridPlacement | null;
+};
+/**
+ * Represents a grid track sizing function with serde support
+ */
+export type GridTrackSize = {
+	"fr": number;
+} | "min-content" | "max-content" | LengthUnit;
 /**
  * Defines how flex items are aligned along the main axis.
  *
@@ -145,7 +176,7 @@ export type ObjectFit = "contain" | "cover" | "fill" | "scale-down" | "none";
  *
  * This enum determines how an element is positioned within its containing element.
  */
-type Position$1 = "static" | "relative" | "absolute" | "fixed" | "sticky";
+type Position$1 = "relative" | "absolute";
 /**
  * Represents values that can be applied to all sides of an element.
  *
@@ -174,6 +205,21 @@ export type TextAlign = "left" | "right" | "center" | "justify" | "start" | "end
  * This enum determines how text should be handled when it exceeds the container width.
  */
 export type TextOverflow = "ellipsis" | "clip";
+/**
+ * Represents a grid track repetition pattern
+ */
+export type GridTrackRepetition = "auto-fill" | "auto-fit" | number;
+/**
+ * Represents a track sizing function
+ */
+export type TrackSizingFunction = {
+	"single": GridTrackSize;
+} | {
+	"repeat": [
+		GridTrackRepetition,
+		Array<GridTrackSize>
+	];
+};
 /**
  * Main styling structure that contains all layout and visual properties.
  *
@@ -182,6 +228,10 @@ export type TextOverflow = "ellipsis" | "clip";
  * down to child elements.
  */
 export type Style = {
+	/**
+	 * Display algorithm to use for the element
+	 */
+	display: Display;
 	/**
 	 * Width of the element
 	 */
@@ -274,6 +324,34 @@ export type Style = {
 	 * Box shadow for the element
 	 */
 	box_shadow?: BoxShadowInput;
+	/**
+	 * Controls the size of implicitly-created grid columns
+	 */
+	grid_auto_columns?: Array<GridTrackSize>;
+	/**
+	 * Controls the size of implicitly-created grid rows
+	 */
+	grid_auto_rows?: Array<GridTrackSize>;
+	/**
+	 * Controls how auto-placed items are inserted in the grid
+	 */
+	grid_auto_flow?: GridAutoFlow;
+	/**
+	 * Specifies a grid item's size and location within the grid column
+	 */
+	grid_column?: GridLine;
+	/**
+	 * Specifies a grid item's size and location within the grid row
+	 */
+	grid_row?: GridLine;
+	/**
+	 * Defines the line names and track sizing functions of the grid columns
+	 */
+	grid_template_columns?: Array<TrackSizingFunction>;
+	/**
+	 * Defines the line names and track sizing functions of the grid rows
+	 */
+	grid_template_rows?: Array<TrackSizingFunction>;
 	/**
 	 * How text should be overflowed
 	 */
@@ -374,6 +452,9 @@ export declare function em(em: number): {
 export declare function rem(rem: number): {
 	rem: number;
 };
+export declare function fr(fr: number): {
+	fr: number;
+};
 export declare function gradient(from: ColorInput, to: ColorInput, angle?: number): {
 	from: ColorInput;
 	to: ColorInput;

package/dist/index.js

@@ -1 +1 @@
-function i(e){return{type:"container",...e}}function s(e,t){return{...t,type:"text",text:e}}function r(e,t){return{...t,type:"image",src:e}}function n(e){return e}function a(e){return{percentage:e}}function l(e){return{vw:e}}function p(e){return{vh:e}}function h(e){return{em:e}}function m(e){return{rem:e}}function f(e,t,o=0){return{from:e,to:t,angle:o}}export{l as vw,p as vh,s as text,n as style,m as rem,a as percentage,r as image,f as gradient,h as em,i as container};
+function i(e){return{type:"container",...e}}function s(e,t){return{...t,type:"text",text:e}}function r(e,t){return{...t,type:"image",src:e}}function n(e){return e}function a(e){return{percentage:e}}function l(e){return{vw:e}}function p(e){return{vh:e}}function h(e){return{em:e}}function m(e){return{rem:e}}function f(e){return{fr:e}}function u(e,t,o=0){return{from:e,to:t,angle:o}}export{l as vw,p as vh,s as text,n as style,m as rem,a as percentage,r as image,u as gradient,f as fr,h as em,i as container};

package/package.json

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