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

package/dist/src/typography/heading/types.d.ts

@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { type SubtypeExprOrValue, OptionType, StringType, StructType, VariantType, NullType } from "@elaraai/east";
+import { TextAlignType, type TextAlignLiteral } from "../../style.js";
+/**
+ * Heading size type for typography scaling.
+ *
+ * @property xs - Extra small heading
+ * @property sm - Small heading
+ * @property md - Medium heading
+ * @property lg - Large heading
+ * @property xl - Extra large heading
+ * @property 2xl - 2x large heading
+ * @property 3xl - 3x large heading
+ * @property 4xl - 4x large heading
+ * @property 5xl - 5x large heading
+ * @property 6xl - 6x large heading
+ */
+export declare const HeadingSizeType: VariantType<{
+    xs: NullType;
+    sm: NullType;
+    md: NullType;
+    lg: NullType;
+    xl: NullType;
+    "2xl": NullType;
+    "3xl": NullType;
+    "4xl": NullType;
+    "5xl": NullType;
+    "6xl": NullType;
+}>;
+export type HeadingSizeType = typeof HeadingSizeType;
+export type HeadingSizeLiteral = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+/**
+ * Heading semantic level type.
+ *
+ * @property h1 - Level 1 heading (most important)
+ * @property h2 - Level 2 heading
+ * @property h3 - Level 3 heading
+ * @property h4 - Level 4 heading
+ * @property h5 - Level 5 heading
+ * @property h6 - Level 6 heading (least important)
+ */
+export declare const HeadingAsType: VariantType<{
+    h1: NullType;
+    h2: NullType;
+    h3: NullType;
+    h4: NullType;
+    h5: NullType;
+    h6: NullType;
+}>;
+export type HeadingAsType = typeof HeadingAsType;
+export type HeadingAsLiteral = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+/**
+ * The concrete East type for Heading component data.
+ *
+ * @property value - The heading text
+ * @property size - Visual size of the heading
+ * @property as - Semantic HTML element (h1-h6)
+ * @property color - Text color
+ * @property textAlign - Text alignment
+ */
+export declare const HeadingType: StructType<{
+    value: StringType;
+    size: OptionType<VariantType<{
+        xs: NullType;
+        sm: NullType;
+        md: NullType;
+        lg: NullType;
+        xl: NullType;
+        "2xl": NullType;
+        "3xl": NullType;
+        "4xl": NullType;
+        "5xl": NullType;
+        "6xl": NullType;
+    }>>;
+    as: OptionType<VariantType<{
+        h1: NullType;
+        h2: NullType;
+        h3: NullType;
+        h4: NullType;
+        h5: NullType;
+        h6: NullType;
+    }>>;
+    color: OptionType<StringType>;
+    textAlign: OptionType<VariantType<{
+        left: NullType;
+        center: NullType;
+        right: NullType;
+        justify: NullType;
+    }>>;
+}>;
+export type HeadingType = typeof HeadingType;
+/**
+ * Style configuration for Heading components.
+ */
+export type HeadingStyle = {
+    /** Visual size of the heading */
+    size?: SubtypeExprOrValue<HeadingSizeType> | HeadingSizeLiteral;
+    /** Semantic HTML element (h1-h6) */
+    as?: SubtypeExprOrValue<HeadingAsType> | HeadingAsLiteral;
+    /** Text color */
+    color?: SubtypeExprOrValue<StringType>;
+    /** Text alignment */
+    textAlign?: SubtypeExprOrValue<TextAlignType> | TextAlignLiteral;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/typography/heading/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/typography/heading/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,aAAa,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAMtE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;EAW1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC;AACrD,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAM1G;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa;;;;;;;EAOxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAMvE;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAM7C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,GAAG,kBAAkB,CAAC;IAChE,oCAAoC;IACpC,EAAE,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAAC;IAC1D,iBAAiB;IACjB,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACvC,qBAAqB;IACrB,SAAS,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAAC;CACpE,CAAC"}

package/dist/src/typography/heading/types.js

@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { OptionType, StringType, StructType, VariantType, NullType, } from "@elaraai/east";
+import { TextAlignType } from "../../style.js";
+// ============================================================================
+// Heading Size Type
+// ============================================================================
+/**
+ * Heading size type for typography scaling.
+ *
+ * @property xs - Extra small heading
+ * @property sm - Small heading
+ * @property md - Medium heading
+ * @property lg - Large heading
+ * @property xl - Extra large heading
+ * @property 2xl - 2x large heading
+ * @property 3xl - 3x large heading
+ * @property 4xl - 4x large heading
+ * @property 5xl - 5x large heading
+ * @property 6xl - 6x large heading
+ */
+export const HeadingSizeType = VariantType({
+    xs: NullType,
+    sm: NullType,
+    md: NullType,
+    lg: NullType,
+    xl: NullType,
+    "2xl": NullType,
+    "3xl": NullType,
+    "4xl": NullType,
+    "5xl": NullType,
+    "6xl": NullType,
+});
+// ============================================================================
+// Heading As Type
+// ============================================================================
+/**
+ * Heading semantic level type.
+ *
+ * @property h1 - Level 1 heading (most important)
+ * @property h2 - Level 2 heading
+ * @property h3 - Level 3 heading
+ * @property h4 - Level 4 heading
+ * @property h5 - Level 5 heading
+ * @property h6 - Level 6 heading (least important)
+ */
+export const HeadingAsType = VariantType({
+    h1: NullType,
+    h2: NullType,
+    h3: NullType,
+    h4: NullType,
+    h5: NullType,
+    h6: NullType,
+});
+// ============================================================================
+// Heading Type
+// ============================================================================
+/**
+ * The concrete East type for Heading component data.
+ *
+ * @property value - The heading text
+ * @property size - Visual size of the heading
+ * @property as - Semantic HTML element (h1-h6)
+ * @property color - Text color
+ * @property textAlign - Text alignment
+ */
+export const HeadingType = StructType({
+    value: StringType,
+    size: OptionType(HeadingSizeType),
+    as: OptionType(HeadingAsType),
+    color: OptionType(StringType),
+    textAlign: OptionType(TextAlignType),
+});
+//# sourceMappingURL=types.js.map

package/dist/src/typography/heading/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/typography/heading/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,GACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,aAAa,EAAyB,MAAM,gBAAgB,CAAC;AAEtE,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;IACvC,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;CAClB,CAAC,CAAC;AAKH,+EAA+E;AAC/E,kBAAkB;AAClB,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACrC,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACf,CAAC,CAAC;AAKH,+EAA+E;AAC/E,eAAe;AACf,+EAA+E;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC;IAClC,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;IACjC,EAAE,EAAE,UAAU,CAAC,aAAa,CAAC;IAC7B,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC;CACvC,CAAC,CAAC"}

package/dist/src/typography/highlight/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { type SubtypeExprOrValue, type ExprType, StringType, ArrayType } from "@elaraai/east";
+import { UIComponentType } from "../../component.js";
+import { type HighlightStyle } from "./types.js";
+export { HighlightType, type HighlightStyle } from "./types.js";
+/**
+ * Creates a Highlight component for highlighting text portions.
+ *
+ * @param value - The text containing content to highlight
+ * @param query - String or array of strings to highlight
+ * @param style - Optional styling configuration
+ * @returns An East expression representing the highlight component
+ */
+declare function createHighlight(value: SubtypeExprOrValue<StringType>, query: SubtypeExprOrValue<ArrayType<StringType>> | string | string[], style?: HighlightStyle): ExprType<UIComponentType>;
+/**
+ * Highlight component for highlighting portions of text.
+ *
+ * @remarks
+ * Use `Highlight.Root(value, query, style)` to highlight matching text.
+ *
+ * @example
+ * ```ts
+ * import { East } from "@elaraai/east";
+ * import { Highlight, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Highlight.Root(
+ *         "Search results for: react components",
+ *         ["react", "components"],
+ *         { color: "yellow.200" }
+ *     );
+ * });
+ * ```
+ */
+export declare const Highlight: {
+    readonly Root: typeof createHighlight;
+    readonly Types: {
+        readonly Highlight: import("@elaraai/east").StructType<{
+            value: StringType;
+            query: ArrayType<StringType>;
+            color: import("@elaraai/east").OptionType<StringType>;
+        }>;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/typography/highlight/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/typography/highlight/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EAEb,UAAU,EACV,SAAS,EAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAGhE,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAMhE;;;;;;;GAOG;AACH,iBAAS,eAAe,CACpB,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,EACpE,KAAK,CAAC,EAAE,cAAc,GACvB,QAAQ,CAAC,eAAe,CAAC,CAa3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,SAAS;;;;;;;;;CAKZ,CAAC"}

package/dist/src/typography/highlight/index.js

@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { East, StringType, ArrayType, variant, } from "@elaraai/east";
+import { UIComponentType } from "../../component.js";
+import { HighlightType } from "./types.js";
+// Re-export types
+export { HighlightType } from "./types.js";
+// ============================================================================
+// Highlight Component
+// ============================================================================
+/**
+ * Creates a Highlight component for highlighting text portions.
+ *
+ * @param value - The text containing content to highlight
+ * @param query - String or array of strings to highlight
+ * @param style - Optional styling configuration
+ * @returns An East expression representing the highlight component
+ */
+function createHighlight(value, query, style) {
+    // Normalize query to array
+    const queryArray = typeof query === "string"
+        ? [query]
+        : Array.isArray(query)
+            ? query
+            : query;
+    return East.value(variant("Highlight", {
+        value: value,
+        query: queryArray,
+        color: style?.color ? variant("some", style.color) : variant("none", null),
+    }), UIComponentType);
+}
+/**
+ * Highlight component for highlighting portions of text.
+ *
+ * @remarks
+ * Use `Highlight.Root(value, query, style)` to highlight matching text.
+ *
+ * @example
+ * ```ts
+ * import { East } from "@elaraai/east";
+ * import { Highlight, UIComponentType } from "@elaraai/east-ui";
+ *
+ * const example = East.function([], UIComponentType, $ => {
+ *     return Highlight.Root(
+ *         "Search results for: react components",
+ *         ["react", "components"],
+ *         { color: "yellow.200" }
+ *     );
+ * });
+ * ```
+ */
+export const Highlight = {
+    Root: createHighlight,
+    Types: {
+        Highlight: HighlightType,
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/src/typography/highlight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/typography/highlight/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EACV,SAAS,EACT,OAAO,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAuB,MAAM,YAAY,CAAC;AAEhE,kBAAkB;AAClB,OAAO,EAAE,aAAa,EAAuB,MAAM,YAAY,CAAC;AAEhE,+EAA+E;AAC/E,sBAAsB;AACtB,+EAA+E;AAE/E;;;;;;;GAOG;AACH,SAAS,eAAe,CACpB,KAAqC,EACrC,KAAoE,EACpE,KAAsB;IAEtB,2BAA2B;IAC3B,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ;QACxC,CAAC,CAAC,CAAC,KAAK,CAAC;QACT,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAClB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;QACnC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KAC7E,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACH,SAAS,EAAE,aAAa;KAC3B;CACK,CAAC"}

package/dist/src/typography/highlight/types.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { type SubtypeExprOrValue, OptionType, StringType, StructType, ArrayType } from "@elaraai/east";
+/**
+ * The concrete East type for Highlight component data.
+ *
+ * @property value - The text containing content to highlight
+ * @property query - String or array of strings to highlight within the text
+ * @property color - Background color for highlighted portions
+ */
+export declare const HighlightType: StructType<{
+    value: StringType;
+    query: ArrayType<StringType>;
+    color: OptionType<StringType>;
+}>;
+export type HighlightType = typeof HighlightType;
+/**
+ * Style configuration for Highlight components.
+ */
+export type HighlightStyle = {
+    /** Background color for highlighted text */
+    color?: SubtypeExprOrValue<StringType>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/typography/highlight/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/typography/highlight/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACZ,MAAM,eAAe,CAAC;AAMvB;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;EAIxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAMjD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC1C,CAAC"}

package/dist/src/typography/highlight/types.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2025 Elara AI Pty Ltd
+ * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
+ */
+import { OptionType, StringType, StructType, ArrayType, } from "@elaraai/east";
+// ============================================================================
+// Highlight Type
+// ============================================================================
+/**
+ * The concrete East type for Highlight component data.
+ *
+ * @property value - The text containing content to highlight
+ * @property query - String or array of strings to highlight within the text
+ * @property color - Background color for highlighted portions
+ */
+export const HighlightType = StructType({
+    value: StringType,
+    query: ArrayType(StringType),
+    color: OptionType(StringType),
+});
+//# sourceMappingURL=types.js.map

package/dist/src/typography/highlight/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/typography/highlight/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEH,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,GACZ,MAAM,eAAe,CAAC;AAEvB,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;CAChC,CAAC,CAAC"}

package/dist/src/typography/index.d.ts

@@ -2,163 +2,20 @@
  * Copyright (c) 2025 Elara AI Pty Ltd
  * Dual-licensed under AGPL-3.0 and commercial license. See LICENSE for details.
  */
-import { type SubtypeExprOrValue, type ExprType, StringType } from "@elaraai/east";
-import { UIComponentType } from "../component.js";
-import { type TextStyle } from "./types.js";
-export { TextType, type TextStyle } from "./types.js";
-/**
- * Creates a Text component with a value and optional styling.
- *
- * @param value - The text value as a string or East expression
- * @param style - Optional styling configuration for the text
- * @returns An East expression representing the styled text component
- *
- * @remarks
- * The value can be a plain string or an East expression of StringType.
- *
- * @example
- * ```ts
- * import { Text } from "@elaraai/east-ui";
- *
- * // Simple text
- * const text = Text.Root("Hello");
- *
- * // Styled text with string literals
- * const styledText = Text.Root("World", {
- *   color: "blue.500",
- *   fontWeight: "bold",
- *   textAlign: "center",
- * });
- *
- * // Access the type
- * const textType = Text.Types.Text;
- * ```
- */
-declare function createText(value: SubtypeExprOrValue<StringType>, style?: TextStyle): ExprType<UIComponentType>;
-/**
- * Text component for displaying styled text content.
- *
- * @remarks
- * Use `Text.Root(value, style)` to create text, or access `Text.Types.Text` for the East type.
- *
- * @example
- * ```ts
- * import { Text } from "@elaraai/east-ui";
- *
- * // Create styled text
- * const text = Text.Root("Hello", { color: "blue.500", fontWeight: "bold" });
- *
- * // Access the type
- * const textType = Text.Types.Text;
- * ```
- */
-export declare const Text: {
-    /**
-     * Creates a Text component for displaying styled text content.
-     *
-     * @param value - The text string to display
-     * @param style - Optional styling configuration
-     * @returns An East expression representing the text component
-     *
-     * @remarks
-     * Text is the fundamental component for displaying text content.
-     * It supports various styling options including color, font weight,
-     * alignment, and text overflow handling.
-     *
-     * @example
-     * ```ts
-     * import { East } from "@elaraai/east";
-     * import { Text, UIComponentType } from "@elaraai/east-ui";
-     *
-     * const example = East.function([], UIComponentType, $ => {
-     *     return Text.Root("Hello World", {
-     *         color: "blue.500",
-     *         fontWeight: "bold",
-     *         textAlign: "center",
-     *     });
-     * });
-     * ```
-     */
-    readonly Root: typeof createText;
-    readonly Types: {
-        /**
-         * The concrete East type for Text component data.
-         *
-         * @remarks
-         * This struct type represents the serializable data structure for a Text component.
-         *
-         * @property value - The text string content
-         * @property color - Text color (Chakra UI color token or CSS color)
-         * @property fontWeight - Font weight (normal, bold, semibold, etc.)
-         * @property fontSize - Font size (xs, sm, md, lg, xl, etc.)
-         * @property textAlign - Text alignment (left, center, right, justify)
-         * @property textOverflow - Text overflow behavior (clip, ellipsis)
-         */
-        readonly Text: import("@elaraai/east").StructType<{
-            value: StringType;
-            color: import("@elaraai/east").OptionType<StringType>;
-            background: import("@elaraai/east").OptionType<StringType>;
-            fontWeight: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                normal: import("@elaraai/east").NullType;
-                bold: import("@elaraai/east").NullType;
-                semibold: import("@elaraai/east").NullType;
-                medium: import("@elaraai/east").NullType;
-                light: import("@elaraai/east").NullType;
-            }>>;
-            fontStyle: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                normal: import("@elaraai/east").NullType;
-                italic: import("@elaraai/east").NullType;
-            }>>;
-            fontSize: import("@elaraai/east").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;
-            }>>;
-            textTransform: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                uppercase: import("@elaraai/east").NullType;
-                lowercase: import("@elaraai/east").NullType;
-                capitalize: import("@elaraai/east").NullType;
-                none: import("@elaraai/east").NullType;
-            }>>;
-            textAlign: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                left: import("@elaraai/east").NullType;
-                center: import("@elaraai/east").NullType;
-                right: import("@elaraai/east").NullType;
-                justify: import("@elaraai/east").NullType;
-            }>>;
-            textOverflow: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                clip: import("@elaraai/east").NullType;
-                ellipsis: import("@elaraai/east").NullType;
-            }>>;
-            whiteSpace: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                normal: import("@elaraai/east").NullType;
-                nowrap: import("@elaraai/east").NullType;
-                pre: import("@elaraai/east").NullType;
-                "pre-wrap": import("@elaraai/east").NullType;
-                "pre-line": import("@elaraai/east").NullType;
-            }>>;
-            overflow: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                visible: import("@elaraai/east").NullType;
-                hidden: import("@elaraai/east").NullType;
-                scroll: import("@elaraai/east").NullType;
-                auto: import("@elaraai/east").NullType;
-            }>>;
-            borderWidth: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                none: import("@elaraai/east").NullType;
-                thin: import("@elaraai/east").NullType;
-                medium: import("@elaraai/east").NullType;
-                thick: import("@elaraai/east").NullType;
-            }>>;
-            borderStyle: import("@elaraai/east").OptionType<import("@elaraai/east").VariantType<{
-                solid: import("@elaraai/east").NullType;
-                dashed: import("@elaraai/east").NullType;
-                dotted: import("@elaraai/east").NullType;
-                double: import("@elaraai/east").NullType;
-                none: import("@elaraai/east").NullType;
-            }>>;
-            borderColor: import("@elaraai/east").OptionType<StringType>;
-        }>;
-    };
-};
+export { Text } from "./text/index.js";
+export { TextType, type TextStyle } from "./text/types.js";
+export { Code } from "./code/index.js";
+export { CodeType, CodeVariantType, type CodeStyle } from "./code/types.js";
+export { Heading } from "./heading/index.js";
+export { HeadingType, HeadingSizeType, HeadingAsType, type HeadingStyle } from "./heading/types.js";
+export { Link } from "./link/index.js";
+export { LinkType, LinkVariantType, type LinkStyle } from "./link/types.js";
+export { Highlight } from "./highlight/index.js";
+export { HighlightType, type HighlightStyle } from "./highlight/types.js";
+export { Mark } from "./mark/index.js";
+export { MarkType, MarkVariantType, type MarkStyle } from "./mark/types.js";
+export { List } from "./list/index.js";
+export { ListType, ListVariantType, type ListStyle } from "./list/types.js";
+export { CodeBlock } from "./code-block/index.js";
+export { CodeBlockType, type CodeBlockStyle } from "./code-block/types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/typography/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EAEb,UAAU,EAEb,MAAM,eAAe,CAAC;AAcvB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAMtD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,iBAAS,UAAU,CACf,KAAK,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACrC,KAAK,CAAC,EAAE,SAAS,GAClB,QAAQ,CAAC,eAAe,CAAC,CA6E3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI;IACb;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;;;QAGC;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/typography/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG3D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5E,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGpG,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG1E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5E,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC"}