@craftile/editor 0.2.0 → 0.3.0

package/dist/ui.d.ts

@@ -1 +1,2 @@
 export { default as Button } from './components/ui/Button.vue';
+export { default as PropertyField } from './components/PropertyField.vue';

package/dist/ui.js

@@ -1,4 +1,5 @@
-import { _ as r } from "./Button.vue_vue_type_script_setup_true_lang-C_TGGfLr.js";
+import { _ as t, a } from "./PropertyField.vue_vue_type_script_setup_true_lang-D1Yv2X4j.js";
 export {
-  r as Button
+  t as Button,
+  a as PropertyField
 };

package/dist/utils.d.ts

@@ -1,7 +1,34 @@
 import { Component } from 'vue';
+import { VisibilityRule, BlockProperties } from '@craftile/types';
 /**
  * Check if a render value is a Vue component
  */
 export declare function isVueComponent(render: any): render is Component;
 export declare function isComponentString(render: any): render is string;
 export declare function isHtmlRenderFunction(render: any): render is (context: any) => HTMLElement;
+/**
+ * Evaluate a JSON visibility rule against a context object (block properties).
+ *
+ * @param rule - Rule object, logic group, or array (array === implicit AND)
+ * @param context - Block properties object
+ * @returns boolean indicating whether the field should be visible
+ *
+ * @example
+ * ```ts
+ * // Simple condition
+ * evaluateVisibilityRule(
+ *   { field: 'layout', operator: 'equals', value: 'grid' },
+ *   { layout: 'grid' }
+ * ) // true
+ *
+ * // Logical AND
+ * evaluateVisibilityRule(
+ *   { and: [
+ *     { field: 'type', operator: 'equals', value: 'image' },
+ *     { field: 'status', operator: 'equals', value: 'published' }
+ *   ]},
+ *   { type: 'image', status: 'published' }
+ * ) // true
+ * ```
+ */
+export declare function evaluateVisibilityRule(rule: VisibilityRule | VisibilityRule[], context?: BlockProperties): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@craftile/editor",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Vue.js-based editor UI components for craftile blocks engine",
   "keywords": [
     "craftile",
@@ -38,10 +38,10 @@
   "dependencies": {
     "vue": "^3.5.17",
     "vue-draggable-plus": "^0.6.0",
-    "@craftile/core": "0.2.0",
-    "@craftile/event-bus": "0.2.0",
-    "@craftile/messenger": "0.2.0",
-    "@craftile/types": "0.2.0"
+    "@craftile/core": "0.3.0",
+    "@craftile/event-bus": "0.3.0",
+    "@craftile/messenger": "0.3.0",
+    "@craftile/types": "0.3.0"
   },
   "devDependencies": {
     "@ark-ui/vue": "^5.24.1",

package/dist/Button.vue_vue_type_script_setup_true_lang-C_TGGfLr.js

@@ -1,70 +0,0 @@
-import { defineComponent as p, computed as f, createElementBlock as a, openBlock as n, unref as g, normalizeClass as r, createCommentVNode as b, createElementVNode as s, renderSlot as m } from "vue";
-const y = ["type", "disabled"], h = {
-  key: 0,
-  class: "animate-spin h-4 w-4 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24"
-}, x = /* @__PURE__ */ p({
-  __name: "Button",
-  props: {
-    variant: { default: "default" },
-    size: { default: "md" },
-    type: { default: "button" },
-    disabled: { type: Boolean, default: !1 },
-    fullWidth: { type: Boolean, default: !1 },
-    square: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const i = {
-      default: "bg-white text-gray-900 hover:bg-gray-50 border border-gray-200",
-      primary: "bg-primary text-primary-foreground hover:bg-primary/90",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90",
-      accent: "bg-accent text-accent-foreground hover:bg-accent/90",
-      sutble: "bg-accent-foreground text-accent",
-      destructive: "bg-red-600 text-white hover:bg-red-700"
-    }, d = {
-      sm: "h-6 px-3 text-xs",
-      md: "h-8 px-4",
-      lg: "h-10 px-6 text-base"
-    }, c = {
-      sm: "w-6 h-6 text-xs p-0",
-      md: "w-8 h-8 p-0",
-      lg: "w-10 h-10 text-base p-0"
-    }, t = l, u = f(() => t.disabled || t.loading);
-    return (e, o) => (n(), a("button", {
-      class: r(["inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none cursor-pointer relative", [
-        i[e.variant],
-        t.square ? c[e.size] : d[e.size],
-        e.fullWidth && "w-full"
-      ]]),
-      type: e.type,
-      disabled: g(u)
-    }, [
-      e.loading ? (n(), a("svg", h, [...o[0] || (o[0] = [
-        s("circle", {
-          class: "opacity-25",
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: "currentColor",
-          "stroke-width": "4"
-        }, null, -1),
-        s("path", {
-          class: "opacity-75",
-          fill: "currentColor",
-          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-        }, null, -1)
-      ])])) : b("", !0),
-      s("span", {
-        class: r(["inline-flex items-center gap-2", { invisible: e.loading }])
-      }, [
-        m(e.$slots, "default")
-      ], 2)
-    ], 10, y));
-  }
-});
-export {
-  x as _
-};