@radish-ui/core 0.1.0-prerelease.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 saebyn
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,72 @@
+# @radish-ui/core
+
+[![npm](https://img.shields.io/npm/v/%40radish-ui%2Fcore?label=%40radish-ui%2Fcore)](https://www.npmjs.com/package/@radish-ui/core)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/saebyn/radish-ui/blob/main/LICENSE)
+
+Headless [react-admin](https://marmelab.com/react-admin/) wrappers and Tailwind CSS utilities for [radish-ui](https://github.com/saebyn/radish-ui).
+
+> [!WARNING]
+> **Early development — not production-ready.**
+> The API may change rapidly without notice and is not yet stable.
+
+## Installation
+
+```bash
+pnpm add @radish-ui/core ra-core react react-dom tailwindcss
+# or
+npm install @radish-ui/core ra-core react react-dom tailwindcss
+```
+
+## What's included
+
+### `cn()` utility
+
+A `clsx` + `tailwind-merge` helper for conditionally joining Tailwind class names without conflicts:
+
+```ts
+import { cn } from "@radish-ui/core";
+
+<div className={cn("px-4 py-2", isActive && "bg-primary-500", className)} />
+```
+
+### Admin, ListBase, and ra-core wrappers
+
+Thin wrappers around `ra-core` primitives so you can import everything from one package:
+
+```ts
+import { Admin, ListBase, EditBase, CreateBase, ShowBase } from "@radish-ui/core";
+import { useFieldValue } from "@radish-ui/core";
+```
+
+### Tailwind CSS preset (`@radish-ui/core/preset`)
+
+A Tailwind preset that registers semantic color tokens. Registry components use these tokens so you can retheme everything by overriding one value in your config.
+
+| Token     | Default palette | Purpose                                 |
+| --------- | --------------- | --------------------------------------- |
+| `primary` | indigo          | Brand / interactive color               |
+| `neutral` | gray            | Borders, dividers, muted text           |
+| `danger`  | red             | Destructive actions and error states    |
+| `success` | green           | Positive states and confirmations       |
+| `info`    | blue            | Informational states                    |
+| `warning` | yellow          | Warning states                          |
+| `canvas`  | gray + white    | Surface backgrounds (page, card, input) |
+
+```ts
+// tailwind.config.ts
+import radishPreset from "@radish-ui/core/preset";
+import colors from "tailwindcss/colors";
+
+export default {
+  presets: [radishPreset],
+  content: ["./index.html", "./src/**/*.{ts,tsx}"],
+  // Override the primary brand color for your project:
+  theme: { extend: { colors: { primary: colors.violet } } },
+};
+```
+
+## Learn more
+
+- [radish-ui on GitHub](https://github.com/saebyn/radish-ui)
+- [Documentation](https://saebyn.github.io/radish-ui/)
+- [react-admin / ra-core](https://marmelab.com/react-admin/)

package/dist/index.cjs

@@ -0,0 +1,143 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Admin: () => Admin,
+  CreateBase: () => import_ra_core4.CreateBase,
+  EditBase: () => import_ra_core4.EditBase,
+  ListBase: () => import_ra_core2.ListBase,
+  RecordContextProvider: () => import_ra_core4.RecordContextProvider,
+  ResourceContextProvider: () => import_ra_core4.ResourceContextProvider,
+  ShowBase: () => import_ra_core4.ShowBase,
+  cn: () => cn,
+  radishMessages: () => radishMessages,
+  useFieldValue: () => useFieldValue
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/admin.tsx
+var import_ra_core = require("ra-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Admin({
+  // CoreAdminContext props
+  dataProvider,
+  authProvider,
+  i18nProvider,
+  store,
+  queryClient,
+  basename,
+  // CoreAdminUI props
+  layout,
+  dashboard,
+  catchAll,
+  loading,
+  requireAuth,
+  ready,
+  title,
+  // children (Resources)
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ra_core.CoreAdminContext,
+    {
+      dataProvider,
+      authProvider,
+      i18nProvider,
+      store,
+      queryClient,
+      basename,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ra_core.CoreAdminUI,
+        {
+          layout,
+          dashboard,
+          catchAll,
+          loading,
+          requireAuth,
+          ready,
+          title,
+          children
+        }
+      )
+    }
+  );
+}
+
+// src/list.tsx
+var import_ra_core2 = require("ra-core");
+
+// src/hooks/use-field-value.ts
+var import_ra_core3 = require("ra-core");
+function useFieldValue({ source }) {
+  const record = (0, import_ra_core3.useRecordContext)();
+  if (!record) return void 0;
+  return getByPath(record, source);
+}
+function getByPath(obj, path) {
+  return path.split(".").reduce((current, key) => {
+    if (current === null || current === void 0) return void 0;
+    return current[key];
+  }, obj);
+}
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/i18n.ts
+var radishMessages = {
+  radish: {
+    action: {
+      /** Label shown on a delete button while the deletion is in progress. */
+      deleting: "Deleting\u2026"
+    },
+    message: {
+      /** Confirm dialog title shown by <DeleteButton>. */
+      delete_confirm_title: "Are you sure you want to delete this record?"
+    },
+    notification: {
+      /** aria-label for the dismiss button inside each toast. */
+      dismiss: "Dismiss notification",
+      /** aria-label for the notifications container. */
+      label: "Notifications"
+    }
+  }
+};
+
+// src/index.ts
+var import_ra_core4 = require("ra-core");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Admin,
+  CreateBase,
+  EditBase,
+  ListBase,
+  RecordContextProvider,
+  ResourceContextProvider,
+  ShowBase,
+  cn,
+  radishMessages,
+  useFieldValue
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/admin.tsx","../src/list.tsx","../src/hooks/use-field-value.ts","../src/utils/cn.ts","../src/i18n.ts"],"sourcesContent":["// Admin wrapper\nexport { Admin } from \"./admin\";\nexport type { AdminProps } from \"./admin\";\n\n// List\nexport { ListBase } from \"./list\";\nexport type { ListBaseProps } from \"./list\";\n\n// Hooks\nexport { useFieldValue } from \"./hooks\";\n\n// Utilities\nexport { cn } from \"./utils/cn\";\n\n// i18n\nexport { radishMessages } from \"./i18n\";\nexport type { RadishMessages } from \"./i18n\";\n\n// Re-exports from ra-core for convenient single-package imports\nexport {\n  EditBase,\n  CreateBase,\n  ShowBase,\n  ResourceContextProvider,\n  RecordContextProvider,\n} from \"ra-core\";\n","import React from \"react\";\nimport {\n  CoreAdminContext,\n  CoreAdminUI,\n  type CoreAdminContextProps,\n  type CoreAdminUIProps,\n} from \"ra-core\";\n\nexport type AdminProps = CoreAdminContextProps &\n  Omit<CoreAdminUIProps, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/**\n * Root Admin component that wires up ra-core's CoreAdminContext and CoreAdminUI.\n * Drop-in replacement for react-admin's <Admin> without any Material UI dependency.\n *\n * @example\n * <Admin dataProvider={dataProvider} layout={Layout}>\n *   <Resource name=\"posts\" list={PostList} />\n * </Admin>\n */\nexport function Admin({\n  // CoreAdminContext props\n  dataProvider,\n  authProvider,\n  i18nProvider,\n  store,\n  queryClient,\n  basename,\n  // CoreAdminUI props\n  layout,\n  dashboard,\n  catchAll,\n  loading,\n  requireAuth,\n  ready,\n  title,\n  // children (Resources)\n  children,\n}: AdminProps) {\n  return (\n    <CoreAdminContext\n      dataProvider={dataProvider}\n      authProvider={authProvider}\n      i18nProvider={i18nProvider}\n      store={store}\n      queryClient={queryClient}\n      basename={basename}\n    >\n      <CoreAdminUI\n        layout={layout}\n        dashboard={dashboard}\n        catchAll={catchAll}\n        loading={loading}\n        requireAuth={requireAuth}\n        ready={ready}\n        title={title}\n      >\n        {children}\n      </CoreAdminUI>\n    </CoreAdminContext>\n  );\n}\n","export { ListBase } from \"ra-core\";\nexport type { ListBaseProps } from \"ra-core\";\n","import { useRecordContext } from \"ra-core\";\n\n/**\n * Resolves a value from the current record context using a dot-notation path.\n *\n * @param options.source - The field path, e.g. \"title\" or \"author.name\"\n * @returns The resolved value, or undefined if not found\n *\n * @example\n * const title = useFieldValue({ source: \"title\" });\n * const authorName = useFieldValue({ source: \"author.name\" });\n */\nexport function useFieldValue({ source }: { source: string }) {\n  const record = useRecordContext();\n  if (!record) return undefined;\n  return getByPath(record, source);\n}\n\n/**\n * Simple dot-notation path resolver.\n * Handles paths like \"author.name\" or \"meta.tags.0\".\n */\nfunction getByPath(obj: Record<string, unknown>, path: string): unknown {\n  return path.split(\".\").reduce<unknown>((current, key) => {\n    if (current === null || current === undefined) return undefined;\n    return (current as Record<string, unknown>)[key];\n  }, obj);\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge Tailwind CSS classes without style conflicts.\n * Uses clsx for conditional classes and tailwind-merge to resolve conflicts.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","/**\n * The shape of the `radish.*` translation namespace.\n *\n * Use this type when building a translated bundle for a language other than\n * English so TypeScript can catch missing or misspelled keys:\n *\n * @example\n * import type { RadishMessages } from \"@radish-ui/core\";\n *\n * const frenchRadishMessages: RadishMessages = {\n *   radish: {\n *     action: { deleting: \"Suppression…\" },\n *     message: { delete_confirm_title: \"Êtes-vous sûr de vouloir supprimer cet enregistrement ?\" },\n *     notification: { dismiss: \"Fermer la notification\", label: \"Notifications\" },\n *   },\n * };\n */\nexport interface RadishMessages {\n  radish: {\n    action: {\n      /** Label shown on a delete button while the deletion is in progress. */\n      deleting: string;\n    };\n    message: {\n      /** Confirm dialog title shown by <DeleteButton>. */\n      delete_confirm_title: string;\n    };\n    notification: {\n      /** aria-label for the dismiss button inside each toast. */\n      dismiss: string;\n      /** aria-label for the notifications container. */\n      label: string;\n    };\n  };\n}\n\n/**\n * Default English message bundle for the `radish.*` i18n namespace.\n *\n * These keys have no direct equivalent in `ra-language-english` and are\n * specific to radish-ui components. Merge this object into your i18n\n * provider messages so that these strings are translatable.\n *\n * @example\n * import polyglotI18nProvider from \"ra-i18n-polyglot\";\n * import englishMessages from \"ra-language-english\";\n * import { radishMessages } from \"@radish-ui/core\";\n *\n * const i18nProvider = polyglotI18nProvider(\n *   () => ({ ...englishMessages, ...radishMessages }),\n *   \"en\",\n * );\n */\nexport const radishMessages: RadishMessages = {\n  radish: {\n    action: {\n      /** Label shown on a delete button while the deletion is in progress. */\n      deleting: \"Deleting…\",\n    },\n    message: {\n      /** Confirm dialog title shown by <DeleteButton>. */\n      delete_confirm_title: \"Are you sure you want to delete this record?\",\n    },\n    notification: {\n      /** aria-label for the dismiss button inside each toast. */\n      dismiss: \"Dismiss notification\",\n      /** aria-label for the notifications container. */\n      label: \"Notifications\",\n    },\n  },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,qBAKO;AA4CD;AA5BC,SAAS,MAAM;AAAA;AAAA,EAEpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AACF,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;;;AC/DA,IAAAA,kBAAyB;;;ACAzB,IAAAC,kBAAiC;AAY1B,SAAS,cAAc,EAAE,OAAO,GAAuB;AAC5D,QAAM,aAAS,kCAAiB;AAChC,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,UAAU,QAAQ,MAAM;AACjC;AAMA,SAAS,UAAU,KAA8B,MAAuB;AACtE,SAAO,KAAK,MAAM,GAAG,EAAE,OAAgB,CAAC,SAAS,QAAQ;AACvD,QAAI,YAAY,QAAQ,YAAY,OAAW,QAAO;AACtD,WAAQ,QAAoC,GAAG;AAAA,EACjD,GAAG,GAAG;AACR;;;AC3BA,kBAAsC;AACtC,4BAAwB;AAMjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AC4CO,IAAM,iBAAiC;AAAA,EAC5C,QAAQ;AAAA,IACN,QAAQ;AAAA;AAAA,MAEN,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA;AAAA,MAEP,sBAAsB;AAAA,IACxB;AAAA,IACA,cAAc;AAAA;AAAA,MAEZ,SAAS;AAAA;AAAA,MAET,OAAO;AAAA,IACT;AAAA,EACF;AACF;;;ALnDA,IAAAC,kBAMO;","names":["import_ra_core","import_ra_core","import_ra_core"]}

package/dist/index.d.cts

@@ -0,0 +1,95 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { CoreAdminContextProps, CoreAdminUIProps } from 'ra-core';
+export { CreateBase, EditBase, ListBase, ListBaseProps, RecordContextProvider, ResourceContextProvider, ShowBase } from 'ra-core';
+import { ClassValue } from 'clsx';
+
+type AdminProps = CoreAdminContextProps & Omit<CoreAdminUIProps, "children"> & {
+    children?: React.ReactNode;
+};
+/**
+ * Root Admin component that wires up ra-core's CoreAdminContext and CoreAdminUI.
+ * Drop-in replacement for react-admin's <Admin> without any Material UI dependency.
+ *
+ * @example
+ * <Admin dataProvider={dataProvider} layout={Layout}>
+ *   <Resource name="posts" list={PostList} />
+ * </Admin>
+ */
+declare function Admin({ dataProvider, authProvider, i18nProvider, store, queryClient, basename, layout, dashboard, catchAll, loading, requireAuth, ready, title, children, }: AdminProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Resolves a value from the current record context using a dot-notation path.
+ *
+ * @param options.source - The field path, e.g. "title" or "author.name"
+ * @returns The resolved value, or undefined if not found
+ *
+ * @example
+ * const title = useFieldValue({ source: "title" });
+ * const authorName = useFieldValue({ source: "author.name" });
+ */
+declare function useFieldValue({ source }: {
+    source: string;
+}): unknown;
+
+/**
+ * Merge Tailwind CSS classes without style conflicts.
+ * Uses clsx for conditional classes and tailwind-merge to resolve conflicts.
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * The shape of the `radish.*` translation namespace.
+ *
+ * Use this type when building a translated bundle for a language other than
+ * English so TypeScript can catch missing or misspelled keys:
+ *
+ * @example
+ * import type { RadishMessages } from "@radish-ui/core";
+ *
+ * const frenchRadishMessages: RadishMessages = {
+ *   radish: {
+ *     action: { deleting: "Suppression…" },
+ *     message: { delete_confirm_title: "Êtes-vous sûr de vouloir supprimer cet enregistrement ?" },
+ *     notification: { dismiss: "Fermer la notification", label: "Notifications" },
+ *   },
+ * };
+ */
+interface RadishMessages {
+    radish: {
+        action: {
+            /** Label shown on a delete button while the deletion is in progress. */
+            deleting: string;
+        };
+        message: {
+            /** Confirm dialog title shown by <DeleteButton>. */
+            delete_confirm_title: string;
+        };
+        notification: {
+            /** aria-label for the dismiss button inside each toast. */
+            dismiss: string;
+            /** aria-label for the notifications container. */
+            label: string;
+        };
+    };
+}
+/**
+ * Default English message bundle for the `radish.*` i18n namespace.
+ *
+ * These keys have no direct equivalent in `ra-language-english` and are
+ * specific to radish-ui components. Merge this object into your i18n
+ * provider messages so that these strings are translatable.
+ *
+ * @example
+ * import polyglotI18nProvider from "ra-i18n-polyglot";
+ * import englishMessages from "ra-language-english";
+ * import { radishMessages } from "@radish-ui/core";
+ *
+ * const i18nProvider = polyglotI18nProvider(
+ *   () => ({ ...englishMessages, ...radishMessages }),
+ *   "en",
+ * );
+ */
+declare const radishMessages: RadishMessages;
+
+export { Admin, type AdminProps, type RadishMessages, cn, radishMessages, useFieldValue };

package/dist/index.d.ts

@@ -0,0 +1,95 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { CoreAdminContextProps, CoreAdminUIProps } from 'ra-core';
+export { CreateBase, EditBase, ListBase, ListBaseProps, RecordContextProvider, ResourceContextProvider, ShowBase } from 'ra-core';
+import { ClassValue } from 'clsx';
+
+type AdminProps = CoreAdminContextProps & Omit<CoreAdminUIProps, "children"> & {
+    children?: React.ReactNode;
+};
+/**
+ * Root Admin component that wires up ra-core's CoreAdminContext and CoreAdminUI.
+ * Drop-in replacement for react-admin's <Admin> without any Material UI dependency.
+ *
+ * @example
+ * <Admin dataProvider={dataProvider} layout={Layout}>
+ *   <Resource name="posts" list={PostList} />
+ * </Admin>
+ */
+declare function Admin({ dataProvider, authProvider, i18nProvider, store, queryClient, basename, layout, dashboard, catchAll, loading, requireAuth, ready, title, children, }: AdminProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Resolves a value from the current record context using a dot-notation path.
+ *
+ * @param options.source - The field path, e.g. "title" or "author.name"
+ * @returns The resolved value, or undefined if not found
+ *
+ * @example
+ * const title = useFieldValue({ source: "title" });
+ * const authorName = useFieldValue({ source: "author.name" });
+ */
+declare function useFieldValue({ source }: {
+    source: string;
+}): unknown;
+
+/**
+ * Merge Tailwind CSS classes without style conflicts.
+ * Uses clsx for conditional classes and tailwind-merge to resolve conflicts.
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * The shape of the `radish.*` translation namespace.
+ *
+ * Use this type when building a translated bundle for a language other than
+ * English so TypeScript can catch missing or misspelled keys:
+ *
+ * @example
+ * import type { RadishMessages } from "@radish-ui/core";
+ *
+ * const frenchRadishMessages: RadishMessages = {
+ *   radish: {
+ *     action: { deleting: "Suppression…" },
+ *     message: { delete_confirm_title: "Êtes-vous sûr de vouloir supprimer cet enregistrement ?" },
+ *     notification: { dismiss: "Fermer la notification", label: "Notifications" },
+ *   },
+ * };
+ */
+interface RadishMessages {
+    radish: {
+        action: {
+            /** Label shown on a delete button while the deletion is in progress. */
+            deleting: string;
+        };
+        message: {
+            /** Confirm dialog title shown by <DeleteButton>. */
+            delete_confirm_title: string;
+        };
+        notification: {
+            /** aria-label for the dismiss button inside each toast. */
+            dismiss: string;
+            /** aria-label for the notifications container. */
+            label: string;
+        };
+    };
+}
+/**
+ * Default English message bundle for the `radish.*` i18n namespace.
+ *
+ * These keys have no direct equivalent in `ra-language-english` and are
+ * specific to radish-ui components. Merge this object into your i18n
+ * provider messages so that these strings are translatable.
+ *
+ * @example
+ * import polyglotI18nProvider from "ra-i18n-polyglot";
+ * import englishMessages from "ra-language-english";
+ * import { radishMessages } from "@radish-ui/core";
+ *
+ * const i18nProvider = polyglotI18nProvider(
+ *   () => ({ ...englishMessages, ...radishMessages }),
+ *   "en",
+ * );
+ */
+declare const radishMessages: RadishMessages;
+
+export { Admin, type AdminProps, type RadishMessages, cn, radishMessages, useFieldValue };

package/dist/index.js

@@ -0,0 +1,116 @@
+// src/admin.tsx
+import {
+  CoreAdminContext,
+  CoreAdminUI
+} from "ra-core";
+import { jsx } from "react/jsx-runtime";
+function Admin({
+  // CoreAdminContext props
+  dataProvider,
+  authProvider,
+  i18nProvider,
+  store,
+  queryClient,
+  basename,
+  // CoreAdminUI props
+  layout,
+  dashboard,
+  catchAll,
+  loading,
+  requireAuth,
+  ready,
+  title,
+  // children (Resources)
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    CoreAdminContext,
+    {
+      dataProvider,
+      authProvider,
+      i18nProvider,
+      store,
+      queryClient,
+      basename,
+      children: /* @__PURE__ */ jsx(
+        CoreAdminUI,
+        {
+          layout,
+          dashboard,
+          catchAll,
+          loading,
+          requireAuth,
+          ready,
+          title,
+          children
+        }
+      )
+    }
+  );
+}
+
+// src/list.tsx
+import { ListBase } from "ra-core";
+
+// src/hooks/use-field-value.ts
+import { useRecordContext } from "ra-core";
+function useFieldValue({ source }) {
+  const record = useRecordContext();
+  if (!record) return void 0;
+  return getByPath(record, source);
+}
+function getByPath(obj, path) {
+  return path.split(".").reduce((current, key) => {
+    if (current === null || current === void 0) return void 0;
+    return current[key];
+  }, obj);
+}
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/i18n.ts
+var radishMessages = {
+  radish: {
+    action: {
+      /** Label shown on a delete button while the deletion is in progress. */
+      deleting: "Deleting\u2026"
+    },
+    message: {
+      /** Confirm dialog title shown by <DeleteButton>. */
+      delete_confirm_title: "Are you sure you want to delete this record?"
+    },
+    notification: {
+      /** aria-label for the dismiss button inside each toast. */
+      dismiss: "Dismiss notification",
+      /** aria-label for the notifications container. */
+      label: "Notifications"
+    }
+  }
+};
+
+// src/index.ts
+import {
+  EditBase,
+  CreateBase,
+  ShowBase,
+  ResourceContextProvider,
+  RecordContextProvider
+} from "ra-core";
+export {
+  Admin,
+  CreateBase,
+  EditBase,
+  ListBase,
+  RecordContextProvider,
+  ResourceContextProvider,
+  ShowBase,
+  cn,
+  radishMessages,
+  useFieldValue
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin.tsx","../src/list.tsx","../src/hooks/use-field-value.ts","../src/utils/cn.ts","../src/i18n.ts","../src/index.ts"],"sourcesContent":["import React from \"react\";\nimport {\n  CoreAdminContext,\n  CoreAdminUI,\n  type CoreAdminContextProps,\n  type CoreAdminUIProps,\n} from \"ra-core\";\n\nexport type AdminProps = CoreAdminContextProps &\n  Omit<CoreAdminUIProps, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/**\n * Root Admin component that wires up ra-core's CoreAdminContext and CoreAdminUI.\n * Drop-in replacement for react-admin's <Admin> without any Material UI dependency.\n *\n * @example\n * <Admin dataProvider={dataProvider} layout={Layout}>\n *   <Resource name=\"posts\" list={PostList} />\n * </Admin>\n */\nexport function Admin({\n  // CoreAdminContext props\n  dataProvider,\n  authProvider,\n  i18nProvider,\n  store,\n  queryClient,\n  basename,\n  // CoreAdminUI props\n  layout,\n  dashboard,\n  catchAll,\n  loading,\n  requireAuth,\n  ready,\n  title,\n  // children (Resources)\n  children,\n}: AdminProps) {\n  return (\n    <CoreAdminContext\n      dataProvider={dataProvider}\n      authProvider={authProvider}\n      i18nProvider={i18nProvider}\n      store={store}\n      queryClient={queryClient}\n      basename={basename}\n    >\n      <CoreAdminUI\n        layout={layout}\n        dashboard={dashboard}\n        catchAll={catchAll}\n        loading={loading}\n        requireAuth={requireAuth}\n        ready={ready}\n        title={title}\n      >\n        {children}\n      </CoreAdminUI>\n    </CoreAdminContext>\n  );\n}\n","export { ListBase } from \"ra-core\";\nexport type { ListBaseProps } from \"ra-core\";\n","import { useRecordContext } from \"ra-core\";\n\n/**\n * Resolves a value from the current record context using a dot-notation path.\n *\n * @param options.source - The field path, e.g. \"title\" or \"author.name\"\n * @returns The resolved value, or undefined if not found\n *\n * @example\n * const title = useFieldValue({ source: \"title\" });\n * const authorName = useFieldValue({ source: \"author.name\" });\n */\nexport function useFieldValue({ source }: { source: string }) {\n  const record = useRecordContext();\n  if (!record) return undefined;\n  return getByPath(record, source);\n}\n\n/**\n * Simple dot-notation path resolver.\n * Handles paths like \"author.name\" or \"meta.tags.0\".\n */\nfunction getByPath(obj: Record<string, unknown>, path: string): unknown {\n  return path.split(\".\").reduce<unknown>((current, key) => {\n    if (current === null || current === undefined) return undefined;\n    return (current as Record<string, unknown>)[key];\n  }, obj);\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge Tailwind CSS classes without style conflicts.\n * Uses clsx for conditional classes and tailwind-merge to resolve conflicts.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","/**\n * The shape of the `radish.*` translation namespace.\n *\n * Use this type when building a translated bundle for a language other than\n * English so TypeScript can catch missing or misspelled keys:\n *\n * @example\n * import type { RadishMessages } from \"@radish-ui/core\";\n *\n * const frenchRadishMessages: RadishMessages = {\n *   radish: {\n *     action: { deleting: \"Suppression…\" },\n *     message: { delete_confirm_title: \"Êtes-vous sûr de vouloir supprimer cet enregistrement ?\" },\n *     notification: { dismiss: \"Fermer la notification\", label: \"Notifications\" },\n *   },\n * };\n */\nexport interface RadishMessages {\n  radish: {\n    action: {\n      /** Label shown on a delete button while the deletion is in progress. */\n      deleting: string;\n    };\n    message: {\n      /** Confirm dialog title shown by <DeleteButton>. */\n      delete_confirm_title: string;\n    };\n    notification: {\n      /** aria-label for the dismiss button inside each toast. */\n      dismiss: string;\n      /** aria-label for the notifications container. */\n      label: string;\n    };\n  };\n}\n\n/**\n * Default English message bundle for the `radish.*` i18n namespace.\n *\n * These keys have no direct equivalent in `ra-language-english` and are\n * specific to radish-ui components. Merge this object into your i18n\n * provider messages so that these strings are translatable.\n *\n * @example\n * import polyglotI18nProvider from \"ra-i18n-polyglot\";\n * import englishMessages from \"ra-language-english\";\n * import { radishMessages } from \"@radish-ui/core\";\n *\n * const i18nProvider = polyglotI18nProvider(\n *   () => ({ ...englishMessages, ...radishMessages }),\n *   \"en\",\n * );\n */\nexport const radishMessages: RadishMessages = {\n  radish: {\n    action: {\n      /** Label shown on a delete button while the deletion is in progress. */\n      deleting: \"Deleting…\",\n    },\n    message: {\n      /** Confirm dialog title shown by <DeleteButton>. */\n      delete_confirm_title: \"Are you sure you want to delete this record?\",\n    },\n    notification: {\n      /** aria-label for the dismiss button inside each toast. */\n      dismiss: \"Dismiss notification\",\n      /** aria-label for the notifications container. */\n      label: \"Notifications\",\n    },\n  },\n};\n","// Admin wrapper\nexport { Admin } from \"./admin\";\nexport type { AdminProps } from \"./admin\";\n\n// List\nexport { ListBase } from \"./list\";\nexport type { ListBaseProps } from \"./list\";\n\n// Hooks\nexport { useFieldValue } from \"./hooks\";\n\n// Utilities\nexport { cn } from \"./utils/cn\";\n\n// i18n\nexport { radishMessages } from \"./i18n\";\nexport type { RadishMessages } from \"./i18n\";\n\n// Re-exports from ra-core for convenient single-package imports\nexport {\n  EditBase,\n  CreateBase,\n  ShowBase,\n  ResourceContextProvider,\n  RecordContextProvider,\n} from \"ra-core\";\n"],"mappings":";AACA;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AA4CD;AA5BC,SAAS,MAAM;AAAA;AAAA,EAEpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AACF,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;;;AC/DA,SAAS,gBAAgB;;;ACAzB,SAAS,wBAAwB;AAY1B,SAAS,cAAc,EAAE,OAAO,GAAuB;AAC5D,QAAM,SAAS,iBAAiB;AAChC,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,UAAU,QAAQ,MAAM;AACjC;AAMA,SAAS,UAAU,KAA8B,MAAuB;AACtE,SAAO,KAAK,MAAM,GAAG,EAAE,OAAgB,CAAC,SAAS,QAAQ;AACvD,QAAI,YAAY,QAAQ,YAAY,OAAW,QAAO;AACtD,WAAQ,QAAoC,GAAG;AAAA,EACjD,GAAG,GAAG;AACR;;;AC3BA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAMjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AC4CO,IAAM,iBAAiC;AAAA,EAC5C,QAAQ;AAAA,IACN,QAAQ;AAAA;AAAA,MAEN,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA;AAAA,MAEP,sBAAsB;AAAA,IACxB;AAAA,IACA,cAAc;AAAA;AAAA,MAEZ,SAAS;AAAA;AAAA,MAET,OAAO;AAAA,IACT;AAAA,EACF;AACF;;;ACnDA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/preset.cjs

@@ -0,0 +1,59 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/preset.ts
+var preset_exports = {};
+__export(preset_exports, {
+  default: () => preset_default
+});
+module.exports = __toCommonJS(preset_exports);
+var import_colors = __toESM(require("tailwindcss/colors"), 1);
+var preset = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        primary: import_colors.default.indigo,
+        neutral: import_colors.default.gray,
+        danger: import_colors.default.red,
+        success: import_colors.default.green,
+        info: import_colors.default.blue,
+        warning: import_colors.default.yellow,
+        canvas: {
+          ...import_colors.default.gray,
+          // Extend the gray scale with shade 0 = pure white,
+          // so bg-canvas-0 can be used for the lightest surface (cards, inputs).
+          0: import_colors.default.white
+        }
+      }
+    }
+  }
+};
+var preset_default = preset;
+//# sourceMappingURL=preset.cjs.map

package/dist/preset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport colors from \"tailwindcss/colors\";\n\n/**\n * Radish UI Tailwind CSS preset.\n *\n * Registers semantic design tokens that components use for colors.\n * Override any token in your own tailwind.config.ts to retheme all\n * radish-ui components without touching component code.\n *\n * Color scale tokens (expose the full 50–950 shade range):\n *   - `primary`  – brand / interactive color (default: indigo)\n *   - `neutral`  – borders, dividers, and muted text (default: gray)\n *   - `danger`   – destructive actions and error states (default: red)\n *   - `success`  – positive states and confirmations (default: green)\n *   - `info`     – informational states, e.g. info notifications (default: blue)\n *   - `warning`  – warning states, e.g. warning notifications (default: yellow)\n *   - `canvas`   – surface backgrounds: page, card, panel, input (default: gray)\n *\n * @example\n * // tailwind.config.ts\n * import radishPreset from \"@radish-ui/core/preset\";\n * import colors from \"tailwindcss/colors\";\n *\n * export default {\n *   presets: [radishPreset],\n *   content: [\"./index.html\", \"./src/**\\/*.{ts,tsx}\"],\n *   // Override the primary brand color:\n *   theme: { extend: { colors: { primary: colors.violet } } },\n * };\n */\nconst preset = {\n  darkMode: \"class\",\n  theme: {\n    extend: {\n      colors: {\n        primary: colors.indigo,\n        neutral: colors.gray,\n        danger: colors.red,\n        success: colors.green,\n        info: colors.blue,\n        warning: colors.yellow,\n        canvas: {\n          ...colors.gray,\n          // Extend the gray scale with shade 0 = pure white,\n          // so bg-canvas-0 can be used for the lightest surface (cards, inputs).\n          0: colors.white,\n        },\n      },\n    },\n  },\n} satisfies Partial<Config>;\n\nexport default preset;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAmB;AA8BnB,IAAM,SAAS;AAAA,EACb,UAAU;AAAA,EACV,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,SAAS,cAAAA,QAAO;AAAA,QAChB,SAAS,cAAAA,QAAO;AAAA,QAChB,QAAQ,cAAAA,QAAO;AAAA,QACf,SAAS,cAAAA,QAAO;AAAA,QAChB,MAAM,cAAAA,QAAO;AAAA,QACb,SAAS,cAAAA,QAAO;AAAA,QAChB,QAAQ;AAAA,UACN,GAAG,cAAAA,QAAO;AAAA;AAAA;AAAA,UAGV,GAAG,cAAAA,QAAO;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;","names":["colors"]}

package/dist/preset.d.cts

@@ -0,0 +1,131 @@
+/**
+ * Radish UI Tailwind CSS preset.
+ *
+ * Registers semantic design tokens that components use for colors.
+ * Override any token in your own tailwind.config.ts to retheme all
+ * radish-ui components without touching component code.
+ *
+ * Color scale tokens (expose the full 50–950 shade range):
+ *   - `primary`  – brand / interactive color (default: indigo)
+ *   - `neutral`  – borders, dividers, and muted text (default: gray)
+ *   - `danger`   – destructive actions and error states (default: red)
+ *   - `success`  – positive states and confirmations (default: green)
+ *   - `info`     – informational states, e.g. info notifications (default: blue)
+ *   - `warning`  – warning states, e.g. warning notifications (default: yellow)
+ *   - `canvas`   – surface backgrounds: page, card, panel, input (default: gray)
+ *
+ * @example
+ * // tailwind.config.ts
+ * import radishPreset from "@radish-ui/core/preset";
+ * import colors from "tailwindcss/colors";
+ *
+ * export default {
+ *   presets: [radishPreset],
+ *   content: ["./index.html", "./src/**\/*.{ts,tsx}"],
+ *   // Override the primary brand color:
+ *   theme: { extend: { colors: { primary: colors.violet } } },
+ * };
+ */
+declare const preset: {
+    darkMode: "class";
+    theme: {
+        extend: {
+            colors: {
+                primary: {
+                    '50': "#eef2ff";
+                    '100': "#e0e7ff";
+                    '200': "#c7d2fe";
+                    '300': "#a5b4fc";
+                    '400': "#818cf8";
+                    '500': "#6366f1";
+                    '600': "#4f46e5";
+                    '700': "#4338ca";
+                    '800': "#3730a3";
+                    '900': "#312e81";
+                    '950': "#1e1b4b";
+                };
+                neutral: {
+                    '50': "#f9fafb";
+                    '100': "#f3f4f6";
+                    '200': "#e5e7eb";
+                    '300': "#d1d5db";
+                    '400': "#9ca3af";
+                    '500': "#6b7280";
+                    '600': "#4b5563";
+                    '700': "#374151";
+                    '800': "#1f2937";
+                    '900': "#111827";
+                    '950': "#030712";
+                };
+                danger: {
+                    '50': "#fef2f2";
+                    '100': "#fee2e2";
+                    '200': "#fecaca";
+                    '300': "#fca5a5";
+                    '400': "#f87171";
+                    '500': "#ef4444";
+                    '600': "#dc2626";
+                    '700': "#b91c1c";
+                    '800': "#991b1b";
+                    '900': "#7f1d1d";
+                    '950': "#450a0a";
+                };
+                success: {
+                    '50': "#f0fdf4";
+                    '100': "#dcfce7";
+                    '200': "#bbf7d0";
+                    '300': "#86efac";
+                    '400': "#4ade80";
+                    '500': "#22c55e";
+                    '600': "#16a34a";
+                    '700': "#15803d";
+                    '800': "#166534";
+                    '900': "#14532d";
+                    '950': "#052e16";
+                };
+                info: {
+                    '50': "#eff6ff";
+                    '100': "#dbeafe";
+                    '200': "#bfdbfe";
+                    '300': "#93c5fd";
+                    '400': "#60a5fa";
+                    '500': "#3b82f6";
+                    '600': "#2563eb";
+                    '700': "#1d4ed8";
+                    '800': "#1e40af";
+                    '900': "#1e3a8a";
+                    '950': "#172554";
+                };
+                warning: {
+                    '50': "#fefce8";
+                    '100': "#fef9c3";
+                    '200': "#fef08a";
+                    '300': "#fde047";
+                    '400': "#facc15";
+                    '500': "#eab308";
+                    '600': "#ca8a04";
+                    '700': "#a16207";
+                    '800': "#854d0e";
+                    '900': "#713f12";
+                    '950': "#422006";
+                };
+                canvas: {
+                    0: "#fff";
+                    '50': "#f9fafb";
+                    '100': "#f3f4f6";
+                    '200': "#e5e7eb";
+                    '300': "#d1d5db";
+                    '400': "#9ca3af";
+                    '500': "#6b7280";
+                    '600': "#4b5563";
+                    '700': "#374151";
+                    '800': "#1f2937";
+                    '900': "#111827";
+                    '950': "#030712";
+                };
+            };
+        };
+    };
+};
+
+export { preset as default };

package/dist/preset.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Radish UI Tailwind CSS preset.
+ *
+ * Registers semantic design tokens that components use for colors.
+ * Override any token in your own tailwind.config.ts to retheme all
+ * radish-ui components without touching component code.
+ *
+ * Color scale tokens (expose the full 50–950 shade range):
+ *   - `primary`  – brand / interactive color (default: indigo)
+ *   - `neutral`  – borders, dividers, and muted text (default: gray)
+ *   - `danger`   – destructive actions and error states (default: red)
+ *   - `success`  – positive states and confirmations (default: green)
+ *   - `info`     – informational states, e.g. info notifications (default: blue)
+ *   - `warning`  – warning states, e.g. warning notifications (default: yellow)
+ *   - `canvas`   – surface backgrounds: page, card, panel, input (default: gray)
+ *
+ * @example
+ * // tailwind.config.ts
+ * import radishPreset from "@radish-ui/core/preset";
+ * import colors from "tailwindcss/colors";
+ *
+ * export default {
+ *   presets: [radishPreset],
+ *   content: ["./index.html", "./src/**\/*.{ts,tsx}"],
+ *   // Override the primary brand color:
+ *   theme: { extend: { colors: { primary: colors.violet } } },
+ * };
+ */
+declare const preset: {
+    darkMode: "class";
+    theme: {
+        extend: {
+            colors: {
+                primary: {
+                    '50': "#eef2ff";
+                    '100': "#e0e7ff";
+                    '200': "#c7d2fe";
+                    '300': "#a5b4fc";
+                    '400': "#818cf8";
+                    '500': "#6366f1";
+                    '600': "#4f46e5";
+                    '700': "#4338ca";
+                    '800': "#3730a3";
+                    '900': "#312e81";
+                    '950': "#1e1b4b";
+                };
+                neutral: {
+                    '50': "#f9fafb";
+                    '100': "#f3f4f6";
+                    '200': "#e5e7eb";
+                    '300': "#d1d5db";
+                    '400': "#9ca3af";
+                    '500': "#6b7280";
+                    '600': "#4b5563";
+                    '700': "#374151";
+                    '800': "#1f2937";
+                    '900': "#111827";
+                    '950': "#030712";
+                };
+                danger: {
+                    '50': "#fef2f2";
+                    '100': "#fee2e2";
+                    '200': "#fecaca";
+                    '300': "#fca5a5";
+                    '400': "#f87171";
+                    '500': "#ef4444";
+                    '600': "#dc2626";
+                    '700': "#b91c1c";
+                    '800': "#991b1b";
+                    '900': "#7f1d1d";
+                    '950': "#450a0a";
+                };
+                success: {
+                    '50': "#f0fdf4";
+                    '100': "#dcfce7";
+                    '200': "#bbf7d0";
+                    '300': "#86efac";
+                    '400': "#4ade80";
+                    '500': "#22c55e";
+                    '600': "#16a34a";
+                    '700': "#15803d";
+                    '800': "#166534";
+                    '900': "#14532d";
+                    '950': "#052e16";
+                };
+                info: {
+                    '50': "#eff6ff";
+                    '100': "#dbeafe";
+                    '200': "#bfdbfe";
+                    '300': "#93c5fd";
+                    '400': "#60a5fa";
+                    '500': "#3b82f6";
+                    '600': "#2563eb";
+                    '700': "#1d4ed8";
+                    '800': "#1e40af";
+                    '900': "#1e3a8a";
+                    '950': "#172554";
+                };
+                warning: {
+                    '50': "#fefce8";
+                    '100': "#fef9c3";
+                    '200': "#fef08a";
+                    '300': "#fde047";
+                    '400': "#facc15";
+                    '500': "#eab308";
+                    '600': "#ca8a04";
+                    '700': "#a16207";
+                    '800': "#854d0e";
+                    '900': "#713f12";
+                    '950': "#422006";
+                };
+                canvas: {
+                    0: "#fff";
+                    '50': "#f9fafb";
+                    '100': "#f3f4f6";
+                    '200': "#e5e7eb";
+                    '300': "#d1d5db";
+                    '400': "#9ca3af";
+                    '500': "#6b7280";
+                    '600': "#4b5563";
+                    '700': "#374151";
+                    '800': "#1f2937";
+                    '900': "#111827";
+                    '950': "#030712";
+                };
+            };
+        };
+    };
+};
+
+export { preset as default };

package/dist/preset.js

@@ -0,0 +1,28 @@
+// src/preset.ts
+import colors from "tailwindcss/colors";
+var preset = {
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        primary: colors.indigo,
+        neutral: colors.gray,
+        danger: colors.red,
+        success: colors.green,
+        info: colors.blue,
+        warning: colors.yellow,
+        canvas: {
+          ...colors.gray,
+          // Extend the gray scale with shade 0 = pure white,
+          // so bg-canvas-0 can be used for the lightest surface (cards, inputs).
+          0: colors.white
+        }
+      }
+    }
+  }
+};
+var preset_default = preset;
+export {
+  preset_default as default
+};
+//# sourceMappingURL=preset.js.map

package/dist/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport colors from \"tailwindcss/colors\";\n\n/**\n * Radish UI Tailwind CSS preset.\n *\n * Registers semantic design tokens that components use for colors.\n * Override any token in your own tailwind.config.ts to retheme all\n * radish-ui components without touching component code.\n *\n * Color scale tokens (expose the full 50–950 shade range):\n *   - `primary`  – brand / interactive color (default: indigo)\n *   - `neutral`  – borders, dividers, and muted text (default: gray)\n *   - `danger`   – destructive actions and error states (default: red)\n *   - `success`  – positive states and confirmations (default: green)\n *   - `info`     – informational states, e.g. info notifications (default: blue)\n *   - `warning`  – warning states, e.g. warning notifications (default: yellow)\n *   - `canvas`   – surface backgrounds: page, card, panel, input (default: gray)\n *\n * @example\n * // tailwind.config.ts\n * import radishPreset from \"@radish-ui/core/preset\";\n * import colors from \"tailwindcss/colors\";\n *\n * export default {\n *   presets: [radishPreset],\n *   content: [\"./index.html\", \"./src/**\\/*.{ts,tsx}\"],\n *   // Override the primary brand color:\n *   theme: { extend: { colors: { primary: colors.violet } } },\n * };\n */\nconst preset = {\n  darkMode: \"class\",\n  theme: {\n    extend: {\n      colors: {\n        primary: colors.indigo,\n        neutral: colors.gray,\n        danger: colors.red,\n        success: colors.green,\n        info: colors.blue,\n        warning: colors.yellow,\n        canvas: {\n          ...colors.gray,\n          // Extend the gray scale with shade 0 = pure white,\n          // so bg-canvas-0 can be used for the lightest surface (cards, inputs).\n          0: colors.white,\n        },\n      },\n    },\n  },\n} satisfies Partial<Config>;\n\nexport default preset;\n"],"mappings":";AACA,OAAO,YAAY;AA8BnB,IAAM,SAAS;AAAA,EACb,UAAU;AAAA,EACV,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,SAAS,OAAO;AAAA,QAChB,SAAS,OAAO;AAAA,QAChB,QAAQ,OAAO;AAAA,QACf,SAAS,OAAO;AAAA,QAChB,MAAM,OAAO;AAAA,QACb,SAAS,OAAO;AAAA,QAChB,QAAQ;AAAA,UACN,GAAG,OAAO;AAAA;AAAA;AAAA,UAGV,GAAG,OAAO;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;","names":[]}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@radish-ui/core",
+  "version": "0.1.0-prerelease.1",
+  "description": "Headless react-admin wrappers and Tailwind utilities for radish-ui",
+  "keywords": [
+    "components",
+    "headless",
+    "ra-core",
+    "radish-ui",
+    "react-admin",
+    "tailwindcss",
+    "ui"
+  ],
+  "homepage": "https://saebyn.github.io/radish-ui/",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/saebyn/radish-ui.git",
+    "directory": "packages/core"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "import": "./dist/preset.js",
+      "require": "./dist/preset.cjs"
+    }
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.3.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "ra-core": "^5.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.4",
+    "tsup": "^8.1.0",
+    "typescript": "^5.4.5"
+  },
+  "peerDependencies": {
+    "ra-core": "^5",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "tailwindcss": "^3 || ^4"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  }
+}