@elaraai/east-ui 0.0.1-beta.2 → 0.0.1-beta.4

package/README.md

@@ -13,7 +13,7 @@
 - **📝 Typography** - Text with comprehensive styling options
 - **🔘 Buttons** - Button, IconButton with variants and states
 - **📋 Forms** - Input, Select, Checkbox, Switch, Slider, Textarea, TagsInput, FileUpload
-- **📊 Collections** - Table, DataList, TreeView
+- **📊 Collections** - Table, Gantt, DataList, TreeView
 - **📈 Charts** - Area, Bar, Line, Pie, Radar, Scatter, Sparkline, BarList, BarSegment
 - **💬 Feedback** - Alert, Progress
 - **🏷️ Display** - Badge, Tag, Avatar, Stat, Icon
@@ -54,12 +54,12 @@ const ir = MyComponent.toIR();
 
 | Category | Components | Description |
 |----------|------------|-------------|
-| **Layout** | `Box`, `Stack`, `HStack`, `VStack`, `Grid`, `Splitter`, `Separator` | Container and layout components |
+| **Layout** | `Box`, `Stack`, `Grid`, `Splitter`, `Separator` | Container and layout components |
 | **Typography** | `Text` | Text display with styling |
 | **Buttons** | `Button`, `IconButton` | Interactive button components |
 | **Forms** | `Input`, `Select`, `Checkbox`, `Switch`, `Slider`, `Textarea`, `TagsInput`, `FileUpload`, `Field`, `Fieldset` | Form input components |
-| **Collections** | `Table`, `DataList`, `TreeView` | Data display components |
-| **Charts** | `Chart.Area`, `Chart.Bar`, `Chart.Line`, `Chart.Pie`, `Chart.Radar`, `Chart.Scatter`, `Chart.Sparkline`, `Chart.BarList`, `Chart.BarSegment` | Data visualization |
+| **Collections** | `Table`, `Gantt`, `DataList`, `TreeView` | Data display components |
+| **Charts** | `Chart.Area`, `Chart.Bar`, `Chart.Line`, `Chart.Pie`, `Chart.Radar`, `Chart.Scatter`, `Chart.BarList`, `Chart.BarSegment`, `Sparkline` | Data visualization |
 | **Display** | `Badge`, `Tag`, `Avatar`, `Stat`, `Icon` | Visual display components |
 | **Feedback** | `Alert`, `Progress` | User feedback components |
 | **Disclosure** | `Accordion`, `Tabs`, `Carousel` | Content organization |

package/dist/src/buttons/button/index.d.ts

@@ -61,8 +61,42 @@ declare function createButton(label: SubtypeExprOrValue<StringType>, style?: But
  * ```
  */
 export declare const Button: {
+    /**
+     * Creates a Button component with a label and optional styling.
+     *
+     * @param label - The text to display on the button
+     * @param style - Optional styling configuration
+     * @returns An East expression representing the styled button component
+     *
+     * @remarks
+     * Button is an interactive component for triggering actions.
+     * It supports multiple variants, color schemes, and sizes.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Button, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Button.Root("Save", {
+     *         variant: "solid",
+     *         colorPalette: "blue",
+     *         size: "md",
+     *     });
+     * });
+     * ```
+     */
     readonly Root: typeof createButton;
     readonly Types: {
+        /**
+         * The concrete East type for Button component data.
+         *
+         * @remarks
+         * This struct type represents the serializable data structure for a Button component.
+         *
+         * @property label - The text displayed on the button
+         * @property style - Optional styling configuration wrapped in OptionType
+         */
         readonly Button: import("@elaraai/east").StructType<{
             label: StringType;
             style: import("@elaraai/east").OptionType<import("@elaraai/east").StructType<{
@@ -94,6 +128,18 @@ export declare const Button: {
                 disabled: import("@elaraai/east").OptionType<BooleanType>;
             }>>;
         }>;
+        /**
+         * Style type for Button component configuration.
+         *
+         * @remarks
+         * This struct type defines the styling configuration for a Button component.
+         *
+         * @property variant - Button appearance variant (solid, subtle, outline, ghost)
+         * @property colorPalette - Color scheme for the button
+         * @property size - Size of the button (xs, sm, md, lg)
+         * @property loading - Whether the button shows a loading state
+         * @property disabled - Whether the button is disabled
+         */
         readonly Style: import("@elaraai/east").StructType<{
             variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
                 solid: import("@elaraai/east").NullType;
@@ -122,6 +168,17 @@ export declare const Button: {
             loading: import("@elaraai/east").OptionType<BooleanType>;
             disabled: import("@elaraai/east").OptionType<BooleanType>;
         }>;
+        /**
+         * Variant type for Button appearance styles.
+         *
+         * @remarks
+         * Create instances using string literals like "solid", "outline", etc.
+         *
+         * @property solid - Solid filled button (default)
+         * @property subtle - Subtle/light background button
+         * @property outline - Outlined button with border
+         * @property ghost - Transparent button, visible on hover
+         */
         readonly Variant: import("@elaraai/east").VariantType<{
             solid: import("@elaraai/east").NullType;
             subtle: import("@elaraai/east").NullType;

package/dist/src/buttons/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/buttons/button/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EAEb,UAAU,EACV,WAAW,EAEX,KAAK,kBAAkB,EAC1B,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAIH,KAAK,WAAW,EACnB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACH,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,oBAAoB,GAC5B,MAAM,YAAY,CAAC;AAMpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,YAAY,CACjB,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,CAAC,EAAE,WAAW,GACpB,QAAQ,CAAC,eAAe,CAAC,CAkC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/buttons/button/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EAEb,UAAU,EACV,WAAW,EAEX,KAAK,kBAAkB,EAC1B,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAIH,KAAK,WAAW,EACnB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACH,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,oBAAoB,GAC5B,MAAM,YAAY,CAAC;AAMpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,YAAY,CACjB,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,CAAC,EAAE,WAAW,GACpB,QAAQ,CAAC,eAAe,CAAC,CAkC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM;IACf;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;;;QAGC;;;;;;;;WAQG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;;WAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;WAUG;;;;;;;;CAGD,CAAC"}

package/dist/src/buttons/button/index.js

@@ -97,10 +97,67 @@ function createButton(label, style) {
  * ```
  */
 export const Button = {
+    /**
+     * Creates a Button component with a label and optional styling.
+     *
+     * @param label - The text to display on the button
+     * @param style - Optional styling configuration
+     * @returns An East expression representing the styled button component
+     *
+     * @remarks
+     * Button is an interactive component for triggering actions.
+     * It supports multiple variants, color schemes, and sizes.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { Button, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Button.Root("Save", {
+     *         variant: "solid",
+     *         colorPalette: "blue",
+     *         size: "md",
+     *     });
+     * });
+     * ```
+     */
     Root: createButton,
     Types: {
+        /**
+         * The concrete East type for Button component data.
+         *
+         * @remarks
+         * This struct type represents the serializable data structure for a Button component.
+         *
+         * @property label - The text displayed on the button
+         * @property style - Optional styling configuration wrapped in OptionType
+         */
         Button: ButtonType,
+        /**
+         * Style type for Button component configuration.
+         *
+         * @remarks
+         * This struct type defines the styling configuration for a Button component.
+         *
+         * @property variant - Button appearance variant (solid, subtle, outline, ghost)
+         * @property colorPalette - Color scheme for the button
+         * @property size - Size of the button (xs, sm, md, lg)
+         * @property loading - Whether the button shows a loading state
+         * @property disabled - Whether the button is disabled
+         */
         Style: ButtonStyleType,
+        /**
+         * Variant type for Button appearance styles.
+         *
+         * @remarks
+         * Create instances using string literals like "solid", "outline", etc.
+         *
+         * @property solid - Solid filled button (default)
+         * @property subtle - Subtle/light background button
+         * @property outline - Outlined button with border
+         * @property ghost - Transparent button, visible on hover
+         */
         Variant: ButtonVariantType,
     },
 };

package/dist/src/buttons/button/index.js.map

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

package/dist/src/buttons/icon-button/index.d.ts

@@ -62,8 +62,47 @@ declare function createIconButton(prefix: IconPrefix, name: IconName, style?: Ic
  * ```
  */
 export declare const IconButton: {
+    /**
+     * Creates an IconButton component with an icon and optional styling.
+     *
+     * @param prefix - The Font Awesome icon prefix (e.g., "fas", "far")
+     * @param name - The Font Awesome icon name (e.g., "xmark", "bars")
+     * @param style - Optional styling configuration
+     * @returns An East expression representing the icon button component
+     *
+     * @remarks
+     * IconButton renders an icon within a button. It's useful for toolbar actions,
+     * close buttons, and other icon-only interactive elements.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { IconButton, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return IconButton.Root("fas", "xmark");
+     * });
+     *
+     * const styledExample = East.function([], UIComponentType, $ => {
+     *     return IconButton.Root("fas", "bars", {
+     *         variant: "ghost",
+     *         size: "lg",
+     *     });
+     * });
+     * ```
+     */
     readonly Root: typeof createIconButton;
     readonly Types: {
+        /**
+         * The concrete East type for IconButton component data.
+         *
+         * @remarks
+         * This struct type represents the serializable data structure for an IconButton component.
+         *
+         * @property prefix - The Font Awesome icon prefix
+         * @property name - The icon name
+         * @property style - Optional styling configuration wrapped in OptionType
+         */
         readonly IconButton: import("@elaraai/east").StructType<{
             prefix: import("@elaraai/east").StringType;
             name: import("@elaraai/east").StringType;
@@ -96,6 +135,18 @@ export declare const IconButton: {
                 disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
             }>>;
         }>;
+        /**
+         * Style type for IconButton component configuration.
+         *
+         * @remarks
+         * IconButton shares the same style options as Button.
+         *
+         * @property variant - Button appearance variant (solid, subtle, outline, ghost)
+         * @property colorPalette - Color scheme for the button
+         * @property size - Size of the button (xs, sm, md, lg)
+         * @property loading - Whether the button shows a loading state
+         * @property disabled - Whether the button is disabled
+         */
         readonly Style: import("@elaraai/east").StructType<{
             variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
                 solid: import("@elaraai/east").NullType;
@@ -124,6 +175,17 @@ export declare const IconButton: {
             loading: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
             disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
         }>;
+        /**
+         * Variant type for Button appearance styles.
+         *
+         * @remarks
+         * Create instances using string literals like "solid", "outline", etc.
+         *
+         * @property solid - Solid filled button (default)
+         * @property subtle - Subtle/light background button
+         * @property outline - Outlined button with border
+         * @property ghost - Transparent button, visible on hover
+         */
         readonly Variant: import("@elaraai/east").VariantType<{
             solid: import("@elaraai/east").NullType;
             subtle: import("@elaraai/east").NullType;

package/dist/src/buttons/icon-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/buttons/icon-button/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAIH,KAAK,eAAe,EACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAGlF,OAAO,EACH,mBAAmB,EACnB,cAAc,EACd,KAAK,eAAe,GACvB,MAAM,YAAY,CAAC;AAMpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,gBAAgB,CACrB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,EACd,KAAK,CAAC,EAAE,eAAe,GACxB,QAAQ,CAAC,eAAe,CAAC,CAmC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/buttons/icon-button/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAIH,KAAK,eAAe,EACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAGlF,OAAO,EACH,mBAAmB,EACnB,cAAc,EACd,KAAK,eAAe,GACvB,MAAM,YAAY,CAAC;AAMpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,gBAAgB,CACrB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,EACd,KAAK,CAAC,EAAE,eAAe,GACxB,QAAQ,CAAC,eAAe,CAAC,CAmC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU;IACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;;;QAGC;;;;;;;;;WASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;;WAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;WAUG;;;;;;;;CAGD,CAAC"}

package/dist/src/buttons/icon-button/index.js

@@ -97,10 +97,72 @@ function createIconButton(prefix, name, style) {
  * ```
  */
 export const IconButton = {
+    /**
+     * Creates an IconButton component with an icon and optional styling.
+     *
+     * @param prefix - The Font Awesome icon prefix (e.g., "fas", "far")
+     * @param name - The Font Awesome icon name (e.g., "xmark", "bars")
+     * @param style - Optional styling configuration
+     * @returns An East expression representing the icon button component
+     *
+     * @remarks
+     * IconButton renders an icon within a button. It's useful for toolbar actions,
+     * close buttons, and other icon-only interactive elements.
+     *
+     * @example
+     * ```ts
+     * import { East } from "@elaraai/east";
+     * import { IconButton, UIComponentType } from "@elaraai/east-ui";
+     *
+     * const example = East.function([], UIComponentType, $ => {
+     *     return IconButton.Root("fas", "xmark");
+     * });
+     *
+     * const styledExample = East.function([], UIComponentType, $ => {
+     *     return IconButton.Root("fas", "bars", {
+     *         variant: "ghost",
+     *         size: "lg",
+     *     });
+     * });
+     * ```
+     */
     Root: createIconButton,
     Types: {
+        /**
+         * The concrete East type for IconButton component data.
+         *
+         * @remarks
+         * This struct type represents the serializable data structure for an IconButton component.
+         *
+         * @property prefix - The Font Awesome icon prefix
+         * @property name - The icon name
+         * @property style - Optional styling configuration wrapped in OptionType
+         */
         IconButton: IconButtonType,
+        /**
+         * Style type for IconButton component configuration.
+         *
+         * @remarks
+         * IconButton shares the same style options as Button.
+         *
+         * @property variant - Button appearance variant (solid, subtle, outline, ghost)
+         * @property colorPalette - Color scheme for the button
+         * @property size - Size of the button (xs, sm, md, lg)
+         * @property loading - Whether the button shows a loading state
+         * @property disabled - Whether the button is disabled
+         */
         Style: IconButtonStyleType,
+        /**
+         * Variant type for Button appearance styles.
+         *
+         * @remarks
+         * Create instances using string literals like "solid", "outline", etc.
+         *
+         * @property solid - Solid filled button (default)
+         * @property subtle - Subtle/light background button
+         * @property outline - Outlined button with border
+         * @property ghost - Transparent button, visible on hover
+         */
         Variant: ButtonVariantType,
     },
 };

package/dist/src/buttons/icon-button/index.js.map

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