@refraction-ui/react 0.4.2 → 0.5.0

package/README.md

@@ -7,7 +7,15 @@ npm install @refraction-ui/react
 ```
 
 ```tsx
-import { Button, Card, Dialog, ThemeProvider } from '@refraction-ui/react'
+import { Button, Card, Dialog } from '@refraction-ui/react'
+import { ThemeProvider } from '@refraction-ui/react/theme'
+```
+
+React Hook Form-backed primitives are opt-in so the root package does not force
+every consumer to install `react-hook-form`:
+
+```tsx
+import { Form, FormField, useForm } from '@refraction-ui/react/form'
 ```
 
 ## Default theme stylesheet

package/dist/chunk-ZWRGVWUY.js

@@ -0,0 +1,120 @@
+// ../shared/dist/index.js
+var idCounter = 0;
+function generateId(prefix = "rfr") {
+  idCounter++;
+  return `${prefix}-${idCounter}`;
+}
+var Keys = {
+  Enter: "Enter",
+  Space: " ",
+  Escape: "Escape",
+  Tab: "Tab",
+  ArrowUp: "ArrowUp",
+  ArrowDown: "ArrowDown",
+  ArrowLeft: "ArrowLeft",
+  ArrowRight: "ArrowRight",
+  Home: "Home",
+  End: "End",
+  PageUp: "PageUp",
+  PageDown: "PageDown",
+  Backspace: "Backspace",
+  Delete: "Delete"
+};
+function createKeyboardHandler(handlers) {
+  return (event) => {
+    const handler = handlers[event.key];
+    if (handler) {
+      handler(event);
+    }
+  };
+}
+function createMachine(config) {
+  let current = config.initial;
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    get state() {
+      return current;
+    },
+    send(event) {
+      const stateConfig = config.states[current];
+      const next = stateConfig?.on?.[event];
+      if (next && next !== current) {
+        current = next;
+        for (const fn of listeners) {
+          fn(current);
+        }
+      }
+    },
+    subscribe(fn) {
+      listeners.add(fn);
+      return () => {
+        listeners.delete(fn);
+      };
+    },
+    matches(state) {
+      return current === state;
+    }
+  };
+}
+function cn(...inputs) {
+  const classes = [];
+  for (const input of inputs) {
+    if (!input) continue;
+    if (typeof input === "string") {
+      classes.push(input);
+    } else if (typeof input === "number") {
+      classes.push(String(input));
+    } else if (Array.isArray(input)) {
+      const nested = cn(...input);
+      if (nested) classes.push(nested);
+    } else if (typeof input === "object") {
+      for (const [key, value] of Object.entries(input)) {
+        if (value) classes.push(key);
+      }
+    }
+  }
+  return classes.join(" ");
+}
+function cva(config) {
+  return (props) => {
+    const classes = [];
+    if (config.base) {
+      classes.push(config.base);
+    }
+    if (config.variants) {
+      for (const [variantKey, variantOptions] of Object.entries(config.variants)) {
+        const selectedValue = props?.[variantKey] ?? config.defaultVariants?.[variantKey];
+        if (selectedValue != null) {
+          const variantClass = variantOptions[selectedValue];
+          if (variantClass) {
+            classes.push(variantClass);
+          }
+        }
+      }
+    }
+    if (config.compoundVariants) {
+      for (const compound of config.compoundVariants) {
+        const { class: compoundClass, ...conditions } = compound;
+        let matches = true;
+        for (const [key, value] of Object.entries(conditions)) {
+          const propValue = props?.[key] ?? config.defaultVariants?.[key];
+          if (propValue !== value) {
+            matches = false;
+            break;
+          }
+        }
+        if (matches) {
+          classes.push(compoundClass);
+        }
+      }
+    }
+    if (props?.className) {
+      classes.push(props.className);
+    }
+    return classes.filter(Boolean).join(" ");
+  };
+}
+
+export { Keys, cn, createKeyboardHandler, createMachine, cva, generateId };
+//# sourceMappingURL=chunk-ZWRGVWUY.js.map
+//# sourceMappingURL=chunk-ZWRGVWUY.js.map

package/dist/chunk-ZWRGVWUY.js.map

@@ -0,0 +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"],"names":[],"mappings":"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","file":"chunk-ZWRGVWUY.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"]}

package/dist/form.cjs

@@ -0,0 +1,315 @@
+'use strict';
+
+var React2 = require('react');
+var reactHookForm = require('react-hook-form');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+// ../react-form/dist/index.js
+
+// ../shared/dist/index.js
+function cn(...inputs) {
+  const classes = [];
+  for (const input of inputs) {
+    if (!input) continue;
+    if (typeof input === "string") {
+      classes.push(input);
+    } else if (typeof input === "number") {
+      classes.push(String(input));
+    } else if (Array.isArray(input)) {
+      const nested = cn(...input);
+      if (nested) classes.push(nested);
+    } else if (typeof input === "object") {
+      for (const [key, value] of Object.entries(input)) {
+        if (value) classes.push(key);
+      }
+    }
+  }
+  return classes.join(" ");
+}
+function cva(config) {
+  return (props) => {
+    const classes = [];
+    if (config.base) {
+      classes.push(config.base);
+    }
+    if (config.variants) {
+      for (const [variantKey, variantOptions] of Object.entries(config.variants)) {
+        const selectedValue = props?.[variantKey] ?? config.defaultVariants?.[variantKey];
+        if (selectedValue != null) {
+          const variantClass = variantOptions[selectedValue];
+          if (variantClass) {
+            classes.push(variantClass);
+          }
+        }
+      }
+    }
+    if (config.compoundVariants) {
+      for (const compound of config.compoundVariants) {
+        const { class: compoundClass, ...conditions } = compound;
+        let matches = true;
+        for (const [key, value] of Object.entries(conditions)) {
+          const propValue = props?.[key] ?? config.defaultVariants?.[key];
+          if (propValue !== value) {
+            matches = false;
+            break;
+          }
+        }
+        if (matches) {
+          classes.push(compoundClass);
+        }
+      }
+    }
+    if (props?.className) {
+      classes.push(props.className);
+    }
+    return classes.filter(Boolean).join(" ");
+  };
+}
+var Slot = React2__namespace.forwardRef(function Slot2(props, forwardedRef) {
+  const { children, ...slotProps } = props;
+  if (!React2__namespace.isValidElement(children)) {
+    return null;
+  }
+  const childProps = children.props ?? {};
+  const mergedProps = mergeProps(slotProps, childProps);
+  let childRef = childProps.ref;
+  if (childRef === void 0 && !("ref" in childProps)) {
+    childRef = children.ref;
+  }
+  const mergedRef = composeRefs(forwardedRef, childRef);
+  return React2__namespace.cloneElement(
+    children,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    { ...mergedProps, ref: mergedRef }
+  );
+});
+Slot.displayName = "Slot";
+function mergeProps(slotProps, childProps) {
+  const merged = { ...slotProps };
+  for (const key of Object.keys(childProps)) {
+    const slotValue = slotProps[key];
+    const childValue = childProps[key];
+    if (/^on[A-Z]/.test(key) && typeof slotValue === "function" && typeof childValue === "function") {
+      merged[key] = (...args) => {
+        const child = childValue;
+        const slot = slotValue;
+        child(...args);
+        slot(...args);
+      };
+    } else if (key === "className") {
+      merged[key] = [slotValue, childValue].filter(Boolean).join(" ");
+    } else if (key === "style") {
+      merged[key] = { ...slotValue, ...childValue };
+    } else if (childValue !== void 0) {
+      merged[key] = childValue;
+    }
+  }
+  return merged;
+}
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref != null) {
+        const objectRef = ref;
+        objectRef.current = node;
+      }
+    }
+  };
+}
+var Form = reactHookForm.FormProvider;
+var FormFieldContext = React2__namespace.createContext(
+  void 0
+);
+var FormItemContext = React2__namespace.createContext(
+  void 0
+);
+function FormField(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+}
+function useFormField() {
+  const fieldContext = React2__namespace.useContext(FormFieldContext);
+  const itemContext = React2__namespace.useContext(FormItemContext);
+  const formContext = reactHookForm.useFormContext();
+  const { errors } = reactHookForm.useFormState({
+    control: formContext?.control,
+    name: fieldContext?.name,
+    exact: true
+  });
+  if (!fieldContext) {
+    throw new Error("useFormField must be used within a <FormField>");
+  }
+  if (!itemContext) {
+    throw new Error("useFormField must be used within a <FormItem>");
+  }
+  const { id } = itemContext;
+  const error = getNestedError(errors, fieldContext.name);
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    error,
+    invalid: Boolean(error)
+  };
+}
+function getNestedError(errors, name) {
+  if (!errors) return void 0;
+  const segments = name.replace(/\[(\w+)\]/g, ".$1").split(".");
+  let cursor = errors;
+  for (const seg of segments) {
+    if (cursor && typeof cursor === "object" && seg in cursor) {
+      cursor = cursor[seg];
+    } else {
+      return void 0;
+    }
+  }
+  return cursor;
+}
+var formItemVariants = cva({ base: "space-y-2" });
+var FormItem = React2__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    const id = React2__namespace.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn(formItemVariants(), className), ...props }) });
+  }
+);
+FormItem.displayName = "FormItem";
+var formLabelVariants = cva({
+  base: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  variants: {
+    invalid: {
+      true: "text-destructive",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    invalid: "false"
+  }
+});
+var FormLabel = React2__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { invalid, formItemId } = useFormField();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        ref,
+        htmlFor: formItemId,
+        "data-invalid": invalid ? "" : void 0,
+        className: cn(formLabelVariants({ invalid: invalid ? "true" : "false" }), className),
+        ...props
+      }
+    );
+  }
+);
+FormLabel.displayName = "FormLabel";
+var FormControl = React2__namespace.forwardRef(
+  ({ ...props }, ref) => {
+    const { invalid, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Slot,
+      {
+        ref,
+        id: formItemId,
+        "aria-describedby": invalid ? `${formDescriptionId} ${formMessageId}` : formDescriptionId,
+        "aria-invalid": invalid || void 0,
+        ...props
+      }
+    );
+  }
+);
+FormControl.displayName = "FormControl";
+var FormDescription = React2__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React2__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error?.message ? String(error.message) : children;
+    if (!body) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        ref,
+        id: formMessageId,
+        className: cn("text-sm font-medium text-destructive", className),
+        ...props,
+        children: body
+      }
+    );
+  }
+);
+FormMessage.displayName = "FormMessage";
+
+Object.defineProperty(exports, "Controller", {
+  enumerable: true,
+  get: function () { return reactHookForm.Controller; }
+});
+Object.defineProperty(exports, "FormProvider", {
+  enumerable: true,
+  get: function () { return reactHookForm.FormProvider; }
+});
+Object.defineProperty(exports, "useController", {
+  enumerable: true,
+  get: function () { return reactHookForm.useController; }
+});
+Object.defineProperty(exports, "useForm", {
+  enumerable: true,
+  get: function () { return reactHookForm.useForm; }
+});
+Object.defineProperty(exports, "useFormContext", {
+  enumerable: true,
+  get: function () { return reactHookForm.useFormContext; }
+});
+Object.defineProperty(exports, "useFormState", {
+  enumerable: true,
+  get: function () { return reactHookForm.useFormState; }
+});
+Object.defineProperty(exports, "useWatch", {
+  enumerable: true,
+  get: function () { return reactHookForm.useWatch; }
+});
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.Slot = Slot;
+exports.formItemVariants = formItemVariants;
+exports.formLabelVariants = formLabelVariants;
+exports.useFormField = useFormField;
+//# sourceMappingURL=form.cjs.map
+//# sourceMappingURL=form.cjs.map

package/dist/form.cjs.map

@@ -0,0 +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"]}

package/dist/form.d.cts

@@ -0,0 +1 @@
+export * from './internal/react-form/index.cjs';

package/dist/form.d.ts

@@ -0,0 +1 @@
+export * from './internal/react-form/index.js';