@stachelock/ui 0.2.13 → 0.3.0

package/dist/AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-CFS3lVF-.js

@@ -0,0 +1,128 @@
+import { createElementBlock as a, openBlock as n, createElementVNode as e, defineComponent as m, normalizeClass as i, createVNode as u, unref as b } from "vue";
+function v(s, r) {
+  return n(), a("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"
+    })
+  ]);
+}
+function k(s, r) {
+  return n(), a("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
+    })
+  ]);
+}
+function x(s, r) {
+  return n(), a("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
+    })
+  ]);
+}
+const y = {
+  class: "sl-isolate sl-inline-flex sl-rounded-md sl-shadow-sm",
+  "data-testid": "add-delete-button-group"
+}, w = ["disabled"], h = ["disabled"], f = ["disabled"], A = /* @__PURE__ */ m({
+  __name: "AddDeleteButtonGroup",
+  props: {
+    buttonAttributes: {
+      type: Object,
+      default: () => ({
+        add: { disabled: !0 },
+        save: { disabled: !0 },
+        remove: { disabled: !0 }
+      })
+    }
+  },
+  emits: ["button-clicked"],
+  setup(s, { emit: r }) {
+    const d = s, c = r, o = (l) => {
+      l === "add" && d.buttonAttributes.add.disabled || l === "save" && d.buttonAttributes.save?.disabled || l === "remove" && d.buttonAttributes.remove.disabled || c("button-clicked", l);
+    };
+    return (l, t) => (n(), a("span", y, [
+      e("button", {
+        type: "button",
+        onClick: t[0] || (t[0] = (g) => o("add")),
+        disabled: s.buttonAttributes.add.disabled,
+        class: i([
+          "sl-relative sl-inline-flex sl-items-center sl-rounded-l-md sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-z-10 sl-transition-colors",
+          s.buttonAttributes.add.disabled ? "sl-bg-gray-200 dark:sl-bg-slate-700 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed" : "sl-bg-white dark:sl-bg-slate-800 sl-text-gray-800 dark:sl-text-gray-200 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-700"
+        ]),
+        "data-testid": "add-button"
+      }, [
+        u(b(x), {
+          class: "sl-h-4 sl-w-4",
+          "aria-hidden": "true"
+        }),
+        t[3] || (t[3] = e("span", { class: "sl-sr-only" }, "Add", -1))
+      ], 10, w),
+      e("button", {
+        type: "button",
+        onClick: t[1] || (t[1] = (g) => o("save")),
+        disabled: s.buttonAttributes.save?.disabled,
+        class: i([
+          "sl-relative sl--ml-px sl-inline-flex sl-items-center sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-z-10 sl-transition-colors",
+          s.buttonAttributes.save?.disabled ? "sl-bg-gray-200 dark:sl-bg-slate-700 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed" : "sl-bg-white dark:sl-bg-slate-800 sl-text-gray-800 dark:sl-text-gray-200 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-700"
+        ]),
+        "data-testid": "save-button"
+      }, [
+        u(b(v), {
+          class: "sl-h-4 sl-w-4",
+          "aria-hidden": "true"
+        }),
+        t[4] || (t[4] = e("span", { class: "sl-sr-only" }, "Save", -1))
+      ], 10, h),
+      e("button", {
+        type: "button",
+        onClick: t[2] || (t[2] = (g) => o("remove")),
+        disabled: s.buttonAttributes.remove.disabled,
+        class: i([
+          "sl-relative sl--ml-px sl-inline-flex sl-items-center sl-rounded-r-md sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-z-10 sl-transition-colors",
+          s.buttonAttributes.remove.disabled ? "sl-bg-gray-200 dark:sl-bg-slate-700 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed" : "sl-bg-white dark:sl-bg-slate-800 sl-text-gray-800 dark:sl-text-gray-200 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-700"
+        ]),
+        "data-testid": "remove-button"
+      }, [
+        u(b(k), {
+          class: "sl-h-4 sl-w-4",
+          "aria-hidden": "true"
+        }),
+        t[5] || (t[5] = e("span", { class: "sl-sr-only" }, "Remove", -1))
+      ], 10, f)
+    ]));
+  }
+});
+export {
+  A as _
+};
+//# sourceMappingURL=AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-CFS3lVF-.js.map

package/dist/AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-CFS3lVF-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddDeleteButtonGroup.vue_vue_type_script_setup_true_lang-CFS3lVF-.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/ArrowDownTrayIcon.js","../node_modules/@heroicons/vue/24/outline/esm/MinusCircleIcon.js","../node_modules/@heroicons/vue/24/outline/esm/PlusCircleIcon.js","../src/components/inputs/AddDeleteButtonGroup.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\n    })\n  ]))\n}","<!--\n  @component AddDeleteButtonGroup\n  @description Button group for add/save/remove actions.\n  \n  A compact inline button group with add, save, and remove actions.\n  Each button can be individually enabled/disabled based on the\n  current state of the form or list being managed.\n  \n  @props\n  - buttonAttributes (object, optional): Configuration for button states\n    - add.disabled: boolean\n    - save.disabled: boolean\n    - remove.disabled: boolean\n  \n  @emits\n  - button-clicked: Emitted when any button is clicked with action name ('add' | 'save' | 'remove')\n  \n  @example\n  <AddDeleteButtonGroup\n    :button-attributes=\"{\n      add: { disabled: false },\n      save: { disabled: true },\n      remove: { disabled: items.length === 0 }\n    }\"\n    @button-clicked=\"handleAction\"\n  />\n-->\n<template>\n  <span class=\"sl-isolate sl-inline-flex sl-rounded-md sl-shadow-sm\" data-testid=\"add-delete-button-group\">\n    <!-- Add button -->\n    <button \n      type=\"button\" \n      @click=\"emitClick('add')\" \n      :disabled=\"buttonAttributes.add.disabled\"\n      :class=\"[\n        'sl-relative sl-inline-flex sl-items-center sl-rounded-l-md sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-z-10 sl-transition-colors',\n        buttonAttributes.add.disabled \n          ? 'sl-bg-gray-200 dark:sl-bg-slate-700 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed' \n          : 'sl-bg-white dark:sl-bg-slate-800 sl-text-gray-800 dark:sl-text-gray-200 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-700'\n      ]\"\n      data-testid=\"add-button\"\n    >\n      <PlusCircleIcon class=\"sl-h-4 sl-w-4\" aria-hidden=\"true\" />\n      <span class=\"sl-sr-only\">Add</span>\n    </button>\n\n    <!-- Save button -->\n    <button \n      type=\"button\" \n      @click=\"emitClick('save')\" \n      :disabled=\"buttonAttributes.save?.disabled\"\n      :class=\"[\n        'sl-relative sl--ml-px sl-inline-flex sl-items-center sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-z-10 sl-transition-colors',\n        buttonAttributes.save?.disabled \n          ? 'sl-bg-gray-200 dark:sl-bg-slate-700 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed' \n          : 'sl-bg-white dark:sl-bg-slate-800 sl-text-gray-800 dark:sl-text-gray-200 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-700'\n      ]\"\n      data-testid=\"save-button\"\n    >\n      <ArrowDownTrayIcon class=\"sl-h-4 sl-w-4\" aria-hidden=\"true\" />\n      <span class=\"sl-sr-only\">Save</span>\n    </button>\n\n    <!-- Remove button -->\n    <button \n      type=\"button\" \n      @click=\"emitClick('remove')\" \n      :disabled=\"buttonAttributes.remove.disabled\"\n      :class=\"[\n        'sl-relative sl--ml-px sl-inline-flex sl-items-center sl-rounded-r-md sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-z-10 sl-transition-colors',\n        buttonAttributes.remove.disabled \n          ? 'sl-bg-gray-200 dark:sl-bg-slate-700 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed' \n          : 'sl-bg-white dark:sl-bg-slate-800 sl-text-gray-800 dark:sl-text-gray-200 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-700'\n      ]\"\n      data-testid=\"remove-button\"\n    >\n      <MinusCircleIcon class=\"sl-h-4 sl-w-4\" aria-hidden=\"true\" />\n      <span class=\"sl-sr-only\">Remove</span>\n    </button>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { PlusCircleIcon, MinusCircleIcon, ArrowDownTrayIcon } from '@heroicons/vue/24/outline'\n\ninterface ButtonConfig {\n  disabled: boolean\n}\n\ninterface AddDeleteButtonAttributes {\n  add: ButtonConfig\n  save?: ButtonConfig\n  remove: ButtonConfig\n}\n\nconst props = defineProps({\n  buttonAttributes: {\n    type: Object as PropType<AddDeleteButtonAttributes>,\n    default: () => ({\n      add: { disabled: true },\n      save: { disabled: true },\n      remove: { disabled: true }\n    })\n  }\n})\n\nconst emit = defineEmits<{\n  'button-clicked': [action: 'add' | 'save' | 'remove']\n}>()\n\nconst emitClick = (button: 'add' | 'save' | 'remove') => {\n  // Check if button is disabled before emitting\n  if (button === 'add' && props.buttonAttributes.add.disabled) return\n  if (button === 'save' && props.buttonAttributes.save?.disabled) return\n  if (button === 'remove' && props.buttonAttributes.remove.disabled) return\n  \n  emit('button-clicked', button)\n}\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","emit","__emit","emitClick","button","_hoisted_1","_normalizeClass","_createVNode","_unref","PlusCircleIcon","ArrowDownTrayIcon","MinusCircleIcon"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js

@@ -0,0 +1,194 @@
+import { createElementBlock as k, openBlock as i, createElementVNode as o, defineComponent as V, ref as M, computed as c, watch as B, createBlock as y, withCtx as m, renderSlot as $, createCommentVNode as z, toDisplayString as u, withDirectives as K, vModelCheckbox as T, normalizeClass as x, resolveDynamicComponent as E } from "vue";
+import { _ as I } from "./BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js";
+import { a as N, r as _ } from "./InformationCircleIcon-B322GNIt.js";
+import { r as A } from "./ExclamationCircleIcon-DjxYk45_.js";
+import { r as b } from "./ExclamationTriangleIcon-BNKYmV_J.js";
+function j(e, f) {
+  return i(), k("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"
+    })
+  ]);
+}
+const q = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white" }, L = { class: "sl-text-sm sl-text-gray-500 dark:sl-text-slate-300" }, O = {
+  key: 0,
+  class: "sl-mt-4 sl-flex sl-items-center"
+}, P = {
+  for: "dont-remind-checkbox",
+  class: "sl-ml-2 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300"
+}, w = "alert_modal_dont_remind_", G = /* @__PURE__ */ V({
+  __name: "AlertModal",
+  props: {
+    /** Whether the modal is visible (v-model compatible) */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /** Modal size */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /** Modal title */
+    title: {
+      type: String,
+      default: "Confirm Action"
+    },
+    /** Modal message/description */
+    message: {
+      type: String,
+      default: "Are you sure you want to proceed with this action?"
+    },
+    /** Confirm button text */
+    confirmText: {
+      type: String,
+      default: "Confirm"
+    },
+    /** Cancel button text */
+    cancelText: {
+      type: String,
+      default: "Cancel"
+    },
+    /** Theme for the confirm button */
+    theme: {
+      type: String,
+      default: "danger"
+    },
+    /** Icon type to display */
+    icon: {
+      type: String,
+      default: "warning"
+    },
+    /** Whether to show the cancel button */
+    showCancel: {
+      type: Boolean,
+      default: !0
+    },
+    /** Whether to show the "don't remind me" checkbox */
+    showDontRemind: {
+      type: Boolean,
+      default: !1
+    },
+    /** Unique key for storing the "don't remind" preference in sessionStorage */
+    dontRemindKey: {
+      type: String,
+      default: ""
+    },
+    /** Label for the "don't remind" checkbox */
+    dontRemindLabel: {
+      type: String,
+      default: "Don't ask me again for this session"
+    }
+  },
+  emits: ["update:modelValue", "confirm", "cancel"],
+  setup(e, { emit: f }) {
+    const t = e, n = f, s = M(!1), p = () => {
+      if (!t.showDontRemind || !t.dontRemindKey) return !1;
+      try {
+        return sessionStorage.getItem(w + t.dontRemindKey) === "true";
+      } catch {
+        return !1;
+      }
+    }, C = () => {
+      if (!(!t.showDontRemind || !t.dontRemindKey || !s.value))
+        try {
+          sessionStorage.setItem(w + t.dontRemindKey, "true");
+        } catch {
+        }
+    }, r = c({
+      get: () => t.modelValue,
+      set: (l) => n("update:modelValue", l)
+    });
+    B(() => t.modelValue, (l) => {
+      l && p() && (n("confirm"), n("update:modelValue", !1)), l && (s.value = !1);
+    });
+    const v = {
+      warning: b,
+      danger: A,
+      info: _,
+      success: N,
+      question: j
+    }, S = c(() => v[t.icon] || b), g = {
+      warning: {
+        bgColor: "sl-bg-yellow-100 dark:sl-bg-yellow-900/30",
+        iconColor: "sl-text-yellow-600 dark:sl-text-yellow-400"
+      },
+      danger: {
+        bgColor: "sl-bg-red-100 dark:sl-bg-red-900/30",
+        iconColor: "sl-text-red-600 dark:sl-text-red-400"
+      },
+      info: {
+        bgColor: "sl-bg-blue-100 dark:sl-bg-blue-900/30",
+        iconColor: "sl-text-blue-600 dark:sl-text-blue-400"
+      },
+      success: {
+        bgColor: "sl-bg-green-100 dark:sl-bg-green-900/30",
+        iconColor: "sl-text-green-600 dark:sl-text-green-400"
+      },
+      question: {
+        bgColor: "sl-bg-gray-100 dark:sl-bg-slate-700",
+        iconColor: "sl-text-gray-600 dark:sl-text-slate-300"
+      }
+    }, h = c(() => g[t.icon] || g.warning), R = () => {
+      C(), n("confirm"), r.value = !1;
+    }, D = () => {
+      n("cancel"), r.value = !1;
+    };
+    return (l, a) => (i(), y(I, {
+      modelValue: r.value,
+      "onUpdate:modelValue": a[1] || (a[1] = (d) => r.value = d),
+      size: e.size,
+      "confirm-text": e.confirmText,
+      "cancel-text": e.cancelText,
+      "confirm-theme": e.theme,
+      "show-cancel": e.showCancel,
+      "show-close-button": !1,
+      onCancel: D,
+      onConfirm: R
+    }, {
+      icon: m(() => [
+        o("div", {
+          class: x(["sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-h-10 sm:sl-w-10", h.value.bgColor])
+        }, [
+          (i(), y(E(S.value), {
+            class: x(["sl-h-6 sl-w-6", h.value.iconColor]),
+            "aria-hidden": "true"
+          }, null, 8, ["class"]))
+        ], 2)
+      ]),
+      header: m(() => [
+        o("span", q, u(e.title), 1)
+      ]),
+      body: m(() => [
+        o("p", L, u(e.message), 1),
+        $(l.$slots, "body-extra"),
+        e.showDontRemind ? (i(), k("div", O, [
+          K(o("input", {
+            id: "dont-remind-checkbox",
+            "onUpdate:modelValue": a[0] || (a[0] = (d) => s.value = d),
+            type: "checkbox",
+            class: "sl-h-4 sl-w-4 sl-rounded sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900 sl-text-primary-600 focus:sl-ring-primary-600"
+          }, null, 512), [
+            [T, s.value]
+          ]),
+          o("label", P, u(e.dontRemindLabel), 1)
+        ])) : z("", !0)
+      ]),
+      _: 3
+    }, 8, ["modelValue", "size", "confirm-text", "cancel-text", "confirm-theme", "show-cancel"]));
+  }
+});
+export {
+  G as _
+};
+//# sourceMappingURL=AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js.map

package/dist/AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/QuestionMarkCircleIcon.js","../src/components/modals/AlertModal.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z\"\n    })\n  ]))\n}","<template>\n  <BaseModal\n    v-model=\"isModalOpen\"\n    :size=\"size\"\n    :confirm-text=\"confirmText\"\n    :cancel-text=\"cancelText\"\n    :confirm-theme=\"theme\"\n    :show-cancel=\"showCancel\"\n    :show-close-button=\"false\"\n    @cancel=\"handleCancel\"\n    @confirm=\"handleConfirm\"\n  >\n    <template #icon>\n      <div :class=\"['sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-h-10 sm:sl-w-10', iconStyles.bgColor]\">\n        <component :is=\"iconComponent\" :class=\"['sl-h-6 sl-w-6', iconStyles.iconColor]\" aria-hidden=\"true\" />\n      </div>\n    </template>\n\n    <template #header>\n      <span class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white\">\n        {{ title }}\n      </span>\n    </template>\n\n    <template #body>\n      <p class=\"sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">{{ message }}</p>\n      <slot name=\"body-extra\" />\n      \n      <!-- Don't remind checkbox -->\n      <div v-if=\"showDontRemind\" class=\"sl-mt-4 sl-flex sl-items-center\">\n        <input\n          id=\"dont-remind-checkbox\"\n          v-model=\"dontRemindChecked\"\n          type=\"checkbox\"\n          class=\"sl-h-4 sl-w-4 sl-rounded sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900 sl-text-primary-600 focus:sl-ring-primary-600\"\n        />\n        <label for=\"dont-remind-checkbox\" class=\"sl-ml-2 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n          {{ dontRemindLabel }}\n        </label>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, type Component, type PropType } from 'vue';\nimport { \n  ExclamationTriangleIcon, \n  ExclamationCircleIcon,\n  InformationCircleIcon,\n  CheckCircleIcon,\n  QuestionMarkCircleIcon\n} from '@heroicons/vue/24/outline';\nimport BaseModal from './BaseModal.vue';\nimport type { Theme } from '@/types/core';\n\n// =============================================================================\n// Props\n// =============================================================================\n\nconst props = defineProps({\n  /** Whether the modal is visible (v-model compatible) */\n  modelValue: {\n    type: Boolean,\n    default: false\n  },\n  /** Modal size */\n  size: {\n    type: String as PropType<'sm' | 'md' | 'lg' | 'xl' | '2xl'>,\n    default: 'md'\n  },\n  /** Modal title */\n  title: {\n    type: String,\n    default: 'Confirm Action'\n  },\n  /** Modal message/description */\n  message: {\n    type: String,\n    default: 'Are you sure you want to proceed with this action?'\n  },\n  /** Confirm button text */\n  confirmText: {\n    type: String,\n    default: 'Confirm'\n  },\n  /** Cancel button text */\n  cancelText: {\n    type: String,\n    default: 'Cancel'\n  },\n  /** Theme for the confirm button */\n  theme: {\n    type: String as PropType<Theme>,\n    default: 'danger'\n  },\n  /** Icon type to display */\n  icon: {\n    type: String as PropType<'warning' | 'danger' | 'info' | 'success' | 'question'>,\n    default: 'warning'\n  },\n  /** Whether to show the cancel button */\n  showCancel: {\n    type: Boolean,\n    default: true\n  },\n  /** Whether to show the \"don't remind me\" checkbox */\n  showDontRemind: {\n    type: Boolean,\n    default: false\n  },\n  /** Unique key for storing the \"don't remind\" preference in sessionStorage */\n  dontRemindKey: {\n    type: String,\n    default: ''\n  },\n  /** Label for the \"don't remind\" checkbox */\n  dontRemindLabel: {\n    type: String,\n    default: \"Don't ask me again for this session\"\n  }\n});\n\n// =============================================================================\n// Emits\n// =============================================================================\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n  (e: 'confirm'): void;\n  (e: 'cancel'): void;\n}>();\n\n// =============================================================================\n// Don't Remind State\n// =============================================================================\n\nconst dontRemindChecked = ref(false);\n\n// Session storage key prefix for \"don't remind\" preferences\nconst DONT_REMIND_PREFIX = 'alert_modal_dont_remind_';\n\n/**\n * Check if user has previously chosen \"don't remind\" for this key\n */\nconst shouldSkipModal = (): boolean => {\n  if (!props.showDontRemind || !props.dontRemindKey) return false;\n  try {\n    return sessionStorage.getItem(DONT_REMIND_PREFIX + props.dontRemindKey) === 'true';\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Save the \"don't remind\" preference to session storage\n */\nconst saveDontRemindPreference = () => {\n  if (!props.showDontRemind || !props.dontRemindKey || !dontRemindChecked.value) return;\n  try {\n    sessionStorage.setItem(DONT_REMIND_PREFIX + props.dontRemindKey, 'true');\n  } catch {\n    // Ignore storage errors\n  }\n};\n\n// =============================================================================\n// Modal Visibility\n// =============================================================================\n\nconst isModalOpen = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value)\n});\n\n// Watch for modal opening - if user has \"don't remind\" set, auto-confirm\nwatch(() => props.modelValue, (newValue) => {\n  if (newValue && shouldSkipModal()) {\n    // Auto-confirm without showing the modal\n    emit('confirm');\n    emit('update:modelValue', false);\n  }\n  // Reset checkbox state when modal opens\n  if (newValue) {\n    dontRemindChecked.value = false;\n  }\n});\n\n// =============================================================================\n// Icon Configuration\n// =============================================================================\n\nconst iconMap: Record<string, Component> = {\n  warning: ExclamationTriangleIcon,\n  danger: ExclamationCircleIcon,\n  info: InformationCircleIcon,\n  success: CheckCircleIcon,\n  question: QuestionMarkCircleIcon,\n};\n\nconst iconComponent = computed(() => iconMap[props.icon] || ExclamationTriangleIcon);\n\nconst iconStyleMap = {\n  warning: {\n    bgColor: 'sl-bg-yellow-100 dark:sl-bg-yellow-900/30',\n    iconColor: 'sl-text-yellow-600 dark:sl-text-yellow-400'\n  },\n  danger: {\n    bgColor: 'sl-bg-red-100 dark:sl-bg-red-900/30',\n    iconColor: 'sl-text-red-600 dark:sl-text-red-400'\n  },\n  info: {\n    bgColor: 'sl-bg-blue-100 dark:sl-bg-blue-900/30',\n    iconColor: 'sl-text-blue-600 dark:sl-text-blue-400'\n  },\n  success: {\n    bgColor: 'sl-bg-green-100 dark:sl-bg-green-900/30',\n    iconColor: 'sl-text-green-600 dark:sl-text-green-400'\n  },\n  question: {\n    bgColor: 'sl-bg-gray-100 dark:sl-bg-slate-700',\n    iconColor: 'sl-text-gray-600 dark:sl-text-slate-300'\n  }\n};\n\nconst iconStyles = computed(() => iconStyleMap[props.icon] || iconStyleMap.warning);\n\n// =============================================================================\n// Handlers\n// =============================================================================\n\nconst handleConfirm = () => {\n  // Save \"don't remind\" preference if checked\n  saveDontRemindPreference();\n  \n  emit('confirm');\n  isModalOpen.value = false;\n};\n\nconst handleCancel = () => {\n  emit('cancel');\n  isModalOpen.value = false;\n};\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","DONT_REMIND_PREFIX","props","__props","emit","__emit","dontRemindChecked","ref","shouldSkipModal","saveDontRemindPreference","isModalOpen","computed","value","watch","newValue","iconMap","ExclamationTriangleIcon","ExclamationCircleIcon","InformationCircleIcon","CheckCircleIcon","QuestionMarkCircleIcon","iconComponent","iconStyleMap","iconStyles","handleConfirm","handleCancel","_createBlock","BaseModal","$event","_normalizeClass","_resolveDynamicComponent","_hoisted_1","_toDisplayString","_hoisted_2","_renderSlot","_hoisted_3","_hoisted_4"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js

@@ -0,0 +1,34 @@
+import { defineComponent as d, computed as i, createElementBlock as o, openBlock as l, normalizeClass as s, normalizeStyle as g, renderSlot as c } from "vue";
+const u = /* @__PURE__ */ d({
+  __name: "BackgroundGradientWrapper",
+  props: {
+    gradientStart: { default: "rgba(0, 0, 255, 1)" },
+    gradientEnd: { default: "rgba(0, 255, 0, 1)" },
+    gradientType: { default: "linear" },
+    gradientDirection: { default: "to right" },
+    gradientShape: { default: "ellipse" },
+    gradientSize: { default: "farthest-corner" },
+    additionalStops: { default: () => [] },
+    classes: { default: "" }
+  },
+  setup(a) {
+    const e = a, r = i(() => {
+      const t = [e.gradientStart, ...e.additionalStops, e.gradientEnd].join(", ");
+      return {
+        background: e.gradientType === "radial" ? `radial-gradient(${e.gradientShape} ${e.gradientSize} at center, ${t})` : `linear-gradient(${e.gradientDirection}, ${t})`,
+        width: "100%",
+        height: "100%"
+      };
+    });
+    return (t, n) => (l(), o("div", {
+      style: g(r.value),
+      class: s(t.classes)
+    }, [
+      c(t.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  u as _
+};
+//# sourceMappingURL=BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js.map

package/dist/BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js","sources":["../src/components/wrappers/BackgroundGradientWrapper.vue"],"sourcesContent":["<!--\n  @component BackgroundGradientWrapper\n  @description Gradient background container with customizable colors and styles.\n  \n  A wrapper component that applies linear or radial gradient backgrounds\n  to its content.\n  \n  @props\n  - gradientStart (string, optional): Start color (default: rgba blue)\n  - gradientEnd (string, optional): End color (default: rgba green)\n  - gradientType (string, optional): 'linear' or 'radial'\n  - gradientDirection (string, optional): Direction for linear gradient\n  - gradientShape (string, optional): Shape for radial gradient\n  - gradientSize (string, optional): Size for radial gradient\n  - additionalStops (string[], optional): Additional color stops\n  - classes (string, optional): Additional CSS classes\n  \n  @slots\n  - default: Content inside the gradient background\n  \n  @example\n  <BackgroundGradientWrapper\n    gradient-start=\"rgba(59, 130, 246, 0.8)\"\n    gradient-end=\"rgba(35, 78, 138, 0.8)\"\n    gradient-type=\"radial\"\n    classes=\"sl-rounded-lg sl-p-8\"\n  >\n    <h1 class=\"sl-text-white\">Welcome</h1>\n  </BackgroundGradientWrapper>\n-->\n<template>\n  <div :style=\"gradientStyle\" :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ninterface Props {\n  gradientStart?: string;\n  gradientEnd?: string;\n  gradientType?: 'linear' | 'radial';\n  gradientDirection?: string;\n  gradientShape?: string;\n  gradientSize?: string;\n  additionalStops?: string[];\n  classes?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  gradientStart: 'rgba(0, 0, 255, 1)',\n  gradientEnd: 'rgba(0, 255, 0, 1)',\n  gradientType: 'linear',\n  gradientDirection: 'to right',\n  gradientShape: 'ellipse',\n  gradientSize: 'farthest-corner',\n  additionalStops: () => [],\n  classes: '',\n});\n\nconst gradientStyle = computed(() => {\n  const stops = [props.gradientStart, ...props.additionalStops, props.gradientEnd].join(', ');\n  \n  const background = props.gradientType === 'radial'\n    ? `radial-gradient(${props.gradientShape} ${props.gradientSize} at center, ${stops})`\n    : `linear-gradient(${props.gradientDirection}, ${stops})`;\n\n  return {\n    background,\n    width: '100%',\n    height: '100%',\n  };\n});\n</script>\n\n"],"names":["props","__props","gradientStyle","computed","stops","_createElementBlock","classes","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;AAkDA,UAAMA,IAAQC,GAWRC,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAAQ,CAACJ,EAAM,eAAe,GAAGA,EAAM,iBAAiBA,EAAM,WAAW,EAAE,KAAK,IAAI;AAM1F,aAAO;AAAA,QACL,YALiBA,EAAM,iBAAiB,WACtC,mBAAmBA,EAAM,aAAa,IAAIA,EAAM,YAAY,eAAeI,CAAK,MAChF,mBAAmBJ,EAAM,iBAAiB,KAAKI,CAAK;AAAA,QAItD,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IAEZ,CAAC;2BA1CCC,EAEM,OAAA;AAAA,MAFA,SAAOH,EAAA,KAAa;AAAA,MAAG,SAAOI,EAAAA,OAAO;AAAA,IAAA;MACzCC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js

@@ -0,0 +1,67 @@
+import { defineComponent as u, computed as l, createBlock as m, openBlock as f, mergeProps as y } from "vue";
+import g from "./charts/BaseChart.js";
+import { chartColors as b } from "./charts/chartTheme.js";
+const B = /* @__PURE__ */ u({
+  __name: "BarChart",
+  props: {
+    data: {},
+    xAxisData: {},
+    title: {},
+    horizontal: { type: Boolean, default: !1 },
+    stacked: { type: Boolean, default: !1 },
+    height: { default: 300 },
+    colors: { default: () => b.primary },
+    loading: { type: Boolean, default: !1 },
+    showLegend: { type: Boolean, default: !0 },
+    barWidth: { default: "60%" }
+  },
+  emits: ["click"],
+  setup(s, { emit: n }) {
+    const t = s, d = n, o = l(() => Array.isArray(t.data) && t.data.length > 0 && typeof t.data[0] == "object"), c = l(() => {
+      const a = o.value ? t.data.map((i, p) => ({
+        name: i.name,
+        type: "bar",
+        data: i.data,
+        stack: t.stacked ? "total" : void 0,
+        barWidth: t.barWidth,
+        barMaxWidth: 40,
+        itemStyle: {
+          color: t.colors[p % t.colors.length],
+          borderRadius: t.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0]
+        }
+      })) : [{
+        type: "bar",
+        data: t.data,
+        barWidth: t.barWidth,
+        barMaxWidth: 40,
+        itemStyle: {
+          color: t.colors[0],
+          borderRadius: t.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0]
+        }
+      }], e = {
+        type: "category",
+        data: t.xAxisData
+      }, r = {
+        type: "value"
+      };
+      return {
+        title: t.title ? { text: t.title } : void 0,
+        legend: t.showLegend && o.value ? { show: !0 } : { show: !1 },
+        xAxis: t.horizontal ? r : e,
+        yAxis: t.horizontal ? e : r,
+        series: a
+      };
+    }), h = (a) => {
+      d("click", a);
+    };
+    return (a, e) => (f(), m(g, y({
+      option: c.value,
+      height: a.height,
+      loading: a.loading
+    }, a.$attrs, { onClick: h }), null, 16, ["option", "height", "loading"]));
+  }
+});
+export {
+  B as _
+};
+//# sourceMappingURL=BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js.map

package/dist/BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js","sources":["../src/components/charts/BarChart.vue"],"sourcesContent":["<!--\n  @component BarChart\n  @description Bar chart component with horizontal/vertical orientation.\n  \n  @props\n  - data (array, required): Array of data points\n  - xAxisData (array, required): X-axis labels\n  - title (string, optional): Chart title\n  - horizontal (boolean, optional): Horizontal bar orientation\n  - stacked (boolean, optional): Stack multiple series\n  - height (number|string, optional): Chart height\n  - colors (array, optional): Custom color palette\n  \n  @example\n  <BarChart\n    :data=\"categoryData\"\n    :x-axis-data=\"categories\"\n    title=\"Sales by Category\"\n  />\n-->\n<template>\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"height\"\n    :loading=\"loading\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseChart from './BaseChart.vue';\nimport { chartColors } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\ninterface SeriesData {\n  name: string;\n  data: number[];\n}\n\ninterface Props {\n  data: number[] | SeriesData[];\n  xAxisData: string[];\n  title?: string;\n  horizontal?: boolean;\n  stacked?: boolean;\n  height?: number | string;\n  colors?: string[];\n  loading?: boolean;\n  showLegend?: boolean;\n  barWidth?: string | number;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  horizontal: false,\n  stacked: false,\n  height: 300,\n  colors: () => chartColors.primary,\n  loading: false,\n  showLegend: true,\n  barWidth: '60%',\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n}>();\n\nconst isMultiSeries = computed(() => {\n  return Array.isArray(props.data) && props.data.length > 0 && typeof props.data[0] === 'object';\n});\n\nconst chartOption = computed<EChartsOption>(() => {\n  const series = isMultiSeries.value\n    ? (props.data as SeriesData[]).map((s, idx) => ({\n        name: s.name,\n        type: 'bar' as const,\n        data: s.data,\n        stack: props.stacked ? 'total' : undefined,\n        barWidth: props.barWidth,\n        barMaxWidth: 40,\n        itemStyle: {\n          color: props.colors[idx % props.colors.length],\n          borderRadius: props.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0],\n        },\n      }))\n    : [{\n        type: 'bar' as const,\n        data: props.data as number[],\n        barWidth: props.barWidth,\n        barMaxWidth: 40,\n        itemStyle: {\n          color: props.colors[0],\n          borderRadius: props.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0],\n        },\n      }];\n\n  const categoryAxis = {\n    type: 'category' as const,\n    data: props.xAxisData,\n  };\n\n  const valueAxis = {\n    type: 'value' as const,\n  };\n\n  return {\n    title: props.title ? { text: props.title } : undefined,\n    legend: props.showLegend && isMultiSeries.value ? { show: true } : { show: false },\n    xAxis: props.horizontal ? valueAxis : categoryAxis,\n    yAxis: props.horizontal ? categoryAxis : valueAxis,\n    series,\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","isMultiSeries","computed","chartOption","series","s","idx","categoryAxis","valueAxis","handleClick","params","_openBlock","_createBlock","BaseChart","_mergeProps","height","loading","$attrs"],"mappings":";;;;;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAQC,GAURC,IAAOC,GAIPC,IAAgBC,EAAS,MACtB,MAAM,QAAQL,EAAM,IAAI,KAAKA,EAAM,KAAK,SAAS,KAAK,OAAOA,EAAM,KAAK,CAAC,KAAM,QACvF,GAEKM,IAAcD,EAAwB,MAAM;AAChD,YAAME,IAASH,EAAc,QACxBJ,EAAM,KAAsB,IAAI,CAACQ,GAAGC,OAAS;AAAA,QAC5C,MAAMD,EAAE;AAAA,QACR,MAAM;AAAA,QACN,MAAMA,EAAE;AAAA,QACR,OAAOR,EAAM,UAAU,UAAU;AAAA,QACjC,UAAUA,EAAM;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,UACT,OAAOA,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM;AAAA,UAC7C,cAAcA,EAAM,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,MAC7D,EACA,IACF,CAAC;AAAA,QACC,MAAM;AAAA,QACN,MAAMA,EAAM;AAAA,QACZ,UAAUA,EAAM;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,UACT,OAAOA,EAAM,OAAO,CAAC;AAAA,UACrB,cAAcA,EAAM,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,MAC7D,CACD,GAECU,IAAe;AAAA,QACnB,MAAM;AAAA,QACN,MAAMV,EAAM;AAAA,MAAA,GAGRW,IAAY;AAAA,QAChB,MAAM;AAAA,MAAA;AAGR,aAAO;AAAA,QACL,OAAOX,EAAM,QAAQ,EAAE,MAAMA,EAAM,UAAU;AAAA,QAC7C,QAAQA,EAAM,cAAcI,EAAc,QAAQ,EAAE,MAAM,GAAA,IAAS,EAAE,MAAM,GAAA;AAAA,QAC3E,OAAOJ,EAAM,aAAaW,IAAYD;AAAA,QACtC,OAAOV,EAAM,aAAaU,IAAeC;AAAA,QACzC,QAAAJ;AAAA,MAAA;AAAA,IAEJ,CAAC,GAEKK,IAAc,CAACC,MAA0B;AAC7C,MAAAX,EAAK,SAASW,CAAM;AAAA,IACtB;sBAhGEC,EAAA,GAAAC,EAMEC,GANFC,EAME;AAAA,MALC,QAAQX,EAAA;AAAA,MACR,QAAQY,EAAAA;AAAAA,MACR,SAASC,EAAAA;AAAAA,IAAAA,GACFC,EAAAA,QAAM,EACb,SAAOR,EAAA,CAAW,GAAA,MAAA,IAAA,CAAA,UAAA,UAAA,SAAA,CAAA;AAAA;;"}

package/dist/Bars3Icon-BdOqcGcY.js

@@ -0,0 +1,22 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
+function i(t, n) {
+  return o(), e("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+    })
+  ]);
+}
+export {
+  i as r
+};
+//# sourceMappingURL=Bars3Icon-BdOqcGcY.js.map

package/dist/Bars3Icon-BdOqcGcY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bars3Icon-BdOqcGcY.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/Bars3Icon.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\"\n    })\n  ]))\n}"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode"],"mappings":";AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}