@datum-cloud/datum-ui 0.4.0 → 0.5.0

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

@@ -7,6 +7,7 @@ export * from './app-navigation';
 export * from './autocomplete';
 export * from './avatar-stack';
 export * from './calendar-date-picker';
+export * from './code-editor';
 export * from './dropdown';
 export * from './dropzone';
 export * from './empty-content';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/features/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/features/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}

package/dist/components/toast.d.ts

@@ -0,0 +1,2 @@
+export { toast } from './features/toast';
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/data-table/index.mjs

@@ -1,27 +1,21 @@
-import { t as cn } from "../cn-DWCc1QRE.mjs";
-import "../utils-DJboNGQM.mjs";
-import { t as Badge } from "../badge-BgFj4Nsc.mjs";
-import { t as Button } from "../button-0N61fmAR.mjs";
-import "../button-D6AORsOz.mjs";
-import { t as Checkbox } from "../checkbox-CQrjygFt.mjs";
-import "../dialog-DdrHeboM.mjs";
-import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-DVroicgn.mjs";
-import "../input-DEMoi_8F.mjs";
-import { t as Input } from "../input-CYFN0Ap2.mjs";
-import { t as Label } from "../label-mOg07fuQ.mjs";
-import { i as DropdownMenuItem, l as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu } from "../dropdown-menu-CdShrDz_.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "../popover-ugw5MpuT.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-BZOKWjlH.mjs";
-import "../skeleton-2vQ0vFQk.mjs";
-import { t as Skeleton } from "../skeleton-BgOwIgE0.mjs";
-import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "../table-Cl3UzIhI.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-B9mxJM7f.mjs";
+import { t as cn } from "../cn-D2KYQ917.mjs";
+import { t as Badge } from "../badge-DJR33ftJ.mjs";
+import { t as Button } from "../button-BllvE9Lm.mjs";
+import { t as Checkbox } from "../checkbox-I5BvrMPe.mjs";
+import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-DqHWukGK.mjs";
+import { t as Input } from "../input-FKGqZypx.mjs";
+import { t as Label } from "../label-cnAhY-ej.mjs";
+import { i as DropdownMenuItem, l as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu } from "../dropdown-menu-lALvDnab.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "../popover-FJAcbYoH.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-CiLR_DiQ.mjs";
+import { t as Skeleton } from "../skeleton-D1MUhAVo.mjs";
+import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "../table-Cdsh-39-.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-DWK94_DC.mjs";
 import { ArrowDown, ArrowUp, ArrowUpDown, Check, ChevronDown, ChevronLeft, ChevronRight, MoreHorizontal, X } from "lucide-react";
 import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { parseAsInteger, parseAsString, useQueryStates } from "nuqs";
 import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
-
 //#region src/components/features/data-table/constants.ts
 const DEFAULT_PAGE_SIZE = 20;
 const DEFAULT_PAGE_SIZES = [
@@ -32,7 +26,6 @@ const DEFAULT_PAGE_SIZES = [
 ];
 const DEFAULT_DEBOUNCE_MS = 300;
 const DEFAULT_LOADING_ROWS = 5;
-
 //#endregion
 //#region src/components/features/data-table/adapters/nuqs-adapter.ts
 /**
@@ -64,7 +57,7 @@ const coreSearchParams = {
 	sort: parseAsString.withDefault(""),
 	q: parseAsString.withDefault(""),
 	page: parseAsInteger.withDefault(0),
-	size: parseAsInteger.withDefault(DEFAULT_PAGE_SIZE)
+	size: parseAsInteger.withDefault(20)
 };
 /**
 * Hook that creates a StateAdapter backed by nuqs URL query state.
@@ -106,7 +99,7 @@ function useNuqsAdapter(options = {}) {
 				sort: serializeSorting(state.sorting),
 				q: state.search,
 				page: state.pageIndex ?? 0,
-				size: state.pageSize ?? DEFAULT_PAGE_SIZE
+				size: state.pageSize ?? 20
 			});
 			if (hasFilters && filterParsers) {
 				const update = {};
@@ -123,7 +116,6 @@ function useNuqsAdapter(options = {}) {
 		filterParsers
 	]);
 }
-
 //#endregion
 //#region src/components/features/data-table/columns/selection-column.tsx
 const SELECTION_COLUMN_ID = "select";
@@ -155,7 +147,6 @@ function withSelectionColumn(columns, options = {}) {
 	if (hasSelectionColumn(columns)) return columns;
 	return [createSelectionColumn(options), ...columns];
 }
-
 //#endregion
 //#region src/components/features/data-table/core/filter-engine.ts
 /**
@@ -228,7 +219,6 @@ function applyFilters(data, filters, search, registeredFilters, customFilterFns,
 		return true;
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/core/store.ts
 function createDataTableStore(options) {
@@ -249,7 +239,7 @@ function createDataTableStore(options) {
 		search: "",
 		rowSelection: {},
 		pageIndex: 0,
-		pageSize: options.pageSize ?? DEFAULT_PAGE_SIZE,
+		pageSize: options.pageSize ?? 20,
 		columnCount: options.columnCount ?? 0,
 		mode: options.mode,
 		isLoading: options.isLoading ?? false,
@@ -451,7 +441,6 @@ function createDataTableStore(options) {
 		}
 	};
 }
-
 //#endregion
 //#region src/components/features/data-table/core/data-table-context.tsx
 const DataTableStoreContext = createContext(null);
@@ -472,7 +461,7 @@ const DataTableRenderKeyContext = createContext(0);
 function useRenderKey() {
 	return useContext(DataTableRenderKeyContext);
 }
-const DataTableContext = createContext(null);
+createContext(null);
 function useDataTableStore() {
 	const store = use(DataTableStoreContext);
 	if (!store) throw new Error("useDataTableStore must be used within a <DataTable.Client> or <DataTable.Server> provider");
@@ -485,7 +474,6 @@ function useDataTableStore() {
 function useTableInstanceOrNull() {
 	return use(TableInstanceContext);
 }
-
 //#endregion
 //#region src/components/features/data-table/hooks/use-selectors.ts
 function shallowEqual(a, b) {
@@ -611,7 +599,6 @@ function useDataTableInlineContents() {
 		unregisterInlineContent: store.unregisterInlineContent
 	}), [store]));
 }
-
 //#endregion
 //#region src/components/features/data-table/components/active-filters.tsx
 function formatValue(column, value, formatters) {
@@ -758,7 +745,6 @@ function ActiveFiltersInner({ label = "Selected Filters", excludeFilters, filter
 	});
 }
 const DataTableActiveFilters = memo(ActiveFiltersInner);
-
 //#endregion
 //#region src/components/features/data-table/components/bulk-actions.tsx
 function DataTableBulkActions({ children, className }) {
@@ -770,7 +756,6 @@ function DataTableBulkActions({ children, className }) {
 		children: children(selectedRows)
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/components/column-header.tsx
 function DataTableColumnHeader({ column, title, className }) {
@@ -792,7 +777,6 @@ function DataTableColumnHeader({ column, title, className }) {
 		})
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/components/content.tsx
 function resolveClassName(value, item) {
@@ -820,7 +804,7 @@ function DataTableContent({ emptyMessage, className, tableClassName, headerClass
 	const { inlineContents } = useDataTableInlineContents();
 	const openInlineContents = useMemo(() => inlineContents.filter((e) => e.open), [inlineContents]);
 	const colSpan = totalColumns;
-	const skeletonColumns = totalColumns || columnCount || DEFAULT_LOADING_ROWS;
+	const skeletonColumns = totalColumns || columnCount || 5;
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("datum-ui-data-table", className),
 		"data-slot": "dt",
@@ -876,7 +860,6 @@ function DataTableContent({ emptyMessage, className, tableClassName, headerClass
 		})
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/components/inline-content.tsx
 function DataTableInlineContent({ position, rowId, open, onClose, className, children }) {
@@ -927,10 +910,9 @@ function DataTableInlineContent({ position, rowId, open, onClose, className, chi
 	]);
 	return null;
 }
-
 //#endregion
 //#region src/components/features/data-table/components/loading.tsx
-function DataTableLoading({ rows = DEFAULT_LOADING_ROWS, columns = 4, className }) {
+function DataTableLoading({ rows = 5, columns = 4, className }) {
 	return /* @__PURE__ */ jsx("div", {
 		className,
 		"data-slot": "dt-loading",
@@ -938,7 +920,6 @@ function DataTableLoading({ rows = DEFAULT_LOADING_ROWS, columns = 4, className
 		children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columns }, (_, i) => /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) }, i)) }) }), /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columns }, (_, colIndex) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, colIndex)) }, rowIndex)) })] })
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/components/pagination.tsx
 /**
@@ -1062,7 +1043,6 @@ function DataTablePagination({ pageSizes = DEFAULT_PAGE_SIZES, className }) {
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/components/row-actions.tsx
 function DataTableRowActions({ row, actions, isLoading = false, className }) {
@@ -1097,10 +1077,9 @@ function DataTableRowActions({ row, actions, isLoading = false, className }) {
 		})
 	})] });
 }
-
 //#endregion
 //#region src/components/features/data-table/components/search.tsx
-function DataTableSearch({ placeholder = "Search...", debounceMs = DEFAULT_DEBOUNCE_MS, className, disabled }) {
+function DataTableSearch({ placeholder = "Search...", debounceMs = 300, className, disabled }) {
 	const { search, setSearch } = useDataTableSearch();
 	const [inputValue, setInputValue] = useState(search);
 	useEffect(() => {
@@ -1127,7 +1106,6 @@ function DataTableSearch({ placeholder = "Search...", debounceMs = DEFAULT_DEBOU
 		"data-slot": "dt-search"
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/hooks/use-data-table-client.ts
 /**
@@ -1208,7 +1186,6 @@ function useClientTable(store, options) {
 	]);
 	return { table };
 }
-
 //#endregion
 //#region src/components/features/data-table/core/client-provider.tsx
 /**
@@ -1282,7 +1259,6 @@ function ClientProvider(props) {
 		})
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/hooks/use-data-table-server.ts
 /**
@@ -1417,7 +1393,6 @@ function useServerTable(store, options) {
 	]);
 	return { table };
 }
-
 //#endregion
 //#region src/components/features/data-table/core/server-provider.tsx
 /**
@@ -1475,7 +1450,6 @@ function ServerProvider(props) {
 		})
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/filters/checkbox-filter.tsx
 const MAX_VISIBLE_BADGES = 2;
@@ -1587,7 +1561,6 @@ function CheckboxFilter({ column, label, options, className, checkboxPopoverClas
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/filters/date-picker-filter.tsx
 function DatePickerFilter({ column, label, className, datePickerPopoverClassName, disableFuture, disablePast, minDate, maxDate, disabled }) {
@@ -1630,7 +1603,6 @@ function DatePickerFilter({ column, label, className, datePickerPopoverClassName
 		})
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/filters/select-filter.tsx
 function SelectFilter({ column, label, options, placeholder, searchable = true, className, selectPopoverClassName, disabled }) {
@@ -1698,7 +1670,6 @@ function SelectFilter({ column, label, options, placeholder, searchable = true,
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/features/data-table/data-table.tsx
 const DataTable = {
@@ -1717,6 +1688,5 @@ const DataTable = {
 	CheckboxFilter,
 	DatePickerFilter
 };
-
 //#endregion
-export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, createDataTableStore, createSelectionColumn, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };
+export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, createDataTableStore, createSelectionColumn, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };

package/dist/date-picker/index.mjs

@@ -1,10 +1,3 @@
-import "../utils-DJboNGQM.mjs";
-import "../separator-BzyALya2.mjs";
-import "../button-D6AORsOz.mjs";
-import "../input-DEMoi_8F.mjs";
-import "../popover-ugw5MpuT.mjs";
-import "../select-BZOKWjlH.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-B9mxJM7f.mjs";
-import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as formatTimeRangeDisplay, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatSingleTimeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as TimeRangePicker, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatDateForInput, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-naIpF-NI.mjs";
-
-export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, CalendarDatePicker, DEFAULT_PRESETS, QuickRangesPanel, TimeRangePicker, TimezoneSelector, createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultPreset, getDefaultTimezoneOptions, getPresetByKey, getPresetByShortcut, getPresetRange, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString };
+import { t as CalendarDatePicker } from "../calendar-date-picker-DWK94_DC.mjs";
+import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as formatTimeRangeDisplay, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatSingleTimeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as TimeRangePicker, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatDateForInput, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-BnbRFYQI.mjs";
+export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, CalendarDatePicker, DEFAULT_PRESETS, QuickRangesPanel, TimeRangePicker, TimezoneSelector, createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultPreset, getDefaultTimezoneOptions, getPresetByKey, getPresetByShortcut, getPresetRange, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString };

package/dist/dialog/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-DJboNGQM.mjs";
-import "../dialog-DdrHeboM.mjs";
-import { t as Dialog } from "../dialog-B0B3Kbfk.mjs";
-
-export { Dialog };
+import { t as Dialog } from "../dialog-Bm2H9lrx.mjs";
+export { Dialog };

package/dist/{dialog-B0B3Kbfk.mjs → dialog-Bm2H9lrx.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { a as DialogFooter, c as DialogPortal, i as DialogDescription, l as DialogTitle, n as DialogClose, s as DialogOverlay$1, t as Dialog$1, u as DialogTrigger } from "./dialog-DdrHeboM.mjs";
-import { t as CloseIcon } from "./close.icon-D2r5q3bj.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { a as DialogFooter, c as DialogPortal, i as DialogDescription, l as DialogTitle, n as DialogClose, s as DialogOverlay$1, t as Dialog$1, u as DialogTrigger } from "./dialog-DASRaFxD.mjs";
+import { t as CloseIcon } from "./close.icon-HCfS4Y-N.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-
 //#region src/components/base/dialog/dialog.tsx
 function Dialog({ children, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1, {
@@ -68,6 +67,5 @@ Dialog.Header = Header;
 Dialog.Body = Body;
 Dialog.Footer = Footer;
 Dialog.Overlay = DialogOverlay;
-
 //#endregion
-export { Dialog as t };
+export { Dialog as t };

package/dist/{dialog-DdrHeboM.mjs → dialog-DASRaFxD.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-DJboNGQM.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import { XIcon } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-
 //#region ../shadcn/ui/dialog.tsx
 const Dialog = ({ ...props }) => {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
@@ -81,6 +80,5 @@ const DialogDescription = ({ className, ...props }) => {
 		...props
 	});
 };
-
 //#endregion
-export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog as t, DialogTrigger as u };
+export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog as t, DialogTrigger as u };