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

package/dist/src/display/icon/index.js

@@ -28,27 +28,12 @@ export { IconSizeType, IconVariantType, IconStyleType, IconType, } from "./types
  *
  * @example
  * ```ts
- * import { Icon } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Icon, UIComponentType } from "@elaraai/east-ui";
  *
- * // Solid user icon
- * const userIcon = Icon.Root("fas", "user");
- *
- * // Regular heart icon (outlined)
- * const heartIcon = Icon.Root("far", "heart");
- *
- * // Brand icon (GitHub logo)
- * const githubIcon = Icon.Root("fab", "github");
- *
- * // Icon with size and color
- * const coloredIcon = Icon.Root("fas", "heart", {
- *   color: "red.500",
- *   size: "xl",
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Icon.Root("fas", "user");
  * });
- *
- * // Tree view icons
- * const folderIcon = Icon.Root("fas", "folder", { color: "yellow.500" });
- * const fileIcon = Icon.Root("far", "file");
- * const codeIcon = Icon.Root("fas", "file-code", { color: "blue.500" });
  * ```
  */
 function createIcon(prefix, name, style) {
@@ -87,23 +72,6 @@ function createIcon(prefix, name, style) {
  * @remarks
  * Icon displays Font Awesome icons with typesafe icon names.
  * Use the `variant` prop to select icon style (solid, regular, brands, etc.).
- *
- * @example
- * ```ts
- * import { Icon } from "@elaraai/east-ui";
- *
- * // Navigation icons
- * const homeIcon = Icon.Root("home", { size: "lg" });
- * const menuIcon = Icon.Root("bars", { variant: "solid" });
- *
- * // Status icons
- * const checkIcon = Icon.Root("check", { color: "green.500" });
- * const warningIcon = Icon.Root("triangle-exclamation", { color: "yellow.500" });
- *
- * // Tree view icons
- * const folderIcon = Icon.Root("folder", { variant: "solid" });
- * const fileIcon = Icon.Root("file", { variant: "regular" });
- * ```
  */
 export const Icon = {
     /**

package/dist/src/display/icon/index.js.map

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

package/dist/src/display/icon/types.d.ts

@@ -152,6 +152,7 @@ export interface IconStyle {
  * @remarks
  * Icon displays a Font Awesome icon with optional styling.
  *
+ * @property prefix - The Font Awesome prefix (e.g., "fas", "far", "fab")
  * @property name - The Font Awesome icon name (e.g., "user", "home", "chevron-right")
  * @property style - Optional styling configuration
  */

package/dist/src/display/icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/display/icon/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACd,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAG1E,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAMlF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;IACrB,uBAAuB;;IAEvB,iBAAiB;;IAEjB,4BAA4B;;IAE5B,iBAAiB;;IAEjB,uBAAuB;;IAEvB,oBAAoB;;EAEtB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAMvE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;IACxB,+BAA+B;;IAE/B,mCAAmC;;IAEnC,iDAAiD;;IAEjD,gDAAgD;;IAEhD,wBAAwB;;EAE1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAMnF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;QA9EtB,uBAAuB;;QAEvB,iBAAiB;;QAEjB,4BAA4B;;QAE5B,iBAAiB;;QAEjB,uBAAuB;;QAEvB,oBAAoB;;;;QA+BpB,+BAA+B;;QAE/B,mCAAmC;;QAEnC,iDAAiD;;QAEjD,gDAAgD;;QAEhD,wBAAwB;;;;;;;;;;;;;;;;EAkC1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,WAAW,SAAS;IACtB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;IAC1D,8DAA8D;IAC9D,OAAO,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACnE,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,gCAAgC;IAChC,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;CAC3E;AAMD;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;;;;;YA1HjB,uBAAuB;;YAEvB,iBAAiB;;YAEjB,4BAA4B;;YAE5B,iBAAiB;;YAEjB,uBAAuB;;YAEvB,oBAAoB;;;;YA+BpB,+BAA+B;;YAE/B,mCAAmC;;YAEnC,iDAAiD;;YAEjD,gDAAgD;;YAEhD,wBAAwB;;;;;;;;;;;;;;;;;EA6E1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/display/icon/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACd,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAG1E,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAMlF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;IACrB,uBAAuB;;IAEvB,iBAAiB;;IAEjB,4BAA4B;;IAE5B,iBAAiB;;IAEjB,uBAAuB;;IAEvB,oBAAoB;;EAEtB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAMvE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;IACxB,+BAA+B;;IAE/B,mCAAmC;;IAEnC,iDAAiD;;IAEjD,gDAAgD;;IAEhD,wBAAwB;;EAE1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAMnF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;QA9EtB,uBAAuB;;QAEvB,iBAAiB;;QAEjB,4BAA4B;;QAE5B,iBAAiB;;QAEjB,uBAAuB;;QAEvB,oBAAoB;;;;QA+BpB,+BAA+B;;QAE/B,mCAAmC;;QAEnC,iDAAiD;;QAEjD,gDAAgD;;QAEhD,wBAAwB;;;;;;;;;;;;;;;;EAkC1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,WAAW,SAAS;IACtB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;IAC1D,8DAA8D;IAC9D,OAAO,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACnE,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,gCAAgC;IAChC,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;CAC3E;AAMD;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ;;;;;YA3HjB,uBAAuB;;YAEvB,iBAAiB;;YAEjB,4BAA4B;;YAE5B,iBAAiB;;YAEjB,uBAAuB;;YAEvB,oBAAoB;;;;YA+BpB,+BAA+B;;YAE/B,mCAAmC;;YAEnC,iDAAiD;;YAEjD,gDAAgD;;YAEhD,wBAAwB;;;;;;;;;;;;;;;;;EA8E1B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC"}

package/dist/src/display/icon/types.js

@@ -90,6 +90,7 @@ export const IconStyleType = StructType({
  * @remarks
  * Icon displays a Font Awesome icon with optional styling.
  *
+ * @property prefix - The Font Awesome prefix (e.g., "fas", "far", "fab")
  * @property name - The Font Awesome icon name (e.g., "user", "home", "chevron-right")
  * @property style - Optional styling configuration
  */

package/dist/src/display/icon/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/display/icon/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,GACd,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAA2B,MAAM,gBAAgB,CAAC;AAK1E,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;IACpC,uBAAuB;IACvB,EAAE,EAAE,QAAQ;IACZ,iBAAiB;IACjB,EAAE,EAAE,QAAQ;IACZ,4BAA4B;IAC5B,EAAE,EAAE,QAAQ;IACZ,iBAAiB;IACjB,EAAE,EAAE,QAAQ;IACZ,uBAAuB;IACvB,EAAE,EAAE,QAAQ;IACZ,oBAAoB;IACpB,KAAK,EAAE,QAAQ;CAClB,CAAC,CAAC;AAYH,+EAA+E;AAC/E,8CAA8C;AAC9C,+EAA+E;AAE/E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACvC,+BAA+B;IAC/B,KAAK,EAAE,QAAQ;IACf,mCAAmC;IACnC,OAAO,EAAE,QAAQ;IACjB,iDAAiD;IACjD,KAAK,EAAE,QAAQ;IACf,gDAAgD;IAChD,IAAI,EAAE,QAAQ;IACd,wBAAwB;IACxB,MAAM,EAAE,QAAQ;CACnB,CAAC,CAAC;AAYH,+EAA+E;AAC/E,sCAAsC;AACtC,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;IACpC,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC;IAC9B,OAAO,EAAE,UAAU,CAAC,eAAe,CAAC;IACpC,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;CAC5C,CAAC,CAAC;AA0BH,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;IAC/B,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC;CACnC,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/display/icon/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,GACd,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAA2B,MAAM,gBAAgB,CAAC;AAK1E,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;IACpC,uBAAuB;IACvB,EAAE,EAAE,QAAQ;IACZ,iBAAiB;IACjB,EAAE,EAAE,QAAQ;IACZ,4BAA4B;IAC5B,EAAE,EAAE,QAAQ;IACZ,iBAAiB;IACjB,EAAE,EAAE,QAAQ;IACZ,uBAAuB;IACvB,EAAE,EAAE,QAAQ;IACZ,oBAAoB;IACpB,KAAK,EAAE,QAAQ;CAClB,CAAC,CAAC;AAYH,+EAA+E;AAC/E,8CAA8C;AAC9C,+EAA+E;AAE/E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACvC,+BAA+B;IAC/B,KAAK,EAAE,QAAQ;IACf,mCAAmC;IACnC,OAAO,EAAE,QAAQ;IACjB,iDAAiD;IACjD,KAAK,EAAE,QAAQ;IACf,gDAAgD;IAChD,IAAI,EAAE,QAAQ;IACd,wBAAwB;IACxB,MAAM,EAAE,QAAQ;CACnB,CAAC,CAAC;AAYH,+EAA+E;AAC/E,sCAAsC;AACtC,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;IACpC,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC;IAC9B,OAAO,EAAE,UAAU,CAAC,eAAe,CAAC;IACpC,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;CAC5C,CAAC,CAAC;AA0BH,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;IAC/B,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC;CACnC,CAAC,CAAC"}

package/dist/src/display/stat/index.d.ts

@@ -20,30 +20,15 @@ export { type StatStyle, type StatIndicatorLiteral } from "./types.js";
  *
  * @example
  * ```ts
- * import { Stat, StatIndicator } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Stat, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple stat
- * const revenue = Stat.Root("Revenue", "$45,231");
- *
- * // Stat with help text
- * const users = Stat.Root("Total Users", "1,234", {
- *   helpText: "From last month",
- * });
- *
- * // Stat with positive trend
- * const growth = Stat.Root("Growth", "+23.36%", {
- *   helpText: "From last week",
- *   indicator: "up",
- * });
- *
- * // Stat with negative trend
- * const bounce = Stat.Root("Bounce Rate", "-12.5%", {
- *   helpText: "Compared to yesterday",
- *   indicator: "down",
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Stat.Root("Growth", "+23.36%", {
+ *         helpText: "From last week",
+ *         indicator: "up",
+ *     });
  * });
- *
- * // Access the type
- * const statType = Stat.Types.Stat;
  * ```
  */
 declare function createStat(label: SubtypeExprOrValue<StringType>, value: SubtypeExprOrValue<StringType>, style?: StatStyle): ExprType<UIComponentType>;
@@ -52,17 +37,6 @@ declare function createStat(label: SubtypeExprOrValue<StringType>, value: Subtyp
  *
  * @remarks
  * Use `Stat.Root(label, value, style)` to create a stat, or access `Stat.Types.Stat` for the East type.
- *
- * @example
- * ```ts
- * import { Stat } from "@elaraai/east-ui";
- *
- * // Create a stat
- * const stat = Stat.Root("Revenue", "$45,231", { indicator: "up" });
- *
- * // Access the type
- * const statType = Stat.Types.Stat;
- * ```
  */
 export declare const Stat: {
     /**
@@ -97,16 +71,20 @@ export declare const Stat: {
      * @param direction - The indicator direction ("up" or "down")
      * @returns An East expression representing the stat indicator
      *
+     * @remarks
+     * Use this helper to create indicator values programmatically. In most cases,
+     * you can pass string literals directly to the style property.
+     *
      * @example
      * ```ts
-     * import { Stat } from "@elaraai/east-ui";
+     * import { East } from "@elaraai/east";
+     * import { Stat, UIComponentType } from "@elaraai/east-ui";
      *
-     * // Dynamic indicator based on value
-     * const stat = Stat.Root("Profit", value, {
-     *   indicator: condition.ifElse(
-     *     $ => Stat.Indicator("up"),
-     *     $ => Stat.Indicator("down")
-     *   ),
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Stat.Root("Revenue", "$45,231", {
+     *         helpText: "+20.1%",
+     *         indicator: Stat.Indicator("up"),
+     *     });
      * });
      * ```
      */

package/dist/src/display/stat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/display/stat/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,UAAU,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAA+B,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAGxF,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAMvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,iBAAS,UAAU,CACf,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,CAAC,EAAE,SAAS,GAClB,QAAQ,CAAC,eAAe,CAAC,CAkB3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI;IACb;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;;IAEH;;;;;;;;;;;;;;;;;;OAkBG;;;QAGC;;;;;;;;;;WAUG;;;;;;;;;;QAEH;;;;;;;;WAQG;;;;;;CAGD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/display/stat/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,UAAU,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAA+B,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAGxF,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAMvE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,UAAU,CACf,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,CAAC,EAAE,SAAS,GAClB,QAAQ,CAAC,eAAe,CAAC,CAkB3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI;IACb;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;;IAEH;;;;;;;;;;;;;;;;;;;;;;OAsBG;;;QAGC;;;;;;;;;;WAUG;;;;;;;;;;QAEH;;;;;;;;WAQG;;;;;;CAGD,CAAC"}

package/dist/src/display/stat/index.js

@@ -24,30 +24,15 @@ export {} from "./types.js";
  *
  * @example
  * ```ts
- * import { Stat, StatIndicator } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Stat, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple stat
- * const revenue = Stat.Root("Revenue", "$45,231");
- *
- * // Stat with help text
- * const users = Stat.Root("Total Users", "1,234", {
- *   helpText: "From last month",
- * });
- *
- * // Stat with positive trend
- * const growth = Stat.Root("Growth", "+23.36%", {
- *   helpText: "From last week",
- *   indicator: "up",
- * });
- *
- * // Stat with negative trend
- * const bounce = Stat.Root("Bounce Rate", "-12.5%", {
- *   helpText: "Compared to yesterday",
- *   indicator: "down",
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Stat.Root("Growth", "+23.36%", {
+ *         helpText: "From last week",
+ *         indicator: "up",
+ *     });
  * });
- *
- * // Access the type
- * const statType = Stat.Types.Stat;
  * ```
  */
 function createStat(label, value, style) {
@@ -73,17 +58,6 @@ function createStat(label, value, style) {
  *
  * @remarks
  * Use `Stat.Root(label, value, style)` to create a stat, or access `Stat.Types.Stat` for the East type.
- *
- * @example
- * ```ts
- * import { Stat } from "@elaraai/east-ui";
- *
- * // Create a stat
- * const stat = Stat.Root("Revenue", "$45,231", { indicator: "up" });
- *
- * // Access the type
- * const statType = Stat.Types.Stat;
- * ```
  */
 export const Stat = {
     /**
@@ -118,16 +92,20 @@ export const Stat = {
      * @param direction - The indicator direction ("up" or "down")
      * @returns An East expression representing the stat indicator
      *
+     * @remarks
+     * Use this helper to create indicator values programmatically. In most cases,
+     * you can pass string literals directly to the style property.
+     *
      * @example
      * ```ts
-     * import { Stat } from "@elaraai/east-ui";
+     * import { East } from "@elaraai/east";
+     * import { Stat, UIComponentType } from "@elaraai/east-ui";
      *
-     * // Dynamic indicator based on value
-     * const stat = Stat.Root("Profit", value, {
-     *   indicator: condition.ifElse(
-     *     $ => Stat.Indicator("up"),
-     *     $ => Stat.Indicator("down")
-     *   ),
+     * const example = East.function([], UIComponentType, $ => {
+     *     return Stat.Root("Revenue", "$45,231", {
+     *         helpText: "+20.1%",
+     *         indicator: Stat.Indicator("up"),
+     *     });
      * });
      * ```
      */

package/dist/src/display/stat/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/display/stat/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EACV,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,EAAkB,MAAM,YAAY,CAAC;AAExF,6FAA6F;AAC7F,OAAO,EAA6C,MAAM,YAAY,CAAC;AAEvE,+EAA+E;AAC/E,gBAAgB;AAChB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,SAAS,UAAU,CACf,KAAqC,EACrC,KAAqC,EACrC,KAAiB;IAEjB,MAAM,cAAc,GAAG,CAAC,GAA+C,EAAE,EAAE;QACvE,IAAI,GAAG,KAAK,SAAS;YAAE,OAAO,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,EAAE,SAAS;QACnC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YAClC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC;YAC/D,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;QAC9B,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC;QACzC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KACtF,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,IAAI,EAAE,UAAU;IAChB;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE;QACH;;;;;;;;;;WAUG;QACH,IAAI,EAAE,QAAQ;QACd;;;;;;;;WAQG;QACH,SAAS,EAAE,iBAAiB;KAC/B;CACK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/display/stat/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EACV,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,EAAkB,MAAM,YAAY,CAAC;AAExF,6FAA6F;AAC7F,OAAO,EAA6C,MAAM,YAAY,CAAC;AAEvE,+EAA+E;AAC/E,gBAAgB;AAChB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,SAAS,UAAU,CACf,KAAqC,EACrC,KAAqC,EACrC,KAAiB;IAEjB,MAAM,cAAc,GAAG,CAAC,GAA+C,EAAE,EAAE;QACvE,IAAI,GAAG,KAAK,SAAS;YAAE,OAAO,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,EAAE,SAAS;QACnC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YAClC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC;YAC/D,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;QAC9B,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC;QACzC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KACtF,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,IAAI,EAAE,UAAU;IAChB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE;QACH;;;;;;;;;;WAUG;QACH,IAAI,EAAE,QAAQ;QACd;;;;;;;;WAQG;QACH,SAAS,EAAE,iBAAiB;KAC/B;CACK,CAAC"}

package/dist/src/display/stat/types.d.ts

@@ -8,8 +8,9 @@ import { type SubtypeExprOrValue, type ExprType, StringType, NullType, OptionTyp
  *
  * @remarks
  * Used to show trend direction.
- * - up: Positive trend (usually green)
- * - down: Negative trend (usually red)
+ *
+ * @property up - Positive trend (usually green)
+ * @property down - Negative trend (usually red)
  */
 export declare const StatIndicatorType: VariantType<{
     /** Positive/increasing trend */
@@ -33,11 +34,14 @@ export type StatIndicatorLiteral = "up" | "down";
  *
  * @example
  * ```ts
- * import { Stat, StatIndicator } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Stat, UIComponentType } from "@elaraai/east-ui";
  *
- * const stat = Stat.Root("Revenue", "$45,231", {
- *   helpText: "+20.1%",
- *   indicator: StatIndicator("up"),
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Stat.Root("Revenue", "$45,231", {
+ *         helpText: "+20.1%",
+ *         indicator: Stat.Indicator("up"),
+ *     });
  * });
  * ```
  */

package/dist/src/display/stat/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/display/stat/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EAGd,MAAM,eAAe,CAAC;AAMvB;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;IAC1B,gCAAgC;;IAEhC,gCAAgC;;EAElC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,MAAM,CAAC;AAEjD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAEnF;AAMD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ;;;;;QAnDjB,gCAAgC;;QAEhC,gCAAgC;;;EAsDlC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAMvC;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,yCAAyC;IACzC,SAAS,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,GAAG,oBAAoB,CAAC;CAC5E"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/display/stat/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EAGd,MAAM,eAAe,CAAC;AAMvB;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB;IAC1B,gCAAgC;;IAEhC,gCAAgC;;EAElC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,MAAM,CAAC;AAEjD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAEnF;AAMD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ;;;;;QAtDjB,gCAAgC;;QAEhC,gCAAgC;;;EAyDlC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAMvC;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,yCAAyC;IACzC,SAAS,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,GAAG,oBAAoB,CAAC;CAC5E"}

package/dist/src/display/stat/types.js

@@ -11,8 +11,9 @@ import { StringType, NullType, OptionType, StructType, VariantType, East, varian
  *
  * @remarks
  * Used to show trend direction.
- * - up: Positive trend (usually green)
- * - down: Negative trend (usually red)
+ *
+ * @property up - Positive trend (usually green)
+ * @property down - Negative trend (usually red)
  */
 export const StatIndicatorType = VariantType({
     /** Positive/increasing trend */
@@ -28,11 +29,14 @@ export const StatIndicatorType = VariantType({
  *
  * @example
  * ```ts
- * import { Stat, StatIndicator } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Stat, UIComponentType } from "@elaraai/east-ui";
  *
- * const stat = Stat.Root("Revenue", "$45,231", {
- *   helpText: "+20.1%",
- *   indicator: StatIndicator("up"),
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Stat.Root("Revenue", "$45,231", {
+ *         helpText: "+20.1%",
+ *         indicator: Stat.Indicator("up"),
+ *     });
  * });
  * ```
  */

package/dist/src/display/stat/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/display/stat/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,IAAI,EACJ,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,+EAA+E;AAC/E,sBAAsB;AACtB,+EAA+E;AAE/E;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;IACzC,gCAAgC;IAChC,EAAE,EAAE,QAAQ;IACZ,gCAAgC;IAChC,IAAI,EAAE,QAAQ;CACjB,CAAC,CAAC;AAYH;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,aAAa,CAAC,SAAwB;IAClD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC;AACnE,CAAC;AAED,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;IAC/B,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC;IAChC,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;CAC3C,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/display/stat/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,IAAI,EACJ,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,+EAA+E;AAC/E,sBAAsB;AACtB,+EAA+E;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;IACzC,gCAAgC;IAChC,EAAE,EAAE,QAAQ;IACZ,gCAAgC;IAChC,IAAI,EAAE,QAAQ;CACjB,CAAC,CAAC;AAYH;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,aAAa,CAAC,SAAwB;IAClD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC;AACnE,CAAC;AAED,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;IAC/B,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC;IAChC,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;CAC3C,CAAC,CAAC"}

package/dist/src/display/tag/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, type SubtypeExprOrValue, StringType, BooleanType } from "@elaraai/east";
+import { type ExprType, type SubtypeExprOrValue, StringType } from "@elaraai/east";
 import { UIComponentType } from "../../component.js";
 import { type TagStyle } from "./types.js";
 export { TagType, TagSizeType, type TagStyle, type TagSizeLiteral } from "./types.js";
@@ -19,25 +19,15 @@ export { TagType, TagSizeType, type TagStyle, type TagSizeLiteral } from "./type
  *
  * @example
  * ```ts
- * import { Tag } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Tag, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple tag
- * const tag = Tag.Root("JavaScript");
- *
- * // Styled tag
- * const styled = Tag.Root("Featured", {
- *   colorPalette: "blue",
- *   variant: "solid",
- * });
- *
- * // Closable tag
- * const closable = Tag.Root("React", {
- *   colorPalette: "cyan",
- *   closable: true,
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Tag.Root("Featured", {
+ *         colorPalette: "blue",
+ *         variant: "solid",
+ *     });
  * });
- *
- * // Access the type
- * const tagType = Tag.Types.Tag;
  * ```
  */
 declare function createTag(label: SubtypeExprOrValue<StringType>, style?: TagStyle): ExprType<UIComponentType>;
@@ -46,17 +36,6 @@ declare function createTag(label: SubtypeExprOrValue<StringType>, style?: TagSty
  *
  * @remarks
  * Use `Tag.Root(label, style)` to create a tag, or access `Tag.Types.Tag` for the East type.
- *
- * @example
- * ```ts
- * import { Tag } from "@elaraai/east-ui";
- *
- * // Create a tag
- * const tag = Tag.Root("JavaScript", { colorPalette: "yellow" });
- *
- * // Access the type
- * const tagType = Tag.Types.Tag;
- * ```
  */
 export declare const Tag: {
     /**
@@ -123,7 +102,8 @@ export declare const Tag: {
                 lg: import("@elaraai/east").NullType;
                 xl: import("@elaraai/east").NullType;
             }>>;
-            closable: import("@elaraai/east").OptionType<BooleanType>;
+            closable: import("@elaraai/east").OptionType<import("@elaraai/east").BooleanType>;
+            onClose: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[], import("@elaraai/east").NullType>>;
         }>;
         /**
          * Size variant type for Tag component.

package/dist/src/display/tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/display/tag/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,UAAU,EACV,WAAW,EAEd,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGjE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAMtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,iBAAS,SAAS,CACd,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,CAAC,EAAE,QAAQ,GACjB,QAAQ,CAAC,eAAe,CAAC,CA+B3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG;IACZ;;;;;;;;;;;;;;;;;;;;;;;OAuBG;;;QAGC;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;WAUG;;;;;;;;CAGD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/display/tag/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,UAAU,EAIb,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGjE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAMtF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,SAAS,CACd,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,CAAC,EAAE,QAAQ,GACjB,QAAQ,CAAC,eAAe,CAAC,CA2B3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,GAAG;IACZ;;;;;;;;;;;;;;;;;;;;;;;OAuBG;;;QAGC;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;WAUG;;;;;;;;CAGD,CAAC"}

package/dist/src/display/tag/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 { ColorSchemeType, StyleVariantType } from "../../style.js";
 import { UIComponentType } from "../../component.js";
 import { TagType, TagSizeType } from "./types.js";
@@ -24,33 +24,18 @@ export { TagType, TagSizeType } from "./types.js";
  *
  * @example
  * ```ts
- * import { Tag } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Tag, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple tag
- * const tag = Tag.Root("JavaScript");
- *
- * // Styled tag
- * const styled = Tag.Root("Featured", {
- *   colorPalette: "blue",
- *   variant: "solid",
- * });
- *
- * // Closable tag
- * const closable = Tag.Root("React", {
- *   colorPalette: "cyan",
- *   closable: true,
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Tag.Root("Featured", {
+ *         colorPalette: "blue",
+ *         variant: "solid",
+ *     });
  * });
- *
- * // Access the type
- * const tagType = Tag.Types.Tag;
  * ```
  */
 function createTag(label, style) {
-    const toBoolOption = (val) => {
-        if (val === undefined)
-            return variant("none", null);
-        return variant("some", val);
-    };
     const variantValue = style?.variant
         ? (typeof style.variant === "string"
             ? East.value(variant(style.variant, null), StyleVariantType)
@@ -68,10 +53,11 @@ function createTag(label, style) {
         : undefined;
     return East.value(variant("Tag", {
         label: label,
-        variant: variantValue ? variant("some", variantValue) : variant("none", null),
-        colorPalette: colorPaletteValue ? variant("some", colorPaletteValue) : variant("none", null),
-        size: sizeValue ? variant("some", sizeValue) : variant("none", null),
-        closable: toBoolOption(style?.closable),
+        variant: variantValue ? some(variantValue) : none,
+        colorPalette: colorPaletteValue ? some(colorPaletteValue) : none,
+        size: sizeValue ? some(sizeValue) : none,
+        closable: style?.closable !== undefined ? some(style.closable) : none,
+        onClose: style?.onClose ? some(style.onClose) : none,
     }), UIComponentType);
 }
 /**
@@ -79,17 +65,6 @@ function createTag(label, style) {
  *
  * @remarks
  * Use `Tag.Root(label, style)` to create a tag, or access `Tag.Types.Tag` for the East type.
- *
- * @example
- * ```ts
- * import { Tag } from "@elaraai/east-ui";
- *
- * // Create a tag
- * const tag = Tag.Root("JavaScript", { colorPalette: "yellow" });
- *
- * // Access the type
- * const tagType = Tag.Types.Tag;
- * ```
  */
 export const Tag = {
     /**

package/dist/src/display/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/display/tag/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/display/tag/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EACV,OAAO,EACP,IAAI,EACJ,IAAI,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAiB,MAAM,YAAY,CAAC;AAEjE,kBAAkB;AAClB,OAAO,EAAE,OAAO,EAAE,WAAW,EAAsC,MAAM,YAAY,CAAC;AAEtF,+EAA+E;AAC/E,eAAe;AACf,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAS,SAAS,CACd,KAAqC,EACrC,KAAgB;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,gBAAgB,CAAC;YAC5D,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACpB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,iBAAiB,GAAG,KAAK,EAAE,YAAY;QACzC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,YAAY,KAAK,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,eAAe,CAAC;YAChE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QACzB,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,WAAW,CAAC;YACpD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;QACjB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE;QAC7B,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI;QACjD,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI;QAChE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI;QACxC,QAAQ,EAAE,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;QACrE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;KACvD,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG;IACf;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,IAAI,EAAE,SAAS;IACf,KAAK,EAAE;QACH;;;;;;;;;;;;WAYG;QACH,GAAG,EAAE,OAAO;QACZ;;;;;;;;;;WAUG;QACH,IAAI,EAAE,WAAW;KACpB;CACK,CAAC"}

package/dist/src/display/tag/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, StringType, BooleanType, NullType, OptionType, StructType, VariantType } from "@elaraai/east";
+import { type SubtypeExprOrValue, StringType, BooleanType, NullType, OptionType, StructType, VariantType, FunctionType } from "@elaraai/east";
 import { ColorSchemeType, StyleVariantType } from "../../style.js";
 import type { ColorSchemeLiteral, StyleVariantLiteral } from "../../style.js";
 /**
@@ -42,6 +42,7 @@ export type TagSizeLiteral = "sm" | "md" | "lg" | "xl";
  * @property colorPalette - Color scheme for the tag
  * @property size - Size of the tag (sm, md, lg, xl)
  * @property closable - Whether the tag shows a close button
+ * @property onClose - Callback triggered when close button is clicked
  */
 export declare const TagType: StructType<{
     label: StringType;
@@ -69,6 +70,7 @@ export declare const TagType: StructType<{
         xl: NullType;
     }>>;
     closable: OptionType<BooleanType>;
+    onClose: OptionType<FunctionType<[], NullType>>;
 }>;
 /**
  * Type representing the Tag structure.
@@ -81,6 +83,7 @@ export type TagType = typeof TagType;
  * @property colorPalette - Color scheme for the tag
  * @property size - Size of the tag (sm, md, lg, xl)
  * @property closable - Whether the tag shows a close button
+ * @property onClose - Callback triggered when close button is clicked
  */
 export interface TagStyle {
     /** Visual variant (solid, subtle, outline) */
@@ -91,5 +94,7 @@ export interface TagStyle {
     size?: SubtypeExprOrValue<TagSizeType> | TagSizeLiteral;
     /** Whether the tag shows a close button */
     closable?: SubtypeExprOrValue<BooleanType>;
+    /** Callback triggered when close button is clicked */
+    onClose?: SubtypeExprOrValue<FunctionType<[], NullType>>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/src/display/tag/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/display/tag/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAM9E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW;;;;;EAKtB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAMvD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;EAMlB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AAMrC;;;;;;;GAOG;AACH,MAAM,WAAW,QAAQ;IACrB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,mBAAmB,CAAC;IACrE,+BAA+B;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACxE,uCAAuC;IACvC,IAAI,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC;IACxD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC9C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/display/tag/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAM9E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW;;;;;EAKtB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAMvD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOlB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AAMrC;;;;;;;;GAQG;AACH,MAAM,WAAW,QAAQ;IACrB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,mBAAmB,CAAC;IACrE,+BAA+B;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACxE,uCAAuC;IACvC,IAAI,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC;IACxD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,sDAAsD;IACtD,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC5D"}

package/dist/src/display/tag/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 { StringType, BooleanType, NullType, OptionType, StructType, VariantType, } from "@elaraai/east";
+import { StringType, BooleanType, NullType, OptionType, StructType, VariantType, FunctionType, } from "@elaraai/east";
 import { ColorSchemeType, StyleVariantType } from "../../style.js";
 // ============================================================================
 // Tag Size Type
@@ -39,6 +39,7 @@ export const TagSizeType = VariantType({
  * @property colorPalette - Color scheme for the tag
  * @property size - Size of the tag (sm, md, lg, xl)
  * @property closable - Whether the tag shows a close button
+ * @property onClose - Callback triggered when close button is clicked
  */
 export const TagType = StructType({
     label: StringType,
@@ -46,5 +47,6 @@ export const TagType = StructType({
     colorPalette: OptionType(ColorSchemeType),
     size: OptionType(TagSizeType),
     closable: OptionType(BooleanType),
+    onClose: OptionType(FunctionType([], NullType)),
 });
 //# sourceMappingURL=types.js.map

package/dist/src/display/tag/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/display/tag/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGnE,+EAA+E;AAC/E,gBAAgB;AAChB,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC;IACnC,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACf,CAAC,CAAC;AAYH,+EAA+E;AAC/E,WAAW;AACX,+EAA+E;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;IAC9B,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC;IACrC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC;IAC7B,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;CACpC,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/display/tag/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,GACf,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGnE,+EAA+E;AAC/E,gBAAgB;AAChB,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC;IACnC,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACf,CAAC,CAAC;AAYH,+EAA+E;AAC/E,WAAW;AACX,+EAA+E;AAE/E;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;IAC9B,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC;IACrC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC;IAC7B,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACjC,OAAO,EAAE,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;CAClD,CAAC,CAAC"}