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

package/dist/src/forms/checkbox/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, BooleanType, variant, some, none, } from "@elaraai/east";
 import { SizeType, ColorSchemeType } from "../../style.js";
 import { UIComponentType } from "../../component.js";
 import { CheckboxType } from "./types.js";
@@ -24,41 +24,19 @@ export { CheckboxType } from "./types.js";
  *
  * @example
  * ```ts
- * import { Checkbox } from "@elaraai/east-ui";
+ * import { East } from "@elaraai/east";
+ * import { Checkbox, UIComponentType } from "@elaraai/east-ui";
  *
- * // Simple checkbox
- * const checkbox = Checkbox.Root(true);
- *
- * // Checkbox with label
- * const labeled = Checkbox.Root(false, {
- *   label: "Accept terms and conditions",
- * });
- *
- * // Styled checkbox
- * const styled = Checkbox.Root(true, {
- *   label: "Enable notifications",
- *   colorPalette: "blue",
- *   size: "md",
- * });
- *
- * // Indeterminate checkbox (for parent of partially selected children)
- * const indeterminate = Checkbox.Root(false, {
- *   label: "Select all",
- *   indeterminate: true,
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Checkbox.Root(true, {
+ *         label: "Enable notifications",
+ *         colorPalette: "blue",
+ *         size: "md",
+ *     });
  * });
  * ```
  */
-function createCheckbox(checked, style) {
-    const toStringOption = (val) => {
-        if (val === undefined)
-            return variant("none", null);
-        return variant("some", val);
-    };
-    const toBoolOption = (val) => {
-        if (val === undefined)
-            return variant("none", null);
-        return variant("some", val);
-    };
+export function createCheckbox_(checked, style) {
     const colorPaletteValue = style?.colorPalette
         ? (typeof style.colorPalette === "string"
             ? East.value(variant(style.colorPalette, null), ColorSchemeType)
@@ -69,14 +47,18 @@ function createCheckbox(checked, style) {
             ? East.value(variant(style.size, null), SizeType)
             : style.size)
         : undefined;
-    return East.value(variant("Checkbox", {
+    return East.value({
         checked: checked,
-        label: toStringOption(style?.label),
-        indeterminate: toBoolOption(style?.indeterminate),
-        disabled: toBoolOption(style?.disabled),
-        colorPalette: colorPaletteValue ? variant("some", colorPaletteValue) : variant("none", null),
-        size: sizeValue ? variant("some", sizeValue) : variant("none", null),
-    }), UIComponentType);
+        label: style?.label ? some(style.label) : none,
+        indeterminate: style?.indeterminate !== undefined ? some(style.indeterminate) : none,
+        disabled: style?.disabled !== undefined ? some(style.disabled) : none,
+        colorPalette: colorPaletteValue ? some(colorPaletteValue) : none,
+        size: sizeValue ? some(sizeValue) : none,
+        onChange: style?.onChange ? some(style.onChange) : none,
+    }, CheckboxType);
+}
+function createCheckbox(checked, style) {
+    return East.value(variant("Checkbox", createCheckbox_(checked, style)), UIComponentType);
 }
 /**
  * Checkbox component for boolean form selections.

package/dist/src/forms/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/forms/checkbox/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EACV,WAAW,EACX,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAsB,MAAM,YAAY,CAAC;AAE9D,kBAAkB;AAClB,OAAO,EAAE,YAAY,EAAsB,MAAM,YAAY,CAAC;AAE9D,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,SAAS,cAAc,CACnB,OAAwC,EACxC,KAAqB;IAErB,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,YAAY,GAAG,CAAC,GAAgD,EAAE,EAAE;QACtE,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,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,QAAQ,CAAC;YACjD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;QACjB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;QAClC,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC;QACnC,aAAa,EAAE,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC;QACjD,QAAQ,EAAE,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC;QACvC,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QAC5F,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KACvE,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACH;;;;;;;;;;;;WAYG;QACH,QAAQ,EAAE,YAAY;KACzB;CACK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/forms/checkbox/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAsB,MAAM,YAAY,CAAC;AAE9D,kBAAkB;AAClB,OAAO,EAAE,YAAY,EAAsB,MAAM,YAAY,CAAC;AAE9D,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,eAAe,CAC3B,OAAwC,EACxC,KAAqB;IAErB,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,QAAQ,CAAC;YACjD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;QACjB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAE;QACf,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;QAC9C,aAAa,EAAE,KAAK,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI;QACpF,QAAQ,EAAE,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;QACrE,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,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;KAC1D,EAAE,YAAY,CAAC,CAAC;AACrB,CAAC;AAED,SAAS,cAAc,CACnB,OAAwC,EACxC,KAAqB;IAErB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC;AAC7F,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACH;;;;;;;;;;;;WAYG;QACH,QAAQ,EAAE,YAAY;KACzB;CACK,CAAC"}

package/dist/src/forms/checkbox/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, StringType, BooleanType } from "@elaraai/east";
+import { type SubtypeExprOrValue, OptionType, StructType, StringType, BooleanType, NullType, FunctionType } from "@elaraai/east";
 import { SizeType, ColorSchemeType } from "../../style.js";
 import type { SizeLiteral, ColorSchemeLiteral } from "../../style.js";
 /**
@@ -17,6 +17,7 @@ import type { SizeLiteral, ColorSchemeLiteral } from "../../style.js";
  * @property disabled - Whether the checkbox is disabled
  * @property colorPalette - Color scheme for the checkbox
  * @property size - Size of the checkbox
+ * @property onChange - Callback triggered when checked state changes
  */
 export declare const CheckboxType: StructType<{
     checked: BooleanType;
@@ -24,23 +25,24 @@ export declare const CheckboxType: StructType<{
     indeterminate: OptionType<BooleanType>;
     disabled: OptionType<BooleanType>;
     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;
     }>>;
+    onChange: OptionType<FunctionType<[BooleanType], NullType>>;
 }>;
 /**
  * Type representing the Checkbox structure.
@@ -54,6 +56,7 @@ export type CheckboxType = typeof CheckboxType;
  * @property disabled - Whether the checkbox is disabled
  * @property colorPalette - Color scheme for the checkbox
  * @property size - Size of the checkbox
+ * @property onChange - Callback triggered when checked state changes
  */
 export interface CheckboxStyle {
     /** Optional label text displayed next to the checkbox */
@@ -66,5 +69,7 @@ export interface CheckboxStyle {
     colorPalette?: SubtypeExprOrValue<ColorSchemeType> | ColorSchemeLiteral;
     /** Size of the checkbox */
     size?: SubtypeExprOrValue<SizeType> | SizeLiteral;
+    /** Callback triggered when checked state changes (receives new checked value) */
+    onChange?: SubtypeExprOrValue<FunctionType<[BooleanType], NullType>>;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/checkbox/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACd,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;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;EAOvB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC;AAM/C;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAa;IAC1B,yDAAyD;IACzD,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAChD,uCAAuC;IACvC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,oCAAoC;IACpC,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACxE,2BAA2B;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC;CACrD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/checkbox/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,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;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;EAQvB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC;AAM/C;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC1B,yDAAyD;IACzD,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAChD,uCAAuC;IACvC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,oCAAoC;IACpC,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IACxE,2BAA2B;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC;IAClD,iFAAiF;IACjF,QAAQ,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;CACxE"}

package/dist/src/forms/checkbox/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, StringType, BooleanType, } from "@elaraai/east";
+import { OptionType, StructType, StringType, BooleanType, NullType, FunctionType, } from "@elaraai/east";
 import { SizeType, ColorSchemeType } from "../../style.js";
 // ============================================================================
 // Checkbox Type
@@ -19,6 +19,7 @@ import { SizeType, ColorSchemeType } from "../../style.js";
  * @property disabled - Whether the checkbox is disabled
  * @property colorPalette - Color scheme for the checkbox
  * @property size - Size of the checkbox
+ * @property onChange - Callback triggered when checked state changes
  */
 export const CheckboxType = StructType({
     checked: BooleanType,
@@ -27,5 +28,6 @@ export const CheckboxType = StructType({
     disabled: OptionType(BooleanType),
     colorPalette: OptionType(ColorSchemeType),
     size: OptionType(SizeType),
+    onChange: OptionType(FunctionType([BooleanType], NullType)),
 });
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/forms/checkbox/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG3D,+EAA+E;AAC/E,gBAAgB;AAChB,+EAA+E;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC;IACnC,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,aAAa,EAAE,UAAU,CAAC,WAAW,CAAC;IACtC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACjC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;CAC7B,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/forms/checkbox/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,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,gBAAgB;AAChB,+EAA+E;AAE/E;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC;IACnC,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,aAAa,EAAE,UAAU,CAAC,WAAW,CAAC;IACtC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACjC,YAAY,EAAE,UAAU,CAAC,eAAe,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;IAC1B,QAAQ,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC;CAC9D,CAAC,CAAC"}