@superfeedback/widget 0.0.34 → 0.0.35

package/dist/widget.js

@@ -5959,7 +5959,7 @@ var { iconLoaded, getIcon, listIcons, addIcon, addCollection, calculateSize, bui
 			iconName: Kc.icon
 		}, null, 8, ["iconName"])], 8, _hoisted_7$1)])]), createBaseVNode("div", _hoisted_8$1, [Kc.title ? (openBlock(), createElementBlock("h3", _hoisted_9$1, toDisplayString(Kc.title), 1)) : createCommentVNode("", !0), Kc.description ? (openBlock(), createElementBlock("p", _hoisted_10$1, toDisplayString(Kc.description), 1)) : createCommentVNode("", !0)])]))])])]));
 	}
-}), _hoisted_1$8 = ["data-action", "onClick"], _hoisted_2$6 = { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:p-0 sf:flex sf:items-center sf:gap-0.5" }, fd_tabs_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$8 = ["data-action", "onClick"], _hoisted_2$6 = { class: "sf:flex sf:items-center sf:gap-0.5" }, fd_tabs_default = /* @__PURE__ */ defineComponent({
 	__name: "fd-tabs",
 	props: {
 		action: {},
@@ -5984,13 +5984,13 @@ var { iconLoaded, getIcon, listIcons, addIcon, addCollection, calculateSize, bui
 		return watch(() => bg.action, Dg, { immediate: !0 }), watch(() => bg.tabs, Dg, { deep: !0 }), (yg, bg) => (openBlock(), createElementBlock("ul", {
 			ref_key: "containerRef",
 			ref: Sg,
-			class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:list-none sf:m-0 sf:p-1 sf:relative sf:flex sf:items-center sf:gap-1 sf:overflow-hidden sf:rounded-2xl sf:bg-gray-100"
-		}, [bg[0] ||= createBaseVNode("li", { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:list-none sf:m-0 sf:p-0 sf:absolute sf:inset-y-1 sf:left-0 sf:w-(--marker-width) sf:translate-x-(--marker-position) sf:rounded-xl sf:bg-linear-to-r sf:from-[#38bdf8] sf:to-[#2563eb] sf:shadow-md sf:transition-all sf:duration-100" }, null, -1), (openBlock(!0), createElementBlock(Fragment, null, renderList(Kc.tabs, (Kc) => (openBlock(), createElementBlock("li", {
+			class: "sf:p-1 sf:relative sf:flex sf:items-center sf:gap-1 sf:overflow-hidden sf:rounded-2xl sf:bg-gray-100"
+		}, [bg[0] ||= createBaseVNode("li", { class: "sf:absolute sf:inset-y-1 sf:left-0 sf:w-(--marker-width) sf:translate-x-(--marker-position) sf:rounded-xl sf:bg-linear-to-r sf:from-[#38bdf8] sf:to-[#2563eb] sf:shadow-md sf:transition-all sf:duration-100" }, null, -1), (openBlock(!0), createElementBlock(Fragment, null, renderList(Kc.tabs, (Kc) => (openBlock(), createElementBlock("li", {
 			key: String(Kc.action),
-			class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:list-none sf:m-0 sf:p-0 sf:relative sf:flex-1"
+			class: "sf:relative sf:flex-1"
 		}, [createBaseVNode("button", {
 			"data-action": Kc.action,
-			class: normalizeClass(["sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:bg-transparent sf:border-none sf:font-normal sf:normal-case sf:cursor-pointer sf:flex sf:w-full sf:items-center sf:justify-center sf:rounded-xl sf:p-2 sf:text-gray-600 sf:transition-all sf:duration-100", {
+			class: normalizeClass(["sf:cursor-pointer sf:flex sf:w-full sf:items-center sf:justify-center sf:rounded-xl sf:p-2 sf:text-gray-600 sf:transition-all sf:duration-100", {
 				"sf:transition-all sf:duration-100": Cg(Kc),
 				"sf:hover:border-gray-400 sf:hover:bg-gray-50": !Cg(Kc)
 			}]),
@@ -5998,7 +5998,7 @@ var { iconLoaded, getIcon, listIcons, addIcon, addCollection, calculateSize, bui
 		}, [createBaseVNode("div", _hoisted_2$6, [createVNode(fd_icon_default, {
 			"icon-name": Kc.icon,
 			class: normalizeClass({ "sf:text-white": Cg(Kc) })
-		}, null, 8, ["icon-name", "class"]), createBaseVNode("span", { class: normalizeClass(["sf:revert-layer sf:box-border sf:tracking-normal sf:font-sans sf:leading-normal sf:m-0 sf:p-0 sf:inline sf:text-sm sf:font-normal sf:not-italic", {
+		}, null, 8, ["icon-name", "class"]), createBaseVNode("span", { class: normalizeClass(["sf:text-sm", {
 			"sf:text-gray-100": Cg(Kc),
 			"sf:text-gray-600": !Cg(Kc)
 		}]) }, toDisplayString(Kc.label), 3)])], 10, _hoisted_1$8)]))), 128))], 512));
@@ -6786,10 +6786,7 @@ var _hoisted_1$5 = { class: "sf:grid sf:w-80 sf:gap-4 sf:rounded-xl sf:border sf
 			}, " Send another ")
 		]));
 	}
-}), _hoisted_1$4 = { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:block sf:m-0 sf:p-0 sf:text-center" }, _hoisted_2$2 = { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:mb-1 sf:text-2xl sf:font-bold sf:text-gray-900" }, _hoisted_3$2 = { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:text-sm sf:text-gray-500" }, _hoisted_4$1 = {
-	key: 0,
-	class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:block sf:m-0 sf:p-0"
-}, _hoisted_5 = { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:block sf:m-0 sf:group sf:relative sf:rounded-2xl sf:p-0.5 sf:transition-all sf:duration-300 sf:focus-within:outline-none" }, _hoisted_6 = { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:block sf:m-0 sf:relative sf:z-10 sf:rounded-2xl sf:border sf:border-gray-200 sf:bg-white sf:p-1 sf:focus-within:border-transparent" }, _hoisted_7 = ["disabled"], _hoisted_8 = { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:block sf:m-0 sf:p-0 rr-block" }, _hoisted_9 = ["disabled"], _hoisted_10 = { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:p-0 sf:flex sf:items-center sf:gap-2" }, _hoisted_11 = { class: "sf:revert-layer sf:text-sm sf:tracking-normal sf:normal-case sf:not-italic sf:text-white sf:font-medium sf:box-border sf:font-sans sf:leading-normal sf:inline sf:m-0 sf:p-0" }, super_feedback_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$4 = { class: "sf:text-center" }, _hoisted_2$2 = { class: "sf:mb-1 sf:text-2xl sf:font-bold sf:text-gray-900" }, _hoisted_3$2 = { class: "sf:text-sm sf:text-gray-500" }, _hoisted_4$1 = { key: 0 }, _hoisted_5 = { class: "sf:group sf:relative sf:rounded-2xl sf:p-0.5 sf:transition-all sf:duration-300 sf:focus-within:outline-none" }, _hoisted_6 = { class: "sf:relative sf:z-10 sf:rounded-2xl sf:border sf:border-gray-200 sf:bg-white sf:p-1 sf:focus-within:border-transparent" }, _hoisted_7 = ["disabled"], _hoisted_8 = { class: "rr-block" }, _hoisted_9 = ["disabled"], _hoisted_10 = { class: "sf:flex sf:items-center sf:gap-2" }, _hoisted_11 = { class: "sf:text-sm sf:text-white sf:font-medium" }, super_feedback_default = /* @__PURE__ */ defineComponent({
 	__name: "super-feedback",
 	props: {
 		options: {},
@@ -6835,7 +6832,7 @@ var _hoisted_1$5 = { class: "sf:grid sf:w-80 sf:gap-4 sf:rounded-xl sf:border sf
 		});
 		return (yg, xg) => (openBlock(), createElementBlock(Fragment, null, [Mg.value === null ? (openBlock(), createElementBlock("section", {
 			key: 0,
-			class: normalizeClass(["sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:grid sf:gap-3 sf:rounded-xl sf:border sf:border-solid sf:border-gray-200 sf:bg-white sf:p-4 sf:selection:bg-blue-200 sf:selection:text-inherit", Fg.value])
+			class: normalizeClass(["sf:grid sf:gap-3 sf:rounded-xl sf:border sf:border-solid sf:border-gray-200 sf:bg-white sf:p-4 sf:selection:bg-blue-200 sf:selection:text-inherit", Fg.value])
 		}, [
 			createBaseVNode("div", _hoisted_1$4, [createBaseVNode("h2", _hoisted_2$2, toDisplayString(Kc.title), 1), createBaseVNode("p", _hoisted_3$2, toDisplayString(Kc.description), 1)]),
 			Pg.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$1, [unref(Tg) === "none" && Pg.value > 1 ? (openBlock(), createBlock(resolveDynamicComponent(Ag.value), {
@@ -6853,27 +6850,27 @@ var _hoisted_1$5 = { class: "sf:grid sf:w-80 sf:gap-4 sf:rounded-xl sf:border sf
 					unref(Eg)(Kc);
 				}
 			}, null, 8, ["action", "tabs"])) : createCommentVNode("", !0),
-			createBaseVNode("div", _hoisted_5, [xg[3] ||= createBaseVNode("div", { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:block sf:m-0 sf:p-0 sf:absolute sf:inset-0 sf:z-0 sf:rounded-2xl sf:bg-linear-to-r sf:from-blue-500 sf:via-purple-500 sf:to-pink-500 sf:opacity-0 sf:transition-opacity sf:duration-300 sf:group-focus-within:opacity-100" }, null, -1), createBaseVNode("div", _hoisted_6, [withDirectives(createBaseVNode("textarea", {
+			createBaseVNode("div", _hoisted_5, [xg[3] ||= createBaseVNode("div", { class: "sf:absolute sf:inset-0 sf:z-0 sf:rounded-2xl sf:bg-linear-to-r sf:from-blue-500 sf:via-purple-500 sf:to-pink-500 sf:opacity-0 sf:transition-opacity sf:duration-300 sf:group-focus-within:opacity-100" }, null, -1), createBaseVNode("div", _hoisted_6, [withDirectives(createBaseVNode("textarea", {
 				"onUpdate:modelValue": xg[1] ||= (Kc) => unref(Cg).message = Kc,
 				name: "message",
 				"aria-label": "Feedback message",
 				disabled: Kc.isReadonly,
-				class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:block sf:w-full sf:resize-none sf:border sf:border-transparent sf:bg-white sf:text-sm sf:text-gray-700 sf:p-1 sf:outline-none sf:rounded-2xl sf:placeholder-gray-500 sf:placeholder:text-sm sf:placeholder:not-italic sf:focus:outline-none sf:focus:shadow-none sf:focus:border-transparent sf:focus:ring-0 sf:disabled:cursor-not-allowed sf:disabled:opacity-60",
+				class: "sf:block sf:w-full sf:resize-none sf:border sf:border-transparent sf:bg-white sf:text-sm sf:text-gray-700 sf:p-1 sf:outline-none sf:rounded-2xl sf:placeholder-gray-500 sf:placeholder:text-sm sf:placeholder:not-italic sf:focus:outline-none sf:focus:shadow-none sf:focus:border-transparent sf:focus:ring-0 sf:disabled:cursor-not-allowed sf:disabled:opacity-60",
 				placeholder: "What would you like to share about?",
 				rows: "4"
 			}, null, 8, _hoisted_7), [[vModelText, unref(Cg).message]])])]),
 			createBaseVNode("div", _hoisted_8, [createBaseVNode("button", {
 				disabled: !Dg.value || !jg.value || unref(bg),
-				class: "sf:revert-layer sf:appearance-none sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:border-0 sf:outline-none sf:cursor-pointer sf:text-sm sf:font-medium sf:normal-case sf:disabled:cursor-not-allowed sf:disabled:opacity-50 sf:rr-block sf:flex sf:items-center sf:justify-center sf:w-full sf:gap-2 sf:rounded-2xl sf:bg-linear-to-r sf:from-blue-500 sf:to-indigo-600 sf:px-6 sf:py-3 sf:text-white sf:shadow-md sf:transition-all sf:hover:from-blue-600 sf:hover:to-indigo-600 sf:disabled:hover:from-blue-500 sf:disabled:hover:to-indigo-600",
+				class: "sf:cursor-pointer sf:text-sm sf:font-medium sf:disabled:cursor-not-allowed sf:disabled:opacity-50 rr-block sf:flex sf:items-center sf:justify-center sf:w-full sf:gap-2 sf:rounded-2xl sf:bg-linear-to-r sf:from-blue-500 sf:to-indigo-600 sf:px-6 sf:py-3 sf:text-white sf:shadow-md sf:transition-all sf:hover:from-blue-600 sf:hover:to-indigo-600 sf:disabled:hover:from-blue-500 sf:disabled:hover:to-indigo-600",
 				onClick: Ng
 			}, [createBaseVNode("span", _hoisted_10, [createBaseVNode("span", _hoisted_11, toDisplayString(Kc.submitLabel), 1), createVNode(fd_icon_default, {
 				iconName: "material-symbols:send-rounded",
 				class: "sf:w-fit sf:text-white"
 			})])], 8, _hoisted_9)]),
-			xg[4] ||= createBaseVNode("div", { class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:m-0 sf:p-0 sf:flex sf:items-center sf:justify-center sf:gap-1 sf:opacity-40 sf:transition-opacity sf:group sf:hover:opacity-100" }, [createBaseVNode("span", { class: "sf:revert-layer sf:text-gray-500 sf:box-border sf:font-sans sf:leading-normal sf:inline sf:m-0 sf:p-0 sf:text-[11px] sf:font-medium sf:text-gray-00 sf:uppercase sf:tracking-wider" }, " Powered by "), createBaseVNode("a", {
+			xg[4] ||= createBaseVNode("div", { class: "sf:flex sf:items-center sf:justify-center sf:gap-1 sf:opacity-40 sf:transition-opacity sf:group sf:hover:opacity-100" }, [createBaseVNode("span", { class: "sf:text-gray-500 sf:text-[11px] sf:font-medium sf:uppercase sf:tracking-wider" }, " Powered by "), createBaseVNode("a", {
 				href: "https://superfeedback.ai/",
 				target: "_blank",
-				class: "sf:revert-layer sf:box-border sf:font-sans sf:leading-normal sf:no-underline sf:hover:no-underline sf:text-[11px] sf:font-bold sf:text-gray-800 sf:transition-colors sf:group-hover:text-blue-500 sf:hover:text-blue-500"
+				class: "sf:no-underline sf:hover:no-underline sf:text-[11px] sf:font-bold sf:text-gray-800 sf:transition-colors sf:group-hover:text-blue-500 sf:hover:text-blue-500"
 			}, " superfeedback ")], -1)
 		], 2)) : createCommentVNode("", !0), Mg.value === null ? createCommentVNode("", !0) : (openBlock(), createBlock(fd_confirmation_default, {
 			key: 1,
@@ -8625,7 +8622,7 @@ var tt = "none", et = class {
 			onMouseleave: wg[1] ||= (Kc) => yg.value = !1
 		}, [renderSlot(Cg.$slots, "default")], 544), (openBlock(), createBlock(Teleport, { to: "body" }, [yg.value ? (openBlock(), createElementBlock("span", {
 			key: 0,
-			class: "rr-block sf:pointer-events-none sf:z-50 sf:rounded-md sf:bg-gray-900 sf:px-2 sf:py-1 sf:text-xs sf:font-medium sf:whitespace-nowrap sf:text-gray-100 sf:shadow-lg sf:select-none",
+			class: "sf-isolate rr-block sf:pointer-events-none sf:z-50 sf:rounded-md sf:bg-gray-900 sf:px-2 sf:py-1 sf:text-xs sf:font-medium sf:whitespace-nowrap sf:text-gray-100 sf:shadow-lg sf:select-none",
 			role: "tooltip",
 			ref_key: "tooltipElement",
 			ref: xg,
@@ -8725,7 +8722,7 @@ var _hoisted_1$1 = { class: "sf:flex sf:flex-col sf:items-center sf:gap-1 sf:bor
 		}), onUnmounted(() => {
 			window.removeEventListener("resize", Og);
 		}), (yg, bg) => (openBlock(), createElementBlock("div", {
-			class: "rr-block sf:fixed sf:z-40 sf:flex sf:justify-center",
+			class: "sf-isolate rr-block sf:fixed sf:z-40 sf:flex sf:justify-center",
 			style: normalizeStyle({
 				left: `${unref(Eg)?.x}px`,
 				top: `${unref(Eg)?.y}px`,
@@ -8916,7 +8913,7 @@ var _hoisted_1$1 = { class: "sf:flex sf:flex-col sf:items-center sf:gap-1 sf:bor
 			ref_key: "rootRef",
 			ref: Dg,
 			id: "fd-screenshot-editor",
-			class: "sf:bg-opacity-50 sf:fixed sf:inset-0 sf:z-999 sf:flex sf:items-center sf:justify-center",
+			class: "sf-isolate sf:bg-opacity-50 sf:fixed sf:inset-0 sf:z-999 sf:flex sf:items-center sf:justify-center",
 			onClick: e_
 		}, [
 			createVNode(Transition, {
@@ -9203,7 +9200,7 @@ var _hoisted_1 = { key: 0 }, root_default = /* @__PURE__ */ defineComponent({
 		}), (Kc, Cg) => (openBlock(), createElementBlock(Fragment, null, [
 			unref(Sg) && Jg.value || bg.previewMode ? (openBlock(), createElementBlock("button", {
 				key: 0,
-				class: normalizeClass(["sf:px-3 sf:z-50 sf:py-1", [Wg.value, Zg.value]]),
+				class: normalizeClass(["sf-isolate sf:px-3 sf:z-50 sf:py-1 sf:rounded-none sf:border-0", [Wg.value, Zg.value]]),
 				style: normalizeStyle({ backgroundColor: unref(xg)?.triggerLabelColor || "#FBBF24" }),
 				ref_key: "reference",
 				ref: wg,
@@ -9215,7 +9212,7 @@ var _hoisted_1 = { key: 0 }, root_default = /* @__PURE__ */ defineComponent({
 					ref_key: "floating",
 					ref: Tg,
 					style: normalizeStyle(unref(Eg)),
-					class: "rr-block z-[9999]"
+					class: "sf-isolate rr-block sf:z-9999"
 				}, [createVNode(Transition, {
 					"enter-active-class": Gg.value?.enterActive,
 					"enter-from-class": Gg.value?.enterFrom,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superfeedback/widget",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "private": false,
   "license": "MIT",
   "files": [