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

package/dist/src/forms/input/types.d.ts

@@ -2,7 +2,8 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { type ExprType, VariantType, OptionType, StructType, StringType, IntegerType, FloatType, DateTimeType, BooleanType, NullType, type SubtypeExprOrValue } from "@elaraai/east";
+import { type ExprType, VariantType, OptionType, StructType, StringType, IntegerType, FloatType, DateTimeType, BooleanType, NullType, FunctionType, type SubtypeExprOrValue, ArrayType } from "@elaraai/east";
+import { DateTimeFormatTokenType } from "@elaraai/east/internal";
 import { SizeType } from "../../style.js";
 import type { SizeLiteral } from "../../style.js";
 /**
@@ -36,10 +37,14 @@ export type InputVariantLiteral = "outline" | "subtle" | "flushed";
  *
  * @example
  * ```ts
- * import { InputVariant } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Input, UIComponentType } from "@elaraai/east-ui";
  *
- * InputVariant("outline");
- * InputVariant("subtle");
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Input.String("", {
+ *         variant: Input.Variant("outline"),
+ *     });
+ * });
  * ```
  */
 export declare function InputVariant(inputVariant: "outline" | "subtle" | "flushed"): ExprType<InputVariantType>;
@@ -52,7 +57,10 @@ export declare function InputVariant(inputVariant: "outline" | "subtle" | "flush
  * @property size - Size of the input
  * @property maxLength - Maximum character count
  * @property pattern - Regex pattern for validation
- * @property disabled - Whether the input is disabled
+ * @property disabled - Whether the input is disabled\
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
  */
 export declare const StringInputType: StructType<{
     value: StringType;
@@ -71,15 +79,46 @@ export declare const StringInputType: StructType<{
     maxLength: OptionType<IntegerType>;
     pattern: OptionType<StringType>;
     disabled: OptionType<BooleanType>;
+    onChange: OptionType<FunctionType<[StringType], NullType>>;
+    onBlur: OptionType<FunctionType<[], NullType>>;
+    onFocus: OptionType<FunctionType<[], NullType>>;
 }>;
 export type StringInputType = typeof StringInputType;
+/**
+ * TypeScript interface for String input style options.
+ *
+ * @remarks
+ * Use this interface when creating String input components.
+ *
+ * @property placeholder - Placeholder text when empty
+ * @property variant - Input appearance variant
+ * @property size - Size of the input
+ * @property maxLength - Maximum character count
+ * @property pattern - Regex pattern for validation
+ * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
+ */
 export interface StringInputStyle {
+    /** Placeholder text when empty */
     placeholder?: SubtypeExprOrValue<StringType>;
+    /** Input appearance variant (outline, subtle, flushed) */
     variant?: SubtypeExprOrValue<InputVariantType> | InputVariantLiteral;
+    /** Size of the input (xs, sm, md, lg) */
     size?: SubtypeExprOrValue<SizeType> | SizeLiteral;
+    /** Maximum character count */
     maxLength?: SubtypeExprOrValue<IntegerType>;
+    /** Regex pattern for validation */
     pattern?: SubtypeExprOrValue<StringType>;
+    /** Whether the input is disabled */
     disabled?: SubtypeExprOrValue<BooleanType>;
+    /** Callback triggered when value changes */
+    onChange?: SubtypeExprOrValue<FunctionType<[StringType], NullType>>;
+    /** Callback triggered when input loses focus */
+    onBlur?: SubtypeExprOrValue<FunctionType<[], NullType>>;
+    /** Callback triggered when input gains focus */
+    onFocus?: SubtypeExprOrValue<FunctionType<[], NullType>>;
 }
 /**
  * Type for Integer input component data.
@@ -91,6 +130,9 @@ export interface StringInputStyle {
  * @property variant - Input appearance variant
  * @property size - Size of the input
  * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
  */
 export declare const IntegerInputType: StructType<{
     value: IntegerType;
@@ -109,15 +151,46 @@ export declare const IntegerInputType: StructType<{
         lg: NullType;
     }>>;
     disabled: OptionType<BooleanType>;
+    onChange: OptionType<FunctionType<[IntegerType], NullType>>;
+    onBlur: OptionType<FunctionType<[], NullType>>;
+    onFocus: OptionType<FunctionType<[], NullType>>;
 }>;
 export type IntegerInputType = typeof IntegerInputType;
+/**
+ * TypeScript interface for Integer input style options.
+ *
+ * @remarks
+ * Use this interface when creating Integer input components.
+ *
+ * @property min - Minimum allowed value
+ * @property max - Maximum allowed value
+ * @property step - Step increment for stepper controls
+ * @property variant - Input appearance variant
+ * @property size - Size of the input
+ * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
+ */
 export interface IntegerInputStyle {
+    /** Minimum allowed value */
     min?: SubtypeExprOrValue<IntegerType>;
+    /** Maximum allowed value */
     max?: SubtypeExprOrValue<IntegerType>;
+    /** Step increment for stepper controls */
     step?: SubtypeExprOrValue<IntegerType>;
+    /** Input appearance variant (outline, subtle, flushed) */
     variant?: SubtypeExprOrValue<InputVariantType> | InputVariantLiteral;
+    /** Size of the input (xs, sm, md, lg) */
     size?: SubtypeExprOrValue<SizeType> | SizeLiteral;
+    /** Whether the input is disabled */
     disabled?: SubtypeExprOrValue<BooleanType>;
+    /** Callback triggered when value changes */
+    onChange?: SubtypeExprOrValue<FunctionType<[IntegerType], NullType>>;
+    /** Callback triggered when input loses focus */
+    onBlur?: SubtypeExprOrValue<FunctionType<[], NullType>>;
+    /** Callback triggered when input gains focus */
+    onFocus?: SubtypeExprOrValue<FunctionType<[], NullType>>;
 }
 /**
  * Type for Float input component data.
@@ -130,6 +203,9 @@ export interface IntegerInputStyle {
  * @property variant - Input appearance variant
  * @property size - Size of the input
  * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
  */
 export declare const FloatInputType: StructType<{
     value: FloatType;
@@ -149,35 +225,114 @@ export declare const FloatInputType: StructType<{
         lg: NullType;
     }>>;
     disabled: OptionType<BooleanType>;
+    onChange: OptionType<FunctionType<[FloatType], NullType>>;
+    onBlur: OptionType<FunctionType<[], NullType>>;
+    onFocus: OptionType<FunctionType<[], NullType>>;
 }>;
 export type FloatInputType = typeof FloatInputType;
+/**
+ * TypeScript interface for Float input style options.
+ *
+ * @remarks
+ * Use this interface when creating Float input components.
+ *
+ * @property min - Minimum allowed value
+ * @property max - Maximum allowed value
+ * @property step - Step increment for stepper controls
+ * @property precision - Number of decimal places
+ * @property variant - Input appearance variant
+ * @property size - Size of the input
+ * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
+ */
 export interface FloatInputStyle {
+    /** Minimum allowed value */
     min?: SubtypeExprOrValue<FloatType>;
+    /** Maximum allowed value */
     max?: SubtypeExprOrValue<FloatType>;
+    /** Step increment for stepper controls */
     step?: SubtypeExprOrValue<FloatType>;
+    /** Number of decimal places */
     precision?: SubtypeExprOrValue<IntegerType>;
+    /** Input appearance variant (outline, subtle, flushed) */
     variant?: SubtypeExprOrValue<InputVariantType> | InputVariantLiteral;
+    /** Size of the input (xs, sm, md, lg) */
     size?: SubtypeExprOrValue<SizeType> | SizeLiteral;
+    /** Whether the input is disabled */
     disabled?: SubtypeExprOrValue<BooleanType>;
+    /** Callback triggered when value changes */
+    onChange?: SubtypeExprOrValue<FunctionType<[FloatType], NullType>>;
+    /** Callback triggered when input loses focus */
+    onBlur?: SubtypeExprOrValue<FunctionType<[], NullType>>;
+    /** Callback triggered when input gains focus */
+    onFocus?: SubtypeExprOrValue<FunctionType<[], NullType>>;
 }
+/**
+ * Variant type for DateTime format tokens.
+ *
+ * @remarks
+ * Create instances using the {@link DateTimeFormatToken} function.
+ */
+export declare const DateTimePrecisionType: VariantType<{
+    date: NullType;
+    time: NullType;
+    datetime: NullType;
+}>;
+/** Variant type for DateTime precision options. */
+export type DateTimePrecisionType = typeof DateTimePrecisionType;
+/** String literal type for DateTime precision options. */
+export type DateTimePrecisionLiteral = "date" | "time" | "datetime";
 /**
  * Type for DateTime input component data.
  *
  * @property value - The current DateTime value
  * @property min - Minimum allowed date/time
  * @property max - Maximum allowed date/time
- * @property showTime - Whether to show time picker
- * @property format - Display format string
+ * @property precision - Whether to show time picker
+ * @property format - Display format token
  * @property variant - Input appearance variant
  * @property size - Size of the input
  * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
  */
 export declare const DateTimeInputType: StructType<{
     value: DateTimeType;
     min: OptionType<DateTimeType>;
     max: OptionType<DateTimeType>;
-    showTime: OptionType<BooleanType>;
-    format: OptionType<StringType>;
+    precision: OptionType<VariantType<{
+        date: NullType;
+        time: NullType;
+        datetime: NullType;
+    }>>;
+    format: OptionType<ArrayType<VariantType<{
+        literal: StringType;
+        year4: NullType;
+        year2: NullType;
+        month1: NullType;
+        month2: NullType;
+        monthNameShort: NullType;
+        monthNameFull: NullType;
+        day1: NullType;
+        day2: NullType;
+        weekdayNameMin: NullType;
+        weekdayNameShort: NullType;
+        weekdayNameFull: NullType;
+        hour24_1: NullType;
+        hour24_2: NullType;
+        hour12_1: NullType;
+        hour12_2: NullType;
+        minute1: NullType;
+        minute2: NullType;
+        second1: NullType;
+        second2: NullType;
+        millisecond3: NullType;
+        ampmUpper: NullType;
+        ampmLower: NullType;
+    }>>>;
     variant: OptionType<VariantType<{
         outline: NullType;
         subtle: NullType;
@@ -190,100 +345,49 @@ export declare const DateTimeInputType: StructType<{
         lg: NullType;
     }>>;
     disabled: OptionType<BooleanType>;
+    onChange: OptionType<FunctionType<[DateTimeType], NullType>>;
+    onBlur: OptionType<FunctionType<[], NullType>>;
+    onFocus: OptionType<FunctionType<[], NullType>>;
 }>;
 export type DateTimeInputType = typeof DateTimeInputType;
+/**
+ * TypeScript interface for DateTime input style options.
+ *
+ * @remarks
+ * Use this interface when creating DateTime input components.
+ *
+ * @property min - Minimum allowed date/time
+ * @property max - Maximum allowed date/time
+ * @property precision - Whether to show time picker
+ * @property format - Display format token
+ * @property variant - Input appearance variant
+ * @property size - Size of the input
+ * @property disabled - Whether the input is disabled
+ * @property invalid - Whether the input value is invalid
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
+ */
 export interface DateTimeInputStyle {
-    min?: SubtypeExprOrValue<DateTimeType> | Date;
-    max?: SubtypeExprOrValue<DateTimeType> | Date;
-    showTime?: SubtypeExprOrValue<BooleanType> | boolean;
-    format?: SubtypeExprOrValue<StringType> | string;
+    /** Minimum allowed date/time */
+    min?: SubtypeExprOrValue<DateTimeType>;
+    /** Maximum allowed date/time */
+    max?: SubtypeExprOrValue<DateTimeType>;
+    /** Whether to show time picker */
+    precision?: SubtypeExprOrValue<typeof DateTimePrecisionType> | DateTimePrecisionLiteral;
+    /** Display format token */
+    format?: SubtypeExprOrValue<ArrayType<typeof DateTimeFormatTokenType>> | string;
+    /** Input appearance variant (outline, subtle, flushed) */
     variant?: SubtypeExprOrValue<InputVariantType> | InputVariantLiteral;
+    /** Size of the input (xs, sm, md, lg) */
     size?: SubtypeExprOrValue<SizeType> | SizeLiteral;
-    disabled?: SubtypeExprOrValue<BooleanType> | boolean;
+    /** Whether the input is disabled */
+    disabled?: SubtypeExprOrValue<BooleanType>;
+    /** Callback triggered when value changes */
+    onChange?: SubtypeExprOrValue<FunctionType<[DateTimeType], NullType>>;
+    /** Callback triggered when input loses focus */
+    onBlur?: SubtypeExprOrValue<FunctionType<[], NullType>>;
+    /** Callback triggered when input gains focus */
+    onFocus?: SubtypeExprOrValue<FunctionType<[], NullType>>;
 }
-/**
- * Unified Input type as a variant of all input types.
- *
- * @property String - String text input
- * @property Integer - Integer number input
- * @property Float - Float number input
- * @property DateTime - Date/time picker input
- */
-export declare const InputRootType: VariantType<{
-    String: StructType<{
-        value: StringType;
-        placeholder: OptionType<StringType>;
-        variant: OptionType<VariantType<{
-            outline: NullType;
-            subtle: NullType;
-            flushed: NullType;
-        }>>;
-        size: OptionType<VariantType<{
-            xs: NullType;
-            sm: NullType;
-            md: NullType;
-            lg: NullType;
-        }>>;
-        maxLength: OptionType<IntegerType>;
-        pattern: OptionType<StringType>;
-        disabled: OptionType<BooleanType>;
-    }>;
-    Integer: StructType<{
-        value: IntegerType;
-        min: OptionType<IntegerType>;
-        max: OptionType<IntegerType>;
-        step: OptionType<IntegerType>;
-        variant: OptionType<VariantType<{
-            outline: NullType;
-            subtle: NullType;
-            flushed: NullType;
-        }>>;
-        size: OptionType<VariantType<{
-            xs: NullType;
-            sm: NullType;
-            md: NullType;
-            lg: NullType;
-        }>>;
-        disabled: OptionType<BooleanType>;
-    }>;
-    Float: StructType<{
-        value: FloatType;
-        min: OptionType<FloatType>;
-        max: OptionType<FloatType>;
-        step: OptionType<FloatType>;
-        precision: OptionType<IntegerType>;
-        variant: OptionType<VariantType<{
-            outline: NullType;
-            subtle: NullType;
-            flushed: NullType;
-        }>>;
-        size: OptionType<VariantType<{
-            xs: NullType;
-            sm: NullType;
-            md: NullType;
-            lg: NullType;
-        }>>;
-        disabled: OptionType<BooleanType>;
-    }>;
-    DateTime: StructType<{
-        value: DateTimeType;
-        min: OptionType<DateTimeType>;
-        max: OptionType<DateTimeType>;
-        showTime: OptionType<BooleanType>;
-        format: OptionType<StringType>;
-        variant: OptionType<VariantType<{
-            outline: NullType;
-            subtle: NullType;
-            flushed: NullType;
-        }>>;
-        size: OptionType<VariantType<{
-            xs: NullType;
-            sm: NullType;
-            md: NullType;
-            lg: NullType;
-        }>>;
-        disabled: OptionType<BooleanType>;
-    }>;
-}>;
-export type InputRootType = typeof InputRootType;
 //# sourceMappingURL=types.d.ts.map

package/dist/src/forms/input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/input/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/input/types.ts"],"names":[],"mappings":"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"}

package/dist/src/forms/input/types.js

@@ -2,7 +2,8 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { East, VariantType, OptionType, StructType, StringType, IntegerType, FloatType, DateTimeType, BooleanType, NullType, variant, } from "@elaraai/east";
+import { East, VariantType, OptionType, StructType, StringType, IntegerType, FloatType, DateTimeType, BooleanType, NullType, FunctionType, variant, ArrayType, } from "@elaraai/east";
+import { DateTimeFormatTokenType } from "@elaraai/east/internal";
 import { SizeType } from "../../style.js";
 // ============================================================================
 // Input Variant Type
@@ -30,10 +31,14 @@ export const InputVariantType = VariantType({
  *
  * @example
  * ```ts
- * import { InputVariant } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Input, UIComponentType } from "@elaraai/east-ui";
  *
- * InputVariant("outline");
- * InputVariant("subtle");
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Input.String("", {
+ *         variant: Input.Variant("outline"),
+ *     });
+ * });
  * ```
  */
 export function InputVariant(inputVariant) {
@@ -51,7 +56,10 @@ export function InputVariant(inputVariant) {
  * @property size - Size of the input
  * @property maxLength - Maximum character count
  * @property pattern - Regex pattern for validation
- * @property disabled - Whether the input is disabled
+ * @property disabled - Whether the input is disabled\
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
  */
 export const StringInputType = StructType({
     value: StringType,
@@ -61,6 +69,9 @@ export const StringInputType = StructType({
     maxLength: OptionType(IntegerType),
     pattern: OptionType(StringType),
     disabled: OptionType(BooleanType),
+    onChange: OptionType(FunctionType([StringType], NullType)),
+    onBlur: OptionType(FunctionType([], NullType)),
+    onFocus: OptionType(FunctionType([], NullType)),
 });
 // ============================================================================
 // Integer Input Type
@@ -75,6 +86,9 @@ export const StringInputType = StructType({
  * @property variant - Input appearance variant
  * @property size - Size of the input
  * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
  */
 export const IntegerInputType = StructType({
     value: IntegerType,
@@ -84,6 +98,9 @@ export const IntegerInputType = StructType({
     variant: OptionType(InputVariantType),
     size: OptionType(SizeType),
     disabled: OptionType(BooleanType),
+    onChange: OptionType(FunctionType([IntegerType], NullType)),
+    onBlur: OptionType(FunctionType([], NullType)),
+    onFocus: OptionType(FunctionType([], NullType)),
 });
 // ============================================================================
 // Float Input Type
@@ -99,6 +116,9 @@ export const IntegerInputType = StructType({
  * @property variant - Input appearance variant
  * @property size - Size of the input
  * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
  */
 export const FloatInputType = StructType({
     value: FloatType,
@@ -109,47 +129,50 @@ export const FloatInputType = StructType({
     variant: OptionType(InputVariantType),
     size: OptionType(SizeType),
     disabled: OptionType(BooleanType),
+    onChange: OptionType(FunctionType([FloatType], NullType)),
+    onBlur: OptionType(FunctionType([], NullType)),
+    onFocus: OptionType(FunctionType([], NullType)),
 });
 // ============================================================================
 // DateTime Input Type
 // ============================================================================
+/**
+ * Variant type for DateTime format tokens.
+ *
+ * @remarks
+ * Create instances using the {@link DateTimeFormatToken} function.
+ */
+export const DateTimePrecisionType = VariantType({
+    date: NullType,
+    time: NullType,
+    datetime: NullType,
+});
 /**
  * Type for DateTime input component data.
  *
  * @property value - The current DateTime value
  * @property min - Minimum allowed date/time
  * @property max - Maximum allowed date/time
- * @property showTime - Whether to show time picker
- * @property format - Display format string
+ * @property precision - Whether to show time picker
+ * @property format - Display format token
  * @property variant - Input appearance variant
  * @property size - Size of the input
  * @property disabled - Whether the input is disabled
+ * @property onChange - Callback triggered when value changes
+ * @property onBlur - Callback triggered when input loses focus
+ * @property onFocus - Callback triggered when input gains focus
  */
 export const DateTimeInputType = StructType({
     value: DateTimeType,
     min: OptionType(DateTimeType),
     max: OptionType(DateTimeType),
-    showTime: OptionType(BooleanType),
-    format: OptionType(StringType),
+    precision: OptionType(DateTimePrecisionType),
+    format: OptionType(ArrayType(DateTimeFormatTokenType)),
     variant: OptionType(InputVariantType),
     size: OptionType(SizeType),
     disabled: OptionType(BooleanType),
-});
-// ============================================================================
-// Input Root Type
-// ============================================================================
-/**
- * Unified Input type as a variant of all input types.
- *
- * @property String - String text input
- * @property Integer - Integer number input
- * @property Float - Float number input
- * @property DateTime - Date/time picker input
- */
-export const InputRootType = VariantType({
-    String: StringInputType,
-    Integer: IntegerInputType,
-    Float: FloatInputType,
-    DateTime: DateTimeInputType,
+    onChange: OptionType(FunctionType([DateTimeType], NullType)),
+    onBlur: OptionType(FunctionType([], NullType)),
+    onFocus: OptionType(FunctionType([], NullType)),
 });
 //# sourceMappingURL=types.js.map

package/dist/src/forms/input/types.js.map

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

package/dist/src/forms/select/index.d.ts

@@ -3,7 +3,7 @@
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
 import { type ExprType, type SubtypeExprOrValue, StringType, ArrayType } from "@elaraai/east";
-import { SelectItemType, type SelectItemStyle, type SelectStyle } from "./types.js";
+import { SelectItemType, SelectRootType, type SelectItemStyle, type SelectStyle } from "./types.js";
 import { UIComponentType } from "../../component.js";
 export { SelectItemType, SelectRootType, type SelectItemStyle, type SelectStyle, } from "./types.js";
 /**
@@ -16,14 +16,14 @@ export { SelectItemType, SelectRootType, type SelectItemStyle, type SelectStyle,
  *
  * @example
  * ```ts
- * import { Select } from "@elaraai/east-ui";
- *
- * // Simple item
- * const item = Select.Item("us", "United States");
+ * import { East } from "@elaraai/east";
+ * import { Select, UIComponentType } from "@elaraai/east-ui";
  *
- * // Disabled item
- * const disabled = Select.Item("restricted", "Restricted Option", {
- *   disabled: true,
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Select.Root("", [
+ *         Select.Item("us", "United States"),
+ *         Select.Item("restricted", "Restricted", { disabled: true }),
+ *     ]);
  * });
  * ```
  */
@@ -41,17 +41,21 @@ declare function createSelectItem(value: SubtypeExprOrValue<StringType>, label:
  *
  * @example
  * ```ts
- * import { Select } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Select, UIComponentType } from "@elaraai/east-ui";
  *
- * const countries = Select.Root(null, [
- *   Select.Item("us", "United States"),
- *   Select.Item("uk", "United Kingdom"),
- *   Select.Item("ca", "Canada"),
- * ], {
- *   placeholder: "Select a country",
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Select.Root("", [
+ *         Select.Item("us", "United States"),
+ *         Select.Item("uk", "United Kingdom"),
+ *         Select.Item("ca", "Canada"),
+ *     ], {
+ *         placeholder: "Select a country",
+ *     });
  * });
  * ```
  */
+export declare function createSelectRoot_(value: SubtypeExprOrValue<StringType>, items: SubtypeExprOrValue<ArrayType<SelectItemType>>, style?: SelectStyle): ExprType<SelectRootType>;
 declare function createSelectRoot(value: SubtypeExprOrValue<StringType>, items: SubtypeExprOrValue<ArrayType<SelectItemType>>, style?: SelectStyle): ExprType<UIComponentType>;
 /**
  * Select compound component for dropdown selection.
@@ -96,6 +100,9 @@ export declare const Select: {
                 md: import("@elaraai/east").NullType;
                 lg: import("@elaraai/east").NullType;
             }>>;
+            onChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[StringType], import("@elaraai/east").NullType>>;
+            onChangeMultiple: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[ArrayType<StringType>], import("@elaraai/east").NullType>>;
+            onOpenChange: import("@elaraai/east").OptionType<import("@elaraai/east").FunctionType<[import("@elaraai/east").BooleanType], import("@elaraai/east").NullType>>;
         }>;
         readonly Item: import("@elaraai/east").StructType<{
             value: StringType;