@jbpark/live-editor 1.15.1 → 1.15.3

package/dist/{index-BnncHZTt.d.ts → index-BVM2RLWN.d.ts}

@@ -1,5 +1,5 @@
 import { _ as Section } from "./document-DXOwpvWM.js";
-import { w as BindingType, x as BindingOption } from "./index-BVjSMVya.js";
+import { C as BindingRenderMap, w as BindingType, x as BindingOption } from "./index-BVjSMVya.js";
 import { t as FrameProps } from "./index-DpDU1IAw.js";
 //#region src/components/dnd/draggable.d.ts
 interface DraggableItemDragState {
@@ -36,6 +36,11 @@ interface PanelBinding {
   property: string;
   type?: BindingType;
   options?: BindingOption[];
+  render?: BindingRenderMap;
+  min?: number;
+  max?: number;
+  pattern?: string;
+  required?: boolean;
   value: string;
   onChange: (value: string) => void;
 }
@@ -60,4 +65,4 @@ type DndComponent = typeof Dnd$1 & {
 declare const Dnd: DndComponent;
 //#endregion
 export { Props as a, DraggableItemProps as c, PanelRenderData as i, PaletteRenderData as n, DraggableItem as o, PanelBinding as r, DraggableItemDragState as s, Dnd as t };
-//# sourceMappingURL=index-BnncHZTt.d.ts.map
+//# sourceMappingURL=index-BVM2RLWN.d.ts.map

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { _ as Section } from "./document-DXOwpvWM.js";
 import { t as FrameProps } from "./index-DpDU1IAw.js";
-import { a as Props, c as DraggableItemProps, i as PanelRenderData, n as PaletteRenderData, r as PanelBinding, t as Dnd } from "./index-BnncHZTt.js";
+import { a as Props, c as DraggableItemProps, i as PanelRenderData, n as PaletteRenderData, r as PanelBinding, t as Dnd } from "./index-BVM2RLWN.js";
 import { a as Props$2, n as EditorRenderData, r as Props$1, t as Editor } from "./index-C4TBkJBG.js";
 import { a as Props$5, n as Props$4, o as Props$3, s as ErrorBoundary, t as Error } from "./index-CCynrS6c.js";
 import { n as Props$6, t as Preview } from "./index-lgHdCda5.js";

package/dist/index.js

@@ -1,5 +1,5 @@
 import { t as ContextProvider } from "./context-DrqO0VVu.js";
-import { t as Dnd } from "./dnd-BRQKM3fk.js";
+import { t as Dnd } from "./dnd-CZ7VF9u8.js";
 import { t as Editor } from "./editor-DmgTeTcG.js";
 import { t as Error } from "./error-DRMGumEj.js";
 import { t as Preview } from "./preview-CgJE-pwO.js";

package/dist/style.css

@@ -582,6 +582,19 @@
       outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
   }
+
+  :where([data-slot], [data-slot] *) {
+    box-sizing: border-box;
+    border-style: solid;
+    border-width: 0;
+  }
+
+  :where(button[data-slot], [data-slot] button, [data-slot] input, [data-slot] select, [data-slot] textarea) {
+    appearance: none;
+    color: inherit;
+    font: inherit;
+    background-color: #0000;
+  }
 }
 
 @layer components {
@@ -1787,6 +1800,11 @@
     border-width: 1px;
   }
 
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0;
+  }
+
   .border-r-2 {
     border-right-style: var(--tw-border-style);
     border-right-width: 2px;
@@ -3678,11 +3696,11 @@
     }
   }
 
-  .dark\:border-input:is(.dark *) {
+  .dark\:border-input:is(.dark *, [data-theme="dark"] *) {
     border-color: var(--input);
   }
 
-  .dark\:bg-destructive\/60:is(.dark *) {
+  .dark\:bg-destructive\/60:is(.dark *, [data-theme="dark"] *) {
     background-color: var(--destructive);
 
     @supports (color: color-mix(in lab, red, red)) {
@@ -3690,7 +3708,7 @@
     }
   }
 
-  .dark\:bg-input\/30:is(.dark *) {
+  .dark\:bg-input\/30:is(.dark *, [data-theme="dark"] *) {
     background-color: var(--input);
 
     @supports (color: color-mix(in lab, red, red)) {
@@ -3698,37 +3716,37 @@
     }
   }
 
-  .dark\:text-green-400:is(.dark *) {
+  .dark\:text-green-400:is(.dark *, [data-theme="dark"] *) {
     color: var(--color-green-400);
   }
 
-  .dark\:text-yellow-400:is(.dark *) {
+  .dark\:text-yellow-400:is(.dark *, [data-theme="dark"] *) {
     color: var(--color-yellow-400);
   }
 
   @media (hover: hover) {
-    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
+    .dark\:hover\:bg-accent\/50:is(.dark *, [data-theme="dark"] *):hover {
       background-color: var(--accent);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .dark\:hover\:bg-accent\/50:is(.dark *):hover {
+      .dark\:hover\:bg-accent\/50:is(.dark *, [data-theme="dark"] *):hover {
         background-color: color-mix(in oklab, var(--accent) 50%, transparent);
       }
     }
 
-    .dark\:hover\:bg-input\/50:is(.dark *):hover {
+    .dark\:hover\:bg-input\/50:is(.dark *, [data-theme="dark"] *):hover {
       background-color: var(--input);
     }
 
     @supports (color: color-mix(in lab, red, red)) {
-      .dark\:hover\:bg-input\/50:is(.dark *):hover {
+      .dark\:hover\:bg-input\/50:is(.dark *, [data-theme="dark"] *):hover {
         background-color: color-mix(in oklab, var(--input) 50%, transparent);
       }
     }
   }
 
-  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
+  .dark\:focus-visible\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *):focus-visible {
     --tw-ring-color: var(--destructive);
 
     @supports (color: color-mix(in lab, red, red)) {
@@ -3736,7 +3754,7 @@
     }
   }
 
-  .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]) {
+  .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *, [data-theme="dark"] *):has([data-state="checked"]) {
     background-color: var(--primary);
 
     @supports (color: color-mix(in lab, red, red)) {
@@ -3744,7 +3762,7 @@
     }
   }
 
-  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
+  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *)[aria-invalid="true"] {
     --tw-ring-color: var(--destructive);
 
     @supports (color: color-mix(in lab, red, red)) {
@@ -3752,19 +3770,19 @@
     }
   }
 
-  .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] {
+  .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *, [data-theme="dark"] *)[data-state="checked"] {
     background-color: var(--primary);
   }
 
-  .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state="checked"] {
+  .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *, [data-theme="dark"] *)[data-state="checked"] {
     background-color: var(--primary-foreground);
   }
 
-  .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state="unchecked"] {
+  .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *, [data-theme="dark"] *)[data-state="unchecked"] {
     background-color: var(--foreground);
   }
 
-  .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] {
+  .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *, [data-theme="dark"] *)[data-state="unchecked"] {
     background-color: var(--input);
 
     @supports (color: color-mix(in lab, red, red)) {
@@ -4120,7 +4138,7 @@
   --sidebar-ring: oklch(70.8% 0 0);
 }
 
-.dark {
+.dark, [data-theme="dark"] {
   --background: oklch(14.5% 0 0);
   --foreground: oklch(98.5% 0 0);
   --card: oklch(20.5% 0 0);

package/dist/utils/ast/index.js

@@ -1,3 +1,3 @@
 import { a as generateSectionPreviews, c as replaceDocumentSections, i as generateSectionPreview, n as createSectionPreviewCache, o as getSections, r as generateDocumentCode, s as parseDocument, t as clearDocumentParseCache } from "../../document-CSIscFpL.js";
-import { _ as parseArrayExpression, a as bulkUpdate, c as extract, d as getCurrentValue, f as parseBinding, g as extractObjectProperties, h as extractNodeValue, i as replaceIds, m as createNodeFromValue, n as clone, o as update, p as arrayExpressionToCode, r as fillIds, s as clearExtractCache, t as validateBindingValue, u as findEditableChildren, v as parseValue, y as generateCode } from "../../ast-Dq1EfxA5.js";
+import { _ as parseArrayExpression, a as bulkUpdate, c as extract, d as getCurrentValue, f as parseBinding, g as extractObjectProperties, h as extractNodeValue, i as replaceIds, m as createNodeFromValue, n as clone, o as update, p as arrayExpressionToCode, r as fillIds, s as clearExtractCache, t as validateBindingValue, u as findEditableChildren, v as parseValue, y as generateCode } from "../../ast-CPJB8A2R.js";
 export { arrayExpressionToCode, bulkUpdate, clearDocumentParseCache, clearExtractCache, clone, createNodeFromValue, createSectionPreviewCache, extract, extractNodeValue, extractObjectProperties, fillIds, findEditableChildren, generateCode, generateDocumentCode, generateSectionPreview, generateSectionPreviews, getCurrentValue, getSections, parseArrayExpression, parseBinding, parseDocument, parseValue, replaceDocumentSections, replaceIds, update, validateBindingValue };

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.15.1",
+  "version": "1.15.3",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -104,7 +104,7 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@jbpark/ui-kit": "^5.4.1",
+    "@jbpark/ui-kit": "^5.4.4",
     "@jbpark/use-hooks": "^4.0.1",
     "@tailwindcss/vite": "^4.3.3",
     "@tiptap/core": "^3.30.1",