@kiva/kv-components 10.6.0 → 10.6.1

package/dist/vue/KvIconButton.js

@@ -1,118 +1,4 @@
-import { defineComponent as n, computed as c, openBlock as s, createElementBlock as u, normalizeClass as a, createElementVNode as w, createVNode as m } from "vue";
-import { mdiDotsVertical as f } from "@mdi/js";
-import y from "./KvMaterialIcon.js";
-const b = ["disabled", "aria-pressed"], V = /* @__PURE__ */ n({
-  __name: "KvIconButton",
-  props: {
-    /**
-     * The Material Design Icon path from @mdi/js
-     */
-    icon: {
-      type: String,
-      default: f
-    },
-    /**
-     * Size of the visual button element (touch target is always 44px minimum)
-     * `small (16px), medium (20px), large (24px - default)`
-     */
-    size: {
-      type: String,
-      default: "large",
-      validator(e) {
-        return ["small", "medium", "large"].includes(e);
-      }
-    },
-    /**
-     * Whether to show a border on the button
-     */
-    showBorder: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Border color variant. Only applies when showBorder is true.
-     * `primary, secondary, tertiary`
-     */
-    borderColor: {
-      type: String,
-      default: "tertiary",
-      validator(e) {
-        return ["primary", "secondary", "tertiary"].includes(e);
-      }
-    },
-    /**
-     * Whether to show background on the button
-     * Applies white background with hover and active states
-     */
-    showBackground: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the button is disabled
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the button acts as a toggle (on/off switch)
-     */
-    toggleable: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * The toggle state (for v-model support). Only used when toggleable is true.
-     */
-    modelValue: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Icon to display when toggle is active/on. Only used when toggleable is true.
-     */
-    activeIcon: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["click", "update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = e, r = l, i = (o) => {
-      t.disabled || (t.toggleable && r("update:modelValue", !t.modelValue), r("click", o));
-    }, d = c(() => t.toggleable && t.modelValue && t.activeIcon ? t.activeIcon : t.icon);
-    return (o, g) => (s(), u("button", {
-      type: "button",
-      disabled: e.disabled,
-      "aria-pressed": e.toggleable ? e.modelValue : void 0,
-      class: a(["tw-flex tw-items-center tw-justify-center tw-min-w-5.5 tw-min-h-5.5 tw-bg-transparent", {
-        "tw-opacity-low tw-cursor-default": e.disabled
-      }]),
-      onClick: i
-    }, [
-      w("span", {
-        class: a(["tw-flex tw-items-center tw-justify-center tw-transition-colors tw-duration-200 tw-rounded-full", {
-          "tw-w-4 tw-h-4": e.size === "small",
-          "tw-w-5 tw-h-5": e.size === "medium",
-          "tw-w-6 tw-h-6": e.size === "large",
-          "tw-bg-white hover:tw-bg-gray-100 active:tw-bg-gray-200": e.showBackground,
-          "tw-border": e.showBorder,
-          "tw-border-primary": e.showBorder && e.borderColor === "primary",
-          "tw-border-secondary": e.showBorder && e.borderColor === "secondary",
-          "tw-border-tertiary": e.showBorder && e.borderColor === "tertiary"
-        }])
-      }, [
-        m(y, {
-          icon: d.value,
-          class: a({
-            "tw-w-2.5 tw-h-2.5": e.size === "small"
-          })
-        }, null, 8, ["icon", "class"])
-      ], 2)
-    ], 10, b));
-  }
-});
+import f from "./KvIconButton.script.js";
 export {
-  V as default
+  f as default
 };

package/dist/vue/KvIconButton.script.js

@@ -0,0 +1,118 @@
+import { defineComponent as n, computed as c, openBlock as s, createElementBlock as u, normalizeClass as a, createElementVNode as w, createVNode as m } from "vue";
+import { mdiDotsVertical as f } from "@mdi/js";
+import y from "./KvMaterialIcon.js";
+const b = ["disabled", "aria-pressed"], V = /* @__PURE__ */ n({
+  __name: "KvIconButton",
+  props: {
+    /**
+     * The Material Design Icon path from @mdi/js
+     */
+    icon: {
+      type: String,
+      default: f
+    },
+    /**
+     * Size of the visual button element (touch target is always 44px minimum)
+     * `small (16px), medium (20px), large (24px - default)`
+     */
+    size: {
+      type: String,
+      default: "large",
+      validator(e) {
+        return ["small", "medium", "large"].includes(e);
+      }
+    },
+    /**
+     * Whether to show a border on the button
+     */
+    showBorder: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Border color variant. Only applies when showBorder is true.
+     * `primary, secondary, tertiary`
+     */
+    borderColor: {
+      type: String,
+      default: "tertiary",
+      validator(e) {
+        return ["primary", "secondary", "tertiary"].includes(e);
+      }
+    },
+    /**
+     * Whether to show background on the button
+     * Applies white background with hover and active states
+     */
+    showBackground: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether the button is disabled
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether the button acts as a toggle (on/off switch)
+     */
+    toggleable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The toggle state (for v-model support). Only used when toggleable is true.
+     */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Icon to display when toggle is active/on. Only used when toggleable is true.
+     */
+    activeIcon: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["click", "update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, r = l, i = (o) => {
+      t.disabled || (t.toggleable && r("update:modelValue", !t.modelValue), r("click", o));
+    }, d = c(() => t.toggleable && t.modelValue && t.activeIcon ? t.activeIcon : t.icon);
+    return (o, g) => (s(), u("button", {
+      type: "button",
+      disabled: e.disabled,
+      "aria-pressed": e.toggleable ? e.modelValue : void 0,
+      class: a(["tw-flex tw-items-center tw-justify-center tw-min-w-5.5 tw-min-h-5.5 tw-bg-transparent", {
+        "tw-opacity-low tw-cursor-default": e.disabled
+      }]),
+      onClick: i
+    }, [
+      w("span", {
+        class: a(["tw-flex tw-items-center tw-justify-center tw-transition-colors tw-duration-200 tw-rounded-full", {
+          "tw-w-4 tw-h-4": e.size === "small",
+          "tw-w-5 tw-h-5": e.size === "medium",
+          "tw-w-6 tw-h-6": e.size === "large",
+          "tw-bg-white hover:tw-bg-gray-100 active:tw-bg-gray-200": e.showBackground,
+          "tw-border": e.showBorder,
+          "tw-border-primary": e.showBorder && e.borderColor === "primary",
+          "tw-border-secondary": e.showBorder && e.borderColor === "secondary",
+          "tw-border-tertiary": e.showBorder && e.borderColor === "tertiary"
+        }])
+      }, [
+        m(y, {
+          icon: d.value,
+          class: a({
+            "tw-w-2.5 tw-h-2.5": e.size === "small"
+          })
+        }, null, 8, ["icon", "class"])
+      ], 2)
+    ], 10, b));
+  }
+});
+export {
+  V as default
+};

package/dist/vue/KvImageUpload.js

@@ -1,4 +1,4 @@
-import p from "./KvImageUpload2.js";
+import p from "./KvImageUpload.script.js";
 import { resolveComponent as f, openBlock as i, createElementBlock as n, createElementVNode as a, normalizeStyle as g, normalizeClass as l, renderSlot as b, createVNode as c, withModifiers as w, createCommentVNode as m } from "vue";
 import "./KvImageUpload.css";
 import u from "../_virtual/_plugin-vue_export-helper.js";

package/dist/vue/KvImpactVerticalSelector.js

@@ -1,4 +1,4 @@
-import _ from "./KvImpactVerticalSelector2.js";
+import _ from "./KvImpactVerticalSelector.script.js";
 import { resolveComponent as d, openBlock as s, createElementBlock as n, createElementVNode as l, Fragment as f, renderList as C, createBlock as c, withCtx as g, normalizeClass as i, createCommentVNode as o, toDisplayString as r } from "vue";
 import h from "../_virtual/_plugin-vue_export-helper.js";
 const b = { class: "tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-3" }, k = ["alt", "src", "width"], u = { class: "tw-mb-0.5 tw-font-medium" }, v = { class: "tw-text-small" }, x = {

package/dist/vue/KvInlineActivityCard.js

@@ -1,4 +1,4 @@
-import o from "./KvInlineActivityCard2.js";
+import o from "./KvInlineActivityCard.script.js";
 import { resolveComponent as s, openBlock as a, createElementBlock as l, createVNode as d, createElementVNode as r, toDisplayString as c, createTextVNode as i } from "vue";
 import m from "../_virtual/_plugin-vue_export-helper.js";
 const p = { class: "tw-flex tw-items-center tw-gap-1 tw-py-0.5 tw-px-1 tw-shadow-lg tw-rounded-xs tw-bg-white" }, w = { class: "tw-text-base tw-whitespace-nowrap" }, _ = { class: "data-hj-suppress" };

package/dist/vue/KvInlineActivityFeed.js

@@ -1,4 +1,4 @@
-import c from "./KvInlineActivityFeed2.js";
+import c from "./KvInlineActivityFeed.script.js";
 import { resolveComponent as a, openBlock as t, createElementBlock as e, Fragment as l, renderList as s, createBlock as p } from "vue";
 import "./KvInlineActivityFeed.css";
 import d from "../_virtual/_plugin-vue_export-helper.js";