@echojs-ecosystem/ui 0.1.0

package/dist/textarea.js

@@ -0,0 +1,361 @@
+import { h } from '@echojs-ecosystem/hyperdom';
+
+// src/components/textarea/textarea.ts
+
+// src/theme/default-theme.ts
+var defaultTheme = {
+  prefix: "echo",
+  headless: false,
+  components: {
+    button: {
+      defaultVariants: {
+        variant: "primary",
+        size: "md",
+        radius: "full"
+      }
+    },
+    input: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md"
+      }
+    },
+    inputMask: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md"
+      }
+    },
+    inputOtp: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md"
+      }
+    },
+    inputTags: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md"
+      }
+    },
+    textarea: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md",
+        resize: "vertical"
+      }
+    },
+    checkbox: {
+      defaultVariants: {
+        size: "md"
+      }
+    },
+    iconButton: {
+      defaultVariants: {
+        variant: "ghost",
+        size: "md"
+      }
+    }
+  }
+};
+
+// src/theme/create-theme.ts
+var mergeComponentConfig = (base, next) => {
+  if (!base && !next) return void 0;
+  if (!base) return next ? { ...next } : void 0;
+  if (!next) return { ...base };
+  return {
+    baseClass: next.baseClass ?? base.baseClass,
+    className: next.className ?? base.className,
+    defaultProps: { ...base.defaultProps, ...next.defaultProps },
+    defaultVariants: { ...base.defaultVariants, ...next.defaultVariants },
+    variants: { ...base.variants, ...next.variants }
+  };
+};
+var mergeComponents = (base, next) => {
+  const keys = /* @__PURE__ */ new Set([...Object.keys(base ?? {}), ...Object.keys(next ?? {})]);
+  const merged = {};
+  for (const key of keys) {
+    const slice = mergeComponentConfig(base?.[key], next?.[key]);
+    if (slice) merged[key] = slice;
+  }
+  return merged;
+};
+var createTheme = (input, base = defaultTheme) => ({
+  prefix: input.prefix ?? base.prefix,
+  headless: input.headless ?? base.headless,
+  components: mergeComponents(base.components, input.components)
+});
+
+// src/theme/theme-context.ts
+var stack = [];
+var getUIContext = () => stack[stack.length - 1];
+var getUIContextOrDefault = () => getUIContext() ?? createUIContextValue({});
+var createUIContextValue = (input, parent = getUIContext()) => {
+  const parentTheme = parent?.theme ?? defaultTheme;
+  const theme = createTheme(input.theme ?? {}, parentTheme);
+  const headless = input.headless ?? theme.headless ?? parent?.headless ?? false;
+  return {
+    theme: { ...theme, headless },
+    headless
+  };
+};
+
+// src/theme/variants.ts
+var tv = (config) => {
+  const resolve = (options) => {
+    const parts = [];
+    if (config.base) parts.push(config.base);
+    const resolved = { ...config.defaultVariants ?? {}, ...options ?? {} };
+    const variants = config.variants ?? {};
+    for (const [variantName, map] of Object.entries(variants)) {
+      const value = resolved[variantName];
+      if (value === void 0) continue;
+      const key = typeof value === "boolean" ? value ? "true" : "false" : String(value);
+      const cls = map[key];
+      if (cls) parts.push(cls);
+    }
+    for (const compound of config.compoundVariants ?? []) {
+      const { class: compoundClass, ...conditions } = compound;
+      const matches = Object.entries(conditions).every(([name, value]) => resolved[name] === value);
+      if (matches && compoundClass) parts.push(compoundClass);
+    }
+    return parts.filter(Boolean).join(" ");
+  };
+  if (config.slots) {
+    const slotFns = {};
+    for (const [slot, slotBase] of Object.entries(config.slots)) {
+      slotFns[slot] = (slotOptions) => {
+        const composed = [slotBase, resolve(slotOptions)].filter(Boolean).join(" ");
+        return composed.trim();
+      };
+    }
+    slotFns._config = config;
+    return slotFns;
+  }
+  const fn = (options) => resolve(options);
+  fn._config = config;
+  return fn;
+};
+var resolveVariantClasses = (variantFn, options, headless) => {
+  if (headless || !variantFn) return void 0;
+  return variantFn(options);
+};
+
+// src/core/variant-keys.ts
+var getVariantKeysFromFn = (variantsFn) => {
+  const variants = variantsFn?._config?.variants;
+  if (!variants) return [];
+  return Object.keys(variants);
+};
+var resolveVariantOptions = (variantsFn, themeDefaults, props) => {
+  const keys = [
+    .../* @__PURE__ */ new Set([
+      ...getVariantKeysFromFn(variantsFn),
+      ...Object.keys(variantsFn?._config?.defaultVariants ?? {}),
+      ...Object.keys(themeDefaults ?? {})
+    ])
+  ];
+  const picked = {};
+  for (const key of keys) {
+    if (props[key] !== void 0) picked[key] = props[key];
+  }
+  return {
+    ...variantsFn?._config?.defaultVariants,
+    ...themeDefaults,
+    ...picked
+  };
+};
+
+// src/utils/cn.ts
+var defaultClassNameMerger = (...values) => {
+  const out = [];
+  const walk = (value) => {
+    if (value == null || value === false) return;
+    if (typeof value === "string") {
+      if (value) out.push(value);
+      return;
+    }
+    if (Array.isArray(value)) {
+      for (const item of value) walk(item);
+      return;
+    }
+    for (const [key, enabled] of Object.entries(value)) {
+      if (enabled) out.push(key);
+    }
+  };
+  for (const value of values) walk(value);
+  return out.join(" ");
+};
+var classNameMerger = defaultClassNameMerger;
+var cn = (...values) => classNameMerger(...values);
+
+// src/utils/compose-event-handlers.ts
+var composeEventHandlers = (userHandler, internalHandler, options = {}) => {
+  if (!userHandler && !internalHandler) return void 0;
+  if (!userHandler) return internalHandler;
+  if (!internalHandler) return userHandler;
+  const { checkDefaultPrevented = false } = options;
+  return (event) => {
+    userHandler(event);
+    if (checkDefaultPrevented && event?.defaultPrevented) return;
+    internalHandler(event);
+  };
+};
+
+// src/utils/merge-props.ts
+var CLASS_KEYS = /* @__PURE__ */ new Set(["class", "className"]);
+var isEventHandlerKey = (key) => key.startsWith("on") || key.startsWith("on:");
+var mergeClassValues = (...values) => {
+  const merged = cn(...values);
+  return merged || void 0;
+};
+var mergePair = (target, source) => {
+  if (!source) return;
+  for (const [key, value] of Object.entries(source)) {
+    if (value === void 0) continue;
+    if (CLASS_KEYS.has(key)) {
+      const mergedClass = mergeClassValues(target.className, value);
+      if (mergedClass !== void 0) {
+        target.className = mergedClass;
+        target.class = mergedClass;
+      }
+      continue;
+    }
+    if (isEventHandlerKey(key)) {
+      const existing = target[key];
+      target[key] = composeEventHandlers(
+        value,
+        existing,
+        { checkDefaultPrevented: true }
+      );
+      continue;
+    }
+    target[key] = value;
+  }
+};
+var mergeProps = (defaultProps, providerProps, componentProps) => {
+  const merged = {};
+  mergePair(merged, defaultProps);
+  mergePair(merged, providerProps);
+  mergePair(merged, componentProps);
+  return merged;
+};
+
+// src/core/component.ts
+var themeKeyFromName = (name) => name.charAt(0).toLowerCase() + name.slice(1);
+var createUIComponent = (config) => {
+  const themeKey = themeKeyFromName(config.name);
+  return (props) => {
+    const ctx = getUIContextOrDefault();
+    const themeSlice = ctx.theme.components?.[themeKey];
+    const headless = props.headless ?? ctx.headless ?? ctx.theme.headless ?? false;
+    const providerProps = {
+      ...themeSlice?.defaultProps,
+      ...themeSlice?.defaultVariants
+    };
+    if (themeSlice?.className) {
+      providerProps.className = themeSlice.className;
+    }
+    const merged = mergeProps(
+      config.defaultProps,
+      providerProps,
+      props
+    );
+    const variantOptions = resolveVariantOptions(
+      config.variants,
+      themeSlice?.defaultVariants,
+      merged
+    );
+    const variantClass = resolveVariantClasses(config.variants, variantOptions, headless);
+    const visualClass = headless ? void 0 : cn(themeSlice?.baseClass, themeSlice?.className, variantClass, merged.className, merged.class);
+    const finalProps = {
+      ...merged,
+      className: visualClass,
+      class: visualClass
+    };
+    if (config.render) {
+      return config.render({
+        props: finalProps,
+        headless,
+        className: visualClass,
+        ctx
+      });
+    }
+    const { children, as, ...rest } = finalProps;
+    const tag = as ?? config.defaultTag;
+    return h(tag, rest, children);
+  };
+};
+
+// src/utils/data-attributes.ts
+var dataDisabled = (disabled) => disabled ? { "data-disabled": "" } : {};
+var dataInvalid = (invalid) => invalid ? { "data-invalid": "" } : {};
+
+// src/components/textarea/textarea.styles.ts
+var textareaStyles = tv({
+  base: [
+    "w-full",
+    "transition-colors",
+    "outline-none",
+    "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-zinc-400",
+    "disabled:opacity-50 disabled:cursor-not-allowed",
+    "data-[invalid]:ring-2 data-[invalid]:ring-red-500 data-[invalid]:ring-offset-2"
+  ].join(" "),
+  variants: {
+    variant: {
+      outline: "border border-zinc-300 bg-white text-zinc-900",
+      filled: "bg-zinc-100 text-zinc-900",
+      ghost: "bg-transparent text-zinc-900"
+    },
+    size: {
+      sm: "min-h-20 px-3 py-2 text-sm rounded-md",
+      md: "min-h-24 px-3 py-2 text-sm rounded-md",
+      lg: "min-h-28 px-4 py-3 text-base rounded-md"
+    },
+    resize: {
+      none: "resize-none",
+      vertical: "resize-y",
+      horizontal: "resize-x",
+      both: "resize"
+    }
+  },
+  defaultVariants: {
+    variant: "outline",
+    size: "md",
+    resize: "vertical"
+  }
+});
+
+// src/components/textarea/textarea.ts
+var Textarea = createUIComponent({
+  name: "Textarea",
+  defaultTag: "textarea",
+  defaultProps: {
+    variant: "outline",
+    size: "md",
+    resize: "vertical"
+  },
+  variants: (options) => textareaStyles(options),
+  render: ({ props, headless, className }) => {
+    const { invalid, disabled, readonly, required, ...rest } = props;
+    const ariaInvalid = invalid ? "true" : rest["aria-invalid"];
+    const dataReadonly = readonly ? { "data-readonly": "" } : {};
+    return h("textarea", {
+      ...rest,
+      disabled,
+      readonly,
+      required,
+      "aria-invalid": ariaInvalid,
+      ...dataDisabled(Boolean(disabled)),
+      ...dataInvalid(Boolean(invalid)),
+      ...dataReadonly,
+      className: headless ? void 0 : className,
+      class: headless ? void 0 : className
+    });
+  }
+});
+
+export { Textarea };
+//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/default-theme.ts","../src/theme/create-theme.ts","../src/theme/theme-context.ts","../src/theme/variants.ts","../src/core/variant-keys.ts","../src/utils/cn.ts","../src/utils/compose-event-handlers.ts","../src/utils/merge-props.ts","../src/core/component.ts","../src/utils/data-attributes.ts","../src/components/textarea/textarea.styles.ts","../src/components/textarea/textarea.ts"],"names":["h"],"mappings":"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","file":"textarea.js","sourcesContent":["import type { UITheme } from \"./types\";\n\n/** Built-in theme used when no provider is mounted. */\nexport const defaultTheme: UITheme = {\n  prefix: \"echo\",\n  headless: false,\n  components: {\n    button: {\n      defaultVariants: {\n        variant: \"primary\",\n        size: \"md\",\n        radius: \"full\",\n      },\n    },\n    input: {\n      defaultVariants: {\n        variant: \"outline\",\n        size: \"md\",\n      },\n    },\n    inputMask: {\n      defaultVariants: {\n        variant: \"outline\",\n        size: \"md\",\n      },\n    },\n    inputOtp: {\n      defaultVariants: {\n        variant: \"outline\",\n        size: \"md\",\n      },\n    },\n    inputTags: {\n      defaultVariants: {\n        variant: \"outline\",\n        size: \"md\",\n      },\n    },\n    textarea: {\n      defaultVariants: {\n        variant: \"outline\",\n        size: \"md\",\n        resize: \"vertical\",\n      },\n    },\n    checkbox: {\n      defaultVariants: {\n        size: \"md\",\n      },\n    },\n    iconButton: {\n      defaultVariants: {\n        variant: \"ghost\",\n        size: \"md\",\n      },\n    },\n  },\n};\n","import { defaultTheme } from \"./default-theme\";\nimport type { ComponentThemeConfig, UITheme } from \"./types\";\n\nconst mergeComponentConfig = (\n  base: ComponentThemeConfig | undefined,\n  next: ComponentThemeConfig | undefined,\n): ComponentThemeConfig | undefined => {\n  if (!base && !next) return undefined;\n  if (!base) return next ? { ...next } : undefined;\n  if (!next) return { ...base };\n\n  return {\n    baseClass: next.baseClass ?? base.baseClass,\n    className: next.className ?? base.className,\n    defaultProps: { ...base.defaultProps, ...next.defaultProps },\n    defaultVariants: { ...base.defaultVariants, ...next.defaultVariants },\n    variants: { ...base.variants, ...next.variants },\n  };\n};\n\nconst mergeComponents = (\n  base: UITheme[\"components\"],\n  next: UITheme[\"components\"],\n): UITheme[\"components\"] => {\n  const keys = new Set([...Object.keys(base ?? {}), ...Object.keys(next ?? {})]);\n  const merged: Record<string, ComponentThemeConfig> = {};\n\n  for (const key of keys) {\n    const slice = mergeComponentConfig(base?.[key], next?.[key]);\n    if (slice) merged[key] = slice;\n  }\n\n  return merged;\n};\n\n/**\n * Merges partial theme config into a base theme (defaults to {@link defaultTheme}).\n */\nexport const createTheme = (input: Partial<UITheme>, base: UITheme = defaultTheme): UITheme => ({\n  prefix: input.prefix ?? base.prefix,\n  headless: input.headless ?? base.headless,\n  components: mergeComponents(base.components, input.components),\n});\n","import { createTheme } from \"./create-theme\";\nimport { defaultTheme } from \"./default-theme\";\nimport type { UITheme } from \"./types\";\n\n/** Resolved runtime configuration from {@link UIProvider}. */\nexport type UIContextValue = {\n  theme: UITheme;\n  headless: boolean;\n};\n\nconst stack: UIContextValue[] = [];\n\n/** Returns the active UI context or `undefined` outside a provider. */\nexport const getUIContext = (): UIContextValue | undefined => stack[stack.length - 1];\n\n/** Returns the active UI context, falling back to defaults. */\nexport const getUIContextOrDefault = (): UIContextValue => getUIContext() ?? createUIContextValue({});\n\nexport type CreateUIContextInput = {\n  theme?: Partial<UITheme>;\n  headless?: boolean;\n};\n\n/** Builds a fully resolved context value from partial provider props. */\nexport const createUIContextValue = (\n  input: CreateUIContextInput,\n  parent: UIContextValue | undefined = getUIContext(),\n): UIContextValue => {\n  const parentTheme = parent?.theme ?? defaultTheme;\n  const theme = createTheme(input.theme ?? {}, parentTheme);\n\n  const headless = input.headless ?? theme.headless ?? parent?.headless ?? false;\n\n  return {\n    theme: { ...theme, headless },\n    headless,\n  };\n};\n\n/** Runs `fn` with `value` pushed onto the UI context stack. */\nexport const runWithUIContext = <T>(value: UIContextValue, fn: () => T): T => {\n  stack.push(value);\n  try {\n    return fn();\n  } finally {\n    stack.pop();\n  }\n};\n\n/** @internal Resets the context stack — for tests only. */\nexport const resetUIContextStack = (): void => {\n  stack.length = 0;\n};\n","/**\n * Stage 1 note:\n * We keep a small abstraction layer around variant class resolution so we can\n * plug `tailwind-variants` later without changing component code.\n */\n\nexport type TVVariantsShape = Record<string, Record<string, string>>;\nexport type TVBooleanVariantShape = Record<string, { true?: string; false?: string }>;\n\nexport type TVCompoundVariant = Record<string, string | boolean> & { class: string };\n\nexport type TVConfig = {\n  base?: string;\n  variants?: TVVariantsShape & TVBooleanVariantShape;\n  compoundVariants?: TVCompoundVariant[];\n  defaultVariants?: Record<string, string | boolean>;\n  slots?: Record<string, string>;\n};\n\nexport type TVSlotResult<T extends TVConfig & { slots: Record<string, string> }> = {\n  [K in keyof T[\"slots\"]]: (slotOptions?: Record<string, unknown>) => string;\n} & { _config: T };\n\nexport type TVResult<T extends TVConfig> = T extends { slots: Record<string, any> }\n  ? TVSlotResult<T & { slots: Record<string, string> }>\n  : ((options?: Record<string, unknown>) => string) & { _config: T };\n\n/** Roughly compatible `tv()` subset (Stage 2). */\nexport const tv = <T extends TVConfig>(config: T): TVResult<T> => {\n  const resolve = (options?: Record<string, unknown>): string => {\n    const parts: string[] = [];\n    if (config.base) parts.push(config.base);\n\n    const resolved = { ...(config.defaultVariants ?? {}), ...(options ?? {}) } as Record<\n      string,\n      string | boolean | undefined\n    >;\n\n    const variants = config.variants ?? {};\n    for (const [variantName, map] of Object.entries(variants)) {\n      const value = resolved[variantName];\n      if (value === undefined) continue;\n\n      const key = typeof value === \"boolean\" ? (value ? \"true\" : \"false\") : String(value);\n      const cls = (map as any)[key] as string | undefined;\n      if (cls) parts.push(cls);\n    }\n\n    for (const compound of config.compoundVariants ?? []) {\n      const { class: compoundClass, ...conditions } = compound;\n      const matches = Object.entries(conditions).every(([name, value]) => resolved[name] === value);\n      if (matches && compoundClass) parts.push(compoundClass);\n    }\n\n    return parts.filter(Boolean).join(\" \");\n  };\n\n  if (config.slots) {\n    const slotFns: any = {};\n    for (const [slot, slotBase] of Object.entries(config.slots)) {\n      slotFns[slot] = (slotOptions?: Record<string, unknown>) => {\n        const composed = [slotBase, resolve(slotOptions)].filter(Boolean).join(\" \");\n        return composed.trim();\n      };\n    }\n    slotFns._config = config;\n    return slotFns as TVResult<T>;\n  }\n\n  const fn: any = (options?: Record<string, unknown>) => resolve(options);\n  fn._config = config;\n  return fn as TVResult<T>;\n};\n\nexport type VariantProps<T> = T extends { _config: infer C }\n  ? C extends { variants: infer V }\n    ? {\n        [K in keyof V]?: V[K] extends Record<infer Key, any>\n          ? Key extends \"true\" | \"false\"\n            ? boolean\n            : Key\n          : never;\n      }\n    : Record<string, never>\n  : Record<string, never>;\n\n/** Compatibility export (mirrors tailwind-variants). */\nexport const createComponentVariants = tv;\n\n/**\n * Resolves variant classes when styling is enabled.\n */\nexport const resolveVariantClasses = (\n  variantFn: ((options?: Record<string, unknown>) => string) | undefined,\n  options: Record<string, unknown> | undefined,\n  headless: boolean,\n): string | undefined => {\n  if (headless || !variantFn) return undefined;\n  return variantFn(options);\n};\n","import type { TVConfig } from \"../theme/variants\";\n\ntype VariantFn = ((options?: Record<string, unknown>) => unknown) & {\n  _config?: TVConfig;\n};\n\n/** Collects variant prop names from a `tv()` config attached to the variants function. */\nexport const getVariantKeysFromFn = (variantsFn?: VariantFn): string[] => {\n  const variants = variantsFn?._config?.variants;\n  if (!variants) return [];\n  return Object.keys(variants);\n};\n\nexport const resolveVariantOptions = (\n  variantsFn: VariantFn | undefined,\n  themeDefaults: Record<string, unknown> | undefined,\n  props: Record<string, unknown>,\n): Record<string, unknown> => {\n  const keys = [\n    ...new Set([\n      ...getVariantKeysFromFn(variantsFn),\n      ...Object.keys(variantsFn?._config?.defaultVariants ?? {}),\n      ...Object.keys(themeDefaults ?? {}),\n    ]),\n  ];\n\n  const picked: Record<string, unknown> = {};\n  for (const key of keys) {\n    if (props[key] !== undefined) picked[key] = props[key];\n  }\n\n  return {\n    ...variantsFn?._config?.defaultVariants,\n    ...themeDefaults,\n    ...picked,\n  };\n};\n","export type ClassDictionary = Record<string, boolean | null | undefined>;\nexport type ClassValue =\n  | string\n  | null\n  | undefined\n  | false\n  | ClassDictionary\n  | readonly ClassValue[];\n\n/** Optional hook to swap in tailwind-merge later. */\nexport type ClassNameMerger = (...values: ClassValue[]) => string;\n\nconst defaultClassNameMerger: ClassNameMerger = (...values) => {\n  const out: string[] = [];\n\n  const walk = (value: ClassValue): void => {\n    if (value == null || value === false) return;\n\n    if (typeof value === \"string\") {\n      if (value) out.push(value);\n      return;\n    }\n\n    if (Array.isArray(value)) {\n      for (const item of value) walk(item);\n      return;\n    }\n\n    for (const [key, enabled] of Object.entries(value)) {\n      if (enabled) out.push(key);\n    }\n  };\n\n  for (const value of values) walk(value);\n  return out.join(\" \");\n};\n\nlet classNameMerger: ClassNameMerger = defaultClassNameMerger;\n\n/** Replaces the global className merger (e.g. with tailwind-merge). */\nexport const setClassNameMerger = (merger: ClassNameMerger): void => {\n  classNameMerger = merger;\n};\n\n/** Resets the className merger to the built-in implementation. */\nexport const resetClassNameMerger = (): void => {\n  classNameMerger = defaultClassNameMerger;\n};\n\n/**\n * Joins class name fragments.\n *\n * Supports strings, arrays, conditional maps, and falsy values.\n */\nexport const cn: ClassNameMerger = (...values) => classNameMerger(...values);\n","export type ComposeEventHandlersOptions = {\n  /** When true, skips `internalHandler` if `userHandler` called `preventDefault`. */\n  checkDefaultPrevented?: boolean;\n};\n\ntype EventHandler<E extends Event = Event> = (event: E) => void;\n\n/**\n * Composes two event handlers. `userHandler` runs first.\n */\nexport const composeEventHandlers = <E extends Event>(\n  userHandler: EventHandler<E> | undefined,\n  internalHandler: EventHandler<E> | undefined,\n  options: ComposeEventHandlersOptions = {},\n): EventHandler<E> | undefined => {\n  if (!userHandler && !internalHandler) return undefined;\n  if (!userHandler) return internalHandler;\n  if (!internalHandler) return userHandler;\n\n  const { checkDefaultPrevented = false } = options;\n\n  return (event) => {\n    userHandler(event);\n    if (checkDefaultPrevented && event?.defaultPrevented) return;\n    internalHandler(event);\n  };\n};\n","import { composeEventHandlers } from \"./compose-event-handlers\";\nimport { cn, type ClassValue } from \"./cn\";\n\nexport type MergeableProps = Record<string, unknown>;\n\nconst CLASS_KEYS = new Set([\"class\", \"className\"]);\n\nconst isEventHandlerKey = (key: string): boolean =>\n  key.startsWith(\"on\") || key.startsWith(\"on:\");\n\nconst mergeClassValues = (...values: unknown[]): string | undefined => {\n  const merged = cn(...(values as ClassValue[]));\n  return merged || undefined;\n};\n\nconst mergePair = (target: MergeableProps, source: MergeableProps | undefined): void => {\n  if (!source) return;\n\n  for (const [key, value] of Object.entries(source)) {\n    if (value === undefined) continue;\n\n    if (CLASS_KEYS.has(key)) {\n      const mergedClass = mergeClassValues(target.className, value);\n      if (mergedClass !== undefined) {\n        target.className = mergedClass;\n        target.class = mergedClass;\n      }\n      continue;\n    }\n\n    if (isEventHandlerKey(key)) {\n      const existing = target[key];\n      target[key] = composeEventHandlers(\n        value as (...args: never[]) => void,\n        existing as (...args: never[]) => void,\n        { checkDefaultPrevented: true },\n      );\n      continue;\n    }\n\n    target[key] = value;\n  }\n};\n\n/**\n * Merges props with priority (lowest → highest): `defaultProps`, `providerProps`, `componentProps`.\n *\n * `class` / `className` are joined; event handlers are composed.\n */\nexport const mergeProps = <T extends MergeableProps>(\n  defaultProps: MergeableProps | undefined,\n  providerProps: MergeableProps | undefined,\n  componentProps: T,\n): T => {\n  const merged: MergeableProps = {};\n\n  mergePair(merged, defaultProps);\n  mergePair(merged, providerProps);\n  mergePair(merged, componentProps);\n\n  return merged as T;\n};\n","import { h, type Child, type Props } from \"@echojs-ecosystem/hyperdom\";\nimport type { UIContextValue } from \"../theme/theme-context\";\nimport { getUIContextOrDefault } from \"../theme/theme-context\";\nimport { resolveVariantClasses } from \"../theme/variants\";\nimport { resolveVariantOptions } from \"./variant-keys\";\nimport { cn } from \"../utils/cn\";\nimport { mergeProps } from \"../utils/merge-props\";\nimport type { UIComponentBaseProps } from \"./types\";\n\nexport type UIComponentRenderContext<\n  TProps extends UIComponentBaseProps,\n  TElement extends Element = HTMLElement,\n> = {\n  props: TProps & Props<TElement>;\n  headless: boolean;\n  className: string | undefined;\n  ctx: UIContextValue;\n};\n\nexport type CreateUIComponentConfig<\n  TProps extends UIComponentBaseProps,\n  TElement extends Element = HTMLElement,\n> = {\n  /** PascalCase component name (used for theme key: `Button` → `button`). */\n  name: string;\n  defaultTag: keyof HTMLElementTagNameMap;\n  defaultProps?: Partial<TProps>;\n  variants?: (options?: Record<string, unknown>) => string;\n  render?: (context: UIComponentRenderContext<TProps, TElement>) => Child;\n};\n\nconst themeKeyFromName = (name: string): string => name.charAt(0).toLowerCase() + name.slice(1);\n\n/**\n * Factory for hyperdom UI components with theme, provider, and headless support.\n */\nexport const createUIComponent = <\n  TProps extends UIComponentBaseProps,\n  TElement extends HTMLElement = HTMLElement,\n>(\n  config: CreateUIComponentConfig<TProps, TElement>,\n): ((props: TProps) => Child) => {\n  const themeKey = themeKeyFromName(config.name);\n\n  return (props: TProps): Child => {\n    const ctx = getUIContextOrDefault();\n    const themeSlice = ctx.theme.components?.[themeKey];\n\n    const headless = props.headless ?? ctx.headless ?? ctx.theme.headless ?? false;\n\n    const providerProps: Record<string, unknown> = {\n      ...themeSlice?.defaultProps,\n      ...themeSlice?.defaultVariants,\n    };\n\n    if (themeSlice?.className) {\n      providerProps.className = themeSlice.className;\n    }\n\n    const merged = mergeProps(\n      config.defaultProps as Record<string, unknown> | undefined,\n      providerProps,\n      props as Record<string, unknown>,\n    ) as TProps & Record<string, unknown>;\n\n    const variantOptions = resolveVariantOptions(\n      config.variants as Parameters<typeof resolveVariantOptions>[0],\n      themeSlice?.defaultVariants,\n      merged,\n    );\n\n    const variantClass = resolveVariantClasses(config.variants, variantOptions, headless);\n\n    const visualClass = headless\n      ? undefined\n      : cn(themeSlice?.baseClass, themeSlice?.className, variantClass, merged.className, merged.class);\n\n    const finalProps = {\n      ...merged,\n      className: visualClass,\n      class: visualClass,\n    } as TProps & Props<TElement>;\n\n    if (config.render) {\n      return config.render({\n        props: finalProps,\n        headless,\n        className: visualClass,\n        ctx,\n      });\n    }\n\n    const { children, as, ...rest } = finalProps as TProps &\n      Props<TElement> & { as?: keyof HTMLElementTagNameMap };\n    const tag = (as ?? config.defaultTag) as keyof HTMLElementTagNameMap;\n\n    // `h()` has a narrow tag type; `as` is runtime-configurable, so we cast here.\n    return h(tag as any, rest as Props<TElement>, children);\n  };\n};\n","export type DataAttributeProps = Record<`data-${string}`, string | number | boolean | undefined>;\n\n/** `data-state` helper for styling hooks. */\nexport const dataState = (value: string): DataAttributeProps => ({\n  \"data-state\": value,\n});\n\n/** `data-disabled` — present when disabled. */\nexport const dataDisabled = (disabled?: boolean): DataAttributeProps =>\n  disabled ? { \"data-disabled\": \"\" } : {};\n\n/** `data-invalid` — present when invalid. */\nexport const dataInvalid = (invalid?: boolean): DataAttributeProps =>\n  invalid ? { \"data-invalid\": \"\" } : {};\n\n/** `data-pending` — present while async action is in progress (HeroUI-style). */\nexport const dataPending = (pending?: boolean): DataAttributeProps =>\n  pending ? { \"data-pending\": \"\" } : {};\n","import { tv } from \"../../theme/variants\";\n\nexport const textareaStyles = tv({\n  base: [\n    \"w-full\",\n    \"transition-colors\",\n    \"outline-none\",\n    \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-zinc-400\",\n    \"disabled:opacity-50 disabled:cursor-not-allowed\",\n    \"data-[invalid]:ring-2 data-[invalid]:ring-red-500 data-[invalid]:ring-offset-2\",\n  ].join(\" \"),\n  variants: {\n    variant: {\n      outline: \"border border-zinc-300 bg-white text-zinc-900\",\n      filled: \"bg-zinc-100 text-zinc-900\",\n      ghost: \"bg-transparent text-zinc-900\",\n    },\n    size: {\n      sm: \"min-h-20 px-3 py-2 text-sm rounded-md\",\n      md: \"min-h-24 px-3 py-2 text-sm rounded-md\",\n      lg: \"min-h-28 px-4 py-3 text-base rounded-md\",\n    },\n    resize: {\n      none: \"resize-none\",\n      vertical: \"resize-y\",\n      horizontal: \"resize-x\",\n      both: \"resize\",\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"md\",\n    resize: \"vertical\",\n  },\n});\n\n","import { h } from \"@echojs-ecosystem/hyperdom\";\nimport { createUIComponent } from \"../../core/component\";\nimport { dataDisabled, dataInvalid } from \"../../utils/data-attributes\";\nimport { textareaStyles } from \"./textarea.styles\";\nimport type { TextareaProps } from \"./textarea.types\";\n\nexport const Textarea = createUIComponent<TextareaProps, HTMLTextAreaElement>({\n  name: \"Textarea\",\n  defaultTag: \"textarea\",\n  defaultProps: {\n    variant: \"outline\",\n    size: \"md\",\n    resize: \"vertical\",\n  },\n  variants: (options) => textareaStyles(options as any),\n  render: ({ props, headless, className }) => {\n    const { invalid, disabled, readonly, required, ...rest } = props as any;\n\n    const ariaInvalid = invalid ? \"true\" : (rest[\"aria-invalid\"] as any);\n    const dataReadonly = readonly ? { \"data-readonly\": \"\" } : {};\n\n    return h(\"textarea\", {\n      ...rest,\n      disabled,\n      readonly,\n      required,\n      \"aria-invalid\": ariaInvalid,\n      ...dataDisabled(Boolean(disabled)),\n      ...dataInvalid(Boolean(invalid)),\n      ...dataReadonly,\n      className: headless ? undefined : className,\n      class: headless ? undefined : className,\n    });\n  },\n});\n\n"]}

package/dist/theme-context-CyY95LK0.d.ts

@@ -0,0 +1,39 @@
+/** Global UI theme configuration. */
+type UITheme = {
+    /** Prefix for generated ids (e.g. `echo`). */
+    prefix?: string;
+    /** When true, components skip visual classes globally. */
+    headless?: boolean;
+    /** Per-component theme overrides. */
+    components?: Record<string, ComponentThemeConfig>;
+};
+/** Theme slice for a single component kind (e.g. `button`). */
+type ComponentThemeConfig = {
+    baseClass?: string;
+    className?: string;
+    defaultProps?: Record<string, unknown>;
+    defaultVariants?: Record<string, string | boolean>;
+    variants?: Record<string, unknown>;
+};
+
+/** Resolved runtime configuration from {@link UIProvider}. */
+type UIContextValue = {
+    theme: UITheme;
+    headless: boolean;
+};
+/** Returns the active UI context or `undefined` outside a provider. */
+declare const getUIContext: () => UIContextValue | undefined;
+/** Returns the active UI context, falling back to defaults. */
+declare const getUIContextOrDefault: () => UIContextValue;
+type CreateUIContextInput = {
+    theme?: Partial<UITheme>;
+    headless?: boolean;
+};
+/** Builds a fully resolved context value from partial provider props. */
+declare const createUIContextValue: (input: CreateUIContextInput, parent?: UIContextValue | undefined) => UIContextValue;
+/** Runs `fn` with `value` pushed onto the UI context stack. */
+declare const runWithUIContext: <T>(value: UIContextValue, fn: () => T) => T;
+/** @internal Resets the context stack — for tests only. */
+declare const resetUIContextStack: () => void;
+
+export { type ComponentThemeConfig as C, type UIContextValue as U, type CreateUIContextInput as a, type UITheme as b, createUIContextValue as c, getUIContextOrDefault as d, runWithUIContext as e, getUIContext as g, resetUIContextStack as r };

package/dist/theme.d.ts

@@ -0,0 +1,20 @@
+import { b as UITheme } from './theme-context-CyY95LK0.js';
+export { C as ComponentThemeConfig, a as CreateUIContextInput, U as UIContextValue, c as createUIContextValue, g as getUIContext, d as getUIContextOrDefault, r as resetUIContextStack, e as runWithUIContext } from './theme-context-CyY95LK0.js';
+export { T as TVConfig, V as VariantProps, c as createComponentVariants, r as resolveVariantClasses, t as tv } from './variants-Bj38CFcH.js';
+
+/**
+ * Merges partial theme config into a base theme (defaults to {@link defaultTheme}).
+ */
+declare const createTheme: (input: Partial<UITheme>, base?: UITheme) => UITheme;
+
+/** Built-in theme used when no provider is mounted. */
+declare const defaultTheme: UITheme;
+
+/**
+ * Stage 1 placeholder for design tokens.
+ *
+ * Later iterations can formalize token typing and mapping to CSS variables.
+ */
+type UITokens = Record<string, string | number>;
+
+export { UITheme, type UITokens, createTheme, defaultTheme };

package/dist/theme.js

@@ -0,0 +1,155 @@
+// src/theme/default-theme.ts
+var defaultTheme = {
+  prefix: "echo",
+  headless: false,
+  components: {
+    button: {
+      defaultVariants: {
+        variant: "primary",
+        size: "md",
+        radius: "full"
+      }
+    },
+    input: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md"
+      }
+    },
+    inputMask: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md"
+      }
+    },
+    inputOtp: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md"
+      }
+    },
+    inputTags: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md"
+      }
+    },
+    textarea: {
+      defaultVariants: {
+        variant: "outline",
+        size: "md",
+        resize: "vertical"
+      }
+    },
+    checkbox: {
+      defaultVariants: {
+        size: "md"
+      }
+    },
+    iconButton: {
+      defaultVariants: {
+        variant: "ghost",
+        size: "md"
+      }
+    }
+  }
+};
+
+// src/theme/create-theme.ts
+var mergeComponentConfig = (base, next) => {
+  if (!base && !next) return void 0;
+  if (!base) return next ? { ...next } : void 0;
+  if (!next) return { ...base };
+  return {
+    baseClass: next.baseClass ?? base.baseClass,
+    className: next.className ?? base.className,
+    defaultProps: { ...base.defaultProps, ...next.defaultProps },
+    defaultVariants: { ...base.defaultVariants, ...next.defaultVariants },
+    variants: { ...base.variants, ...next.variants }
+  };
+};
+var mergeComponents = (base, next) => {
+  const keys = /* @__PURE__ */ new Set([...Object.keys(base ?? {}), ...Object.keys(next ?? {})]);
+  const merged = {};
+  for (const key of keys) {
+    const slice = mergeComponentConfig(base?.[key], next?.[key]);
+    if (slice) merged[key] = slice;
+  }
+  return merged;
+};
+var createTheme = (input, base = defaultTheme) => ({
+  prefix: input.prefix ?? base.prefix,
+  headless: input.headless ?? base.headless,
+  components: mergeComponents(base.components, input.components)
+});
+
+// src/theme/theme-context.ts
+var stack = [];
+var getUIContext = () => stack[stack.length - 1];
+var getUIContextOrDefault = () => getUIContext() ?? createUIContextValue({});
+var createUIContextValue = (input, parent = getUIContext()) => {
+  const parentTheme = parent?.theme ?? defaultTheme;
+  const theme = createTheme(input.theme ?? {}, parentTheme);
+  const headless = input.headless ?? theme.headless ?? parent?.headless ?? false;
+  return {
+    theme: { ...theme, headless },
+    headless
+  };
+};
+var runWithUIContext = (value, fn) => {
+  stack.push(value);
+  try {
+    return fn();
+  } finally {
+    stack.pop();
+  }
+};
+var resetUIContextStack = () => {
+  stack.length = 0;
+};
+
+// src/theme/variants.ts
+var tv = (config) => {
+  const resolve = (options) => {
+    const parts = [];
+    if (config.base) parts.push(config.base);
+    const resolved = { ...config.defaultVariants ?? {}, ...options ?? {} };
+    const variants = config.variants ?? {};
+    for (const [variantName, map] of Object.entries(variants)) {
+      const value = resolved[variantName];
+      if (value === void 0) continue;
+      const key = typeof value === "boolean" ? value ? "true" : "false" : String(value);
+      const cls = map[key];
+      if (cls) parts.push(cls);
+    }
+    for (const compound of config.compoundVariants ?? []) {
+      const { class: compoundClass, ...conditions } = compound;
+      const matches = Object.entries(conditions).every(([name, value]) => resolved[name] === value);
+      if (matches && compoundClass) parts.push(compoundClass);
+    }
+    return parts.filter(Boolean).join(" ");
+  };
+  if (config.slots) {
+    const slotFns = {};
+    for (const [slot, slotBase] of Object.entries(config.slots)) {
+      slotFns[slot] = (slotOptions) => {
+        const composed = [slotBase, resolve(slotOptions)].filter(Boolean).join(" ");
+        return composed.trim();
+      };
+    }
+    slotFns._config = config;
+    return slotFns;
+  }
+  const fn = (options) => resolve(options);
+  fn._config = config;
+  return fn;
+};
+var createComponentVariants = tv;
+var resolveVariantClasses = (variantFn, options, headless) => {
+  if (headless || !variantFn) return void 0;
+  return variantFn(options);
+};
+
+export { createComponentVariants, createTheme, createUIContextValue, defaultTheme, getUIContext, getUIContextOrDefault, resetUIContextStack, resolveVariantClasses, runWithUIContext, tv };
+//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map