@techzyapp/ui-library 1.0.0

package/dist/useForm-B_5wDIER.js

@@ -0,0 +1,126 @@
+import { useState as S, useCallback as f, useRef as E, useMemo as F } from "react";
+function q(n = !1) {
+  const [i, e] = S(n), r = f(() => e(!0), []), u = f(() => e(!1), []), s = f(() => e((o) => !o), []);
+  return { isOpen: i, open: r, close: u, toggle: s };
+}
+function D(n, i) {
+  let e = null, r = Number.POSITIVE_INFINITY;
+  for (const u of i) {
+    const s = typeof CSS < "u" && CSS.escape ? CSS.escape(u) : u, o = n.querySelector(`[name="${s}"]`);
+    if (!o) continue;
+    const d = o.getBoundingClientRect().top;
+    d < r && (r = d, e = o);
+  }
+  e && (typeof e.scrollIntoView == "function" && e.scrollIntoView({ behavior: "smooth", block: "center" }), e.focus({ preventScroll: !0 }));
+}
+function _(n, i) {
+  const e = n.safeParse(i);
+  if (e.success) return {};
+  const r = {};
+  for (const u of e.error.issues) {
+    const s = String(u.path[0] ?? "_form");
+    s in r || (r[s] = u.message);
+  }
+  return r;
+}
+function L({
+  schema: n,
+  defaultValues: i,
+  onSubmit: e,
+  mode: r = "blurThenLive",
+  scrollToError: u = !0
+}) {
+  const [s, o] = S(i), d = E(i), [h, m] = S({}), [b, V] = S(!1), [y, k] = S(0), [w, B] = S(!1), C = E(!1), g = F(() => _(n, s), [n, s]), O = Object.keys(g).length === 0, T = f(
+    (t) => r === "change" ? !0 : r === "submit" ? b : b || h[t] === !0,
+    [r, b, h]
+  ), p = f((t, l) => {
+    o((c) => ({ ...c, [t]: l }));
+  }, []), P = f(
+    (t) => {
+      const l = s[t];
+      return {
+        name: t,
+        value: l == null ? "" : String(l),
+        onChange: (c) => p(t, c.target.value),
+        onBlur: () => {
+          m((c) => c[t] ? c : { ...c, [t]: !0 });
+        },
+        error: T(t) && !!g[t],
+        helperText: T(t) ? g[t] : void 0
+      };
+    },
+    [s, g, T, p, r]
+  ), I = f((t) => {
+    o(t ?? d.current), m({}), V(!1), k(0);
+  }, []), R = f(
+    (t) => {
+      if (t == null || t.preventDefault(), C.current) return;
+      V(!0), k((a) => a + 1);
+      const l = n.safeParse(s);
+      if (!l.success) {
+        const a = t == null ? void 0 : t.currentTarget;
+        if (u && a instanceof Element) {
+          const N = l.error.issues.map((x) => String(x.path[0] ?? "")).filter(Boolean);
+          D(a, N);
+        }
+        return;
+      }
+      const c = e == null ? void 0 : e(l.data, { reset: I, setValue: p, setValues: o });
+      if (c instanceof Promise) {
+        C.current = !0, B(!0);
+        const a = () => {
+          C.current = !1, B(!1);
+        };
+        c.then(a, a);
+      }
+    },
+    [n, s, e, I, p, u]
+  );
+  return F(
+    () => ({
+      /** Current form values. */
+      values: s,
+      /** `{ field: firstErrorMessage }` for every invalid field (regardless of visibility). */
+      errors: g,
+      /** Which fields have been blurred. */
+      touched: h,
+      /** True when the whole form passes the schema. */
+      isValid: O,
+      /** True once a submit has been attempted. */
+      isSubmitted: b,
+      /** Number of submit attempts (increments on every `handleSubmit`). */
+      submitCount: y,
+      /** True while an async `onSubmit` is in flight. */
+      isSubmitting: w,
+      /** Spread onto a `<TextField />`: wires value/onChange/onBlur and shows the field's error. */
+      field: P,
+      /** Imperatively set one field's value. */
+      setValue: p,
+      /** Replace all values. */
+      setValues: o,
+      /** Reset to `defaultValues` (or the given values) and clear touched/submitted state. */
+      reset: I,
+      /** Form `onSubmit` handler — validates, then calls `onSubmit` with parsed values when valid. */
+      handleSubmit: R
+    }),
+    [
+      s,
+      g,
+      h,
+      O,
+      b,
+      y,
+      w,
+      P,
+      p,
+      o,
+      I,
+      R
+    ]
+  );
+}
+export {
+  L as a,
+  q as u
+};
+//# sourceMappingURL=useForm-B_5wDIER.js.map

package/dist/useForm-B_5wDIER.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm-B_5wDIER.js","sources":["../src/hooks/useDisclosure.ts","../src/form/useForm.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\nexport interface UseDisclosureReturn {\n  isOpen: boolean\n  open: () => void\n  close: () => void\n  toggle: () => void\n}\n\nexport function useDisclosure(initial = false): UseDisclosureReturn {\n  const [isOpen, setIsOpen] = useState(initial)\n  const open = useCallback(() => setIsOpen(true), [])\n  const close = useCallback(() => setIsOpen(false), [])\n  const toggle = useCallback(() => setIsOpen((v) => !v), [])\n  return { isOpen, open, close, toggle }\n}\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type Dispatch,\n  type FocusEvent,\n  type SetStateAction,\n  type SyntheticEvent,\n} from 'react'\nimport type { TypeOf, ZodType } from 'zod'\n\n/**\n * When validation errors start showing for a field:\n * - `blurThenLive` (default) — after the field is blurred (or the form is submitted), then live on every change.\n * - `change` — from the very first keystroke.\n * - `submit` — only after a submit attempt.\n */\nexport type FormValidationMode = 'blurThenLive' | 'change' | 'submit'\n\nexport interface UseFormOptions<S extends ZodType> {\n  /** Zod schema describing the whole form. Field names match the schema's top-level keys. */\n  schema: S\n  /** Initial values — the controlled source of truth for every field. */\n  defaultValues: TypeOf<S>\n  /**\n   * Called with the parsed (schema-validated) values when a submit passes validation. The second\n   * argument carries helpers — e.g. `reset` to clear the form on success: `(values, { reset }) => {…}`.\n   */\n  onSubmit?: (values: TypeOf<S>, helpers: FormHelpers<TypeOf<S>>) => void | Promise<void>\n  /** When errors begin to show per field. Defaults to `blurThenLive`. */\n  mode?: FormValidationMode\n  /**\n   * On a failed submit, smooth-scroll to (and focus) the first invalid field — the one that sits\n   * **highest** on the page. Needs the submit event's form element (works with `<Form>` or any\n   * `<form onSubmit={form.handleSubmit}>`). Defaults to `true`.\n   */\n  scrollToError?: boolean\n}\n\n/** Helpers handed to `onSubmit` (Formik-style), so you can clear or tweak the form on success. */\nexport interface FormHelpers<Values> {\n  /** Reset to `defaultValues` (or the given values), clearing touched/submitted state. */\n  reset: (next?: Values) => void\n  /** Set one field's value. */\n  setValue: <K extends keyof Values & string>(name: K, value: Values[K]) => void\n  /** Replace all values. */\n  setValues: Dispatch<SetStateAction<Values>>\n}\n\n/** Props returned by `field(name)` — spread directly onto a `<TextField />`. */\nexport interface FieldProps {\n  name: string\n  value: string\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void\n  onBlur: (event: FocusEvent<HTMLInputElement>) => void\n  error: boolean\n  helperText?: string\n}\n\n/** Everything `useForm` returns — also the value carried by `<Form>`'s context. */\nexport interface FormApi<Values> {\n  /** Current form values. */\n  values: Values\n  /** `{ field: firstErrorMessage }` for every invalid field (regardless of visibility). */\n  errors: Record<string, string>\n  /** Which fields have been blurred. */\n  touched: Record<string, boolean>\n  /** True when the whole form passes the schema. */\n  isValid: boolean\n  /** True once a submit has been attempted. */\n  isSubmitted: boolean\n  /** Number of submit attempts (increments on every `handleSubmit`) — watch it to react to each submit. */\n  submitCount: number\n  /** True while an async `onSubmit` is in flight. */\n  isSubmitting: boolean\n  /** Spread onto a `<TextField />` (or let `<Form>` + a `name` prop wire it for you). */\n  field: (name: keyof Values & string) => FieldProps\n  /** Imperatively set one field's value. */\n  setValue: <K extends keyof Values & string>(name: K, value: Values[K]) => void\n  /** Replace all values. */\n  setValues: Dispatch<SetStateAction<Values>>\n  /** Reset to `defaultValues` (or the given values) and clear touched/submitted state. */\n  reset: (next?: Values) => void\n  /** Form `onSubmit` handler — validates, then calls `onSubmit` with parsed values when valid. */\n  handleSubmit: (event?: SyntheticEvent) => void\n}\n\n/**\n * Smooth-scroll to (and focus) the highest invalid field inside `scope`, matched by its `name`\n * attribute. \"Highest\" = smallest viewport `top`, so it lands on the first red field regardless of\n * DOM vs. visual order. No-op if none of the names resolve to an element.\n */\nfunction scrollToFirstError(scope: Element, names: string[]) {\n  let target: HTMLElement | null = null\n  let top = Number.POSITIVE_INFINITY\n  for (const name of names) {\n    const selector = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(name) : name\n    const el = scope.querySelector<HTMLElement>(`[name=\"${selector}\"]`)\n    if (!el) continue\n    const elTop = el.getBoundingClientRect().top\n    if (elTop < top) {\n      top = elTop\n      target = el\n    }\n  }\n  if (!target) return\n  if (typeof target.scrollIntoView === 'function') {\n    target.scrollIntoView({ behavior: 'smooth', block: 'center' })\n  }\n  target.focus({ preventScroll: true })\n}\n\n/** Runs the schema and reduces Zod issues to a `{ field: firstMessage }` map. */\nfunction collectErrors(schema: ZodType, values: unknown): Record<string, string> {\n  const result = schema.safeParse(values)\n  if (result.success) return {}\n  const errors: Record<string, string> = {}\n  for (const issue of result.error.issues) {\n    // path-less issues (a root `.refine()` / `.superRefine()`, e.g. password-confirm) land under a\n    // reserved `_form` key so `isValid` reflects them and the message is surfaceable — instead of\n    // being silently dropped (which made the form look valid while submit no-op'd).\n    const key = String(issue.path[0] ?? '_form')\n    if (!(key in errors)) errors[key] = issue.message // keep the first issue per field\n  }\n  return errors\n}\n\n/**\n * A tiny, Zod-powered form helper — the dependency-light alternative to bundling Formik in\n * every app. Give it a schema and initial values; spread `field(name)` onto a `<TextField />`\n * and it wires up `value`/`onChange`/`onBlur` and surfaces the field's validation error as\n * `error` + `helperText`. Validation follows `mode` (default: validate on blur, then live).\n * `handleSubmit` validates the whole form and calls `onSubmit` with the parsed values only when valid.\n */\nexport function useForm<S extends ZodType>({\n  schema,\n  defaultValues,\n  onSubmit,\n  mode = 'blurThenLive',\n  scrollToError = true,\n}: UseFormOptions<S>): FormApi<TypeOf<S>> {\n  type Values = TypeOf<S>\n\n  const [values, setValues] = useState<Values>(defaultValues)\n  // hold the initial values in a first-render ref so `reset`'s identity doesn't churn when the caller\n  // passes an inline `defaultValues` literal (a fresh object every render)\n  const defaultValuesRef = useRef(defaultValues)\n  const [touched, setTouched] = useState<Record<string, boolean>>({})\n  const [submitted, setSubmitted] = useState(false)\n  const [submitCount, setSubmitCount] = useState(0)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  // synchronous re-entrancy guard — blocks a double-click before the `isSubmitting` re-render lands\n  const submittingRef = useRef(false)\n\n  const errors = useMemo(() => collectErrors(schema, values), [schema, values])\n  const isValid = Object.keys(errors).length === 0\n\n  /** Whether a field's error should currently be visible, per the chosen mode. */\n  const isShown = useCallback(\n    (name: string) => {\n      if (mode === 'change') return true\n      if (mode === 'submit') return submitted\n      return submitted || touched[name] === true // blurThenLive\n    },\n    [mode, submitted, touched],\n  )\n\n  const setValue = useCallback(<K extends keyof Values & string>(name: K, value: Values[K]) => {\n    setValues((prev) => ({ ...prev, [name]: value }))\n  }, [])\n\n  const field = useCallback(\n    (name: keyof Values & string): FieldProps => {\n      const raw = values[name]\n      return {\n        name,\n        value: raw == null ? '' : String(raw),\n        onChange: (event) => setValue(name, event.target.value as Values[typeof name]),\n        onBlur: () => {\n          // always record touched (so `FormApi.touched` is accurate in every mode); when a field's\n          // error becomes *visible* is governed separately by `isShown`/`mode`\n          setTouched((prev) => (prev[name] ? prev : { ...prev, [name]: true }))\n        },\n        error: isShown(name) && Boolean(errors[name]),\n        helperText: isShown(name) ? errors[name] : undefined,\n      }\n    },\n    [values, errors, isShown, setValue, mode],\n  )\n\n  const reset = useCallback((next?: Values) => {\n    setValues(next ?? defaultValuesRef.current)\n    setTouched({})\n    setSubmitted(false)\n    setSubmitCount(0)\n  }, [])\n\n  const handleSubmit = useCallback(\n    (event?: SyntheticEvent) => {\n      event?.preventDefault()\n      if (submittingRef.current) return // ignore re-entrant submits while an async onSubmit is in flight\n      setSubmitted(true)\n      setSubmitCount((c) => c + 1)\n\n      const result = schema.safeParse(values)\n      if (!result.success) {\n        // errors are derived + now shown (submitted); jump to the first red field if we have the form\n        const scope = event?.currentTarget\n        if (scrollToError && scope instanceof Element) {\n          const names = result.error.issues\n            .map((issue) => String(issue.path[0] ?? ''))\n            .filter(Boolean)\n          scrollToFirstError(scope, names)\n        }\n        return\n      }\n\n      const outcome = onSubmit?.(result.data as Values, { reset, setValue, setValues })\n      if (outcome instanceof Promise) {\n        submittingRef.current = true\n        setIsSubmitting(true)\n        const done = () => {\n          submittingRef.current = false\n          setIsSubmitting(false)\n        }\n        // clear on resolve OR reject — `.then(done, done)` also marks the rejection handled\n        // (a bare `.finally` would re-throw into a discarded chain → unhandled promise rejection)\n        outcome.then(done, done)\n      }\n    },\n    [schema, values, onSubmit, reset, setValue, scrollToError],\n  )\n\n  // memoized so `<Form>` (which feeds this straight into context) doesn't re-render every bound field\n  // on each render of the form-owning component — only when a real piece of state/identity changes\n  return useMemo(\n    () => ({\n      /** Current form values. */\n      values,\n      /** `{ field: firstErrorMessage }` for every invalid field (regardless of visibility). */\n      errors,\n      /** Which fields have been blurred. */\n      touched,\n      /** True when the whole form passes the schema. */\n      isValid,\n      /** True once a submit has been attempted. */\n      isSubmitted: submitted,\n      /** Number of submit attempts (increments on every `handleSubmit`). */\n      submitCount,\n      /** True while an async `onSubmit` is in flight. */\n      isSubmitting,\n      /** Spread onto a `<TextField />`: wires value/onChange/onBlur and shows the field's error. */\n      field,\n      /** Imperatively set one field's value. */\n      setValue,\n      /** Replace all values. */\n      setValues,\n      /** Reset to `defaultValues` (or the given values) and clear touched/submitted state. */\n      reset,\n      /** Form `onSubmit` handler — validates, then calls `onSubmit` with parsed values when valid. */\n      handleSubmit,\n    }),\n    [\n      values,\n      errors,\n      touched,\n      isValid,\n      submitted,\n      submitCount,\n      isSubmitting,\n      field,\n      setValue,\n      setValues,\n      reset,\n      handleSubmit,\n    ],\n  )\n}\n"],"names":["useDisclosure","initial","isOpen","setIsOpen","useState","open","useCallback","close","toggle","v","scrollToFirstError","scope","names","target","top","name","selector","el","elTop","collectErrors","schema","values","result","errors","issue","key","useForm","defaultValues","onSubmit","mode","scrollToError","setValues","defaultValuesRef","useRef","touched","setTouched","submitted","setSubmitted","submitCount","setSubmitCount","isSubmitting","setIsSubmitting","submittingRef","useMemo","isValid","isShown","setValue","value","prev","field","raw","event","reset","next","handleSubmit","c","outcome","done"],"mappings":"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"}

package/dist/useForm-C7erBHt0.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react");function D(n=!1){const[i,s]=t.useState(n),o=t.useCallback(()=>s(!0),[]),c=t.useCallback(()=>s(!1),[]),r=t.useCallback(()=>s(u=>!u),[]);return{isOpen:i,open:o,close:c,toggle:r}}function E(n,i){let s=null,o=Number.POSITIVE_INFINITY;for(const c of i){const r=typeof CSS<"u"&&CSS.escape?CSS.escape(c):c,u=n.querySelector(`[name="${r}"]`);if(!u)continue;const p=u.getBoundingClientRect().top;p<o&&(o=p,s=u)}s&&(typeof s.scrollIntoView=="function"&&s.scrollIntoView({behavior:"smooth",block:"center"}),s.focus({preventScroll:!0}))}function N(n,i){const s=n.safeParse(i);if(s.success)return{};const o={};for(const c of s.error.issues){const r=String(c.path[0]??"_form");r in o||(o[r]=c.message)}return o}function q({schema:n,defaultValues:i,onSubmit:s,mode:o="blurThenLive",scrollToError:c=!0}){const[r,u]=t.useState(i),p=t.useRef(i),[C,I]=t.useState({}),[g,T]=t.useState(!1),[m,V]=t.useState(0),[y,R]=t.useState(!1),h=t.useRef(!1),S=t.useMemo(()=>N(n,r),[n,r]),w=Object.keys(S).length===0,k=t.useCallback(e=>o==="change"?!0:o==="submit"?g:g||C[e]===!0,[o,g,C]),b=t.useCallback((e,a)=>{u(l=>({...l,[e]:a}))},[]),B=t.useCallback(e=>{const a=r[e];return{name:e,value:a==null?"":String(a),onChange:l=>b(e,l.target.value),onBlur:()=>{I(l=>l[e]?l:{...l,[e]:!0})},error:k(e)&&!!S[e],helperText:k(e)?S[e]:void 0}},[r,S,k,b,o]),d=t.useCallback(e=>{u(e??p.current),I({}),T(!1),V(0)},[]),F=t.useCallback(e=>{if(e==null||e.preventDefault(),h.current)return;T(!0),V(f=>f+1);const a=n.safeParse(r);if(!a.success){const f=e==null?void 0:e.currentTarget;if(c&&f instanceof Element){const O=a.error.issues.map(P=>String(P.path[0]??"")).filter(Boolean);E(f,O)}return}const l=s==null?void 0:s(a.data,{reset:d,setValue:b,setValues:u});if(l instanceof Promise){h.current=!0,R(!0);const f=()=>{h.current=!1,R(!1)};l.then(f,f)}},[n,r,s,d,b,c]);return t.useMemo(()=>({values:r,errors:S,touched:C,isValid:w,isSubmitted:g,submitCount:m,isSubmitting:y,field:B,setValue:b,setValues:u,reset:d,handleSubmit:F}),[r,S,C,w,g,m,y,B,b,u,d,F])}exports.useDisclosure=D;exports.useForm=q;
+//# sourceMappingURL=useForm-C7erBHt0.cjs.map

package/dist/useForm-C7erBHt0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm-C7erBHt0.cjs","sources":["../src/hooks/useDisclosure.ts","../src/form/useForm.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\nexport interface UseDisclosureReturn {\n  isOpen: boolean\n  open: () => void\n  close: () => void\n  toggle: () => void\n}\n\nexport function useDisclosure(initial = false): UseDisclosureReturn {\n  const [isOpen, setIsOpen] = useState(initial)\n  const open = useCallback(() => setIsOpen(true), [])\n  const close = useCallback(() => setIsOpen(false), [])\n  const toggle = useCallback(() => setIsOpen((v) => !v), [])\n  return { isOpen, open, close, toggle }\n}\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type Dispatch,\n  type FocusEvent,\n  type SetStateAction,\n  type SyntheticEvent,\n} from 'react'\nimport type { TypeOf, ZodType } from 'zod'\n\n/**\n * When validation errors start showing for a field:\n * - `blurThenLive` (default) — after the field is blurred (or the form is submitted), then live on every change.\n * - `change` — from the very first keystroke.\n * - `submit` — only after a submit attempt.\n */\nexport type FormValidationMode = 'blurThenLive' | 'change' | 'submit'\n\nexport interface UseFormOptions<S extends ZodType> {\n  /** Zod schema describing the whole form. Field names match the schema's top-level keys. */\n  schema: S\n  /** Initial values — the controlled source of truth for every field. */\n  defaultValues: TypeOf<S>\n  /**\n   * Called with the parsed (schema-validated) values when a submit passes validation. The second\n   * argument carries helpers — e.g. `reset` to clear the form on success: `(values, { reset }) => {…}`.\n   */\n  onSubmit?: (values: TypeOf<S>, helpers: FormHelpers<TypeOf<S>>) => void | Promise<void>\n  /** When errors begin to show per field. Defaults to `blurThenLive`. */\n  mode?: FormValidationMode\n  /**\n   * On a failed submit, smooth-scroll to (and focus) the first invalid field — the one that sits\n   * **highest** on the page. Needs the submit event's form element (works with `<Form>` or any\n   * `<form onSubmit={form.handleSubmit}>`). Defaults to `true`.\n   */\n  scrollToError?: boolean\n}\n\n/** Helpers handed to `onSubmit` (Formik-style), so you can clear or tweak the form on success. */\nexport interface FormHelpers<Values> {\n  /** Reset to `defaultValues` (or the given values), clearing touched/submitted state. */\n  reset: (next?: Values) => void\n  /** Set one field's value. */\n  setValue: <K extends keyof Values & string>(name: K, value: Values[K]) => void\n  /** Replace all values. */\n  setValues: Dispatch<SetStateAction<Values>>\n}\n\n/** Props returned by `field(name)` — spread directly onto a `<TextField />`. */\nexport interface FieldProps {\n  name: string\n  value: string\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void\n  onBlur: (event: FocusEvent<HTMLInputElement>) => void\n  error: boolean\n  helperText?: string\n}\n\n/** Everything `useForm` returns — also the value carried by `<Form>`'s context. */\nexport interface FormApi<Values> {\n  /** Current form values. */\n  values: Values\n  /** `{ field: firstErrorMessage }` for every invalid field (regardless of visibility). */\n  errors: Record<string, string>\n  /** Which fields have been blurred. */\n  touched: Record<string, boolean>\n  /** True when the whole form passes the schema. */\n  isValid: boolean\n  /** True once a submit has been attempted. */\n  isSubmitted: boolean\n  /** Number of submit attempts (increments on every `handleSubmit`) — watch it to react to each submit. */\n  submitCount: number\n  /** True while an async `onSubmit` is in flight. */\n  isSubmitting: boolean\n  /** Spread onto a `<TextField />` (or let `<Form>` + a `name` prop wire it for you). */\n  field: (name: keyof Values & string) => FieldProps\n  /** Imperatively set one field's value. */\n  setValue: <K extends keyof Values & string>(name: K, value: Values[K]) => void\n  /** Replace all values. */\n  setValues: Dispatch<SetStateAction<Values>>\n  /** Reset to `defaultValues` (or the given values) and clear touched/submitted state. */\n  reset: (next?: Values) => void\n  /** Form `onSubmit` handler — validates, then calls `onSubmit` with parsed values when valid. */\n  handleSubmit: (event?: SyntheticEvent) => void\n}\n\n/**\n * Smooth-scroll to (and focus) the highest invalid field inside `scope`, matched by its `name`\n * attribute. \"Highest\" = smallest viewport `top`, so it lands on the first red field regardless of\n * DOM vs. visual order. No-op if none of the names resolve to an element.\n */\nfunction scrollToFirstError(scope: Element, names: string[]) {\n  let target: HTMLElement | null = null\n  let top = Number.POSITIVE_INFINITY\n  for (const name of names) {\n    const selector = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(name) : name\n    const el = scope.querySelector<HTMLElement>(`[name=\"${selector}\"]`)\n    if (!el) continue\n    const elTop = el.getBoundingClientRect().top\n    if (elTop < top) {\n      top = elTop\n      target = el\n    }\n  }\n  if (!target) return\n  if (typeof target.scrollIntoView === 'function') {\n    target.scrollIntoView({ behavior: 'smooth', block: 'center' })\n  }\n  target.focus({ preventScroll: true })\n}\n\n/** Runs the schema and reduces Zod issues to a `{ field: firstMessage }` map. */\nfunction collectErrors(schema: ZodType, values: unknown): Record<string, string> {\n  const result = schema.safeParse(values)\n  if (result.success) return {}\n  const errors: Record<string, string> = {}\n  for (const issue of result.error.issues) {\n    // path-less issues (a root `.refine()` / `.superRefine()`, e.g. password-confirm) land under a\n    // reserved `_form` key so `isValid` reflects them and the message is surfaceable — instead of\n    // being silently dropped (which made the form look valid while submit no-op'd).\n    const key = String(issue.path[0] ?? '_form')\n    if (!(key in errors)) errors[key] = issue.message // keep the first issue per field\n  }\n  return errors\n}\n\n/**\n * A tiny, Zod-powered form helper — the dependency-light alternative to bundling Formik in\n * every app. Give it a schema and initial values; spread `field(name)` onto a `<TextField />`\n * and it wires up `value`/`onChange`/`onBlur` and surfaces the field's validation error as\n * `error` + `helperText`. Validation follows `mode` (default: validate on blur, then live).\n * `handleSubmit` validates the whole form and calls `onSubmit` with the parsed values only when valid.\n */\nexport function useForm<S extends ZodType>({\n  schema,\n  defaultValues,\n  onSubmit,\n  mode = 'blurThenLive',\n  scrollToError = true,\n}: UseFormOptions<S>): FormApi<TypeOf<S>> {\n  type Values = TypeOf<S>\n\n  const [values, setValues] = useState<Values>(defaultValues)\n  // hold the initial values in a first-render ref so `reset`'s identity doesn't churn when the caller\n  // passes an inline `defaultValues` literal (a fresh object every render)\n  const defaultValuesRef = useRef(defaultValues)\n  const [touched, setTouched] = useState<Record<string, boolean>>({})\n  const [submitted, setSubmitted] = useState(false)\n  const [submitCount, setSubmitCount] = useState(0)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  // synchronous re-entrancy guard — blocks a double-click before the `isSubmitting` re-render lands\n  const submittingRef = useRef(false)\n\n  const errors = useMemo(() => collectErrors(schema, values), [schema, values])\n  const isValid = Object.keys(errors).length === 0\n\n  /** Whether a field's error should currently be visible, per the chosen mode. */\n  const isShown = useCallback(\n    (name: string) => {\n      if (mode === 'change') return true\n      if (mode === 'submit') return submitted\n      return submitted || touched[name] === true // blurThenLive\n    },\n    [mode, submitted, touched],\n  )\n\n  const setValue = useCallback(<K extends keyof Values & string>(name: K, value: Values[K]) => {\n    setValues((prev) => ({ ...prev, [name]: value }))\n  }, [])\n\n  const field = useCallback(\n    (name: keyof Values & string): FieldProps => {\n      const raw = values[name]\n      return {\n        name,\n        value: raw == null ? '' : String(raw),\n        onChange: (event) => setValue(name, event.target.value as Values[typeof name]),\n        onBlur: () => {\n          // always record touched (so `FormApi.touched` is accurate in every mode); when a field's\n          // error becomes *visible* is governed separately by `isShown`/`mode`\n          setTouched((prev) => (prev[name] ? prev : { ...prev, [name]: true }))\n        },\n        error: isShown(name) && Boolean(errors[name]),\n        helperText: isShown(name) ? errors[name] : undefined,\n      }\n    },\n    [values, errors, isShown, setValue, mode],\n  )\n\n  const reset = useCallback((next?: Values) => {\n    setValues(next ?? defaultValuesRef.current)\n    setTouched({})\n    setSubmitted(false)\n    setSubmitCount(0)\n  }, [])\n\n  const handleSubmit = useCallback(\n    (event?: SyntheticEvent) => {\n      event?.preventDefault()\n      if (submittingRef.current) return // ignore re-entrant submits while an async onSubmit is in flight\n      setSubmitted(true)\n      setSubmitCount((c) => c + 1)\n\n      const result = schema.safeParse(values)\n      if (!result.success) {\n        // errors are derived + now shown (submitted); jump to the first red field if we have the form\n        const scope = event?.currentTarget\n        if (scrollToError && scope instanceof Element) {\n          const names = result.error.issues\n            .map((issue) => String(issue.path[0] ?? ''))\n            .filter(Boolean)\n          scrollToFirstError(scope, names)\n        }\n        return\n      }\n\n      const outcome = onSubmit?.(result.data as Values, { reset, setValue, setValues })\n      if (outcome instanceof Promise) {\n        submittingRef.current = true\n        setIsSubmitting(true)\n        const done = () => {\n          submittingRef.current = false\n          setIsSubmitting(false)\n        }\n        // clear on resolve OR reject — `.then(done, done)` also marks the rejection handled\n        // (a bare `.finally` would re-throw into a discarded chain → unhandled promise rejection)\n        outcome.then(done, done)\n      }\n    },\n    [schema, values, onSubmit, reset, setValue, scrollToError],\n  )\n\n  // memoized so `<Form>` (which feeds this straight into context) doesn't re-render every bound field\n  // on each render of the form-owning component — only when a real piece of state/identity changes\n  return useMemo(\n    () => ({\n      /** Current form values. */\n      values,\n      /** `{ field: firstErrorMessage }` for every invalid field (regardless of visibility). */\n      errors,\n      /** Which fields have been blurred. */\n      touched,\n      /** True when the whole form passes the schema. */\n      isValid,\n      /** True once a submit has been attempted. */\n      isSubmitted: submitted,\n      /** Number of submit attempts (increments on every `handleSubmit`). */\n      submitCount,\n      /** True while an async `onSubmit` is in flight. */\n      isSubmitting,\n      /** Spread onto a `<TextField />`: wires value/onChange/onBlur and shows the field's error. */\n      field,\n      /** Imperatively set one field's value. */\n      setValue,\n      /** Replace all values. */\n      setValues,\n      /** Reset to `defaultValues` (or the given values) and clear touched/submitted state. */\n      reset,\n      /** Form `onSubmit` handler — validates, then calls `onSubmit` with parsed values when valid. */\n      handleSubmit,\n    }),\n    [\n      values,\n      errors,\n      touched,\n      isValid,\n      submitted,\n      submitCount,\n      isSubmitting,\n      field,\n      setValue,\n      setValues,\n      reset,\n      handleSubmit,\n    ],\n  )\n}\n"],"names":["useDisclosure","initial","isOpen","setIsOpen","useState","open","useCallback","close","toggle","v","scrollToFirstError","scope","names","target","top","name","selector","el","elTop","collectErrors","schema","values","result","errors","issue","key","useForm","defaultValues","onSubmit","mode","scrollToError","setValues","defaultValuesRef","useRef","touched","setTouched","submitted","setSubmitted","submitCount","setSubmitCount","isSubmitting","setIsSubmitting","submittingRef","useMemo","isValid","isShown","setValue","value","prev","field","raw","event","reset","next","handleSubmit","c","outcome","done"],"mappings":"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"}

package/dist/useLockBodyScroll-CIXHZo-Q.cjs

@@ -0,0 +1,2 @@
+"use strict";const d=require("react"),i=typeof window<"u"?d.useLayoutEffect:d.useEffect;let n=0,o=null;function r(){if(n===0){const t=document.documentElement,{body:e}=document;o={htmlOverflow:t.style.overflow,bodyOverflow:e.style.overflow,bodyPaddingRight:e.style.paddingRight};const l=window.innerWidth-t.clientWidth;if(t.style.overflow="clip",e.style.overflow="clip",l>0){const c=parseFloat(getComputedStyle(e).paddingRight)||0;e.style.paddingRight=`${c+l}px`}}n+=1}function s(){if(n=Math.max(0,n-1),n===0&&o){const t=document.documentElement,{body:e}=document;t.style.overflow=o.htmlOverflow,e.style.overflow=o.bodyOverflow,e.style.paddingRight=o.bodyPaddingRight,o=null}}function u(t){i(()=>{if(!(!t||typeof document>"u"))return r(),s},[t])}exports.useLockBodyScroll=u;
+//# sourceMappingURL=useLockBodyScroll-CIXHZo-Q.cjs.map

package/dist/useLockBodyScroll-CIXHZo-Q.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLockBodyScroll-CIXHZo-Q.cjs","sources":["../src/hooks/useLockBodyScroll.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// `useLayoutEffect` warns during SSR; fall back to `useEffect` on the server (neither runs there anyway).\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\n// Module-level lock: a ref-count + the styles captured on the FIRST lock. Shared across all instances so\n// nested locks (a Select popover open inside a Modal, etc.) are safe to release in ANY order — the page\n// only unlocks when the last one releases, and always restores the true originals (not another lock's).\nlet lockCount = 0\nlet saved: { htmlOverflow: string; bodyOverflow: string; bodyPaddingRight: string } | null = null\n\nfunction acquire(): void {\n  if (lockCount === 0) {\n    const html = document.documentElement\n    const { body } = document\n    saved = {\n      htmlOverflow: html.style.overflow,\n      bodyOverflow: body.style.overflow,\n      bodyPaddingRight: body.style.paddingRight,\n    }\n    const scrollbarWidth = window.innerWidth - html.clientWidth\n    // `clip` (not `hidden`) locks scroll WITHOUT establishing a scroll container, so `position: sticky`\n    // descendants (a sticky sidebar/header) keep working instead of jumping while the overlay is open\n    html.style.overflow = 'clip'\n    body.style.overflow = 'clip'\n    if (scrollbarWidth > 0) {\n      // augment any existing body padding rather than overwrite it (consumer apps may pad the body)\n      const current = parseFloat(getComputedStyle(body).paddingRight) || 0\n      body.style.paddingRight = `${current + scrollbarWidth}px`\n    }\n  }\n  lockCount += 1\n}\n\nfunction release(): void {\n  lockCount = Math.max(0, lockCount - 1)\n  if (lockCount === 0 && saved) {\n    const html = document.documentElement\n    const { body } = document\n    html.style.overflow = saved.htmlOverflow\n    body.style.overflow = saved.bodyOverflow\n    body.style.paddingRight = saved.bodyPaddingRight\n    saved = null\n  }\n}\n\n/**\n * Locks scrolling on `document.body` while `locked` is true (e.g. an open menu / modal / drawer).\n * Compensates for the removed scrollbar by **adding** to the body's `padding-right` so the page doesn't\n * shift, and restores the previous inline styles when unlocked. **Ref-counted** — nested locks are safe\n * to release in any order; the page unlocks only when the last one releases. SSR-safe.\n */\nexport function useLockBodyScroll(locked: boolean): void {\n  useIsomorphicLayoutEffect(() => {\n    if (!locked || typeof document === 'undefined') return\n    acquire()\n    return release\n  }, [locked])\n}\n"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","useEffect","lockCount","saved","acquire","html","body","scrollbarWidth","current","release","useLockBodyScroll","locked"],"mappings":"sCAGMA,EAA4B,OAAO,OAAW,IAAcC,EAAAA,gBAAkBC,EAAAA,UAKpF,IAAIC,EAAY,EACZC,EAAyF,KAE7F,SAASC,GAAgB,CACvB,GAAIF,IAAc,EAAG,CACnB,MAAMG,EAAO,SAAS,gBAChB,CAAE,KAAAC,GAAS,SACjBH,EAAQ,CACN,aAAcE,EAAK,MAAM,SACzB,aAAcC,EAAK,MAAM,SACzB,iBAAkBA,EAAK,MAAM,YAAA,EAE/B,MAAMC,EAAiB,OAAO,WAAaF,EAAK,YAKhD,GAFAA,EAAK,MAAM,SAAW,OACtBC,EAAK,MAAM,SAAW,OAClBC,EAAiB,EAAG,CAEtB,MAAMC,EAAU,WAAW,iBAAiBF,CAAI,EAAE,YAAY,GAAK,EACnEA,EAAK,MAAM,aAAe,GAAGE,EAAUD,CAAc,IACvD,CACF,CACAL,GAAa,CACf,CAEA,SAASO,GAAgB,CAEvB,GADAP,EAAY,KAAK,IAAI,EAAGA,EAAY,CAAC,EACjCA,IAAc,GAAKC,EAAO,CAC5B,MAAME,EAAO,SAAS,gBAChB,CAAE,KAAAC,GAAS,SACjBD,EAAK,MAAM,SAAWF,EAAM,aAC5BG,EAAK,MAAM,SAAWH,EAAM,aAC5BG,EAAK,MAAM,aAAeH,EAAM,iBAChCA,EAAQ,IACV,CACF,CAQO,SAASO,EAAkBC,EAAuB,CACvDZ,EAA0B,IAAM,CAC9B,GAAI,GAACY,GAAU,OAAO,SAAa,KACnC,OAAAP,EAAA,EACOK,CACT,EAAG,CAACE,CAAM,CAAC,CACb"}

package/dist/useLockBodyScroll-DwBILLPK.js

@@ -0,0 +1,35 @@
+import { useLayoutEffect as i, useEffect as c } from "react";
+const f = typeof window < "u" ? i : c;
+let n = 0, o = null;
+function r() {
+  if (n === 0) {
+    const t = document.documentElement, { body: e } = document;
+    o = {
+      htmlOverflow: t.style.overflow,
+      bodyOverflow: e.style.overflow,
+      bodyPaddingRight: e.style.paddingRight
+    };
+    const l = window.innerWidth - t.clientWidth;
+    if (t.style.overflow = "clip", e.style.overflow = "clip", l > 0) {
+      const d = parseFloat(getComputedStyle(e).paddingRight) || 0;
+      e.style.paddingRight = `${d + l}px`;
+    }
+  }
+  n += 1;
+}
+function u() {
+  if (n = Math.max(0, n - 1), n === 0 && o) {
+    const t = document.documentElement, { body: e } = document;
+    t.style.overflow = o.htmlOverflow, e.style.overflow = o.bodyOverflow, e.style.paddingRight = o.bodyPaddingRight, o = null;
+  }
+}
+function y(t) {
+  f(() => {
+    if (!(!t || typeof document > "u"))
+      return r(), u;
+  }, [t]);
+}
+export {
+  y as u
+};
+//# sourceMappingURL=useLockBodyScroll-DwBILLPK.js.map

package/dist/useLockBodyScroll-DwBILLPK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLockBodyScroll-DwBILLPK.js","sources":["../src/hooks/useLockBodyScroll.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// `useLayoutEffect` warns during SSR; fall back to `useEffect` on the server (neither runs there anyway).\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\n// Module-level lock: a ref-count + the styles captured on the FIRST lock. Shared across all instances so\n// nested locks (a Select popover open inside a Modal, etc.) are safe to release in ANY order — the page\n// only unlocks when the last one releases, and always restores the true originals (not another lock's).\nlet lockCount = 0\nlet saved: { htmlOverflow: string; bodyOverflow: string; bodyPaddingRight: string } | null = null\n\nfunction acquire(): void {\n  if (lockCount === 0) {\n    const html = document.documentElement\n    const { body } = document\n    saved = {\n      htmlOverflow: html.style.overflow,\n      bodyOverflow: body.style.overflow,\n      bodyPaddingRight: body.style.paddingRight,\n    }\n    const scrollbarWidth = window.innerWidth - html.clientWidth\n    // `clip` (not `hidden`) locks scroll WITHOUT establishing a scroll container, so `position: sticky`\n    // descendants (a sticky sidebar/header) keep working instead of jumping while the overlay is open\n    html.style.overflow = 'clip'\n    body.style.overflow = 'clip'\n    if (scrollbarWidth > 0) {\n      // augment any existing body padding rather than overwrite it (consumer apps may pad the body)\n      const current = parseFloat(getComputedStyle(body).paddingRight) || 0\n      body.style.paddingRight = `${current + scrollbarWidth}px`\n    }\n  }\n  lockCount += 1\n}\n\nfunction release(): void {\n  lockCount = Math.max(0, lockCount - 1)\n  if (lockCount === 0 && saved) {\n    const html = document.documentElement\n    const { body } = document\n    html.style.overflow = saved.htmlOverflow\n    body.style.overflow = saved.bodyOverflow\n    body.style.paddingRight = saved.bodyPaddingRight\n    saved = null\n  }\n}\n\n/**\n * Locks scrolling on `document.body` while `locked` is true (e.g. an open menu / modal / drawer).\n * Compensates for the removed scrollbar by **adding** to the body's `padding-right` so the page doesn't\n * shift, and restores the previous inline styles when unlocked. **Ref-counted** — nested locks are safe\n * to release in any order; the page unlocks only when the last one releases. SSR-safe.\n */\nexport function useLockBodyScroll(locked: boolean): void {\n  useIsomorphicLayoutEffect(() => {\n    if (!locked || typeof document === 'undefined') return\n    acquire()\n    return release\n  }, [locked])\n}\n"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","useEffect","lockCount","saved","acquire","html","body","scrollbarWidth","current","release","useLockBodyScroll","locked"],"mappings":";AAGA,MAAMA,IAA4B,OAAO,SAAW,MAAcC,IAAkBC;AAKpF,IAAIC,IAAY,GACZC,IAAyF;AAE7F,SAASC,IAAgB;AACvB,MAAIF,MAAc,GAAG;AACnB,UAAMG,IAAO,SAAS,iBAChB,EAAE,MAAAC,MAAS;AACjB,IAAAH,IAAQ;AAAA,MACN,cAAcE,EAAK,MAAM;AAAA,MACzB,cAAcC,EAAK,MAAM;AAAA,MACzB,kBAAkBA,EAAK,MAAM;AAAA,IAAA;AAE/B,UAAMC,IAAiB,OAAO,aAAaF,EAAK;AAKhD,QAFAA,EAAK,MAAM,WAAW,QACtBC,EAAK,MAAM,WAAW,QAClBC,IAAiB,GAAG;AAEtB,YAAMC,IAAU,WAAW,iBAAiBF,CAAI,EAAE,YAAY,KAAK;AACnE,MAAAA,EAAK,MAAM,eAAe,GAAGE,IAAUD,CAAc;AAAA,IACvD;AAAA,EACF;AACA,EAAAL,KAAa;AACf;AAEA,SAASO,IAAgB;AAEvB,MADAP,IAAY,KAAK,IAAI,GAAGA,IAAY,CAAC,GACjCA,MAAc,KAAKC,GAAO;AAC5B,UAAME,IAAO,SAAS,iBAChB,EAAE,MAAAC,MAAS;AACjB,IAAAD,EAAK,MAAM,WAAWF,EAAM,cAC5BG,EAAK,MAAM,WAAWH,EAAM,cAC5BG,EAAK,MAAM,eAAeH,EAAM,kBAChCA,IAAQ;AAAA,EACV;AACF;AAQO,SAASO,EAAkBC,GAAuB;AACvD,EAAAZ,EAA0B,MAAM;AAC9B,QAAI,GAACY,KAAU,OAAO,WAAa;AACnC,aAAAP,EAAA,GACOK;AAAA,EACT,GAAG,CAACE,CAAM,CAAC;AACb;"}

package/dist/useMediaQuery-BCsNfMA1.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react");function d(e){const i=a.useCallback(n=>{if(typeof window>"u"||!window.matchMedia)return()=>{};const t=window.matchMedia(e);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[e]),s=()=>typeof window<"u"&&window.matchMedia?window.matchMedia(e).matches:!1,c=()=>!1;return a.useSyncExternalStore(i,s,c)}exports.useMediaQuery=d;
+//# sourceMappingURL=useMediaQuery-BCsNfMA1.cjs.map

package/dist/useMediaQuery-BCsNfMA1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery-BCsNfMA1.cjs","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react'\n\n/**\n * Subscribe to a CSS media query and get whether it currently matches, re-rendering when it flips.\n * Built on `useSyncExternalStore`, so on the client the first render already has the correct value\n * (no flash), and it's **SSR-safe** — returns `false` on the server / where `matchMedia` is\n * unavailable. Use this instead of hand-rolling `window.matchMedia` + effects in a component.\n *\n * @param query - a media query string, e.g. `'(max-width: 640px)'` or `'(prefers-color-scheme: dark)'`.\n * @returns `true` while the query matches.\n *\n * @example\n * const isNarrow = useMediaQuery('(max-width: 640px)')\n */\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      if (typeof window === 'undefined' || !window.matchMedia) return () => {}\n      const mql = window.matchMedia(query)\n      mql.addEventListener('change', onStoreChange)\n      return () => mql.removeEventListener('change', onStoreChange)\n    },\n    [query],\n  )\n  const getSnapshot = () =>\n    typeof window !== 'undefined' && window.matchMedia ? window.matchMedia(query).matches : false\n  // the server can't know the viewport — assume the query doesn't match (matches the CSR-first default)\n  const getServerSnapshot = () => false\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"],"names":["useMediaQuery","query","subscribe","useCallback","onStoreChange","mql","getSnapshot","getServerSnapshot","useSyncExternalStore"],"mappings":"sCAcO,SAASA,EAAcC,EAAwB,CACpD,MAAMC,EAAYC,EAAAA,YACfC,GAA8B,CAC7B,GAAI,OAAO,OAAW,KAAe,CAAC,OAAO,iBAAmB,IAAM,CAAC,EACvE,MAAMC,EAAM,OAAO,WAAWJ,CAAK,EACnC,OAAAI,EAAI,iBAAiB,SAAUD,CAAa,EACrC,IAAMC,EAAI,oBAAoB,SAAUD,CAAa,CAC9D,EACA,CAACH,CAAK,CAAA,EAEFK,EAAc,IAClB,OAAO,OAAW,KAAe,OAAO,WAAa,OAAO,WAAWL,CAAK,EAAE,QAAU,GAEpFM,EAAoB,IAAM,GAChC,OAAOC,uBAAqBN,EAAWI,EAAaC,CAAiB,CACvE"}

package/dist/useMediaQuery-_1EcFoC5.js

@@ -0,0 +1,17 @@
+import { useCallback as o, useSyncExternalStore as i } from "react";
+function c(e) {
+  const a = o(
+    (t) => {
+      if (typeof window > "u" || !window.matchMedia) return () => {
+      };
+      const n = window.matchMedia(e);
+      return n.addEventListener("change", t), () => n.removeEventListener("change", t);
+    },
+    [e]
+  );
+  return i(a, () => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, () => !1);
+}
+export {
+  c as u
+};
+//# sourceMappingURL=useMediaQuery-_1EcFoC5.js.map

package/dist/useMediaQuery-_1EcFoC5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery-_1EcFoC5.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react'\n\n/**\n * Subscribe to a CSS media query and get whether it currently matches, re-rendering when it flips.\n * Built on `useSyncExternalStore`, so on the client the first render already has the correct value\n * (no flash), and it's **SSR-safe** — returns `false` on the server / where `matchMedia` is\n * unavailable. Use this instead of hand-rolling `window.matchMedia` + effects in a component.\n *\n * @param query - a media query string, e.g. `'(max-width: 640px)'` or `'(prefers-color-scheme: dark)'`.\n * @returns `true` while the query matches.\n *\n * @example\n * const isNarrow = useMediaQuery('(max-width: 640px)')\n */\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      if (typeof window === 'undefined' || !window.matchMedia) return () => {}\n      const mql = window.matchMedia(query)\n      mql.addEventListener('change', onStoreChange)\n      return () => mql.removeEventListener('change', onStoreChange)\n    },\n    [query],\n  )\n  const getSnapshot = () =>\n    typeof window !== 'undefined' && window.matchMedia ? window.matchMedia(query).matches : false\n  // the server can't know the viewport — assume the query doesn't match (matches the CSR-first default)\n  const getServerSnapshot = () => false\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"],"names":["useMediaQuery","query","subscribe","useCallback","onStoreChange","mql","useSyncExternalStore"],"mappings":";AAcO,SAASA,EAAcC,GAAwB;AACpD,QAAMC,IAAYC;AAAA,IAChB,CAACC,MAA8B;AAC7B,UAAI,OAAO,SAAW,OAAe,CAAC,OAAO,mBAAmB,MAAM;AAAA,MAAC;AACvE,YAAMC,IAAM,OAAO,WAAWJ,CAAK;AACnC,aAAAI,EAAI,iBAAiB,UAAUD,CAAa,GACrC,MAAMC,EAAI,oBAAoB,UAAUD,CAAa;AAAA,IAC9D;AAAA,IACA,CAACH,CAAK;AAAA,EAAA;AAMR,SAAOK,EAAqBJ,GAJR,MAClB,OAAO,SAAW,OAAe,OAAO,aAAa,OAAO,WAAWD,CAAK,EAAE,UAAU,IAEhE,MAAM,EACqC;AACvE;"}

package/package.json

@@ -0,0 +1,244 @@
+{
+  "name": "@techzyapp/ui-library",
+  "version": "1.0.0",
+  "description": "Techzy UI — reusable React component library for admin panels.",
+  "type": "module",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./components": {
+      "import": {
+        "types": "./dist/entries/components.d.ts",
+        "default": "./dist/entries/components.js"
+      },
+      "require": {
+        "types": "./dist/entries/components.d.cts",
+        "default": "./dist/entries/components.cjs"
+      }
+    },
+    "./components/*": {
+      "import": {
+        "types": "./dist/components/*/index.d.ts",
+        "default": "./dist/components/*/index.js"
+      },
+      "require": {
+        "types": "./dist/components/*/index.d.cts",
+        "default": "./dist/components/*/index.cjs"
+      }
+    },
+    "./hooks": {
+      "import": {
+        "types": "./dist/entries/hooks.d.ts",
+        "default": "./dist/entries/hooks.js"
+      },
+      "require": {
+        "types": "./dist/entries/hooks.d.cts",
+        "default": "./dist/entries/hooks.cjs"
+      }
+    },
+    "./theme": {
+      "import": {
+        "types": "./dist/entries/theme.d.ts",
+        "default": "./dist/entries/theme.js"
+      },
+      "require": {
+        "types": "./dist/entries/theme.d.cts",
+        "default": "./dist/entries/theme.cjs"
+      }
+    },
+    "./i18n": {
+      "import": {
+        "types": "./dist/entries/i18n.d.ts",
+        "default": "./dist/entries/i18n.js"
+      },
+      "require": {
+        "types": "./dist/entries/i18n.d.cts",
+        "default": "./dist/entries/i18n.cjs"
+      }
+    },
+    "./icons": {
+      "import": {
+        "types": "./dist/entries/icons.d.ts",
+        "default": "./dist/entries/icons.js"
+      },
+      "require": {
+        "types": "./dist/entries/icons.d.cts",
+        "default": "./dist/entries/icons.cjs"
+      }
+    },
+    "./helpers": {
+      "import": {
+        "types": "./dist/entries/helpers.d.ts",
+        "default": "./dist/entries/helpers.js"
+      },
+      "require": {
+        "types": "./dist/entries/helpers.d.cts",
+        "default": "./dist/entries/helpers.cjs"
+      }
+    },
+    "./css/reset.css": "./dist/reset.css",
+    "./css/styles.css": "./dist/index.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json && node scripts/post-build.mjs",
+    "build:icons": "node scripts/build-icons.mjs",
+    "dev": "vite build --watch",
+    "playground": "vite",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint:pkg": "publint",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "@dnd-kit/core": ">=6.0.0",
+    "@dnd-kit/sortable": ">=8.0.0",
+    "@dnd-kit/utilities": ">=3.0.0",
+    "@formkit/auto-animate": ">=0.8.0",
+    "@lexical/html": ">=0.45.0",
+    "@lexical/link": ">=0.45.0",
+    "@lexical/list": ">=0.45.0",
+    "@lexical/markdown": ">=0.45.0",
+    "@lexical/react": ">=0.45.0",
+    "@lexical/rich-text": ">=0.45.0",
+    "@lexical/selection": ">=0.45.0",
+    "@lexical/utils": ">=0.45.0",
+    "@tanstack/react-router": ">=1.0.0",
+    "@tanstack/react-table": ">=8.0.0",
+    "dayjs": ">=1.11.0",
+    "lexical": ">=0.45.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-dropzone": ">=14.0.0",
+    "react-image-crop": ">=11.0.0",
+    "zod": ">=3.23.0",
+    "shiki": ">=1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@dnd-kit/core": {
+      "optional": true
+    },
+    "@dnd-kit/sortable": {
+      "optional": true
+    },
+    "@dnd-kit/utilities": {
+      "optional": true
+    },
+    "@formkit/auto-animate": {
+      "optional": true
+    },
+    "react-dropzone": {
+      "optional": true
+    },
+    "react-image-crop": {
+      "optional": true
+    },
+    "@tanstack/react-router": {
+      "optional": true
+    },
+    "@tanstack/react-table": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    },
+    "dayjs": {
+      "optional": true
+    },
+    "lexical": {
+      "optional": true
+    },
+    "@lexical/react": {
+      "optional": true
+    },
+    "@lexical/rich-text": {
+      "optional": true
+    },
+    "@lexical/list": {
+      "optional": true
+    },
+    "@lexical/link": {
+      "optional": true
+    },
+    "@lexical/html": {
+      "optional": true
+    },
+    "@lexical/markdown": {
+      "optional": true
+    },
+    "@lexical/selection": {
+      "optional": true
+    },
+    "@lexical/utils": {
+      "optional": true
+    },
+    "shiki": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@formkit/auto-animate": "^0.9.0",
+    "@lexical/html": "^0.45.0",
+    "@lexical/link": "^0.45.0",
+    "@lexical/list": "^0.45.0",
+    "@lexical/markdown": "^0.45.0",
+    "@lexical/react": "^0.45.0",
+    "@lexical/rich-text": "^0.45.0",
+    "@lexical/selection": "^0.45.0",
+    "@lexical/utils": "^0.45.0",
+    "@tanstack/react-router": "^1.170.11",
+    "@tanstack/react-table": "^8.21.3",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
+    "dayjs": "^1.11.21",
+    "jsdom": "^25.0.1",
+    "lexical": "^0.45.0",
+    "prettier": "^3.8.3",
+    "publint": "^0.3.14",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-dropzone": "^15.0.0",
+    "react-image-crop": "^11.1.2",
+    "shiki": "^4.3.1",
+    "typescript": "^6.0.3",
+    "vite": "^6.4.3",
+    "vitest": "^4.1.8",
+    "zod": "^3.25.76"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1"
+  }
+}