@craftile/editor 0.1.2 → 0.1.3

package/dist/Button.vue_vue_type_script_setup_true_lang-C_TGGfLr.js

@@ -0,0 +1,70 @@
+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 _
+};