@datum-cloud/datum-ui 0.3.2-dev.5bd364b → 0.5.0

package/dist/{link-button-TIF2Zdrk.mjs → button-fO8nazJE.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { n as buttonVariants } from "./button-C1wRfGtT.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { n as buttonVariants } from "./button-BllvE9Lm.mjs";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/base/button/link-button.tsx
 function LinkButton({ ref, className, type, theme, size, block, icon, iconPosition = "left", children, as: Component = "a", href, ...props }) {
 	const isIconOnly = icon && !children;
@@ -31,6 +30,5 @@ function LinkButton({ ref, className, type, theme, size, block, icon, iconPositi
 	});
 }
 LinkButton.displayName = "LinkButton";
-
 //#endregion
-export { LinkButton as t };
+export { LinkButton as t };

package/dist/button-group/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../separator-T2ppyD-8.mjs";
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-C1IB2K5s.mjs";
-
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-CYPka2zz.mjs";
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/{button-group-C1IB2K5s.mjs → button-group-CYPka2zz.mjs}

@@ -1,9 +1,8 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
-import { t as Separator } from "./separator-T2ppyD-8.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
+import { t as Separator } from "./separator-DXVTncCK.mjs";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-
 //#region ../shadcn/ui/button-group.tsx
 const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {
@@ -35,6 +34,5 @@ function ButtonGroupSeparator({ className, orientation = "vertical", ...props })
 		...props
 	});
 }
-
 //#endregion
-export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
+export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };

package/dist/calendar/index.mjs

@@ -1,5 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import "../button-AzpnV-WB.mjs";
-import { n as CalendarDayButton, t as Calendar } from "../calendar-DlIHeWb0.mjs";
-
-export { Calendar, CalendarDayButton };
+import { n as CalendarDayButton, t as Calendar } from "../calendar-DEkCw7I1.mjs";
+export { Calendar, CalendarDayButton };

package/dist/{calendar-DlIHeWb0.mjs → calendar-DEkCw7I1.mjs}

@@ -1,11 +1,10 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { n as buttonVariants, t as Button } from "./button-AzpnV-WB.mjs";
-import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { n as buttonVariants, t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-
 //#region src/components/base/calendar/calendar.tsx
 function CalendarRoot({ className, rootRef, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -108,6 +107,5 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
 		...props
 	});
 }
-
 //#endregion
-export { CalendarDayButton as n, Calendar$1 as t };
+export { CalendarDayButton as n, Calendar$1 as t };

package/dist/{calendar-date-picker-Bw6Mrr-P.mjs → calendar-date-picker-DWK94_DC.mjs}

@@ -1,15 +1,14 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Button } from "./button-AzpnV-WB.mjs";
-import { t as Calendar$1 } from "./calendar-DlIHeWb0.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-Ds9624qY.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CwVIFWFO.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Calendar$1 } from "./calendar-DEkCw7I1.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 { cva } from "class-variance-authority";
 import { CalendarIcon, X } from "lucide-react";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { endOfDay, endOfMonth, endOfWeek, endOfYear, startOfDay, startOfMonth, startOfWeek, startOfYear, subDays } from "date-fns";
 import { formatInTimeZone, toDate } from "date-fns-tz";
-
 //#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
 const months = [
 	"January",
@@ -661,6 +660,5 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
 	})] });
 }
 CalendarDatePicker.displayName = "CalendarDatePicker";
-
 //#endregion
-export { CalendarDatePicker as t };
+export { CalendarDatePicker as t };

package/dist/card/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-3Kd0VdNf.mjs";
-
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-DKG1Cwlj.mjs";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/{card-3Kd0VdNf.mjs → card-DKG1Cwlj.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-Bfgoe-Gm.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-Bfgoe-Gm.mjs";
-import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-BZqUKpkh.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-BZqUKpkh.mjs → chart-CUa21ynK.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./utils-Bfgoe-Gm.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-Bfgoe-Gm.mjs";
-import { t as Checkbox } from "../checkbox-LG1OKTpG.mjs";
-
-export { Checkbox };
+import { t as Checkbox } from "../checkbox-I5BvrMPe.mjs";
+export { Checkbox };

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

@@ -1,10 +1,9 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as cn$1 } from "./utils-Bfgoe-Gm.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-CMNMoXM_.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-DCneNxQj.mjs → col-q-J99UHe.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-Bt9UYfv3.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-Bt9UYfv3.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-Bfgoe-Gm.mjs";
-import "../dialog-DXBaT9gA.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-s0Yv3abE.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-s0Yv3abE.mjs → command-DqHWukGK.mjs}

@@ -1,10 +1,9 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
-import { i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-DXBaT9gA.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/base/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../_shadcn/ui/avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/base/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}

package/dist/components/base/index.d.ts

@@ -4,6 +4,7 @@
  * Thin wrappers around shadcn/Radix primitives with Datum styling.
  */
 export * from './alert';
+export * from './avatar';
 export * from './badge';
 export * from './breadcrumb';
 export * from './button';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AAEvB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AAEvB,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAA;AAEvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AAEvB,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}

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