@karni/ui 0.0.0-stage → 0.4.0

package/eslint-plugin/rules/no-direct-http.js

@@ -0,0 +1,128 @@
+/**
+ * karni/no-direct-http — direct HTTP/WS clients (fetch, axios,
+ * XMLHttpRequest, new WebSocket) are banned outside the generated client
+ * directory (allowPatterns, default **-slash-api). Data access goes through
+ * the generated typed hooks and the KarniClient from @karni/ui.
+ */
+import { docsUrl } from "../lib/docs.js";
+import { matchesAny } from "../lib/glob.js";
+
+const DEFAULT_ALLOW_PATTERNS = ["**/api/**"];
+const GLOBAL_OBJECTS = new Set(["window", "globalThis", "self"]);
+
+/** True when `name` resolves to a declared (shadowing) binding in scope. */
+function isShadowed(sourceCode, node, name) {
+  let scope = sourceCode.getScope(node);
+  while (scope) {
+    const variable = scope.set.get(name);
+    if (variable && variable.defs.length > 0) return true;
+    scope = scope.upper;
+  }
+  return false;
+}
+
+/** Matches `fetch(...)`, `window.fetch(...)`, `globalThis.fetch(...)`. */
+function calleeIsGlobal(sourceCode, callee, name) {
+  if (callee.type === "Identifier" && callee.name === name) {
+    return !isShadowed(sourceCode, callee, name);
+  }
+  if (
+    callee.type === "MemberExpression" &&
+    !callee.computed &&
+    callee.object.type === "Identifier" &&
+    GLOBAL_OBJECTS.has(callee.object.name) &&
+    callee.property.type === "Identifier" &&
+    callee.property.name === name
+  ) {
+    return true;
+  }
+  return false;
+}
+
+function checkAxiosSource(context, sourceNode) {
+  if (!sourceNode || sourceNode.type !== "Literal") return;
+  if (typeof sourceNode.value !== "string") return;
+  if (sourceNode.value !== "axios" && !sourceNode.value.startsWith("axios/")) return;
+  context.report({ node: sourceNode, messageId: "axios" });
+}
+
+export default {
+  meta: {
+    type: "problem",
+    docs: {
+      url: docsUrl("no-direct-http"),
+      description:
+        "Ban fetch/axios/XMLHttpRequest/new WebSocket outside the generated api client directory: use the generated typed hooks or KarniClient.",
+    },
+    schema: [
+      {
+        type: "object",
+        properties: {
+          allowPatterns: {
+            type: "array",
+            items: { type: "string" },
+            description:
+              "Glob patterns of file paths where direct HTTP is allowed (the generated client's home).",
+          },
+        },
+        additionalProperties: false,
+      },
+    ],
+    messages: {
+      fetch:
+        "Direct fetch() outside the api client directory. Use the generated typed hooks " +
+        "(useResourceList/useResourceItem/useResourceMutations) or the KarniClient from " +
+        "@karni/ui. Raw HTTP lives only under the allowed api/ paths. " +
+        "Opt out only with an explained disable: " +
+        "// eslint-disable-next-line karni/no-direct-http -- <reason>",
+      axios:
+        "Do not add axios. Karni already ships an HTTP layer: the generated typed hooks and " +
+        "createKarniClient from @karni/ui. " +
+        "Opt out only with an explained disable: " +
+        "// eslint-disable-next-line karni/no-direct-http -- <reason>",
+      xhr:
+        "XMLHttpRequest outside the api client directory. Use the generated typed hooks or " +
+        "the KarniClient from @karni/ui instead. " +
+        "Opt out only with an explained disable: " +
+        "// eslint-disable-next-line karni/no-direct-http -- <reason>",
+      websocket:
+        "new WebSocket() outside the api client directory. Wrap realtime transports in the " +
+        "api/ layer next to the KarniClient so every consumer shares one implementation. " +
+        "Opt out only with an explained disable: " +
+        "// eslint-disable-next-line karni/no-direct-http -- <reason>",
+    },
+  },
+
+  create(context) {
+    const options = context.options[0] ?? {};
+    const allowPatterns = options.allowPatterns ?? DEFAULT_ALLOW_PATTERNS;
+    if (matchesAny(context.filename, allowPatterns)) {
+      return {};
+    }
+    const { sourceCode } = context;
+    return {
+      CallExpression(node) {
+        if (calleeIsGlobal(sourceCode, node.callee, "fetch")) {
+          context.report({ node, messageId: "fetch" });
+          return;
+        }
+        if (node.callee.type === "Identifier" && node.callee.name === "require") {
+          checkAxiosSource(context, node.arguments[0]);
+        }
+      },
+      NewExpression(node) {
+        if (calleeIsGlobal(sourceCode, node.callee, "XMLHttpRequest")) {
+          context.report({ node, messageId: "xhr" });
+        } else if (calleeIsGlobal(sourceCode, node.callee, "WebSocket")) {
+          context.report({ node, messageId: "websocket" });
+        }
+      },
+      ImportDeclaration(node) {
+        checkAxiosSource(context, node.source);
+      },
+      ImportExpression(node) {
+        checkAxiosSource(context, node.source);
+      },
+    };
+  },
+};

package/eslint-plugin/rules/no-raw-elements.js

@@ -0,0 +1,65 @@
+/**
+ * karni/no-raw-elements — raw data-entry/table JSX elements are banned in
+ * project code; @karni/ui is their only home. Each message names the
+ * component to compose instead.
+ */
+import { docsUrl } from "../lib/docs.js";
+import { matchesAny } from "../lib/glob.js";
+
+const REPLACEMENTS = {
+  table: "ResourceTable",
+  form: "ResourceForm",
+  input: "Input (or ResourceForm, which renders the right field for you)",
+  select: "Select / ResourceSelect",
+  textarea: "Textarea (or ResourceForm)",
+};
+
+export default {
+  meta: {
+    type: "problem",
+    docs: {
+      url: docsUrl("no-raw-elements"),
+      description:
+        "Ban raw <table>/<form>/<input>/<select>/<textarea> JSX outside @karni/ui: compose the shipped components instead of rebuilding them.",
+    },
+    schema: [
+      {
+        type: "object",
+        properties: {
+          allow: {
+            type: "array",
+            items: { type: "string" },
+            description: "Glob patterns of file paths where raw elements are allowed.",
+          },
+        },
+        additionalProperties: false,
+      },
+    ],
+    messages: {
+      rawElement:
+        "Raw <{{element}}> is Karni boilerplate. Compose {{replacement}} from @karni/ui instead. " +
+        "Opt out only with an explained disable: " +
+        "// eslint-disable-next-line karni/no-raw-elements -- <reason>",
+    },
+  },
+
+  create(context) {
+    const options = context.options[0] ?? {};
+    const allow = options.allow ?? [];
+    if (allow.length > 0 && matchesAny(context.filename, allow)) {
+      return {};
+    }
+    return {
+      JSXOpeningElement(node) {
+        if (node.name.type !== "JSXIdentifier") return;
+        const element = node.name.name;
+        if (!Object.hasOwn(REPLACEMENTS, element)) return;
+        context.report({
+          node: node.name,
+          messageId: "rawElement",
+          data: { element, replacement: REPLACEMENTS[element] },
+        });
+      },
+    };
+  },
+};

package/eslint-plugin/rules/no-style-literals.js

@@ -0,0 +1,222 @@
+/**
+ * karni/no-style-literals — every visual value resolves from a design token.
+ *
+ * @karni/ui's preset maps Tailwind's scales (colours, spacing, type, radius,
+ * shadow, stacking, opacity, motion) onto --karni-* custom properties, so a
+ * project retheming those properties retheming every component. A class
+ * outside those scales compiles to a literal the theme cannot reach: an
+ * arbitrary value (`w-[13px]`, `bg-[#fff]`), Tailwind's palette
+ * (`bg-slate-500`), an opacity modifier on a colour (`bg-primary/90`), a step
+ * the spacing scale does not have, or a literal in an inline style.
+ *
+ * The rule checks the whitespace-separated class tokens of every string in
+ * the file and the values of inline `style={{ ... }}` objects. Computed style
+ * values (data-driven widths, percentages) are allowed: only literals fail.
+ */
+import { docsUrl } from "../lib/docs.js";
+
+/** The preset's spacing steps (keep in sync with SPACE_STEPS in tailwind-preset.ts). */
+const SPACE_STEPS = new Set([
+  "0",
+  "px",
+  "0.5",
+  "1",
+  "1.5",
+  "2",
+  "2.5",
+  "3",
+  "3.5",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "10",
+  "11",
+  "12",
+  "14",
+  "16",
+  "20",
+  "24",
+  "28",
+  "32",
+  "36",
+  "40",
+  "44",
+  "48",
+  "52",
+  "56",
+  "60",
+  "64",
+  "72",
+  "80",
+  "96",
+  "128",
+]);
+
+const SPACING_UTILITY =
+  /^-?(?:p[xytrblse]?|m[xytrblse]?|gap(?:-[xy])?|space-[xy]|w|h|size|min-w|min-h|max-w|max-h|inset(?:-[xy])?|top|right|bottom|left|start|end|translate-[xy]|scroll-[mp][xytrblse]?|basis|indent)-(\d+(?:\.\d+)?)$/;
+
+const PALETTE =
+  "slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose|black|white";
+const COLOR_UTILITY =
+  "bg|text|border(?:-[xytrblse])?|ring|ring-offset|outline|fill|stroke|from|via|to|divide|placeholder|decoration|accent|caret|shadow";
+const PALETTE_CLASS = new RegExp(`^(?:${COLOR_UTILITY})-(?:${PALETTE})(?:-\\d+)?(?:/\\d+)?$`);
+const OPACITY_MODIFIER = new RegExp(`^(?:${COLOR_UTILITY})-[a-z][\\w-]*/\\d+$`);
+
+/** Classes whose value comes from Tailwind's default theme, not a --karni-* token. */
+const UNMAPPED = [
+  [
+    /^max-w-(?:xs|sm|md|lg|xl|[2-7]xl|prose|screen-\w+)$/,
+    "a named max-width (use a spacing step, e.g. max-w-96)",
+  ],
+  [/^text-(?:[3-9]xl)$/, "a type size outside the --karni-font-size-* scale (xs to 2xl)"],
+  [/^-?z-\d+$/, "a numeric z-index (use z-raised, z-drawer, z-popover, z-modal or z-toast)"],
+  [/^opacity-(?!(?:0|50|60|70|90|100)$)\d+$/, "an opacity outside the --karni-opacity-* steps"],
+  [/^(?:duration|delay)-\d+$/, "a literal duration (transitions read --karni-duration)"],
+  [
+    /^rounded(?:-[tblrse]{1,2})?-(?:2xl|3xl)$/,
+    "a radius outside --karni-radius-* (sm to xl, full)",
+  ],
+  [/^shadow-(?:xl|2xl|inner)$/, "a shadow outside --karni-shadow-* (sm, md, lg)"],
+  [/^font-(?:thin|extralight|light|extrabold|black)$/, "a weight outside --karni-font-weight-*"],
+  [/^leading-(?!none$)[\w.]+$/, "a line height outside the type scale"],
+  [/^tracking-(?:tighter|wider|widest|normal)$/, "letter spacing outside --karni-font-tracking-*"],
+  [
+    /^(?:border(?:-[xytrblse])?|ring-offset|outline)-(?!0$|2$)\d+$/,
+    "a line width outside --karni-border-width / --karni-ring-*",
+  ],
+  [/^ring-(?!0$|1$|2$)\d+$/, "a ring width outside --karni-ring-width*"],
+  [/^underline-offset-(?!4$)\d+$/, "an underline offset outside --karni-font-underline-offset"],
+  [/^divide-[xy](?:-\d+)?$/, "a divider whose width Tailwind 4 hard-codes (use [&>*+*]:border-t)"],
+];
+
+const HEX = /#[0-9a-fA-F]{3,8}\b/;
+const LITERAL_IN_VALUE = /\d|#|\b(?:rgb|rgba|hsl|hsla|oklch|oklab|lab|lch|color)\(/;
+
+/** The base utility of a class token: variants (`hover:`, `md:`, `data-[x]:`) and `!` stripped. */
+function utilityOf(token) {
+  let depth = 0;
+  let start = 0;
+  for (let i = 0; i < token.length; i += 1) {
+    const ch = token[i];
+    if (ch === "[") depth += 1;
+    else if (ch === "]") depth -= 1;
+    else if (ch === ":" && depth === 0) start = i + 1;
+  }
+  return token.slice(start).replace(/^!/, "");
+}
+
+/** Why `utility` is a literal, or null when it resolves from a token. */
+function problemOf(utility) {
+  const arbitrary = /^-?[\w-]*\[(.+)\]$/.exec(utility);
+  if (arbitrary) {
+    const value = arbitrary[1]
+      .replace(/var\(--[\w-]+(?:,[^)]*)?\)/g, "")
+      .replace(/\d+fr\b/g, "")
+      .replace(/\b(?:min|max|fit)-content\b/g, "");
+    return LITERAL_IN_VALUE.test(value) ? "an arbitrary literal value" : null;
+  }
+  if (PALETTE_CLASS.test(utility)) return "a Tailwind palette colour (use a --karni-color-* token)";
+  if (OPACITY_MODIFIER.test(utility)) {
+    return "an opacity modifier on a colour (use a token such as bg-primary-hover or bg-muted-subtle)";
+  }
+  const spacing = SPACING_UTILITY.exec(utility);
+  if (spacing && !SPACE_STEPS.has(spacing[1]))
+    return "a step the --karni-space-* scale does not have";
+  for (const [pattern, why] of UNMAPPED) if (pattern.test(utility)) return why;
+  return null;
+}
+
+function checkClasses(context, node, text) {
+  if (HEX.test(text)) {
+    context.report({
+      node,
+      messageId: "literal",
+      data: { value: HEX.exec(text)[0], why: "a hex colour" },
+    });
+  }
+  for (const token of text.split(/\s+/)) {
+    if (!token) continue;
+    const why = problemOf(utilityOf(token));
+    if (why) context.report({ node, messageId: "literal", data: { value: token, why } });
+  }
+}
+
+function literalStyleValue(node) {
+  if (node.type === "Literal") {
+    if (typeof node.value === "number") return node.value !== 0;
+    return (
+      typeof node.value === "string" &&
+      LITERAL_IN_VALUE.test(node.value.replace(/var\(--[\w-]+\)/g, ""))
+    );
+  }
+  if (node.type === "TemplateLiteral" && node.expressions.length === 0) {
+    return LITERAL_IN_VALUE.test(node.quasis[0].value.cooked ?? "");
+  }
+  return false;
+}
+
+export default {
+  meta: {
+    type: "problem",
+    docs: {
+      url: docsUrl("no-style-literals"),
+      description:
+        "Every visual value resolves from a --karni-* token: no arbitrary literal values, palette colours, colour opacity modifiers or literal inline styles.",
+    },
+    schema: [],
+    messages: {
+      literal:
+        '"{{value}}" is {{why}}: the theme cannot reach it. Use a class from the @karni/ui preset ' +
+        "(it resolves from --karni-* tokens), or add a token to styles.css and the preset. " +
+        "Opt out only with an explained disable: " +
+        "// eslint-disable-next-line karni/no-style-literals -- <reason>",
+    },
+  },
+
+  create(context) {
+    return {
+      Literal(node) {
+        if (typeof node.value !== "string") return;
+        if (
+          node.parent?.type === "ImportDeclaration" ||
+          node.parent?.type === "ExportNamedDeclaration"
+        )
+          return;
+        if (node.parent?.type === "Property" && node.parent.key === node) return;
+        if (insideStyleObject(node)) return;
+        checkClasses(context, node, node.value);
+      },
+      TemplateElement(node) {
+        if (insideStyleObject(node)) return;
+        checkClasses(context, node, node.value.cooked ?? "");
+      },
+      JSXAttribute(node) {
+        if (node.name.name !== "style") return;
+        const expression =
+          node.value?.type === "JSXExpressionContainer" ? node.value.expression : null;
+        if (expression?.type !== "ObjectExpression") return;
+        for (const property of expression.properties) {
+          if (property.type === "Property" && literalStyleValue(property.value)) {
+            context.report({
+              node: property.value,
+              messageId: "literal",
+              data: { value: context.sourceCode.getText(property), why: "a literal inline style" },
+            });
+          }
+        }
+      },
+    };
+  },
+};
+
+/** Inline style values are checked by the JSXAttribute visitor, not as class strings. */
+function insideStyleObject(node) {
+  for (let current = node.parent; current; current = current.parent) {
+    if (current.type === "JSXAttribute") return current.name.name === "style";
+    if (current.type === "JSXElement" || current.type === "Program") return false;
+  }
+  return false;
+}

package/eslint-plugin/rules.json

@@ -0,0 +1,32 @@
+[
+  {
+    "id": "karni/no-raw-elements",
+    "title": "Raw <table>/<form>/<input>/<select>/<textarea> in project code",
+    "why": "@karni/ui ships these as schema-driven components (sorting, pagination, validation, accessibility). Rebuilding them per page is the boilerplate Karni exists to remove, and the copies drift.",
+    "fix": "Compose the component the message names: ResourceTable for <table>, ResourceForm for <form>, Input / Select / ResourceSelect / Textarea for fields (ResourceForm renders the right field for you). Opt out only with `// eslint-disable-next-line karni/no-raw-elements -- <reason>`."
+  },
+  {
+    "id": "karni/max-page-lines",
+    "title": "A page file is longer than its cap (50 lines by default)",
+    "why": "Pages compose @karni/ui components. A long page is rebuilding something Karni ships.",
+    "fix": "Compose Page / ResourceTable / ResourceForm / ResourceDetail and their props, or move logic into hooks and components. Opt out only with `/* eslint-disable karni/max-page-lines -- <reason> */`."
+  },
+  {
+    "id": "karni/no-deep-imports",
+    "title": "An import reaches into @karni/ui internals",
+    "why": "Only the package root is public API (docs/stability.md). Internals change without notice, and a vendored copy forks the component.",
+    "fix": "Import from \"@karni/ui\" and compose or extend the exported component. Opt out only with `// eslint-disable-next-line karni/no-deep-imports -- <reason>`."
+  },
+  {
+    "id": "karni/no-direct-http",
+    "title": "fetch / axios / XMLHttpRequest / WebSocket outside the api client",
+    "why": "The generated typed hooks and KarniClient handle auth, errors, retries and types in one place. Ad-hoc HTTP calls bypass all of it.",
+    "fix": "Use the generated typed hooks (useResourceList / useResourceItem / useResourceMutations) or createKarniClient from @karni/ui, and keep transports under the api/ directory. Opt out only with `// eslint-disable-next-line karni/no-direct-http -- <reason>`."
+  },
+  {
+    "id": "karni/no-style-literals",
+    "title": "A class or inline style holds a literal value instead of a design token",
+    "why": "@karni/ui's preset resolves every colour, spacing step, radius, type size, shadow, z-index, opacity and duration from a --karni-* custom property, so one stylesheet (or `karni ui detect`) rethemes every component. A literal (`w-[13px]`, `bg-slate-500`, `bg-primary/90`, `style={{ color: \"#333\" }}`) is out of the theme's reach.",
+    "fix": "Use a class from the @karni/ui preset (`bg-primary-hover`, `bg-muted-subtle`, `max-w-96`, `z-popover`), or add the token to styles.css and the preset. @karni/ui enables this rule for its own source. A project opts in with `\"karni/no-style-literals\": \"error\"`. Opt out only with `// eslint-disable-next-line karni/no-style-literals -- <reason>`."
+  }
+]

package/package.json

@@ -1,6 +1,158 @@
 {
   "name": "@karni/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.4.0",
+  "description": "React components for Karni: schema-driven tables, forms, detail views and auth. Karni is an open-source Django + React framework for building with AI coding agents. Your agent writes only your domain. The API, admin, permissions and React screens come from a package you upgrade, not code it rewrites in each project. One rule set covers Claude Code, Cursor and Copilot. The build fails when an agent hand-writes what Karni ships.",
+  "keywords": [
+    "react",
+    "django",
+    "django-rest-framework",
+    "openapi",
+    "typescript",
+    "components",
+    "ui",
+    "tanstack-query",
+    "react-hook-form",
+    "zod",
+    "tailwind",
+    "radix",
+    "ai-agents",
+    "karni"
+  ],
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cbsshekhawat18-lab/karni.git",
+    "directory": "packages/karni-ui"
+  },
+  "homepage": "https://github.com/cbsshekhawat18-lab/karni/tree/main/packages/karni-ui#readme",
+  "bugs": {
+    "url": "https://github.com/cbsshekhawat18-lab/karni/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "eslint-plugin",
+    "!eslint-plugin/**/*.test.*",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./tailwind-v4.css": "./dist/tailwind-v4.css",
+    "./tailwind-preset": {
+      "types": "./dist/tailwind-preset.d.ts",
+      "import": "./dist/tailwind-preset.js",
+      "require": "./dist/tailwind-preset.cjs"
+    },
+    "./vite": {
+      "types": "./dist/vite-plugin.d.ts",
+      "import": "./dist/vite-plugin.js",
+      "require": "./dist/vite-plugin.cjs"
+    },
+    "./manifest.json": "./dist/manifest.json",
+    "./eslint-plugin": "./eslint-plugin/index.js",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/src/index.d.ts",
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc --noEmit && eslint src --max-warnings 0 && vite build && node scripts/generate-manifest.mjs",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^3.0.0",
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-table": "^8.0.0",
+    "eslint": ">=9.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0",
+    "zod": "^3.23.0"
+  },
+  "dependencies": {
+    "@eslint-community/eslint-plugin-eslint-comments": "^4.8.1",
+    "@radix-ui/react-checkbox": "^1.4.1",
+    "@radix-ui/react-dialog": "^1.3.1",
+    "@radix-ui/react-dropdown-menu": "^2.2.1",
+    "@radix-ui/react-label": "^2.1.17",
+    "@radix-ui/react-popover": "^1.3.1",
+    "@radix-ui/react-select": "^2.4.1",
+    "@radix-ui/react-switch": "^1.4.1",
+    "@radix-ui/react-tabs": "^1.2.1",
+    "@radix-ui/react-toast": "^1.3.1",
+    "@radix-ui/react-visually-hidden": "^1.1.0",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.2"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.5",
+    "@hookform/resolvers": "^3.9.0",
+    "@storybook/react": "^10.6.3",
+    "@storybook/react-vite": "^10.6.3",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@tanstack/react-query": "^5.104.3",
+    "@tanstack/react-table": "^8.20.5",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/node": "^24.0.0",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "axe-core": "^4.14.0",
+    "eslint": "^9.39.5",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^15.15.0",
+    "jsdom": "^25.0.0",
+    "msw": "^2.4.4",
+    "msw-storybook-addon": "^3.0.3",
+    "playwright": "^1.64.1",
+    "postcss": "^8.5.30",
+    "prettier": "^3.9.10",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.90.0",
+    "storybook": "^10.6.3",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^5.6.2",
+    "typescript-eslint": "^8.71.2",
+    "vite": "^8.3.4",
+    "vite-plugin-dts": "^5.1.2",
+    "vitest": "^5.0.5",
+    "zod": "^3.23.8"
+  },
+  "peerDependenciesMeta": {
+    "eslint": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
+}