@echojs-ecosystem/ui 0.1.0

package/dist/input-tags.js

@@ -0,0 +1,549 @@
+import { h } from '@echojs-ecosystem/hyperdom';
+
+// src/components/input-tags/input-tags.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/input-shared/input.styles.ts
+var inputStyles = tv({
+  slots: {
+    wrapper: [
+      "flex items-center gap-2",
+      "transition-colors",
+      "focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-zinc-400",
+      "data-[disabled]:opacity-50 data-[disabled]:pointer-events-none",
+      "data-[invalid]:ring-2 data-[invalid]:ring-red-500 data-[invalid]:ring-offset-2"
+    ].join(" "),
+    input: [
+      "w-full bg-transparent outline-none",
+      "placeholder:text-zinc-400",
+      "disabled:cursor-not-allowed"
+    ].join(" "),
+    start: "text-zinc-500",
+    end: "text-zinc-500"
+  },
+  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: "h-8 px-3 text-sm rounded-md",
+      md: "h-10 px-3 text-sm rounded-md",
+      lg: "h-12 px-4 text-base rounded-md"
+    }
+  },
+  defaultVariants: {
+    variant: "outline",
+    size: "md"
+  }
+});
+var INPUT_INTERNAL_KEYS = /* @__PURE__ */ new Set([
+  "variant",
+  "size",
+  "startContent",
+  "endContent",
+  "invalid",
+  "disabled",
+  "readonly",
+  "readOnly",
+  "required",
+  "headless",
+  "children",
+  "className",
+  "class"
+]);
+var pickInputDomProps = (props) => {
+  const out = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (!INPUT_INTERNAL_KEYS.has(key)) out[key] = value;
+  }
+  return out;
+};
+var renderInputField = (options) => {
+  const {
+    disabled,
+    invalid,
+    readonly,
+    required,
+    describedBy,
+    startContent,
+    endContent,
+    inputProps,
+    wrapperProps,
+    inputRef
+  } = options;
+  const ariaInvalid = invalid ? "true" : inputProps["aria-invalid"];
+  const dataReadonly = readonly ? { "data-readonly": "" } : {};
+  const nativeInputProps = {
+    ...inputProps,
+    disabled,
+    readonly,
+    required,
+    "aria-invalid": ariaInvalid,
+    "aria-describedby": describedBy ?? inputProps["aria-describedby"],
+    ref: inputRef ?? inputProps.ref
+  };
+  if (!startContent && !endContent) {
+    const visualClass = void 0 ;
+    return h("input", {
+      ...nativeInputProps,
+      ...dataDisabled(Boolean(disabled)),
+      ...dataInvalid(Boolean(invalid)),
+      ...dataReadonly,
+      className: visualClass,
+      class: visualClass
+    });
+  }
+  const wrapperClass = void 0 ;
+  const inputClass = void 0 ;
+  return h(
+    "div",
+    {
+      ...wrapperProps,
+      className: wrapperClass,
+      class: wrapperClass,
+      ...dataDisabled(Boolean(disabled)),
+      ...dataInvalid(Boolean(invalid)),
+      ...dataReadonly
+    },
+    [
+      startContent ? h(
+        "span",
+        { "data-input-slot": "start", className: void 0  },
+        startContent
+      ) : null,
+      h("input", {
+        ...nativeInputProps,
+        className: inputClass,
+        class: inputClass
+      }),
+      endContent ? h("span", { "data-input-slot": "end", className: void 0  }, endContent) : null
+    ]
+  );
+};
+
+// src/components/input-tags/input-tags.ts
+var TAG_PROP_KEYS = /* @__PURE__ */ new Set(["value", "onValueChange", "separators", "allowDuplicates", "maxTags"]);
+var pickTagsDomProps = (props) => {
+  const out = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (TAG_PROP_KEYS.has(key)) continue;
+    out[key] = value;
+  }
+  return pickInputDomProps(out);
+};
+var normalizeTag = (raw) => raw.trim();
+var canAddTag = (tags, tag, options) => {
+  if (!tag) return false;
+  if (options.maxTags !== void 0 && tags.length >= options.maxTags) return false;
+  if (!options.allowDuplicates && tags.includes(tag)) return false;
+  return true;
+};
+var InputTags = createUIComponent({
+  name: "InputTags",
+  defaultTag: "div",
+  defaultProps: {
+    value: [],
+    separators: [",", "Enter"],
+    allowDuplicates: false,
+    variant: "outline",
+    size: "md",
+    placeholder: "Add tag\u2026"
+  },
+  variants: (options) => inputStyles.wrapper(options),
+  render: ({ props, headless, className }) => {
+    const {
+      value = [],
+      separators = [",", "Enter"],
+      allowDuplicates = false,
+      maxTags,
+      startContent,
+      endContent,
+      invalid,
+      disabled,
+      readonly: readonlyProp,
+      readOnly,
+      required,
+      variant = "outline",
+      size = "md",
+      placeholder,
+      onValueChange,
+      onInput,
+      ...rest
+    } = props;
+    const readonly = readonlyProp ?? readOnly;
+    const domProps = pickTagsDomProps(rest);
+    const tags = Array.isArray(value) ? value : [];
+    const slotOptions = { variant, size };
+    const addTag = (draft, input) => {
+      const tag = normalizeTag(draft);
+      if (!canAddTag(tags, tag, { allowDuplicates, maxTags })) return;
+      onValueChange?.([...tags, tag]);
+      input.value = "";
+    };
+    const removeTag = (index) => {
+      onValueChange?.(tags.filter((_, i) => i !== index));
+    };
+    const tagChips = tags.map(
+      (tag, index) => h(
+        "span",
+        {
+          "data-tag": "",
+          className: headless ? void 0 : "inline-flex items-center gap-1 rounded-md bg-zinc-100 px-2 py-0.5 text-sm text-zinc-800"
+        },
+        [
+          tag,
+          readonly || disabled ? null : h(
+            "button",
+            {
+              type: "button",
+              className: "text-zinc-500 hover:text-zinc-800",
+              "aria-label": `Remove ${tag}`,
+              onClick: () => removeTag(index)
+            },
+            "\xD7"
+          )
+        ]
+      )
+    );
+    const innerInput = renderInputField({
+      disabled,
+      invalid,
+      readonly,
+      required,
+      inputProps: {
+        type: "text",
+        className: "min-w-24 flex-1 border-0 bg-transparent shadow-none outline-none",
+        placeholder: tags.length === 0 ? placeholder : void 0,
+        onInput,
+        onKeyDown: (event) => {
+          const input = event.currentTarget;
+          if (separators.includes(event.key)) {
+            event.preventDefault();
+            addTag(input.value, input);
+            return;
+          }
+          if (event.key === "Backspace" && input.value === "" && tags.length > 0) {
+            removeTag(tags.length - 1);
+          }
+        }
+      }
+    });
+    const wrapperClass = headless ? cn("flex min-w-0 flex-1 flex-wrap items-center gap-1.5") : cn(inputStyles.wrapper(slotOptions), "min-h-10 flex-wrap items-center gap-1.5 py-1", className);
+    return h(
+      "div",
+      {
+        ...domProps,
+        className: wrapperClass,
+        class: wrapperClass,
+        ...dataDisabled(Boolean(disabled)),
+        ...dataInvalid(Boolean(invalid)),
+        ...readonly ? { "data-readonly": "" } : {}
+      },
+      [
+        startContent ? h(
+          "span",
+          { "data-input-slot": "start", className: headless ? void 0 : inputStyles.start() },
+          startContent
+        ) : null,
+        ...tagChips,
+        innerInput,
+        endContent ? h("span", { "data-input-slot": "end", className: headless ? void 0 : inputStyles.end() }, endContent) : null
+      ]
+    );
+  }
+});
+
+export { InputTags };
+//# sourceMappingURL=input-tags.js.map
+//# sourceMappingURL=input-tags.js.map

package/dist/input-tags.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/input-shared/input.styles.ts","../src/components/input-shared/render-input-field.ts","../src/components/input-tags/input-tags.ts"],"names":["h"],"mappings":"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","file":"input-tags.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 inputStyles = tv({\n  slots: {\n    wrapper: [\n      \"flex items-center gap-2\",\n      \"transition-colors\",\n      \"focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-zinc-400\",\n      \"data-[disabled]:opacity-50 data-[disabled]:pointer-events-none\",\n      \"data-[invalid]:ring-2 data-[invalid]:ring-red-500 data-[invalid]:ring-offset-2\",\n    ].join(\" \"),\n    input: [\n      \"w-full bg-transparent outline-none\",\n      \"placeholder:text-zinc-400\",\n      \"disabled:cursor-not-allowed\",\n    ].join(\" \"),\n    start: \"text-zinc-500\",\n    end: \"text-zinc-500\",\n  },\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: \"h-8 px-3 text-sm rounded-md\",\n      md: \"h-10 px-3 text-sm rounded-md\",\n      lg: \"h-12 px-4 text-base rounded-md\",\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"md\",\n  },\n});\n","import { h, type Child } from \"@echojs-ecosystem/hyperdom\";\n\nimport { cn } from \"../../utils/cn\";\nimport { dataDisabled, dataInvalid } from \"../../utils/data-attributes\";\nimport { inputStyles } from \"./input.styles\";\nimport type { InputSize, InputVariant } from \"./field.types\";\n\nexport const INPUT_INTERNAL_KEYS = new Set([\n  \"variant\",\n  \"size\",\n  \"startContent\",\n  \"endContent\",\n  \"invalid\",\n  \"disabled\",\n  \"readonly\",\n  \"readOnly\",\n  \"required\",\n  \"headless\",\n  \"children\",\n  \"className\",\n  \"class\",\n]);\n\nexport const pickInputDomProps = (props: Record<string, unknown>): Record<string, unknown> => {\n  const out: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(props)) {\n    if (!INPUT_INTERNAL_KEYS.has(key)) out[key] = value;\n  }\n  return out;\n};\n\nexport type RenderInputFieldOptions = {\n  headless: boolean;\n  className?: string;\n  variant?: InputVariant;\n  size?: InputSize;\n  disabled?: boolean;\n  invalid?: boolean;\n  readonly?: boolean;\n  required?: boolean;\n  describedBy?: string;\n  startContent?: Child;\n  endContent?: Child;\n  inputProps: Record<string, unknown>;\n  wrapperProps?: Record<string, unknown>;\n  inputRef?: (element: HTMLInputElement | null) => void;\n};\n\nexport const renderInputField = (options: RenderInputFieldOptions): Child => {\n  const {\n    headless,\n    className,\n    variant = \"outline\",\n    size = \"md\",\n    disabled,\n    invalid,\n    readonly,\n    required,\n    describedBy,\n    startContent,\n    endContent,\n    inputProps,\n    wrapperProps,\n    inputRef,\n  } = options;\n\n  const ariaInvalid = invalid ? \"true\" : (inputProps[\"aria-invalid\"] as string | undefined);\n  const dataReadonly = readonly ? { \"data-readonly\": \"\" } : {};\n  const slotOptions = { variant, size };\n  const slots = inputStyles;\n\n  const nativeInputProps = {\n    ...inputProps,\n    disabled,\n    readonly,\n    required,\n    \"aria-invalid\": ariaInvalid,\n    \"aria-describedby\": describedBy ?? inputProps[\"aria-describedby\"],\n    ref: inputRef ?? inputProps.ref,\n  };\n\n  if (!startContent && !endContent) {\n    const visualClass = headless ? undefined : className;\n    return h(\"input\", {\n      ...nativeInputProps,\n      ...dataDisabled(Boolean(disabled)),\n      ...dataInvalid(Boolean(invalid)),\n      ...dataReadonly,\n      className: visualClass,\n      class: visualClass,\n    } as any);\n  }\n\n  const wrapperClass = headless ? undefined : cn(slots.wrapper(slotOptions), className);\n  const inputClass = headless ? undefined : slots.input(slotOptions);\n\n  return h(\n    \"div\",\n    {\n      ...wrapperProps,\n      className: wrapperClass,\n      class: wrapperClass,\n      ...dataDisabled(Boolean(disabled)),\n      ...dataInvalid(Boolean(invalid)),\n      ...dataReadonly,\n    } as any,\n    [\n      startContent\n        ? h(\n            \"span\",\n            { \"data-input-slot\": \"start\", className: headless ? undefined : slots.start() },\n            startContent,\n          )\n        : null,\n      h(\"input\", {\n        ...nativeInputProps,\n        className: inputClass,\n        class: inputClass,\n      } as any),\n      endContent\n        ? h(\"span\", { \"data-input-slot\": \"end\", className: headless ? undefined : slots.end() }, endContent)\n        : null,\n    ],\n  );\n};\n","import { h, type Child } from \"@echojs-ecosystem/hyperdom\";\n\nimport { createUIComponent } from \"../../core/component\";\nimport { cn } from \"../../utils/cn\";\nimport { dataDisabled, dataInvalid } from \"../../utils/data-attributes\";\nimport { inputStyles } from \"../input-shared/input.styles\";\nimport { pickInputDomProps, renderInputField } from \"../input-shared/render-input-field\";\nimport type { InputTagsProps } from \"./input-tags.types\";\n\nconst TAG_PROP_KEYS = new Set([\"value\", \"onValueChange\", \"separators\", \"allowDuplicates\", \"maxTags\"]);\n\nconst pickTagsDomProps = (props: Record<string, unknown>): Record<string, unknown> => {\n  const out: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(props)) {\n    if (TAG_PROP_KEYS.has(key)) continue;\n    out[key] = value;\n  }\n  return pickInputDomProps(out);\n};\n\nconst normalizeTag = (raw: string): string => raw.trim();\n\nconst canAddTag = (\n  tags: string[],\n  tag: string,\n  options: { allowDuplicates?: boolean; maxTags?: number },\n): boolean => {\n  if (!tag) return false;\n  if (options.maxTags !== undefined && tags.length >= options.maxTags) return false;\n  if (!options.allowDuplicates && tags.includes(tag)) return false;\n  return true;\n};\n\nexport const InputTags = createUIComponent<InputTagsProps, HTMLDivElement>({\n  name: \"InputTags\",\n  defaultTag: \"div\",\n  defaultProps: {\n    value: [],\n    separators: [\",\", \"Enter\"],\n    allowDuplicates: false,\n    variant: \"outline\",\n    size: \"md\",\n    placeholder: \"Add tag…\",\n  },\n  variants: (options) => inputStyles.wrapper(options as Record<string, unknown>),\n  render: ({ props, headless, className }) => {\n    const {\n      value = [],\n      separators = [\",\", \"Enter\"],\n      allowDuplicates = false,\n      maxTags,\n      startContent,\n      endContent,\n      invalid,\n      disabled,\n      readonly: readonlyProp,\n      readOnly,\n      required,\n      variant = \"outline\",\n      size = \"md\",\n      placeholder,\n      onValueChange,\n      onInput,\n      ...rest\n    } = props as InputTagsProps & Record<string, unknown>;\n\n    const readonly = readonlyProp ?? readOnly;\n    const domProps = pickTagsDomProps(rest as Record<string, unknown>);\n    const tags = Array.isArray(value) ? value : [];\n    const slotOptions = { variant, size };\n\n    const addTag = (draft: string, input: HTMLInputElement): void => {\n      const tag = normalizeTag(draft);\n      if (!canAddTag(tags, tag, { allowDuplicates, maxTags })) return;\n      onValueChange?.([...tags, tag]);\n      input.value = \"\";\n    };\n\n    const removeTag = (index: number): void => {\n      onValueChange?.(tags.filter((_, i) => i !== index));\n    };\n\n    const tagChips: Child[] = tags.map((tag, index) =>\n      h(\n        \"span\",\n        {\n          \"data-tag\": \"\",\n          className: headless\n            ? undefined\n            : \"inline-flex items-center gap-1 rounded-md bg-zinc-100 px-2 py-0.5 text-sm text-zinc-800\",\n        },\n        [\n          tag,\n          readonly || disabled\n            ? null\n            : h(\n                \"button\",\n                {\n                  type: \"button\",\n                  className: \"text-zinc-500 hover:text-zinc-800\",\n                  \"aria-label\": `Remove ${tag}`,\n                  onClick: () => removeTag(index),\n                },\n                \"×\",\n              ),\n        ],\n      ),\n    );\n\n    const innerInput = renderInputField({\n      headless: true,\n      variant: variant as InputTagsProps[\"variant\"],\n      size: size as InputTagsProps[\"size\"],\n      disabled,\n      invalid,\n      readonly,\n      required,\n      inputProps: {\n        type: \"text\",\n        className: \"min-w-24 flex-1 border-0 bg-transparent shadow-none outline-none\",\n        placeholder: tags.length === 0 ? placeholder : undefined,\n        onInput,\n        onKeyDown: (event: KeyboardEvent) => {\n          const input = event.currentTarget as HTMLInputElement;\n          if (separators.includes(event.key)) {\n            event.preventDefault();\n            addTag(input.value, input);\n            return;\n          }\n          if (event.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n            removeTag(tags.length - 1);\n          }\n        },\n      },\n    });\n\n    const wrapperClass = headless\n      ? cn(\"flex min-w-0 flex-1 flex-wrap items-center gap-1.5\")\n      : cn(inputStyles.wrapper(slotOptions), \"min-h-10 flex-wrap items-center gap-1.5 py-1\", className);\n\n    return h(\n      \"div\",\n      {\n        ...domProps,\n        className: wrapperClass,\n        class: wrapperClass,\n        ...dataDisabled(Boolean(disabled)),\n        ...dataInvalid(Boolean(invalid)),\n        ...(readonly ? { \"data-readonly\": \"\" } : {}),\n      } as any,\n      [\n        startContent\n          ? h(\n              \"span\",\n              { \"data-input-slot\": \"start\", className: headless ? undefined : inputStyles.start() },\n              startContent,\n            )\n          : null,\n        ...tagChips,\n        innerInput,\n        endContent\n          ? h(\"span\", { \"data-input-slot\": \"end\", className: headless ? undefined : inputStyles.end() }, endContent)\n          : null,\n      ],\n    );\n  },\n});\n"]}

package/dist/input.d.ts

@@ -0,0 +1,14 @@
+import * as _echojs_ecosystem_hyperdom from '@echojs-ecosystem/hyperdom';
+import { Props } from '@echojs-ecosystem/hyperdom';
+import { I as InputFieldProps } from './field.types-BSyhu0Cf.js';
+export { a as InputSize, b as InputVariant } from './field.types-BSyhu0Cf.js';
+import './types-CSHcGa_F.js';
+import './cn-rGlUI2mx.js';
+
+type InputProps = InputFieldProps & Omit<Props<HTMLInputElement>, keyof InputFieldProps> & {
+    type?: "text" | "email" | "url" | "tel" | "search" | "password";
+};
+
+declare const Input: (props: InputProps) => _echojs_ecosystem_hyperdom.Child;
+
+export { Input, type InputProps };