@datum-cloud/datum-ui 0.4.0 → 0.6.0-alpha.3e04d8c

package/dist/components/features/autosearch/autosearch.types.d.ts

@@ -0,0 +1,51 @@
+import type * as React from 'react';
+import type { AutocompleteOption } from '../autocomplete/autocomplete.types';
+/**
+ * Default function to extract searchable text from an option.
+ * Combines label, description, and value for comprehensive searching.
+ */
+export declare function defaultAutosearchValue(option: AutocompleteOption): string;
+export interface AutosearchProps {
+    /** Options to display in search results */
+    options: AutocompleteOption[];
+    /** Currently selected option value */
+    value?: string;
+    /** Called when selection changes */
+    onValueChange?: (value: string) => void;
+    /** Callback when search query changes (debounced) */
+    onSearch?: (query: string) => void;
+    /** Debounce delay in ms (default: 300) */
+    searchDebounceMs?: number;
+    /** Extract searchable text from option for Command filtering */
+    getValue?: (option: AutocompleteOption) => string;
+    /** Placeholder text for search input */
+    placeholder?: string;
+    /** Message shown when no results found */
+    emptyMessage?: string;
+    /** Content shown when no options match after search */
+    emptyContent?: React.ReactNode;
+    /** External loading state */
+    loading?: boolean;
+    /** Popover modal mode */
+    modal?: boolean;
+    /** Disable the component */
+    disabled?: boolean;
+    /** HTML name attribute for hidden input */
+    name?: string;
+    /** HTML id attribute */
+    id?: string;
+    /** Additional CSS classes for the root wrapper */
+    className?: string;
+    /** Additional CSS classes for the input */
+    inputClassName?: string;
+    /** Additional CSS classes for the popover content */
+    contentClassName?: string;
+    /** Additional CSS classes for the selected value card */
+    selectedClassName?: string;
+}
+/**
+ * Props for Form.Autosearch - same as the primitive but without
+ * value/onValueChange/name/id which come from FieldContext.
+ */
+export type FormAutosearchProps = Omit<AutosearchProps, 'value' | 'onValueChange' | 'name' | 'id'>;
+//# sourceMappingURL=autosearch.types.d.ts.map

package/dist/components/features/autosearch/autosearch.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autosearch.types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/autosearch/autosearch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAM5E;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,kBAAkB,UAEhE;AAMD,MAAM,WAAW,eAAe;IAE9B,2CAA2C;IAC3C,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAG7B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAGvC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,MAAM,CAAA;IAGjD,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG9B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IAGX,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAMD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,eAAe,EACf,OAAO,GAAG,eAAe,GAAG,MAAM,GAAG,IAAI,CAC1C,CAAA"}

package/dist/components/features/autosearch/index.d.ts

@@ -0,0 +1,3 @@
+export * from './autosearch';
+export * from './autosearch.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/autosearch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/autosearch/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA"}

package/dist/components/features/calendar-date-picker/calendar-date-picker.d.ts

@@ -32,8 +32,9 @@ interface CalendarDatePickerProps extends React.HTMLAttributes<HTMLButtonElement
     maxRange?: number;
     popoverClassName?: string;
     disabled?: boolean;
+    modal?: boolean;
 }
-export declare function CalendarDatePicker({ ref, id, className, triggerClassName, date, closeOnSelect, numberOfMonths, yearsRange, onDateSelect, variant, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture, disablePast, maxRange, popoverClassName, disabled, ...props }: CalendarDatePickerProps & {
+export declare function CalendarDatePicker({ ref, id, className, triggerClassName, date, closeOnSelect, numberOfMonths, yearsRange, onDateSelect, variant, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture, disablePast, maxRange, popoverClassName, disabled, modal, ...props }: CalendarDatePickerProps & {
     ref?: React.RefObject<HTMLButtonElement | null>;
 }): import("react/jsx-runtime").JSX.Element;
 export declare namespace CalendarDatePicker {

package/dist/components/features/calendar-date-picker/calendar-date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/features/calendar-date-picker/calendar-date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAiBjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,QAAA,MAAM,mBAAmB;;8EAiBxB,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;CACV;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACzF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,GAAG,SAAS,KAAK,IAAI,CAAA;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,eAAe,EAAE,CAAA;IAEjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,EAA2B,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAqB,EAAE,cAAkB,EAAE,UAAe,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,aAAqB,EAAE,WAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CAAE,2CAgyBra;yBAhyBe,kBAAkB"}
+{"version":3,"file":"calendar-date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/features/calendar-date-picker/calendar-date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAiBjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,QAAA,MAAM,mBAAmB;;8EAiBxB,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;CACV;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACzF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,GAAG,SAAS,KAAK,IAAI,CAAA;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,eAAe,EAAE,CAAA;IAEjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,EAA2B,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAqB,EAAE,cAAkB,EAAE,UAAe,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,aAAqB,EAAE,WAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAa,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CAAE,2CAgyBpb;yBAhyBe,kBAAkB"}

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/combobox/combobox.d.ts

@@ -0,0 +1,27 @@
+import type { ComboboxProps } from './types';
+/**
+ * Combobox - Single-select dropdown with search
+ *
+ * A simpler alternative to Autocomplete for basic select scenarios.
+ * Supports grouped options and search filtering.
+ *
+ * @example
+ * ```tsx
+ * const options = [
+ *   { value: '1', label: 'Option 1' },
+ *   { value: '2', label: 'Option 2' },
+ * ]
+ *
+ * <Combobox
+ *   options={options}
+ *   value={value}
+ *   onChange={setValue}
+ *   placeholder="Select an option"
+ * />
+ * ```
+ */
+export declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, triggerClassName, contentClassName, searchable, showDropdownArrow, clearable, id, 'data-testid': testId, modal, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Combobox {
+    var displayName: string;
+}
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/features/combobox/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/features/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAc3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAgC,EAChC,iBAA+B,EAC/B,YAAkC,EAClC,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,UAAiB,EACjB,iBAAwB,EACxB,SAAiB,EACjB,EAAE,EACF,aAAa,EAAE,MAAM,EACrB,KAAY,GACb,EAAE,aAAa,2CAgIf;yBAjJe,QAAQ"}

package/dist/components/features/combobox/index.d.ts

@@ -0,0 +1,3 @@
+export { Combobox } from './combobox';
+export type { ComboboxGroup, ComboboxOption, ComboboxProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/features/combobox/types.d.ts

@@ -0,0 +1,84 @@
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxGroup {
+    label: string;
+    options: ComboboxOption[];
+}
+export interface ComboboxProps {
+    /**
+     * Available options (flat or grouped)
+     */
+    'options': ComboboxOption[] | ComboboxGroup[];
+    /**
+     * Selected value
+     */
+    'value'?: string;
+    /**
+     * Called when selection changes
+     */
+    'onChange'?: (value: string | undefined) => void;
+    /**
+     * Placeholder for trigger button
+     * @default "Select option..."
+     */
+    'placeholder'?: string;
+    /**
+     * Placeholder for search input
+     * @default "Search..."
+     */
+    'searchPlaceholder'?: string;
+    /**
+     * Message shown when no options match
+     * @default "No options found."
+     */
+    'emptyMessage'?: string;
+    /**
+     * Disable the combobox
+     */
+    'disabled'?: boolean;
+    /**
+     * Additional CSS classes for container
+     */
+    'className'?: string;
+    /**
+     * Additional CSS classes for trigger button
+     */
+    'triggerClassName'?: string;
+    /**
+     * Additional CSS classes for popover content
+     */
+    'contentClassName'?: string;
+    /**
+     * Enable search functionality
+     * @default true
+     */
+    'searchable'?: boolean;
+    /**
+     * Show dropdown arrow icon
+     * @default true
+     */
+    'showDropdownArrow'?: boolean;
+    /**
+     * Allow clearing the selection
+     * @default false
+     */
+    'clearable'?: boolean;
+    /**
+     * ID for the combobox
+     */
+    'id'?: string;
+    /**
+     * Test ID
+     */
+    'data-testid'?: string;
+    /**
+     * Whether the popover is modal (prevents interaction with elements outside)
+     * Required when using inside a Dialog/Modal component
+     * @default true
+     */
+    'modal'?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/features/combobox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/combobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,cAAc,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,SAAS,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,CAAA;IAE7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAEhD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/dist/components/features/date-time-picker/date-time-picker.d.ts

@@ -0,0 +1,9 @@
+import type { DateTimePickerProps } from './types';
+import * as React from 'react';
+export declare function DateTimePicker({ ref, value, onChange, minDate, maxDate, disabledDates, timezone, showTimezoneIndicator, placeholder, disabled, className, modal }: DateTimePickerProps & {
+    ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace DateTimePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=date-time-picker.d.ts.map

package/dist/components/features/date-time-picker/date-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/features/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,SAAS,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,QAA2B,EAAE,qBAA6B,EAAE,WAAoC,EAAE,QAAgB,EAAE,SAAS,EAAE,KAAa,EAAE,EAAE,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAAE,2CAkH7S;yBAlHe,cAAc"}

package/dist/components/features/date-time-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { DateTimePicker } from './date-time-picker';
+export type { DateTimePickerProps, DateTimeState } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/date-time-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/date-time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/features/date-time-picker/types.d.ts

@@ -0,0 +1,59 @@
+export interface DateTimePickerProps {
+    /**
+     * Current value (UTC ISO string)
+     * @example "2024-01-15T14:30:00Z"
+     */
+    value?: string;
+    /**
+     * Called when value changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Minimum selectable date
+     */
+    minDate?: Date;
+    /**
+     * Maximum selectable date
+     */
+    maxDate?: Date;
+    /**
+     * Dates that should be disabled
+     */
+    disabledDates?: Date[] | ((date: Date) => boolean);
+    /**
+     * Timezone for display (defaults to browser timezone)
+     * @example "America/New_York"
+     */
+    timezone?: string;
+    /**
+     * Show timezone indicator below input
+     * @default false
+     */
+    showTimezoneIndicator?: boolean;
+    /**
+     * Input placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Disable the input
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Whether the popover is modal (prevents interaction with elements outside)
+     * Required when using inside a Dialog/Modal component
+     * @default true
+     */
+    modal?: boolean;
+}
+/**
+ * Internal state for date + time selection
+ */
+export interface DateTimeState {
+    date: Date | undefined;
+    time: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/features/date-time-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/date-time-picker/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAA;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb"}

package/dist/components/features/date-time-picker/utils/format.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Format date for display
+ */
+export declare function formatDate(date: Date | undefined): string;
+/**
+ * Format time for display
+ */
+export declare function formatTime(time: string): string;
+/**
+ * Format full date-time for display
+ */
+export declare function formatDateTime(date: Date | undefined, time: string): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/components/features/date-time-picker/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/date-time-picker/utils/format.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,CAIzD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAI3E"}

package/dist/components/features/date-time-picker/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './format';
+export * from './timezone';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/date-time-picker/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/date-time-picker/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}

package/dist/components/features/date-time-picker/utils/timezone.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Get the browser's timezone
+ */
+export declare function getBrowserTimezone(): string;
+/**
+ * Convert local date + time to UTC ISO string
+ * @param date - Date object (date part)
+ * @param time - Time string in HH:mm format
+ * @param timezone - IANA timezone (e.g., "America/New_York")
+ * @returns UTC ISO string
+ */
+export declare function localDateTimeToUtc(date: Date, time: string, timezone: string): string;
+/**
+ * Convert UTC ISO string to local date + time
+ * @param utcString - UTC ISO string
+ * @param timezone - IANA timezone
+ * @returns Object with date and time (HH:mm)
+ */
+export declare function utcToLocalDateTime(utcString: string, timezone: string): {
+    date: Date;
+    time: string;
+};
+//# sourceMappingURL=timezone.d.ts.map

package/dist/components/features/date-time-picker/utils/timezone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/date-time-picker/utils/timezone.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,MAAM,CAwBR;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GACf;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CA4B9B"}

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"}