@neuronix-tech/ui 0.0.0-stage → 0.2.0

package/dist/hooks/use-number-mask.js

@@ -0,0 +1,59 @@
+"use client";
+import { useLayoutEffect, useRef, useState } from "react";
+import { groupNumeric, stripGroups } from "../lib/format/number.js";
+function parseNumeric(raw) {
+  if (raw === "" || raw === "-" || raw === ".") return null;
+  const n = Number(raw);
+  return Number.isFinite(n) ? n : null;
+}
+const countSignificant = (s) => (s.match(/[\d.-]/g) ?? []).length;
+function caretAfterSignificant(formatted, anchor) {
+  if (anchor <= 0) return 0;
+  let seen = 0;
+  for (let i = 0; i < formatted.length; i += 1) {
+    if (formatted[i] !== ",") {
+      seen += 1;
+      if (seen === anchor) return i + 1;
+    }
+  }
+  return formatted.length;
+}
+function useNumberMask({
+  value,
+  sanitize,
+  format,
+  onValueChange,
+  group = true
+}) {
+  const ref = useRef(null);
+  const caret = useRef(null);
+  const mask = (raw) => group ? groupNumeric(raw) : raw;
+  const toDisplay = (v) => mask(v === null ? "" : format(v));
+  const [display, setDisplay] = useState(() => toDisplay(value));
+  const [lastExternal, setLastExternal] = useState(value);
+  if (value !== lastExternal) {
+    setLastExternal(value);
+    if (parseNumeric(stripGroups(display)) !== value) setDisplay(toDisplay(value));
+  }
+  useLayoutEffect(() => {
+    if (caret.current !== null && ref.current) {
+      ref.current.setSelectionRange(caret.current, caret.current);
+      caret.current = null;
+    }
+  });
+  const onChange = (event) => {
+    const raw = event.target.value;
+    const anchor = countSignificant(raw.slice(0, event.target.selectionStart ?? raw.length));
+    const cleaned = sanitize(stripGroups(raw));
+    const next = mask(cleaned);
+    setDisplay(next);
+    caret.current = next === display ? null : caretAfterSignificant(next, anchor);
+    onValueChange(parseNumeric(cleaned));
+  };
+  const reformat = (v = value) => setDisplay(toDisplay(v));
+  return { ref, display, onChange, reformat };
+}
+export {
+  useNumberMask
+};
+//# sourceMappingURL=use-number-mask.js.map

package/dist/hooks/use-number-mask.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-number-mask.ts"],"sourcesContent":["\"use client\"\n\nimport { useLayoutEffect, useRef, useState } from \"react\"\n\nimport { groupNumeric, stripGroups } from \"../lib/format/number.js\"\n\nfunction parseNumeric(raw: string): number | null {\n  if (raw === \"\" || raw === \"-\" || raw === \".\") return null\n  const n = Number(raw)\n  return Number.isFinite(n) ? n : null\n}\n\nconst countSignificant = (s: string) => (s.match(/[\\d.-]/g) ?? []).length\n\n// Caret index just after the `anchor`-th significant (non-comma) char.\nfunction caretAfterSignificant(formatted: string, anchor: number): number {\n  if (anchor <= 0) return 0\n  let seen = 0\n  for (let i = 0; i < formatted.length; i += 1) {\n    if (formatted[i] !== \",\") {\n      seen += 1\n      if (seen === anchor) return i + 1\n    }\n  }\n  return formatted.length\n}\n\ninterface UseNumberMaskArgs {\n  value: number | null\n  sanitize: (raw: string) => string\n  format: (value: number) => string\n  onValueChange: (value: number | null) => void\n  group?: boolean\n}\n\n/**\n * Live-formatting numeric input mask (ported from nx-automations): groups\n * thousands as the user types and keeps the caret stable when separators\n * shift. The form state stores `number | null` — the grouped string is\n * display only. Blur normalization (padding, clamping) is the caller's job\n * via `reformat`.\n */\nexport function useNumberMask({\n  value,\n  sanitize,\n  format,\n  onValueChange,\n  group = true,\n}: UseNumberMaskArgs) {\n  const ref = useRef<HTMLInputElement>(null)\n  const caret = useRef<number | null>(null)\n\n  const mask = (raw: string) => (group ? groupNumeric(raw) : raw)\n  const toDisplay = (v: number | null) => mask(v === null ? \"\" : format(v))\n\n  const [display, setDisplay] = useState(() => toDisplay(value))\n  const [lastExternal, setLastExternal] = useState(value)\n\n  // Re-sync from the form (reset / edit seeding) unless the user is mid-edit\n  // of the same numeric value.\n  if (value !== lastExternal) {\n    setLastExternal(value)\n    if (parseNumeric(stripGroups(display)) !== value) setDisplay(toDisplay(value))\n  }\n\n  useLayoutEffect(() => {\n    if (caret.current !== null && ref.current) {\n      ref.current.setSelectionRange(caret.current, caret.current)\n      caret.current = null\n    }\n  })\n\n  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = event.target.value\n    const anchor = countSignificant(raw.slice(0, event.target.selectionStart ?? raw.length))\n    const cleaned = sanitize(stripGroups(raw))\n    const next = mask(cleaned)\n    setDisplay(next)\n    // A rejected keystroke leaves `next` === `display`: no re-render happens,\n    // so null the caret rather than strand a stale index for a later render.\n    caret.current = next === display ? null : caretAfterSignificant(next, anchor)\n    onValueChange(parseNumeric(cleaned))\n  }\n\n  const reformat = (v: number | null = value) => setDisplay(toDisplay(v))\n\n  return { ref, display, onChange, reformat }\n}\n"],"mappings":";AAEA,SAAS,iBAAiB,QAAQ,gBAAgB;AAElD,SAAS,cAAc,mBAAmB;AAE1C,SAAS,aAAa,KAA4B;AAChD,MAAI,QAAQ,MAAM,QAAQ,OAAO,QAAQ,IAAK,QAAO;AACrD,QAAM,IAAI,OAAO,GAAG;AACpB,SAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC;AAEA,MAAM,mBAAmB,CAAC,OAAe,EAAE,MAAM,SAAS,KAAK,CAAC,GAAG;AAGnE,SAAS,sBAAsB,WAAmB,QAAwB;AACxE,MAAI,UAAU,EAAG,QAAO;AACxB,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK,GAAG;AAC5C,QAAI,UAAU,CAAC,MAAM,KAAK;AACxB,cAAQ;AACR,UAAI,SAAS,OAAQ,QAAO,IAAI;AAAA,IAClC;AAAA,EACF;AACA,SAAO,UAAU;AACnB;AAiBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAAsB;AACpB,QAAM,MAAM,OAAyB,IAAI;AACzC,QAAM,QAAQ,OAAsB,IAAI;AAExC,QAAM,OAAO,CAAC,QAAiB,QAAQ,aAAa,GAAG,IAAI;AAC3D,QAAM,YAAY,CAAC,MAAqB,KAAK,MAAM,OAAO,KAAK,OAAO,CAAC,CAAC;AAExE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,UAAU,KAAK,CAAC;AAC7D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAItD,MAAI,UAAU,cAAc;AAC1B,oBAAgB,KAAK;AACrB,QAAI,aAAa,YAAY,OAAO,CAAC,MAAM,MAAO,YAAW,UAAU,KAAK,CAAC;AAAA,EAC/E;AAEA,kBAAgB,MAAM;AACpB,QAAI,MAAM,YAAY,QAAQ,IAAI,SAAS;AACzC,UAAI,QAAQ,kBAAkB,MAAM,SAAS,MAAM,OAAO;AAC1D,YAAM,UAAU;AAAA,IAClB;AAAA,EACF,CAAC;AAED,QAAM,WAAW,CAAC,UAA+C;AAC/D,UAAM,MAAM,MAAM,OAAO;AACzB,UAAM,SAAS,iBAAiB,IAAI,MAAM,GAAG,MAAM,OAAO,kBAAkB,IAAI,MAAM,CAAC;AACvF,UAAM,UAAU,SAAS,YAAY,GAAG,CAAC;AACzC,UAAM,OAAO,KAAK,OAAO;AACzB,eAAW,IAAI;AAGf,UAAM,UAAU,SAAS,UAAU,OAAO,sBAAsB,MAAM,MAAM;AAC5E,kBAAc,aAAa,OAAO,CAAC;AAAA,EACrC;AAEA,QAAM,WAAW,CAAC,IAAmB,UAAU,WAAW,UAAU,CAAC,CAAC;AAEtE,SAAO,EAAE,KAAK,SAAS,UAAU,SAAS;AAC5C;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export { Button } from './components/button/button.js';
+export { ButtonProps } from './components/button/button.types.js';
+export { FormCurrencyInput } from './components/form-currency-input/form-currency-input.js';
+export { CurrencyCode, FormCurrencyInputProps } from './components/form-currency-input/form-currency-input.types.js';
+export { FormNumberInput } from './components/form-number-input/form-number-input.js';
+export { FormNumberInputProps } from './components/form-number-input/form-number-input.types.js';
+export { FormPercentageInput } from './components/form-percentage-input/form-percentage-input.js';
+export { FormPercentageInputProps } from './components/form-percentage-input/form-percentage-input.types.js';
+export { fractionToPercent, percentToFraction } from './lib/format/percent.js';
+export { FormTextInput } from './components/form-text-input/form-text-input.js';
+export { FormTextInputProps, TextInputType } from './components/form-text-input/form-text-input.types.js';
+export { IconButton } from './components/icon-button/icon-button.js';
+export { IconButtonProps } from './components/icon-button/icon-button.types.js';
+export { Spinner, SpinnerProps } from './components/spinner/spinner.js';
+export { Toaster, errorToast, successToast, warningToast } from './components/toast/toast.js';
+export { ToastActionOptions, ToastOptions } from './components/toast/toast.types.js';
+import 'react';
+import '@base-ui/react/button';
+import './components/button/button.variants.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import './lib/sealed.js';
+import 'react-hook-form';

package/dist/index.js

@@ -0,0 +1,38 @@
+import { Button } from "./components/button/index.js";
+import {
+  FormCurrencyInput
+} from "./components/form-currency-input/index.js";
+import {
+  FormNumberInput
+} from "./components/form-number-input/index.js";
+import {
+  FormPercentageInput
+} from "./components/form-percentage-input/index.js";
+import { percentToFraction, fractionToPercent } from "./lib/format/percent.js";
+import {
+  FormTextInput
+} from "./components/form-text-input/index.js";
+import { IconButton } from "./components/icon-button/index.js";
+import { Spinner } from "./components/spinner/index.js";
+import {
+  Toaster,
+  successToast,
+  warningToast,
+  errorToast
+} from "./components/toast/index.js";
+export {
+  Button,
+  FormCurrencyInput,
+  FormNumberInput,
+  FormPercentageInput,
+  FormTextInput,
+  IconButton,
+  Spinner,
+  Toaster,
+  errorToast,
+  fractionToPercent,
+  percentToFraction,
+  successToast,
+  warningToast
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @neuronix-tech/ui — sealed catalog barrel. Only finished catalog components are\n * exported here; primitives stay internal by design.\n */\nexport { Button, type ButtonProps } from \"./components/button/index.js\"\nexport {\n  FormCurrencyInput,\n  type FormCurrencyInputProps,\n  type CurrencyCode,\n} from \"./components/form-currency-input/index.js\"\nexport {\n  FormNumberInput,\n  type FormNumberInputProps,\n} from \"./components/form-number-input/index.js\"\nexport {\n  FormPercentageInput,\n  type FormPercentageInputProps,\n} from \"./components/form-percentage-input/index.js\"\nexport { percentToFraction, fractionToPercent } from \"./lib/format/percent.js\"\nexport {\n  FormTextInput,\n  type FormTextInputProps,\n  type TextInputType,\n} from \"./components/form-text-input/index.js\"\nexport { IconButton, type IconButtonProps } from \"./components/icon-button/index.js\"\nexport { Spinner, type SpinnerProps } from \"./components/spinner/index.js\"\nexport {\n  Toaster,\n  successToast,\n  warningToast,\n  errorToast,\n  type ToastOptions,\n  type ToastActionOptions,\n} from \"./components/toast/index.js\"\n"],"mappings":"AAIA,SAAS,cAAgC;AACzC;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,mBAAmB,yBAAyB;AACrD;AAAA,EACE;AAAA,OAGK;AACP,SAAS,kBAAwC;AACjD,SAAS,eAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;","names":[]}

package/dist/lib/cn.d.ts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Internal class combiner. Deliberately clsx-only — no tailwind-merge: consumers
+ * cannot pass className, so every class string is authored in this package and
+ * conflicts are resolved at authoring time, not runtime.
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/cn.js

@@ -0,0 +1,8 @@
+import { clsx } from "clsx";
+function cn(...inputs) {
+  return clsx(inputs);
+}
+export {
+  cn
+};
+//# sourceMappingURL=cn.js.map

package/dist/lib/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\n\n/**\n * Internal class combiner. Deliberately clsx-only — no tailwind-merge: consumers\n * cannot pass className, so every class string is authored in this package and\n * conflicts are resolved at authoring time, not runtime.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return clsx(inputs)\n}\n"],"mappings":"AAAA,SAAS,YAA6B;AAO/B,SAAS,MAAM,QAA8B;AAClD,SAAO,KAAK,MAAM;AACpB;","names":[]}

package/dist/lib/format/number.d.ts

@@ -0,0 +1,6 @@
+declare const stripGroups: (s: string) => string;
+declare function groupNumeric(raw: string): string;
+declare function sanitizeDecimal(raw: string, maxDecimals?: number): string;
+declare const asFiniteNumber: (value: unknown) => number | null;
+
+export { asFiniteNumber, groupNumeric, sanitizeDecimal, stripGroups };

package/dist/lib/format/number.js

@@ -0,0 +1,26 @@
+const stripGroups = (s) => s.replace(/,/g, "");
+function groupNumeric(raw) {
+  if (raw === "" || raw === "-") return raw;
+  const negative = raw.startsWith("-");
+  const body = negative ? raw.slice(1) : raw;
+  const dot = body.indexOf(".");
+  const intPart = dot === -1 ? body : body.slice(0, dot);
+  const rest = dot === -1 ? "" : body.slice(dot);
+  const grouped = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return `${negative ? "-" : ""}${grouped}${rest}`;
+}
+function sanitizeDecimal(raw, maxDecimals = 2) {
+  const s = raw.replace(/[^\d.]/g, "");
+  const dot = s.indexOf(".");
+  if (dot === -1) return s;
+  const dec = s.slice(dot + 1).replace(/\./g, "").slice(0, maxDecimals);
+  return `${s.slice(0, dot)}.${dec}`;
+}
+const asFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value) ? value : null;
+export {
+  asFiniteNumber,
+  groupNumeric,
+  sanitizeDecimal,
+  stripGroups
+};
+//# sourceMappingURL=number.js.map

package/dist/lib/format/number.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/format/number.ts"],"sourcesContent":["// Live-input helpers — operate on partial numeric strings while typing, which\n// Intl.NumberFormat can't (it needs a complete number). Used by the numeric\n// form inputs' mask (see hooks/use-number-mask). Ported from nx-automations.\n\nexport const stripGroups = (s: string) => s.replace(/,/g, \"\")\n\n// Assumes an already-sanitized string (digits, optional leading \"-\", one \".\").\nexport function groupNumeric(raw: string): string {\n  if (raw === \"\" || raw === \"-\") return raw\n  const negative = raw.startsWith(\"-\")\n  const body = negative ? raw.slice(1) : raw\n  const dot = body.indexOf(\".\")\n  const intPart = dot === -1 ? body : body.slice(0, dot)\n  const rest = dot === -1 ? \"\" : body.slice(dot)\n  const grouped = intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n  return `${negative ? \"-\" : \"\"}${grouped}${rest}`\n}\n\nexport function sanitizeDecimal(raw: string, maxDecimals = 2): string {\n  const s = raw.replace(/[^\\d.]/g, \"\")\n  const dot = s.indexOf(\".\")\n  if (dot === -1) return s\n  const dec = s\n    .slice(dot + 1)\n    .replace(/\\./g, \"\")\n    .slice(0, maxDecimals)\n  return `${s.slice(0, dot)}.${dec}`\n}\n\nexport const asFiniteNumber = (value: unknown): number | null =>\n  typeof value === \"number\" && Number.isFinite(value) ? value : null\n"],"mappings":"AAIO,MAAM,cAAc,CAAC,MAAc,EAAE,QAAQ,MAAM,EAAE;AAGrD,SAAS,aAAa,KAAqB;AAChD,MAAI,QAAQ,MAAM,QAAQ,IAAK,QAAO;AACtC,QAAM,WAAW,IAAI,WAAW,GAAG;AACnC,QAAM,OAAO,WAAW,IAAI,MAAM,CAAC,IAAI;AACvC,QAAM,MAAM,KAAK,QAAQ,GAAG;AAC5B,QAAM,UAAU,QAAQ,KAAK,OAAO,KAAK,MAAM,GAAG,GAAG;AACrD,QAAM,OAAO,QAAQ,KAAK,KAAK,KAAK,MAAM,GAAG;AAC7C,QAAM,UAAU,QAAQ,QAAQ,yBAAyB,GAAG;AAC5D,SAAO,GAAG,WAAW,MAAM,EAAE,GAAG,OAAO,GAAG,IAAI;AAChD;AAEO,SAAS,gBAAgB,KAAa,cAAc,GAAW;AACpE,QAAM,IAAI,IAAI,QAAQ,WAAW,EAAE;AACnC,QAAM,MAAM,EAAE,QAAQ,GAAG;AACzB,MAAI,QAAQ,GAAI,QAAO;AACvB,QAAM,MAAM,EACT,MAAM,MAAM,CAAC,EACb,QAAQ,OAAO,EAAE,EACjB,MAAM,GAAG,WAAW;AACvB,SAAO,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,IAAI,GAAG;AAClC;AAEO,MAAM,iBAAiB,CAAC,UAC7B,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,IAAI,QAAQ;","names":[]}

package/dist/lib/format/percent.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Percentage boundary converters.
+ *
+ * FormPercentageInput stores PERCENT POINTS in form state (user types 15 →
+ * state holds 15) — the UI convention (what you see is what's stored). When a
+ * backend or formula expects a FRACTION (0.15), convert explicitly at the
+ * boundary with these — one greppable call instead of scattered `/100`s.
+ *
+ *   api.discountRate = percentToFraction(values.discount)   // 15 → 0.15
+ *   defaultValues: { discount: fractionToPercent(api.rate) } // 0.15 → 15
+ */
+declare const percentToFraction: (points: number | null) => number | null;
+declare const fractionToPercent: (fraction: number | null) => number | null;
+
+export { fractionToPercent, percentToFraction };

package/dist/lib/format/percent.js

@@ -0,0 +1,7 @@
+const percentToFraction = (points) => points === null ? null : points / 100;
+const fractionToPercent = (fraction) => fraction === null ? null : fraction * 100;
+export {
+  fractionToPercent,
+  percentToFraction
+};
+//# sourceMappingURL=percent.js.map

package/dist/lib/format/percent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/format/percent.ts"],"sourcesContent":["/**\n * Percentage boundary converters.\n *\n * FormPercentageInput stores PERCENT POINTS in form state (user types 15 →\n * state holds 15) — the UI convention (what you see is what's stored). When a\n * backend or formula expects a FRACTION (0.15), convert explicitly at the\n * boundary with these — one greppable call instead of scattered `/100`s.\n *\n *   api.discountRate = percentToFraction(values.discount)   // 15 → 0.15\n *   defaultValues: { discount: fractionToPercent(api.rate) } // 0.15 → 15\n */\nexport const percentToFraction = (points: number | null): number | null =>\n  points === null ? null : points / 100\n\nexport const fractionToPercent = (fraction: number | null): number | null =>\n  fraction === null ? null : fraction * 100\n"],"mappings":"AAWO,MAAM,oBAAoB,CAAC,WAChC,WAAW,OAAO,OAAO,SAAS;AAE7B,MAAM,oBAAoB,CAAC,aAChC,aAAa,OAAO,OAAO,WAAW;","names":[]}

package/dist/lib/sealed.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The sealing type: strips styling escape hatches from a props contract.
+ *
+ * Neuronix UI components are Legos — devs pick variants and sizes from a fixed
+ * menu and make no other UI decisions. `className`/`style` are removed at the
+ * type level, and components never spread unknown props onto styled nodes, so
+ * JS-level smuggling is inert too. Layout placement belongs to the layout
+ * components (Box/Stack/Grid/GridItem), never to per-component overrides.
+ *
+ * `data-*` attributes still pass through for testing and analytics.
+ */
+type Sealed<T> = Omit<T, "className" | "style">;
+
+export type { Sealed };

package/dist/lib/sealed.js

@@ -0,0 +1 @@
+//# sourceMappingURL=sealed.js.map

package/dist/lib/sealed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/primitives/field.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { LabelPrimitive } from './label.js';
+
+/**
+ * Internal field skeleton (ported subset of nx-automations ui/field.tsx —
+ * vertical orientation only; more variants come with future components).
+ * Every form input renders: Field → FieldLabel → control → FieldError.
+ */
+declare function Field({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive>): react.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): react.JSX.Element | null;
+
+export { Field, FieldError, FieldLabel };

package/dist/primitives/field.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "../lib/cn.js";
+import { LabelPrimitive } from "./label.js";
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": "vertical",
+      className: cn(
+        "nxui:group/field nxui:flex nxui:w-full nxui:gap-2 nxui:flex-col nxui:*:w-full nxui:[&>.sr-only]:w-auto nxui:data-[invalid=true]:text-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "nxui:group/field-label nxui:peer/field-label nxui:flex nxui:w-fit nxui:gap-2 nxui:leading-snug nxui:group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors?.length) {
+      return null;
+    }
+    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+    if (uniqueErrors?.length == 1) {
+      return uniqueErrors[0]?.message;
+    }
+    return /* @__PURE__ */ jsx("ul", { className: "nxui:ml-4 nxui:flex nxui:list-disc nxui:flex-col nxui:gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("nxui:text-body/relaxed nxui:font-normal nxui:text-destructive", className),
+      ...props,
+      children: content
+    }
+  );
+}
+export {
+  Field,
+  FieldError,
+  FieldLabel
+};
+//# sourceMappingURL=field.js.map

package/dist/primitives/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives/field.tsx"],"sourcesContent":["\"use client\"\n\nimport { useMemo } from \"react\"\n\nimport { cn } from \"../lib/cn.js\"\nimport { LabelPrimitive } from \"./label.js\"\n\n/**\n * Internal field skeleton (ported subset of nx-automations ui/field.tsx —\n * vertical orientation only; more variants come with future components).\n * Every form input renders: Field → FieldLabel → control → FieldError.\n */\n\nfunction Field({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation=\"vertical\"\n      className={cn(\n        \"nxui:group/field nxui:flex nxui:w-full nxui:gap-2 nxui:flex-col nxui:*:w-full nxui:[&>.sr-only]:w-auto nxui:data-[invalid=true]:text-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive>) {\n  return (\n    <LabelPrimitive\n      data-slot=\"field-label\"\n      className={cn(\n        \"nxui:group/field-label nxui:peer/field-label nxui:flex nxui:w-fit nxui:gap-2 nxui:leading-snug nxui:group-data-[disabled=true]/field:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n    if (!errors?.length) {\n      return null\n    }\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()]\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message\n    }\n    return (\n      <ul className=\"nxui:ml-4 nxui:flex nxui:list-disc nxui:flex-col nxui:gap-1\">\n        {uniqueErrors.map(\n          (error, index) => error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(\"nxui:text-body/relaxed nxui:font-normal nxui:text-destructive\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport { Field, FieldLabel, FieldError }\n"],"mappings":";AAeI;AAbJ,SAAS,eAAe;AAExB,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAQ/B,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAgC;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAiB;AAAA,MACjB,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgD;AACxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,UAAU,QAAQ,MAAM;AAC5B,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AACA,QAAI,CAAC,QAAQ,QAAQ;AACnB,aAAO;AAAA,IACT;AACA,UAAM,eAAe,CAAC,GAAG,IAAI,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,SAAS,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC;AACzF,QAAI,cAAc,UAAU,GAAG;AAC7B,aAAO,aAAa,CAAC,GAAG;AAAA,IAC1B;AACA,WACE,oBAAC,QAAG,WAAU,+DACX,uBAAa;AAAA,MACZ,CAAC,OAAO,UAAU,OAAO,WAAW,oBAAC,QAAgB,gBAAM,WAAd,KAAsB;AAAA,IACrE,GACF;AAAA,EAEJ,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW,GAAG,iEAAiE,SAAS;AAAA,MACvF,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/primitives/form-field.d.ts

@@ -0,0 +1,27 @@
+import * as react from 'react';
+
+/**
+ * Shared pieces of the Form* input skeleton, so every input in the family has
+ * an identical label (asterisk, hint) and loading treatment without each
+ * component re-implementing them.
+ */
+interface FormFieldLabelProps {
+    htmlFor: string;
+    label: string;
+    optional: boolean;
+    labelHint?: string;
+}
+/**
+ * The uniform Form* label: required-by-default asterisk and the optional
+ * dotted-underline hint tooltip. A single inline wrapper keeps the label's
+ * flex gap from ever separating the asterisk from the text.
+ */
+declare function FormFieldLabel({ htmlFor, label, optional, labelHint }: FormFieldLabelProps): react.JSX.Element;
+/**
+ * Spinner overlay for a control whose value is being seeded asynchronously.
+ * Render inside the control's `nxui:relative` wrapper; pair with disabling the
+ * control itself.
+ */
+declare function ControlLoadingOverlay(): react.JSX.Element;
+
+export { ControlLoadingOverlay, FormFieldLabel };

package/dist/primitives/form-field.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FieldLabel } from "./field.js";
+import { SpinnerPrimitive } from "./spinner.js";
+import { TooltipContent, TooltipRoot, TooltipTrigger } from "./tooltip.js";
+function FormFieldLabel({ htmlFor, label, optional, labelHint }) {
+  return /* @__PURE__ */ jsx(FieldLabel, { htmlFor, children: /* @__PURE__ */ jsxs("span", { children: [
+    labelHint ? /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+      /* @__PURE__ */ jsx(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ jsx("span", { className: "nxui:underline nxui:decoration-dotted nxui:underline-offset-4" }),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "nxui:max-w-xs nxui:text-left", children: labelHint })
+    ] }) : label,
+    !optional && " *"
+  ] }) });
+}
+function ControlLoadingOverlay() {
+  return /* @__PURE__ */ jsx("div", { className: "nxui:absolute nxui:inset-0 nxui:m-0.5 nxui:flex nxui:items-center nxui:justify-center nxui:bg-background", children: /* @__PURE__ */ jsx(SpinnerPrimitive, {}) });
+}
+export {
+  ControlLoadingOverlay,
+  FormFieldLabel
+};
+//# sourceMappingURL=form-field.js.map

package/dist/primitives/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives/form-field.tsx"],"sourcesContent":["import { FieldLabel } from \"./field.js\"\nimport { SpinnerPrimitive } from \"./spinner.js\"\nimport { TooltipContent, TooltipRoot, TooltipTrigger } from \"./tooltip.js\"\n\n/**\n * Shared pieces of the Form* input skeleton, so every input in the family has\n * an identical label (asterisk, hint) and loading treatment without each\n * component re-implementing them.\n */\n\ninterface FormFieldLabelProps {\n  htmlFor: string\n  label: string\n  optional: boolean\n  labelHint?: string\n}\n\n/**\n * The uniform Form* label: required-by-default asterisk and the optional\n * dotted-underline hint tooltip. A single inline wrapper keeps the label's\n * flex gap from ever separating the asterisk from the text.\n */\nfunction FormFieldLabel({ htmlFor, label, optional, labelHint }: FormFieldLabelProps) {\n  return (\n    <FieldLabel htmlFor={htmlFor}>\n      <span>\n        {labelHint ? (\n          <TooltipRoot>\n            <TooltipTrigger\n              render={\n                <span className=\"nxui:underline nxui:decoration-dotted nxui:underline-offset-4\" />\n              }\n            >\n              {label}\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\" className=\"nxui:max-w-xs nxui:text-left\">\n              {labelHint}\n            </TooltipContent>\n          </TooltipRoot>\n        ) : (\n          label\n        )}\n        {!optional && \" *\"}\n      </span>\n    </FieldLabel>\n  )\n}\n\n/**\n * Spinner overlay for a control whose value is being seeded asynchronously.\n * Render inside the control's `nxui:relative` wrapper; pair with disabling the\n * control itself.\n */\nfunction ControlLoadingOverlay() {\n  return (\n    <div className=\"nxui:absolute nxui:inset-0 nxui:m-0.5 nxui:flex nxui:items-center nxui:justify-center nxui:bg-background\">\n      <SpinnerPrimitive />\n    </div>\n  )\n}\n\nexport { FormFieldLabel, ControlLoadingOverlay }\n"],"mappings":"AA2BU,SAGM,KAHN;AA3BV,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,aAAa,sBAAsB;AAoB5D,SAAS,eAAe,EAAE,SAAS,OAAO,UAAU,UAAU,GAAwB;AACpF,SACE,oBAAC,cAAW,SACV,+BAAC,UACE;AAAA,gBACC,qBAAC,eACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,QACE,oBAAC,UAAK,WAAU,iEAAgE;AAAA,UAGjF;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,kBAAe,MAAK,UAAS,WAAU,gCACrC,qBACH;AAAA,OACF,IAEA;AAAA,IAED,CAAC,YAAY;AAAA,KAChB,GACF;AAEJ;AAOA,SAAS,wBAAwB;AAC/B,SACE,oBAAC,SAAI,WAAU,4GACb,8BAAC,oBAAiB,GACpB;AAEJ;","names":[]}

package/dist/primitives/input-group.d.ts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Internal input-group primitives (ported subset of nx-automations
+ * ui/input-group.tsx — the pieces the form inputs need: group shell, inline
+ * addons, text adornment, and the borderless inner input; kbd/button/textarea
+ * variants come with the components that need them).
+ */
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): react.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): react.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): react.JSX.Element;
+
+export { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText };

package/dist/primitives/input-group.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn.js";
+import { InputPrimitive } from "./input.js";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "nxui:group/input-group nxui:relative nxui:flex nxui:h-control-md nxui:w-full nxui:min-w-0 nxui:items-center nxui:rounded-md nxui:border nxui:border-input nxui:bg-input/20 nxui:transition-colors nxui:outline-none nxui:has-[[data-slot=input-group-control]:focus-visible]:border-ring nxui:has-[[data-slot=input-group-control]:focus-visible]:ring-2 nxui:has-[[data-slot=input-group-control]:focus-visible]:ring-ring/30 nxui:has-[[data-slot][aria-invalid=true]]:border-destructive nxui:has-[[data-slot][aria-invalid=true]]:ring-2 nxui:has-[[data-slot][aria-invalid=true]]:ring-destructive/20 nxui:dark:bg-input/30 nxui:dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 nxui:has-[>[data-align=inline-end]]:[&>input]:pr-1.5 nxui:has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const inputGroupAddonVariants = cva(
+  "nxui:flex nxui:h-auto nxui:cursor-text nxui:items-center nxui:justify-center nxui:gap-1 nxui:py-2 nxui:text-body/relaxed nxui:font-medium nxui:text-muted-foreground nxui:select-none nxui:group-data-[disabled=true]/input-group:opacity-50 nxui:[&>svg:not([class*=size-])]:size-3.5",
+  {
+    variants: {
+      align: {
+        "inline-start": "nxui:order-first nxui:pl-2",
+        "inline-end": "nxui:order-last nxui:pr-2"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(inputGroupAddonVariants({ align }), className),
+      onClick: (e) => {
+        if (e.target.closest("button")) {
+          return;
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...props
+    }
+  );
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "nxui:flex nxui:items-center nxui:gap-2 nxui:text-body/relaxed nxui:text-muted-foreground nxui:[&_svg]:pointer-events-none nxui:[&_svg:not([class*=size-])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    InputPrimitive,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "nxui:flex-1 nxui:rounded-none nxui:border-0 nxui:bg-transparent nxui:shadow-none nxui:ring-0 nxui:focus-visible:ring-0 nxui:aria-invalid:ring-0 nxui:dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputGroupText
+};
+//# sourceMappingURL=input-group.js.map

package/dist/primitives/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives/input-group.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../lib/cn.js\"\nimport { InputPrimitive } from \"./input.js\"\n\n/**\n * Internal input-group primitives (ported subset of nx-automations\n * ui/input-group.tsx — the pieces the form inputs need: group shell, inline\n * addons, text adornment, and the borderless inner input; kbd/button/textarea\n * variants come with the components that need them).\n */\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"nxui:group/input-group nxui:relative nxui:flex nxui:h-control-md nxui:w-full nxui:min-w-0 nxui:items-center nxui:rounded-md nxui:border nxui:border-input nxui:bg-input/20 nxui:transition-colors nxui:outline-none nxui:has-[[data-slot=input-group-control]:focus-visible]:border-ring nxui:has-[[data-slot=input-group-control]:focus-visible]:ring-2 nxui:has-[[data-slot=input-group-control]:focus-visible]:ring-ring/30 nxui:has-[[data-slot][aria-invalid=true]]:border-destructive nxui:has-[[data-slot][aria-invalid=true]]:ring-2 nxui:has-[[data-slot][aria-invalid=true]]:ring-destructive/20 nxui:dark:bg-input/30 nxui:dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 nxui:has-[>[data-align=inline-end]]:[&>input]:pr-1.5 nxui:has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"nxui:flex nxui:h-auto nxui:cursor-text nxui:items-center nxui:justify-center nxui:gap-1 nxui:py-2 nxui:text-body/relaxed nxui:font-medium nxui:text-muted-foreground nxui:select-none nxui:group-data-[disabled=true]/input-group:opacity-50 nxui:[&>svg:not([class*=size-])]:size-3.5\",\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"nxui:order-first nxui:pl-2\",\n        \"inline-end\": \"nxui:order-last nxui:pr-2\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"nxui:flex nxui:items-center nxui:gap-2 nxui:text-body/relaxed nxui:text-muted-foreground nxui:[&_svg]:pointer-events-none nxui:[&_svg:not([class*=size-])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({ className, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"nxui:flex-1 nxui:rounded-none nxui:border-0 nxui:bg-transparent nxui:shadow-none nxui:ring-0 nxui:focus-visible:ring-0 nxui:aria-invalid:ring-0 nxui:dark:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { InputGroup, InputGroupAddon, InputGroupText, InputGroupInput }\n"],"mappings":";AAgBI;AAdJ,SAAS,WAA8B;AAEvC,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAS/B,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,0BAA0B;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAA+E;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAW,GAAG,wBAAwB,EAAE,MAAM,CAAC,GAAG,SAAS;AAAA,MAC3D,SAAS,CAAC,MAAM;AACd,YAAK,EAAE,OAAuB,QAAQ,QAAQ,GAAG;AAC/C;AAAA,QACF;AACA,UAAE,cAAc,eAAe,cAAc,OAAO,GAAG,MAAM;AAAA,MAC/D;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/primitives/input.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+
+/**
+ * Internal input primitive (ported from nx-automations ui/input.tsx).
+ * Density-tokenized: h-7 → h-control-md, text sizes → body tokens. The larger
+ * mobile text size (text-body-lg below md) mirrors the source's text-sm and
+ * keeps mobile browsers from zooming on focus.
+ */
+declare function InputPrimitive({ className, type, ...props }: React.ComponentProps<"input">): react.JSX.Element;
+
+export { InputPrimitive };

package/dist/primitives/input.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Input as InputPrimitiveBase } from "@base-ui/react/input";
+import { cn } from "../lib/cn.js";
+function InputPrimitive({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    InputPrimitiveBase,
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "nxui:h-control-md nxui:w-full nxui:min-w-0 nxui:rounded-md nxui:border nxui:border-input nxui:bg-input/20 nxui:px-2 nxui:py-0.5 nxui:text-body-lg nxui:transition-colors nxui:outline-none nxui:file:inline-flex nxui:file:h-control-sm nxui:file:border-0 nxui:file:bg-transparent nxui:file:text-body/relaxed nxui:file:font-medium nxui:file:text-foreground nxui:placeholder:text-muted-foreground nxui:focus-visible:border-ring nxui:focus-visible:ring-2 nxui:focus-visible:ring-ring/30 nxui:disabled:pointer-events-none nxui:disabled:cursor-not-allowed nxui:disabled:opacity-50 nxui:aria-invalid:border-destructive nxui:aria-invalid:ring-2 nxui:aria-invalid:ring-destructive/20 nxui:md:text-body/relaxed nxui:dark:bg-input/30 nxui:dark:aria-invalid:border-destructive/50 nxui:dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  InputPrimitive
+};
+//# sourceMappingURL=input.js.map

package/dist/primitives/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives/input.tsx"],"sourcesContent":["\"use client\"\n\nimport { Input as InputPrimitiveBase } from \"@base-ui/react/input\"\n\nimport { cn } from \"../lib/cn.js\"\n\n/**\n * Internal input primitive (ported from nx-automations ui/input.tsx).\n * Density-tokenized: h-7 → h-control-md, text sizes → body tokens. The larger\n * mobile text size (text-body-lg below md) mirrors the source's text-sm and\n * keeps mobile browsers from zooming on focus.\n */\nfunction InputPrimitive({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitiveBase\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"nxui:h-control-md nxui:w-full nxui:min-w-0 nxui:rounded-md nxui:border nxui:border-input nxui:bg-input/20 nxui:px-2 nxui:py-0.5 nxui:text-body-lg nxui:transition-colors nxui:outline-none nxui:file:inline-flex nxui:file:h-control-sm nxui:file:border-0 nxui:file:bg-transparent nxui:file:text-body/relaxed nxui:file:font-medium nxui:file:text-foreground nxui:placeholder:text-muted-foreground nxui:focus-visible:border-ring nxui:focus-visible:ring-2 nxui:focus-visible:ring-ring/30 nxui:disabled:pointer-events-none nxui:disabled:cursor-not-allowed nxui:disabled:opacity-50 nxui:aria-invalid:border-destructive nxui:aria-invalid:ring-2 nxui:aria-invalid:ring-destructive/20 nxui:md:text-body/relaxed nxui:dark:bg-input/30 nxui:dark:aria-invalid:border-destructive/50 nxui:dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { InputPrimitive }\n"],"mappings":";AAcI;AAZJ,SAAS,SAAS,0BAA0B;AAE5C,SAAS,UAAU;AAQnB,SAAS,eAAe,EAAE,WAAW,MAAM,GAAG,MAAM,GAAkC;AACpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/primitives/label.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+
+/** Internal label primitive (ported from nx-automations ui/label.tsx). */
+declare function LabelPrimitive({ className, ...props }: React.ComponentProps<"label">): react.JSX.Element;
+
+export { LabelPrimitive };

package/dist/primitives/label.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/cn.js";
+function LabelPrimitive({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      "data-slot": "label",
+      className: cn(
+        "nxui:flex nxui:items-center nxui:gap-2 nxui:text-body/relaxed nxui:leading-none nxui:font-medium nxui:select-none nxui:group-data-[disabled=true]:pointer-events-none nxui:group-data-[disabled=true]:opacity-50 nxui:peer-disabled:cursor-not-allowed nxui:peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  LabelPrimitive
+};
+//# sourceMappingURL=label.js.map

package/dist/primitives/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives/label.tsx"],"sourcesContent":["import { cn } from \"../lib/cn.js\"\n\n/** Internal label primitive (ported from nx-automations ui/label.tsx). */\nfunction LabelPrimitive({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"nxui:flex nxui:items-center nxui:gap-2 nxui:text-body/relaxed nxui:leading-none nxui:font-medium nxui:select-none nxui:group-data-[disabled=true]:pointer-events-none nxui:group-data-[disabled=true]:opacity-50 nxui:peer-disabled:cursor-not-allowed nxui:peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { LabelPrimitive }\n"],"mappings":"AAKI;AALJ,SAAS,UAAU;AAGnB,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}