@dynamic-field-kit/react 1.0.8 → 1.1.1

package/README.md

@@ -1,299 +1,155 @@
-# Dynamic Field Kit
-
-A lightweight, extensible **dynamic form engine** for React, built for scalable applications and design systems.
-
-`dynamic-field-kit` lets you define forms using **configuration objects** instead of hard-coded UI, and allows applications to **freely extend field types** (`text`, `number`, `checkbox`, `select`, `date`, `custom`, …) without modifying the library.
-
----
-
-## ✨ Features
-
-- Schema-driven dynamic forms
-- Extensible field types (no enums, no hard-coded unions)
-- Pluggable field renderers via registry
-- Runtime conditional fields (`appearCondition`)
-- Clean TypeScript declarations (DTS-safe)
-- Core logic separated from React rendering
-- Ideal for form builders & design systems
-
----
-
-## 📦 Packages
-
-| Package | Description |
-|------|------------|
-| `@dynamic-field-kit/core` | Core types and field registry |
-| `@dynamic-field-kit/react` | React components (FieldInput, MultiFieldInput, DynamicInput) |
-
----
-
-## 📥 Installation
-
-```bash
-npm install @dynamic-field-kit/core @dynamic-field-kit/react
-```
-
-**Peer dependency**
-
-```txt
-react >= 17
-```
-
----
-
-## 🧱 Core Concepts
-
-The library **does NOT define field types** like:
-```ts
-"text" | "number"
-```
-
-Instead, it exposes an **extendable interface** that applications can augment:
-```ts
-export interface FieldTypeMap {}
-```
-
-This allows:
-- Unlimited custom field types
-- Strong typing without locking consumers
-- No need to rebuild the library
-
-This pattern is used by mature libraries like **MUI, React Hook Form,** and **Redux Toolkit**.
-
-## 🧩 Defining Field Types (App Side)
-
-Create a `.d.ts` file in your app (e.g. src/types/dynamic-field.d.ts):
-
-```ts
-import "@dynamic-field-kit/core"
-
-declare module "@dynamic-field-kit/core" {
-  interface FieldTypeMap {
-    text: string
-    number: number
-    checkbox: boolean
-    select: string
-  }
-}
-```
-⚠️ Make sure this file is included in tsconfig.json.
-
----
-
-## FieldRendererProps
-
-```ts
-export interface FieldRendererProps<T = any> {
-  value?: T
-  onValueChange?: (value: T) => void
-  label?: string
-}
-```
-👉 A common contract for all field renderers
-
----
-
-### FieldDescription
-
-A `FieldDescription` defines **what a field is**, not **how it looks**.
-
-```ts
-import { FieldDescription } from "@dynamic-field-kit/core"
-
-const fields: FieldDescription[] = [
-  {
-    name: "username",
-    type: "text",
-    label: "Username"
-  },
-  {
-    name: "age",
-    type: "number",
-    label: "Age",
-    appearCondition: (data) => data.username !== ""
-  }
-]
-```
-
-**Common Properties**
-| Property	| Description |
-|------|------------|
-| name	| Field key in form data |
-| type	| Field renderer key |
-| label	| UI label |
-| value	| Default value |
-| appearCondition	| Runtime visibility condition |
-
-**Field Registry (Render Layer)**
-The library does **not** ship UI components.
-
-Instead, applications register their own renderers.
-
-```ts
-import { fieldRegistry } from "@dynamic-field-kit/react"
-
-fieldRegistry.register("text", ({ value, onValueChange, label }) => (
-  <div>
-    <label>{label}</label>
-    <input
-      value={value ?? ""}
-      onChange={(e) => onValueChange?.(e.target.value)}
-    />
-  </div>
-))
-
-fieldRegistry.register("checkbox", ({ value, onValueChange, label }) => (
-  <label>
-    <input
-      type="checkbox"
-      checked={!!value}
-      onChange={(e) => onValueChange?.(e.target.checked)}
-    />
-    {label}
-  </label>
-))
-
-```
-
----
-
-## ⚛️ React Usage
-
-**MultiFieldInput (Main Form Engine)**
-
-```tsx
-import { MultiFieldInput } from "@dynamic-field-kit/react"
-import { FieldDescription } from "@dynamic-field-kit/core"
-
-const fields: FieldDescription[] = [
-  { name: "email", type: "text", label: "Email" },
-  { name: "age", type: "number", label: "Age" }
-]
-
-const Example = () => {
-  return (
-    <MultiFieldInput
-      fieldDescriptions={fields}
-      onChange={(data) => {
-        console.log("Form data:", data)
-      }}
-    />
-  )
-}
-```
-
-**Controlled Form**
-```tsx
-const [formData, setFormData] = useState({})
-
-<MultiFieldInput
-  fieldDescriptions={fields}
-  properties={formData}
-  onChange={setFormData}
-/>
-```
-
----
-
-## ➕ Adding a New Field Type
-
-You **do not** need to modify the library.
-
-Just extend `FieldTypeMap`:
-
-```ts
-declare module "@dynamic-field-kit/core" {
-  interface FieldTypeMap {
-    date: Date
-  }
-}
-```
-
-Then register a renderer:
-
-```ts
-fieldRegistry.register("date", ({ value, onValueChange }) => (
-  <input
-    type="date"
-    value={value ? value.toISOString().slice(0, 10) : ""}
-    onChange={(e) =>
-      onValueChange?.(new Date(e.target.value))
-    }
-  />
-))
-```
-
-Now `"date"` is fully type-safe everywhere.
-
----
-## 🧠 Domain Typing (Optional)
-The library intentionally avoids enforcing domain types.
-If you want strict typing, cast inside your app:
-
-```ts
-interface UserForm {
-  age: number
-}
-
-const fields: FieldDescription[] = [
-  {
-    name: "age",
-    type: "number",
-    appearCondition: (data) =>
-      (data as UserForm).age > 18
-  }
-]
-```
-This keeps the library generic while allowing strict typing in the app.
-
----
-
-## 🧩 Components API
-
-**<DynamicInput />**
-
-Resolves and renders a field based on its type.
-
-```tsx
-<DynamicInput type="text" value="hello" />
-```
----
-
-**<FieldInput />**
-
-Renders a single field with value binding.
-
-```tsx
-<FieldInput
-  fieldDescription={field}
-  renderInfos={formData}
-  onChange={(value, key) => {}}
-/>
-```
-
-## Demo
-- [Examples](https://github.com/vannt-dev/dynamic-field-kit-demo)
-
----
-
-## 🏗 Architecture
-
-```
-dynamic-field-kit
-├─ packages/
-│  ├─ core    # framework-agnostic types
-│  └─ react   # React renderer + registry
-```
-
----
-
-## 🚫 Non-Goals
-This library intentionally does not include:
--Built-in UI components
--Built-in UI components
--Form state management library
-
-It is a **form engine**, not a full form framework.
-
-## 📄 License
-MIT © [vannt-dev](https://github.com/vannt-dev)
+# @dynamic-field-kit/react
+
+React adapter for `@dynamic-field-kit/core`.
+
+This package provides React components for rendering `FieldDescription[]` and exports a React-typed `fieldRegistry`, so registered renderers can be used directly as JSX components.
+
+Demo app: https://github.com/vannt-dev/dynamic-field-kit-demo
+
+## Install
+
+```bash
+npm install @dynamic-field-kit/core @dynamic-field-kit/react react
+```
+
+## Exports
+
+- `DynamicInput`
+- `FieldInput`
+- `MultiFieldInput`
+- `layoutRegistry`
+- `fieldRegistry`
+- `ReactFieldRenderer`
+- `ReactFieldRegistry`
+- `FieldDescription`
+- `FieldTypeKey`
+- `FieldRendererProps`
+
+Default layouts are registered automatically when you import the package root.
+
+Built-in layouts:
+
+- `column`
+- `row`
+- `grid`
+- `responsive`
+
+## Register field renderers
+
+Register React components or function components through the React adapter:
+
+```tsx
+import { fieldRegistry } from "@dynamic-field-kit/react"
+
+fieldRegistry.register("text", ({ value, onValueChange, label }) => (
+  <label style={{ display: "grid", gap: 4 }}>
+    <span>{label}</span>
+    <input
+      value={value ?? ""}
+      onChange={(e) => onValueChange?.(e.target.value)}
+    />
+  </label>
+))
+
+fieldRegistry.register("number", ({ value, onValueChange, label }) => (
+  <label style={{ display: "grid", gap: 4 }}>
+    <span>{label}</span>
+    <input
+      type="number"
+      value={value ?? ""}
+      onChange={(e) => onValueChange?.(Number(e.target.value))}
+    />
+  </label>
+))
+```
+
+## Basic usage
+
+```tsx
+import { useState } from "react"
+import { MultiFieldInput } from "@dynamic-field-kit/react"
+import type { FieldDescription } from "@dynamic-field-kit/core"
+
+const fields: FieldDescription[] = [
+  { name: "name", type: "text", label: "Name" },
+  { name: "age", type: "number", label: "Age" },
+]
+
+export function Example() {
+  const [data, setData] = useState({})
+
+  return (
+    <MultiFieldInput
+      fieldDescriptions={fields}
+      properties={data}
+      onChange={setData}
+    />
+  )
+}
+```
+
+## Layouts
+
+Use a layout name:
+
+```tsx
+<MultiFieldInput fieldDescriptions={fields} layout="grid" />
+```
+
+Use a layout config object:
+
+```tsx
+<MultiFieldInput
+  fieldDescriptions={fields}
+  layout={{ type: "grid", columns: 3, gap: 16 }}
+/>
+```
+
+Use the built-in responsive layout:
+
+```tsx
+<MultiFieldInput
+  fieldDescriptions={fields}
+  layout={{
+    type: "responsive",
+    mobile: "column",
+    desktop: { type: "grid", columns: 2, gap: 12 },
+  }}
+/>
+```
+
+Register a custom layout:
+
+```tsx
+import { layoutRegistry } from "@dynamic-field-kit/react"
+
+layoutRegistry.register("stack-tight", ({ children }) => (
+  <div style={{ display: "grid", gap: 8 }}>{children}</div>
+))
+```
+
+## Type augmentation
+
+Add your app's field types through module augmentation:
+
+```ts
+import "@dynamic-field-kit/core"
+
+declare module "@dynamic-field-kit/core" {
+  interface FieldTypeMap {
+    text: string
+    number: number
+  }
+}
+```
+
+## Notes
+
+- `@dynamic-field-kit/core` stays framework-agnostic and does not export React-specific JSX types.
+- `@dynamic-field-kit/react` narrows the shared registry to React component types so `fieldRegistry.get(type)` can be rendered safely in TSX.
+- `MultiFieldInput` filters fields using `appearCondition`.
+- `DynamicInput` renders `Unknown field type: ...` when a renderer is missing.
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldTypeKey, Properties, FieldDescription } from '@dynamic-field-kit/core';
-export { FieldDescription, FieldRendererProps, FieldTypeKey, fieldRegistry } from '@dynamic-field-kit/core';
+import { FieldTypeKey, Properties, FieldDescription, FieldTypeMap, FieldRendererProps } from '@dynamic-field-kit/core';
+export { FieldDescription, FieldRendererProps, FieldTypeKey } from '@dynamic-field-kit/core';
 
 type LayoutRenderer<C = any> = (props: {
     children: React.ReactNode;
@@ -51,4 +51,11 @@ interface Props {
 }
 declare const MultiFieldInput: ({ fieldDescriptions, properties, onChange, layout }: Props) => react_jsx_runtime.JSX.Element;
 
-export { DynamicInput, FieldInput, type LayoutConfig, MultiFieldInput, layoutRegistry };
+type ReactFieldRenderer<T = any> = ComponentType<FieldRendererProps<T>>;
+interface ReactFieldRegistry {
+    register<K extends keyof FieldTypeMap>(type: K, renderer: ReactFieldRenderer<FieldTypeMap[K]>): void;
+    get<K extends keyof FieldTypeMap>(type: K): ReactFieldRenderer<FieldTypeMap[K]> | undefined;
+}
+declare const fieldRegistry: ReactFieldRegistry;
+
+export { DynamicInput, FieldInput, type LayoutConfig, MultiFieldInput, type ReactFieldRegistry, type ReactFieldRenderer, fieldRegistry, layoutRegistry };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldTypeKey, Properties, FieldDescription } from '@dynamic-field-kit/core';
-export { FieldDescription, FieldRendererProps, FieldTypeKey, fieldRegistry } from '@dynamic-field-kit/core';
+import { FieldTypeKey, Properties, FieldDescription, FieldTypeMap, FieldRendererProps } from '@dynamic-field-kit/core';
+export { FieldDescription, FieldRendererProps, FieldTypeKey } from '@dynamic-field-kit/core';
 
 type LayoutRenderer<C = any> = (props: {
     children: React.ReactNode;
@@ -51,4 +51,11 @@ interface Props {
 }
 declare const MultiFieldInput: ({ fieldDescriptions, properties, onChange, layout }: Props) => react_jsx_runtime.JSX.Element;
 
-export { DynamicInput, FieldInput, type LayoutConfig, MultiFieldInput, layoutRegistry };
+type ReactFieldRenderer<T = any> = ComponentType<FieldRendererProps<T>>;
+interface ReactFieldRegistry {
+    register<K extends keyof FieldTypeMap>(type: K, renderer: ReactFieldRenderer<FieldTypeMap[K]>): void;
+    get<K extends keyof FieldTypeMap>(type: K): ReactFieldRenderer<FieldTypeMap[K]> | undefined;
+}
+declare const fieldRegistry: ReactFieldRegistry;
+
+export { DynamicInput, FieldInput, type LayoutConfig, MultiFieldInput, type ReactFieldRegistry, type ReactFieldRenderer, fieldRegistry, layoutRegistry };

package/dist/index.js

@@ -5,9 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -33,105 +30,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/layout/layoutRegistry.ts
-var LayoutRegistry, layoutRegistry;
-var init_layoutRegistry = __esm({
-  "src/layout/layoutRegistry.ts"() {
-    "use strict";
-    LayoutRegistry = class {
-      constructor() {
-        this.layouts = /* @__PURE__ */ new Map();
-      }
-      register(type, renderer) {
-        if (this.layouts.has(type)) {
-          console.warn(`[dynamic-field-kit] Layout "${type}" already exists`);
-        }
-        this.layouts.set(type, renderer);
-      }
-      get(type) {
-        return this.layouts.get(type);
-      }
-    };
-    layoutRegistry = new LayoutRegistry();
-  }
-});
-
-// src/layout/defaultLayouts.tsx
-var defaultLayouts_exports = {};
-var import_jsx_runtime;
-var init_defaultLayouts = __esm({
-  "src/layout/defaultLayouts.tsx"() {
-    "use strict";
-    init_layoutRegistry();
-    import_jsx_runtime = require("react/jsx-runtime");
-    layoutRegistry.register("column", ({ children, config }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        style: {
-          display: "flex",
-          flexDirection: "column",
-          gap: config?.gap ?? 12
-        },
-        children
-      }
-    ));
-    layoutRegistry.register("row", ({ children, config }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        style: {
-          display: "flex",
-          flexDirection: "row",
-          gap: config?.gap ?? 12
-        },
-        children
-      }
-    ));
-    layoutRegistry.register("grid", ({ children, config }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        style: {
-          display: "grid",
-          gridTemplateColumns: `repeat(${config?.columns ?? 2}, 1fr)`,
-          gap: config?.gap ?? 12
-        },
-        children
-      }
-    ));
-  }
-});
-
-// src/layout/responsiveLayout.tsx
-var responsiveLayout_exports = {};
-function resolve(layout) {
-  if (typeof layout === "string") {
-    return { type: layout, config: {} };
-  }
-  return { type: layout.type, config: layout };
-}
-var import_jsx_runtime2;
-var init_responsiveLayout = __esm({
-  "src/layout/responsiveLayout.tsx"() {
-    "use strict";
-    init_layoutRegistry();
-    import_jsx_runtime2 = require("react/jsx-runtime");
-    layoutRegistry.register("responsive", ({ children, config }) => {
-      const isMobile = typeof window !== "undefined" && window.innerWidth < 768;
-      const current = isMobile ? config.mobile : config.desktop;
-      if (!current) return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-        children,
-        " "
-      ] });
-      const { type, config: childConfig } = resolve(current);
-      const Renderer = layoutRegistry.get(type);
-      if (!Renderer) return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-        children,
-        " "
-      ] });
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Renderer, { config: childConfig, children });
-    });
-  }
-});
-
 // ../core/dist/index.js
 var require_dist = __commonJS({
   "../core/dist/index.js"(exports2, module2) {
@@ -156,7 +54,7 @@ var require_dist = __commonJS({
     var index_exports2 = {};
     __export2(index_exports2, {
       FieldRegistry: () => FieldRegistry,
-      fieldRegistry: () => fieldRegistry3
+      fieldRegistry: () => fieldRegistry2
     });
     module2.exports = __toCommonJS2(index_exports2);
     var FieldRegistry = class {
@@ -171,7 +69,7 @@ var require_dist = __commonJS({
         return this.registry[type];
       }
     };
-    var fieldRegistry3 = new FieldRegistry();
+    var fieldRegistry2 = new FieldRegistry();
   }
 });
 
@@ -181,25 +79,96 @@ __export(index_exports, {
   DynamicInput: () => DynamicInput_default,
   FieldInput: () => FieldInput_default,
   MultiFieldInput: () => MultiFieldInput_default,
-  fieldRegistry: () => import_core2.fieldRegistry,
+  fieldRegistry: () => fieldRegistry,
   layoutRegistry: () => layoutRegistry
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/registerDefaults.ts
-async function registerDefaults() {
-  await Promise.resolve().then(() => (init_defaultLayouts(), defaultLayouts_exports));
-  await Promise.resolve().then(() => (init_responsiveLayout(), responsiveLayout_exports));
+// src/layout/layoutRegistry.ts
+var LayoutRegistry = class {
+  constructor() {
+    this.layouts = /* @__PURE__ */ new Map();
+  }
+  register(type, renderer) {
+    if (this.layouts.has(type)) {
+      console.warn(`[dynamic-field-kit] Layout "${type}" already exists`);
+    }
+    this.layouts.set(type, renderer);
+  }
+  get(type) {
+    return this.layouts.get(type);
+  }
+};
+var layoutRegistry = new LayoutRegistry();
+
+// src/layout/defaultLayouts.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+layoutRegistry.register("column", ({ children, config }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: config?.gap ?? 12
+    },
+    children
+  }
+));
+layoutRegistry.register("row", ({ children, config }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "row",
+      gap: config?.gap ?? 12
+    },
+    children
+  }
+));
+layoutRegistry.register("grid", ({ children, config }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    style: {
+      display: "grid",
+      gridTemplateColumns: `repeat(${config?.columns ?? 2}, 1fr)`,
+      gap: config?.gap ?? 12
+    },
+    children
+  }
+));
+
+// src/layout/responsiveLayout.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function resolve(layout) {
+  if (typeof layout === "string") {
+    return { type: layout, config: {} };
+  }
+  return { type: layout.type, config: layout };
 }
+layoutRegistry.register("responsive", ({ children, config }) => {
+  const isMobile = typeof window !== "undefined" && window.innerWidth < 768;
+  const current = isMobile ? config.mobile : config.desktop;
+  if (!current) return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    children,
+    " "
+  ] });
+  const { type, config: childConfig } = resolve(current);
+  const Renderer = layoutRegistry.get(type);
+  if (!Renderer) return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    children,
+    " "
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Renderer, { config: childConfig, children });
+});
 
-// src/layout/index.ts
-init_layoutRegistry();
+// src/fieldRegistry.ts
+var import_core = __toESM(require_dist());
+var fieldRegistry = import_core.fieldRegistry;
 
 // src/components/DynamicInput.tsx
-var import_core = __toESM(require_dist());
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var DynamicInput = ({ type, value, onChange, label, options, className, description }) => {
-  const Renderer = import_core.fieldRegistry.get(type);
+  const Renderer = fieldRegistry.get(type);
   if (!Renderer) return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
     "Unknown field type: ",
     type
@@ -264,10 +233,6 @@ var MultiFieldInput = ({ fieldDescriptions, properties, onChange, layout }) => {
   )) });
 };
 var MultiFieldInput_default = MultiFieldInput;
-
-// src/index.ts
-var import_core2 = __toESM(require_dist());
-registerDefaults();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DynamicInput,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/layout/layoutRegistry.ts","../src/layout/defaultLayouts.tsx","../src/layout/responsiveLayout.tsx","../../core/src/index.ts","../../core/src/FieldRegistry.ts","../src/index.ts","../src/registerDefaults.ts","../src/layout/index.ts","../src/components/DynamicInput.tsx","../src/components/FieldInput.tsx","../src/components/MultiFieldInput.tsx"],"sourcesContent":["import React from \"react\"\r\n\r\nexport type LayoutRenderer<C = any> = (props: {\r\n    children: React.ReactNode\r\n    config?: C\r\n}) => React.ReactElement\r\n\r\nexport class LayoutRegistry {\r\n    private layouts = new Map<string, LayoutRenderer>()\r\n\r\n    register(type: string, renderer: LayoutRenderer) {\r\n        if (this.layouts.has(type)) {\r\n            console.warn(`[dynamic-field-kit] Layout \"${type}\" already exists`)\r\n        }\r\n        this.layouts.set(type, renderer)\r\n    }\r\n\r\n    get(type: string): LayoutRenderer | undefined {\r\n        return this.layouts.get(type)\r\n    }\r\n}\r\n\r\nexport const layoutRegistry = new LayoutRegistry()\r\n","import { layoutRegistry } from \"./layoutRegistry\"\r\n\r\nlayoutRegistry.register(\"column\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))\r\n\r\nlayoutRegistry.register(\"row\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))\r\n\r\nlayoutRegistry.register(\"grid\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"grid\",\r\n            gridTemplateColumns: `repeat(${config?.columns ?? 2}, 1fr)`,\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))","import { layoutRegistry } from \"./layoutRegistry\"\r\nimport { LayoutConfig } from \"../types/layout\"\r\n\r\nfunction resolve(layout: LayoutConfig) {\r\n    if (typeof layout === \"string\") {\r\n        return { type: layout, config: {} }\r\n    }\r\n    return { type: layout.type, config: layout }\r\n}\r\n\r\nlayoutRegistry.register(\"responsive\", ({ children, config }) => {\r\n    const isMobile =\r\n        typeof window !== \"undefined\" && window.innerWidth < 768\r\n\r\n    const current = isMobile ? config.mobile : config.desktop\r\n    if (!current) return <>{ children } </>\r\n\r\n    const { type, config: childConfig } = resolve(current)\r\n    const Renderer = layoutRegistry.get(type)\r\n\r\n    if (!Renderer) return <>{ children } </>\r\n\r\n    return (\r\n        <Renderer config= { childConfig } >\r\n        { children }\r\n        </Renderer>\r\n    )\r\n})\r\n","export * from \"./types\"\r\nexport * from \"./FieldRegistry\"\r\n","import { JSX } from \"react\"\r\nimport type { FieldRendererProps, FieldTypeMap } from \"./types\"\r\n\r\nexport type FieldRenderer<T = any> = (props: FieldRendererProps<T>) => JSX.Element\r\n\r\nexport class FieldRegistry {\r\n    // ❗ INTERNAL = string, not constrain\r\n    private registry: Record<string, FieldRenderer<any>> = {}\r\n\r\n    // ✅ Type safety API\r\n    register<K extends keyof FieldTypeMap>(\r\n        type: K,\r\n        renderer: FieldRenderer<FieldTypeMap[K]>\r\n    ) {\r\n        this.registry[type as string] = renderer\r\n    }\r\n\r\n    get<K extends keyof FieldTypeMap>(\r\n        type: K\r\n    ): FieldRenderer<FieldTypeMap[K]> | undefined {\r\n        return this.registry[type as string]\r\n    }\r\n}\r\n\r\nexport const fieldRegistry = new FieldRegistry()\r\n","import { registerDefaults } from \"./registerDefaults\"\r\n\r\nregisterDefaults()\r\n\r\n\r\nexport { layoutRegistry } from \"./layout\"\r\n\r\n\r\nexport { default as DynamicInput } from \"./components/DynamicInput\"\r\nexport { default as FieldInput } from \"./components/FieldInput\"\r\nexport { default as MultiFieldInput } from \"./components/MultiFieldInput\"\r\n\r\n\r\nexport type { LayoutConfig } from \"./types/layout\"\r\n// 🔁 Re-export từ core (CÙNG INSTANCE ĐÃ BUNDLE)\r\nexport {\r\n    fieldRegistry,\r\n    type FieldTypeKey,\r\n    type FieldDescription,\r\n    type FieldRendererProps,\r\n} from \"@dynamic-field-kit/core\"\r\n","export async function registerDefaults() {\r\n    await import(\"./layout/defaultLayouts\")\r\n    await import(\"./layout/responsiveLayout\")\r\n}\r\n","export { layoutRegistry } from \"./layoutRegistry\"\r\nexport type { LayoutConfig } from \"../types/layout\"","import { fieldRegistry, FieldTypeKey, Properties } from \"@dynamic-field-kit/core\"\r\nimport { ReactNode } from \"react\"\r\n\r\ninterface Props<T extends FieldTypeKey> {\r\n    type: T\r\n    value?: any\r\n    onChange?: (value: any) => void\r\n    label?: string\r\n    options?: Properties[]\r\n    className?: string\r\n    description?: ReactNode\r\n}\r\n\r\n\r\nconst DynamicInput = <T extends FieldTypeKey>({ type, value, onChange, label, options, className, description }: Props<T>) => {\r\n    const Renderer = fieldRegistry.get(type)\r\n\r\n\r\n    if (!Renderer) return <div>Unknown field type: {type}</div>\r\n\r\n\r\n    return <Renderer value={value} onValueChange={onChange} label={label} options={options} className={className} description={description} />\r\n}\r\n\r\n\r\nexport default DynamicInput","import { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\r\nimport DynamicInput from \"./DynamicInput\"\r\n\r\ninterface Props {\r\n  fieldDescription: FieldDescription\r\n  renderInfos: Properties\r\n  onValueChangeField: (value: any, key: string) => void\r\n}\r\n\r\n\r\nconst FieldInput = ({ fieldDescription, renderInfos, onValueChangeField }: Props) => {\r\n  const { name, type, label, options, className, description } = fieldDescription\r\n\r\n\r\n  return (\r\n    <DynamicInput\r\n      type={type}\r\n      label={label}\r\n      value={renderInfos[name]}\r\n      options={options}\r\n      className={className}\r\n      description={description}\r\n      onChange={(v) => onValueChangeField(v, name)}\r\n    />\r\n  )\r\n}\r\n\r\n\r\nexport default FieldInput\r\n","import { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\r\nimport { Fragment, useEffect, useMemo, useState } from \"react\"\r\nimport FieldInput from \"./FieldInput\"\r\nimport { layoutRegistry } from \"../layout\"\r\nimport { LayoutConfig } from \"../types/layout\"\r\n\r\n\r\ninterface Props {\r\n  fieldDescriptions: FieldDescription[]\r\n  properties?: Properties\r\n  onChange?: (data: Properties) => void\r\n  layout?: LayoutConfig\r\n}\r\n\r\n\r\nfunction resolveLayout(layout?: LayoutConfig) {\r\n  if (!layout) return { type: \"column\", config: {} }\r\n  if (typeof layout === \"string\") return { type: layout, config: {} }\r\n  return { type: layout.type, config: layout }\r\n}\r\n\r\n\r\nconst MultiFieldInput = ({ fieldDescriptions, properties, onChange, layout }: Props) => {\r\n  const [data, setData] = useState<Properties>({})\r\n\r\n  useEffect(() => {\r\n    if (properties) setData(properties)\r\n  }, [properties])\r\n\r\n  const visibleFields = useMemo(\r\n    () => fieldDescriptions.filter((f) => !f.appearCondition || f.appearCondition(data)),\r\n    [fieldDescriptions, data]\r\n  )\r\n\r\n  const { type, config } = resolveLayout(layout)\r\n  \r\n  const Layout = layoutRegistry.get(type)\r\n\r\n  if (!Layout) {\r\n    throw new Error(`Unknown layout: ${type}`)\r\n  }\r\n\r\n  return (\r\n    <Layout config={config}>\r\n      {visibleFields.map((f) => (\r\n        <FieldInput\r\n          key={f.name}\r\n          fieldDescription={f}\r\n          renderInfos={data}\r\n          onValueChangeField={(value, key) => {\r\n            const next = { ...data, [key]: value }\r\n            setData(next)\r\n            onChange?.(next)\r\n          }}\r\n        />\r\n      ))}\r\n    </Layout>\r\n  )\r\n}\r\n\r\n\r\nexport default MultiFieldInput\r\n"],"mappings":"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","names":["import_jsx_runtime","index_exports","__export","fieldRegistry","module","__toCommonJS","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_core"]}
+{"version":3,"sources":["../../core/src/index.ts","../../core/src/FieldRegistry.ts","../src/index.ts","../src/layout/layoutRegistry.ts","../src/layout/defaultLayouts.tsx","../src/layout/responsiveLayout.tsx","../src/fieldRegistry.ts","../src/components/DynamicInput.tsx","../src/components/FieldInput.tsx","../src/components/MultiFieldInput.tsx"],"sourcesContent":["export * from \"./types\"\r\nexport * from \"./FieldRegistry\"\r\n","import type { FieldRendererProps, FieldTypeMap } from \"./types\"\n\nexport type FieldRenderer<T = any, TResult = unknown> = (\n    props: FieldRendererProps<T>\n) => TResult\n\r\nexport class FieldRegistry {\r\n    // ❗ INTERNAL = string, not constrain\r\n    private registry: Record<string, FieldRenderer<any>> = {}\r\n\r\n    // ✅ Type safety API\r\n    register<K extends keyof FieldTypeMap>(\r\n        type: K,\r\n        renderer: FieldRenderer<FieldTypeMap[K]>\r\n    ) {\r\n        this.registry[type as string] = renderer\r\n    }\r\n\r\n    get<K extends keyof FieldTypeMap>(\r\n        type: K\r\n    ): FieldRenderer<FieldTypeMap[K]> | undefined {\r\n        return this.registry[type as string]\r\n    }\r\n}\r\n\r\nexport const fieldRegistry = new FieldRegistry()\r\n","import \"./layout/defaultLayouts\"\r\nimport \"./layout/responsiveLayout\"\r\n\r\n\r\nexport { layoutRegistry } from \"./layout\"\r\n\r\n\r\nexport { default as DynamicInput } from \"./components/DynamicInput\"\nexport { default as FieldInput } from \"./components/FieldInput\"\nexport { default as MultiFieldInput } from \"./components/MultiFieldInput\"\nexport { fieldRegistry, type ReactFieldRenderer, type ReactFieldRegistry } from \"./fieldRegistry\"\n\n\nexport type { LayoutConfig } from \"./types/layout\"\n// Re-export selected core APIs\nexport {\n    type FieldTypeKey,\n    type FieldDescription,\n    type FieldRendererProps,\n} from \"@dynamic-field-kit/core\"\n","import React from \"react\"\r\n\r\nexport type LayoutRenderer<C = any> = (props: {\r\n    children: React.ReactNode\r\n    config?: C\r\n}) => React.ReactElement\r\n\r\nexport class LayoutRegistry {\r\n    private layouts = new Map<string, LayoutRenderer>()\r\n\r\n    register(type: string, renderer: LayoutRenderer) {\r\n        if (this.layouts.has(type)) {\r\n            console.warn(`[dynamic-field-kit] Layout \"${type}\" already exists`)\r\n        }\r\n        this.layouts.set(type, renderer)\r\n    }\r\n\r\n    get(type: string): LayoutRenderer | undefined {\r\n        return this.layouts.get(type)\r\n    }\r\n}\r\n\r\nexport const layoutRegistry = new LayoutRegistry()\r\n","import { layoutRegistry } from \"./layoutRegistry\"\r\n\r\nlayoutRegistry.register(\"column\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))\r\n\r\nlayoutRegistry.register(\"row\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))\r\n\r\nlayoutRegistry.register(\"grid\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"grid\",\r\n            gridTemplateColumns: `repeat(${config?.columns ?? 2}, 1fr)`,\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))","import { layoutRegistry } from \"./layoutRegistry\"\r\nimport { LayoutConfig } from \"../types/layout\"\r\n\r\nfunction resolve(layout: LayoutConfig) {\r\n    if (typeof layout === \"string\") {\r\n        return { type: layout, config: {} }\r\n    }\r\n    return { type: layout.type, config: layout }\r\n}\r\n\r\nlayoutRegistry.register(\"responsive\", ({ children, config }) => {\r\n    const isMobile =\r\n        typeof window !== \"undefined\" && window.innerWidth < 768\r\n\r\n    const current = isMobile ? config.mobile : config.desktop\r\n    if (!current) return <>{ children } </>\r\n\r\n    const { type, config: childConfig } = resolve(current)\r\n    const Renderer = layoutRegistry.get(type)\r\n\r\n    if (!Renderer) return <>{ children } </>\r\n\r\n    return (\r\n        <Renderer config= { childConfig } >\r\n        { children }\r\n        </Renderer>\r\n    )\r\n})\r\n","import {\n    fieldRegistry as coreFieldRegistry,\n    type FieldRendererProps,\n    type FieldTypeMap,\n} from \"@dynamic-field-kit/core\"\nimport type { ComponentType } from \"react\"\n\nexport type ReactFieldRenderer<T = any> = ComponentType<FieldRendererProps<T>>\n\nexport interface ReactFieldRegistry {\n    register<K extends keyof FieldTypeMap>(\n        type: K,\n        renderer: ReactFieldRenderer<FieldTypeMap[K]>\n    ): void\n    get<K extends keyof FieldTypeMap>(\n        type: K\n    ): ReactFieldRenderer<FieldTypeMap[K]> | undefined\n}\n\nexport const fieldRegistry = coreFieldRegistry as ReactFieldRegistry\n","import { FieldTypeKey, Properties } from \"@dynamic-field-kit/core\"\nimport { ReactNode } from \"react\"\nimport { fieldRegistry } from \"../fieldRegistry\"\n\r\ninterface Props<T extends FieldTypeKey> {\r\n    type: T\r\n    value?: any\r\n    onChange?: (value: any) => void\r\n    label?: string\r\n    options?: Properties[]\r\n    className?: string\r\n    description?: ReactNode\r\n}\r\n\r\n\r\nconst DynamicInput = <T extends FieldTypeKey>({ type, value, onChange, label, options, className, description }: Props<T>) => {\r\n    const Renderer = fieldRegistry.get(type)\r\n\r\n\r\n    if (!Renderer) return <div>Unknown field type: {type}</div>\r\n\r\n\r\n    return <Renderer value={value} onValueChange={onChange} label={label} options={options} className={className} description={description} />\r\n}\r\n\r\n\r\nexport default DynamicInput\n","import { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\r\nimport DynamicInput from \"./DynamicInput\"\r\n\r\ninterface Props {\r\n  fieldDescription: FieldDescription\r\n  renderInfos: Properties\r\n  onValueChangeField: (value: any, key: string) => void\r\n}\r\n\r\n\r\nconst FieldInput = ({ fieldDescription, renderInfos, onValueChangeField }: Props) => {\r\n  const { name, type, label, options, className, description } = fieldDescription\r\n\r\n\r\n  return (\r\n    <DynamicInput\r\n      type={type}\r\n      label={label}\r\n      value={renderInfos[name]}\r\n      options={options}\r\n      className={className}\r\n      description={description}\r\n      onChange={(v) => onValueChangeField(v, name)}\r\n    />\r\n  )\r\n}\r\n\r\n\r\nexport default FieldInput\r\n","import { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\r\nimport { Fragment, useEffect, useMemo, useState } from \"react\"\r\nimport FieldInput from \"./FieldInput\"\r\nimport { layoutRegistry } from \"../layout\"\r\nimport { LayoutConfig } from \"../types/layout\"\r\n\r\n\r\ninterface Props {\r\n  fieldDescriptions: FieldDescription[]\r\n  properties?: Properties\r\n  onChange?: (data: Properties) => void\r\n  layout?: LayoutConfig\r\n}\r\n\r\n\r\nfunction resolveLayout(layout?: LayoutConfig) {\r\n  if (!layout) return { type: \"column\", config: {} }\r\n  if (typeof layout === \"string\") return { type: layout, config: {} }\r\n  return { type: layout.type, config: layout }\r\n}\r\n\r\n\r\nconst MultiFieldInput = ({ fieldDescriptions, properties, onChange, layout }: Props) => {\r\n  const [data, setData] = useState<Properties>({})\r\n\r\n  useEffect(() => {\r\n    if (properties) setData(properties)\r\n  }, [properties])\r\n\r\n  const visibleFields = useMemo(\r\n    () => fieldDescriptions.filter((f) => !f.appearCondition || f.appearCondition(data)),\r\n    [fieldDescriptions, data]\r\n  )\r\n\r\n  const { type, config } = resolveLayout(layout)\r\n  \r\n  const Layout = layoutRegistry.get(type)\r\n\r\n  if (!Layout) {\r\n    throw new Error(`Unknown layout: ${type}`)\r\n  }\r\n\r\n  return (\r\n    <Layout config={config}>\r\n      {visibleFields.map((f) => (\r\n        <FieldInput\r\n          key={f.name}\r\n          fieldDescription={f}\r\n          renderInfos={data}\r\n          onValueChangeField={(value, key) => {\r\n            const next = { ...data, [key]: value }\r\n            setData(next)\r\n            onChange?.(next)\r\n          }}\r\n        />\r\n      ))}\r\n    </Layout>\r\n  )\r\n}\r\n\r\n\r\nexport default MultiFieldInput\r\n"],"mappings":"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","names":["index_exports","__export","fieldRegistry","module","__toCommonJS","import_jsx_runtime","coreFieldRegistry","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/index.mjs

@@ -1,34 +1,54 @@
-import {
-  __commonJS,
-  __toESM,
-  layoutRegistry
-} from "./chunk-HAKPX2A2.mjs";
+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 __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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
+));
 
 // ../core/dist/index.js
 var require_dist = __commonJS({
   "../core/dist/index.js"(exports, module) {
     "use strict";
-    var __defProp = Object.defineProperty;
-    var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames = Object.getOwnPropertyNames;
-    var __hasOwnProp = Object.prototype.hasOwnProperty;
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
     var __export = (target, all) => {
       for (var name in all)
-        __defProp(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps = (to, from, except, desc) => {
+    var __copyProps2 = (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 });
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
       }
       return to;
     };
-    var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+    var __toCommonJS = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var index_exports = {};
     __export(index_exports, {
       FieldRegistry: () => FieldRegistry,
-      fieldRegistry: () => fieldRegistry3
+      fieldRegistry: () => fieldRegistry2
     });
     module.exports = __toCommonJS(index_exports);
     var FieldRegistry = class {
@@ -43,34 +63,108 @@ var require_dist = __commonJS({
         return this.registry[type];
       }
     };
-    var fieldRegistry3 = new FieldRegistry();
+    var fieldRegistry2 = new FieldRegistry();
   }
 });
 
-// src/registerDefaults.ts
-async function registerDefaults() {
-  await import("./defaultLayouts-PVN6T4LH.mjs");
-  await import("./responsiveLayout-2KUYZQJ3.mjs");
+// src/layout/layoutRegistry.ts
+var LayoutRegistry = class {
+  constructor() {
+    this.layouts = /* @__PURE__ */ new Map();
+  }
+  register(type, renderer) {
+    if (this.layouts.has(type)) {
+      console.warn(`[dynamic-field-kit] Layout "${type}" already exists`);
+    }
+    this.layouts.set(type, renderer);
+  }
+  get(type) {
+    return this.layouts.get(type);
+  }
+};
+var layoutRegistry = new LayoutRegistry();
+
+// src/layout/defaultLayouts.tsx
+import { jsx } from "react/jsx-runtime";
+layoutRegistry.register("column", ({ children, config }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: config?.gap ?? 12
+    },
+    children
+  }
+));
+layoutRegistry.register("row", ({ children, config }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "row",
+      gap: config?.gap ?? 12
+    },
+    children
+  }
+));
+layoutRegistry.register("grid", ({ children, config }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      display: "grid",
+      gridTemplateColumns: `repeat(${config?.columns ?? 2}, 1fr)`,
+      gap: config?.gap ?? 12
+    },
+    children
+  }
+));
+
+// src/layout/responsiveLayout.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function resolve(layout) {
+  if (typeof layout === "string") {
+    return { type: layout, config: {} };
+  }
+  return { type: layout.type, config: layout };
 }
+layoutRegistry.register("responsive", ({ children, config }) => {
+  const isMobile = typeof window !== "undefined" && window.innerWidth < 768;
+  const current = isMobile ? config.mobile : config.desktop;
+  if (!current) return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    " "
+  ] });
+  const { type, config: childConfig } = resolve(current);
+  const Renderer = layoutRegistry.get(type);
+  if (!Renderer) return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    " "
+  ] });
+  return /* @__PURE__ */ jsx2(Renderer, { config: childConfig, children });
+});
 
-// src/components/DynamicInput.tsx
+// src/fieldRegistry.ts
 var import_core = __toESM(require_dist());
-import { jsx, jsxs } from "react/jsx-runtime";
+var fieldRegistry = import_core.fieldRegistry;
+
+// src/components/DynamicInput.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DynamicInput = ({ type, value, onChange, label, options, className, description }) => {
-  const Renderer = import_core.fieldRegistry.get(type);
-  if (!Renderer) return /* @__PURE__ */ jsxs("div", { children: [
+  const Renderer = fieldRegistry.get(type);
+  if (!Renderer) return /* @__PURE__ */ jsxs2("div", { children: [
     "Unknown field type: ",
     type
   ] });
-  return /* @__PURE__ */ jsx(Renderer, { value, onValueChange: onChange, label, options, className, description });
+  return /* @__PURE__ */ jsx3(Renderer, { value, onValueChange: onChange, label, options, className, description });
 };
 var DynamicInput_default = DynamicInput;
 
 // src/components/FieldInput.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var FieldInput = ({ fieldDescription, renderInfos, onValueChangeField }) => {
   const { name, type, label, options, className, description } = fieldDescription;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4(
     DynamicInput_default,
     {
       type,
@@ -87,7 +181,7 @@ var FieldInput_default = FieldInput;
 
 // src/components/MultiFieldInput.tsx
 import { useEffect, useMemo, useState } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function resolveLayout(layout) {
   if (!layout) return { type: "column", config: {} };
   if (typeof layout === "string") return { type: layout, config: {} };
@@ -107,7 +201,7 @@ var MultiFieldInput = ({ fieldDescriptions, properties, onChange, layout }) => {
   if (!Layout) {
     throw new Error(`Unknown layout: ${type}`);
   }
-  return /* @__PURE__ */ jsx3(Layout, { config, children: visibleFields.map((f) => /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(Layout, { config, children: visibleFields.map((f) => /* @__PURE__ */ jsx5(
     FieldInput_default,
     {
       fieldDescription: f,
@@ -122,16 +216,11 @@ var MultiFieldInput = ({ fieldDescriptions, properties, onChange, layout }) => {
   )) });
 };
 var MultiFieldInput_default = MultiFieldInput;
-
-// src/index.ts
-var import_core2 = __toESM(require_dist());
-registerDefaults();
-var export_fieldRegistry = import_core2.fieldRegistry;
 export {
   DynamicInput_default as DynamicInput,
   FieldInput_default as FieldInput,
   MultiFieldInput_default as MultiFieldInput,
-  export_fieldRegistry as fieldRegistry,
+  fieldRegistry,
   layoutRegistry
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../core/src/index.ts","../../core/src/FieldRegistry.ts","../src/registerDefaults.ts","../src/components/DynamicInput.tsx","../src/components/FieldInput.tsx","../src/components/MultiFieldInput.tsx","../src/index.ts"],"sourcesContent":["export * from \"./types\"\r\nexport * from \"./FieldRegistry\"\r\n","import { JSX } from \"react\"\r\nimport type { FieldRendererProps, FieldTypeMap } from \"./types\"\r\n\r\nexport type FieldRenderer<T = any> = (props: FieldRendererProps<T>) => JSX.Element\r\n\r\nexport class FieldRegistry {\r\n    // ❗ INTERNAL = string, not constrain\r\n    private registry: Record<string, FieldRenderer<any>> = {}\r\n\r\n    // ✅ Type safety API\r\n    register<K extends keyof FieldTypeMap>(\r\n        type: K,\r\n        renderer: FieldRenderer<FieldTypeMap[K]>\r\n    ) {\r\n        this.registry[type as string] = renderer\r\n    }\r\n\r\n    get<K extends keyof FieldTypeMap>(\r\n        type: K\r\n    ): FieldRenderer<FieldTypeMap[K]> | undefined {\r\n        return this.registry[type as string]\r\n    }\r\n}\r\n\r\nexport const fieldRegistry = new FieldRegistry()\r\n","export async function registerDefaults() {\r\n    await import(\"./layout/defaultLayouts\")\r\n    await import(\"./layout/responsiveLayout\")\r\n}\r\n","import { fieldRegistry, FieldTypeKey, Properties } from \"@dynamic-field-kit/core\"\r\nimport { ReactNode } from \"react\"\r\n\r\ninterface Props<T extends FieldTypeKey> {\r\n    type: T\r\n    value?: any\r\n    onChange?: (value: any) => void\r\n    label?: string\r\n    options?: Properties[]\r\n    className?: string\r\n    description?: ReactNode\r\n}\r\n\r\n\r\nconst DynamicInput = <T extends FieldTypeKey>({ type, value, onChange, label, options, className, description }: Props<T>) => {\r\n    const Renderer = fieldRegistry.get(type)\r\n\r\n\r\n    if (!Renderer) return <div>Unknown field type: {type}</div>\r\n\r\n\r\n    return <Renderer value={value} onValueChange={onChange} label={label} options={options} className={className} description={description} />\r\n}\r\n\r\n\r\nexport default DynamicInput","import { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\r\nimport DynamicInput from \"./DynamicInput\"\r\n\r\ninterface Props {\r\n  fieldDescription: FieldDescription\r\n  renderInfos: Properties\r\n  onValueChangeField: (value: any, key: string) => void\r\n}\r\n\r\n\r\nconst FieldInput = ({ fieldDescription, renderInfos, onValueChangeField }: Props) => {\r\n  const { name, type, label, options, className, description } = fieldDescription\r\n\r\n\r\n  return (\r\n    <DynamicInput\r\n      type={type}\r\n      label={label}\r\n      value={renderInfos[name]}\r\n      options={options}\r\n      className={className}\r\n      description={description}\r\n      onChange={(v) => onValueChangeField(v, name)}\r\n    />\r\n  )\r\n}\r\n\r\n\r\nexport default FieldInput\r\n","import { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\r\nimport { Fragment, useEffect, useMemo, useState } from \"react\"\r\nimport FieldInput from \"./FieldInput\"\r\nimport { layoutRegistry } from \"../layout\"\r\nimport { LayoutConfig } from \"../types/layout\"\r\n\r\n\r\ninterface Props {\r\n  fieldDescriptions: FieldDescription[]\r\n  properties?: Properties\r\n  onChange?: (data: Properties) => void\r\n  layout?: LayoutConfig\r\n}\r\n\r\n\r\nfunction resolveLayout(layout?: LayoutConfig) {\r\n  if (!layout) return { type: \"column\", config: {} }\r\n  if (typeof layout === \"string\") return { type: layout, config: {} }\r\n  return { type: layout.type, config: layout }\r\n}\r\n\r\n\r\nconst MultiFieldInput = ({ fieldDescriptions, properties, onChange, layout }: Props) => {\r\n  const [data, setData] = useState<Properties>({})\r\n\r\n  useEffect(() => {\r\n    if (properties) setData(properties)\r\n  }, [properties])\r\n\r\n  const visibleFields = useMemo(\r\n    () => fieldDescriptions.filter((f) => !f.appearCondition || f.appearCondition(data)),\r\n    [fieldDescriptions, data]\r\n  )\r\n\r\n  const { type, config } = resolveLayout(layout)\r\n  \r\n  const Layout = layoutRegistry.get(type)\r\n\r\n  if (!Layout) {\r\n    throw new Error(`Unknown layout: ${type}`)\r\n  }\r\n\r\n  return (\r\n    <Layout config={config}>\r\n      {visibleFields.map((f) => (\r\n        <FieldInput\r\n          key={f.name}\r\n          fieldDescription={f}\r\n          renderInfos={data}\r\n          onValueChangeField={(value, key) => {\r\n            const next = { ...data, [key]: value }\r\n            setData(next)\r\n            onChange?.(next)\r\n          }}\r\n        />\r\n      ))}\r\n    </Layout>\r\n  )\r\n}\r\n\r\n\r\nexport default MultiFieldInput\r\n","import { registerDefaults } from \"./registerDefaults\"\r\n\r\nregisterDefaults()\r\n\r\n\r\nexport { layoutRegistry } from \"./layout\"\r\n\r\n\r\nexport { default as DynamicInput } from \"./components/DynamicInput\"\r\nexport { default as FieldInput } from \"./components/FieldInput\"\r\nexport { default as MultiFieldInput } from \"./components/MultiFieldInput\"\r\n\r\n\r\nexport type { LayoutConfig } from \"./types/layout\"\r\n// 🔁 Re-export từ core (CÙNG INSTANCE ĐÃ BUNDLE)\r\nexport {\r\n    fieldRegistry,\r\n    type FieldTypeKey,\r\n    type FieldDescription,\r\n    type FieldRendererProps,\r\n} from \"@dynamic-field-kit/core\"\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,QAAA,gBAAA,CAAA;AAAA,aAAA,eAAA;MAAA,eAAA,MAAA;MAAA,eAAA,MAAAA;IAAA,CAAA;AAAA,WAAA,UAAA,aAAA,aAAA;ACKO,QAAM,gBAAN,MAAoB;MAApB,cAAA;AAEH,aAAQ,WAA+C,CAAC;MAAA;;MAGxD,SACI,MACA,UACF;AACE,aAAK,SAAS,IAAc,IAAI;MACpC;MAEA,IACI,MAC0C;AAC1C,eAAO,KAAK,SAAS,IAAc;MACvC;IACJ;AAEO,QAAMA,iBAAgB,IAAI,cAAc;;;;;ACxB/C,eAAsB,mBAAmB;AACrC,QAAM,OAAO,+BAAyB;AACtC,QAAM,OAAO,iCAA2B;AAC5C;;;ACHA,kBAAwD;AAkB9B,SAGf,KAHe;AAJ1B,IAAM,eAAe,CAAyB,EAAE,MAAM,OAAO,UAAU,OAAO,SAAS,WAAW,YAAY,MAAgB;AAC1H,QAAM,WAAW,0BAAc,IAAI,IAAI;AAGvC,MAAI,CAAC,SAAU,QAAO,qBAAC,SAAI;AAAA;AAAA,IAAqB;AAAA,KAAK;AAGrD,SAAO,oBAAC,YAAS,OAAc,eAAe,UAAU,OAAc,SAAkB,WAAsB,aAA0B;AAC5I;AAGA,IAAO,uBAAQ;;;ACVX,gBAAAC,YAAA;AALJ,IAAM,aAAa,CAAC,EAAE,kBAAkB,aAAa,mBAAmB,MAAa;AACnF,QAAM,EAAE,MAAM,MAAM,OAAO,SAAS,WAAW,YAAY,IAAI;AAG/D,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO,YAAY,IAAI;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,MAAM,mBAAmB,GAAG,IAAI;AAAA;AAAA,EAC7C;AAEJ;AAGA,IAAO,qBAAQ;;;AC3Bf,SAAmB,WAAW,SAAS,gBAAgB;AA4C/C,gBAAAC,YAAA;AA9BR,SAAS,cAAc,QAAuB;AAC5C,MAAI,CAAC,OAAQ,QAAO,EAAE,MAAM,UAAU,QAAQ,CAAC,EAAE;AACjD,MAAI,OAAO,WAAW,SAAU,QAAO,EAAE,MAAM,QAAQ,QAAQ,CAAC,EAAE;AAClE,SAAO,EAAE,MAAM,OAAO,MAAM,QAAQ,OAAO;AAC7C;AAGA,IAAM,kBAAkB,CAAC,EAAE,mBAAmB,YAAY,UAAU,OAAO,MAAa;AACtF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAqB,CAAC,CAAC;AAE/C,YAAU,MAAM;AACd,QAAI,WAAY,SAAQ,UAAU;AAAA,EACpC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,gBAAgB;AAAA,IACpB,MAAM,kBAAkB,OAAO,CAAC,MAAM,CAAC,EAAE,mBAAmB,EAAE,gBAAgB,IAAI,CAAC;AAAA,IACnF,CAAC,mBAAmB,IAAI;AAAA,EAC1B;AAEA,QAAM,EAAE,MAAM,OAAO,IAAI,cAAc,MAAM;AAE7C,QAAM,SAAS,eAAe,IAAI,IAAI;AAEtC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,mBAAmB,IAAI,EAAE;AAAA,EAC3C;AAEA,SACE,gBAAAA,KAAC,UAAO,QACL,wBAAc,IAAI,CAAC,MAClB,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAEC,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,oBAAoB,CAAC,OAAO,QAAQ;AAClC,cAAM,OAAO,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM;AACrC,gBAAQ,IAAI;AACZ,mBAAW,IAAI;AAAA,MACjB;AAAA;AAAA,IAPK,EAAE;AAAA,EAQT,CACD,GACH;AAEJ;AAGA,IAAO,0BAAQ;;;AC9Cf,IAAAC,eAKO;AAlBP,iBAAiB;","names":["fieldRegistry","jsx","jsx","import_core"]}
+{"version":3,"sources":["../../core/src/index.ts","../../core/src/FieldRegistry.ts","../src/layout/layoutRegistry.ts","../src/layout/defaultLayouts.tsx","../src/layout/responsiveLayout.tsx","../src/fieldRegistry.ts","../src/components/DynamicInput.tsx","../src/components/FieldInput.tsx","../src/components/MultiFieldInput.tsx"],"sourcesContent":["export * from \"./types\"\r\nexport * from \"./FieldRegistry\"\r\n","import type { FieldRendererProps, FieldTypeMap } from \"./types\"\n\nexport type FieldRenderer<T = any, TResult = unknown> = (\n    props: FieldRendererProps<T>\n) => TResult\n\r\nexport class FieldRegistry {\r\n    // ❗ INTERNAL = string, not constrain\r\n    private registry: Record<string, FieldRenderer<any>> = {}\r\n\r\n    // ✅ Type safety API\r\n    register<K extends keyof FieldTypeMap>(\r\n        type: K,\r\n        renderer: FieldRenderer<FieldTypeMap[K]>\r\n    ) {\r\n        this.registry[type as string] = renderer\r\n    }\r\n\r\n    get<K extends keyof FieldTypeMap>(\r\n        type: K\r\n    ): FieldRenderer<FieldTypeMap[K]> | undefined {\r\n        return this.registry[type as string]\r\n    }\r\n}\r\n\r\nexport const fieldRegistry = new FieldRegistry()\r\n","import React from \"react\"\r\n\r\nexport type LayoutRenderer<C = any> = (props: {\r\n    children: React.ReactNode\r\n    config?: C\r\n}) => React.ReactElement\r\n\r\nexport class LayoutRegistry {\r\n    private layouts = new Map<string, LayoutRenderer>()\r\n\r\n    register(type: string, renderer: LayoutRenderer) {\r\n        if (this.layouts.has(type)) {\r\n            console.warn(`[dynamic-field-kit] Layout \"${type}\" already exists`)\r\n        }\r\n        this.layouts.set(type, renderer)\r\n    }\r\n\r\n    get(type: string): LayoutRenderer | undefined {\r\n        return this.layouts.get(type)\r\n    }\r\n}\r\n\r\nexport const layoutRegistry = new LayoutRegistry()\r\n","import { layoutRegistry } from \"./layoutRegistry\"\r\n\r\nlayoutRegistry.register(\"column\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))\r\n\r\nlayoutRegistry.register(\"row\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))\r\n\r\nlayoutRegistry.register(\"grid\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"grid\",\r\n            gridTemplateColumns: `repeat(${config?.columns ?? 2}, 1fr)`,\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))","import { layoutRegistry } from \"./layoutRegistry\"\r\nimport { LayoutConfig } from \"../types/layout\"\r\n\r\nfunction resolve(layout: LayoutConfig) {\r\n    if (typeof layout === \"string\") {\r\n        return { type: layout, config: {} }\r\n    }\r\n    return { type: layout.type, config: layout }\r\n}\r\n\r\nlayoutRegistry.register(\"responsive\", ({ children, config }) => {\r\n    const isMobile =\r\n        typeof window !== \"undefined\" && window.innerWidth < 768\r\n\r\n    const current = isMobile ? config.mobile : config.desktop\r\n    if (!current) return <>{ children } </>\r\n\r\n    const { type, config: childConfig } = resolve(current)\r\n    const Renderer = layoutRegistry.get(type)\r\n\r\n    if (!Renderer) return <>{ children } </>\r\n\r\n    return (\r\n        <Renderer config= { childConfig } >\r\n        { children }\r\n        </Renderer>\r\n    )\r\n})\r\n","import {\n    fieldRegistry as coreFieldRegistry,\n    type FieldRendererProps,\n    type FieldTypeMap,\n} from \"@dynamic-field-kit/core\"\nimport type { ComponentType } from \"react\"\n\nexport type ReactFieldRenderer<T = any> = ComponentType<FieldRendererProps<T>>\n\nexport interface ReactFieldRegistry {\n    register<K extends keyof FieldTypeMap>(\n        type: K,\n        renderer: ReactFieldRenderer<FieldTypeMap[K]>\n    ): void\n    get<K extends keyof FieldTypeMap>(\n        type: K\n    ): ReactFieldRenderer<FieldTypeMap[K]> | undefined\n}\n\nexport const fieldRegistry = coreFieldRegistry as ReactFieldRegistry\n","import { FieldTypeKey, Properties } from \"@dynamic-field-kit/core\"\nimport { ReactNode } from \"react\"\nimport { fieldRegistry } from \"../fieldRegistry\"\n\r\ninterface Props<T extends FieldTypeKey> {\r\n    type: T\r\n    value?: any\r\n    onChange?: (value: any) => void\r\n    label?: string\r\n    options?: Properties[]\r\n    className?: string\r\n    description?: ReactNode\r\n}\r\n\r\n\r\nconst DynamicInput = <T extends FieldTypeKey>({ type, value, onChange, label, options, className, description }: Props<T>) => {\r\n    const Renderer = fieldRegistry.get(type)\r\n\r\n\r\n    if (!Renderer) return <div>Unknown field type: {type}</div>\r\n\r\n\r\n    return <Renderer value={value} onValueChange={onChange} label={label} options={options} className={className} description={description} />\r\n}\r\n\r\n\r\nexport default DynamicInput\n","import { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\r\nimport DynamicInput from \"./DynamicInput\"\r\n\r\ninterface Props {\r\n  fieldDescription: FieldDescription\r\n  renderInfos: Properties\r\n  onValueChangeField: (value: any, key: string) => void\r\n}\r\n\r\n\r\nconst FieldInput = ({ fieldDescription, renderInfos, onValueChangeField }: Props) => {\r\n  const { name, type, label, options, className, description } = fieldDescription\r\n\r\n\r\n  return (\r\n    <DynamicInput\r\n      type={type}\r\n      label={label}\r\n      value={renderInfos[name]}\r\n      options={options}\r\n      className={className}\r\n      description={description}\r\n      onChange={(v) => onValueChangeField(v, name)}\r\n    />\r\n  )\r\n}\r\n\r\n\r\nexport default FieldInput\r\n","import { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\r\nimport { Fragment, useEffect, useMemo, useState } from \"react\"\r\nimport FieldInput from \"./FieldInput\"\r\nimport { layoutRegistry } from \"../layout\"\r\nimport { LayoutConfig } from \"../types/layout\"\r\n\r\n\r\ninterface Props {\r\n  fieldDescriptions: FieldDescription[]\r\n  properties?: Properties\r\n  onChange?: (data: Properties) => void\r\n  layout?: LayoutConfig\r\n}\r\n\r\n\r\nfunction resolveLayout(layout?: LayoutConfig) {\r\n  if (!layout) return { type: \"column\", config: {} }\r\n  if (typeof layout === \"string\") return { type: layout, config: {} }\r\n  return { type: layout.type, config: layout }\r\n}\r\n\r\n\r\nconst MultiFieldInput = ({ fieldDescriptions, properties, onChange, layout }: Props) => {\r\n  const [data, setData] = useState<Properties>({})\r\n\r\n  useEffect(() => {\r\n    if (properties) setData(properties)\r\n  }, [properties])\r\n\r\n  const visibleFields = useMemo(\r\n    () => fieldDescriptions.filter((f) => !f.appearCondition || f.appearCondition(data)),\r\n    [fieldDescriptions, data]\r\n  )\r\n\r\n  const { type, config } = resolveLayout(layout)\r\n  \r\n  const Layout = layoutRegistry.get(type)\r\n\r\n  if (!Layout) {\r\n    throw new Error(`Unknown layout: ${type}`)\r\n  }\r\n\r\n  return (\r\n    <Layout config={config}>\r\n      {visibleFields.map((f) => (\r\n        <FieldInput\r\n          key={f.name}\r\n          fieldDescription={f}\r\n          renderInfos={data}\r\n          onValueChangeField={(value, key) => {\r\n            const next = { ...data, [key]: value }\r\n            setData(next)\r\n            onChange?.(next)\r\n          }}\r\n        />\r\n      ))}\r\n    </Layout>\r\n  )\r\n}\r\n\r\n\r\nexport default MultiFieldInput\r\n"],"mappings":"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","names":["fieldRegistry","jsx","coreFieldRegistry","jsx","jsxs","jsx","jsx"]}

package/package.json

@@ -1,23 +1,30 @@
 {
     "name": "@dynamic-field-kit/react",
-    "version": "1.0.8",
+    "version": "1.1.1",
     "description": "React renderer for dynamic-field-kit",
     "license": "MIT",
-    "main": "dist/index.cjs",
-    "module": "dist/index.js",
+    "main": "dist/index.js",
+    "module": "dist/index.mjs",
     "types": "dist/index.d.ts",
-    "sideEffects": false,
+    "sideEffects": [
+        "./src/index.ts",
+        "./src/layout/defaultLayouts.tsx",
+        "./src/layout/responsiveLayout.tsx",
+        "./dist/index.js",
+        "./dist/index.mjs",
+        "./dist/index.d.ts"
+    ],
     "files": [
         "dist"
     ],
     "dependencies": {
-        "@dynamic-field-kit/core": "^1.0.7"
+        "@dynamic-field-kit/core": "^1.0.13"
     },
     "exports": {
         ".": {
             "types": "./dist/index.d.ts",
-            "import": "./dist/index.js",
-            "require": "./dist/index.cjs"
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
         }
     },
     "scripts": {

package/dist/chunk-HAKPX2A2.mjs

@@ -1,49 +0,0 @@
-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 __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-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
-));
-
-// src/layout/layoutRegistry.ts
-var LayoutRegistry = class {
-  constructor() {
-    this.layouts = /* @__PURE__ */ new Map();
-  }
-  register(type, renderer) {
-    if (this.layouts.has(type)) {
-      console.warn(`[dynamic-field-kit] Layout "${type}" already exists`);
-    }
-    this.layouts.set(type, renderer);
-  }
-  get(type) {
-    return this.layouts.get(type);
-  }
-};
-var layoutRegistry = new LayoutRegistry();
-
-export {
-  __commonJS,
-  __toESM,
-  layoutRegistry
-};
-//# sourceMappingURL=chunk-HAKPX2A2.mjs.map

package/dist/chunk-HAKPX2A2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/layout/layoutRegistry.ts"],"sourcesContent":["import React from \"react\"\r\n\r\nexport type LayoutRenderer<C = any> = (props: {\r\n    children: React.ReactNode\r\n    config?: C\r\n}) => React.ReactElement\r\n\r\nexport class LayoutRegistry {\r\n    private layouts = new Map<string, LayoutRenderer>()\r\n\r\n    register(type: string, renderer: LayoutRenderer) {\r\n        if (this.layouts.has(type)) {\r\n            console.warn(`[dynamic-field-kit] Layout \"${type}\" already exists`)\r\n        }\r\n        this.layouts.set(type, renderer)\r\n    }\r\n\r\n    get(type: string): LayoutRenderer | undefined {\r\n        return this.layouts.get(type)\r\n    }\r\n}\r\n\r\nexport const layoutRegistry = new LayoutRegistry()\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,iBAAN,MAAqB;AAAA,EAArB;AACH,SAAQ,UAAU,oBAAI,IAA4B;AAAA;AAAA,EAElD,SAAS,MAAc,UAA0B;AAC7C,QAAI,KAAK,QAAQ,IAAI,IAAI,GAAG;AACxB,cAAQ,KAAK,+BAA+B,IAAI,kBAAkB;AAAA,IACtE;AACA,SAAK,QAAQ,IAAI,MAAM,QAAQ;AAAA,EACnC;AAAA,EAEA,IAAI,MAA0C;AAC1C,WAAO,KAAK,QAAQ,IAAI,IAAI;AAAA,EAChC;AACJ;AAEO,IAAM,iBAAiB,IAAI,eAAe;","names":[]}

package/dist/defaultLayouts-PVN6T4LH.mjs

@@ -1,40 +0,0 @@
-import {
-  layoutRegistry
-} from "./chunk-HAKPX2A2.mjs";
-
-// src/layout/defaultLayouts.tsx
-import { jsx } from "react/jsx-runtime";
-layoutRegistry.register("column", ({ children, config }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: config?.gap ?? 12
-    },
-    children
-  }
-));
-layoutRegistry.register("row", ({ children, config }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    style: {
-      display: "flex",
-      flexDirection: "row",
-      gap: config?.gap ?? 12
-    },
-    children
-  }
-));
-layoutRegistry.register("grid", ({ children, config }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    style: {
-      display: "grid",
-      gridTemplateColumns: `repeat(${config?.columns ?? 2}, 1fr)`,
-      gap: config?.gap ?? 12
-    },
-    children
-  }
-));
-//# sourceMappingURL=defaultLayouts-PVN6T4LH.mjs.map

package/dist/defaultLayouts-PVN6T4LH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/layout/defaultLayouts.tsx"],"sourcesContent":["import { layoutRegistry } from \"./layoutRegistry\"\r\n\r\nlayoutRegistry.register(\"column\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))\r\n\r\nlayoutRegistry.register(\"row\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))\r\n\r\nlayoutRegistry.register(\"grid\", ({ children, config }) => (\r\n    <div\r\n        style={{\r\n            display: \"grid\",\r\n            gridTemplateColumns: `repeat(${config?.columns ?? 2}, 1fr)`,\r\n            gap: config?.gap ?? 12,\r\n        }}\r\n    >\r\n        {children}\r\n    </div>\r\n))"],"mappings":";;;;;AAGI;AADJ,eAAe,SAAS,UAAU,CAAC,EAAE,UAAU,OAAO,MAClD;AAAA,EAAC;AAAA;AAAA,IACG,OAAO;AAAA,MACH,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK,QAAQ,OAAO;AAAA,IACxB;AAAA,IAEC;AAAA;AACL,CACH;AAED,eAAe,SAAS,OAAO,CAAC,EAAE,UAAU,OAAO,MAC/C;AAAA,EAAC;AAAA;AAAA,IACG,OAAO;AAAA,MACH,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK,QAAQ,OAAO;AAAA,IACxB;AAAA,IAEC;AAAA;AACL,CACH;AAED,eAAe,SAAS,QAAQ,CAAC,EAAE,UAAU,OAAO,MAChD;AAAA,EAAC;AAAA;AAAA,IACG,OAAO;AAAA,MACH,SAAS;AAAA,MACT,qBAAqB,UAAU,QAAQ,WAAW,CAAC;AAAA,MACnD,KAAK,QAAQ,OAAO;AAAA,IACxB;AAAA,IAEC;AAAA;AACL,CACH;","names":[]}

package/dist/responsiveLayout-2KUYZQJ3.mjs

@@ -1,28 +0,0 @@
-import {
-  layoutRegistry
-} from "./chunk-HAKPX2A2.mjs";
-
-// src/layout/responsiveLayout.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function resolve(layout) {
-  if (typeof layout === "string") {
-    return { type: layout, config: {} };
-  }
-  return { type: layout.type, config: layout };
-}
-layoutRegistry.register("responsive", ({ children, config }) => {
-  const isMobile = typeof window !== "undefined" && window.innerWidth < 768;
-  const current = isMobile ? config.mobile : config.desktop;
-  if (!current) return /* @__PURE__ */ jsxs(Fragment, { children: [
-    children,
-    " "
-  ] });
-  const { type, config: childConfig } = resolve(current);
-  const Renderer = layoutRegistry.get(type);
-  if (!Renderer) return /* @__PURE__ */ jsxs(Fragment, { children: [
-    children,
-    " "
-  ] });
-  return /* @__PURE__ */ jsx(Renderer, { config: childConfig, children });
-});
-//# sourceMappingURL=responsiveLayout-2KUYZQJ3.mjs.map

package/dist/responsiveLayout-2KUYZQJ3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/layout/responsiveLayout.tsx"],"sourcesContent":["import { layoutRegistry } from \"./layoutRegistry\"\r\nimport { LayoutConfig } from \"../types/layout\"\r\n\r\nfunction resolve(layout: LayoutConfig) {\r\n    if (typeof layout === \"string\") {\r\n        return { type: layout, config: {} }\r\n    }\r\n    return { type: layout.type, config: layout }\r\n}\r\n\r\nlayoutRegistry.register(\"responsive\", ({ children, config }) => {\r\n    const isMobile =\r\n        typeof window !== \"undefined\" && window.innerWidth < 768\r\n\r\n    const current = isMobile ? config.mobile : config.desktop\r\n    if (!current) return <>{ children } </>\r\n\r\n    const { type, config: childConfig } = resolve(current)\r\n    const Renderer = layoutRegistry.get(type)\r\n\r\n    if (!Renderer) return <>{ children } </>\r\n\r\n    return (\r\n        <Renderer config= { childConfig } >\r\n        { children }\r\n        </Renderer>\r\n    )\r\n})\r\n"],"mappings":";;;;;AAeyB,mBAQjB,KARiB;AAZzB,SAAS,QAAQ,QAAsB;AACnC,MAAI,OAAO,WAAW,UAAU;AAC5B,WAAO,EAAE,MAAM,QAAQ,QAAQ,CAAC,EAAE;AAAA,EACtC;AACA,SAAO,EAAE,MAAM,OAAO,MAAM,QAAQ,OAAO;AAC/C;AAEA,eAAe,SAAS,cAAc,CAAC,EAAE,UAAU,OAAO,MAAM;AAC5D,QAAM,WACF,OAAO,WAAW,eAAe,OAAO,aAAa;AAEzD,QAAM,UAAU,WAAW,OAAO,SAAS,OAAO;AAClD,MAAI,CAAC,QAAS,QAAO,iCAAI;AAAA;AAAA,IAAU;AAAA,KAAC;AAEpC,QAAM,EAAE,MAAM,QAAQ,YAAY,IAAI,QAAQ,OAAO;AACrD,QAAM,WAAW,eAAe,IAAI,IAAI;AAExC,MAAI,CAAC,SAAU,QAAO,iCAAI;AAAA;AAAA,IAAU;AAAA,KAAC;AAErC,SACI,oBAAC,YAAS,QAAU,aAClB,UACF;AAER,CAAC;","names":[]}