@arqel-dev/hooks 0.8.0

package/dist/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useBreakpoint.ts"],"names":[],"mappings":";;;AAWA,IAAM,OAAA,GAAoD;AAAA,EACxD,EAAE,IAAA,EAAM,KAAA,EAAO,GAAA,EAAK,IAAA,EAAK;AAAA,EACzB,EAAE,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,IAAA,EAAK;AAAA,EACxB,EAAE,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,IAAA,EAAK;AAAA,EACxB,EAAE,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,GAAA,EAAI;AAAA,EACvB,EAAE,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,CAAA;AACrB,CAAA;AAEA,SAAS,kBAAkB,KAAA,EAA2B;AACpD,EAAA,KAAA,MAAW,KAAK,OAAA,EAAS;AACvB,IAAA,IAAI,KAAA,IAAS,CAAA,CAAE,GAAA,EAAK,OAAO,CAAA,CAAE,IAAA;AAAA,EAC/B;AACA,EAAA,OAAO,IAAA;AACT;AAEO,SAAS,aAAA,GAA4B;AAC1C,EAAA,MAAM,CAAC,EAAA,EAAI,KAAK,CAAA,GAAI,SAAqB,IAAI,CAAA;AAE7C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,IAAA,MAAM,SAAS,MAAM,KAAA,CAAM,iBAAA,CAAkB,MAAA,CAAO,UAAU,CAAC,CAAA;AAC/D,IAAA,MAAA,EAAO;AACP,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACxC,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,MAAM,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAA;AACT","file":"useBreakpoint.js","sourcesContent":["/**\n * `useBreakpoint` — current Tailwind v4 breakpoint via `matchMedia`.\n *\n * SSR-safe: returns `'sm'` until mount, then subscribes to media queries.\n * Defaults follow Tailwind v4 (sm 640, md 768, lg 1024, xl 1280, 2xl 1536).\n */\n\nimport { useEffect, useState } from 'react';\n\nexport type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nconst QUERIES: Array<{ name: Breakpoint; min: number }> = [\n  { name: '2xl', min: 1536 },\n  { name: 'xl', min: 1280 },\n  { name: 'lg', min: 1024 },\n  { name: 'md', min: 768 },\n  { name: 'sm', min: 0 },\n];\n\nfunction resolveBreakpoint(width: number): Breakpoint {\n  for (const q of QUERIES) {\n    if (width >= q.min) return q.name;\n  }\n  return 'sm';\n}\n\nexport function useBreakpoint(): Breakpoint {\n  const [bp, setBp] = useState<Breakpoint>('sm');\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const update = () => setBp(resolveBreakpoint(window.innerWidth));\n    update();\n    window.addEventListener('resize', update);\n    return () => window.removeEventListener('resize', update);\n  }, []);\n\n  return bp;\n}\n"]}

package/dist/useCanAccess.d.ts

@@ -0,0 +1,11 @@
+/**
+ * `useCanAccess` — UX-only ability check.
+ *
+ * Reads `auth.can[ability]` from Inertia shared props. When a record is
+ * supplied and the record itself exposes a `can: Record<string, boolean>`
+ * map (per-record abilities serialised server-side), that wins over the
+ * global map. Real enforcement happens server-side via Policies (ADR-017).
+ */
+declare function useCanAccess(ability: string, record?: unknown): boolean;
+
+export { useCanAccess };

package/dist/useCanAccess.js

@@ -0,0 +1,17 @@
+import { usePage } from '@inertiajs/react';
+
+// src/useCanAccess.ts
+function useCanAccess(ability, record) {
+  const page = usePage();
+  const props = page.props;
+  const recordCan = record?.can;
+  if (recordCan && Object.hasOwn(recordCan, ability)) {
+    return recordCan[ability] === true;
+  }
+  const globalCan = props.auth?.can ?? {};
+  return Object.hasOwn(globalCan, ability) ? globalCan[ability] === true : false;
+}
+
+export { useCanAccess };
+//# sourceMappingURL=useCanAccess.js.map
+//# sourceMappingURL=useCanAccess.js.map

package/dist/useCanAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useCanAccess.ts"],"names":[],"mappings":";;;AAgBO,SAAS,YAAA,CAAa,SAAiB,MAAA,EAA2B;AACvE,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AACnB,EAAA,MAAM,YAAa,MAAA,EAAmD,GAAA;AAEtE,EAAA,IAAI,SAAA,IAAa,MAAA,CAAO,MAAA,CAAO,SAAA,EAAW,OAAO,CAAA,EAAG;AAClD,IAAA,OAAO,SAAA,CAAU,OAAO,CAAA,KAAM,IAAA;AAAA,EAChC;AAEA,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,IAAA,EAAM,GAAA,IAAO,EAAC;AACtC,EAAA,OAAO,MAAA,CAAO,OAAO,SAAA,EAAW,OAAO,IAAI,SAAA,CAAU,OAAO,MAAM,IAAA,GAAO,KAAA;AAC3E","file":"useCanAccess.js","sourcesContent":["/**\n * `useCanAccess` — UX-only ability check.\n *\n * Reads `auth.can[ability]` from Inertia shared props. When a record is\n * supplied and the record itself exposes a `can: Record<string, boolean>`\n * map (per-record abilities serialised server-side), that wins over the\n * global map. Real enforcement happens server-side via Policies (ADR-017).\n */\n\nimport type { SharedProps } from '@arqel-dev/types/inertia';\nimport { usePage } from '@inertiajs/react';\n\ninterface RecordWithAbilities {\n  can?: Record<string, boolean>;\n}\n\nexport function useCanAccess(ability: string, record?: unknown): boolean {\n  const page = usePage();\n  const props = page.props as unknown as SharedProps;\n  const recordCan = (record as RecordWithAbilities | null | undefined)?.can;\n\n  if (recordCan && Object.hasOwn(recordCan, ability)) {\n    return recordCan[ability] === true;\n  }\n\n  const globalCan = props.auth?.can ?? {};\n  return Object.hasOwn(globalCan, ability) ? globalCan[ability] === true : false;\n}\n"]}

package/dist/useFieldDependencies.d.ts

@@ -0,0 +1,19 @@
+import { FieldSchema } from '@arqel-dev/types/fields';
+
+/**
+ * `useFieldDependencies` — debounced partial reload when source fields change.
+ *
+ * Phase 1 scope: detect changes on field values referenced by `dependsOn`
+ * descriptors, then `router.reload` with `only: ['fields.<dep>.options']`
+ * after a 300 ms debounce.
+ */
+
+interface UseFieldDependenciesOptions {
+    fields: readonly FieldSchema[];
+    values: Record<string, unknown>;
+    debounceMs?: number;
+    onDependencyChange?: (fieldName: string) => void;
+}
+declare function useFieldDependencies(options: UseFieldDependenciesOptions): void;
+
+export { type UseFieldDependenciesOptions, useFieldDependencies };

package/dist/useFieldDependencies.js

@@ -0,0 +1,35 @@
+import { router } from '@inertiajs/react';
+import { useRef, useEffect } from 'react';
+
+// src/useFieldDependencies.ts
+function useFieldDependencies(options) {
+  const { fields, values, debounceMs = 300, onDependencyChange } = options;
+  const lastValuesRef = useRef({});
+  const timersRef = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const timers = timersRef.current;
+    for (const field of fields) {
+      const deps = field.dependsOn;
+      if (!deps || deps.length === 0) continue;
+      const changed = deps.some((dep) => values[dep] !== lastValuesRef.current[dep]);
+      if (!changed) continue;
+      const existing = timers.get(field.name);
+      if (existing) clearTimeout(existing);
+      const handle = setTimeout(() => {
+        router.reload({ only: [`fields.${field.name}.options`] });
+        onDependencyChange?.(field.name);
+        timers.delete(field.name);
+      }, debounceMs);
+      timers.set(field.name, handle);
+    }
+    lastValuesRef.current = { ...values };
+    return () => {
+      for (const handle of timers.values()) clearTimeout(handle);
+      timers.clear();
+    };
+  }, [fields, values, debounceMs, onDependencyChange]);
+}
+
+export { useFieldDependencies };
+//# sourceMappingURL=useFieldDependencies.js.map
+//# sourceMappingURL=useFieldDependencies.js.map

package/dist/useFieldDependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useFieldDependencies.ts"],"names":[],"mappings":";;;;AAmBO,SAAS,qBAAqB,OAAA,EAA4C;AAC/E,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAQ,UAAA,GAAa,GAAA,EAAK,oBAAmB,GAAI,OAAA;AACjE,EAAA,MAAM,aAAA,GAAgB,MAAA,CAAgC,EAAE,CAAA;AACxD,EAAA,MAAM,SAAA,GAAY,MAAA,iBAAmD,IAAI,GAAA,EAAK,CAAA;AAE9E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AAEzB,IAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AAC1B,MAAA,MAAM,OAAO,KAAA,CAAM,SAAA;AACnB,MAAA,IAAI,CAAC,IAAA,IAAQ,IAAA,CAAK,MAAA,KAAW,CAAA,EAAG;AAEhC,MAAA,MAAM,OAAA,GAAU,IAAA,CAAK,IAAA,CAAK,CAAC,GAAA,KAAQ,MAAA,CAAO,GAAG,CAAA,KAAM,aAAA,CAAc,OAAA,CAAQ,GAAG,CAAC,CAAA;AAC7E,MAAA,IAAI,CAAC,OAAA,EAAS;AAEd,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,GAAA,CAAI,KAAA,CAAM,IAAI,CAAA;AACtC,MAAA,IAAI,QAAA,eAAuB,QAAQ,CAAA;AAEnC,MAAA,MAAM,MAAA,GAAS,WAAW,MAAM;AAC9B,QAAA,MAAA,CAAO,MAAA,CAAO,EAAE,IAAA,EAAM,CAAC,UAAU,KAAA,CAAM,IAAI,CAAA,QAAA,CAAU,CAAA,EAAG,CAAA;AACxD,QAAA,kBAAA,GAAqB,MAAM,IAAI,CAAA;AAC/B,QAAA,MAAA,CAAO,MAAA,CAAO,MAAM,IAAI,CAAA;AAAA,MAC1B,GAAG,UAAU,CAAA;AAEb,MAAA,MAAA,CAAO,GAAA,CAAI,KAAA,CAAM,IAAA,EAAM,MAAM,CAAA;AAAA,IAC/B;AAEA,IAAA,aAAA,CAAc,OAAA,GAAU,EAAE,GAAG,MAAA,EAAO;AAEpC,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,MAAW,MAAA,IAAU,MAAA,CAAO,MAAA,EAAO,eAAgB,MAAM,CAAA;AACzD,MAAA,MAAA,CAAO,KAAA,EAAM;AAAA,IACf,CAAA;AAAA,EACF,GAAG,CAAC,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,kBAAkB,CAAC,CAAA;AACrD","file":"useFieldDependencies.js","sourcesContent":["/**\n * `useFieldDependencies` — debounced partial reload when source fields change.\n *\n * Phase 1 scope: detect changes on field values referenced by `dependsOn`\n * descriptors, then `router.reload` with `only: ['fields.<dep>.options']`\n * after a 300 ms debounce.\n */\n\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport { router } from '@inertiajs/react';\nimport { useEffect, useRef } from 'react';\n\nexport interface UseFieldDependenciesOptions {\n  fields: readonly FieldSchema[];\n  values: Record<string, unknown>;\n  debounceMs?: number;\n  onDependencyChange?: (fieldName: string) => void;\n}\n\nexport function useFieldDependencies(options: UseFieldDependenciesOptions): void {\n  const { fields, values, debounceMs = 300, onDependencyChange } = options;\n  const lastValuesRef = useRef<Record<string, unknown>>({});\n  const timersRef = useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n\n  useEffect(() => {\n    const timers = timersRef.current;\n\n    for (const field of fields) {\n      const deps = field.dependsOn;\n      if (!deps || deps.length === 0) continue;\n\n      const changed = deps.some((dep) => values[dep] !== lastValuesRef.current[dep]);\n      if (!changed) continue;\n\n      const existing = timers.get(field.name);\n      if (existing) clearTimeout(existing);\n\n      const handle = setTimeout(() => {\n        router.reload({ only: [`fields.${field.name}.options`] });\n        onDependencyChange?.(field.name);\n        timers.delete(field.name);\n      }, debounceMs);\n\n      timers.set(field.name, handle);\n    }\n\n    lastValuesRef.current = { ...values };\n\n    return () => {\n      for (const handle of timers.values()) clearTimeout(handle);\n      timers.clear();\n    };\n  }, [fields, values, debounceMs, onDependencyChange]);\n}\n"]}

package/dist/useFlash.d.ts

@@ -0,0 +1,17 @@
+import { FlashPayload } from '@arqel-dev/types/inertia';
+
+/**
+ * `useFlash` — read flash messages from Inertia shared props.
+ *
+ * Optional `onMessage` callback fires once per *new* message of each kind,
+ * allowing toast-library integrations without leaking effects elsewhere.
+ */
+
+type FlashKind = 'success' | 'error' | 'info' | 'warning';
+interface UseFlashOptions {
+    onMessage?: (kind: FlashKind, message: string) => void;
+}
+type UseFlashResult = FlashPayload;
+declare function useFlash(options?: UseFlashOptions): UseFlashResult;
+
+export { type FlashKind, type UseFlashOptions, type UseFlashResult, useFlash };

package/dist/useFlash.js

@@ -0,0 +1,38 @@
+import { usePage } from '@inertiajs/react';
+import { useRef, useEffect } from 'react';
+
+// src/useFlash.ts
+var KINDS = ["success", "error", "info", "warning"];
+var EMPTY_FLASH = {
+  success: null,
+  error: null,
+  info: null,
+  warning: null
+};
+function useFlash(options = {}) {
+  const page = usePage();
+  const props = page.props;
+  const flash = props.flash ?? EMPTY_FLASH;
+  const seenRef = useRef({
+    success: null,
+    error: null,
+    info: null,
+    warning: null
+  });
+  const { onMessage } = options;
+  useEffect(() => {
+    if (!onMessage) return;
+    for (const kind of KINDS) {
+      const value = flash[kind];
+      if (value && value !== seenRef.current[kind]) {
+        seenRef.current[kind] = value;
+        onMessage(kind, value);
+      }
+    }
+  }, [flash, onMessage]);
+  return flash;
+}
+
+export { useFlash };
+//# sourceMappingURL=useFlash.js.map
+//# sourceMappingURL=useFlash.js.map

package/dist/useFlash.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useFlash.ts"],"names":[],"mappings":";;;;AAmBA,IAAM,KAAA,GAAqB,CAAC,SAAA,EAAW,OAAA,EAAS,QAAQ,SAAS,CAAA;AAEjE,IAAM,WAAA,GAA4B;AAAA,EAChC,OAAA,EAAS,IAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,IAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEO,SAAS,QAAA,CAAS,OAAA,GAA2B,EAAC,EAAmB;AACtE,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AACnB,EAAA,MAAM,KAAA,GAAQ,MAAM,KAAA,IAAS,WAAA;AAC7B,EAAA,MAAM,UAAU,MAAA,CAAyC;AAAA,IACvD,OAAA,EAAS,IAAA;AAAA,IACT,KAAA,EAAO,IAAA;AAAA,IACP,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AAED,EAAA,MAAM,EAAE,WAAU,GAAI,OAAA;AAEtB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,EAAW;AAChB,IAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,MAAA,MAAM,KAAA,GAAQ,MAAM,IAAI,CAAA;AACxB,MAAA,IAAI,KAAA,IAAS,KAAA,KAAU,OAAA,CAAQ,OAAA,CAAQ,IAAI,CAAA,EAAG;AAC5C,QAAA,OAAA,CAAQ,OAAA,CAAQ,IAAI,CAAA,GAAI,KAAA;AACxB,QAAA,SAAA,CAAU,MAAM,KAAK,CAAA;AAAA,MACvB;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,SAAS,CAAC,CAAA;AAErB,EAAA,OAAO,KAAA;AACT","file":"useFlash.js","sourcesContent":["/**\n * `useFlash` — read flash messages from Inertia shared props.\n *\n * Optional `onMessage` callback fires once per *new* message of each kind,\n * allowing toast-library integrations without leaking effects elsewhere.\n */\n\nimport type { FlashPayload, SharedProps } from '@arqel-dev/types/inertia';\nimport { usePage } from '@inertiajs/react';\nimport { useEffect, useRef } from 'react';\n\nexport type FlashKind = 'success' | 'error' | 'info' | 'warning';\n\nexport interface UseFlashOptions {\n  onMessage?: (kind: FlashKind, message: string) => void;\n}\n\nexport type UseFlashResult = FlashPayload;\n\nconst KINDS: FlashKind[] = ['success', 'error', 'info', 'warning'];\n\nconst EMPTY_FLASH: FlashPayload = {\n  success: null,\n  error: null,\n  info: null,\n  warning: null,\n};\n\nexport function useFlash(options: UseFlashOptions = {}): UseFlashResult {\n  const page = usePage();\n  const props = page.props as unknown as SharedProps;\n  const flash = props.flash ?? EMPTY_FLASH;\n  const seenRef = useRef<Record<FlashKind, string | null>>({\n    success: null,\n    error: null,\n    info: null,\n    warning: null,\n  });\n\n  const { onMessage } = options;\n\n  useEffect(() => {\n    if (!onMessage) return;\n    for (const kind of KINDS) {\n      const value = flash[kind];\n      if (value && value !== seenRef.current[kind]) {\n        seenRef.current[kind] = value;\n        onMessage(kind, value);\n      }\n    }\n  }, [flash, onMessage]);\n\n  return flash;\n}\n"]}

package/dist/useNavigation.d.ts

@@ -0,0 +1,21 @@
+/**
+ * `useNavigation` — read panel navigation from Inertia shared props.
+ *
+ * Server emits a flat or grouped tree under `panel.navigation`; this hook
+ * normalises it to a `NavigationItem[]`-like shape callsites can render.
+ */
+interface NavigationItemPayload {
+    label: string;
+    url: string;
+    icon?: string | null;
+    badge?: string | number | null;
+    active?: boolean;
+    group?: string | null;
+    children?: NavigationItemPayload[];
+}
+interface UseNavigationResult {
+    items: NavigationItemPayload[];
+}
+declare function useNavigation(): UseNavigationResult;
+
+export { type NavigationItemPayload, type UseNavigationResult, useNavigation };

package/dist/useNavigation.js

@@ -0,0 +1,14 @@
+import { usePage } from '@inertiajs/react';
+
+// src/useNavigation.ts
+function useNavigation() {
+  const page = usePage();
+  const props = page.props;
+  const panel = props.panel;
+  const items = Array.isArray(panel?.navigation) ? panel.navigation : [];
+  return { items };
+}
+
+export { useNavigation };
+//# sourceMappingURL=useNavigation.js.map
+//# sourceMappingURL=useNavigation.js.map

package/dist/useNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useNavigation.ts"],"names":[],"mappings":";;;AA4BO,SAAS,aAAA,GAAqC;AACnD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AACnB,EAAA,MAAM,QAAQ,KAAA,CAAM,KAAA;AACpB,EAAA,MAAM,KAAA,GAAQ,MAAM,OAAA,CAAQ,KAAA,EAAO,UAAU,CAAA,GAAI,KAAA,CAAM,aAAa,EAAC;AACrE,EAAA,OAAO,EAAE,KAAA,EAAM;AACjB","file":"useNavigation.js","sourcesContent":["/**\n * `useNavigation` — read panel navigation from Inertia shared props.\n *\n * Server emits a flat or grouped tree under `panel.navigation`; this hook\n * normalises it to a `NavigationItem[]`-like shape callsites can render.\n */\n\nimport type { SharedProps } from '@arqel-dev/types/inertia';\nimport { usePage } from '@inertiajs/react';\n\nexport interface NavigationItemPayload {\n  label: string;\n  url: string;\n  icon?: string | null;\n  badge?: string | number | null;\n  active?: boolean;\n  group?: string | null;\n  children?: NavigationItemPayload[];\n}\n\nexport interface UseNavigationResult {\n  items: NavigationItemPayload[];\n}\n\ninterface PanelWithNav {\n  navigation?: NavigationItemPayload[];\n}\n\nexport function useNavigation(): UseNavigationResult {\n  const page = usePage();\n  const props = page.props as unknown as SharedProps;\n  const panel = props.panel as (SharedProps['panel'] & PanelWithNav) | null;\n  const items = Array.isArray(panel?.navigation) ? panel.navigation : [];\n  return { items };\n}\n"]}

package/dist/useOptimistic.d.ts

@@ -0,0 +1,9 @@
+/**
+ * `useArqelOptimistic` — thin wrapper over React 19's `useOptimistic`.
+ *
+ * Renamed (`useArqelOptimistic`) to avoid colliding with React's hook when
+ * both are imported in the same file. Reducer signature mirrors React's.
+ */
+declare function useArqelOptimistic<TState, TAction>(state: TState, reducer: (current: TState, action: TAction) => TState): [TState, (action: TAction) => void];
+
+export { useArqelOptimistic };

package/dist/useOptimistic.js

@@ -0,0 +1,10 @@
+import { useOptimistic } from 'react';
+
+// src/useOptimistic.ts
+function useArqelOptimistic(state, reducer) {
+  return useOptimistic(state, reducer);
+}
+
+export { useArqelOptimistic };
+//# sourceMappingURL=useOptimistic.js.map
+//# sourceMappingURL=useOptimistic.js.map

package/dist/useOptimistic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useOptimistic.ts"],"names":[],"mappings":";;;AASO,SAAS,kBAAA,CACd,OACA,OAAA,EACqC;AACrC,EAAA,OAAO,aAAA,CAAc,OAAO,OAAO,CAAA;AACrC","file":"useOptimistic.js","sourcesContent":["/**\n * `useArqelOptimistic` — thin wrapper over React 19's `useOptimistic`.\n *\n * Renamed (`useArqelOptimistic`) to avoid colliding with React's hook when\n * both are imported in the same file. Reducer signature mirrors React's.\n */\n\nimport { useOptimistic } from 'react';\n\nexport function useArqelOptimistic<TState, TAction>(\n  state: TState,\n  reducer: (current: TState, action: TAction) => TState,\n): [TState, (action: TAction) => void] {\n  return useOptimistic(state, reducer);\n}\n"]}

package/dist/useResource.d.ts

@@ -0,0 +1,25 @@
+import { ResourceMeta } from '@arqel-dev/types/resources';
+
+/**
+ * `useResource` — typed access to Inertia page props for a Resource page.
+ *
+ * Combines `usePage()` (shared props) with the optional ResourceContext
+ * provided by `<ResourceLayout>` so callsites can pull `records`, `actions`,
+ * `filters`, etc. with a single hook.
+ */
+
+interface UseResourceResult<TRecord = unknown> {
+    /** Server-rendered Resource metadata (label, slug, fields, etc.). */
+    resource: ResourceMeta | null;
+    /** Records collection — `null` on non-index pages. */
+    records: TRecord[] | null;
+    /** Single record — `null` on index pages. */
+    record: TRecord | null;
+    /** Active filters as serialised by Table::serialize(). */
+    filters: Record<string, unknown>;
+    /** Raw page props for escape-hatch use. */
+    props: Record<string, unknown>;
+}
+declare function useResource<TRecord = unknown>(): UseResourceResult<TRecord>;
+
+export { type UseResourceResult, useResource };

package/dist/useResource.js

@@ -0,0 +1,20 @@
+import { useResourceContext } from '@arqel-dev/react/context';
+import { usePage } from '@inertiajs/react';
+
+// src/useResource.ts
+function useResource() {
+  const page = usePage();
+  const props = page.props;
+  const contextResource = useResourceContext();
+  return {
+    resource: props.resource ?? contextResource ?? null,
+    records: Array.isArray(props.records) ? props.records : null,
+    record: props.record ?? null,
+    filters: props.filters ?? {},
+    props
+  };
+}
+
+export { useResource };
+//# sourceMappingURL=useResource.js.map
+//# sourceMappingURL=useResource.js.map

package/dist/useResource.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useResource.ts"],"names":[],"mappings":";;;;AAgCO,SAAS,WAAA,GAA6D;AAC3E,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AACnB,EAAA,MAAM,kBAAkB,kBAAA,EAAmB;AAE3C,EAAA,OAAO;AAAA,IACL,QAAA,EAAU,KAAA,CAAM,QAAA,IAAY,eAAA,IAAmB,IAAA;AAAA,IAC/C,SAAS,KAAA,CAAM,OAAA,CAAQ,MAAM,OAAO,CAAA,GAAK,MAAM,OAAA,GAAwB,IAAA;AAAA,IACvE,MAAA,EAAS,MAAM,MAAA,IAAkC,IAAA;AAAA,IACjD,OAAA,EAAU,KAAA,CAAM,OAAA,IAAmD,EAAC;AAAA,IACpE;AAAA,GACF;AACF","file":"useResource.js","sourcesContent":["/**\n * `useResource` — typed access to Inertia page props for a Resource page.\n *\n * Combines `usePage()` (shared props) with the optional ResourceContext\n * provided by `<ResourceLayout>` so callsites can pull `records`, `actions`,\n * `filters`, etc. with a single hook.\n */\n\nimport { useResourceContext } from '@arqel-dev/react/context';\nimport type { ResourceMeta } from '@arqel-dev/types/resources';\nimport { usePage } from '@inertiajs/react';\n\nexport interface UseResourceResult<TRecord = unknown> {\n  /** Server-rendered Resource metadata (label, slug, fields, etc.). */\n  resource: ResourceMeta | null;\n  /** Records collection — `null` on non-index pages. */\n  records: TRecord[] | null;\n  /** Single record — `null` on index pages. */\n  record: TRecord | null;\n  /** Active filters as serialised by Table::serialize(). */\n  filters: Record<string, unknown>;\n  /** Raw page props for escape-hatch use. */\n  props: Record<string, unknown>;\n}\n\ninterface ResourcePagePayload<TRecord> {\n  resource?: ResourceMeta;\n  records?: TRecord[];\n  record?: TRecord;\n  filters?: Record<string, unknown>;\n}\n\nexport function useResource<TRecord = unknown>(): UseResourceResult<TRecord> {\n  const page = usePage();\n  const props = page.props as Record<string, unknown> & ResourcePagePayload<TRecord>;\n  const contextResource = useResourceContext();\n\n  return {\n    resource: props.resource ?? contextResource ?? null,\n    records: Array.isArray(props.records) ? (props.records as TRecord[]) : null,\n    record: (props.record as TRecord | undefined) ?? null,\n    filters: (props.filters as Record<string, unknown> | undefined) ?? {},\n    props,\n  };\n}\n"]}

package/dist/useResourceUpdates.d.ts

@@ -0,0 +1,51 @@
+/**
+ * `useResourceUpdates` — subscribe to a Laravel Echo private channel for a
+ * resource (or specific record) and trigger a partial Inertia reload when an
+ * update event arrives.
+ *
+ * The hook is intentionally defensive: it only activates when `window.Echo` is
+ * present at runtime. If Reverb/Echo is not configured in the host app, the
+ * hook becomes a no-op so that consumers can ship pages without crashing in
+ * environments where realtime is disabled.
+ *
+ * Note: the `laravel-echo` package is *not* a dependency of `@arqel-dev/hooks` —
+ * we only declare an ambient minimal shape of `window.Echo`.
+ */
+/**
+ * Minimal structural type describing the Echo surface we use. Keeping this
+ * narrow avoids a hard dependency on `laravel-echo` types and keeps the hook
+ * usable with stubs/mocks.
+ */
+interface EchoChannelLike {
+    listen(event: string, callback: (payload: ResourceUpdatePayload) => void): EchoChannelLike;
+}
+interface EchoLike {
+    private(channel: string): EchoChannelLike;
+    leave(channel: string): void;
+}
+declare global {
+    interface Window {
+        Echo?: EchoLike;
+    }
+}
+/**
+ * Shape of the broadcast payload. We type it loosely because broadcasters can
+ * include arbitrary metadata, but expose convenience fields used by the
+ * default UI integration.
+ */
+type ResourceUpdatePayload = Record<string, any>;
+interface UseResourceUpdatesOptions {
+    /**
+     * Optional callback invoked on each received update with the raw payload.
+     * Useful for showing a toast like "Updated by {user}".
+     */
+    onUpdate?: (payload: ResourceUpdatePayload) => void;
+    /**
+     * Override the broadcast event name. Defaults to `.ResourceUpdated`.
+     * The leading `.` opts into Laravel's "use literal event name" convention.
+     */
+    event?: string;
+}
+declare function useResourceUpdates(resourceSlug: string, recordId?: string | number, options?: UseResourceUpdatesOptions): void;
+
+export { type EchoChannelLike, type EchoLike, type ResourceUpdatePayload, type UseResourceUpdatesOptions, useResourceUpdates };

package/dist/useResourceUpdates.js

@@ -0,0 +1,29 @@
+import { router } from '@inertiajs/react';
+import { useEffect } from 'react';
+
+// src/useResourceUpdates.ts
+var DEFAULT_EVENT = ".ResourceUpdated";
+function useResourceUpdates(resourceSlug, recordId, options = {}) {
+  const { onUpdate, event = DEFAULT_EVENT } = options;
+  useEffect(() => {
+    const echo = typeof window !== "undefined" ? window.Echo : void 0;
+    if (!echo) {
+      return;
+    }
+    const channelName = recordId !== void 0 && recordId !== null ? `arqel.${resourceSlug}.${recordId}` : `arqel.${resourceSlug}`;
+    const only = recordId !== void 0 && recordId !== null ? ["record"] : ["records"];
+    echo.private(channelName).listen(event, (payload) => {
+      if (onUpdate) {
+        onUpdate(payload);
+      }
+      router.reload({ only });
+    });
+    return () => {
+      window.Echo?.leave(channelName);
+    };
+  }, [resourceSlug, recordId, onUpdate, event]);
+}
+
+export { useResourceUpdates };
+//# sourceMappingURL=useResourceUpdates.js.map
+//# sourceMappingURL=useResourceUpdates.js.map

package/dist/useResourceUpdates.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useResourceUpdates.ts"],"names":[],"mappings":";;;;AA0DA,IAAM,aAAA,GAAgB,kBAAA;AAEf,SAAS,kBAAA,CACd,YAAA,EACA,QAAA,EACA,OAAA,GAAqC,EAAC,EAChC;AACN,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,GAAQ,aAAA,EAAc,GAAI,OAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,IAAA,GAAO,OAAO,MAAA,KAAW,WAAA,GAAc,OAAO,IAAA,GAAO,MAAA;AAC3D,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,WAAA,GACJ,QAAA,KAAa,MAAA,IAAa,QAAA,KAAa,IAAA,GACnC,CAAA,MAAA,EAAS,YAAY,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA,GACjC,CAAA,MAAA,EAAS,YAAY,CAAA,CAAA;AAE3B,IAAA,MAAM,IAAA,GAAO,aAAa,MAAA,IAAa,QAAA,KAAa,OAAO,CAAC,QAAQ,CAAA,GAAI,CAAC,SAAS,CAAA;AAElF,IAAA,IAAA,CAAK,QAAQ,WAAW,CAAA,CAAE,MAAA,CAAO,KAAA,EAAO,CAAC,OAAA,KAAmC;AAC1E,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,OAAO,CAAA;AAAA,MAClB;AAGA,MAAA,MAAA,CAAO,MAAA,CAAO,EAAE,IAAA,EAAM,CAAA;AAAA,IACxB,CAAC,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,IAAA,EAAM,MAAM,WAAW,CAAA;AAAA,IAChC,CAAA;AAAA,EACF,GAAG,CAAC,YAAA,EAAc,QAAA,EAAU,QAAA,EAAU,KAAK,CAAC,CAAA;AAC9C","file":"useResourceUpdates.js","sourcesContent":["/**\n * `useResourceUpdates` — subscribe to a Laravel Echo private channel for a\n * resource (or specific record) and trigger a partial Inertia reload when an\n * update event arrives.\n *\n * The hook is intentionally defensive: it only activates when `window.Echo` is\n * present at runtime. If Reverb/Echo is not configured in the host app, the\n * hook becomes a no-op so that consumers can ship pages without crashing in\n * environments where realtime is disabled.\n *\n * Note: the `laravel-echo` package is *not* a dependency of `@arqel-dev/hooks` —\n * we only declare an ambient minimal shape of `window.Echo`.\n */\n\nimport { router } from '@inertiajs/react';\nimport { useEffect } from 'react';\n\n/**\n * Minimal structural type describing the Echo surface we use. Keeping this\n * narrow avoids a hard dependency on `laravel-echo` types and keeps the hook\n * usable with stubs/mocks.\n */\nexport interface EchoChannelLike {\n  listen(event: string, callback: (payload: ResourceUpdatePayload) => void): EchoChannelLike;\n}\n\nexport interface EchoLike {\n  private(channel: string): EchoChannelLike;\n  leave(channel: string): void;\n}\n\ndeclare global {\n  interface Window {\n    Echo?: EchoLike;\n  }\n}\n\n/**\n * Shape of the broadcast payload. We type it loosely because broadcasters can\n * include arbitrary metadata, but expose convenience fields used by the\n * default UI integration.\n */\n// biome-ignore lint/suspicious/noExplicitAny: payload is intentionally open-ended (broadcast metadata is app-defined).\nexport type ResourceUpdatePayload = Record<string, any>;\n\nexport interface UseResourceUpdatesOptions {\n  /**\n   * Optional callback invoked on each received update with the raw payload.\n   * Useful for showing a toast like \"Updated by {user}\".\n   */\n  onUpdate?: (payload: ResourceUpdatePayload) => void;\n  /**\n   * Override the broadcast event name. Defaults to `.ResourceUpdated`.\n   * The leading `.` opts into Laravel's \"use literal event name\" convention.\n   */\n  event?: string;\n}\n\nconst DEFAULT_EVENT = '.ResourceUpdated';\n\nexport function useResourceUpdates(\n  resourceSlug: string,\n  recordId?: string | number,\n  options: UseResourceUpdatesOptions = {},\n): void {\n  const { onUpdate, event = DEFAULT_EVENT } = options;\n\n  useEffect(() => {\n    const echo = typeof window !== 'undefined' ? window.Echo : undefined;\n    if (!echo) {\n      return;\n    }\n\n    const channelName =\n      recordId !== undefined && recordId !== null\n        ? `arqel.${resourceSlug}.${recordId}`\n        : `arqel.${resourceSlug}`;\n\n    const only = recordId !== undefined && recordId !== null ? ['record'] : ['records'];\n\n    echo.private(channelName).listen(event, (payload: ResourceUpdatePayload) => {\n      if (onUpdate) {\n        onUpdate(payload);\n      }\n      // Note: Inertia v2 reloads always preserve scroll/state by default\n      // (see `ReloadOptions` = `Omit<VisitOptions, 'preserveScroll' | 'preserveState'>`).\n      router.reload({ only });\n    });\n\n    return () => {\n      window.Echo?.leave(channelName);\n    };\n  }, [resourceSlug, recordId, onUpdate, event]);\n}\n"]}

package/dist/useTable.d.ts

@@ -0,0 +1,32 @@
+/**
+ * `useTable` — table state (sort, filters, selection).
+ *
+ * Phase 1 scope: pure local state. URL sync via Inertia `router.get`
+ * lands in HOOKS-004 follow-up once `<ResourceIndex>` exists.
+ */
+type SortDirection = 'asc' | 'desc';
+interface TableSort {
+    column: string;
+    direction: SortDirection;
+}
+interface UseTableOptions {
+    defaultSort?: TableSort;
+    defaultFilters?: Record<string, unknown>;
+    defaultSelection?: ReadonlyArray<string | number>;
+}
+interface UseTableResult {
+    sort: TableSort | null;
+    setSort: (column: string, direction?: SortDirection) => void;
+    clearSort: () => void;
+    filters: Record<string, unknown>;
+    setFilter: (name: string, value: unknown) => void;
+    clearFilters: () => void;
+    selectedIds: ReadonlyArray<string | number>;
+    toggleSelection: (id: string | number) => void;
+    selectAll: (ids: ReadonlyArray<string | number>) => void;
+    clearSelection: () => void;
+    isSelected: (id: string | number) => boolean;
+}
+declare function useTable(options?: UseTableOptions): UseTableResult;
+
+export { type SortDirection, type TableSort, type UseTableOptions, type UseTableResult, useTable };

package/dist/useTable.js

@@ -0,0 +1,49 @@
+import { useState, useCallback } from 'react';
+
+// src/useTable.ts
+function useTable(options = {}) {
+  const [sort, setSortState] = useState(options.defaultSort ?? null);
+  const [filters, setFilters] = useState(options.defaultFilters ?? {});
+  const [selectedIds, setSelectedIds] = useState(
+    options.defaultSelection ?? []
+  );
+  const setSort = useCallback((column, direction = "asc") => {
+    setSortState({ column, direction });
+  }, []);
+  const clearSort = useCallback(() => setSortState(null), []);
+  const setFilter = useCallback((name, value) => {
+    setFilters((prev) => {
+      if (value === void 0 || value === null || value === "") {
+        const { [name]: _omit, ...rest } = prev;
+        return rest;
+      }
+      return { ...prev, [name]: value };
+    });
+  }, []);
+  const clearFilters = useCallback(() => setFilters({}), []);
+  const toggleSelection = useCallback((id) => {
+    setSelectedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
+  }, []);
+  const selectAll = useCallback((ids) => {
+    setSelectedIds([...ids]);
+  }, []);
+  const clearSelection = useCallback(() => setSelectedIds([]), []);
+  const isSelected = useCallback((id) => selectedIds.includes(id), [selectedIds]);
+  return {
+    sort,
+    setSort,
+    clearSort,
+    filters,
+    setFilter,
+    clearFilters,
+    selectedIds,
+    toggleSelection,
+    selectAll,
+    clearSelection,
+    isSelected
+  };
+}
+
+export { useTable };
+//# sourceMappingURL=useTable.js.map
+//# sourceMappingURL=useTable.js.map

package/dist/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useTable.ts"],"names":[],"mappings":";;;AAoCO,SAAS,QAAA,CAAS,OAAA,GAA2B,EAAC,EAAmB;AACtE,EAAA,MAAM,CAAC,IAAA,EAAM,YAAY,IAAI,QAAA,CAA2B,OAAA,CAAQ,eAAe,IAAI,CAAA;AACnF,EAAA,MAAM,CAAC,SAAS,UAAU,CAAA,GAAI,SAAkC,OAAA,CAAQ,cAAA,IAAkB,EAAE,CAAA;AAC5F,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAAA;AAAA,IACpC,OAAA,CAAQ,oBAAoB;AAAC,GAC/B;AAEA,EAAA,MAAM,OAAA,GAAU,WAAA,CAAY,CAAC,MAAA,EAAgB,YAA2B,KAAA,KAAU;AAChF,IAAA,YAAA,CAAa,EAAE,MAAA,EAAQ,SAAA,EAAW,CAAA;AAAA,EACpC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAY,WAAA,CAAY,MAAM,aAAa,IAAI,CAAA,EAAG,EAAE,CAAA;AAE1D,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,IAAA,EAAc,KAAA,KAAmB;AAC9D,IAAA,UAAA,CAAW,CAAC,IAAA,KAAS;AACnB,MAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,IAAQ,UAAU,EAAA,EAAI;AACzD,QAAA,MAAM,EAAE,CAAC,IAAI,GAAG,KAAA,EAAO,GAAG,MAAK,GAAI,IAAA;AACnC,QAAA,OAAO,IAAA;AAAA,MACT;AACA,MAAA,OAAO,EAAE,GAAG,IAAA,EAAM,CAAC,IAAI,GAAG,KAAA,EAAM;AAAA,IAClC,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM,UAAA,CAAW,EAAE,CAAA,EAAG,EAAE,CAAA;AAEzD,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,CAAC,EAAA,KAAwB;AAC3D,IAAA,cAAA,CAAe,CAAC,IAAA,KAAU,IAAA,CAAK,QAAA,CAAS,EAAE,IAAI,IAAA,CAAK,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,EAAE,CAAA,GAAI,CAAC,GAAG,IAAA,EAAM,EAAE,CAAE,CAAA;AAAA,EAC7F,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,GAAA,KAAwC;AACrE,IAAA,cAAA,CAAe,CAAC,GAAG,GAAG,CAAC,CAAA;AAAA,EACzB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAM,cAAA,CAAe,EAAE,CAAA,EAAG,EAAE,CAAA;AAE/D,EAAA,MAAM,UAAA,GAAa,WAAA,CAAY,CAAC,EAAA,KAAwB,WAAA,CAAY,SAAS,EAAE,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAE/F,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AACF","file":"useTable.js","sourcesContent":["/**\n * `useTable` — table state (sort, filters, selection).\n *\n * Phase 1 scope: pure local state. URL sync via Inertia `router.get`\n * lands in HOOKS-004 follow-up once `<ResourceIndex>` exists.\n */\n\nimport { useCallback, useState } from 'react';\n\nexport type SortDirection = 'asc' | 'desc';\n\nexport interface TableSort {\n  column: string;\n  direction: SortDirection;\n}\n\nexport interface UseTableOptions {\n  defaultSort?: TableSort;\n  defaultFilters?: Record<string, unknown>;\n  defaultSelection?: ReadonlyArray<string | number>;\n}\n\nexport interface UseTableResult {\n  sort: TableSort | null;\n  setSort: (column: string, direction?: SortDirection) => void;\n  clearSort: () => void;\n  filters: Record<string, unknown>;\n  setFilter: (name: string, value: unknown) => void;\n  clearFilters: () => void;\n  selectedIds: ReadonlyArray<string | number>;\n  toggleSelection: (id: string | number) => void;\n  selectAll: (ids: ReadonlyArray<string | number>) => void;\n  clearSelection: () => void;\n  isSelected: (id: string | number) => boolean;\n}\n\nexport function useTable(options: UseTableOptions = {}): UseTableResult {\n  const [sort, setSortState] = useState<TableSort | null>(options.defaultSort ?? null);\n  const [filters, setFilters] = useState<Record<string, unknown>>(options.defaultFilters ?? {});\n  const [selectedIds, setSelectedIds] = useState<ReadonlyArray<string | number>>(\n    options.defaultSelection ?? [],\n  );\n\n  const setSort = useCallback((column: string, direction: SortDirection = 'asc') => {\n    setSortState({ column, direction });\n  }, []);\n\n  const clearSort = useCallback(() => setSortState(null), []);\n\n  const setFilter = useCallback((name: string, value: unknown) => {\n    setFilters((prev) => {\n      if (value === undefined || value === null || value === '') {\n        const { [name]: _omit, ...rest } = prev;\n        return rest;\n      }\n      return { ...prev, [name]: value };\n    });\n  }, []);\n\n  const clearFilters = useCallback(() => setFilters({}), []);\n\n  const toggleSelection = useCallback((id: string | number) => {\n    setSelectedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n  }, []);\n\n  const selectAll = useCallback((ids: ReadonlyArray<string | number>) => {\n    setSelectedIds([...ids]);\n  }, []);\n\n  const clearSelection = useCallback(() => setSelectedIds([]), []);\n\n  const isSelected = useCallback((id: string | number) => selectedIds.includes(id), [selectedIds]);\n\n  return {\n    sort,\n    setSort,\n    clearSort,\n    filters,\n    setFilter,\n    clearFilters,\n    selectedIds,\n    toggleSelection,\n    selectAll,\n    clearSelection,\n    isSelected,\n  };\n}\n"]}

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "@arqel-dev/hooks",
+  "version": "0.8.0",
+  "description": "Reusable React hooks for Arqel admin panels.",
+  "license": "MIT",
+  "homepage": "https://arqel.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/arqel-dev/arqel.git",
+    "directory": "packages-js/hooks"
+  },
+  "keywords": [
+    "arqel",
+    "laravel",
+    "inertia",
+    "react",
+    "hooks"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./useResource": {
+      "types": "./dist/useResource.d.ts",
+      "import": "./dist/useResource.js"
+    },
+    "./useArqelForm": {
+      "types": "./dist/useArqelForm.d.ts",
+      "import": "./dist/useArqelForm.js"
+    },
+    "./useCanAccess": {
+      "types": "./dist/useCanAccess.d.ts",
+      "import": "./dist/useCanAccess.js"
+    },
+    "./useFlash": {
+      "types": "./dist/useFlash.d.ts",
+      "import": "./dist/useFlash.js"
+    },
+    "./useTable": {
+      "types": "./dist/useTable.d.ts",
+      "import": "./dist/useTable.js"
+    },
+    "./useAction": {
+      "types": "./dist/useAction.d.ts",
+      "import": "./dist/useAction.js"
+    },
+    "./useFieldDependencies": {
+      "types": "./dist/useFieldDependencies.d.ts",
+      "import": "./dist/useFieldDependencies.js"
+    },
+    "./useNavigation": {
+      "types": "./dist/useNavigation.d.ts",
+      "import": "./dist/useNavigation.js"
+    },
+    "./useBreakpoint": {
+      "types": "./dist/useBreakpoint.d.ts",
+      "import": "./dist/useBreakpoint.js"
+    },
+    "./useOptimistic": {
+      "types": "./dist/useOptimistic.d.ts",
+      "import": "./dist/useOptimistic.js"
+    },
+    "./useResourceUpdates": {
+      "types": "./dist/useResourceUpdates.d.ts",
+      "import": "./dist/useResourceUpdates.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "SKILL.md"
+  ],
+  "dependencies": {
+    "@arqel-dev/types": "0.8.0"
+  },
+  "peerDependencies": {
+    "@inertiajs/react": "^2.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@arqel-dev/react": "0.8.0"
+  },
+  "devDependencies": {
+    "@inertiajs/core": "^2.0.0",
+    "@inertiajs/react": "^2.0.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "expect-type": "^1.2.2",
+    "jsdom": "^25.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.6.3",
+    "vitest": "^3.0.0",
+    "@arqel-dev/react": "0.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20.9.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check --diagnostic-level=error src tests",
+    "format": "biome format --write src tests",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}