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

package/README.md

@@ -12,7 +12,7 @@
 - **📦 Layout Components** - Box, Stack, Grid, Splitter, Separator
 - **📝 Typography** - Text, Code, Heading, Link, Highlight, Mark, List, CodeBlock
 - **🔘 Buttons** - Button, IconButton with variants and states
-- **📋 Forms** - Input, Select, Checkbox, Switch, Slider, Textarea, TagsInput, FileUpload
+- **📋 Forms** - Field, Input, Select, Checkbox, Switch, Slider, Textarea, TagsInput, FileUpload
 - **📊 Collections** - Table, Gantt, DataList, TreeView
 - **📈 Charts** - Area, Bar, Line, Pie, Radar, Scatter, Sparkline, BarList, BarSegment
 - **💬 Feedback** - Alert, Progress
@@ -57,7 +57,7 @@ const ir = MyComponent.toIR();
 | **Layout** | `Box`, `Stack`, `Grid`, `Splitter`, `Separator` | Container and layout components |
 | **Typography** | `Text`, `Code`, `Heading`, `Link`, `Highlight`, `Mark`, `List`, `CodeBlock` | Text and typography components |
 | **Buttons** | `Button`, `IconButton` | Interactive button components |
-| **Forms** | `Input`, `Select`, `Checkbox`, `Switch`, `Slider`, `Textarea`, `TagsInput`, `FileUpload`, `Field`, `Fieldset` | Form input components |
+| **Forms** | `Input`, `Select`, `Checkbox`, `Switch`, `Slider`, `Textarea`, `TagsInput`, `FileUpload`, `Field` | Form input components |
 | **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 |

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

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { type ExprType, StringType, BooleanType, type SubtypeExprOrValue } from "@elaraai/east";
+import { type ExprType, StringType, type SubtypeExprOrValue } from "@elaraai/east";
 import { UIComponentType } from "../../component.js";
 import { type ButtonStyle } from "./types.js";
 export { ButtonType, ButtonStyleType, ButtonVariantType, type ButtonStyle, type ButtonVariantLiteral, } from "./types.js";
@@ -124,8 +124,9 @@ export declare const Button: {
                     md: import("@elaraai/east").NullType;
                     lg: import("@elaraai/east").NullType;
                 }>>;
-                loading: import("@elaraai/east").OptionType<BooleanType>;
-                disabled: import("@elaraai/east").OptionType<BooleanType>;
+                loading: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+                disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+                onClick: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         /**
@@ -165,8 +166,9 @@ export declare const Button: {
                 md: import("@elaraai/east").NullType;
                 lg: import("@elaraai/east").NullType;
             }>>;
-            loading: import("@elaraai/east").OptionType<BooleanType>;
-            disabled: import("@elaraai/east").OptionType<BooleanType>;
+            loading: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            onClick: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         /**
          * Variant type for Button appearance styles.

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;IACf;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;;;QAGC;;;;;;;;WAQG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;;WAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;WAUG;;;;;;;;CAGD,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,EAGV,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,CA8B3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM;IACf;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;;;QAGC;;;;;;;;WAQG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;;WAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;WAUG;;;;;;;;CAGD,CAAC"}

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

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { East, StringType, BooleanType, variant, } from "@elaraai/east";
+import { East, StringType, variant, some, none } from "@elaraai/east";
 import { SizeType, ColorSchemeType } from "../../style.js";
 import { UIComponentType } from "../../component.js";
 import { ButtonType, ButtonStyleType, ButtonVariantType, } from "./types.js";
@@ -63,20 +63,16 @@ function createButton(label, style) {
             ? East.value(variant(style.size, null), SizeType)
             : style.size)
         : undefined;
-    const toBoolOption = (value) => {
-        if (value === undefined)
-            return variant("none", null);
-        return variant("some", value);
-    };
     return East.value(variant("Button", {
         label: label,
-        style: style ? variant("some", East.value({
-            variant: variantValue ? variant("some", variantValue) : variant("none", null),
-            colorPalette: colorPaletteValue ? variant("some", colorPaletteValue) : variant("none", null),
-            size: sizeValue ? variant("some", sizeValue) : variant("none", null),
-            loading: toBoolOption(style.loading),
-            disabled: toBoolOption(style.disabled),
-        }, ButtonStyleType)) : variant("none", null),
+        style: style ? some(East.value({
+            variant: variantValue ? some(variantValue) : none,
+            colorPalette: colorPaletteValue ? some(colorPaletteValue) : none,
+            size: sizeValue ? some(sizeValue) : none,
+            loading: style.loading !== undefined ? some(style.loading) : none,
+            disabled: style.disabled !== undefined ? some(style.disabled) : none,
+            onClick: style.onClick ? some(style.onClick) : none,
+        }, ButtonStyleType)) : none,
     }), UIComponentType);
 }
 /**

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/button/types.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { type SubtypeExprOrValue, VariantType, OptionType, StructType, StringType, BooleanType, NullType } from "@elaraai/east";
+import { type SubtypeExprOrValue, VariantType, OptionType, StructType, StringType, BooleanType, NullType, FunctionType } from "@elaraai/east";
 import { SizeType, ColorSchemeType } from "../../style.js";
 import type { SizeLiteral, ColorSchemeLiteral } from "../../style.js";
 /**
@@ -41,6 +41,7 @@ export type ButtonVariantLiteral = "solid" | "subtle" | "outline" | "ghost";
  * @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
+ * @property onClick - Callback triggered when the button is clicked
  */
 export declare const ButtonStyleType: StructType<{
     variant: OptionType<VariantType<{
@@ -69,6 +70,7 @@ export declare const ButtonStyleType: StructType<{
     }>>;
     loading: OptionType<BooleanType>;
     disabled: OptionType<BooleanType>;
+    onClick: OptionType<FunctionType<[], NullType>>;
 }>;
 /**
  * Type representing the Button style structure.
@@ -85,6 +87,7 @@ export type ButtonStyleType = typeof ButtonStyleType;
  * @property size - Size of the button
  * @property loading - Shows loading spinner when true
  * @property disabled - Disables button interaction when true
+ * @property onClick - Callback triggered when the button is clicked
  */
 export interface ButtonStyle {
     /** Button appearance variant (solid, subtle, outline, ghost) */
@@ -97,6 +100,8 @@ export interface ButtonStyle {
     loading?: SubtypeExprOrValue<BooleanType>;
     /** Disables button interaction when true */
     disabled?: SubtypeExprOrValue<BooleanType>;
+    /** Callback triggered when the button is clicked */
+    onClick?: SubtypeExprOrValue<FunctionType<[], NullType>>;
 }
 /**
  * The concrete East type for Button component data.
@@ -136,6 +141,7 @@ export declare const ButtonType: StructType<{
         }>>;
         loading: OptionType<BooleanType>;
         disabled: OptionType<BooleanType>;
+        onClick: OptionType<FunctionType<[], NullType>>;
     }>>;
 }>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/buttons/button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAMtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB;;;;;EAK5B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAM5E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,WAAW;IACxB,gEAAgE;IAChE,OAAO,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,GAAG,oBAAoB,CAAC;IACvE,+BAA+B;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACxE,yBAAyB;IACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC;IAClD,sCAAsC;IACtC,OAAO,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC1C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC9C;AAMD;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGrB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/buttons/button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAMtE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB;;;;;EAK5B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAM5E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAO1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,WAAW;IACxB,gEAAgE;IAChE,OAAO,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,GAAG,oBAAoB,CAAC;IACvE,+BAA+B;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACxE,yBAAyB;IACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC;IAClD,sCAAsC;IACtC,OAAO,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC1C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,oDAAoD;IACpD,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC5D;AAMD;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGrB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC"}

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

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { VariantType, OptionType, StructType, StringType, BooleanType, NullType, } from "@elaraai/east";
+import { VariantType, OptionType, StructType, StringType, BooleanType, NullType, FunctionType, } from "@elaraai/east";
 import { SizeType, ColorSchemeType } from "../../style.js";
 // ============================================================================
 // Button Variant Type
@@ -38,6 +38,7 @@ export const ButtonVariantType = VariantType({
  * @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
+ * @property onClick - Callback triggered when the button is clicked
  */
 export const ButtonStyleType = StructType({
     variant: OptionType(ButtonVariantType),
@@ -45,6 +46,7 @@ export const ButtonStyleType = StructType({
     size: OptionType(SizeType),
     loading: OptionType(BooleanType),
     disabled: OptionType(BooleanType),
+    onClick: OptionType(FunctionType([], NullType)),
 });
 // ============================================================================
 // Button Type

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/buttons/button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,GACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG3D,+EAA+E;AAC/E,sBAAsB;AACtB,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;IACzC,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;CAClB,CAAC,CAAC;AAYH,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;IACtC,OAAO,EAAE,UAAU,CAAC,iBAAiB,CAAC;IACtC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAChC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;CACpC,CAAC,CAAC;AAgCH,+EAA+E;AAC/E,cAAc;AACd,+EAA+E;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC;IACjC,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU,CAAC,eAAe,CAAC;CACrC,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/buttons/button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,WAAW,EACX,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,GACf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG3D,+EAA+E;AAC/E,sBAAsB;AACtB,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;IACzC,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;CAClB,CAAC,CAAC;AAYH,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC;IACtC,OAAO,EAAE,UAAU,CAAC,iBAAiB,CAAC;IACtC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAChC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACjC,OAAO,EAAE,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;CAClD,CAAC,CAAC;AAmCH,+EAA+E;AAC/E,cAAc;AACd,+EAA+E;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC;IACjC,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU,CAAC,eAAe,CAAC;CACrC,CAAC,CAAC"}

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

@@ -10,7 +10,8 @@ export { IconButtonStyleType, IconButtonType, type IconButtonStyle, } from "./ty
 /**
  * Creates an IconButton component with an icon and optional styling.
  *
- * @param icon - The icon name (Font Awesome icon name) or IconType expression
+ * @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
  *
@@ -20,26 +21,14 @@ export { IconButtonStyleType, IconButtonType, type IconButtonStyle, } from "./ty
  *
  * @example
  * ```ts
- * import { IconButton } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { IconButton, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple icon button
- * const closeBtn = IconButton.Root("xmark");
- *
- * // Icon button with styling
- * const menuBtn = IconButton.Root("bars", {
- *   variant: "ghost",
- *   size: "lg",
- * });
- *
- * // Colored icon button
- * const deleteBtn = IconButton.Root("trash", {
- *   variant: "solid",
- *   colorPalette: "red",
- * });
- *
- * // Loading icon button
- * const refreshBtn = IconButton.Root("rotate", {
- *   loading: true,
+ * const example = East.function([], UIComponentType, $ => {
+ *     return IconButton.Root("fas", "xmark", {
+ *         variant: "ghost",
+ *         colorPalette: "red",
+ *     });
  * });
  * ```
  */
@@ -48,18 +37,7 @@ declare function createIconButton(prefix: IconPrefix, name: IconName, style?: Ic
  * IconButton component for icon-only buttons.
  *
  * @remarks
- * Use `IconButton.Root(icon, style)` to create an icon button, or access `IconButton.Types` for East types.
- *
- * @example
- * ```ts
- * import { IconButton } from "@elaraai/east-ui";
- *
- * // Create an icon button
- * const btn = IconButton.Root("chevron-right", { variant: "ghost" });
- *
- * // Access the type
- * const styleType = IconButton.Types.Style;
- * ```
+ * Use `IconButton.Root(prefix, name, style)` to create an icon button, or access `IconButton.Types` for East types.
  */
 export declare const IconButton: {
     /**
@@ -133,6 +111,7 @@ export declare const IconButton: {
                 }>>;
                 loading: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
                 disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+                onClick: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
             }>>;
         }>;
         /**
@@ -146,6 +125,7 @@ export declare const IconButton: {
          * @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
+         * @property onClick - Callback triggered when the button is clicked
          */
         readonly Style: import("@elaraai/east").StructType<{
             variant: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
@@ -174,6 +154,7 @@ export declare const IconButton: {
             }>>;
             loading: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
             disabled: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            onClick: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         /**
          * Variant type for Button appearance styles.

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;IACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;;;QAGC;;;;;;;;;WASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;;WAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;WAUG;;;;;;;;CAGD,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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,gBAAgB,CACrB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,EACd,KAAK,CAAC,EAAE,eAAe,GACxB,QAAQ,CAAC,eAAe,CAAC,CAoC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU;IACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;;;QAGC;;;;;;;;;WASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;WAUG;;;;;;;;CAGD,CAAC"}

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

@@ -14,7 +14,8 @@ export { IconButtonStyleType, IconButtonType, } from "./types.js";
 /**
  * Creates an IconButton component with an icon and optional styling.
  *
- * @param icon - The icon name (Font Awesome icon name) or IconType expression
+ * @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
  *
@@ -24,26 +25,14 @@ export { IconButtonStyleType, IconButtonType, } from "./types.js";
  *
  * @example
  * ```ts
- * import { IconButton } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { IconButton, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple icon button
- * const closeBtn = IconButton.Root("xmark");
- *
- * // Icon button with styling
- * const menuBtn = IconButton.Root("bars", {
- *   variant: "ghost",
- *   size: "lg",
- * });
- *
- * // Colored icon button
- * const deleteBtn = IconButton.Root("trash", {
- *   variant: "solid",
- *   colorPalette: "red",
- * });
- *
- * // Loading icon button
- * const refreshBtn = IconButton.Root("rotate", {
- *   loading: true,
+ * const example = East.function([], UIComponentType, $ => {
+ *     return IconButton.Root("fas", "xmark", {
+ *         variant: "ghost",
+ *         colorPalette: "red",
+ *     });
  * });
  * ```
  */
@@ -64,7 +53,7 @@ function createIconButton(prefix, name, style) {
             : style.size)
         : undefined;
     const hasStyle = variantValue || colorPaletteValue || sizeValue ||
-        style?.loading !== undefined || style?.disabled !== undefined;
+        style?.loading !== undefined || style?.disabled !== undefined || style?.onClick !== undefined;
     return East.value(variant("IconButton", {
         prefix: prefix,
         name: name,
@@ -75,6 +64,7 @@ function createIconButton(prefix, name, style) {
                 size: sizeValue ? variant("some", sizeValue) : variant("none", null),
                 loading: style?.loading !== undefined ? variant("some", style.loading) : variant("none", null),
                 disabled: style?.disabled !== undefined ? variant("some", style.disabled) : variant("none", null),
+                onClick: style?.onClick !== undefined ? variant("some", style.onClick) : variant("none", null),
             }, IconButtonStyleType))
             : variant("none", null),
     }), UIComponentType);
@@ -83,18 +73,7 @@ function createIconButton(prefix, name, style) {
  * IconButton component for icon-only buttons.
  *
  * @remarks
- * Use `IconButton.Root(icon, style)` to create an icon button, or access `IconButton.Types` for East types.
- *
- * @example
- * ```ts
- * import { IconButton } from "@elaraai/east-ui";
- *
- * // Create an icon button
- * const btn = IconButton.Root("chevron-right", { variant: "ghost" });
- *
- * // Access the type
- * const styleType = IconButton.Types.Style;
- * ```
+ * Use `IconButton.Root(prefix, name, style)` to create an icon button, or access `IconButton.Types` for East types.
  */
 export const IconButton = {
     /**
@@ -150,6 +129,7 @@ export const IconButton = {
          * @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
+         * @property onClick - Callback triggered when the button is clicked
          */
         Style: IconButtonStyleType,
         /**

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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"}

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

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { type SubtypeExprOrValue, OptionType, StructType, BooleanType, StringType } from "@elaraai/east";
+import { type SubtypeExprOrValue, OptionType, StructType, BooleanType, StringType, FunctionType, NullType } from "@elaraai/east";
 import { SizeType, ColorSchemeType } from "../../style.js";
 import type { SizeLiteral, ColorSchemeLiteral } from "../../style.js";
 import { ButtonVariantType, type ButtonVariantLiteral } from "../button/types.js";
@@ -18,34 +18,36 @@ export { ButtonVariantType, type ButtonVariantLiteral } from "../button/types.js
  * @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
+ * @property onClick - Callback triggered when the button is clicked
  */
 export declare const IconButtonStyleType: StructType<{
     variant: OptionType<import("@elaraai/east").VariantType<{
-        solid: import("@elaraai/east").NullType;
-        subtle: import("@elaraai/east").NullType;
-        outline: import("@elaraai/east").NullType;
-        ghost: import("@elaraai/east").NullType;
+        solid: NullType;
+        subtle: NullType;
+        outline: NullType;
+        ghost: NullType;
     }>>;
     colorPalette: OptionType<import("@elaraai/east").VariantType<{
-        gray: import("@elaraai/east").NullType;
-        red: import("@elaraai/east").NullType;
-        orange: import("@elaraai/east").NullType;
-        yellow: import("@elaraai/east").NullType;
-        green: import("@elaraai/east").NullType;
-        teal: import("@elaraai/east").NullType;
-        blue: import("@elaraai/east").NullType;
-        cyan: import("@elaraai/east").NullType;
-        purple: import("@elaraai/east").NullType;
-        pink: import("@elaraai/east").NullType;
+        gray: NullType;
+        red: NullType;
+        orange: NullType;
+        yellow: NullType;
+        green: NullType;
+        teal: NullType;
+        blue: NullType;
+        cyan: NullType;
+        purple: NullType;
+        pink: NullType;
     }>>;
     size: OptionType<import("@elaraai/east").VariantType<{
-        xs: import("@elaraai/east").NullType;
-        sm: import("@elaraai/east").NullType;
-        md: import("@elaraai/east").NullType;
-        lg: import("@elaraai/east").NullType;
+        xs: NullType;
+        sm: NullType;
+        md: NullType;
+        lg: NullType;
     }>>;
     loading: OptionType<BooleanType>;
     disabled: OptionType<BooleanType>;
+    onClick: OptionType<FunctionType<[], NullType>>;
 }>;
 /**
  * Type representing the IconButton style structure.
@@ -62,6 +64,7 @@ export type IconButtonStyleType = typeof IconButtonStyleType;
  * @property size - Size of the button
  * @property loading - Shows loading spinner when true
  * @property disabled - Disables button interaction when true
+ * @property onClick - Callback triggered when the button is clicked
  */
 export interface IconButtonStyle {
     /** Button appearance variant (solid, subtle, outline, ghost) */
@@ -74,6 +77,8 @@ export interface IconButtonStyle {
     loading?: SubtypeExprOrValue<BooleanType>;
     /** Disables button interaction when true */
     disabled?: SubtypeExprOrValue<BooleanType>;
+    /** Callback triggered when the button is clicked */
+    onClick?: SubtypeExprOrValue<FunctionType<[], NullType>>;
 }
 /**
  * The concrete East type for IconButton component data.
@@ -81,7 +86,8 @@ export interface IconButtonStyle {
  * @remarks
  * This struct type represents the serializable data structure for an IconButton component.
  *
- * @property icon - The icon to display in the button
+ * @property prefix - The Font Awesome icon prefix
+ * @property name - The Font Awesome icon name
  * @property style - Optional styling configuration wrapped in OptionType
  */
 export declare const IconButtonType: StructType<{
@@ -89,31 +95,32 @@ export declare const IconButtonType: StructType<{
     name: StringType;
     style: OptionType<StructType<{
         variant: OptionType<import("@elaraai/east").VariantType<{
-            solid: import("@elaraai/east").NullType;
-            subtle: import("@elaraai/east").NullType;
-            outline: import("@elaraai/east").NullType;
-            ghost: import("@elaraai/east").NullType;
+            solid: NullType;
+            subtle: NullType;
+            outline: NullType;
+            ghost: NullType;
         }>>;
         colorPalette: OptionType<import("@elaraai/east").VariantType<{
-            gray: import("@elaraai/east").NullType;
-            red: import("@elaraai/east").NullType;
-            orange: import("@elaraai/east").NullType;
-            yellow: import("@elaraai/east").NullType;
-            green: import("@elaraai/east").NullType;
-            teal: import("@elaraai/east").NullType;
-            blue: import("@elaraai/east").NullType;
-            cyan: import("@elaraai/east").NullType;
-            purple: import("@elaraai/east").NullType;
-            pink: import("@elaraai/east").NullType;
+            gray: NullType;
+            red: NullType;
+            orange: NullType;
+            yellow: NullType;
+            green: NullType;
+            teal: NullType;
+            blue: NullType;
+            cyan: NullType;
+            purple: NullType;
+            pink: NullType;
         }>>;
         size: OptionType<import("@elaraai/east").VariantType<{
-            xs: import("@elaraai/east").NullType;
-            sm: import("@elaraai/east").NullType;
-            md: import("@elaraai/east").NullType;
-            lg: import("@elaraai/east").NullType;
+            xs: NullType;
+            sm: NullType;
+            md: NullType;
+            lg: NullType;
         }>>;
         loading: OptionType<BooleanType>;
         disabled: OptionType<BooleanType>;
+        onClick: OptionType<FunctionType<[], NullType>>;
     }>>;
 }>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/buttons/icon-button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAGlF,OAAO,EAAE,iBAAiB,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAMlF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM9B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC;AAE7D;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,eAAe;IAC5B,gEAAgE;IAChE,OAAO,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,GAAG,oBAAoB,CAAC;IACvE,+BAA+B;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACxE,yBAAyB;IACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC;IAClD,sCAAsC;IACtC,OAAO,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC1C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC9C;AAMD;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIzB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/buttons/icon-button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,QAAQ,EACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAGlF,OAAO,EAAE,iBAAiB,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAMlF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAO9B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC;AAE7D;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC5B,gEAAgE;IAChE,OAAO,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,GAAG,oBAAoB,CAAC;IACvE,+BAA+B;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACxE,yBAAyB;IACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC;IAClD,sCAAsC;IACtC,OAAO,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC1C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,oDAAoD;IACpD,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC5D;AAMD;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIzB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC"}

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

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { OptionType, StructType, BooleanType, StringType, } from "@elaraai/east";
+import { OptionType, StructType, BooleanType, StringType, FunctionType, NullType, } from "@elaraai/east";
 import { SizeType, ColorSchemeType } from "../../style.js";
 import { ButtonVariantType } from "../button/types.js";
 // Re-export ButtonVariantType for convenience
@@ -21,6 +21,7 @@ export { ButtonVariantType } from "../button/types.js";
  * @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
+ * @property onClick - Callback triggered when the button is clicked
  */
 export const IconButtonStyleType = StructType({
     variant: OptionType(ButtonVariantType),
@@ -28,6 +29,7 @@ export const IconButtonStyleType = StructType({
     size: OptionType(SizeType),
     loading: OptionType(BooleanType),
     disabled: OptionType(BooleanType),
+    onClick: OptionType(FunctionType([], NullType)),
 });
 // ============================================================================
 // IconButton Type
@@ -38,7 +40,8 @@ export const IconButtonStyleType = StructType({
  * @remarks
  * This struct type represents the serializable data structure for an IconButton component.
  *
- * @property icon - The icon to display in the button
+ * @property prefix - The Font Awesome icon prefix
+ * @property name - The Font Awesome icon name
  * @property style - Optional styling configuration wrapped in OptionType
  */
 export const IconButtonType = StructType({

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/buttons/icon-button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,WAAW,EACX,UAAU,GACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAA6B,MAAM,oBAAoB,CAAC;AAElF,8CAA8C;AAC9C,OAAO,EAAE,iBAAiB,EAA6B,MAAM,oBAAoB,CAAC;AAElF,+EAA+E;AAC/E,wBAAwB;AACxB,+EAA+E;AAE/E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC;IAC1C,OAAO,EAAE,UAAU,CAAC,iBAAiB,CAAC;IACtC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAChC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;CACpC,CAAC,CAAC;AAgCH,+EAA+E;AAC/E,kBAAkB;AAClB,+EAA+E;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;IACrC,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC;CACzC,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/buttons/icon-button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,QAAQ,GACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAA6B,MAAM,oBAAoB,CAAC;AAElF,8CAA8C;AAC9C,OAAO,EAAE,iBAAiB,EAA6B,MAAM,oBAAoB,CAAC;AAElF,+EAA+E;AAC/E,wBAAwB;AACxB,+EAA+E;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC;IAC1C,OAAO,EAAE,UAAU,CAAC,iBAAiB,CAAC;IACtC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAChC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACjC,OAAO,EAAE,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;CAClD,CAAC,CAAC;AAmCH,+EAA+E;AAC/E,kBAAkB;AAClB,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;IACrC,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC;CACzC,CAAC,CAAC"}