@academix-admin/forms 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,229 @@
+import React from 'react';
+
+/**
+ * TextInput — a Flutter-idiom text field for academix-web (Workstream F-next).
+ *
+ * Dogfood stage: built app-side first (hot-reload), to be EXTRACTED to
+ * `@academix-admin/text-input` once proven across the auth/edit/quiz/footer routes.
+ *
+ * Model (Flutter `TextField` + `InputDecoration`): decoration props (label, hint,
+ * prefix, suffix, helperText, obscureText, keyboardType, counter, …) describe the
+ * field; a `classNames` slot-map + `styles` let a route pin its EXACT existing look.
+ *
+ * Styling is HYBRID:
+ *  - Per slot, a caller-supplied class in `classNames` REPLACES the built-in default
+ *    for that slot (so a route passes its own CSS-module classes and reproduces its
+ *    current pixels exactly — including descendant-scoped theme rules like
+ *    `.container_light .input`, which keep working because the <input> stays inside
+ *    the route's themed root).
+ *  - Slots with no caller class fall back to a sensible built-in default, so brand
+ *    new pages get a usable field for free.
+ *
+ * Coordination: a plain native <input> already drives the keyboard/nav via the
+ * document-level `focusin` listener in navigation-stack@0.6.2 (`data-ax-keyboard`).
+ * The structured `FocusCoordinator` (region-aware) is the next step and will be wired
+ * here without changing this public API.
+ */
+type TextInputStatus = 'default' | 'error' | 'valid' | 'info';
+type TextInputKeyboard = 'text' | 'numeric' | 'decimal' | 'tel' | 'email' | 'url' | 'search';
+interface TextInputClassNames {
+    /** outer wrapper (Flutter: the field's column). Default: formGroup-like. */
+    root?: string;
+    label?: string;
+    /** wrapper around input + adornments; only rendered when an adornment/counter exists. */
+    field?: string;
+    input?: string;
+    prefix?: string;
+    suffix?: string;
+    /** the secure (eye) toggle button. */
+    toggle?: string;
+    /** helper / error / valid text below the field. */
+    helper?: string;
+    counter?: string;
+}
+interface TextInputProps {
+    value?: string;
+    defaultValue?: string;
+    /** Flutter `onChanged(String)` — receives the new value (and the raw event). */
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    label?: React.ReactNode;
+    /** placeholder (Flutter `hintText`). */
+    hint?: string;
+    /** leading adornment inside the box (e.g. `@`, `+`). */
+    prefix?: React.ReactNode;
+    /** trailing adornment (rendered before the secure toggle if both present). */
+    suffix?: React.ReactNode;
+    /** helper / error / valid message below the field. */
+    helperText?: React.ReactNode;
+    /** drives helper color + `aria-invalid`. */
+    status?: TextInputStatus;
+    /** show a `len/maxLength` counter; or a custom renderer. */
+    counter?: boolean | ((len: number, maxLength?: number) => React.ReactNode);
+    type?: React.HTMLInputTypeAttribute;
+    /** password field (Flutter `obscureText`). */
+    obscureText?: boolean;
+    /** render an eye button to toggle obscure on/off. Implies obscureText default. */
+    secureToggle?: boolean;
+    /** called when the secure (eye) toggle flips; receives the new revealed state. */
+    onSecureToggle?: (revealed: boolean) => void;
+    /** maps to `inputMode` (Flutter `keyboardType`). */
+    keyboardType?: TextInputKeyboard;
+    /** transform typed text (e.g. code fields). */
+    transform?: 'none' | 'uppercase' | 'lowercase';
+    maxLength?: number;
+    pattern?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    id?: string;
+    autoComplete?: string;
+    autoCapitalize?: string;
+    enterKeyHint?: React.HTMLAttributes<HTMLInputElement>['enterKeyHint'];
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    classNames?: TextInputClassNames;
+    /** shortcut for `classNames.root`. */
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * Theme for the BUILT-IN default styles only. When set, the default class for a slot
+     * is composed as `slot` + `slot_theme` (e.g. `input` + `input_dark`) — the same
+     * convention as an `applyTheme` helper, but self-contained: this component depends on
+     * nothing but React and its own CSS. Ignored for any slot the caller styles via
+     * `classNames` (those already carry their own theming). Feed it from whatever theme
+     * source you use — in academix that's `useTheme()`; any other developer passes a plain
+     * `'light' | 'dark'`, or omits it and styles via `classNames`.
+     */
+    theme?: 'light' | 'dark';
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** spread onto the underlying <input> for anything not covered above. */
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'className'>;
+}
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+
+/**
+ * SelectField — a Flutter `DropdownButtonFormField`-idiom trigger (Workstream F-next
+ * form family). It renders only the FIELD (label + optional description + a button that
+ * shows the selected value or a placeholder); the actual picker (a SelectionViewer /
+ * bottom-sheet) stays owned by the page and is opened via `onOpen`.
+ *
+ * Same contract as TextInput: HYBRID styling (a `classNames` slot class REPLACES the
+ * built-in default for that slot) + a self-contained `theme` prop (no app coupling).
+ */
+type SelectFieldStatus = 'default' | 'error' | 'valid' | 'info';
+interface SelectFieldClassNames {
+    root?: string;
+    label?: string;
+    description?: string;
+    /** the trigger button. */
+    control?: string;
+    /** trailing adornment wrapper (e.g. a chevron). */
+    trailing?: string;
+    helper?: string;
+}
+interface SelectFieldProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    /** the display value; when empty the `placeholder` shows. */
+    value?: React.ReactNode;
+    placeholder?: React.ReactNode;
+    /** open the picker (SelectionViewer). */
+    onOpen?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** trailing content inside the control (e.g. a chevron icon). */
+    trailing?: React.ReactNode;
+    disabled?: boolean;
+    helperText?: React.ReactNode;
+    status?: SelectFieldStatus;
+    id?: string;
+    name?: string;
+    classNames?: SelectFieldClassNames;
+    className?: string;
+    style?: React.CSSProperties;
+    theme?: 'light' | 'dark';
+}
+declare function SelectField({ label, description, value, placeholder, onOpen, trailing, disabled, helperText, status, id, name, classNames, className, style, theme, }: SelectFieldProps): React.JSX.Element;
+
+/**
+ * Checkbox — a Flutter `Checkbox`/`CheckboxListTile`-idiom control (form family). A
+ * hidden native <input type=checkbox> drives a custom box + check icon and a text label,
+ * so it stays accessible and form-submittable while looking however the page wants.
+ *
+ * HYBRID styling + self-contained `theme` prop, same contract as TextInput/SelectField.
+ */
+interface CheckboxClassNames {
+    /** the wrapping <label>. */
+    label?: string;
+    /** the (visually-hidden) native input. */
+    input?: string;
+    /** the custom box that shows the check. */
+    box?: string;
+    /** the check icon inside the box. */
+    icon?: string;
+    /** the text beside the box. */
+    text?: string;
+}
+interface CheckboxProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    /** Flutter `onChanged(bool)`. */
+    onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** label content beside the box. */
+    children?: React.ReactNode;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    id?: string;
+    value?: string;
+    /** custom check icon (defaults to a checkmark). */
+    icon?: React.ReactNode;
+    classNames?: CheckboxClassNames;
+    className?: string;
+    style?: React.CSSProperties;
+    theme?: 'light' | 'dark';
+}
+declare function Checkbox({ checked, defaultChecked, onChange, children, disabled, required, name, id, value, icon, classNames, className, style, theme, }: CheckboxProps): React.JSX.Element;
+
+/**
+ * RadioGroup — a Flutter `Radio`/`RadioListTile` group (form family). Renders a set of
+ * selectable "cards": each is a <label> wrapping a native <input type=radio> plus content,
+ * with a `selected` class on the active one. Accessible + form-submittable.
+ *
+ * HYBRID styling + self-contained `theme` prop, same contract as the rest of the family.
+ */
+interface RadioOption<V extends string = string> {
+    value: V;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+interface RadioGroupClassNames {
+    /** wrapper around all items. */
+    group?: string;
+    /** each item <label>. */
+    item?: string;
+    /** appended to the selected item's <label>. */
+    itemSelected?: string;
+    /** the native radio input. */
+    input?: string;
+    /** wrapper around an item's label content. */
+    content?: string;
+    /** the item's text. */
+    text?: string;
+}
+interface RadioGroupProps<V extends string = string> {
+    name: string;
+    value?: V;
+    onChange?: (value: V) => void;
+    options: RadioOption<V>[];
+    disabled?: boolean;
+    classNames?: RadioGroupClassNames;
+    className?: string;
+    style?: React.CSSProperties;
+    theme?: 'light' | 'dark';
+}
+declare function RadioGroup<V extends string = string>({ name, value, onChange, options, disabled, classNames, className, style, theme, }: RadioGroupProps<V>): React.JSX.Element;
+
+export { Checkbox, type CheckboxClassNames, type CheckboxProps, RadioGroup, type RadioGroupClassNames, type RadioGroupProps, type RadioOption, SelectField, type SelectFieldClassNames, type SelectFieldProps, type SelectFieldStatus, TextInput, type TextInputClassNames, type TextInputKeyboard, type TextInputProps, type TextInputStatus };

package/dist/index.js

@@ -0,0 +1,319 @@
+"use client";
+import { forwardRef, useId, useState, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/TextInput/TextInput.tsx
+var defaults = {};
+var KEYBOARD_TO_INPUTMODE = {
+  text: "text",
+  numeric: "numeric",
+  decimal: "decimal",
+  tel: "tel",
+  email: "email",
+  url: "url",
+  search: "search"
+};
+function pickSlot(caller, name, theme) {
+  if (caller != null) return caller;
+  const base = defaults[name];
+  if (!base) return void 0;
+  const variant = theme ? defaults[`${name}_${theme}`] : void 0;
+  return variant ? `${base} ${variant}` : base;
+}
+var TextInput = forwardRef(function TextInput2({
+  value,
+  defaultValue,
+  onChange,
+  label,
+  hint,
+  prefix,
+  suffix,
+  helperText,
+  status = "default",
+  counter,
+  type = "text",
+  obscureText,
+  secureToggle,
+  onSecureToggle,
+  keyboardType,
+  transform = "none",
+  maxLength,
+  pattern,
+  autoFocus,
+  disabled,
+  required,
+  readOnly,
+  name,
+  id,
+  autoComplete,
+  autoCapitalize,
+  enterKeyHint,
+  inputMode,
+  classNames = {},
+  className,
+  style,
+  theme,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  onKeyPress,
+  inputProps
+}, ref) {
+  const reactId = useId();
+  const fieldId = id ?? `txt-${reactId}`;
+  const [reveal, setReveal] = useState(false);
+  const secure = obscureText ?? !!secureToggle;
+  const resolvedType = secure ? reveal ? "text" : "password" : type;
+  const handleChange = useCallback(
+    (e) => {
+      let v = e.target.value;
+      if (transform === "uppercase") v = v.toUpperCase();
+      else if (transform === "lowercase") v = v.toLowerCase();
+      if (v !== e.target.value) e.target.value = v;
+      onChange?.(v, e);
+    },
+    [transform, onChange]
+  );
+  const len = value?.length ?? 0;
+  const hasAdornment = !!prefix || !!suffix || secure && secureToggle || !!counter;
+  const statusClass = status === "error" ? defaults.statusError : status === "valid" ? defaults.statusValid : status === "info" ? defaults.statusInfo : void 0;
+  const inputEl = /* @__PURE__ */ jsx(
+    "input",
+    {
+      ...inputProps,
+      ref,
+      id: fieldId,
+      name,
+      type: resolvedType,
+      value,
+      defaultValue,
+      onChange: handleChange,
+      placeholder: hint,
+      className: pickSlot(classNames.input, "input", theme),
+      disabled,
+      required,
+      readOnly,
+      autoFocus,
+      maxLength,
+      pattern,
+      autoComplete,
+      autoCapitalize,
+      enterKeyHint,
+      inputMode: inputMode ?? (keyboardType ? KEYBOARD_TO_INPUTMODE[keyboardType] : void 0),
+      "aria-invalid": status === "error" || inputProps?.["aria-invalid"] || void 0,
+      onFocus,
+      onBlur,
+      onKeyDown,
+      onKeyPress
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: pickSlot(className ?? classNames.root, "root", theme), style, children: [
+    label != null && /* @__PURE__ */ jsx("label", { htmlFor: fieldId, className: pickSlot(classNames.label, "label", theme), children: label }),
+    hasAdornment ? /* @__PURE__ */ jsxs("div", { className: pickSlot(classNames.field, "field", theme), children: [
+      prefix != null && /* @__PURE__ */ jsx("span", { className: pickSlot(classNames.prefix, "prefix", theme), children: prefix }),
+      inputEl,
+      suffix != null && /* @__PURE__ */ jsx("span", { className: pickSlot(classNames.suffix, "suffix", theme), children: suffix }),
+      secure && secureToggle && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: pickSlot(classNames.toggle, "toggle", theme),
+          onClick: () => {
+            setReveal((r) => !r);
+            onSecureToggle?.(!reveal);
+          },
+          "aria-label": reveal ? "Hide password" : "Show password",
+          tabIndex: -1,
+          children: reveal ? /* @__PURE__ */ jsx(EyeOpen, {}) : /* @__PURE__ */ jsx(EyeClosed, {})
+        }
+      ),
+      counter && /* @__PURE__ */ jsx("div", { className: pickSlot(classNames.counter, "counter", theme), children: typeof counter === "function" ? counter(len, maxLength) : `${len}${maxLength ? `/${maxLength}` : ""}` })
+    ] }) : inputEl,
+    helperText != null && /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: (
+          // When a route supplies its own helper class it already carries the status
+          // color; only fall back to the default helper + status color otherwise.
+          classNames.helper ? classNames.helper : `${pickSlot(void 0, "helper", theme)}${statusClass ? ` ${statusClass}` : ""}`
+        ),
+        children: helperText
+      }
+    )
+  ] });
+});
+function EyeOpen() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 12C1 12 5 4 12 4C19 4 23 12 23 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M1 12C1 12 5 20 12 20C19 20 23 12 23 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function EyeClosed() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("path", { d: "M10.5858 10.5858C10.2107 10.9609 10 11.4696 10 12C10 13.1046 10.8954 14 12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M17.6112 17.6112C16.0556 18.979 14.1364 19.7493 12.0001 19.7493C5.63647 19.7493 2.25011 12.3743 2.25011 12.3743C3.47011 10.1443 5.27761 8.35577 7.38911 7.13965", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M20.8892 6.00928C21.8292 6.78928 22.6732 7.70428 23.3892 8.72428C23.7502 9.23428 23.7502 9.91428 23.3892 10.4243C22.6732 11.4443 21.8292 12.3593 20.8892 13.1393", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M14.9318 6.00928C13.6618 5.38928 12.2818 5.02928 10.8188 5.00928C9.35585 4.98928 7.93185 5.30928 6.61185 5.88928", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 3L3 21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+var defaults2 = {};
+function pickSlot2(caller, name, theme) {
+  if (caller != null) return caller;
+  const base = defaults2[name];
+  if (!base) return void 0;
+  const variant = theme ? defaults2[`${name}_${theme}`] : void 0;
+  return variant ? `${base} ${variant}` : base;
+}
+function SelectField({
+  label,
+  description,
+  value,
+  placeholder = "Select",
+  onOpen,
+  trailing,
+  disabled,
+  helperText,
+  status = "default",
+  id,
+  name,
+  classNames = {},
+  className,
+  style,
+  theme
+}) {
+  const statusClass = status === "error" ? defaults2.statusError : status === "valid" ? defaults2.statusValid : status === "info" ? defaults2.statusInfo : void 0;
+  const hasValue = value != null && value !== "";
+  return /* @__PURE__ */ jsxs("div", { className: pickSlot2(className ?? classNames.root, "root", theme), style, children: [
+    label != null && /* @__PURE__ */ jsx("label", { htmlFor: id, className: pickSlot2(classNames.label, "label", theme), children: label }),
+    description != null && /* @__PURE__ */ jsx("p", { className: pickSlot2(classNames.description, "description", theme), children: description }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        id,
+        name,
+        onClick: onOpen,
+        disabled,
+        "aria-invalid": status === "error" || void 0,
+        className: pickSlot2(classNames.control, "control", theme),
+        children: [
+          hasValue ? value : placeholder,
+          trailing != null && /* @__PURE__ */ jsx("span", { className: pickSlot2(classNames.trailing, "trailing", theme), children: trailing })
+        ]
+      }
+    ),
+    helperText != null && /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: classNames.helper ? classNames.helper : `${pickSlot2(void 0, "helper", theme)}${statusClass ? ` ${statusClass}` : ""}`,
+        children: helperText
+      }
+    )
+  ] });
+}
+var defaults3 = {};
+function pickSlot3(caller, name, theme) {
+  if (caller != null) return caller;
+  const base = defaults3[name];
+  if (!base) return void 0;
+  const variant = theme ? defaults3[`${name}_${theme}`] : void 0;
+  return variant ? `${base} ${variant}` : base;
+}
+function Checkbox({
+  checked,
+  defaultChecked,
+  onChange,
+  children,
+  disabled,
+  required,
+  name,
+  id,
+  value,
+  icon,
+  classNames = {},
+  className,
+  style,
+  theme
+}) {
+  const reactId = useId();
+  const fieldId = id ?? `chk-${reactId}`;
+  const isChecked = checked;
+  return /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: pickSlot3(className ?? classNames.label, "label", theme), style, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id: fieldId,
+        type: "checkbox",
+        name,
+        value,
+        checked,
+        defaultChecked,
+        onChange: (e) => onChange?.(e.target.checked, e),
+        disabled,
+        required,
+        className: pickSlot3(classNames.input, "input", theme)
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: pickSlot3(classNames.box, "box", theme), "aria-hidden": true, children: isChecked && (icon ?? /* @__PURE__ */ jsx("svg", { className: pickSlot3(classNames.icon, "icon", theme), viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z",
+        fill: "currentColor"
+      }
+    ) })) }),
+    children != null && /* @__PURE__ */ jsx("span", { className: pickSlot3(classNames.text, "text", theme), children })
+  ] });
+}
+var defaults4 = {};
+function pickSlot4(caller, name, theme) {
+  if (caller != null) return caller;
+  const base = defaults4[name];
+  if (!base) return void 0;
+  const variant = theme ? defaults4[`${name}_${theme}`] : void 0;
+  return variant ? `${base} ${variant}` : base;
+}
+function RadioGroup({
+  name,
+  value,
+  onChange,
+  options,
+  disabled,
+  classNames = {},
+  className,
+  style,
+  theme
+}) {
+  const itemBase = pickSlot4(classNames.item, "item", theme);
+  const itemSelected = pickSlot4(classNames.itemSelected, "itemSelected", theme);
+  return /* @__PURE__ */ jsx("div", { className: pickSlot4(className ?? classNames.group, "group", theme), style, role: "radiogroup", children: options.map((opt) => {
+    const selected = value === opt.value;
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: `${itemBase ?? ""}${selected && itemSelected ? ` ${itemSelected}` : ""}`.trim() || void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name,
+              value: opt.value,
+              checked: selected,
+              onChange: () => onChange?.(opt.value),
+              disabled: disabled || opt.disabled,
+              className: pickSlot4(classNames.input, "input", theme)
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: pickSlot4(classNames.content, "content", theme), children: /* @__PURE__ */ jsx("span", { className: pickSlot4(classNames.text, "text", theme), children: opt.label }) })
+        ]
+      },
+      opt.value
+    );
+  }) });
+}
+
+export { Checkbox, RadioGroup, SelectField, TextInput };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TextInput/TextInput.tsx","../src/SelectField/SelectField.tsx","../src/Checkbox/Checkbox.tsx","../src/RadioGroup/RadioGroup.tsx"],"names":["TextInput","defaults","pickSlot","jsxs","jsx","useId"],"mappings":"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","file":"index.js","sourcesContent":["'use client';\n\nimport React, { forwardRef, useCallback, useId, useState } from 'react';\n// Headless: no bundled default styles — style every slot via `classNames`.\nconst defaults: Record<string, string> = {};\n\n/**\n * TextInput — a Flutter-idiom text field for academix-web (Workstream F-next).\n *\n * Dogfood stage: built app-side first (hot-reload), to be EXTRACTED to\n * `@academix-admin/text-input` once proven across the auth/edit/quiz/footer routes.\n *\n * Model (Flutter `TextField` + `InputDecoration`): decoration props (label, hint,\n * prefix, suffix, helperText, obscureText, keyboardType, counter, …) describe the\n * field; a `classNames` slot-map + `styles` let a route pin its EXACT existing look.\n *\n * Styling is HYBRID:\n *  - Per slot, a caller-supplied class in `classNames` REPLACES the built-in default\n *    for that slot (so a route passes its own CSS-module classes and reproduces its\n *    current pixels exactly — including descendant-scoped theme rules like\n *    `.container_light .input`, which keep working because the <input> stays inside\n *    the route's themed root).\n *  - Slots with no caller class fall back to a sensible built-in default, so brand\n *    new pages get a usable field for free.\n *\n * Coordination: a plain native <input> already drives the keyboard/nav via the\n * document-level `focusin` listener in navigation-stack@0.6.2 (`data-ax-keyboard`).\n * The structured `FocusCoordinator` (region-aware) is the next step and will be wired\n * here without changing this public API.\n */\n\nexport type TextInputStatus = 'default' | 'error' | 'valid' | 'info';\n\nexport type TextInputKeyboard =\n  | 'text' | 'numeric' | 'decimal' | 'tel' | 'email' | 'url' | 'search';\n\nconst KEYBOARD_TO_INPUTMODE: Record<TextInputKeyboard, React.HTMLAttributes<HTMLInputElement>['inputMode']> = {\n  text: 'text', numeric: 'numeric', decimal: 'decimal',\n  tel: 'tel', email: 'email', url: 'url', search: 'search',\n};\n\nexport interface TextInputClassNames {\n  /** outer wrapper (Flutter: the field's column). Default: formGroup-like. */\n  root?: string;\n  label?: string;\n  /** wrapper around input + adornments; only rendered when an adornment/counter exists. */\n  field?: string;\n  input?: string;\n  prefix?: string;\n  suffix?: string;\n  /** the secure (eye) toggle button. */\n  toggle?: string;\n  /** helper / error / valid text below the field. */\n  helper?: string;\n  counter?: string;\n}\n\nexport interface TextInputProps {\n  // ---- value (controlled or uncontrolled) ----\n  value?: string;\n  defaultValue?: string;\n  /** Flutter `onChanged(String)` — receives the new value (and the raw event). */\n  onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;\n\n  // ---- decoration ----\n  label?: React.ReactNode;\n  /** placeholder (Flutter `hintText`). */\n  hint?: string;\n  /** leading adornment inside the box (e.g. `@`, `+`). */\n  prefix?: React.ReactNode;\n  /** trailing adornment (rendered before the secure toggle if both present). */\n  suffix?: React.ReactNode;\n  /** helper / error / valid message below the field. */\n  helperText?: React.ReactNode;\n  /** drives helper color + `aria-invalid`. */\n  status?: TextInputStatus;\n  /** show a `len/maxLength` counter; or a custom renderer. */\n  counter?: boolean | ((len: number, maxLength?: number) => React.ReactNode);\n\n  // ---- behavior ----\n  type?: React.HTMLInputTypeAttribute;\n  /** password field (Flutter `obscureText`). */\n  obscureText?: boolean;\n  /** render an eye button to toggle obscure on/off. Implies obscureText default. */\n  secureToggle?: boolean;\n  /** called when the secure (eye) toggle flips; receives the new revealed state. */\n  onSecureToggle?: (revealed: boolean) => void;\n  /** maps to `inputMode` (Flutter `keyboardType`). */\n  keyboardType?: TextInputKeyboard;\n  /** transform typed text (e.g. code fields). */\n  transform?: 'none' | 'uppercase' | 'lowercase';\n  maxLength?: number;\n  pattern?: string;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  readOnly?: boolean;\n  name?: string;\n  id?: string;\n  autoComplete?: string;\n  autoCapitalize?: string;\n  enterKeyHint?: React.HTMLAttributes<HTMLInputElement>['enterKeyHint'];\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  // ---- styling ----\n  classNames?: TextInputClassNames;\n  /** shortcut for `classNames.root`. */\n  className?: string;\n  style?: React.CSSProperties;\n  /**\n   * Theme for the BUILT-IN default styles only. When set, the default class for a slot\n   * is composed as `slot` + `slot_theme` (e.g. `input` + `input_dark`) — the same\n   * convention as an `applyTheme` helper, but self-contained: this component depends on\n   * nothing but React and its own CSS. Ignored for any slot the caller styles via\n   * `classNames` (those already carry their own theming). Feed it from whatever theme\n   * source you use — in academix that's `useTheme()`; any other developer passes a plain\n   * `'light' | 'dark'`, or omits it and styles via `classNames`.\n   */\n  theme?: 'light' | 'dark';\n\n  // ---- events / escape hatch ----\n  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** spread onto the underlying <input> for anything not covered above. */\n  inputProps?: Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'value' | 'defaultValue' | 'onChange' | 'className'\n  >;\n}\n\n/**\n * Pick the class for a slot (hybrid rule): a caller-supplied class REPLACES the\n * built-in default. When falling back to the default and a `theme` is given, compose\n * `slot` + `slot_theme` exactly like ThemeContext's `applyTheme` — so a new page that\n * passes no classes still gets a themed field, consistent with the rest of the site.\n */\nfunction pickSlot(\n  caller: string | undefined,\n  name: keyof typeof defaults,\n  theme?: 'light' | 'dark',\n): string | undefined {\n  if (caller != null) return caller;\n  const base = defaults[name];\n  if (!base) return undefined;\n  const variant = theme ? defaults[`${name}_${theme}` as keyof typeof defaults] : undefined;\n  return variant ? `${base} ${variant}` : base;\n}\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(function TextInput(\n  {\n    value, defaultValue, onChange,\n    label, hint, prefix, suffix, helperText, status = 'default', counter,\n    type = 'text', obscureText, secureToggle, onSecureToggle, keyboardType, transform = 'none',\n    maxLength, pattern, autoFocus, disabled, required, readOnly, name, id,\n    autoComplete, autoCapitalize, enterKeyHint, inputMode,\n    classNames = {}, className, style, theme,\n    onFocus, onBlur, onKeyDown, onKeyPress, inputProps,\n  },\n  ref,\n) {\n  const reactId = useId();\n  const fieldId = id ?? `txt-${reactId}`;\n  const [reveal, setReveal] = useState(false);\n\n  const secure = obscureText ?? !!secureToggle;\n  const resolvedType = secure ? (reveal ? 'text' : 'password') : type;\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      let v = e.target.value;\n      if (transform === 'uppercase') v = v.toUpperCase();\n      else if (transform === 'lowercase') v = v.toLowerCase();\n      // reflect the transform back onto the controlled value\n      if (v !== e.target.value) e.target.value = v;\n      onChange?.(v, e);\n    },\n    [transform, onChange],\n  );\n\n  const len = value?.length ?? 0;\n  const hasAdornment = !!prefix || !!suffix || (secure && secureToggle) || !!counter;\n  const statusClass =\n    status === 'error' ? defaults.statusError\n      : status === 'valid' ? defaults.statusValid\n        : status === 'info' ? defaults.statusInfo\n          : undefined;\n\n  const inputEl = (\n    <input\n      {...inputProps}\n      ref={ref}\n      id={fieldId}\n      name={name}\n      type={resolvedType}\n      value={value}\n      defaultValue={defaultValue}\n      onChange={handleChange}\n      placeholder={hint}\n      className={pickSlot(classNames.input, 'input', theme)}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      autoFocus={autoFocus}\n      maxLength={maxLength}\n      pattern={pattern}\n      autoComplete={autoComplete}\n      autoCapitalize={autoCapitalize}\n      enterKeyHint={enterKeyHint}\n      inputMode={inputMode ?? (keyboardType ? KEYBOARD_TO_INPUTMODE[keyboardType] : undefined)}\n      aria-invalid={status === 'error' || (inputProps?.['aria-invalid'] as boolean | undefined) || undefined}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n      onKeyPress={onKeyPress}\n    />\n  );\n\n  return (\n    <div className={pickSlot(className ?? classNames.root, 'root', theme)} style={style}>\n      {label != null && (\n        <label htmlFor={fieldId} className={pickSlot(classNames.label, 'label', theme)}>\n          {label}\n        </label>\n      )}\n\n      {hasAdornment ? (\n        <div className={pickSlot(classNames.field, 'field', theme)}>\n          {prefix != null && (\n            <span className={pickSlot(classNames.prefix, 'prefix', theme)}>{prefix}</span>\n          )}\n          {inputEl}\n          {suffix != null && (\n            <span className={pickSlot(classNames.suffix, 'suffix', theme)}>{suffix}</span>\n          )}\n          {secure && secureToggle && (\n            <button\n              type=\"button\"\n              className={pickSlot(classNames.toggle, 'toggle', theme)}\n              onClick={() => { setReveal((r) => !r); onSecureToggle?.(!reveal); }}\n              aria-label={reveal ? 'Hide password' : 'Show password'}\n              tabIndex={-1}\n            >\n              {reveal ? <EyeOpen /> : <EyeClosed />}\n            </button>\n          )}\n          {counter && (\n            <div className={pickSlot(classNames.counter, 'counter', theme)}>\n              {typeof counter === 'function' ? counter(len, maxLength) : `${len}${maxLength ? `/${maxLength}` : ''}`}\n            </div>\n          )}\n        </div>\n      ) : (\n        inputEl\n      )}\n\n      {helperText != null && (\n        <p\n          className={\n            // When a route supplies its own helper class it already carries the status\n            // color; only fall back to the default helper + status color otherwise.\n            classNames.helper\n              ? classNames.helper\n              : `${pickSlot(undefined, 'helper', theme)}${statusClass ? ` ${statusClass}` : ''}`\n          }\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n});\n\n/* Default eye icons (match login's SVGs closely; overridable by not using secureToggle\n   and passing your own suffix). */\nfunction EyeOpen() {\n  return (\n    <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden>\n      <path d=\"M1 12C1 12 5 4 12 4C19 4 23 12 23 12\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      <path d=\"M1 12C1 12 5 20 12 20C19 20 23 12 23 12\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\nfunction EyeClosed() {\n  return (\n    <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden>\n      <path d=\"M10.5858 10.5858C10.2107 10.9609 10 11.4696 10 12C10 13.1046 10.8954 14 12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      <path d=\"M17.6112 17.6112C16.0556 18.979 14.1364 19.7493 12.0001 19.7493C5.63647 19.7493 2.25011 12.3743 2.25011 12.3743C3.47011 10.1443 5.27761 8.35577 7.38911 7.13965\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      <path d=\"M20.8892 6.00928C21.8292 6.78928 22.6732 7.70428 23.3892 8.72428C23.7502 9.23428 23.7502 9.91428 23.3892 10.4243C22.6732 11.4443 21.8292 12.3593 20.8892 13.1393\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      <path d=\"M14.9318 6.00928C13.6618 5.38928 12.2818 5.02928 10.8188 5.00928C9.35585 4.98928 7.93185 5.30928 6.61185 5.88928\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      <path d=\"M21 3L3 21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","'use client';\n\nimport React from 'react';\n// Headless: no bundled default styles — style every slot via `classNames`.\nconst defaults: Record<string, string> = {};\n\n/**\n * SelectField — a Flutter `DropdownButtonFormField`-idiom trigger (Workstream F-next\n * form family). It renders only the FIELD (label + optional description + a button that\n * shows the selected value or a placeholder); the actual picker (a SelectionViewer /\n * bottom-sheet) stays owned by the page and is opened via `onOpen`.\n *\n * Same contract as TextInput: HYBRID styling (a `classNames` slot class REPLACES the\n * built-in default for that slot) + a self-contained `theme` prop (no app coupling).\n */\n\nexport type SelectFieldStatus = 'default' | 'error' | 'valid' | 'info';\n\nexport interface SelectFieldClassNames {\n  root?: string;\n  label?: string;\n  description?: string;\n  /** the trigger button. */\n  control?: string;\n  /** trailing adornment wrapper (e.g. a chevron). */\n  trailing?: string;\n  helper?: string;\n}\n\nexport interface SelectFieldProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  /** the display value; when empty the `placeholder` shows. */\n  value?: React.ReactNode;\n  placeholder?: React.ReactNode;\n  /** open the picker (SelectionViewer). */\n  onOpen?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** trailing content inside the control (e.g. a chevron icon). */\n  trailing?: React.ReactNode;\n  disabled?: boolean;\n  helperText?: React.ReactNode;\n  status?: SelectFieldStatus;\n  id?: string;\n  name?: string;\n  classNames?: SelectFieldClassNames;\n  className?: string;\n  style?: React.CSSProperties;\n  theme?: 'light' | 'dark';\n}\n\nfunction pickSlot(\n  caller: string | undefined,\n  name: keyof typeof defaults,\n  theme?: 'light' | 'dark',\n): string | undefined {\n  if (caller != null) return caller;\n  const base = defaults[name];\n  if (!base) return undefined;\n  const variant = theme ? defaults[`${name}_${theme}` as keyof typeof defaults] : undefined;\n  return variant ? `${base} ${variant}` : base;\n}\n\nexport function SelectField({\n  label, description, value, placeholder = 'Select', onOpen, trailing,\n  disabled, helperText, status = 'default', id, name,\n  classNames = {}, className, style, theme,\n}: SelectFieldProps) {\n  const statusClass =\n    status === 'error' ? defaults.statusError\n      : status === 'valid' ? defaults.statusValid\n        : status === 'info' ? defaults.statusInfo\n          : undefined;\n\n  const hasValue = value != null && value !== '';\n\n  return (\n    <div className={pickSlot(className ?? classNames.root, 'root', theme)} style={style}>\n      {label != null && (\n        <label htmlFor={id} className={pickSlot(classNames.label, 'label', theme)}>{label}</label>\n      )}\n      {description != null && (\n        <p className={pickSlot(classNames.description, 'description', theme)}>{description}</p>\n      )}\n      <button\n        type=\"button\"\n        id={id}\n        name={name}\n        onClick={onOpen}\n        disabled={disabled}\n        aria-invalid={status === 'error' || undefined}\n        className={pickSlot(classNames.control, 'control', theme)}\n      >\n        {hasValue ? value : placeholder}\n        {trailing != null && (\n          <span className={pickSlot(classNames.trailing, 'trailing', theme)}>{trailing}</span>\n        )}\n      </button>\n      {helperText != null && (\n        <p\n          className={\n            classNames.helper\n              ? classNames.helper\n              : `${pickSlot(undefined, 'helper', theme)}${statusClass ? ` ${statusClass}` : ''}`\n          }\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport React, { useId } from 'react';\n// Headless: no bundled default styles — style every slot via `classNames`.\nconst defaults: Record<string, string> = {};\n\n/**\n * Checkbox — a Flutter `Checkbox`/`CheckboxListTile`-idiom control (form family). A\n * hidden native <input type=checkbox> drives a custom box + check icon and a text label,\n * so it stays accessible and form-submittable while looking however the page wants.\n *\n * HYBRID styling + self-contained `theme` prop, same contract as TextInput/SelectField.\n */\n\nexport interface CheckboxClassNames {\n  /** the wrapping <label>. */\n  label?: string;\n  /** the (visually-hidden) native input. */\n  input?: string;\n  /** the custom box that shows the check. */\n  box?: string;\n  /** the check icon inside the box. */\n  icon?: string;\n  /** the text beside the box. */\n  text?: string;\n}\n\nexport interface CheckboxProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  /** Flutter `onChanged(bool)`. */\n  onChange?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** label content beside the box. */\n  children?: React.ReactNode;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  value?: string;\n  /** custom check icon (defaults to a checkmark). */\n  icon?: React.ReactNode;\n  classNames?: CheckboxClassNames;\n  className?: string;\n  style?: React.CSSProperties;\n  theme?: 'light' | 'dark';\n}\n\nfunction pickSlot(\n  caller: string | undefined,\n  name: keyof typeof defaults,\n  theme?: 'light' | 'dark',\n): string | undefined {\n  if (caller != null) return caller;\n  const base = defaults[name];\n  if (!base) return undefined;\n  const variant = theme ? defaults[`${name}_${theme}` as keyof typeof defaults] : undefined;\n  return variant ? `${base} ${variant}` : base;\n}\n\nexport function Checkbox({\n  checked, defaultChecked, onChange, children, disabled, required, name, id, value,\n  icon, classNames = {}, className, style, theme,\n}: CheckboxProps) {\n  const reactId = useId();\n  const fieldId = id ?? `chk-${reactId}`;\n  const isChecked = checked;\n\n  return (\n    <label htmlFor={fieldId} className={pickSlot(className ?? classNames.label, 'label', theme)} style={style}>\n      <input\n        id={fieldId}\n        type=\"checkbox\"\n        name={name}\n        value={value}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        onChange={(e) => onChange?.(e.target.checked, e)}\n        disabled={disabled}\n        required={required}\n        className={pickSlot(classNames.input, 'input', theme)}\n      />\n      <span className={pickSlot(classNames.box, 'box', theme)} aria-hidden>\n        {isChecked && (icon ?? (\n          <svg className={pickSlot(classNames.icon, 'icon', theme)} viewBox=\"0 0 16 16\" fill=\"none\">\n            <path\n              d=\"M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        ))}\n      </span>\n      {children != null && (\n        <span className={pickSlot(classNames.text, 'text', theme)}>{children}</span>\n      )}\n    </label>\n  );\n}\n","'use client';\n\nimport React from 'react';\n// Headless: no bundled default styles — style every slot via `classNames`.\nconst defaults: Record<string, string> = {};\n\n/**\n * RadioGroup — a Flutter `Radio`/`RadioListTile` group (form family). Renders a set of\n * selectable \"cards\": each is a <label> wrapping a native <input type=radio> plus content,\n * with a `selected` class on the active one. Accessible + form-submittable.\n *\n * HYBRID styling + self-contained `theme` prop, same contract as the rest of the family.\n */\n\nexport interface RadioOption<V extends string = string> {\n  value: V;\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupClassNames {\n  /** wrapper around all items. */\n  group?: string;\n  /** each item <label>. */\n  item?: string;\n  /** appended to the selected item's <label>. */\n  itemSelected?: string;\n  /** the native radio input. */\n  input?: string;\n  /** wrapper around an item's label content. */\n  content?: string;\n  /** the item's text. */\n  text?: string;\n}\n\nexport interface RadioGroupProps<V extends string = string> {\n  name: string;\n  value?: V;\n  onChange?: (value: V) => void;\n  options: RadioOption<V>[];\n  disabled?: boolean;\n  classNames?: RadioGroupClassNames;\n  className?: string;\n  style?: React.CSSProperties;\n  theme?: 'light' | 'dark';\n}\n\nfunction pickSlot(\n  caller: string | undefined,\n  name: keyof typeof defaults,\n  theme?: 'light' | 'dark',\n): string | undefined {\n  if (caller != null) return caller;\n  const base = defaults[name];\n  if (!base) return undefined;\n  const variant = theme ? defaults[`${name}_${theme}` as keyof typeof defaults] : undefined;\n  return variant ? `${base} ${variant}` : base;\n}\n\nexport function RadioGroup<V extends string = string>({\n  name, value, onChange, options, disabled,\n  classNames = {}, className, style, theme,\n}: RadioGroupProps<V>) {\n  const itemBase = pickSlot(classNames.item, 'item', theme);\n  const itemSelected = pickSlot(classNames.itemSelected, 'itemSelected', theme);\n\n  return (\n    <div className={pickSlot(className ?? classNames.group, 'group', theme)} style={style} role=\"radiogroup\">\n      {options.map((opt) => {\n        const selected = value === opt.value;\n        return (\n          <label\n            key={opt.value}\n            className={`${itemBase ?? ''}${selected && itemSelected ? ` ${itemSelected}` : ''}`.trim() || undefined}\n          >\n            <input\n              type=\"radio\"\n              name={name}\n              value={opt.value}\n              checked={selected}\n              onChange={() => onChange?.(opt.value)}\n              disabled={disabled || opt.disabled}\n              className={pickSlot(classNames.input, 'input', theme)}\n            />\n            <div className={pickSlot(classNames.content, 'content', theme)}>\n              <span className={pickSlot(classNames.text, 'text', theme)}>{opt.label}</span>\n            </div>\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n"]}