@datum-cloud/datum-ui 0.4.0 → 0.6.0-alpha.b817c77

package/dist/{card-BiHXFt4s.mjs → card-DKG1Cwlj.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as cn$1 } from "./utils-C8KwMfT_.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region ../shadcn/ui/card.tsx
 const CardTitle = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
@@ -25,7 +24,6 @@ const CardContent = ({ className, ...props }) => {
 		...props
 	});
 };
-
 //#endregion
 //#region src/components/base/card/card.tsx
 /**
@@ -58,6 +56,5 @@ function CardFooter({ className, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { CardDescription as a, CardContent as i, CardFooter as n, CardTitle as o, CardHeader as r, Card as t };
+export { CardDescription as a, CardContent as i, CardFooter as n, CardTitle as o, CardHeader as r, Card as t };

package/dist/chart/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-CL0i-xIt.mjs";
-
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-CUa21ynK.mjs";
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/{chart-CL0i-xIt.mjs → chart-CUa21ynK.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as RechartsPrimitive from "recharts";
-
 //#region ../shadcn/ui/chart.tsx
 const THEMES = {
 	light: "",
@@ -138,6 +137,5 @@ function getPayloadConfigFromPayload(config, payload, key) {
 	else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") configLabelKey = payloadPayload[key];
 	return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-
 //#endregion
-export { ChartTooltip as a, ChartStyle as i, ChartLegend as n, ChartTooltipContent as o, ChartLegendContent as r, ChartContainer as t };
+export { ChartTooltip as a, ChartStyle as i, ChartLegend as n, ChartTooltipContent as o, ChartLegendContent as r, ChartContainer as t };

package/dist/checkbox/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import { t as Checkbox } from "../checkbox-CQrjygFt.mjs";
-
-export { Checkbox };
+import { t as Checkbox } from "../checkbox-I5BvrMPe.mjs";
+export { Checkbox };

package/dist/{checkbox-CQrjygFt.mjs → checkbox-I5BvrMPe.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as cn$1 } from "./utils-C8KwMfT_.mjs";
 import { CheckIcon } from "lucide-react";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-
 //#region ../shadcn/ui/checkbox.tsx
 function Checkbox$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
@@ -18,7 +17,6 @@ function Checkbox$1({ className, ...props }) {
 		})
 	});
 }
-
 //#endregion
 //#region src/components/base/checkbox/checkbox.tsx
 function Checkbox({ ref, className, ...props }) {
@@ -29,6 +27,5 @@ function Checkbox({ ref, className, ...props }) {
 	});
 }
 Checkbox.displayName = "Checkbox";
-
 //#endregion
-export { Checkbox as t };
+export { Checkbox as t };

package/dist/{close.icon-D2r5q3bj.mjs → close.icon-HCfS4Y-N.mjs}

@@ -1,6 +1,5 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/icons/close.icon.tsx
 function CloseIcon({ className, fill = "fill-foreground" }) {
 	return /* @__PURE__ */ jsx("svg", {
@@ -17,6 +16,5 @@ function CloseIcon({ className, fill = "fill-foreground" }) {
 		})
 	});
 }
-
 //#endregion
-export { CloseIcon as t };
+export { CloseIcon as t };

package/dist/{cn-DWCc1QRE.mjs → cn-D2KYQ917.mjs}

@@ -1,10 +1,8 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-
 //#region src/utils/cn.ts
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
-
 //#endregion
-export { cn as t };
+export { cn as t };

package/dist/code-editor/index.mjs

@@ -0,0 +1,2 @@
+import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "../types-BZNk3q65.mjs";
+export { CodeEditor, CodeEditorTabs, createCodeEditorSchema, formatJson, formatYaml, isValidJson, isValidYaml, jsonSchema, jsonToYaml, yamlSchema, yamlToJson };

package/dist/{col-C9PDhvm5.mjs → col-YBbQ5wlb.mjs}

@@ -1,7 +1,6 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
 import React, { use, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/features/grid/constants/grid.constants.ts
 const GRID_BREAKPOINTS = {
 	xs: 480,
@@ -29,7 +28,6 @@ const RESPONSIVE_MAP = {
 	xl: "(min-width: 1200px)",
 	xxl: "(min-width: 1600px)"
 };
-
 //#endregion
 //#region src/components/features/grid/utils/responsive.ts
 function registerMediaQuery(query, callback) {
@@ -68,7 +66,6 @@ function getResponsiveValue(value, screens) {
 	}
 	return value;
 }
-
 //#endregion
 //#region src/components/features/grid/components/row.tsx
 const RowContext = React.createContext(null);
@@ -130,7 +127,6 @@ const Row = ({ type, align, justify, className, style, children, gutter = 0, pre
 		})
 	});
 };
-
 //#endregion
 //#region src/components/features/grid/components/col.tsx
 const Col = ({ span, order, offset, push, pull, className, prefixCls = GRID_PREFIX, style, children, ...rest }) => {
@@ -179,6 +175,5 @@ const Col = ({ span, order, offset, push, pull, className, prefixCls = GRID_PREF
 		children
 	});
 };
-
 //#endregion
-export { getResponsiveValue as a, GRID_COLUMNS as c, RESPONSIVE_MAP as d, getGutter as i, GRID_PREFIX as l, Row as n, registerMediaQuery as o, RowContext as r, GRID_BREAKPOINTS as s, Col as t, RESPONSIVE_ARRAY as u };
+export { getResponsiveValue as a, GRID_COLUMNS as c, RESPONSIVE_MAP as d, getGutter as i, GRID_PREFIX as l, Row as n, registerMediaQuery as o, RowContext as r, GRID_BREAKPOINTS as s, Col as t, RESPONSIVE_ARRAY as u };

package/dist/collapsible/index.mjs

@@ -1,3 +1,2 @@
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-Dw71o2um.mjs";
-
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-CUphkSBt.mjs";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/{collapsible-Dw71o2um.mjs → collapsible-CUphkSBt.mjs}

@@ -1,9 +1,7 @@
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-
 //#region ../shadcn/ui/collapsible.tsx
 const Collapsible = CollapsiblePrimitive.Root;
 const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
-
 //#endregion
-export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible as t };
+export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible as t };

package/dist/command/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../dialog-DdrHeboM.mjs";
-import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-DVroicgn.mjs";
-
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-DqHWukGK.mjs";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/{command-DVroicgn.mjs → command-DqHWukGK.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
-import { i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-DdrHeboM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
+import { i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-DASRaFxD.mjs";
 import { SearchIcon } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Command } from "cmdk";
-
 //#region ../shadcn/ui/command.tsx
 const Command$1 = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx(Command, {
@@ -81,6 +80,5 @@ const CommandShortcut = ({ className, ...props }) => {
 		...props
 	});
 };
-
 //#endregion
-export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };
+export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };

package/dist/components/features/code-editor/code-editor-tabs.d.ts

@@ -0,0 +1,63 @@
+import type { CodeEditorTabsProps } from './types';
+/**
+ * CodeEditorTabs - Dual-format code editor with JSON ↔ YAML conversion
+ *
+ * A tabbed interface that provides JSON and YAML editing with automatic
+ * bidirectional conversion and validation. Prevents tab switching when
+ * content has syntax errors and shows error toasts for conversion failures.
+ *
+ * Features:
+ * - Dual-format editing (JSON ↔ YAML)
+ * - Automatic bidirectional conversion
+ * - Real-time validation before conversion
+ * - Error toasts for conversion failures
+ * - Maintains sync between both formats
+ * - Hidden format field for form submission
+ *
+ * @example
+ * ```tsx
+ * import { CodeEditorTabs } from '@datum-cloud/datum-ui/code-editor'
+ *
+ * // Basic usage
+ * <CodeEditorTabs
+ *   value={config}
+ *   format="yaml"
+ *   onChange={(value, format) => {
+ *     setConfig(value)
+ *     setFormat(format)
+ *   }}
+ *   name="configuration"
+ *   minHeight="500px"
+ * />
+ *
+ * // With React Hook Form
+ * const { watch, setValue } = useForm()
+ *
+ * <CodeEditorTabs
+ *   value={watch('config')}
+ *   onChange={(value) => setValue('config', value)}
+ *   name="config"
+ * />
+ *
+ * // With format change handler
+ * <CodeEditorTabs
+ *   value={data}
+ *   format={currentFormat}
+ *   onChange={(value, format) => console.log({ value, format })}
+ *   onFormatChange={(format) => setCurrentFormat(format)}
+ * />
+ * ```
+ *
+ * @param props - Component props
+ * @param props.value - Editor content
+ * @param props.onChange - Content and format change callback
+ * @param props.format - Active format ('json' or 'yaml', default: 'yaml')
+ * @param props.onFormatChange - Format change callback
+ * @param props.error - Error message to display below the editor
+ * @param props.id - Input element ID for form integration
+ * @param props.name - Input element name for form submission (default: 'code-editor')
+ * @param props.minHeight - Minimum editor height (default: '300px')
+ * @returns Rendered tabbed editor with JSON/YAML conversion
+ */
+export declare function CodeEditorTabs({ value, onChange, format, onFormatChange, error, id, name, minHeight, }: CodeEditorTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-editor-tabs.d.ts.map

package/dist/components/features/code-editor/code-editor-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/features/code-editor/code-editor-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAA;AAOlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAe,EACf,cAAc,EACd,KAAK,EACL,EAAE,EACF,IAAoB,EACpB,SAAmB,GACpB,EAAE,mBAAmB,2CA6GrB"}

package/dist/components/features/code-editor/code-editor.d.ts

@@ -0,0 +1,58 @@
+import type { CodeEditorProps } from './types';
+/**
+ * CodeEditor - Monaco-based code editor component
+ *
+ * A Monaco Editor wrapper with single language support, theme integration,
+ * and form compatibility. Provides a VS Code-like editing experience with
+ * automatic formatting, responsive layout, and error state handling.
+ *
+ * Features:
+ * - Monaco Editor with VS Code experience
+ * - Theme-aware (automatic light/dark mode)
+ * - Form-compatible (hidden input for React Hook Form)
+ * - Responsive layout with automatic resizing
+ * - Read-only mode support
+ * - Custom error state styling
+ *
+ * @example
+ * ```tsx
+ * import { CodeEditor } from '@datum-cloud/datum-ui/code-editor'
+ *
+ * // Basic usage
+ * <CodeEditor
+ *   value={code}
+ *   onChange={(newValue) => setCode(newValue)}
+ *   language="yaml"
+ *   minHeight="400px"
+ * />
+ *
+ * // With error state
+ * <CodeEditor
+ *   value={invalidJson}
+ *   onChange={handleChange}
+ *   language="json"
+ *   error="Invalid JSON format"
+ * />
+ *
+ * // Read-only mode
+ * <CodeEditor
+ *   value={config}
+ *   language="yaml"
+ *   readOnly={true}
+ * />
+ * ```
+ *
+ * @param props - Component props
+ * @param props.value - Editor content
+ * @param props.onChange - Content change callback
+ * @param props.language - Syntax highlighting language
+ * @param props.id - Input element ID for form integration
+ * @param props.name - Input element name for form submission (default: 'code-editor')
+ * @param props.error - Error message to display below the editor
+ * @param props.className - Additional CSS classes
+ * @param props.readOnly - Read-only mode (default: false)
+ * @param props.minHeight - Minimum editor height (default: '200px')
+ * @returns Rendered Monaco editor with form integration
+ */
+export declare function CodeEditor({ value, onChange, language, id, name, error, className, readOnly, minHeight, }: CodeEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-editor.d.ts.map

package/dist/components/features/code-editor/code-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/features/code-editor/code-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,IAAoB,EACpB,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,SAAmB,GACpB,EAAE,eAAe,2CAiDjB"}

package/dist/components/features/code-editor/index.d.ts

@@ -0,0 +1,6 @@
+export { CodeEditor } from './code-editor';
+export { CodeEditorTabs } from './code-editor-tabs';
+export { formatJson, formatYaml, isValidJson, isValidYaml, jsonToYaml, yamlToJson } from './lib/editor';
+export { createCodeEditorSchema, jsonSchema, yamlSchema } from './types';
+export type { CodeEditorProps, CodeEditorTabsProps, EditorLanguage } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/code-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/code-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACvG,OAAO,EAAE,sBAAsB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACxE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/features/code-editor/lib/editor.d.ts

@@ -0,0 +1,7 @@
+export declare function isValidJson(jsonStr: string): boolean;
+export declare function isValidYaml(yamlStr: string): boolean;
+export declare function formatJson(jsonStr: string): string;
+export declare function formatYaml(yamlStr: string): string;
+export declare function jsonToYaml(jsonStr: string): string;
+export declare function yamlToJson(yamlStr: string): string;
+//# sourceMappingURL=editor.d.ts.map

package/dist/components/features/code-editor/lib/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/code-editor/lib/editor.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAQpD;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAQpD;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAQlD;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAYlD;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAYlD;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAQlD"}

package/dist/components/features/code-editor/types.d.ts

@@ -0,0 +1,98 @@
+import { z } from 'zod';
+export type EditorLanguage = 'json' | 'yaml' | 'typescript' | 'javascript' | 'python' | 'sql' | 'html' | 'css' | 'markdown';
+/**
+ * Props for the CodeEditor component.
+ *
+ * Base Monaco Editor wrapper with single language support, theme integration,
+ * and form compatibility.
+ *
+ * @example
+ * ```tsx
+ * import { CodeEditor } from '@datum-cloud/datum-ui/code-editor'
+ *
+ * <CodeEditor
+ *   value={code}
+ *   onChange={(newValue) => setCode(newValue)}
+ *   language="yaml"
+ *   minHeight="400px"
+ * />
+ * ```
+ */
+export interface CodeEditorProps {
+    /** Editor content */
+    value: string;
+    /** Content change callback */
+    onChange?: (value: string) => void;
+    /** Syntax highlighting language */
+    language: EditorLanguage;
+    /** Input element ID for form integration */
+    id?: string;
+    /** Input element name for form submission (default: 'code-editor') */
+    name?: string;
+    /** Error message to display below the editor */
+    error?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Read-only mode (default: false) */
+    readOnly?: boolean;
+    /** Minimum editor height (default: '200px') */
+    minHeight?: string;
+}
+/**
+ * Props for the CodeEditorTabs component.
+ *
+ * Tabbed interface with JSON ↔ YAML conversion, validation, and automatic
+ * bidirectional synchronization.
+ *
+ * @example
+ * ```tsx
+ * import { CodeEditorTabs } from '@datum-cloud/datum-ui/code-editor'
+ *
+ * <CodeEditorTabs
+ *   value={config}
+ *   format="yaml"
+ *   onChange={(value, format) => {
+ *     setConfig(value)
+ *     setFormat(format)
+ *   }}
+ *   onFormatChange={(format) => setFormat(format)}
+ *   name="configuration"
+ *   minHeight="500px"
+ * />
+ * ```
+ */
+export interface CodeEditorTabsProps {
+    /** Editor content */
+    value: string;
+    /** Content and format change callback */
+    onChange?: (value: string, format: EditorLanguage) => void;
+    /** Active format ('json' or 'yaml', default: 'yaml') */
+    format?: EditorLanguage;
+    /** Format change callback */
+    onFormatChange?: (format: EditorLanguage) => void;
+    /** Error message to display below the editor */
+    error?: string;
+    /** Input element ID for form integration */
+    id?: string;
+    /** Input element name for form submission (default: 'code-editor') */
+    name?: string;
+    /** Minimum editor height (default: '300px') */
+    minHeight?: string;
+}
+export declare const jsonSchema: z.ZodObject<{
+    jsonContent: z.ZodString;
+}, z.core.$strip>;
+export declare const yamlSchema: z.ZodObject<{
+    yamlContent: z.ZodString;
+}, z.core.$strip>;
+export declare function createCodeEditorSchema(name?: string): z.ZodObject<{
+    [x: string]: z.ZodString | z.ZodEnum<{
+        json: "json";
+        yaml: "yaml";
+    }>;
+    format: z.ZodEnum<{
+        json: "json";
+        yaml: "yaml";
+    }>;
+}, z.core.$strip>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/features/code-editor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/code-editor/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAGvB,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,CAAA;AAE3H;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,mCAAmC;IACnC,QAAQ,EAAE,cAAc,CAAA;IACxB,4CAA4C;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,mBAAmB;IAClC,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IAC1D,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,6BAA6B;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IACjD,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU;;iBAKrB,CAAA;AAEF,eAAO,MAAM,UAAU;;iBAKrB,CAAA;AAEF,wBAAgB,sBAAsB,CAAC,IAAI,SAAgB;;;;;;;;;kBAuB1D"}

package/dist/components/features/form/adapter-context.d.ts

@@ -0,0 +1,17 @@
+import type { FormAdapter } from './adapter-types';
+import * as React from 'react';
+/**
+ * Read the current form adapter from context.
+ * Throws with a helpful error if no adapter is found.
+ */
+export declare function useAdapter(): FormAdapter;
+export interface FormAdapterProviderProps {
+    adapter: FormAdapter;
+    children: React.ReactNode;
+}
+/**
+ * Internal provider used by adapter packages (ConformAdapter, RHFAdapter).
+ * Consumers don't use this directly.
+ */
+export declare function FormAdapterProvider({ adapter, children }: FormAdapterProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=adapter-context.d.ts.map

package/dist/components/features/form/adapter-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter-context.d.ts","sourceRoot":"","sources":["../../../../src/components/features/form/adapter-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;GAGG;AACH,wBAAgB,UAAU,IAAI,WAAW,CAgBxC;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,WAAW,CAAA;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAElF"}

package/dist/components/features/form/adapter-types.d.ts

@@ -0,0 +1,100 @@
+import type { z } from 'zod';
+export interface NormalizedFieldMeta {
+    /** Unique field ID for accessibility */
+    id: string;
+    /** Validation errors for this field */
+    errors: string[];
+    /** Whether the field is required (derived from schema) */
+    required: boolean;
+}
+export interface NormalizedFieldState extends NormalizedFieldMeta {
+    /** Field name (supports dot-notation paths) */
+    name: string;
+    /** Current field value (native JS type: string, boolean, number, etc.) */
+    value: unknown;
+    /** Update the field value */
+    change: (value: unknown) => void;
+    /** Mark field as blurred (triggers validation in onBlur mode) */
+    blur: () => void;
+    /** Focus the field */
+    focus: () => void;
+    /**
+     * Optional props object for uncontrolled inputs (Conform uses hidden inputs).
+     * When present, spread onto native `<input>` elements instead of using value/change.
+     * When absent, components fall back to controlled mode (value + change).
+     */
+    inputProps?: Record<string, unknown>;
+}
+export interface NormalizedFieldArray {
+    /** Array of field items with id, key, and name prefix */
+    items: Array<{
+        id: string;
+        key: string;
+        name: string;
+    }>;
+    /** Append a new item to the array */
+    append: (defaultValue?: Record<string, unknown>) => void;
+    /** Remove an item at the given index */
+    remove: (index: number) => void;
+    /** Move an item from one index to another */
+    move: (from: number, to: number) => void;
+}
+export interface NormalizedFormInstance {
+    /** Form ID */
+    id: string;
+    /** Field metadata keyed by field name */
+    fields: Record<string, NormalizedFieldMeta>;
+    /** Props to spread on the <form> element (id, onSubmit, noValidate, etc.) */
+    formProps: Record<string, unknown>;
+    /** Programmatically submit the form */
+    submit: () => void;
+    /** Reset the form to default values */
+    reset: () => void;
+    /** Get all current form values (for stepper prev() save-without-validate) */
+    getValues: () => Record<string, unknown>;
+    /** The raw underlying library instance (opaque - never read by shared components) */
+    raw: unknown;
+}
+export interface CreateFormProps {
+    /** Zod schema for validation */
+    schema: z.ZodType;
+    /** Default values for form fields */
+    defaultValues?: Record<string, unknown>;
+    /** Validation mode */
+    mode: 'onBlur' | 'onChange' | 'onSubmit';
+    /** Form ID */
+    id?: string;
+    /**
+     * Submit handler called with validated data.
+     * When absent, the form submits natively (server-side / framework integration).
+     */
+    onSubmit?: (data: Record<string, unknown>) => void | Promise<void>;
+    /** Form ref callback for programmatic submit via requestSubmit */
+    formRef?: React.RefObject<HTMLFormElement | null>;
+}
+export interface FormAdapter {
+    /** Display name for error messages (e.g., "Conform", "React Hook Form") */
+    name: string;
+    /** Create a new form instance. Called once per Form.Root mount. */
+    useCreateForm: (props: CreateFormProps) => NormalizedFormInstance;
+    /**
+     * Resolve a field by dot-notation path and return its normalized state.
+     * Must be called within the adapter's FormProvider.
+     */
+    useField: (name: string) => NormalizedFieldState;
+    /** Watch a single field's value reactively. */
+    useWatch: (name: string) => unknown;
+    /** Watch multiple fields' values reactively. */
+    useWatchAll: (names: string[]) => Record<string, unknown>;
+    /** Get field array helpers for a given array field name. */
+    useFieldArray: (name: string) => NormalizedFieldArray;
+    /**
+     * Provider component that wraps the form element.
+     * Provides library-specific context (e.g., ConformFormProvider, RHF FormProvider).
+     */
+    FormProvider: React.ComponentType<{
+        instance: NormalizedFormInstance;
+        children: React.ReactNode;
+    }>;
+}
+//# sourceMappingURL=adapter-types.d.ts.map

package/dist/components/features/form/adapter-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter-types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/form/adapter-types.ts"],"names":[],"mappings":"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"}

package/dist/components/features/form/adapters/conform/conform-adapter.d.ts

@@ -0,0 +1,9 @@
+import type { FormAdapter } from '../../adapter-types';
+/**
+ * Conform.js adapter implementing the `FormAdapter` interface.
+ *
+ * Maps Conform's `useForm` / `useInputControl` / `useFormMetadata` APIs
+ * to the normalized form adapter contract.
+ */
+export declare const conformAdapter: FormAdapter;
+//# sourceMappingURL=conform-adapter.d.ts.map

package/dist/components/features/form/adapters/conform/conform-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conform-adapter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/adapters/conform/conform-adapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EAKZ,MAAM,qBAAqB,CAAA;AAwT5B;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,WAQ5B,CAAA"}

package/dist/components/features/form/adapters/conform/conform-provider.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+export interface ConformAdapterProps {
+    children: ReactNode;
+}
+/**
+ * Wrap your application with this provider to use Conform.js as the form backend.
+ *
+ * @example
+ * ```tsx
+ * import { ConformAdapter } from '@datum-cloud/datum-ui/form/adapters/conform'
+ *
+ * function App() {
+ *   return (
+ *     <ConformAdapter>
+ *       <MyApp />
+ *     </ConformAdapter>
+ *   )
+ * }
+ * ```
+ */
+export declare function ConformAdapter({ children }: ConformAdapterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=conform-provider.d.ts.map

package/dist/components/features/form/adapters/conform/conform-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conform-provider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/adapters/conform/conform-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAM/D"}