@nomos-ui/tanstack-router-adapter 0.0.1

package/README.md

@@ -0,0 +1,5 @@
+# Nomos UI Layout
+
+> **νόμος** (nomos) - Greek: law, order, principle
+
+Beautiful, validated form components that integrate seamlessly with React Hook Form. Built on the principle that forms should enforce order and validation effortlessly.

package/dist/exports/index.d.ts

@@ -0,0 +1,3 @@
+import { TanstackRouterAdapter } from "..";
+export { TanstackRouterAdapter };
+//# sourceMappingURL=index.d.ts.map

package/dist/exports/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/exports/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TanstackRouterAdapter = void 0;
+const __1 = require("..");
+Object.defineProperty(exports, "TanstackRouterAdapter", { enumerable: true, get: function () { return __1.TanstackRouterAdapter; } });
+//# sourceMappingURL=index.js.map

package/dist/exports/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":";;;AAAA,0BAA2C;AAElC,sGAFA,yBAAqB,OAEA"}

package/dist/hooks/use-update-search-params.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Returns a function to update search params while preserving existing ones.
+ * Wraps TanStack Router's `useNavigate` to match the `RouterAdapter` contract.
+ *
+ * @returns A function that accepts an array of `{ name, value }` pairs to set
+ *
+ * @example
+ * ```ts
+ * const updateSearchParams = useUpdateSearchParams();
+ * updateSearchParams([{ name: "page", value: "2" }]);
+ * ```
+ */
+export declare function useUpdateSearchParams(): (fields: {
+    name: string;
+    value: string;
+}[]) => void;
+//# sourceMappingURL=use-update-search-params.d.ts.map

package/dist/hooks/use-update-search-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-search-params.d.ts","sourceRoot":"","sources":["../../src/hooks/use-update-search-params.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,KAElB,QAAQ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,UAS3D"}

package/dist/hooks/use-update-search-params.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateSearchParams = useUpdateSearchParams;
+const react_router_1 = require("@tanstack/react-router");
+/**
+ * Returns a function to update search params while preserving existing ones.
+ * Wraps TanStack Router's `useNavigate` to match the `RouterAdapter` contract.
+ *
+ * @returns A function that accepts an array of `{ name, value }` pairs to set
+ *
+ * @example
+ * ```ts
+ * const updateSearchParams = useUpdateSearchParams();
+ * updateSearchParams([{ name: "page", value: "2" }]);
+ * ```
+ */
+function useUpdateSearchParams() {
+    const navigate = (0, react_router_1.useNavigate)();
+    return function (fields) {
+        navigate({
+            search: (prev) => {
+                const next = { ...prev };
+                fields.forEach((field) => (next[field.name] = field.value));
+                return next;
+            },
+        });
+    };
+}
+//# sourceMappingURL=use-update-search-params.js.map

package/dist/hooks/use-update-search-params.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-search-params.js","sourceRoot":"","sources":["../../src/hooks/use-update-search-params.ts"],"names":[],"mappings":";;AAcA,sDAWC;AAzBD,yDAAqD;AAErD;;;;;;;;;;;GAWG;AACH,SAAgB,qBAAqB;IACnC,MAAM,QAAQ,GAAG,IAAA,0BAAW,GAAE,CAAC;IAC/B,OAAO,UAAU,MAAyC;QACxD,QAAQ,CAAC;YACP,MAAM,EAAE,CAAC,IAAyB,EAAE,EAAE;gBACpC,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;gBACzB,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC5D,OAAO,IAAI,CAAC;YACd,CAAC;SACK,CAAC,CAAC;IACZ,CAAC,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import { RouterAdapter } from "@nomos-ui/core";
+/**
+ * TanStack Router adapter for `@nomos-ui/core` Provider.
+ * Implements the `RouterAdapter` contract using TanStack Router hooks and components.
+ *
+ * Pass this to the `adapter` prop of the Provider to enable routing support
+ * in all `@nomos-ui` components when using TanStack Router.
+ *
+ * @example
+ * ```tsx
+ * import { TanstackRouterAdapter } from "@nomos-ui/tanstack-router-adapter";
+ *
+ * <Provider queryLibrary="tanstack-query" adapters={{ core: TanstackRouterAdapter }}>
+ *   <App />
+ * </Provider>
+ * ```
+ */
+export declare const TanstackRouterAdapter: RouterAdapter;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAyC/C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAOnC,CAAC"}

package/dist/index.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TanstackRouterAdapter = void 0;
+const react_router_1 = require("@tanstack/react-router");
+const use_update_search_params_1 = require("./hooks/use-update-search-params");
+/**
+ * Returns a normalized search params object with a `.get()` interface.
+ * Wraps TanStack Router's `useSearch` to match the `RouterAdapter` contract.
+ *
+ * @returns An object with a `get` method to read search params by key
+ *
+ * @example
+ * ```ts
+ * const searchParams = useSearchParams();
+ * searchParams.get("page"); // "1"
+ * ```
+ */
+function useSearchParams() {
+    const search = (0, react_router_1.useSearch)({ strict: false });
+    return {
+        get: (key) => search[key] ?? null,
+    };
+}
+/**
+ * Returns a normalized route params object with a `.get()` interface.
+ * Wraps TanStack Router's `useParams` to match the `RouterAdapter` contract.
+ *
+ * @returns An object with a `get` method to read route params by key
+ *
+ * @example
+ * ```ts
+ * const params = useParams();
+ * params.get("id"); // "648339adsf043c8ed"
+ * ```
+ */
+function useParams() {
+    const params = (0, react_router_1.useParams)({ strict: false });
+    return {
+        get: (key) => params[key] ?? null,
+    };
+}
+/**
+ * TanStack Router adapter for `@nomos-ui/core` Provider.
+ * Implements the `RouterAdapter` contract using TanStack Router hooks and components.
+ *
+ * Pass this to the `adapter` prop of the Provider to enable routing support
+ * in all `@nomos-ui` components when using TanStack Router.
+ *
+ * @example
+ * ```tsx
+ * import { TanstackRouterAdapter } from "@nomos-ui/tanstack-router-adapter";
+ *
+ * <Provider queryLibrary="tanstack-query" adapters={{ core: TanstackRouterAdapter }}>
+ *   <App />
+ * </Provider>
+ * ```
+ */
+exports.TanstackRouterAdapter = {
+    useSearchParams,
+    useUpdateSearchParams: use_update_search_params_1.useUpdateSearchParams,
+    useParams,
+    components: {
+        Link: { component: react_router_1.Link, hrefKey: "to" },
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAIgC;AAEhC,+EAAyE;AAEzE;;;;;;;;;;;GAWG;AACH,SAAS,eAAe;IACtB,MAAM,MAAM,GAAG,IAAA,wBAAS,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAwB,CAAC;IACnE,OAAO;QACL,GAAG,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,IAAI;KAC1C,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,SAAS,SAAS;IAChB,MAAM,MAAM,GAAG,IAAA,wBAAiB,EAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAwB,CAAC;IAC3E,OAAO;QACL,GAAG,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,IAAI;KAC1C,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACU,QAAA,qBAAqB,GAAkB;IAClD,eAAe;IACf,qBAAqB,EAArB,gDAAqB;IACrB,SAAS;IACT,UAAU,EAAE;QACV,IAAI,EAAE,EAAE,SAAS,EAAE,mBAAI,EAAE,OAAO,EAAE,IAAI,EAAE;KACzC;CACF,CAAC"}

package/package.json

@@ -0,0 +1,110 @@
+{
+  "name": "@nomos-ui/tanstack-router-adapter",
+  "version": "0.0.1",
+  "description": "The Shadcn library for building robust React layouts",
+  "main": "dist/index.js",
+  "module": "dist/exports/index.js",
+  "types": "dist/exports/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/exports/index.d.ts",
+      "import": "./dist/exports/index.js",
+      "require": "./dist/exports/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "types": [
+        "./dist/exports/index.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "build": "trash dist && tsc",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist",
+    "lint": "eslint src --ext .ts,.tsx",
+    "type-check": "tsc --noEmit",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
+    "prepublishOnly": "pnpm run build"
+  },
+  "keywords": [
+    "react",
+    "react-hook-form",
+    "form",
+    "forms",
+    "validation",
+    "components",
+    "ui",
+    "input",
+    "select",
+    "checkbox",
+    "accessible",
+    "a11y",
+    "tailwind",
+    "typescript",
+    "nomos"
+  ],
+  "author": "Uanela Como",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/uanela/nomos-ui.git",
+    "directory": "packages/layout"
+  },
+  "bugs": {
+    "url": "https://github.com/uanela/nomos-ui/issues"
+  },
+  "homepage": "https://github.com/uanela/nomos-ui",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "packageManager": "pnpm@10.13.1",
+  "dependencies": {
+    "@nomos-ui/core": "^0.2.0",
+    "@tanstack/react-router": "^1.163.3"
+  },
+  "devDependencies": {
+    "@types/node": "^24.9.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "tailwindcss": "^4.1.16",
+    "trash-cli": "^7.0.0",
+    "tsx": "^4.20.3",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.3"
+  },
+  "peerDependencies": {
+    "next": "^15.5.12 || ^16.1.6",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    },
+    "react-hook-form": {
+      "optional": false
+    }
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}