@elaraai/east-ui 0.0.1-beta.3 → 0.0.1-beta.5

package/dist/src/layout/grid/index.js

@@ -173,11 +173,114 @@ export const GridType = StructType({
  * ```
  */
 export const Grid = {
+    /**
+     * Creates a Grid container component with items and optional styling.
+     *
+     * @param items - Array of grid items created with Grid.Item
+     * @param style - Optional styling configuration for the grid
+     * @returns An East expression representing the styled grid component
+     *
+     * @remarks
+     * Grid is a powerful layout component that uses CSS Grid for two-dimensional
+     * layouts. It supports template definitions, gap configuration, alignment,
+     * and automatic item placement.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Grid, Text, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Grid.Root([
+     *         Grid.Item(Text.Root("Cell 1")),
+     *         Grid.Item(Text.Root("Cell 2")),
+     *         Grid.Item(Text.Root("Cell 3")),
+     *     ], {
+     *         templateColumns: "repeat(3, 1fr)",
+     *         gap: "4",
+     *     });
+     * });
+     * ```
+     */
     Root: GridRoot,
+    /**
+     * Creates a Grid item with content and optional placement configuration.
+     *
+     * @param content - The UI component to render in this grid cell
+     * @param style - Optional placement properties (colSpan, rowSpan, etc.)
+     * @returns An East expression representing the grid item
+     *
+     * @remarks
+     * Grid items can span multiple columns or rows and can be positioned explicitly
+     * using colStart/colEnd and rowStart/rowEnd properties.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Grid, Text, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Grid.Root([
+     *         Grid.Item(Text.Root("Header"), { colSpan: 2n }),
+     *         Grid.Item(Text.Root("Sidebar")),
+     *         Grid.Item(Text.Root("Content")),
+     *     ], {
+     *         templateColumns: "repeat(2, 1fr)",
+     *         gap: "4",
+     *     });
+     * });
+     * ```
+     */
     Item: GridItem,
     Types: {
+        /**
+         * The concrete East type for Grid component data.
+         *
+         * @remarks
+         * This struct type represents the serializable data structure for a Grid component.
+         * Grid provides a two-dimensional layout system using CSS Grid.
+         *
+         * @property items - Array of grid items
+         * @property style - Optional styling configuration wrapped in OptionType
+         */
         Grid: GridType,
+        /**
+         * The concrete East type for Grid item data.
+         *
+         * @remarks
+         * This struct type represents a single item within a Grid.
+         * Each item has content (a UI component) and optional placement properties.
+         *
+         * @property content - The UI component to render in this grid cell
+         * @property colSpan - Number of columns the item spans
+         * @property rowSpan - Number of rows the item spans
+         * @property colStart - Starting column line
+         * @property colEnd - Ending column line
+         * @property rowStart - Starting row line
+         * @property rowEnd - Ending row line
+         */
         Item: GridItemType,
+        /**
+         * Grid style type containing all root-level style properties.
+         *
+         * @remarks
+         * This struct defines the styling options for the Grid component.
+         * All properties are optional and wrapped in {@link OptionType}.
+         *
+         * @property templateColumns - CSS grid-template-columns (e.g., "repeat(3, 1fr)")
+         * @property templateRows - CSS grid-template-rows
+         * @property templateAreas - CSS grid-template-areas
+         * @property gap - Gap between grid items (Chakra spacing token)
+         * @property columnGap - Gap between columns
+         * @property rowGap - Gap between rows
+         * @property justifyItems - Alignment of items along the inline (row) axis
+         * @property alignItems - Alignment of items along the block (column) axis
+         * @property justifyContent - Distribution of grid columns
+         * @property alignContent - Distribution of grid rows
+         * @property autoColumns - Size of implicitly-created columns
+         * @property autoRows - Size of implicitly-created rows
+         * @property autoFlow - How auto-placed items are inserted
+         */
         Style: GridStyleType,
     },
 };

package/dist/src/layout/grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/grid/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/grid/index.ts"],"names":[],"mappings":"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"}

package/dist/src/layout/separator/index.d.ts

@@ -78,8 +78,37 @@ declare function createSeparator(style?: SeparatorStyle): ExprType<UIComponentTy
  * Use `Separator.Root(style)` to create a separator, or access `Separator.Types.Separator` for the East type.
  */
 export declare const Separator: {
+    /**
+     * Creates a Separator component for visual division between content.
+     *
+     * @param style - Optional styling configuration for the separator
+     * @returns An East expression representing the separator component
+     *
+     * @remarks
+     * Separator is a simple visual divider. By default it's horizontal.
+     * Use orientation to create vertical separators in flex row layouts.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Separator, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Separator.Root({
+     *         orientation: "horizontal",
+     *         variant: "solid",
+     *     });
+     * });
+     * ```
+     */
     readonly Root: typeof createSeparator;
     readonly Types: {
+        /**
+         * The concrete East type for Separator component data.
+         *
+         * @remarks
+         * Separator is a leaf component (no children) that provides a visual divider.
+         */
         readonly Separator: import("@elaraai/east").StructType<{
             orientation: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
                 horizontal: import("@elaraai/east").NullType;
@@ -99,6 +128,18 @@ export declare const Separator: {
             color: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
             label: import("@elaraai/east").OptionType<import("@elaraai/east").StringType>;
         }>;
+        /**
+         * The concrete East type for Separator component style data.
+         *
+         * @remarks
+         * All properties are optional and wrapped in {@link OptionType}.
+         *
+         * @property orientation - Orientation (horizontal or vertical)
+         * @property variant - Line style variant (solid, dashed, dotted)
+         * @property size - Thickness size
+         * @property color - Color (Chakra UI color token or CSS color)
+         * @property label - Optional label text in the middle of the separator
+         */
         readonly Style: import("@elaraai/east").StructType<{
             orientation: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
                 horizontal: import("@elaraai/east").NullType;

package/dist/src/layout/separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/separator/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EAGhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAA4C,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAE3F;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;EAAqB,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,eAAe,CACpB,KAAK,CAAC,EAAE,cAAc,GACvB,QAAQ,CAAC,eAAe,CAAC,CA0B3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/separator/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EAGhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAA4C,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAE3F;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;EAAqB,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,eAAe,CACpB,KAAK,CAAC,EAAE,cAAc,GACvB,QAAQ,CAAC,eAAe,CAAC,CA0B3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS;IAClB;;;;;;;;;;;;;;;;;;;;;;OAsBG;;;QAGC;;;;;WAKG;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;;WAWG;;;;;;;;;;;;;;;;;;;;;CAGD,CAAC"}

package/dist/src/layout/separator/index.js

@@ -81,9 +81,50 @@ function createSeparator(style) {
  * Use `Separator.Root(style)` to create a separator, or access `Separator.Types.Separator` for the East type.
  */
 export const Separator = {
+    /**
+     * Creates a Separator component for visual division between content.
+     *
+     * @param style - Optional styling configuration for the separator
+     * @returns An East expression representing the separator component
+     *
+     * @remarks
+     * Separator is a simple visual divider. By default it's horizontal.
+     * Use orientation to create vertical separators in flex row layouts.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Separator, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Separator.Root({
+     *         orientation: "horizontal",
+     *         variant: "solid",
+     *     });
+     * });
+     * ```
+     */
     Root: createSeparator,
     Types: {
+        /**
+         * The concrete East type for Separator component data.
+         *
+         * @remarks
+         * Separator is a leaf component (no children) that provides a visual divider.
+         */
         Separator: SeparatorType,
+        /**
+         * The concrete East type for Separator component style data.
+         *
+         * @remarks
+         * All properties are optional and wrapped in {@link OptionType}.
+         *
+         * @property orientation - Orientation (horizontal or vertical)
+         * @property variant - Line style variant (solid, dashed, dotted)
+         * @property size - Thickness size
+         * @property color - Color (Chakra UI color token or CSS color)
+         * @property label - Optional label text in the middle of the separator
+         */
         Style: SeparatorStyleType,
     },
 };

package/dist/src/layout/separator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/separator/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,IAAI,EACJ,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAuB,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE3D,wBAAwB;AACxB,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAuB,MAAM,YAAY,CAAC;AAE3F;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAOhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAS,eAAe,CACpB,KAAsB;IAEtB,MAAM,gBAAgB,GAAG,KAAK,EAAE,WAAW;QACvC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ;YACpC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,eAAe,CAAC;YAC/D,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;QACxB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,YAAY,GAAG,KAAK,EAAE,OAAO;QAC/B,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,oBAAoB,CAAC;YAChE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACpB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,SAAS,GAAG,KAAK,EAAE,IAAI;QACzB,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC7B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;YACjD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;QACjB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;QACnC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACzF,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QAC7E,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACpE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QAC1E,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KAC7E,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACH,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,kBAAkB;KAC5B;CACK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/separator/index.ts"],"names":[],"mappings":"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"}