@timeax/form-palette 0.1.35 → 0.2.0

package/dist/{core-B34a6gqM.d.ts → core-Cg8uXa6v.d.ts}

@@ -2729,7 +2729,7 @@ interface ShadcnToggleVariantProps extends Pick<VariantBaseProps<string | string
      */
     options: ToggleOptionInput[];
     multiple?: boolean;
-    variant?: "default" | "outline";
+    design?: "default" | "outline";
     layout?: "horizontal" | "vertical" | "grid";
     gridCols?: number;
     fillWidth?: boolean;
@@ -2816,6 +2816,8 @@ interface ShadcnToggleVariantProps extends Pick<VariantBaseProps<string | string
 type ToastToolbarItem = "heading" | "bold" | "italic" | "strike" | "hr" | "quote" | "ul" | "ol" | "task" | "indent" | "outdent" | "table" | "image" | "link" | "code" | "codeblock";
 type EditorFormat = "html" | "markdown";
 type EditorToolbar = "default" | "none" | ToastToolbarItem[][];
+type EditorTheme = "auto" | "light" | "dark";
+type EditorThemeTarget = "nearest" | "document";
 interface ShadcnEditorVariantProps extends Pick<VariantBaseProps<string | undefined>, "value" | "onValue" | "error" | "disabled" | "readOnly" | "required" | "size" | "density"> {
     placeholder?: string;
     height?: string;
@@ -2833,6 +2835,14 @@ interface ShadcnEditorVariantProps extends Pick<VariantBaseProps<string | undefi
     toolbar?: EditorToolbar;
     /** If true, paste is intercepted and inserted as plain text only */
     pastePlainText?: boolean;
+    /** Theme mode for Toast UI */
+    theme?: EditorTheme;
+    /**
+     * In auto mode:
+     * - "nearest": resolve from nearest themed ancestor (default)
+     * - "document": resolve from document root only
+     */
+    themeTarget?: EditorThemeTarget;
     className?: string;
 }
 

package/dist/{core-Bb5eVTa4.d.mts → core-DQr56obQ.d.mts}

@@ -2729,7 +2729,7 @@ interface ShadcnToggleVariantProps extends Pick<VariantBaseProps<string | string
      */
     options: ToggleOptionInput[];
     multiple?: boolean;
-    variant?: "default" | "outline";
+    design?: "default" | "outline";
     layout?: "horizontal" | "vertical" | "grid";
     gridCols?: number;
     fillWidth?: boolean;
@@ -2816,6 +2816,8 @@ interface ShadcnToggleVariantProps extends Pick<VariantBaseProps<string | string
 type ToastToolbarItem = "heading" | "bold" | "italic" | "strike" | "hr" | "quote" | "ul" | "ol" | "task" | "indent" | "outdent" | "table" | "image" | "link" | "code" | "codeblock";
 type EditorFormat = "html" | "markdown";
 type EditorToolbar = "default" | "none" | ToastToolbarItem[][];
+type EditorTheme = "auto" | "light" | "dark";
+type EditorThemeTarget = "nearest" | "document";
 interface ShadcnEditorVariantProps extends Pick<VariantBaseProps<string | undefined>, "value" | "onValue" | "error" | "disabled" | "readOnly" | "required" | "size" | "density"> {
     placeholder?: string;
     height?: string;
@@ -2833,6 +2835,14 @@ interface ShadcnEditorVariantProps extends Pick<VariantBaseProps<string | undefi
     toolbar?: EditorToolbar;
     /** If true, paste is intercepted and inserted as plain text only */
     pastePlainText?: boolean;
+    /** Theme mode for Toast UI */
+    theme?: EditorTheme;
+    /**
+     * In auto mode:
+     * - "nearest": resolve from nearest themed ancestor (default)
+     * - "document": resolve from document root only
+     */
+    themeTarget?: EditorThemeTarget;
     className?: string;
 }
 

package/dist/extra.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { Q as ListerSearchPayload, U as ListerId, W as ListerDefinition, X as ListerOption, Y as PresetMap, Z as ListerApi, _ as ListerStoreState, $ as ListerSessionId, a0 as ListerSearchTarget, a1 as ListerSearchMode, a2 as ListerFilterCtx, a3 as ListerDetails, a4 as ListerProviderHost, a5 as ListerRuntimeState, a6 as ShadcnJsonEditorProps, a7 as JsonEditorIndexHandle } from './core-Bb5eVTa4.mjs';
-export { ad as ListerChangeEvent, am as ListerFilterApply, al as ListerFilterApplyMode, an as ListerFilterBindKey, ap as ListerFilterGroupOption, ao as ListerFilterInput, ar as ListerFilterInputOption, as as ListerFilterOption, at as ListerFilterSpec, aq as ListerFilterValueOption, af as ListerLogCode, ag as ListerLogEntry, ae as ListerLogLevel, ai as ListerMapping, a8 as ListerMode, ax as ListerOpenOptions, a9 as ListerOpenReason, ay as ListerOpenResult, aw as ListerOptionsForMode, ah as ListerPermissionCtx, av as ListerRawForMode, ak as ListerSearchSpec, aD as ListerSessionState, aj as ListerSource, au as ListerValueForMode, ac as OpenAnchor, aB as PresetFilters, aC as PresetMeta, az as PresetRaw, aA as PresetValue, ab as Resolver, aa as Selector } from './core-Bb5eVTa4.mjs';
+import { Q as ListerSearchPayload, U as ListerId, W as ListerDefinition, X as ListerOption, Y as PresetMap, Z as ListerApi, _ as ListerStoreState, $ as ListerSessionId, a0 as ListerSearchTarget, a1 as ListerSearchMode, a2 as ListerFilterCtx, a3 as ListerDetails, a4 as ListerProviderHost, a5 as ListerRuntimeState, a6 as ShadcnJsonEditorProps, a7 as JsonEditorIndexHandle } from './core-DQr56obQ.mjs';
+export { ad as ListerChangeEvent, am as ListerFilterApply, al as ListerFilterApplyMode, an as ListerFilterBindKey, ap as ListerFilterGroupOption, ao as ListerFilterInput, ar as ListerFilterInputOption, as as ListerFilterOption, at as ListerFilterSpec, aq as ListerFilterValueOption, af as ListerLogCode, ag as ListerLogEntry, ae as ListerLogLevel, ai as ListerMapping, a8 as ListerMode, ax as ListerOpenOptions, a9 as ListerOpenReason, ay as ListerOpenResult, aw as ListerOptionsForMode, ah as ListerPermissionCtx, av as ListerRawForMode, ak as ListerSearchSpec, aD as ListerSessionState, aj as ListerSource, au as ListerValueForMode, ac as OpenAnchor, aB as PresetFilters, aC as PresetMeta, az as PresetRaw, aA as PresetValue, ab as Resolver, aa as Selector } from './core-DQr56obQ.mjs';
 import 'zod';
 import './adapter-CvjXO9Gi.mjs';
 import '@inertiajs/core';

package/dist/extra.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { Q as ListerSearchPayload, U as ListerId, W as ListerDefinition, X as ListerOption, Y as PresetMap, Z as ListerApi, _ as ListerStoreState, $ as ListerSessionId, a0 as ListerSearchTarget, a1 as ListerSearchMode, a2 as ListerFilterCtx, a3 as ListerDetails, a4 as ListerProviderHost, a5 as ListerRuntimeState, a6 as ShadcnJsonEditorProps, a7 as JsonEditorIndexHandle } from './core-B34a6gqM.js';
-export { ad as ListerChangeEvent, am as ListerFilterApply, al as ListerFilterApplyMode, an as ListerFilterBindKey, ap as ListerFilterGroupOption, ao as ListerFilterInput, ar as ListerFilterInputOption, as as ListerFilterOption, at as ListerFilterSpec, aq as ListerFilterValueOption, af as ListerLogCode, ag as ListerLogEntry, ae as ListerLogLevel, ai as ListerMapping, a8 as ListerMode, ax as ListerOpenOptions, a9 as ListerOpenReason, ay as ListerOpenResult, aw as ListerOptionsForMode, ah as ListerPermissionCtx, av as ListerRawForMode, ak as ListerSearchSpec, aD as ListerSessionState, aj as ListerSource, au as ListerValueForMode, ac as OpenAnchor, aB as PresetFilters, aC as PresetMeta, az as PresetRaw, aA as PresetValue, ab as Resolver, aa as Selector } from './core-B34a6gqM.js';
+import { Q as ListerSearchPayload, U as ListerId, W as ListerDefinition, X as ListerOption, Y as PresetMap, Z as ListerApi, _ as ListerStoreState, $ as ListerSessionId, a0 as ListerSearchTarget, a1 as ListerSearchMode, a2 as ListerFilterCtx, a3 as ListerDetails, a4 as ListerProviderHost, a5 as ListerRuntimeState, a6 as ShadcnJsonEditorProps, a7 as JsonEditorIndexHandle } from './core-Cg8uXa6v.js';
+export { ad as ListerChangeEvent, am as ListerFilterApply, al as ListerFilterApplyMode, an as ListerFilterBindKey, ap as ListerFilterGroupOption, ao as ListerFilterInput, ar as ListerFilterInputOption, as as ListerFilterOption, at as ListerFilterSpec, aq as ListerFilterValueOption, af as ListerLogCode, ag as ListerLogEntry, ae as ListerLogLevel, ai as ListerMapping, a8 as ListerMode, ax as ListerOpenOptions, a9 as ListerOpenReason, ay as ListerOpenResult, aw as ListerOptionsForMode, ah as ListerPermissionCtx, av as ListerRawForMode, ak as ListerSearchSpec, aD as ListerSessionState, aj as ListerSource, au as ListerValueForMode, ac as OpenAnchor, aB as PresetFilters, aC as PresetMeta, az as PresetRaw, aA as PresetValue, ab as Resolver, aa as Selector } from './core-Cg8uXa6v.js';
 import 'zod';
 import './adapter-CvjXO9Gi.js';
 import '@inertiajs/core';

package/dist/extra.js

@@ -20,6 +20,7 @@ require('@radix-ui/react-toggle');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var Editor = require('@toast-ui/editor');
 require('@toast-ui/editor/dist/toastui-editor.css');
+require('@toast-ui/editor/dist/theme/toastui-editor-dark.css');
 var Ajv = require('ajv');
 var react = require('@iconify/react');
 var LabelPrimitive = require('@radix-ui/react-label');
@@ -10778,6 +10779,7 @@ var Input = React74__namespace.forwardRef(
             "data-size": sizeKey,
             "data-density": densityKey,
             placeholder,
+            ...rest,
             value: displayValue,
             onChange,
             onBlur,
@@ -10785,8 +10787,7 @@ var Input = React74__namespace.forwardRef(
             onKeyDown: handleKeyDownWrapped,
             onKeyPress: handleKeyPressWrapped,
             onBeforeInput: handleBeforeInputWrapped,
-            onPaste: handlePasteWrapped,
-            ...rest
+            onPaste: handlePasteWrapped
           }
         )
       );
@@ -11063,6 +11064,12 @@ var Input = React74__namespace.forwardRef(
     ] });
   }
 );
+function stripAffixes(value, prefix, suffix) {
+  let out = value != null ? value : "";
+  if (prefix && out.startsWith(prefix)) out = out.slice(prefix.length);
+  if (suffix && out.endsWith(suffix)) out = out.slice(0, -suffix.length);
+  return out;
+}
 var ShadcnTextVariant = React74__namespace.forwardRef(function ShadcnTextVariant2(props, forwardedRef) {
   const {
     // form-level props
@@ -11146,7 +11153,12 @@ var ShadcnTextVariant = React74__namespace.forwardRef(function ShadcnTextVariant
     (e4) => {
       var _a, _b, _c;
       const maskedValue = (_a = e4.value) != null ? _a : "";
-      const unmaskedInner = (_c = (_b = maskedValue.match(/[0-9A-Za-z]/g)) == null ? void 0 : _b.join("")) != null ? _c : "";
+      const maskedValueWithoutAffixes = stripAffixes(
+        maskedValue,
+        prefix,
+        suffix
+      );
+      const unmaskedInner = (_c = (_b = maskedValueWithoutAffixes.match(/[0-9A-Za-z]/g)) == null ? void 0 : _b.join("")) != null ? _c : "";
       const mode = unmask === true || unmask === "raw" ? "raw" : "masked";
       const detail = {
         source: "variant",
@@ -11285,7 +11297,7 @@ function getDecimalSeparator(locale) {
   const m2 = s3.match(/1(.?)1/);
   return (m2 == null ? void 0 : m2[1]) || ".";
 }
-function stripAffixes(text, prefix, suffix) {
+function stripAffixes2(text, prefix, suffix) {
   let t4 = text != null ? text : "";
   if (prefix && t4.startsWith(prefix)) t4 = t4.slice(prefix.length);
   if (suffix && t4.endsWith(suffix)) t4 = t4.slice(0, -suffix.length);
@@ -11479,7 +11491,7 @@ var InputNumber = React74__namespace.memo(
     );
     const getModelFromDisplay = React74__namespace.useCallback(
       (text) => {
-        const stripped = stripAffixes(text, props.prefix, props.suffix);
+        const stripped = stripAffixes2(text, props.prefix, props.suffix);
         const withoutGroup = stripGrouping(stripped, locale);
         const candidate = decimalSep !== "." ? withoutGroup.replace(".", decimalSep) : withoutGroup;
         const n3 = parseEditable(candidate, locale, decimalSep);
@@ -11517,7 +11529,7 @@ var InputNumber = React74__namespace.memo(
       setFocused(true);
       (_a2 = props.onFocus) == null ? void 0 : _a2.call(props, e4);
       const model = isFiniteNumber(props.value) ? clampModel(props.value) : getModelFromDisplay(display);
-      const editable = model == null ? stripAffixes(display, props.prefix, props.suffix) : toEditableFromNumber(model);
+      const editable = model == null ? stripAffixes2(display, props.prefix, props.suffix) : toEditableFromNumber(model);
       const normalized = normalizeEditable(
         editable,
         locale,
@@ -11534,7 +11546,7 @@ var InputNumber = React74__namespace.memo(
       var _a2, _b;
       setFocused(false);
       const el = e4.currentTarget;
-      const raw = stripAffixes(el.value, props.prefix, props.suffix);
+      const raw = stripAffixes2(el.value, props.prefix, props.suffix);
       const normalized = normalizeEditable(
         raw,
         locale,
@@ -11556,7 +11568,7 @@ var InputNumber = React74__namespace.memo(
       if (props.disabled || props.readOnly) return;
       const el = e4.currentTarget;
       const caretBefore = (_a2 = el.selectionStart) != null ? _a2 : el.value.length;
-      const stripped = stripAffixes(el.value, props.prefix, props.suffix);
+      const stripped = stripAffixes2(el.value, props.prefix, props.suffix);
       let next = normalizeEditable(
         stripped,
         locale,
@@ -12480,14 +12492,18 @@ function applyMask(mask, raw, keepCharPositions) {
 function digitsOnly(input) {
   return (input != null ? input : "").replace(/\D+/g, "");
 }
+function normalizeDial(dial) {
+  return digitsOnly(dial != null ? dial : "");
+}
 function dialPrefixFor(country) {
-  return `+${country.dial} `;
+  return `+${normalizeDial(country.dial)} `;
 }
 function valueToNationalDigits(value, country) {
   const digits = digitsOnly(value);
   if (!digits) return "";
-  if (digits.startsWith(country.dial)) {
-    return digits.slice(country.dial.length);
+  const dial = normalizeDial(country.dial);
+  if (dial && digits.startsWith(dial)) {
+    return digits.slice(dial.length);
   }
   return digits;
 }
@@ -12507,8 +12523,9 @@ function computeDisplayFromValue(value, country, keepCharPositions) {
 function computeNextFromInput(rawInput, country, mode, keepCharPositions) {
   const prefix = dialPrefixFor(country);
   let national = digitsOnly(rawInput);
-  if (national.startsWith(country.dial)) {
-    national = national.slice(country.dial.length);
+  const dial = normalizeDial(country.dial);
+  if (dial && national.startsWith(dial)) {
+    national = national.slice(dial.length);
   }
   const mask = compileMask(country.mask);
   const maskedNational = applyMask(mask, national, keepCharPositions);
@@ -12519,7 +12536,7 @@ function computeNextFromInput(rawInput, country, mode, keepCharPositions) {
   } else if (mode === "masked") {
     nextValue = display;
   } else if (mode === "e164") {
-    nextValue = country.dial + national;
+    nextValue = dial + national;
   } else {
     nextValue = national;
   }
@@ -12532,8 +12549,10 @@ function remapToCountry(value, from, to, mode, keepCharPositions) {
   }
   const digitsAll = digitsOnly(value);
   let national = digitsAll;
-  if (digitsAll.startsWith(from.dial)) {
-    national = digitsAll.slice(from.dial.length);
+  const fromDial = normalizeDial(from.dial);
+  const toDial = normalizeDial(to.dial);
+  if (fromDial && digitsAll.startsWith(fromDial)) {
+    national = digitsAll.slice(fromDial.length);
   }
   const prefix = dialPrefixFor(to);
   const mask = compileMask(to.mask);
@@ -12545,7 +12564,7 @@ function remapToCountry(value, from, to, mode, keepCharPositions) {
   } else if (mode === "masked") {
     nextValue = display;
   } else if (mode === "e164") {
-    nextValue = to.dial + national;
+    nextValue = toDial + national;
   } else {
     nextValue = national;
   }
@@ -12574,7 +12593,7 @@ var CountrySelect = ({
   const selected = (_b = (_a = countries.find((c2) => c2.code === value)) != null ? _a : countries[0]) != null ? _b : null;
   const triggerLabel = selected ? [
     showFlag && selected.flag ? selected.flag : null,
-    showSelectedDial ? `+${selected.dial}` : null,
+    showSelectedDial ? `+${normalizeDial(selected.dial)}` : null,
     showSelectedLabel ? selected.label : null
   ].filter(Boolean).join(" ") : "";
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: countrySelectClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: (_c = selected == null ? void 0 : selected.code) != null ? _c : "", onValueChange: onChange, children: [
@@ -12601,7 +12620,7 @@ var CountrySelect = ({
         parts.push(String(c2.flag));
       }
       if (showDialInList) {
-        parts.push(`${c2.dial}`);
+        parts.push(`+${normalizeDial(c2.dial)}`);
       }
       parts.push(c2.label);
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -20544,6 +20563,7 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey, optionT
     });
   }
   return items.map((item, index) => {
+    var _a;
     if (typeof item === "string" || typeof item === "number" || typeof item === "boolean") {
       const v2 = item;
       return {
@@ -20556,12 +20576,19 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey, optionT
         raw: item
       };
     }
-    return item;
+    const existing = item;
+    return {
+      ...existing,
+      raw: (_a = existing.raw) != null ? _a : item
+    };
   });
 }
 function isEqualValue2(a3, b2) {
   return Object.is(a3, b2);
 }
+function valueLookupKey(value) {
+  return `${typeof value}:${String(value)}`;
+}
 function asGroupValue(value) {
   if (!value) return void 0;
   if (Array.isArray(value)) {
@@ -20575,13 +20602,14 @@ function asGroupValue(value) {
       state: true
     }));
   }
-  if (typeof value == "object")
-    return Object.keys(value).map(
+  if (typeof value == "object") {
+    return Reflect.ownKeys(value).map(
       (key) => ({
         value: key,
         state: value[key]
       })
     );
+  }
   return void 0;
 }
 function asSingleValue(value) {
@@ -20740,7 +20768,32 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       }
     );
   }
-  const groupValue = asGroupValue(value);
+  const normalizedByValueKey = React74__namespace.useMemo(() => {
+    const lookup = /* @__PURE__ */ new Map();
+    normalized.forEach((item) => {
+      lookup.set(valueLookupKey(item.value), item);
+    });
+    return lookup;
+  }, [normalized]);
+  const groupValue = React74__namespace.useMemo(() => {
+    const source = asGroupValue(value);
+    if (!(source == null ? void 0 : source.length)) return source;
+    return source.map((entry) => {
+      const byExact = normalized.find(
+        (item) => isEqualValue2(item.value, entry.value)
+      );
+      if (byExact) return { ...entry, value: byExact.value };
+      const byKey = normalizedByValueKey.get(valueLookupKey(entry.value));
+      if (byKey) return { ...entry, value: byKey.value };
+      if (typeof entry.value === "string") {
+        const byString = normalized.find(
+          (item) => typeof item.value !== "object" && String(item.value) === entry.value
+        );
+        if (byString) return { ...entry, value: byString.value };
+      }
+      return entry;
+    });
+  }, [value, normalized, normalizedByValueKey]);
   const {
     groupStyle,
     groupClasses,
@@ -20841,10 +20894,13 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
         raw: nextList,
         selectedOptions: nextList.map(
           (entry) => {
-            var _a, _b;
-            return (_b = (_a = normalized.find(
+            var _a, _b, _c;
+            const normalizedItem = (_a = normalizedByValueKey.get(
+              valueLookupKey(entry.value)
+            )) != null ? _a : normalized.find(
               (item) => isEqualValue2(item.value, entry.value)
-            )) == null ? void 0 : _a.raw) != null ? _b : entry.value;
+            );
+            return (_c = (_b = normalizedItem == null ? void 0 : normalizedItem.raw) != null ? _b : normalizedItem) != null ? _c : entry.value;
           }
         ),
         nativeEvent: void 0,
@@ -20860,7 +20916,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       }
       onValue(nextList.map((item) => item.value), detail);
     },
-    [onValue, disabled, groupValue, normalized, hasAnyTristate]
+    [onValue, disabled, groupValue, normalizedByValueKey, normalized, hasAnyTristate]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -25806,7 +25862,7 @@ var ShadcnToggleVariant3 = React74__namespace.forwardRef(function ShadcnToggleVa
     size = "md",
     options = [],
     multiple = false,
-    variant = "default",
+    design = "default",
     layout = "horizontal",
     gridCols = 2,
     fillWidth: fullWidth = false,
@@ -25910,7 +25966,6 @@ var ShadcnToggleVariant3 = React74__namespace.forwardRef(function ShadcnToggleVa
     fullWidth && layout === "vertical" && "[&>*]:w-full",
     className
   );
-  console.log(layoutClasses, fullWidth, autoCap);
   const groupStyle = React74__namespace.useMemo(() => {
     const style = {};
     if (layout === "grid") {
@@ -25929,7 +25984,7 @@ var ShadcnToggleVariant3 = React74__namespace.forwardRef(function ShadcnToggleVa
       value: currentValue,
       onValueChange: handleChange,
       disabled: isDisabled,
-      variant,
+      variant: design,
       size: toggleSize,
       className: layoutClasses,
       style: groupStyle,
@@ -25971,7 +26026,7 @@ var ShadcnToggleVariant3 = React74__namespace.forwardRef(function ShadcnToggleVa
               // Error State
               error && "border-destructive/50 hover:bg-destructive/10 data-[state=on]:bg-destructive data-[state=on]:text-destructive-foreground",
               // Variant: Outline specific tweaks
-              variant === "outline" && layout === "horizontal" && !fullWidth && "first:rounded-l-md last:rounded-r-md rounded-none border-l-0 first:border-l",
+              design === "outline" && layout === "horizontal" && !fullWidth && "first:rounded-l-md last:rounded-r-md rounded-none border-l-0 first:border-l",
               // Layout tweaks
               fullWidth && "justify-center",
               // Custom Item Class
@@ -26006,6 +26061,30 @@ var toggleGroupModule = {
     tags: ["buttons", "toggle"]
   }
 };
+function isDarkThemedElement(el) {
+  if (!el) return false;
+  if (el.classList.contains("dark")) return true;
+  const dataTheme = el.getAttribute("data-theme");
+  return dataTheme === "dark";
+}
+function resolveAutoDarkFromHost(host, target) {
+  if (typeof document === "undefined") return false;
+  if (target === "document") {
+    return isDarkThemedElement(document.documentElement) || isDarkThemedElement(document.body);
+  }
+  let node = host != null ? host : null;
+  while (node) {
+    const isEditorMarker = node.hasAttribute("data-editor-theme");
+    if (!isEditorMarker) {
+      if (node.classList.contains("dark")) return true;
+      if (node.hasAttribute("data-theme")) {
+        return node.getAttribute("data-theme") === "dark";
+      }
+    }
+    node = node.parentElement;
+  }
+  return isDarkThemedElement(document.documentElement) || isDarkThemedElement(document.body);
+}
 function ShadcnEditorVariant(props) {
   const {
     value,
@@ -26024,7 +26103,9 @@ function ShadcnEditorVariant(props) {
     useCommandShortcut = true,
     format: format2 = "html",
     toolbar = "default",
-    pastePlainText = false
+    pastePlainText = false,
+    theme = "auto",
+    themeTarget = "nearest"
   } = props;
   const mountRef = React74__namespace.useRef(null);
   const editorRef = React74__namespace.useRef(null);
@@ -26032,9 +26113,13 @@ function ShadcnEditorVariant(props) {
   const onValueRef = React74__namespace.useRef(onValue);
   const syncingRef = React74__namespace.useRef(false);
   const loadedRef = React74__namespace.useRef(false);
+  const lastContentRef = React74__namespace.useRef(value != null ? value : "");
+  const [autoDark, setAutoDark] = React74__namespace.useState(false);
   formatRef.current = format2;
   onValueRef.current = onValue;
+  if (value !== void 0) lastContentRef.current = value;
   const effectiveReadOnly = Boolean(disabled || readOnly);
+  const effectiveTheme = theme === "auto" ? autoDark ? "dark" : "light" : theme;
   const readContent = React74__namespace.useCallback((ed) => {
     var _a, _b;
     return formatRef.current === "markdown" ? (_a = ed.getMarkdown()) != null ? _a : "" : (_b = ed.getHTML()) != null ? _b : "";
@@ -26046,9 +26131,40 @@ function ShadcnEditorVariant(props) {
   }, []);
   const structuralKey = React74__namespace.useMemo(() => {
     const hideModeSwitch = toolbar === "none" || pastePlainText;
-    return JSON.stringify({ toolbar, useCommandShortcut, hideModeSwitch });
-  }, [toolbar, useCommandShortcut, pastePlainText]);
+    return JSON.stringify({
+      toolbar,
+      useCommandShortcut,
+      hideModeSwitch,
+      effectiveTheme
+    });
+  }, [toolbar, useCommandShortcut, pastePlainText, effectiveTheme]);
   React74__namespace.useEffect(() => {
+    if (theme !== "auto") return;
+    if (typeof document === "undefined") return;
+    const host = mountRef.current;
+    const recompute = () => {
+      setAutoDark(resolveAutoDarkFromHost(host, themeTarget));
+    };
+    recompute();
+    const observer = new MutationObserver(() => {
+      recompute();
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      subtree: true,
+      attributeFilter: ["class", "data-theme"]
+    });
+    if (document.body) {
+      observer.observe(document.body, {
+        attributes: true,
+        subtree: true,
+        attributeFilter: ["class", "data-theme"]
+      });
+    }
+    return () => observer.disconnect();
+  }, [theme, themeTarget]);
+  React74__namespace.useEffect(() => {
+    var _a;
     const el = mountRef.current;
     if (!el) return;
     if (editorRef.current) {
@@ -26072,13 +26188,14 @@ function ShadcnEditorVariant(props) {
     const options = {
       el,
       height,
-      initialValue: value != null ? value : "",
+      initialValue: (_a = value != null ? value : lastContentRef.current) != null ? _a : "",
       previewStyle,
       initialEditType: editType,
       useCommandShortcut,
       usageStatistics: false,
       placeholder,
       hideModeSwitch,
+      ...effectiveTheme === "dark" ? { theme: "dark" } : {},
       ...toolbar === "none" ? { toolbarItems: [] } : Array.isArray(toolbar) ? { toolbarItems: toolbar } : {},
       events: {
         load: () => {
@@ -26089,7 +26206,9 @@ function ShadcnEditorVariant(props) {
           const ed = editorRef.current;
           if (!ed) return;
           if (syncingRef.current) return;
-          emit(readContent(ed));
+          const next = readContent(ed);
+          lastContentRef.current = next;
+          emit(next);
         }
       }
     };
@@ -26150,6 +26269,7 @@ function ShadcnEditorVariant(props) {
       const cur = (_d = (_c = ed.getHTML) == null ? void 0 : _c.call(ed)) != null ? _d : "";
       if (cur !== next) ed.setHTML(next, false);
     }
+    lastContentRef.current = next;
     Promise.resolve().then(() => {
       syncingRef.current = false;
     });
@@ -26173,6 +26293,8 @@ function ShadcnEditorVariant(props) {
     {
       "data-size": size,
       "data-density": density,
+      "data-theme": effectiveTheme,
+      "data-editor-theme": effectiveTheme,
       className: cn(
         "rounded-md border border-input bg-background overflow-hidden",
         effectiveReadOnly && "opacity-60 pointer-events-none",