@echojs-ecosystem/ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +102 -0
- package/dist/button.d.ts +20 -0
- package/dist/button.js +559 -0
- package/dist/button.js.map +1 -0
- package/dist/button.types-B0SrEYRV.d.ts +27 -0
- package/dist/checkbox.d.ts +42 -0
- package/dist/checkbox.js +388 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/cn-rGlUI2mx.d.ts +16 -0
- package/dist/core.d.ts +16 -0
- package/dist/core.js +294 -0
- package/dist/core.js.map +1 -0
- package/dist/field.d.ts +72 -0
- package/dist/field.js +479 -0
- package/dist/field.js.map +1 -0
- package/dist/field.types-BSyhu0Cf.d.ts +24 -0
- package/dist/icon-button.d.ts +15 -0
- package/dist/icon-button.js +606 -0
- package/dist/icon-button.js.map +1 -0
- package/dist/index-BhC5sVej.d.ts +35 -0
- package/dist/index.d.ts +87 -0
- package/dist/index.js +1604 -0
- package/dist/index.js.map +1 -0
- package/dist/input-mask.d.ts +5 -0
- package/dist/input-mask.js +568 -0
- package/dist/input-mask.js.map +1 -0
- package/dist/input-otp.d.ts +16 -0
- package/dist/input-otp.js +475 -0
- package/dist/input-otp.js.map +1 -0
- package/dist/input-tags.d.ts +16 -0
- package/dist/input-tags.js +549 -0
- package/dist/input-tags.js.map +1 -0
- package/dist/input.d.ts +14 -0
- package/dist/input.js +466 -0
- package/dist/input.js.map +1 -0
- package/dist/label.d.ts +17 -0
- package/dist/label.js +345 -0
- package/dist/label.js.map +1 -0
- package/dist/primitives.d.ts +23 -0
- package/dist/primitives.js +301 -0
- package/dist/primitives.js.map +1 -0
- package/dist/provider.d.ts +19 -0
- package/dist/provider.js +124 -0
- package/dist/provider.js.map +1 -0
- package/dist/slots-D2y1YgGz.d.ts +58 -0
- package/dist/textarea.d.ts +27 -0
- package/dist/textarea.js +361 -0
- package/dist/textarea.js.map +1 -0
- package/dist/theme-context-CyY95LK0.d.ts +39 -0
- package/dist/theme.d.ts +20 -0
- package/dist/theme.js +155 -0
- package/dist/theme.js.map +1 -0
- package/dist/types-CSHcGa_F.d.ts +13 -0
- package/dist/utils.d.ts +36 -0
- package/dist/utils.js +101 -0
- package/dist/utils.js.map +1 -0
- package/dist/variants-Bj38CFcH.d.ts +51 -0
- package/package.json +134 -0
|
@@ -0,0 +1,568 @@
|
|
|
1
|
+
import { h } from '@echojs-ecosystem/hyperdom';
|
|
2
|
+
|
|
3
|
+
// src/core/component.ts
|
|
4
|
+
|
|
5
|
+
// src/theme/default-theme.ts
|
|
6
|
+
var defaultTheme = {
|
|
7
|
+
prefix: "echo",
|
|
8
|
+
headless: false,
|
|
9
|
+
components: {
|
|
10
|
+
button: {
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
variant: "primary",
|
|
13
|
+
size: "md",
|
|
14
|
+
radius: "full"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
input: {
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
variant: "outline",
|
|
20
|
+
size: "md"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
inputMask: {
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
variant: "outline",
|
|
26
|
+
size: "md"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
inputOtp: {
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
variant: "outline",
|
|
32
|
+
size: "md"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
inputTags: {
|
|
36
|
+
defaultVariants: {
|
|
37
|
+
variant: "outline",
|
|
38
|
+
size: "md"
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
textarea: {
|
|
42
|
+
defaultVariants: {
|
|
43
|
+
variant: "outline",
|
|
44
|
+
size: "md",
|
|
45
|
+
resize: "vertical"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
checkbox: {
|
|
49
|
+
defaultVariants: {
|
|
50
|
+
size: "md"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
iconButton: {
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
variant: "ghost",
|
|
56
|
+
size: "md"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
// src/theme/create-theme.ts
|
|
63
|
+
var mergeComponentConfig = (base, next) => {
|
|
64
|
+
if (!base && !next) return void 0;
|
|
65
|
+
if (!base) return next ? { ...next } : void 0;
|
|
66
|
+
if (!next) return { ...base };
|
|
67
|
+
return {
|
|
68
|
+
baseClass: next.baseClass ?? base.baseClass,
|
|
69
|
+
className: next.className ?? base.className,
|
|
70
|
+
defaultProps: { ...base.defaultProps, ...next.defaultProps },
|
|
71
|
+
defaultVariants: { ...base.defaultVariants, ...next.defaultVariants },
|
|
72
|
+
variants: { ...base.variants, ...next.variants }
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
var mergeComponents = (base, next) => {
|
|
76
|
+
const keys = /* @__PURE__ */ new Set([...Object.keys(base ?? {}), ...Object.keys(next ?? {})]);
|
|
77
|
+
const merged = {};
|
|
78
|
+
for (const key of keys) {
|
|
79
|
+
const slice = mergeComponentConfig(base?.[key], next?.[key]);
|
|
80
|
+
if (slice) merged[key] = slice;
|
|
81
|
+
}
|
|
82
|
+
return merged;
|
|
83
|
+
};
|
|
84
|
+
var createTheme = (input, base = defaultTheme) => ({
|
|
85
|
+
prefix: input.prefix ?? base.prefix,
|
|
86
|
+
headless: input.headless ?? base.headless,
|
|
87
|
+
components: mergeComponents(base.components, input.components)
|
|
88
|
+
});
|
|
89
|
+
|
|
90
|
+
// src/theme/theme-context.ts
|
|
91
|
+
var stack = [];
|
|
92
|
+
var getUIContext = () => stack[stack.length - 1];
|
|
93
|
+
var getUIContextOrDefault = () => getUIContext() ?? createUIContextValue({});
|
|
94
|
+
var createUIContextValue = (input, parent = getUIContext()) => {
|
|
95
|
+
const parentTheme = parent?.theme ?? defaultTheme;
|
|
96
|
+
const theme = createTheme(input.theme ?? {}, parentTheme);
|
|
97
|
+
const headless = input.headless ?? theme.headless ?? parent?.headless ?? false;
|
|
98
|
+
return {
|
|
99
|
+
theme: { ...theme, headless },
|
|
100
|
+
headless
|
|
101
|
+
};
|
|
102
|
+
};
|
|
103
|
+
|
|
104
|
+
// src/theme/variants.ts
|
|
105
|
+
var tv = (config) => {
|
|
106
|
+
const resolve = (options) => {
|
|
107
|
+
const parts = [];
|
|
108
|
+
if (config.base) parts.push(config.base);
|
|
109
|
+
const resolved = { ...config.defaultVariants ?? {}, ...options ?? {} };
|
|
110
|
+
const variants = config.variants ?? {};
|
|
111
|
+
for (const [variantName, map] of Object.entries(variants)) {
|
|
112
|
+
const value = resolved[variantName];
|
|
113
|
+
if (value === void 0) continue;
|
|
114
|
+
const key = typeof value === "boolean" ? value ? "true" : "false" : String(value);
|
|
115
|
+
const cls = map[key];
|
|
116
|
+
if (cls) parts.push(cls);
|
|
117
|
+
}
|
|
118
|
+
for (const compound of config.compoundVariants ?? []) {
|
|
119
|
+
const { class: compoundClass, ...conditions } = compound;
|
|
120
|
+
const matches = Object.entries(conditions).every(([name, value]) => resolved[name] === value);
|
|
121
|
+
if (matches && compoundClass) parts.push(compoundClass);
|
|
122
|
+
}
|
|
123
|
+
return parts.filter(Boolean).join(" ");
|
|
124
|
+
};
|
|
125
|
+
if (config.slots) {
|
|
126
|
+
const slotFns = {};
|
|
127
|
+
for (const [slot, slotBase] of Object.entries(config.slots)) {
|
|
128
|
+
slotFns[slot] = (slotOptions) => {
|
|
129
|
+
const composed = [slotBase, resolve(slotOptions)].filter(Boolean).join(" ");
|
|
130
|
+
return composed.trim();
|
|
131
|
+
};
|
|
132
|
+
}
|
|
133
|
+
slotFns._config = config;
|
|
134
|
+
return slotFns;
|
|
135
|
+
}
|
|
136
|
+
const fn = (options) => resolve(options);
|
|
137
|
+
fn._config = config;
|
|
138
|
+
return fn;
|
|
139
|
+
};
|
|
140
|
+
var resolveVariantClasses = (variantFn, options, headless) => {
|
|
141
|
+
if (headless || !variantFn) return void 0;
|
|
142
|
+
return variantFn(options);
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
// src/core/variant-keys.ts
|
|
146
|
+
var getVariantKeysFromFn = (variantsFn) => {
|
|
147
|
+
const variants = variantsFn?._config?.variants;
|
|
148
|
+
if (!variants) return [];
|
|
149
|
+
return Object.keys(variants);
|
|
150
|
+
};
|
|
151
|
+
var resolveVariantOptions = (variantsFn, themeDefaults, props) => {
|
|
152
|
+
const keys = [
|
|
153
|
+
.../* @__PURE__ */ new Set([
|
|
154
|
+
...getVariantKeysFromFn(variantsFn),
|
|
155
|
+
...Object.keys(variantsFn?._config?.defaultVariants ?? {}),
|
|
156
|
+
...Object.keys(themeDefaults ?? {})
|
|
157
|
+
])
|
|
158
|
+
];
|
|
159
|
+
const picked = {};
|
|
160
|
+
for (const key of keys) {
|
|
161
|
+
if (props[key] !== void 0) picked[key] = props[key];
|
|
162
|
+
}
|
|
163
|
+
return {
|
|
164
|
+
...variantsFn?._config?.defaultVariants,
|
|
165
|
+
...themeDefaults,
|
|
166
|
+
...picked
|
|
167
|
+
};
|
|
168
|
+
};
|
|
169
|
+
|
|
170
|
+
// src/utils/cn.ts
|
|
171
|
+
var defaultClassNameMerger = (...values) => {
|
|
172
|
+
const out = [];
|
|
173
|
+
const walk = (value) => {
|
|
174
|
+
if (value == null || value === false) return;
|
|
175
|
+
if (typeof value === "string") {
|
|
176
|
+
if (value) out.push(value);
|
|
177
|
+
return;
|
|
178
|
+
}
|
|
179
|
+
if (Array.isArray(value)) {
|
|
180
|
+
for (const item of value) walk(item);
|
|
181
|
+
return;
|
|
182
|
+
}
|
|
183
|
+
for (const [key, enabled] of Object.entries(value)) {
|
|
184
|
+
if (enabled) out.push(key);
|
|
185
|
+
}
|
|
186
|
+
};
|
|
187
|
+
for (const value of values) walk(value);
|
|
188
|
+
return out.join(" ");
|
|
189
|
+
};
|
|
190
|
+
var classNameMerger = defaultClassNameMerger;
|
|
191
|
+
var cn = (...values) => classNameMerger(...values);
|
|
192
|
+
|
|
193
|
+
// src/utils/compose-event-handlers.ts
|
|
194
|
+
var composeEventHandlers = (userHandler, internalHandler, options = {}) => {
|
|
195
|
+
if (!userHandler && !internalHandler) return void 0;
|
|
196
|
+
if (!userHandler) return internalHandler;
|
|
197
|
+
if (!internalHandler) return userHandler;
|
|
198
|
+
const { checkDefaultPrevented = false } = options;
|
|
199
|
+
return (event) => {
|
|
200
|
+
userHandler(event);
|
|
201
|
+
if (checkDefaultPrevented && event?.defaultPrevented) return;
|
|
202
|
+
internalHandler(event);
|
|
203
|
+
};
|
|
204
|
+
};
|
|
205
|
+
|
|
206
|
+
// src/utils/merge-props.ts
|
|
207
|
+
var CLASS_KEYS = /* @__PURE__ */ new Set(["class", "className"]);
|
|
208
|
+
var isEventHandlerKey = (key) => key.startsWith("on") || key.startsWith("on:");
|
|
209
|
+
var mergeClassValues = (...values) => {
|
|
210
|
+
const merged = cn(...values);
|
|
211
|
+
return merged || void 0;
|
|
212
|
+
};
|
|
213
|
+
var mergePair = (target, source) => {
|
|
214
|
+
if (!source) return;
|
|
215
|
+
for (const [key, value] of Object.entries(source)) {
|
|
216
|
+
if (value === void 0) continue;
|
|
217
|
+
if (CLASS_KEYS.has(key)) {
|
|
218
|
+
const mergedClass = mergeClassValues(target.className, value);
|
|
219
|
+
if (mergedClass !== void 0) {
|
|
220
|
+
target.className = mergedClass;
|
|
221
|
+
target.class = mergedClass;
|
|
222
|
+
}
|
|
223
|
+
continue;
|
|
224
|
+
}
|
|
225
|
+
if (isEventHandlerKey(key)) {
|
|
226
|
+
const existing = target[key];
|
|
227
|
+
target[key] = composeEventHandlers(
|
|
228
|
+
value,
|
|
229
|
+
existing,
|
|
230
|
+
{ checkDefaultPrevented: true }
|
|
231
|
+
);
|
|
232
|
+
continue;
|
|
233
|
+
}
|
|
234
|
+
target[key] = value;
|
|
235
|
+
}
|
|
236
|
+
};
|
|
237
|
+
var mergeProps = (defaultProps, providerProps, componentProps) => {
|
|
238
|
+
const merged = {};
|
|
239
|
+
mergePair(merged, defaultProps);
|
|
240
|
+
mergePair(merged, providerProps);
|
|
241
|
+
mergePair(merged, componentProps);
|
|
242
|
+
return merged;
|
|
243
|
+
};
|
|
244
|
+
|
|
245
|
+
// src/core/component.ts
|
|
246
|
+
var themeKeyFromName = (name) => name.charAt(0).toLowerCase() + name.slice(1);
|
|
247
|
+
var createUIComponent = (config) => {
|
|
248
|
+
const themeKey = themeKeyFromName(config.name);
|
|
249
|
+
return (props) => {
|
|
250
|
+
const ctx = getUIContextOrDefault();
|
|
251
|
+
const themeSlice = ctx.theme.components?.[themeKey];
|
|
252
|
+
const headless = props.headless ?? ctx.headless ?? ctx.theme.headless ?? false;
|
|
253
|
+
const providerProps = {
|
|
254
|
+
...themeSlice?.defaultProps,
|
|
255
|
+
...themeSlice?.defaultVariants
|
|
256
|
+
};
|
|
257
|
+
if (themeSlice?.className) {
|
|
258
|
+
providerProps.className = themeSlice.className;
|
|
259
|
+
}
|
|
260
|
+
const merged = mergeProps(
|
|
261
|
+
config.defaultProps,
|
|
262
|
+
providerProps,
|
|
263
|
+
props
|
|
264
|
+
);
|
|
265
|
+
const variantOptions = resolveVariantOptions(
|
|
266
|
+
config.variants,
|
|
267
|
+
themeSlice?.defaultVariants,
|
|
268
|
+
merged
|
|
269
|
+
);
|
|
270
|
+
const variantClass = resolveVariantClasses(config.variants, variantOptions, headless);
|
|
271
|
+
const visualClass = headless ? void 0 : cn(themeSlice?.baseClass, themeSlice?.className, variantClass, merged.className, merged.class);
|
|
272
|
+
const finalProps = {
|
|
273
|
+
...merged,
|
|
274
|
+
className: visualClass,
|
|
275
|
+
class: visualClass
|
|
276
|
+
};
|
|
277
|
+
if (config.render) {
|
|
278
|
+
return config.render({
|
|
279
|
+
props: finalProps,
|
|
280
|
+
headless,
|
|
281
|
+
className: visualClass,
|
|
282
|
+
ctx
|
|
283
|
+
});
|
|
284
|
+
}
|
|
285
|
+
const { children, as, ...rest } = finalProps;
|
|
286
|
+
const tag = as ?? config.defaultTag;
|
|
287
|
+
return h(tag, rest, children);
|
|
288
|
+
};
|
|
289
|
+
};
|
|
290
|
+
|
|
291
|
+
// src/utils/input-mask/format-mask.ts
|
|
292
|
+
var slotPattern = (kind) => {
|
|
293
|
+
switch (kind.kind) {
|
|
294
|
+
case "9":
|
|
295
|
+
return /\d/;
|
|
296
|
+
case "a":
|
|
297
|
+
return /[A-Za-z]/;
|
|
298
|
+
case "*":
|
|
299
|
+
return /[A-Za-z0-9]/;
|
|
300
|
+
}
|
|
301
|
+
};
|
|
302
|
+
var extractSlotChars = (raw, tokens) => {
|
|
303
|
+
const slots = tokens.filter((t) => t.type === "slot");
|
|
304
|
+
const out = [];
|
|
305
|
+
for (const char of raw) {
|
|
306
|
+
if (out.length >= slots.length) break;
|
|
307
|
+
const slot = slots[out.length];
|
|
308
|
+
if (slotPattern(slot).test(char)) out.push(char);
|
|
309
|
+
}
|
|
310
|
+
return out;
|
|
311
|
+
};
|
|
312
|
+
var formatMaskedValue = (raw, tokens) => {
|
|
313
|
+
const slotChars = extractSlotChars(raw, tokens);
|
|
314
|
+
let slotIndex = 0;
|
|
315
|
+
let masked = "";
|
|
316
|
+
const unmaskedParts = [];
|
|
317
|
+
for (const token of tokens) {
|
|
318
|
+
if (token.type === "literal") {
|
|
319
|
+
masked += token.char;
|
|
320
|
+
continue;
|
|
321
|
+
}
|
|
322
|
+
const char = slotChars[slotIndex];
|
|
323
|
+
if (char === void 0) break;
|
|
324
|
+
masked += char;
|
|
325
|
+
unmaskedParts.push(char);
|
|
326
|
+
slotIndex += 1;
|
|
327
|
+
}
|
|
328
|
+
return {
|
|
329
|
+
masked,
|
|
330
|
+
unmasked: unmaskedParts.join("")
|
|
331
|
+
};
|
|
332
|
+
};
|
|
333
|
+
|
|
334
|
+
// src/utils/input-mask/parse-mask.ts
|
|
335
|
+
var SLOT_KINDS = /* @__PURE__ */ new Set(["9", "a", "*"]);
|
|
336
|
+
var parseMaskPattern = (pattern) => {
|
|
337
|
+
const tokens = [];
|
|
338
|
+
for (const char of pattern) {
|
|
339
|
+
if (SLOT_KINDS.has(char)) {
|
|
340
|
+
tokens.push({ type: "slot", kind: char });
|
|
341
|
+
continue;
|
|
342
|
+
}
|
|
343
|
+
tokens.push({ type: "literal", char });
|
|
344
|
+
}
|
|
345
|
+
return tokens;
|
|
346
|
+
};
|
|
347
|
+
|
|
348
|
+
// src/utils/input-mask/presets.ts
|
|
349
|
+
var MASK_PRESETS = {
|
|
350
|
+
phone: "(99) 99999-9999",
|
|
351
|
+
cpf: "999.999.999-99",
|
|
352
|
+
cnpj: "99.999.999/9999-99",
|
|
353
|
+
date: "99/99/9999",
|
|
354
|
+
cep: "99999-999",
|
|
355
|
+
time: "99:99",
|
|
356
|
+
"credit-card": "9999 9999 9999 9999"
|
|
357
|
+
};
|
|
358
|
+
var resolveMaskPattern = (mask) => mask in MASK_PRESETS ? MASK_PRESETS[mask] : mask;
|
|
359
|
+
|
|
360
|
+
// src/utils/input-mask/attach-input-mask.ts
|
|
361
|
+
var attachInputMask = (input, options) => {
|
|
362
|
+
const pattern = resolveMaskPattern(options.mask);
|
|
363
|
+
const tokens = parseMaskPattern(pattern);
|
|
364
|
+
const apply = (raw, notify = true) => {
|
|
365
|
+
const result = formatMaskedValue(raw, tokens);
|
|
366
|
+
if (input.value !== result.masked) {
|
|
367
|
+
input.value = result.masked;
|
|
368
|
+
}
|
|
369
|
+
if (notify) options.onValueChange?.(result);
|
|
370
|
+
};
|
|
371
|
+
const onInput = () => apply(input.value);
|
|
372
|
+
const onBlur = () => apply(input.value);
|
|
373
|
+
input.addEventListener("input", onInput);
|
|
374
|
+
input.addEventListener("blur", onBlur);
|
|
375
|
+
if (input.value) apply(input.value, true);
|
|
376
|
+
return () => {
|
|
377
|
+
input.removeEventListener("input", onInput);
|
|
378
|
+
input.removeEventListener("blur", onBlur);
|
|
379
|
+
};
|
|
380
|
+
};
|
|
381
|
+
|
|
382
|
+
// src/components/input-shared/input.styles.ts
|
|
383
|
+
var inputStyles = tv({
|
|
384
|
+
slots: {
|
|
385
|
+
wrapper: [
|
|
386
|
+
"flex items-center gap-2",
|
|
387
|
+
"transition-colors",
|
|
388
|
+
"focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-zinc-400",
|
|
389
|
+
"data-[disabled]:opacity-50 data-[disabled]:pointer-events-none",
|
|
390
|
+
"data-[invalid]:ring-2 data-[invalid]:ring-red-500 data-[invalid]:ring-offset-2"
|
|
391
|
+
].join(" "),
|
|
392
|
+
input: [
|
|
393
|
+
"w-full bg-transparent outline-none",
|
|
394
|
+
"placeholder:text-zinc-400",
|
|
395
|
+
"disabled:cursor-not-allowed"
|
|
396
|
+
].join(" "),
|
|
397
|
+
start: "text-zinc-500",
|
|
398
|
+
end: "text-zinc-500"
|
|
399
|
+
},
|
|
400
|
+
variants: {
|
|
401
|
+
variant: {
|
|
402
|
+
outline: "border border-zinc-300 bg-white text-zinc-900",
|
|
403
|
+
filled: "bg-zinc-100 text-zinc-900",
|
|
404
|
+
ghost: "bg-transparent text-zinc-900"
|
|
405
|
+
},
|
|
406
|
+
size: {
|
|
407
|
+
sm: "h-8 px-3 text-sm rounded-md",
|
|
408
|
+
md: "h-10 px-3 text-sm rounded-md",
|
|
409
|
+
lg: "h-12 px-4 text-base rounded-md"
|
|
410
|
+
}
|
|
411
|
+
},
|
|
412
|
+
defaultVariants: {
|
|
413
|
+
variant: "outline",
|
|
414
|
+
size: "md"
|
|
415
|
+
}
|
|
416
|
+
});
|
|
417
|
+
|
|
418
|
+
// src/utils/data-attributes.ts
|
|
419
|
+
var dataDisabled = (disabled) => disabled ? { "data-disabled": "" } : {};
|
|
420
|
+
var dataInvalid = (invalid) => invalid ? { "data-invalid": "" } : {};
|
|
421
|
+
|
|
422
|
+
// src/components/input-shared/render-input-field.ts
|
|
423
|
+
var INPUT_INTERNAL_KEYS = /* @__PURE__ */ new Set([
|
|
424
|
+
"variant",
|
|
425
|
+
"size",
|
|
426
|
+
"startContent",
|
|
427
|
+
"endContent",
|
|
428
|
+
"invalid",
|
|
429
|
+
"disabled",
|
|
430
|
+
"readonly",
|
|
431
|
+
"readOnly",
|
|
432
|
+
"required",
|
|
433
|
+
"headless",
|
|
434
|
+
"children",
|
|
435
|
+
"className",
|
|
436
|
+
"class"
|
|
437
|
+
]);
|
|
438
|
+
var pickInputDomProps = (props) => {
|
|
439
|
+
const out = {};
|
|
440
|
+
for (const [key, value] of Object.entries(props)) {
|
|
441
|
+
if (!INPUT_INTERNAL_KEYS.has(key)) out[key] = value;
|
|
442
|
+
}
|
|
443
|
+
return out;
|
|
444
|
+
};
|
|
445
|
+
var renderInputField = (options) => {
|
|
446
|
+
const {
|
|
447
|
+
headless,
|
|
448
|
+
className,
|
|
449
|
+
variant = "outline",
|
|
450
|
+
size = "md",
|
|
451
|
+
disabled,
|
|
452
|
+
invalid,
|
|
453
|
+
readonly,
|
|
454
|
+
required,
|
|
455
|
+
describedBy,
|
|
456
|
+
startContent,
|
|
457
|
+
endContent,
|
|
458
|
+
inputProps,
|
|
459
|
+
wrapperProps,
|
|
460
|
+
inputRef
|
|
461
|
+
} = options;
|
|
462
|
+
const ariaInvalid = invalid ? "true" : inputProps["aria-invalid"];
|
|
463
|
+
const dataReadonly = readonly ? { "data-readonly": "" } : {};
|
|
464
|
+
const slotOptions = { variant, size };
|
|
465
|
+
const slots = inputStyles;
|
|
466
|
+
const nativeInputProps = {
|
|
467
|
+
...inputProps,
|
|
468
|
+
disabled,
|
|
469
|
+
readonly,
|
|
470
|
+
required,
|
|
471
|
+
"aria-invalid": ariaInvalid,
|
|
472
|
+
"aria-describedby": describedBy ?? inputProps["aria-describedby"],
|
|
473
|
+
ref: inputRef ?? inputProps.ref
|
|
474
|
+
};
|
|
475
|
+
if (!startContent && !endContent) {
|
|
476
|
+
const visualClass = headless ? void 0 : className;
|
|
477
|
+
return h("input", {
|
|
478
|
+
...nativeInputProps,
|
|
479
|
+
...dataDisabled(Boolean(disabled)),
|
|
480
|
+
...dataInvalid(Boolean(invalid)),
|
|
481
|
+
...dataReadonly,
|
|
482
|
+
className: visualClass,
|
|
483
|
+
class: visualClass
|
|
484
|
+
});
|
|
485
|
+
}
|
|
486
|
+
const wrapperClass = headless ? void 0 : cn(slots.wrapper(slotOptions), className);
|
|
487
|
+
const inputClass = headless ? void 0 : slots.input(slotOptions);
|
|
488
|
+
return h(
|
|
489
|
+
"div",
|
|
490
|
+
{
|
|
491
|
+
...wrapperProps,
|
|
492
|
+
className: wrapperClass,
|
|
493
|
+
class: wrapperClass,
|
|
494
|
+
...dataDisabled(Boolean(disabled)),
|
|
495
|
+
...dataInvalid(Boolean(invalid)),
|
|
496
|
+
...dataReadonly
|
|
497
|
+
},
|
|
498
|
+
[
|
|
499
|
+
startContent ? h(
|
|
500
|
+
"span",
|
|
501
|
+
{ "data-input-slot": "start", className: headless ? void 0 : slots.start() },
|
|
502
|
+
startContent
|
|
503
|
+
) : null,
|
|
504
|
+
h("input", {
|
|
505
|
+
...nativeInputProps,
|
|
506
|
+
className: inputClass,
|
|
507
|
+
class: inputClass
|
|
508
|
+
}),
|
|
509
|
+
endContent ? h("span", { "data-input-slot": "end", className: headless ? void 0 : slots.end() }, endContent) : null
|
|
510
|
+
]
|
|
511
|
+
);
|
|
512
|
+
};
|
|
513
|
+
|
|
514
|
+
// src/components/input-mask/input-mask.ts
|
|
515
|
+
var InputMask = createUIComponent({
|
|
516
|
+
name: "InputMask",
|
|
517
|
+
defaultTag: "input",
|
|
518
|
+
defaultProps: {
|
|
519
|
+
mask: "phone",
|
|
520
|
+
variant: "outline",
|
|
521
|
+
size: "md"
|
|
522
|
+
},
|
|
523
|
+
variants: (options) => inputStyles.wrapper(options),
|
|
524
|
+
render: ({ props, headless, className }) => {
|
|
525
|
+
const p = props;
|
|
526
|
+
const mask = p.mask;
|
|
527
|
+
const onMaskValueChange = p.onMaskValueChange;
|
|
528
|
+
const onInput = p.onInput;
|
|
529
|
+
const domProps = pickInputDomProps(p);
|
|
530
|
+
const readonly = Boolean(p.readonly ?? p.readOnly);
|
|
531
|
+
let disposeMask;
|
|
532
|
+
const inputRef = (element) => {
|
|
533
|
+
disposeMask?.();
|
|
534
|
+
disposeMask = void 0;
|
|
535
|
+
if (!element) return;
|
|
536
|
+
disposeMask = attachInputMask(element, {
|
|
537
|
+
mask,
|
|
538
|
+
onValueChange: onMaskValueChange
|
|
539
|
+
});
|
|
540
|
+
const userRef = domProps.ref;
|
|
541
|
+
if (typeof userRef === "function") userRef(element);
|
|
542
|
+
};
|
|
543
|
+
const { ref: _ref, ...inputRest } = domProps;
|
|
544
|
+
return renderInputField({
|
|
545
|
+
headless,
|
|
546
|
+
className,
|
|
547
|
+
variant: p.variant,
|
|
548
|
+
size: p.size,
|
|
549
|
+
disabled: p.disabled,
|
|
550
|
+
invalid: p.invalid,
|
|
551
|
+
readonly,
|
|
552
|
+
required: p.required,
|
|
553
|
+
startContent: p.startContent,
|
|
554
|
+
endContent: p.endContent,
|
|
555
|
+
inputRef,
|
|
556
|
+
inputProps: {
|
|
557
|
+
...inputRest,
|
|
558
|
+
type: "text",
|
|
559
|
+
inputMode: "numeric",
|
|
560
|
+
onInput
|
|
561
|
+
}
|
|
562
|
+
});
|
|
563
|
+
}
|
|
564
|
+
});
|
|
565
|
+
|
|
566
|
+
export { InputMask };
|
|
567
|
+
//# sourceMappingURL=input-mask.js.map
|
|
568
|
+
//# sourceMappingURL=input-mask.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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/input-mask/format-mask.ts","../src/utils/input-mask/parse-mask.ts","../src/utils/input-mask/presets.ts","../src/utils/input-mask/attach-input-mask.ts","../src/components/input-shared/input.styles.ts","../src/utils/data-attributes.ts","../src/components/input-shared/render-input-field.ts","../src/components/input-mask/input-mask.ts"],"names":["h"],"mappings":"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","file":"input-mask.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 type { MaskToken, MaskValue } from \"./types\";\n\nconst slotPattern = (kind: MaskToken & { type: \"slot\" }): RegExp => {\n switch (kind.kind) {\n case \"9\":\n return /\\d/;\n case \"a\":\n return /[A-Za-z]/;\n case \"*\":\n return /[A-Za-z0-9]/;\n }\n};\n\nconst extractSlotChars = (raw: string, tokens: MaskToken[]): string[] => {\n const slots = tokens.filter((t): t is MaskToken & { type: \"slot\" } => t.type === \"slot\");\n const out: string[] = [];\n\n for (const char of raw) {\n if (out.length >= slots.length) break;\n const slot = slots[out.length]!;\n if (slotPattern(slot).test(char)) out.push(char);\n }\n\n return out;\n};\n\n/** Applies mask tokens to raw user input. */\nexport const formatMaskedValue = (raw: string, tokens: MaskToken[]): MaskValue => {\n const slotChars = extractSlotChars(raw, tokens);\n let slotIndex = 0;\n let masked = \"\";\n const unmaskedParts: string[] = [];\n\n for (const token of tokens) {\n if (token.type === \"literal\") {\n masked += token.char;\n continue;\n }\n\n const char = slotChars[slotIndex];\n if (char === undefined) break;\n\n masked += char;\n unmaskedParts.push(char);\n slotIndex += 1;\n }\n\n return {\n masked,\n unmasked: unmaskedParts.join(\"\"),\n };\n};\n\n/** Maximum number of slot characters for a mask. */\nexport const maskSlotCount = (tokens: MaskToken[]): number =>\n tokens.filter((t) => t.type === \"slot\").length;\n","import type { MaskSlotKind, MaskToken } from \"./types\";\n\nconst SLOT_KINDS = new Set<MaskSlotKind>([\"9\", \"a\", \"*\"]);\n\n/** Parses a mask pattern (`9` digit, `a` letter, `*` alphanumeric; other chars are literals). */\nexport const parseMaskPattern = (pattern: string): MaskToken[] => {\n const tokens: MaskToken[] = [];\n\n for (const char of pattern) {\n if (SLOT_KINDS.has(char as MaskSlotKind)) {\n tokens.push({ type: \"slot\", kind: char as MaskSlotKind });\n continue;\n }\n tokens.push({ type: \"literal\", char });\n }\n\n return tokens;\n};\n","import type { MaskPattern, MaskPreset } from \"./types\";\n\n/** Built-in mask patterns (inspired by [use-mask-input](https://github.com/eduardoborges/use-mask-input)). */\nexport const MASK_PRESETS: Record<MaskPreset, string> = {\n phone: \"(99) 99999-9999\",\n cpf: \"999.999.999-99\",\n cnpj: \"99.999.999/9999-99\",\n date: \"99/99/9999\",\n cep: \"99999-999\",\n time: \"99:99\",\n \"credit-card\": \"9999 9999 9999 9999\",\n};\n\nexport const resolveMaskPattern = (mask: MaskPattern): string =>\n mask in MASK_PRESETS ? MASK_PRESETS[mask as MaskPreset] : mask;\n","import { formatMaskedValue } from \"./format-mask\";\nimport { parseMaskPattern } from \"./parse-mask\";\nimport { resolveMaskPattern } from \"./presets\";\nimport type { AttachInputMaskOptions } from \"./types\";\n\n/**\n * Binds mask formatting to a native `<input>` (vanilla, hyperdom-friendly).\n * Inspired by [use-mask-input](https://github.com/eduardoborges/use-mask-input) / Inputmask.\n */\nexport const attachInputMask = (\n input: HTMLInputElement,\n options: AttachInputMaskOptions,\n): (() => void) => {\n const pattern = resolveMaskPattern(options.mask);\n const tokens = parseMaskPattern(pattern);\n\n const apply = (raw: string, notify = true): void => {\n const result = formatMaskedValue(raw, tokens);\n if (input.value !== result.masked) {\n input.value = result.masked;\n }\n if (notify) options.onValueChange?.(result);\n };\n\n const onInput = (): void => apply(input.value);\n const onBlur = (): void => apply(input.value);\n\n input.addEventListener(\"input\", onInput);\n input.addEventListener(\"blur\", onBlur);\n\n if (input.value) apply(input.value, true);\n\n return () => {\n input.removeEventListener(\"input\", onInput);\n input.removeEventListener(\"blur\", onBlur);\n };\n};\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","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 { 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 { createUIComponent } from \"../../core/component\";\nimport { attachInputMask } from \"../../utils/input-mask\";\nimport type { MaskPattern } from \"../../utils/input-mask\";\nimport { inputStyles } from \"../input-shared/input.styles\";\nimport { pickInputDomProps, renderInputField } from \"../input-shared/render-input-field\";\nimport type { InputSize, InputVariant } from \"../input-shared/field.types\";\nimport type { InputMaskProps } from \"./input-mask.types\";\n\nexport const InputMask = createUIComponent<InputMaskProps, HTMLInputElement>({\n name: \"InputMask\",\n defaultTag: \"input\",\n defaultProps: {\n mask: \"phone\",\n variant: \"outline\",\n size: \"md\",\n },\n variants: (options) => inputStyles.wrapper(options as Record<string, unknown>),\n render: ({ props, headless, className }) => {\n const p = props as unknown as Record<string, unknown>;\n const mask = p.mask as MaskPattern;\n const onMaskValueChange = p.onMaskValueChange as InputMaskProps[\"onMaskValueChange\"];\n const onInput = p.onInput as InputMaskProps[\"onInput\"];\n\n const domProps = pickInputDomProps(p);\n const readonly = Boolean(p.readonly ?? p.readOnly);\n\n let disposeMask: (() => void) | undefined;\n\n const inputRef = (element: HTMLInputElement | null) => {\n disposeMask?.();\n disposeMask = undefined;\n if (!element) return;\n\n disposeMask = attachInputMask(element, {\n mask,\n onValueChange: onMaskValueChange,\n });\n\n const userRef = domProps.ref;\n if (typeof userRef === \"function\") userRef(element);\n };\n\n const { ref: _ref, ...inputRest } = domProps;\n\n return renderInputField({\n headless,\n className,\n variant: p.variant as InputVariant | undefined,\n size: p.size as InputSize | undefined,\n disabled: p.disabled as boolean | undefined,\n invalid: p.invalid as boolean | undefined,\n readonly,\n required: p.required as boolean | undefined,\n startContent: p.startContent as InputMaskProps[\"startContent\"],\n endContent: p.endContent as InputMaskProps[\"endContent\"],\n inputRef,\n inputProps: {\n ...inputRest,\n type: \"text\",\n inputMode: \"numeric\",\n onInput,\n },\n });\n },\n});\n"]}
|