@refraction-ui/react 0.5.0 → 0.6.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.
@@ -114,7 +114,24 @@ function cva(config) {
114
114
  return classes.filter(Boolean).join(" ");
115
115
  };
116
116
  }
117
+ var seen = /* @__PURE__ */ new Set();
118
+ function isDev() {
119
+ return typeof process === "undefined" || process.env?.NODE_ENV !== "production";
120
+ }
121
+ function emit(level, code, message, detail) {
122
+ if (!isDev()) return;
123
+ const key = `${level}:${code}`;
124
+ if (seen.has(key)) return;
125
+ seen.add(key);
126
+ const text = `[refraction-ui] ${code}: ${message}`;
127
+ {
128
+ console.warn(text, detail ?? "");
129
+ }
130
+ }
131
+ function devWarn(code, message, detail) {
132
+ emit("warn", code, message, detail);
133
+ }
117
134
 
118
- export { Keys, cn, createKeyboardHandler, createMachine, cva, generateId };
119
- //# sourceMappingURL=chunk-ZWRGVWUY.js.map
120
- //# sourceMappingURL=chunk-ZWRGVWUY.js.map
135
+ export { Keys, cn, createKeyboardHandler, createMachine, cva, devWarn, generateId };
136
+ //# sourceMappingURL=chunk-O4453CBF.js.map
137
+ //# sourceMappingURL=chunk-O4453CBF.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../shared/src/aria.ts","../../shared/src/keyboard.ts","../../shared/src/state-machine.ts","../../shared/src/cn.ts","../../shared/src/cva.ts","../../shared/src/dev-feedback.ts"],"names":[],"mappings":";AAeA,IAAI,SAAA,GAAY,CAAA;AAMT,SAAS,UAAA,CAAW,SAAS,KAAA,EAAe;AACjD,EAAA,SAAA,EAAA;AACA,EAAA,OAAO,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAC/B;ACvBO,IAAM,IAAA,GAAO;EAClB,KAAA,EAAO,OAAA;EACP,KAAA,EAAO,GAAA;EACP,MAAA,EAAQ,QAAA;EACR,GAAA,EAAK,KAAA;EACL,OAAA,EAAS,SAAA;EACT,SAAA,EAAW,WAAA;EACX,SAAA,EAAW,WAAA;EACX,UAAA,EAAY,YAAA;EACZ,IAAA,EAAM,MAAA;EACN,GAAA,EAAK,KAAA;EACL,MAAA,EAAQ,QAAA;EACR,QAAA,EAAU,UAAA;EACV,SAAA,EAAW,WAAA;EACX,MAAA,EAAQ;AACV;AAUO,SAAS,sBACd,QAAA,EACgC;AAChC,EAAA,OAAO,CAAC,KAAA,KAAyB;AAC/B,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA;AAClC,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,OAAA,CAAQ,KAAK,CAAA;AACf,IAAA;AACF,EAAA,CAAA;AACF;ACZO,SAAS,cACd,MAAA,EACyB;AACzB,EAAA,IAAI,UAAU,MAAA,CAAO,OAAA;AACrB,EAAA,MAAM,SAAA,uBAAgB,GAAA,EAAA;AAEtB,EAAA,OAAO;AACL,IAAA,IAAI,KAAA,GAAQ;AACV,MAAA,OAAO,OAAA;AACT,IAAA,CAAA;AAEA,IAAA,IAAA,CAAK,KAAA,EAAe;AAClB,MAAA,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAO,OAAO,CAAA;AACzC,MAAA,MAAM,IAAA,GAAO,WAAA,EAAa,EAAA,GAAK,KAAK,CAAA;AACpC,MAAA,IAAI,IAAA,IAAQ,SAAS,OAAA,EAAS;AAC5B,QAAA,OAAA,GAAU,IAAA;AACV,QAAA,KAAA,MAAW,MAAM,SAAA,EAAW;AAC1B,UAAA,EAAA,CAAG,OAAO,CAAA;AACZ,QAAA;AACF,MAAA;AACF,IAAA,CAAA;AAEA,IAAA,SAAA,CAAU,EAAA,EAA6B;AACrC,MAAA,SAAA,CAAU,IAAI,EAAE,CAAA;AAChB,MAAA,OAAO,MAAM;AACX,QAAA,SAAA,CAAU,OAAO,EAAE,CAAA;AACrB,MAAA,CAAA;AACF,IAAA,CAAA;AAEA,IAAA,OAAA,CAAQ,KAAA,EAAe;AACrB,MAAA,OAAO,OAAA,KAAY,KAAA;AACrB,IAAA;AAAA,GAAA;AAEJ;AC3CO,SAAS,MAAM,MAAA,EAAiD;AACrE,EAAA,MAAM,UAAoB,EAAA;AAE1B,EAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AAC1B,IAAA,IAAI,CAAC,KAAA,EAAO;AAEZ,IAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,MAAA,OAAA,CAAQ,KAAK,KAAK,CAAA;IACpB,CAAA,MAAA,IAAW,OAAO,UAAU,QAAA,EAAU;AACpC,MAAA,OAAA,CAAQ,IAAA,CAAK,MAAA,CAAO,KAAK,CAAC,CAAA;IAC5B,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AAC/B,MAAA,MAAM,MAAA,GAAS,EAAA,CAAG,GAAG,KAAK,CAAA;AAC1B,MAAA,IAAI,MAAA,EAAQ,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAA;IACjC,CAAA,MAAA,IAAW,OAAO,UAAU,QAAA,EAAU;AACpC,MAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAA,EAAG;AAChD,QAAA,IAAI,KAAA,EAAO,OAAA,CAAQ,IAAA,CAAK,GAAG,CAAA;AAC7B,MAAA;AACF,IAAA;AACF,EAAA;AAEA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;ACRO,SAAS,IAA6B,MAAA,EAAsB;AACjE,EAAA,OAAO,CAAC,KAAA,KAA6D;AACnE,IAAA,MAAM,UAAoB,EAAA;AAE1B,IAAA,IAAI,OAAO,IAAA,EAAM;AACf,MAAA,OAAA,CAAQ,IAAA,CAAK,OAAO,IAAI,CAAA;AAC1B,IAAA;AAEA,IAAA,IAAI,OAAO,QAAA,EAAU;AACnB,MAAA,KAAA,MAAW,CAAC,YAAY,cAAc,CAAA,IAAK,OAAO,OAAA,CAAQ,MAAA,CAAO,QAAQ,CAAA,EAAG;AAC1E,QAAA,MAAM,gBACH,KAAA,GAAgD,UAAU,CAAA,IAC3D,MAAA,CAAO,kBAAkB,UAAU,CAAA;AAErC,QAAA,IAAI,iBAAiB,IAAA,EAAM;AACzB,UAAA,MAAM,YAAA,GAAgB,eACpB,aACF,CAAA;AACA,UAAA,IAAI,YAAA,EAAc;AAChB,YAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AAC3B,UAAA;AACF,QAAA;AACF,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,OAAO,gBAAA,EAAkB;AAC3B,MAAA,KAAA,MAAW,QAAA,IAAY,OAAO,gBAAA,EAAkB;AAC9C,QAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAe,GAAG,YAAA,GAAe,QAAA;AAChD,QAAA,IAAI,OAAA,GAAU,IAAA;AAEd,QAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,UAAU,CAAA,EAAG;AACrD,UAAA,MAAM,YACH,KAAA,GAAoC,GAAG,CAAA,IACxC,MAAA,CAAO,kBAAkB,GAAG,CAAA;AAC9B,UAAA,IAAI,cAAc,KAAA,EAAO;AACvB,YAAA,OAAA,GAAU,KAAA;AACV,YAAA;AACF,UAAA;AACF,QAAA;AAEA,QAAA,IAAI,OAAA,EAAS;AACX,UAAA,OAAA,CAAQ,KAAK,aAAuB,CAAA;AACtC,QAAA;AACF,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,OAAO,SAAA,EAAW;AACpB,MAAA,OAAA,CAAQ,IAAA,CAAK,MAAM,SAAS,CAAA;AAC9B,IAAA;AAEA,IAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACzC,EAAA,CAAA;AACF;AC7BA,IAAM,IAAA,uBAAW,GAAA,EAAA;AAyBjB,SAAS,KAAA,GAAiB;AAGxB,EAAA,OACE,OAAO,OAAA,KAAY,WAAA,IACnB,OAAA,CAAQ,KAAK,QAAA,KAAa,YAAA;AAE9B;AAEA,SAAS,IAAA,CACP,KAAA,EACA,IAAA,EACA,OAAA,EACA,MAAA,EACM;AACN,EAAA,IAAI,CAAC,OAAA,EAAS;AAId,EAAA,MAAM,GAAA,GAAM,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA;AAC5B,EAAA,IAAI,IAAA,CAAK,GAAA,CAAI,GAAG,CAAA,EAAG;AACnB,EAAA,IAAA,CAAK,IAAI,GAAG,CAAA;AAEZ,EAAA,MAAM,IAAA,GAAO,CAAA,gBAAA,EAAmB,IAAI,CAAA,EAAA,EAAK,OAAO,CAAA,CAAA;AAEhD,EAEO;AACL,IAAA,OAAA,CAAQ,IAAA,CAAK,IAAA,EAAM,MAAA,IAAU,EAAE,CAAA;AACjC,EAAA;AAgBF;AAWO,SAAS,OAAA,CACd,IAAA,EACA,OAAA,EACA,MAAA,EACM;AACN,EAAA,IAAA,CAAK,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AACpC","file":"chunk-O4453CBF.js","sourcesContent":["/** Merge multiple ARIA prop objects, later values override earlier ones */\nexport function mergeAriaProps(\n ...propSets: Array<Record<string, unknown>>\n): Record<string, unknown> {\n const result: Record<string, unknown> = {}\n for (const props of propSets) {\n for (const [key, value] of Object.entries(props)) {\n if (value !== undefined) {\n result[key] = value\n }\n }\n }\n return result\n}\n\nlet idCounter = 0\n\n/**\n * Generate a unique ID, safe for SSR (deterministic within a render pass).\n * In browsers, uses crypto.randomUUID when available.\n */\nexport function generateId(prefix = 'rfr'): string {\n idCounter++\n return `${prefix}-${idCounter}`\n}\n\n/** Reset the ID counter (useful for tests) */\nexport function resetIdCounter(): void {\n idCounter = 0\n}\n","/** Standard keyboard key constants */\nexport const Keys = {\n Enter: 'Enter',\n Space: ' ',\n Escape: 'Escape',\n Tab: 'Tab',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n Backspace: 'Backspace',\n Delete: 'Delete',\n} as const\n\nexport type KeyboardKey = (typeof Keys)[keyof typeof Keys]\n\n/** Map of key → handler function */\nexport type KeyboardHandlerMap = Partial<\n Record<string, (event: KeyboardEvent) => void>\n>\n\n/** Create a keyboard event handler from a handler map */\nexport function createKeyboardHandler(\n handlers: KeyboardHandlerMap,\n): (event: KeyboardEvent) => void {\n return (event: KeyboardEvent) => {\n const handler = handlers[event.key]\n if (handler) {\n handler(event)\n }\n }\n}\n","/**\n * Minimal state machine — zero dependencies, < 1KB.\n * Inspired by XState concepts but dramatically simpler.\n */\n\nexport interface MachineConfig<TState extends string, TEvent extends string> {\n initial: TState\n states: Record<TState, {\n on?: Partial<Record<TEvent, TState>>\n }>\n}\n\nexport interface Machine<TState extends string, TEvent extends string> {\n /** Current state */\n state: TState\n /** Send an event to transition */\n send(event: TEvent): void\n /** Subscribe to state changes. Returns unsubscribe function. */\n subscribe(fn: (state: TState) => void): () => void\n /** Check if machine is in a given state */\n matches(state: TState): boolean\n}\n\nexport function createMachine<TState extends string, TEvent extends string>(\n config: MachineConfig<TState, TEvent>,\n): Machine<TState, TEvent> {\n let current = config.initial\n const listeners = new Set<(state: TState) => void>()\n\n return {\n get state() {\n return current\n },\n\n send(event: TEvent) {\n const stateConfig = config.states[current]\n const next = stateConfig?.on?.[event]\n if (next && next !== current) {\n current = next\n for (const fn of listeners) {\n fn(current)\n }\n }\n },\n\n subscribe(fn: (state: TState) => void) {\n listeners.add(fn)\n return () => {\n listeners.delete(fn)\n }\n },\n\n matches(state: TState) {\n return current === state\n },\n }\n}\n","/**\n * Lightweight class name utility — our own implementation.\n * Handles conditional classes, arrays, and falsy values.\n * No external dependencies (no clsx, no tailwind-merge).\n *\n * For Tailwind class conflict resolution (e.g., 'p-2 p-4' → 'p-4'),\n * consumers can use @refraction-ui/tailwind-config which provides\n * a tw-merge-aware variant of this function.\n */\n\ntype ClassValue = string | number | boolean | undefined | null | ClassValue[]\ntype ClassRecord = Record<string, boolean | undefined | null>\n\nexport function cn(...inputs: Array<ClassValue | ClassRecord>): string {\n const classes: string[] = []\n\n for (const input of inputs) {\n if (!input) continue\n\n if (typeof input === 'string') {\n classes.push(input)\n } else if (typeof input === 'number') {\n classes.push(String(input))\n } else if (Array.isArray(input)) {\n const nested = cn(...input)\n if (nested) classes.push(nested)\n } else if (typeof input === 'object') {\n for (const [key, value] of Object.entries(input)) {\n if (value) classes.push(key)\n }\n }\n }\n\n return classes.join(' ')\n}\n","/**\n * Lightweight class-variance-authority alternative — zero dependencies.\n * Creates variant-driven class name functions for components.\n */\n\ninterface VariantConfig {\n [variant: string]: Record<string, string>\n}\n\ninterface CVAConfig<V extends VariantConfig> {\n base?: string\n variants?: V\n defaultVariants?: {\n [K in keyof V]?: keyof V[K]\n }\n compoundVariants?: Array<\n {\n [K in keyof V]?: keyof V[K]\n } & { class: string }\n >\n}\n\ntype VariantProps<V extends VariantConfig> = {\n [K in keyof V]?: keyof V[K]\n}\n\nexport function cva<V extends VariantConfig>(config: CVAConfig<V>) {\n return (props?: VariantProps<V> & { className?: string }): string => {\n const classes: string[] = []\n\n if (config.base) {\n classes.push(config.base)\n }\n\n if (config.variants) {\n for (const [variantKey, variantOptions] of Object.entries(config.variants)) {\n const selectedValue =\n (props as Record<string, unknown> | undefined)?.[variantKey] ??\n config.defaultVariants?.[variantKey]\n\n if (selectedValue != null) {\n const variantClass = (variantOptions as Record<string, string>)[\n selectedValue as string\n ]\n if (variantClass) {\n classes.push(variantClass)\n }\n }\n }\n }\n\n if (config.compoundVariants) {\n for (const compound of config.compoundVariants) {\n const { class: compoundClass, ...conditions } = compound\n let matches = true\n\n for (const [key, value] of Object.entries(conditions)) {\n const propValue =\n (props as Record<string, unknown>)?.[key] ??\n config.defaultVariants?.[key]\n if (propValue !== value) {\n matches = false\n break\n }\n }\n\n if (matches) {\n classes.push(compoundClass as string)\n }\n }\n }\n\n if (props?.className) {\n classes.push(props.className)\n }\n\n return classes.filter(Boolean).join(' ')\n }\n}\n","/**\n * dev-feedback — zero-dependency `devWarn` / `devError` primitives.\n *\n * Design constraints (epic #247, issue #248):\n * - Guarded by `process.env.NODE_ENV !== 'production'` so production bundlers\n * dead-code-strip every call (the guard is a static string compare that\n * minifiers fold to `false` in prod builds).\n * - Warn-once dedupe per `code` — a footgun is reported once, not on every\n * render.\n * - NO import of `@refraction-ui/logger` (no hard dependency on the telemetry\n * lib). Forwarding to a telemetry sink happens ONLY if the consumer\n * explicitly injects one (dependency inversion, never an import).\n */\n\n/**\n * Minimal structural shape of the record a telemetry sink consumes. This is a\n * deliberate structural mirror of `@refraction-ui/logger`'s `LogRecord` — it is\n * NOT imported, so `@refraction-ui/shared` keeps zero dependency on the\n * telemetry lib. A consumer that wires the real logger sink satisfies this\n * shape structurally.\n */\nexport interface DevFeedbackRecord {\n level: 'warn' | 'error'\n message: string\n timestamp: number\n /** Structured detail — the library-origin envelope lives here. */\n context: Record<string, unknown>\n}\n\n/**\n * The narrow contract a consumer-injected telemetry sink must satisfy. Kept\n * intentionally minimal and structural so the real `TelemetrySink` from\n * `@refraction-ui/logger` is assignable WITHOUT shared importing the logger.\n */\nexport interface DevFeedbackSink {\n /** Receive a single dev-feedback record. Must never throw to the caller. */\n log(record: DevFeedbackRecord): void\n}\n\n/**\n * Minimal ambient view of `process.env` so we can read `NODE_ENV` WITHOUT\n * pulling `@types/node` into this zero-dependency package. Accessed defensively\n * (the `typeof process === 'undefined'` guard) so this is safe in browsers too.\n */\ndeclare const process:\n | { env?: { NODE_ENV?: string } }\n | undefined\n\n/** Per-code dedupe set — module-scoped so it survives across calls. */\nconst seen = new Set<string>()\n\n/**\n * Optional, consumer-injected sink. `null` until a consumer explicitly wires\n * one via {@link setDevFeedbackSink}. Nothing phones home implicitly.\n */\nlet injectedSink: DevFeedbackSink | null = null\n\n/**\n * Wire an optional telemetry sink that {@link devWarn} / {@link devError}\n * forward to (in addition to the console). Inversion of control: the consumer\n * owns the sink; this package never imports it. Pass `null` to unwire.\n *\n * Forwarding still only happens in non-production (the calls themselves are\n * stripped in prod), and still respects warn-once dedupe.\n */\nexport function setDevFeedbackSink(sink: DevFeedbackSink | null): void {\n injectedSink = sink\n}\n\n/** Test-only / consumer-only escape hatch to reset warn-once dedupe state. */\nexport function resetDevFeedback(): void {\n seen.clear()\n}\n\nfunction isDev(): boolean {\n // String compare (not a negated truthiness) so bundlers can statically fold\n // `process.env.NODE_ENV` and strip the whole branch in production builds.\n return (\n typeof process === 'undefined' ||\n process.env?.NODE_ENV !== 'production'\n )\n}\n\nfunction emit(\n level: 'warn' | 'error',\n code: string,\n message: string,\n detail?: Record<string, unknown>,\n): void {\n if (!isDev()) return\n\n // Warn-once dedupe, keyed by (level, code) so an error and a warning sharing\n // a code are not collapsed into one.\n const key = `${level}:${code}`\n if (seen.has(key)) return\n seen.add(key)\n\n const text = `[refraction-ui] ${code}: ${message}`\n\n if (level === 'error') {\n console.error(text, detail ?? '')\n } else {\n console.warn(text, detail ?? '')\n }\n\n // Forward to the consumer-injected sink ONLY if one was explicitly wired.\n if (injectedSink) {\n const record: DevFeedbackRecord = {\n level,\n message: `${code}: ${message}`,\n timestamp: Date.now(),\n context: { code, ...(detail ?? {}) },\n }\n try {\n injectedSink.log(record)\n } catch {\n // A broken sink must never break the consumer app.\n }\n }\n}\n\n/**\n * Emit a development-only warning for a refraction-ui footgun.\n *\n * @param code Stable, greppable identifier (e.g. `'react/no-controlled-prop'`).\n * @param message Human-readable explanation.\n * @param detail Optional structured detail (forwarded to an injected sink).\n *\n * Stripped entirely in production. Warned at most once per `code`.\n */\nexport function devWarn(\n code: string,\n message: string,\n detail?: Record<string, unknown>,\n): void {\n emit('warn', code, message, detail)\n}\n\n/**\n * Emit a development-only error for a refraction-ui misuse / invariant break.\n *\n * @param code Stable, greppable identifier.\n * @param message Human-readable explanation.\n * @param detail Optional structured detail (forwarded to an injected sink).\n *\n * Stripped entirely in production. Reported at most once per `code`.\n */\nexport function devError(\n code: string,\n message: string,\n detail?: Record<string, unknown>,\n): void {\n emit('error', code, message, detail)\n}\n"]}
@@ -0,0 +1,76 @@
1
+ // ../logger/dist/chunk-57LG5ZUS.js
2
+ var FARO_LEVEL = {
3
+ debug: "debug",
4
+ info: "info",
5
+ warn: "warn",
6
+ error: "error",
7
+ fatal: "error"
8
+ };
9
+ async function createFaroSink(opts) {
10
+ const transport = opts.transport ?? await loadFaroTransport(opts);
11
+ if (!transport) return null;
12
+ return {
13
+ name: "faro",
14
+ log(record) {
15
+ transport.push({ kind: "log", record });
16
+ },
17
+ span(record) {
18
+ transport.push({ kind: "span", record });
19
+ },
20
+ async flush() {
21
+ }
22
+ };
23
+ }
24
+ async function loadFaroTransport(opts) {
25
+ try {
26
+ const sdkName = "@grafana/faro-web-sdk";
27
+ const tracingName = "@grafana/faro-web-tracing";
28
+ const sdk = await import(
29
+ /* @vite-ignore */
30
+ sdkName
31
+ );
32
+ const tracing = await import(
33
+ /* @vite-ignore */
34
+ tracingName
35
+ );
36
+ const faro = sdk.initializeFaro({
37
+ url: opts.endpoint,
38
+ app: { name: opts.app },
39
+ instrumentations: [
40
+ ...sdk.getWebInstrumentations(),
41
+ new tracing.TracingInstrumentation()
42
+ ]
43
+ });
44
+ return {
45
+ push({ kind, record }) {
46
+ if (kind === "log") {
47
+ const r = record;
48
+ faro.api.pushLog([r.message], {
49
+ level: FARO_LEVEL[r.level],
50
+ context: flatten(r.context)
51
+ });
52
+ } else {
53
+ const r = record;
54
+ faro.api.pushEvent(`span:${r.name}`, {
55
+ durationMs: String(r.durationMs),
56
+ status: r.status,
57
+ ...flatten(r.context)
58
+ });
59
+ }
60
+ }
61
+ };
62
+ } catch {
63
+ return null;
64
+ }
65
+ }
66
+ function flatten(ctx) {
67
+ const out = {};
68
+ for (const [k, v] of Object.entries(ctx)) {
69
+ out[k] = typeof v === "string" ? v : JSON.stringify(v);
70
+ }
71
+ return out;
72
+ }
73
+
74
+ export { createFaroSink };
75
+ //# sourceMappingURL=chunk-XWP763SH.js.map
76
+ //# sourceMappingURL=chunk-XWP763SH.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../logger/src/faro-engine.ts"],"names":[],"mappings":";AA4BA,IAAM,UAAA,GAAuC;EAC3C,KAAA,EAAO,OAAA;EACP,IAAA,EAAM,MAAA;EACN,IAAA,EAAM,MAAA;EACN,KAAA,EAAO,OAAA;EACP,KAAA,EAAO;AACT,CAAA;AAOA,eAAsB,eACpB,IAAA,EAC+B;AAC/B,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,SAAA,IAAc,MAAM,kBAAkB,IAAI,CAAA;AACjE,EAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AAEvB,EAAA,OAAO;IACL,IAAA,EAAM,MAAA;AAEN,IAAA,GAAA,CAAI,MAAA,EAAyB;AAC3B,MAAA,SAAA,CAAU,IAAA,CAAK,EAAE,IAAA,EAAM,KAAA,EAAO,QAAQ,CAAA;AACxC,IAAA,CAAA;AAEA,IAAA,IAAA,CAAK,MAAA,EAA0B;AAC7B,MAAA,SAAA,CAAU,IAAA,CAAK,EAAE,IAAA,EAAM,MAAA,EAAQ,QAAQ,CAAA;AACzC,IAAA,CAAA;AAEA,IAAA,MAAM,KAAA,GAAuB;AAG7B,IAAA;AAAA,GAAA;AAEJ;AAMA,eAAe,kBACb,IAAA,EAC+B;AAC/B,EAAA,IAAI;AAEF,IAAA,MAAM,OAAA,GAAU,uBAAA;AAChB,IAAA,MAAM,WAAA,GAAc,2BAAA;AACpB,IAAA,MAAM,MAAO,MAAM;;AAA0B,MAAA;;AAI7C,IAAA,MAAM,UAAW,MAAM;;AAA0B,MAAA;;AAIjD,IAAA,MAAM,IAAA,GAAO,IAAI,cAAA,CAAe;AAC9B,MAAA,GAAA,EAAK,IAAA,CAAK,QAAA;MACV,GAAA,EAAK,EAAE,IAAA,EAAM,IAAA,CAAK,GAAA,EAAA;MAClB,gBAAA,EAAkB;AAChB,QAAA,GAAG,IAAI,sBAAA,EAAA;AACP,QAAA,IAAI,QAAQ,sBAAA;AAAuB;KAEtC,CAAA;AAOD,IAAA,OAAO;MACL,IAAA,CAAK,EAAE,IAAA,EAAM,MAAA,EAAA,EAAgB;AAC3B,QAAA,IAAI,SAAS,KAAA,EAAO;AAClB,UAAA,MAAM,CAAA,GAAI,MAAA;AACV,UAAA,IAAA,CAAK,GAAA,CAAI,OAAA,CAAQ,CAAC,CAAA,CAAE,OAAO,CAAA,EAAG;YAC5B,KAAA,EAAO,UAAA,CAAW,EAAE,KAAK,CAAA;YACzB,OAAA,EAAS,OAAA,CAAQ,EAAE,OAAO;WAC3B,CAAA;QACH,CAAA,MAAO;AACL,UAAA,MAAM,CAAA,GAAI,MAAA;AACV,UAAA,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,CAAA,KAAA,EAAQ,CAAA,CAAE,IAAI,CAAA,CAAA,EAAI;YACnC,UAAA,EAAY,MAAA,CAAO,EAAE,UAAU,CAAA;AAC/B,YAAA,MAAA,EAAQ,CAAA,CAAE,MAAA;YACV,GAAG,OAAA,CAAQ,EAAE,OAAO;WACrB,CAAA;AACH,QAAA;AACF,MAAA;AAAA,KAAA;EAEJ,CAAA,CAAA,MAAQ;AAEN,IAAA,OAAO,IAAA;AACT,EAAA;AACF;AAGA,SAAS,QAAQ,GAAA,EAAsD;AACrE,EAAA,MAAM,MAA8B,EAAA;AACpC,EAAA,KAAA,MAAW,CAAC,CAAA,EAAG,CAAC,KAAK,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAA,EAAG;AACxC,IAAA,GAAA,CAAI,CAAC,IAAI,OAAO,CAAA,KAAM,WAAW,CAAA,GAAI,IAAA,CAAK,UAAU,CAAC,CAAA;AACvD,EAAA;AACA,EAAA,OAAO,GAAA;AACT","file":"chunk-XWP763SH.js","sourcesContent":["import type { LogLevel, LogRecord, SpanRecord, TelemetrySink } from './types.js'\n\n/**\n * Faro-backed engine. `@grafana/faro-web-sdk` + `@grafana/faro-web-tracing`\n * are **optional peerDependencies** — they are loaded dynamically and never\n * referenced in this module's public types. If the peers are absent the\n * factory resolves to `null` so the caller can fall back to console.\n *\n * For tests, a `transport` may be injected: an object with a `push(payload)`\n * method. This bypasses Faro entirely (no network, no peer required).\n */\n\n/** Minimal structural shape of a Faro-ish transport. Not exported. */\ninterface FaroTransport {\n push(payload: { kind: 'log' | 'span'; record: LogRecord | SpanRecord }): void\n}\n\nexport interface FaroEngineOptions {\n app: string\n endpoint: string\n /**\n * Test/override transport. When provided, the Faro peers are NOT loaded\n * and records are forwarded straight to `transport.push`.\n */\n transport?: FaroTransport\n}\n\n/** Map our levels onto Faro's log-level strings. */\nconst FARO_LEVEL: Record<LogLevel, string> = {\n debug: 'debug',\n info: 'info',\n warn: 'warn',\n error: 'error',\n fatal: 'error',\n}\n\n/**\n * Construct the Faro engine. Returns `null` when the optional peers are not\n * installed and no override transport was supplied — callers treat `null` as\n * \"fall back to console\".\n */\nexport async function createFaroSink(\n opts: FaroEngineOptions,\n): Promise<TelemetrySink | null> {\n const transport = opts.transport ?? (await loadFaroTransport(opts))\n if (!transport) return null\n\n return {\n name: 'faro',\n\n log(record: LogRecord): void {\n transport.push({ kind: 'log', record })\n },\n\n span(record: SpanRecord): void {\n transport.push({ kind: 'span', record })\n },\n\n async flush(): Promise<void> {\n // Faro's own transports flush on their schedule / on beacon; the\n // manager drives page-exit beacon flushing. Nothing buffered here.\n },\n }\n}\n\n/**\n * Dynamically import the Faro peers and adapt them to {@link FaroTransport}.\n * Returns `null` if either peer is missing (optional peerDependency absent).\n */\nasync function loadFaroTransport(\n opts: FaroEngineOptions,\n): Promise<FaroTransport | null> {\n try {\n // Indirected so bundlers keep these as runtime-optional dynamic imports.\n const sdkName = '@grafana/faro-web-sdk'\n const tracingName = '@grafana/faro-web-tracing'\n const sdk = (await import(/* @vite-ignore */ sdkName)) as {\n initializeFaro: (cfg: unknown) => unknown\n getWebInstrumentations: () => unknown[]\n }\n const tracing = (await import(/* @vite-ignore */ tracingName)) as {\n TracingInstrumentation: new () => unknown\n }\n\n const faro = sdk.initializeFaro({\n url: opts.endpoint,\n app: { name: opts.app },\n instrumentations: [\n ...sdk.getWebInstrumentations(),\n new tracing.TracingInstrumentation(),\n ],\n }) as {\n api: {\n pushLog: (msgs: unknown[], opts?: unknown) => void\n pushEvent: (name: string, attrs?: Record<string, unknown>) => void\n }\n }\n\n return {\n push({ kind, record }): void {\n if (kind === 'log') {\n const r = record as LogRecord\n faro.api.pushLog([r.message], {\n level: FARO_LEVEL[r.level],\n context: flatten(r.context),\n })\n } else {\n const r = record as SpanRecord\n faro.api.pushEvent(`span:${r.name}`, {\n durationMs: String(r.durationMs),\n status: r.status,\n ...flatten(r.context),\n })\n }\n },\n }\n } catch {\n // Peer not installed (optional) or init failed — caller falls back.\n return null\n }\n}\n\n/** Faro context attributes are flat string maps; coerce ours to match. */\nfunction flatten(ctx: Record<string, unknown>): Record<string, string> {\n const out: Record<string, string> = {}\n for (const [k, v] of Object.entries(ctx)) {\n out[k] = typeof v === 'string' ? v : JSON.stringify(v)\n }\n return out\n}\n"]}
@@ -0,0 +1,3 @@
1
+ export { createFaroSink } from './chunk-XWP763SH.js';
2
+ //# sourceMappingURL=faro-engine-47HGRAQH-JKINJPMH.js.map
3
+ //# sourceMappingURL=faro-engine-47HGRAQH-JKINJPMH.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"faro-engine-47HGRAQH-JKINJPMH.js"}
package/dist/form.cjs CHANGED
@@ -85,6 +85,23 @@ function cva(config) {
85
85
  return classes.filter(Boolean).join(" ");
86
86
  };
87
87
  }
88
+ var seen = /* @__PURE__ */ new Set();
89
+ function isDev() {
90
+ return typeof process === "undefined" || process.env?.NODE_ENV !== "production";
91
+ }
92
+ function emit(level, code, message, detail) {
93
+ if (!isDev()) return;
94
+ const key = `${level}:${code}`;
95
+ if (seen.has(key)) return;
96
+ seen.add(key);
97
+ const text = `[refraction-ui] ${code}: ${message}`;
98
+ {
99
+ console.warn(text, "");
100
+ }
101
+ }
102
+ function devWarn(code, message, detail) {
103
+ emit("warn", code, message);
104
+ }
88
105
  var Slot = React2__namespace.forwardRef(function Slot2(props, forwardedRef) {
89
106
  const { children, ...slotProps } = props;
90
107
  if (!React2__namespace.isValidElement(children)) {
@@ -158,9 +175,17 @@ function useFormField() {
158
175
  exact: true
159
176
  });
160
177
  if (!fieldContext) {
178
+ devWarn(
179
+ "react-form/use-form-field-outside-form-field",
180
+ "useFormField (via FormLabel/FormControl/FormDescription/FormMessage) must be used inside a <FormField>. The missing FormFieldContext makes this throw."
181
+ );
161
182
  throw new Error("useFormField must be used within a <FormField>");
162
183
  }
163
184
  if (!itemContext) {
185
+ devWarn(
186
+ "react-form/use-form-field-outside-form-item",
187
+ "useFormField (via FormLabel/FormControl/FormDescription/FormMessage) must be used inside a <FormItem>. The missing FormItemContext makes this throw."
188
+ );
164
189
  throw new Error("useFormField must be used within a <FormItem>");
165
190
  }
166
191
  const { id } = itemContext;
package/dist/form.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../shared/src/cn.ts","../../shared/src/cva.ts","../../react-form/src/slot.tsx","../../react-form/src/form.tsx"],"names":["React2","Slot","FormProvider","Controller","useFormContext","useFormState","jsx"],"mappings":"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","file":"form.cjs","sourcesContent":["/**\n * Lightweight class name utility — our own implementation.\n * Handles conditional classes, arrays, and falsy values.\n * No external dependencies (no clsx, no tailwind-merge).\n *\n * For Tailwind class conflict resolution (e.g., 'p-2 p-4' → 'p-4'),\n * consumers can use @refraction-ui/tailwind-config which provides\n * a tw-merge-aware variant of this function.\n */\n\ntype ClassValue = string | number | boolean | undefined | null | ClassValue[]\ntype ClassRecord = Record<string, boolean | undefined | null>\n\nexport function cn(...inputs: Array<ClassValue | ClassRecord>): string {\n const classes: string[] = []\n\n for (const input of inputs) {\n if (!input) continue\n\n if (typeof input === 'string') {\n classes.push(input)\n } else if (typeof input === 'number') {\n classes.push(String(input))\n } else if (Array.isArray(input)) {\n const nested = cn(...input)\n if (nested) classes.push(nested)\n } else if (typeof input === 'object') {\n for (const [key, value] of Object.entries(input)) {\n if (value) classes.push(key)\n }\n }\n }\n\n return classes.join(' ')\n}\n","/**\n * Lightweight class-variance-authority alternative — zero dependencies.\n * Creates variant-driven class name functions for components.\n */\n\ninterface VariantConfig {\n [variant: string]: Record<string, string>\n}\n\ninterface CVAConfig<V extends VariantConfig> {\n base?: string\n variants?: V\n defaultVariants?: {\n [K in keyof V]?: keyof V[K]\n }\n compoundVariants?: Array<\n {\n [K in keyof V]?: keyof V[K]\n } & { class: string }\n >\n}\n\ntype VariantProps<V extends VariantConfig> = {\n [K in keyof V]?: keyof V[K]\n}\n\nexport function cva<V extends VariantConfig>(config: CVAConfig<V>) {\n return (props?: VariantProps<V> & { className?: string }): string => {\n const classes: string[] = []\n\n if (config.base) {\n classes.push(config.base)\n }\n\n if (config.variants) {\n for (const [variantKey, variantOptions] of Object.entries(config.variants)) {\n const selectedValue =\n (props as Record<string, unknown> | undefined)?.[variantKey] ??\n config.defaultVariants?.[variantKey]\n\n if (selectedValue != null) {\n const variantClass = (variantOptions as Record<string, string>)[\n selectedValue as string\n ]\n if (variantClass) {\n classes.push(variantClass)\n }\n }\n }\n }\n\n if (config.compoundVariants) {\n for (const compound of config.compoundVariants) {\n const { class: compoundClass, ...conditions } = compound\n let matches = true\n\n for (const [key, value] of Object.entries(conditions)) {\n const propValue =\n (props as Record<string, unknown>)?.[key] ??\n config.defaultVariants?.[key]\n if (propValue !== value) {\n matches = false\n break\n }\n }\n\n if (matches) {\n classes.push(compoundClass as string)\n }\n }\n }\n\n if (props?.className) {\n classes.push(props.className)\n }\n\n return classes.filter(Boolean).join(' ')\n }\n}\n","import * as React from 'react'\n\n/**\n * Minimal Slot implementation.\n *\n * Why not @radix-ui/react-slot? Per package policy, no external runtime deps\n * are allowed in @refraction-ui/* packages. This Slot does the small amount\n * of work we actually need:\n * - Forwards a single React child\n * - Merges incoming props onto that child (event handlers are chained,\n * className is concatenated, style is shallow-merged)\n * - Merges refs (callback refs and ref objects)\n *\n * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild\n * recursion. FormControl renders exactly one child input/textarea/etc., which\n * is all we need here.\n */\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps>(function Slot(\n props,\n forwardedRef,\n) {\n const { children, ...slotProps } = props\n\n if (!React.isValidElement(children)) {\n return null\n }\n\n // The child element's existing props\n const childProps = (children.props ?? {}) as Record<string, unknown>\n\n const mergedProps = mergeProps(slotProps as Record<string, unknown>, childProps)\n\n // Forward + merge refs. In React 19 `ref` is a regular prop on `props`; in\n // React 18 it's hoisted onto the element. Prefer the prop and only fall back\n // to the element field if `props.ref` truly wasn't there — that fallback path\n // is React 18 only.\n let childRef: React.Ref<unknown> | undefined = childProps.ref as\n | React.Ref<unknown>\n | undefined\n if (childRef === undefined && !('ref' in (childProps as object))) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n childRef = (children as any).ref as React.Ref<unknown> | undefined\n }\n const mergedRef = composeRefs(forwardedRef as React.Ref<unknown>, childRef)\n\n return React.cloneElement(\n children as React.ReactElement,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n { ...mergedProps, ref: mergedRef } as any,\n )\n})\n\nSlot.displayName = 'Slot'\n\nfunction mergeProps(\n slotProps: Record<string, unknown>,\n childProps: Record<string, unknown>,\n): Record<string, unknown> {\n const merged: Record<string, unknown> = { ...slotProps }\n\n for (const key of Object.keys(childProps)) {\n const slotValue = slotProps[key]\n const childValue = childProps[key]\n\n // Chain event handlers: child's handler runs after slot's\n if (/^on[A-Z]/.test(key) && typeof slotValue === 'function' && typeof childValue === 'function') {\n merged[key] = (...args: unknown[]) => {\n const child = childValue as (...a: unknown[]) => unknown\n const slot = slotValue as (...a: unknown[]) => unknown\n child(...args)\n slot(...args)\n }\n } else if (key === 'className') {\n merged[key] = [slotValue, childValue].filter(Boolean).join(' ')\n } else if (key === 'style') {\n merged[key] = { ...(slotValue as object), ...(childValue as object) }\n } else if (childValue !== undefined) {\n // Child wins for non-event, non-merged props\n merged[key] = childValue\n }\n }\n\n return merged\n}\n\ntype PossibleRef<T> = React.Ref<T> | undefined\n\nfunction composeRefs<T>(...refs: Array<PossibleRef<T>>): React.RefCallback<T> {\n return (node: T) => {\n for (const ref of refs) {\n if (typeof ref === 'function') {\n ref(node)\n } else if (ref != null) {\n const objectRef = ref as React.MutableRefObject<T | null>\n objectRef.current = node\n }\n }\n }\n}\n","import * as React from 'react'\nimport {\n Controller,\n FormProvider,\n useFormContext,\n useFormState,\n type ControllerProps,\n type FieldPath,\n type FieldValues,\n} from 'react-hook-form'\nimport { cn, cva } from '@refraction-ui/shared'\nimport { Slot } from './slot.js'\n\n/**\n * Form — RHF FormProvider wrapper.\n *\n * Spread the result of `useForm()` into <Form> so descendants can read the\n * form state via context. Renders no DOM of its own; consumers can place a\n * <form onSubmit={form.handleSubmit(...)}> inside.\n */\nconst Form = FormProvider\n\n// -----------------------------------------------------------------------------\n// Field context — bridges <FormField> and the inner Form* primitives.\n// -----------------------------------------------------------------------------\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | undefined>(\n undefined,\n)\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue | undefined>(\n undefined,\n)\n\n/**\n * FormField — connects a named field to RHF's Controller and provides\n * field-name context to the descendants (FormLabel, FormControl, FormMessage).\n */\nfunction FormField<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(props: ControllerProps<TFieldValues, TName>) {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n )\n}\n\n/**\n * useFormField — read-only access to the current field context.\n *\n * Returns the per-field id collection plus the live RHF error state. Useful\n * when building custom form controls that want the same wiring as FormControl.\n */\nfunction useFormField() {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const formContext = useFormContext()\n // useFormState subscribes to the specific field's error state, which keeps\n // re-renders narrow and works correctly with RHF v7 lazy subscriptions.\n const { errors } = useFormState({\n control: formContext?.control,\n name: fieldContext?.name as never,\n exact: true,\n })\n\n if (!fieldContext) {\n throw new Error('useFormField must be used within a <FormField>')\n }\n if (!itemContext) {\n throw new Error('useFormField must be used within a <FormItem>')\n }\n\n const { id } = itemContext\n const error = getNestedError(errors, fieldContext.name)\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n error,\n invalid: Boolean(error),\n }\n}\n\n// Walks a dot/bracket path through RHF's errors object. Mirrors the path\n// semantics of FieldPath without pulling in lodash.get.\nfunction getNestedError(\n errors: Record<string, unknown> | undefined,\n name: string,\n): { message?: string; type?: string } | undefined {\n if (!errors) return undefined\n const segments = name.replace(/\\[(\\w+)\\]/g, '.$1').split('.')\n let cursor: unknown = errors\n for (const seg of segments) {\n if (cursor && typeof cursor === 'object' && seg in (cursor as object)) {\n cursor = (cursor as Record<string, unknown>)[seg]\n } else {\n return undefined\n }\n }\n return cursor as { message?: string; type?: string } | undefined\n}\n\n// -----------------------------------------------------------------------------\n// FormItem — emits a stable id used by Label/Control/Description/Message.\n// -----------------------------------------------------------------------------\n\nconst formItemVariants = cva({ base: 'space-y-2' })\n\ninterface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst FormItem = React.forwardRef<HTMLDivElement, FormItemProps>(\n ({ className, ...props }, ref) => {\n const id = React.useId()\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(formItemVariants(), className)} {...props} />\n </FormItemContext.Provider>\n )\n },\n)\nFormItem.displayName = 'FormItem'\n\n// -----------------------------------------------------------------------------\n// FormLabel\n// -----------------------------------------------------------------------------\n\nconst formLabelVariants = cva({\n base: 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n variants: {\n invalid: {\n true: 'text-destructive',\n false: '',\n },\n },\n defaultVariants: {\n invalid: 'false',\n },\n})\n\ninterface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {}\n\nconst FormLabel = React.forwardRef<HTMLLabelElement, FormLabelProps>(\n ({ className, ...props }, ref) => {\n const { invalid, formItemId } = useFormField()\n return (\n <label\n ref={ref}\n htmlFor={formItemId}\n data-invalid={invalid ? '' : undefined}\n className={cn(formLabelVariants({ invalid: invalid ? 'true' : 'false' }), className)}\n {...props}\n />\n )\n },\n)\nFormLabel.displayName = 'FormLabel'\n\n// -----------------------------------------------------------------------------\n// FormControl — Slot that injects id/aria-describedby/aria-invalid.\n// -----------------------------------------------------------------------------\n\ninterface FormControlProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode\n}\n\nconst FormControl = React.forwardRef<HTMLElement, FormControlProps>(\n ({ ...props }, ref) => {\n const { invalid, formItemId, formDescriptionId, formMessageId } =\n useFormField()\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={\n invalid\n ? `${formDescriptionId} ${formMessageId}`\n : formDescriptionId\n }\n aria-invalid={invalid || undefined}\n {...props}\n />\n )\n },\n)\nFormControl.displayName = 'FormControl'\n\n// -----------------------------------------------------------------------------\n// FormDescription\n// -----------------------------------------------------------------------------\n\ninterface FormDescriptionProps\n extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst FormDescription = React.forwardRef<\n HTMLParagraphElement,\n FormDescriptionProps\n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n return (\n <p\n ref={ref}\n id={formDescriptionId}\n className={cn('text-sm text-muted-foreground', className)}\n {...props}\n />\n )\n})\nFormDescription.displayName = 'FormDescription'\n\n// -----------------------------------------------------------------------------\n// FormMessage\n// -----------------------------------------------------------------------------\n\ninterface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, FormMessageProps>(\n ({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error?.message ? String(error.message) : children\n if (!body) return null\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn('text-sm font-medium text-destructive', className)}\n {...props}\n >\n {body}\n </p>\n )\n },\n)\nFormMessage.displayName = 'FormMessage'\n\nexport {\n Form,\n FormControl,\n FormDescription,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n useFormField,\n formItemVariants,\n formLabelVariants,\n}\n\nexport type {\n FormItemProps,\n FormLabelProps,\n FormControlProps,\n FormDescriptionProps,\n FormMessageProps,\n}\n"]}
1
+ {"version":3,"sources":["../../shared/src/cn.ts","../../shared/src/cva.ts","../../shared/src/dev-feedback.ts","../../react-form/src/slot.tsx","../../react-form/src/form.tsx"],"names":["React2","Slot","FormProvider","Controller","useFormContext","useFormState","jsx"],"mappings":"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","file":"form.cjs","sourcesContent":["/**\n * Lightweight class name utility — our own implementation.\n * Handles conditional classes, arrays, and falsy values.\n * No external dependencies (no clsx, no tailwind-merge).\n *\n * For Tailwind class conflict resolution (e.g., 'p-2 p-4' → 'p-4'),\n * consumers can use @refraction-ui/tailwind-config which provides\n * a tw-merge-aware variant of this function.\n */\n\ntype ClassValue = string | number | boolean | undefined | null | ClassValue[]\ntype ClassRecord = Record<string, boolean | undefined | null>\n\nexport function cn(...inputs: Array<ClassValue | ClassRecord>): string {\n const classes: string[] = []\n\n for (const input of inputs) {\n if (!input) continue\n\n if (typeof input === 'string') {\n classes.push(input)\n } else if (typeof input === 'number') {\n classes.push(String(input))\n } else if (Array.isArray(input)) {\n const nested = cn(...input)\n if (nested) classes.push(nested)\n } else if (typeof input === 'object') {\n for (const [key, value] of Object.entries(input)) {\n if (value) classes.push(key)\n }\n }\n }\n\n return classes.join(' ')\n}\n","/**\n * Lightweight class-variance-authority alternative — zero dependencies.\n * Creates variant-driven class name functions for components.\n */\n\ninterface VariantConfig {\n [variant: string]: Record<string, string>\n}\n\ninterface CVAConfig<V extends VariantConfig> {\n base?: string\n variants?: V\n defaultVariants?: {\n [K in keyof V]?: keyof V[K]\n }\n compoundVariants?: Array<\n {\n [K in keyof V]?: keyof V[K]\n } & { class: string }\n >\n}\n\ntype VariantProps<V extends VariantConfig> = {\n [K in keyof V]?: keyof V[K]\n}\n\nexport function cva<V extends VariantConfig>(config: CVAConfig<V>) {\n return (props?: VariantProps<V> & { className?: string }): string => {\n const classes: string[] = []\n\n if (config.base) {\n classes.push(config.base)\n }\n\n if (config.variants) {\n for (const [variantKey, variantOptions] of Object.entries(config.variants)) {\n const selectedValue =\n (props as Record<string, unknown> | undefined)?.[variantKey] ??\n config.defaultVariants?.[variantKey]\n\n if (selectedValue != null) {\n const variantClass = (variantOptions as Record<string, string>)[\n selectedValue as string\n ]\n if (variantClass) {\n classes.push(variantClass)\n }\n }\n }\n }\n\n if (config.compoundVariants) {\n for (const compound of config.compoundVariants) {\n const { class: compoundClass, ...conditions } = compound\n let matches = true\n\n for (const [key, value] of Object.entries(conditions)) {\n const propValue =\n (props as Record<string, unknown>)?.[key] ??\n config.defaultVariants?.[key]\n if (propValue !== value) {\n matches = false\n break\n }\n }\n\n if (matches) {\n classes.push(compoundClass as string)\n }\n }\n }\n\n if (props?.className) {\n classes.push(props.className)\n }\n\n return classes.filter(Boolean).join(' ')\n }\n}\n","/**\n * dev-feedback — zero-dependency `devWarn` / `devError` primitives.\n *\n * Design constraints (epic #247, issue #248):\n * - Guarded by `process.env.NODE_ENV !== 'production'` so production bundlers\n * dead-code-strip every call (the guard is a static string compare that\n * minifiers fold to `false` in prod builds).\n * - Warn-once dedupe per `code` — a footgun is reported once, not on every\n * render.\n * - NO import of `@refraction-ui/logger` (no hard dependency on the telemetry\n * lib). Forwarding to a telemetry sink happens ONLY if the consumer\n * explicitly injects one (dependency inversion, never an import).\n */\n\n/**\n * Minimal structural shape of the record a telemetry sink consumes. This is a\n * deliberate structural mirror of `@refraction-ui/logger`'s `LogRecord` — it is\n * NOT imported, so `@refraction-ui/shared` keeps zero dependency on the\n * telemetry lib. A consumer that wires the real logger sink satisfies this\n * shape structurally.\n */\nexport interface DevFeedbackRecord {\n level: 'warn' | 'error'\n message: string\n timestamp: number\n /** Structured detail — the library-origin envelope lives here. */\n context: Record<string, unknown>\n}\n\n/**\n * The narrow contract a consumer-injected telemetry sink must satisfy. Kept\n * intentionally minimal and structural so the real `TelemetrySink` from\n * `@refraction-ui/logger` is assignable WITHOUT shared importing the logger.\n */\nexport interface DevFeedbackSink {\n /** Receive a single dev-feedback record. Must never throw to the caller. */\n log(record: DevFeedbackRecord): void\n}\n\n/**\n * Minimal ambient view of `process.env` so we can read `NODE_ENV` WITHOUT\n * pulling `@types/node` into this zero-dependency package. Accessed defensively\n * (the `typeof process === 'undefined'` guard) so this is safe in browsers too.\n */\ndeclare const process:\n | { env?: { NODE_ENV?: string } }\n | undefined\n\n/** Per-code dedupe set — module-scoped so it survives across calls. */\nconst seen = new Set<string>()\n\n/**\n * Optional, consumer-injected sink. `null` until a consumer explicitly wires\n * one via {@link setDevFeedbackSink}. Nothing phones home implicitly.\n */\nlet injectedSink: DevFeedbackSink | null = null\n\n/**\n * Wire an optional telemetry sink that {@link devWarn} / {@link devError}\n * forward to (in addition to the console). Inversion of control: the consumer\n * owns the sink; this package never imports it. Pass `null` to unwire.\n *\n * Forwarding still only happens in non-production (the calls themselves are\n * stripped in prod), and still respects warn-once dedupe.\n */\nexport function setDevFeedbackSink(sink: DevFeedbackSink | null): void {\n injectedSink = sink\n}\n\n/** Test-only / consumer-only escape hatch to reset warn-once dedupe state. */\nexport function resetDevFeedback(): void {\n seen.clear()\n}\n\nfunction isDev(): boolean {\n // String compare (not a negated truthiness) so bundlers can statically fold\n // `process.env.NODE_ENV` and strip the whole branch in production builds.\n return (\n typeof process === 'undefined' ||\n process.env?.NODE_ENV !== 'production'\n )\n}\n\nfunction emit(\n level: 'warn' | 'error',\n code: string,\n message: string,\n detail?: Record<string, unknown>,\n): void {\n if (!isDev()) return\n\n // Warn-once dedupe, keyed by (level, code) so an error and a warning sharing\n // a code are not collapsed into one.\n const key = `${level}:${code}`\n if (seen.has(key)) return\n seen.add(key)\n\n const text = `[refraction-ui] ${code}: ${message}`\n\n if (level === 'error') {\n console.error(text, detail ?? '')\n } else {\n console.warn(text, detail ?? '')\n }\n\n // Forward to the consumer-injected sink ONLY if one was explicitly wired.\n if (injectedSink) {\n const record: DevFeedbackRecord = {\n level,\n message: `${code}: ${message}`,\n timestamp: Date.now(),\n context: { code, ...(detail ?? {}) },\n }\n try {\n injectedSink.log(record)\n } catch {\n // A broken sink must never break the consumer app.\n }\n }\n}\n\n/**\n * Emit a development-only warning for a refraction-ui footgun.\n *\n * @param code Stable, greppable identifier (e.g. `'react/no-controlled-prop'`).\n * @param message Human-readable explanation.\n * @param detail Optional structured detail (forwarded to an injected sink).\n *\n * Stripped entirely in production. Warned at most once per `code`.\n */\nexport function devWarn(\n code: string,\n message: string,\n detail?: Record<string, unknown>,\n): void {\n emit('warn', code, message, detail)\n}\n\n/**\n * Emit a development-only error for a refraction-ui misuse / invariant break.\n *\n * @param code Stable, greppable identifier.\n * @param message Human-readable explanation.\n * @param detail Optional structured detail (forwarded to an injected sink).\n *\n * Stripped entirely in production. Reported at most once per `code`.\n */\nexport function devError(\n code: string,\n message: string,\n detail?: Record<string, unknown>,\n): void {\n emit('error', code, message, detail)\n}\n","import * as React from 'react'\n\n/**\n * Minimal Slot implementation.\n *\n * Why not @radix-ui/react-slot? Per package policy, no external runtime deps\n * are allowed in @refraction-ui/* packages. This Slot does the small amount\n * of work we actually need:\n * - Forwards a single React child\n * - Merges incoming props onto that child (event handlers are chained,\n * className is concatenated, style is shallow-merged)\n * - Merges refs (callback refs and ref objects)\n *\n * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild\n * recursion. FormControl renders exactly one child input/textarea/etc., which\n * is all we need here.\n */\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps>(function Slot(\n props,\n forwardedRef,\n) {\n const { children, ...slotProps } = props\n\n if (!React.isValidElement(children)) {\n return null\n }\n\n // The child element's existing props\n const childProps = (children.props ?? {}) as Record<string, unknown>\n\n const mergedProps = mergeProps(slotProps as Record<string, unknown>, childProps)\n\n // Forward + merge refs. In React 19 `ref` is a regular prop on `props`; in\n // React 18 it's hoisted onto the element. Prefer the prop and only fall back\n // to the element field if `props.ref` truly wasn't there — that fallback path\n // is React 18 only.\n let childRef: React.Ref<unknown> | undefined = childProps.ref as\n | React.Ref<unknown>\n | undefined\n if (childRef === undefined && !('ref' in (childProps as object))) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n childRef = (children as any).ref as React.Ref<unknown> | undefined\n }\n const mergedRef = composeRefs(forwardedRef as React.Ref<unknown>, childRef)\n\n return React.cloneElement(\n children as React.ReactElement,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n { ...mergedProps, ref: mergedRef } as any,\n )\n})\n\nSlot.displayName = 'Slot'\n\nfunction mergeProps(\n slotProps: Record<string, unknown>,\n childProps: Record<string, unknown>,\n): Record<string, unknown> {\n const merged: Record<string, unknown> = { ...slotProps }\n\n for (const key of Object.keys(childProps)) {\n const slotValue = slotProps[key]\n const childValue = childProps[key]\n\n // Chain event handlers: child's handler runs after slot's\n if (/^on[A-Z]/.test(key) && typeof slotValue === 'function' && typeof childValue === 'function') {\n merged[key] = (...args: unknown[]) => {\n const child = childValue as (...a: unknown[]) => unknown\n const slot = slotValue as (...a: unknown[]) => unknown\n child(...args)\n slot(...args)\n }\n } else if (key === 'className') {\n merged[key] = [slotValue, childValue].filter(Boolean).join(' ')\n } else if (key === 'style') {\n merged[key] = { ...(slotValue as object), ...(childValue as object) }\n } else if (childValue !== undefined) {\n // Child wins for non-event, non-merged props\n merged[key] = childValue\n }\n }\n\n return merged\n}\n\ntype PossibleRef<T> = React.Ref<T> | undefined\n\nfunction composeRefs<T>(...refs: Array<PossibleRef<T>>): React.RefCallback<T> {\n return (node: T) => {\n for (const ref of refs) {\n if (typeof ref === 'function') {\n ref(node)\n } else if (ref != null) {\n const objectRef = ref as React.MutableRefObject<T | null>\n objectRef.current = node\n }\n }\n }\n}\n","import * as React from 'react'\nimport {\n Controller,\n FormProvider,\n useFormContext,\n useFormState,\n type ControllerProps,\n type FieldPath,\n type FieldValues,\n} from 'react-hook-form'\nimport { cn, cva, devWarn } from '@refraction-ui/shared'\nimport { Slot } from './slot.js'\n\n/**\n * Form — RHF FormProvider wrapper.\n *\n * Spread the result of `useForm()` into <Form> so descendants can read the\n * form state via context. Renders no DOM of its own; consumers can place a\n * <form onSubmit={form.handleSubmit(...)}> inside.\n */\nconst Form = FormProvider\n\n// -----------------------------------------------------------------------------\n// Field context — bridges <FormField> and the inner Form* primitives.\n// -----------------------------------------------------------------------------\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | undefined>(\n undefined,\n)\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue | undefined>(\n undefined,\n)\n\n/**\n * FormField — connects a named field to RHF's Controller and provides\n * field-name context to the descendants (FormLabel, FormControl, FormMessage).\n */\nfunction FormField<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(props: ControllerProps<TFieldValues, TName>) {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n )\n}\n\n/**\n * useFormField — read-only access to the current field context.\n *\n * Returns the per-field id collection plus the live RHF error state. Useful\n * when building custom form controls that want the same wiring as FormControl.\n */\nfunction useFormField() {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const formContext = useFormContext()\n // useFormState subscribes to the specific field's error state, which keeps\n // re-renders narrow and works correctly with RHF v7 lazy subscriptions.\n const { errors } = useFormState({\n control: formContext?.control,\n name: fieldContext?.name as never,\n exact: true,\n })\n\n if (!fieldContext) {\n devWarn(\n 'react-form/use-form-field-outside-form-field',\n 'useFormField (via FormLabel/FormControl/FormDescription/FormMessage) must be used inside a <FormField>. The missing FormFieldContext makes this throw.',\n )\n throw new Error('useFormField must be used within a <FormField>')\n }\n if (!itemContext) {\n devWarn(\n 'react-form/use-form-field-outside-form-item',\n 'useFormField (via FormLabel/FormControl/FormDescription/FormMessage) must be used inside a <FormItem>. The missing FormItemContext makes this throw.',\n )\n throw new Error('useFormField must be used within a <FormItem>')\n }\n\n const { id } = itemContext\n const error = getNestedError(errors, fieldContext.name)\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n error,\n invalid: Boolean(error),\n }\n}\n\n// Walks a dot/bracket path through RHF's errors object. Mirrors the path\n// semantics of FieldPath without pulling in lodash.get.\nfunction getNestedError(\n errors: Record<string, unknown> | undefined,\n name: string,\n): { message?: string; type?: string } | undefined {\n if (!errors) return undefined\n const segments = name.replace(/\\[(\\w+)\\]/g, '.$1').split('.')\n let cursor: unknown = errors\n for (const seg of segments) {\n if (cursor && typeof cursor === 'object' && seg in (cursor as object)) {\n cursor = (cursor as Record<string, unknown>)[seg]\n } else {\n return undefined\n }\n }\n return cursor as { message?: string; type?: string } | undefined\n}\n\n// -----------------------------------------------------------------------------\n// FormItem — emits a stable id used by Label/Control/Description/Message.\n// -----------------------------------------------------------------------------\n\nconst formItemVariants = cva({ base: 'space-y-2' })\n\ninterface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst FormItem = React.forwardRef<HTMLDivElement, FormItemProps>(\n ({ className, ...props }, ref) => {\n const id = React.useId()\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(formItemVariants(), className)} {...props} />\n </FormItemContext.Provider>\n )\n },\n)\nFormItem.displayName = 'FormItem'\n\n// -----------------------------------------------------------------------------\n// FormLabel\n// -----------------------------------------------------------------------------\n\nconst formLabelVariants = cva({\n base: 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n variants: {\n invalid: {\n true: 'text-destructive',\n false: '',\n },\n },\n defaultVariants: {\n invalid: 'false',\n },\n})\n\ninterface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {}\n\nconst FormLabel = React.forwardRef<HTMLLabelElement, FormLabelProps>(\n ({ className, ...props }, ref) => {\n const { invalid, formItemId } = useFormField()\n return (\n <label\n ref={ref}\n htmlFor={formItemId}\n data-invalid={invalid ? '' : undefined}\n className={cn(formLabelVariants({ invalid: invalid ? 'true' : 'false' }), className)}\n {...props}\n />\n )\n },\n)\nFormLabel.displayName = 'FormLabel'\n\n// -----------------------------------------------------------------------------\n// FormControl — Slot that injects id/aria-describedby/aria-invalid.\n// -----------------------------------------------------------------------------\n\ninterface FormControlProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode\n}\n\nconst FormControl = React.forwardRef<HTMLElement, FormControlProps>(\n ({ ...props }, ref) => {\n const { invalid, formItemId, formDescriptionId, formMessageId } =\n useFormField()\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={\n invalid\n ? `${formDescriptionId} ${formMessageId}`\n : formDescriptionId\n }\n aria-invalid={invalid || undefined}\n {...props}\n />\n )\n },\n)\nFormControl.displayName = 'FormControl'\n\n// -----------------------------------------------------------------------------\n// FormDescription\n// -----------------------------------------------------------------------------\n\ninterface FormDescriptionProps\n extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst FormDescription = React.forwardRef<\n HTMLParagraphElement,\n FormDescriptionProps\n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n return (\n <p\n ref={ref}\n id={formDescriptionId}\n className={cn('text-sm text-muted-foreground', className)}\n {...props}\n />\n )\n})\nFormDescription.displayName = 'FormDescription'\n\n// -----------------------------------------------------------------------------\n// FormMessage\n// -----------------------------------------------------------------------------\n\ninterface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, FormMessageProps>(\n ({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error?.message ? String(error.message) : children\n if (!body) return null\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn('text-sm font-medium text-destructive', className)}\n {...props}\n >\n {body}\n </p>\n )\n },\n)\nFormMessage.displayName = 'FormMessage'\n\nexport {\n Form,\n FormControl,\n FormDescription,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n useFormField,\n formItemVariants,\n formLabelVariants,\n}\n\nexport type {\n FormItemProps,\n FormLabelProps,\n FormControlProps,\n FormDescriptionProps,\n FormMessageProps,\n}\n"]}
package/dist/form.js CHANGED
@@ -1,4 +1,4 @@
1
- import { cva, cn } from './chunk-ZWRGVWUY.js';
1
+ import { cva, cn, devWarn } from './chunk-O4453CBF.js';
2
2
  import * as React2 from 'react';
3
3
  import { useFormContext, useFormState, FormProvider, Controller } from 'react-hook-form';
4
4
  export { Controller, FormProvider, useController, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
@@ -77,9 +77,17 @@ function useFormField() {
77
77
  exact: true
78
78
  });
79
79
  if (!fieldContext) {
80
+ devWarn(
81
+ "react-form/use-form-field-outside-form-field",
82
+ "useFormField (via FormLabel/FormControl/FormDescription/FormMessage) must be used inside a <FormField>. The missing FormFieldContext makes this throw."
83
+ );
80
84
  throw new Error("useFormField must be used within a <FormField>");
81
85
  }
82
86
  if (!itemContext) {
87
+ devWarn(
88
+ "react-form/use-form-field-outside-form-item",
89
+ "useFormField (via FormLabel/FormControl/FormDescription/FormMessage) must be used inside a <FormItem>. The missing FormItemContext makes this throw."
90
+ );
83
91
  throw new Error("useFormField must be used within a <FormItem>");
84
92
  }
85
93
  const { id } = itemContext;
package/dist/form.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../react-form/src/slot.tsx","../../react-form/src/form.tsx"],"names":["Slot"],"mappings":"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","file":"form.js","sourcesContent":["import * as React from 'react'\n\n/**\n * Minimal Slot implementation.\n *\n * Why not @radix-ui/react-slot? Per package policy, no external runtime deps\n * are allowed in @refraction-ui/* packages. This Slot does the small amount\n * of work we actually need:\n * - Forwards a single React child\n * - Merges incoming props onto that child (event handlers are chained,\n * className is concatenated, style is shallow-merged)\n * - Merges refs (callback refs and ref objects)\n *\n * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild\n * recursion. FormControl renders exactly one child input/textarea/etc., which\n * is all we need here.\n */\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps>(function Slot(\n props,\n forwardedRef,\n) {\n const { children, ...slotProps } = props\n\n if (!React.isValidElement(children)) {\n return null\n }\n\n // The child element's existing props\n const childProps = (children.props ?? {}) as Record<string, unknown>\n\n const mergedProps = mergeProps(slotProps as Record<string, unknown>, childProps)\n\n // Forward + merge refs. In React 19 `ref` is a regular prop on `props`; in\n // React 18 it's hoisted onto the element. Prefer the prop and only fall back\n // to the element field if `props.ref` truly wasn't there — that fallback path\n // is React 18 only.\n let childRef: React.Ref<unknown> | undefined = childProps.ref as\n | React.Ref<unknown>\n | undefined\n if (childRef === undefined && !('ref' in (childProps as object))) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n childRef = (children as any).ref as React.Ref<unknown> | undefined\n }\n const mergedRef = composeRefs(forwardedRef as React.Ref<unknown>, childRef)\n\n return React.cloneElement(\n children as React.ReactElement,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n { ...mergedProps, ref: mergedRef } as any,\n )\n})\n\nSlot.displayName = 'Slot'\n\nfunction mergeProps(\n slotProps: Record<string, unknown>,\n childProps: Record<string, unknown>,\n): Record<string, unknown> {\n const merged: Record<string, unknown> = { ...slotProps }\n\n for (const key of Object.keys(childProps)) {\n const slotValue = slotProps[key]\n const childValue = childProps[key]\n\n // Chain event handlers: child's handler runs after slot's\n if (/^on[A-Z]/.test(key) && typeof slotValue === 'function' && typeof childValue === 'function') {\n merged[key] = (...args: unknown[]) => {\n const child = childValue as (...a: unknown[]) => unknown\n const slot = slotValue as (...a: unknown[]) => unknown\n child(...args)\n slot(...args)\n }\n } else if (key === 'className') {\n merged[key] = [slotValue, childValue].filter(Boolean).join(' ')\n } else if (key === 'style') {\n merged[key] = { ...(slotValue as object), ...(childValue as object) }\n } else if (childValue !== undefined) {\n // Child wins for non-event, non-merged props\n merged[key] = childValue\n }\n }\n\n return merged\n}\n\ntype PossibleRef<T> = React.Ref<T> | undefined\n\nfunction composeRefs<T>(...refs: Array<PossibleRef<T>>): React.RefCallback<T> {\n return (node: T) => {\n for (const ref of refs) {\n if (typeof ref === 'function') {\n ref(node)\n } else if (ref != null) {\n const objectRef = ref as React.MutableRefObject<T | null>\n objectRef.current = node\n }\n }\n }\n}\n","import * as React from 'react'\nimport {\n Controller,\n FormProvider,\n useFormContext,\n useFormState,\n type ControllerProps,\n type FieldPath,\n type FieldValues,\n} from 'react-hook-form'\nimport { cn, cva } from '@refraction-ui/shared'\nimport { Slot } from './slot.js'\n\n/**\n * Form — RHF FormProvider wrapper.\n *\n * Spread the result of `useForm()` into <Form> so descendants can read the\n * form state via context. Renders no DOM of its own; consumers can place a\n * <form onSubmit={form.handleSubmit(...)}> inside.\n */\nconst Form = FormProvider\n\n// -----------------------------------------------------------------------------\n// Field context — bridges <FormField> and the inner Form* primitives.\n// -----------------------------------------------------------------------------\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | undefined>(\n undefined,\n)\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue | undefined>(\n undefined,\n)\n\n/**\n * FormField — connects a named field to RHF's Controller and provides\n * field-name context to the descendants (FormLabel, FormControl, FormMessage).\n */\nfunction FormField<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(props: ControllerProps<TFieldValues, TName>) {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n )\n}\n\n/**\n * useFormField — read-only access to the current field context.\n *\n * Returns the per-field id collection plus the live RHF error state. Useful\n * when building custom form controls that want the same wiring as FormControl.\n */\nfunction useFormField() {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const formContext = useFormContext()\n // useFormState subscribes to the specific field's error state, which keeps\n // re-renders narrow and works correctly with RHF v7 lazy subscriptions.\n const { errors } = useFormState({\n control: formContext?.control,\n name: fieldContext?.name as never,\n exact: true,\n })\n\n if (!fieldContext) {\n throw new Error('useFormField must be used within a <FormField>')\n }\n if (!itemContext) {\n throw new Error('useFormField must be used within a <FormItem>')\n }\n\n const { id } = itemContext\n const error = getNestedError(errors, fieldContext.name)\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n error,\n invalid: Boolean(error),\n }\n}\n\n// Walks a dot/bracket path through RHF's errors object. Mirrors the path\n// semantics of FieldPath without pulling in lodash.get.\nfunction getNestedError(\n errors: Record<string, unknown> | undefined,\n name: string,\n): { message?: string; type?: string } | undefined {\n if (!errors) return undefined\n const segments = name.replace(/\\[(\\w+)\\]/g, '.$1').split('.')\n let cursor: unknown = errors\n for (const seg of segments) {\n if (cursor && typeof cursor === 'object' && seg in (cursor as object)) {\n cursor = (cursor as Record<string, unknown>)[seg]\n } else {\n return undefined\n }\n }\n return cursor as { message?: string; type?: string } | undefined\n}\n\n// -----------------------------------------------------------------------------\n// FormItem — emits a stable id used by Label/Control/Description/Message.\n// -----------------------------------------------------------------------------\n\nconst formItemVariants = cva({ base: 'space-y-2' })\n\ninterface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst FormItem = React.forwardRef<HTMLDivElement, FormItemProps>(\n ({ className, ...props }, ref) => {\n const id = React.useId()\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(formItemVariants(), className)} {...props} />\n </FormItemContext.Provider>\n )\n },\n)\nFormItem.displayName = 'FormItem'\n\n// -----------------------------------------------------------------------------\n// FormLabel\n// -----------------------------------------------------------------------------\n\nconst formLabelVariants = cva({\n base: 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n variants: {\n invalid: {\n true: 'text-destructive',\n false: '',\n },\n },\n defaultVariants: {\n invalid: 'false',\n },\n})\n\ninterface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {}\n\nconst FormLabel = React.forwardRef<HTMLLabelElement, FormLabelProps>(\n ({ className, ...props }, ref) => {\n const { invalid, formItemId } = useFormField()\n return (\n <label\n ref={ref}\n htmlFor={formItemId}\n data-invalid={invalid ? '' : undefined}\n className={cn(formLabelVariants({ invalid: invalid ? 'true' : 'false' }), className)}\n {...props}\n />\n )\n },\n)\nFormLabel.displayName = 'FormLabel'\n\n// -----------------------------------------------------------------------------\n// FormControl — Slot that injects id/aria-describedby/aria-invalid.\n// -----------------------------------------------------------------------------\n\ninterface FormControlProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode\n}\n\nconst FormControl = React.forwardRef<HTMLElement, FormControlProps>(\n ({ ...props }, ref) => {\n const { invalid, formItemId, formDescriptionId, formMessageId } =\n useFormField()\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={\n invalid\n ? `${formDescriptionId} ${formMessageId}`\n : formDescriptionId\n }\n aria-invalid={invalid || undefined}\n {...props}\n />\n )\n },\n)\nFormControl.displayName = 'FormControl'\n\n// -----------------------------------------------------------------------------\n// FormDescription\n// -----------------------------------------------------------------------------\n\ninterface FormDescriptionProps\n extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst FormDescription = React.forwardRef<\n HTMLParagraphElement,\n FormDescriptionProps\n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n return (\n <p\n ref={ref}\n id={formDescriptionId}\n className={cn('text-sm text-muted-foreground', className)}\n {...props}\n />\n )\n})\nFormDescription.displayName = 'FormDescription'\n\n// -----------------------------------------------------------------------------\n// FormMessage\n// -----------------------------------------------------------------------------\n\ninterface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, FormMessageProps>(\n ({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error?.message ? String(error.message) : children\n if (!body) return null\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn('text-sm font-medium text-destructive', className)}\n {...props}\n >\n {body}\n </p>\n )\n },\n)\nFormMessage.displayName = 'FormMessage'\n\nexport {\n Form,\n FormControl,\n FormDescription,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n useFormField,\n formItemVariants,\n formLabelVariants,\n}\n\nexport type {\n FormItemProps,\n FormLabelProps,\n FormControlProps,\n FormDescriptionProps,\n FormMessageProps,\n}\n"]}
1
+ {"version":3,"sources":["../../react-form/src/slot.tsx","../../react-form/src/form.tsx"],"names":["Slot"],"mappings":"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","file":"form.js","sourcesContent":["import * as React from 'react'\n\n/**\n * Minimal Slot implementation.\n *\n * Why not @radix-ui/react-slot? Per package policy, no external runtime deps\n * are allowed in @refraction-ui/* packages. This Slot does the small amount\n * of work we actually need:\n * - Forwards a single React child\n * - Merges incoming props onto that child (event handlers are chained,\n * className is concatenated, style is shallow-merged)\n * - Merges refs (callback refs and ref objects)\n *\n * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild\n * recursion. FormControl renders exactly one child input/textarea/etc., which\n * is all we need here.\n */\nexport interface SlotProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps>(function Slot(\n props,\n forwardedRef,\n) {\n const { children, ...slotProps } = props\n\n if (!React.isValidElement(children)) {\n return null\n }\n\n // The child element's existing props\n const childProps = (children.props ?? {}) as Record<string, unknown>\n\n const mergedProps = mergeProps(slotProps as Record<string, unknown>, childProps)\n\n // Forward + merge refs. In React 19 `ref` is a regular prop on `props`; in\n // React 18 it's hoisted onto the element. Prefer the prop and only fall back\n // to the element field if `props.ref` truly wasn't there — that fallback path\n // is React 18 only.\n let childRef: React.Ref<unknown> | undefined = childProps.ref as\n | React.Ref<unknown>\n | undefined\n if (childRef === undefined && !('ref' in (childProps as object))) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n childRef = (children as any).ref as React.Ref<unknown> | undefined\n }\n const mergedRef = composeRefs(forwardedRef as React.Ref<unknown>, childRef)\n\n return React.cloneElement(\n children as React.ReactElement,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n { ...mergedProps, ref: mergedRef } as any,\n )\n})\n\nSlot.displayName = 'Slot'\n\nfunction mergeProps(\n slotProps: Record<string, unknown>,\n childProps: Record<string, unknown>,\n): Record<string, unknown> {\n const merged: Record<string, unknown> = { ...slotProps }\n\n for (const key of Object.keys(childProps)) {\n const slotValue = slotProps[key]\n const childValue = childProps[key]\n\n // Chain event handlers: child's handler runs after slot's\n if (/^on[A-Z]/.test(key) && typeof slotValue === 'function' && typeof childValue === 'function') {\n merged[key] = (...args: unknown[]) => {\n const child = childValue as (...a: unknown[]) => unknown\n const slot = slotValue as (...a: unknown[]) => unknown\n child(...args)\n slot(...args)\n }\n } else if (key === 'className') {\n merged[key] = [slotValue, childValue].filter(Boolean).join(' ')\n } else if (key === 'style') {\n merged[key] = { ...(slotValue as object), ...(childValue as object) }\n } else if (childValue !== undefined) {\n // Child wins for non-event, non-merged props\n merged[key] = childValue\n }\n }\n\n return merged\n}\n\ntype PossibleRef<T> = React.Ref<T> | undefined\n\nfunction composeRefs<T>(...refs: Array<PossibleRef<T>>): React.RefCallback<T> {\n return (node: T) => {\n for (const ref of refs) {\n if (typeof ref === 'function') {\n ref(node)\n } else if (ref != null) {\n const objectRef = ref as React.MutableRefObject<T | null>\n objectRef.current = node\n }\n }\n }\n}\n","import * as React from 'react'\nimport {\n Controller,\n FormProvider,\n useFormContext,\n useFormState,\n type ControllerProps,\n type FieldPath,\n type FieldValues,\n} from 'react-hook-form'\nimport { cn, cva, devWarn } from '@refraction-ui/shared'\nimport { Slot } from './slot.js'\n\n/**\n * Form — RHF FormProvider wrapper.\n *\n * Spread the result of `useForm()` into <Form> so descendants can read the\n * form state via context. Renders no DOM of its own; consumers can place a\n * <form onSubmit={form.handleSubmit(...)}> inside.\n */\nconst Form = FormProvider\n\n// -----------------------------------------------------------------------------\n// Field context — bridges <FormField> and the inner Form* primitives.\n// -----------------------------------------------------------------------------\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | undefined>(\n undefined,\n)\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue | undefined>(\n undefined,\n)\n\n/**\n * FormField — connects a named field to RHF's Controller and provides\n * field-name context to the descendants (FormLabel, FormControl, FormMessage).\n */\nfunction FormField<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(props: ControllerProps<TFieldValues, TName>) {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n )\n}\n\n/**\n * useFormField — read-only access to the current field context.\n *\n * Returns the per-field id collection plus the live RHF error state. Useful\n * when building custom form controls that want the same wiring as FormControl.\n */\nfunction useFormField() {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const formContext = useFormContext()\n // useFormState subscribes to the specific field's error state, which keeps\n // re-renders narrow and works correctly with RHF v7 lazy subscriptions.\n const { errors } = useFormState({\n control: formContext?.control,\n name: fieldContext?.name as never,\n exact: true,\n })\n\n if (!fieldContext) {\n devWarn(\n 'react-form/use-form-field-outside-form-field',\n 'useFormField (via FormLabel/FormControl/FormDescription/FormMessage) must be used inside a <FormField>. The missing FormFieldContext makes this throw.',\n )\n throw new Error('useFormField must be used within a <FormField>')\n }\n if (!itemContext) {\n devWarn(\n 'react-form/use-form-field-outside-form-item',\n 'useFormField (via FormLabel/FormControl/FormDescription/FormMessage) must be used inside a <FormItem>. The missing FormItemContext makes this throw.',\n )\n throw new Error('useFormField must be used within a <FormItem>')\n }\n\n const { id } = itemContext\n const error = getNestedError(errors, fieldContext.name)\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n error,\n invalid: Boolean(error),\n }\n}\n\n// Walks a dot/bracket path through RHF's errors object. Mirrors the path\n// semantics of FieldPath without pulling in lodash.get.\nfunction getNestedError(\n errors: Record<string, unknown> | undefined,\n name: string,\n): { message?: string; type?: string } | undefined {\n if (!errors) return undefined\n const segments = name.replace(/\\[(\\w+)\\]/g, '.$1').split('.')\n let cursor: unknown = errors\n for (const seg of segments) {\n if (cursor && typeof cursor === 'object' && seg in (cursor as object)) {\n cursor = (cursor as Record<string, unknown>)[seg]\n } else {\n return undefined\n }\n }\n return cursor as { message?: string; type?: string } | undefined\n}\n\n// -----------------------------------------------------------------------------\n// FormItem — emits a stable id used by Label/Control/Description/Message.\n// -----------------------------------------------------------------------------\n\nconst formItemVariants = cva({ base: 'space-y-2' })\n\ninterface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst FormItem = React.forwardRef<HTMLDivElement, FormItemProps>(\n ({ className, ...props }, ref) => {\n const id = React.useId()\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(formItemVariants(), className)} {...props} />\n </FormItemContext.Provider>\n )\n },\n)\nFormItem.displayName = 'FormItem'\n\n// -----------------------------------------------------------------------------\n// FormLabel\n// -----------------------------------------------------------------------------\n\nconst formLabelVariants = cva({\n base: 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n variants: {\n invalid: {\n true: 'text-destructive',\n false: '',\n },\n },\n defaultVariants: {\n invalid: 'false',\n },\n})\n\ninterface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {}\n\nconst FormLabel = React.forwardRef<HTMLLabelElement, FormLabelProps>(\n ({ className, ...props }, ref) => {\n const { invalid, formItemId } = useFormField()\n return (\n <label\n ref={ref}\n htmlFor={formItemId}\n data-invalid={invalid ? '' : undefined}\n className={cn(formLabelVariants({ invalid: invalid ? 'true' : 'false' }), className)}\n {...props}\n />\n )\n },\n)\nFormLabel.displayName = 'FormLabel'\n\n// -----------------------------------------------------------------------------\n// FormControl — Slot that injects id/aria-describedby/aria-invalid.\n// -----------------------------------------------------------------------------\n\ninterface FormControlProps extends React.HTMLAttributes<HTMLElement> {\n children?: React.ReactNode\n}\n\nconst FormControl = React.forwardRef<HTMLElement, FormControlProps>(\n ({ ...props }, ref) => {\n const { invalid, formItemId, formDescriptionId, formMessageId } =\n useFormField()\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={\n invalid\n ? `${formDescriptionId} ${formMessageId}`\n : formDescriptionId\n }\n aria-invalid={invalid || undefined}\n {...props}\n />\n )\n },\n)\nFormControl.displayName = 'FormControl'\n\n// -----------------------------------------------------------------------------\n// FormDescription\n// -----------------------------------------------------------------------------\n\ninterface FormDescriptionProps\n extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst FormDescription = React.forwardRef<\n HTMLParagraphElement,\n FormDescriptionProps\n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n return (\n <p\n ref={ref}\n id={formDescriptionId}\n className={cn('text-sm text-muted-foreground', className)}\n {...props}\n />\n )\n})\nFormDescription.displayName = 'FormDescription'\n\n// -----------------------------------------------------------------------------\n// FormMessage\n// -----------------------------------------------------------------------------\n\ninterface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, FormMessageProps>(\n ({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error?.message ? String(error.message) : children\n if (!body) return null\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn('text-sm font-medium text-destructive', className)}\n {...props}\n >\n {body}\n </p>\n )\n },\n)\nFormMessage.displayName = 'FormMessage'\n\nexport {\n Form,\n FormControl,\n FormDescription,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n useFormField,\n formItemVariants,\n formLabelVariants,\n}\n\nexport type {\n FormItemProps,\n FormLabelProps,\n FormControlProps,\n FormDescriptionProps,\n FormMessageProps,\n}\n"]}