@echojs-ecosystem/ui 0.1.0

package/dist/primitives.js

@@ -0,0 +1,301 @@
+import { h } from '@echojs-ecosystem/hyperdom';
+
+// src/primitives/visually-hidden.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 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 = (defaultProps2, providerProps, componentProps) => {
+  const merged = {};
+  mergePair(merged, defaultProps2);
+  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/primitives/visually-hidden.ts
+var defaultProps = {
+  as: "span"
+};
+var VisuallyHidden = createUIComponent({
+  name: "VisuallyHidden",
+  defaultTag: "span",
+  defaultProps: {
+    ...defaultProps,
+    className: "sr-only"
+  },
+  render: ({ props, headless, className }) => {
+    const { as = "span", children, ...rest } = props;
+    const classes = headless ? void 0 : className ?? "sr-only";
+    return h(as, { ...rest, className: classes, class: classes }, children);
+  }
+});
+
+// src/primitives/portal.ts
+var appendChild = (host, child) => {
+  if (child == null || child === false || child === true) return;
+  if (typeof child === "string" || typeof child === "number") {
+    host.appendChild(document.createTextNode(String(child)));
+    return;
+  }
+  if (child instanceof Node) {
+    host.appendChild(child);
+    return;
+  }
+  if (Array.isArray(child)) {
+    for (const item of child) appendChild(host, item);
+  }
+};
+var Portal = (props) => {
+  const container = props.container ?? document.body;
+  const host = document.createElement("div");
+  container.appendChild(host);
+  if (props.children !== void 0) {
+    appendChild(host, props.children);
+  }
+  return host;
+};
+
+export { Portal, VisuallyHidden };
+//# sourceMappingURL=primitives.js.map
+//# sourceMappingURL=primitives.js.map

package/dist/primitives.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/primitives/visually-hidden.ts","../src/primitives/portal.ts"],"names":["defaultProps","h"],"mappings":"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","file":"primitives.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","import { h } from \"@echojs-ecosystem/hyperdom\";\nimport type { Child } from \"@echojs-ecosystem/hyperdom\";\nimport type { UIComponentBaseProps } from \"../core/types\";\nimport { createUIComponent } from \"../core/component\";\n\nexport type VisuallyHiddenProps = UIComponentBaseProps & {\n  as?: keyof HTMLElementTagNameMap;\n};\n\nconst defaultProps: Partial<VisuallyHiddenProps> = {\n  as: \"span\",\n};\n\n/**\n * Hides content visually while keeping it available to assistive tech.\n */\nexport const VisuallyHidden = createUIComponent<VisuallyHiddenProps>({\n  name: \"VisuallyHidden\",\n  defaultTag: \"span\",\n  defaultProps: {\n    ...defaultProps,\n    className: \"sr-only\",\n  },\n  render: ({ props, headless, className }) => {\n    const { as = \"span\", children, ...rest } = props;\n    const classes = headless ? undefined : className ?? \"sr-only\";\n    return h(as, { ...rest, className: classes, class: classes }, children as Child);\n  },\n});\n","import type { Child } from \"@echojs-ecosystem/hyperdom\";\n\nexport type PortalProps = {\n  children?: Child;\n  /** Target container. Defaults to `document.body`. */\n  container?: Element;\n};\n\nconst appendChild = (host: Element, child: Child): void => {\n  if (child == null || child === false || child === true) return;\n\n  if (typeof child === \"string\" || typeof child === \"number\") {\n    host.appendChild(document.createTextNode(String(child)));\n    return;\n  }\n\n  if (child instanceof Node) {\n    host.appendChild(child);\n    return;\n  }\n\n  if (Array.isArray(child)) {\n    for (const item of child) appendChild(host, item);\n  }\n};\n\n/**\n * Renders children into a portal container (defaults to `document.body`).\n */\nexport const Portal = (props: PortalProps): Child => {\n  const container = props.container ?? document.body;\n  const host = document.createElement(\"div\");\n  container.appendChild(host);\n\n  if (props.children !== undefined) {\n    appendChild(host, props.children);\n  }\n\n  return host;\n};\n"]}

package/dist/provider.d.ts

@@ -0,0 +1,19 @@
+import { Child } from '@echojs-ecosystem/hyperdom';
+import { a as CreateUIContextInput, b as UITheme } from './theme-context-CyY95LK0.js';
+
+type UIProviderProps = CreateUIContextInput & {
+    theme?: Partial<UITheme>;
+    children?: Child | (() => Child);
+};
+/**
+ * Root provider for global UI configuration (theme, headless mode, defaults).
+ *
+ * Prefer lazy children so descendants render inside context:
+ *
+ * ```ts
+ * UIProvider({ theme, children: () => App() })
+ * ```
+ */
+declare const UIProvider: (props: UIProviderProps) => Child;
+
+export { UIProvider, type UIProviderProps };

package/dist/provider.js

@@ -0,0 +1,124 @@
+// 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 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();
+  }
+};
+
+// src/providers/UIProvider.ts
+var resolveChildren = (children) => {
+  if (typeof children === "function") {
+    return children();
+  }
+  return children;
+};
+var UIProvider = (props) => {
+  const value = createUIContextValue({
+    theme: props.theme,
+    headless: props.headless
+  });
+  return runWithUIContext(value, () => resolveChildren(props.children));
+};
+
+export { UIProvider };
+//# sourceMappingURL=provider.js.map
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/default-theme.ts","../src/theme/create-theme.ts","../src/theme/theme-context.ts","../src/providers/UIProvider.ts"],"names":[],"mappings":"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","file":"provider.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","import type { Child } from \"@echojs-ecosystem/hyperdom\";\nimport {\n  createUIContextValue,\n  runWithUIContext,\n  type CreateUIContextInput,\n} from \"../theme/theme-context\";\nimport type { UITheme } from \"../theme/types\";\n\nexport type UIProviderProps = CreateUIContextInput & {\n  theme?: Partial<UITheme>;\n  children?: Child | (() => Child);\n};\n\nconst resolveChildren = (children: UIProviderProps[\"children\"]): Child | undefined => {\n  if (typeof children === \"function\") {\n    return children();\n  }\n  return children;\n};\n\n/**\n * Root provider for global UI configuration (theme, headless mode, defaults).\n *\n * Prefer lazy children so descendants render inside context:\n *\n * ```ts\n * UIProvider({ theme, children: () => App() })\n * ```\n */\nexport const UIProvider = (props: UIProviderProps): Child => {\n  const value = createUIContextValue({\n    theme: props.theme,\n    headless: props.headless,\n  });\n\n  return runWithUIContext(value, () => resolveChildren(props.children));\n};\n"]}

package/dist/slots-D2y1YgGz.d.ts

@@ -0,0 +1,58 @@
+import { Props, Child } from '@echojs-ecosystem/hyperdom';
+import { U as UIContextValue } from './theme-context-CyY95LK0.js';
+import { U as UIComponentBaseProps } from './types-CSHcGa_F.js';
+
+type UIComponentRenderContext<TProps extends UIComponentBaseProps, TElement extends Element = HTMLElement> = {
+    props: TProps & Props<TElement>;
+    headless: boolean;
+    className: string | undefined;
+    ctx: UIContextValue;
+};
+type CreateUIComponentConfig<TProps extends UIComponentBaseProps, TElement extends Element = HTMLElement> = {
+    /** PascalCase component name (used for theme key: `Button` → `button`). */
+    name: string;
+    defaultTag: keyof HTMLElementTagNameMap;
+    defaultProps?: Partial<TProps>;
+    variants?: (options?: Record<string, unknown>) => string;
+    render?: (context: UIComponentRenderContext<TProps, TElement>) => Child;
+};
+/**
+ * Factory for hyperdom UI components with theme, provider, and headless support.
+ */
+declare const createUIComponent: <TProps extends UIComponentBaseProps, TElement extends HTMLElement = HTMLElement>(config: CreateUIComponentConfig<TProps, TElement>) => ((props: TProps) => Child);
+
+type AriaBoolean = "true" | "false";
+/** Converts a boolean to an ARIA boolean string (`"true"` | `"false"`). */
+declare const ariaBool: (value: boolean) => AriaBoolean;
+
+/** @internal Resets the id counter — for tests only. */
+declare const resetIdCounter: () => void;
+/**
+ * Creates a unique id string.
+ *
+ * Uses the theme `prefix` from the active {@link UIProvider} when available.
+ */
+declare const createId: (prefix?: string) => string;
+/**
+ * Alias for {@link createId} — hyperdom has no hook runtime; ids are created per call.
+ */
+declare const useId: (prefix?: string) => string;
+
+/** Allows rendering a component as a different intrinsic element. */
+type PolymorphicProps<Tag extends string = "div"> = {
+    as?: Tag;
+    children?: Child;
+};
+type PolymorphicComponentProps<Tag extends string, Props extends Record<string, unknown> = Record<string, never>> = PolymorphicProps<Tag> & Props;
+
+type SlotProps = {
+    children?: Child;
+};
+/**
+ * Returns slot children unchanged.
+ *
+ * Placeholder for future slot composition (icons, labels, etc.).
+ */
+declare const renderSlot: (props: SlotProps) => Child | undefined;
+
+export { type AriaBoolean as A, type CreateUIComponentConfig as C, type PolymorphicComponentProps as P, type UIComponentRenderContext as U, type PolymorphicProps as a, ariaBool as b, createId as c, createUIComponent as d, resetIdCounter as e, renderSlot as r, useId as u };

package/dist/textarea.d.ts

@@ -0,0 +1,27 @@
+import * as _echojs_ecosystem_hyperdom from '@echojs-ecosystem/hyperdom';
+import { Props } from '@echojs-ecosystem/hyperdom';
+import { U as UIComponentBaseProps } from './types-CSHcGa_F.js';
+import './cn-rGlUI2mx.js';
+
+type TextareaVariant = "outline" | "filled" | "ghost";
+type TextareaSize = "sm" | "md" | "lg";
+type TextareaResize = "none" | "vertical" | "horizontal" | "both";
+type TextareaProps = UIComponentBaseProps & Omit<Props<HTMLTextAreaElement>, "children" | "value" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    name?: string;
+    placeholder?: string;
+    rows?: number;
+    cols?: number;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    resize?: TextareaResize;
+    size?: TextareaSize;
+    variant?: TextareaVariant;
+};
+
+declare const Textarea: (props: TextareaProps) => _echojs_ecosystem_hyperdom.Child;
+
+export { Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type TextareaVariant };