@stachelock/ui 0.2.14 → 0.3.1

package/dist/UiMenu.vue_vue_type_script_setup_true_lang-aJddpshR.js

@@ -0,0 +1,330 @@
+import { createElementBlock as P, openBlock as y, createElementVNode as A, defineComponent as T, ref as w, computed as k, provide as G, onMounted as H, onUnmounted as J, watchEffect as W, nextTick as S, inject as X, createBlock as B, unref as M, withCtx as R, createVNode as D, normalizeClass as _, renderSlot as $, Transition as Y, Fragment as L, renderList as j, createCommentVNode as K, resolveDynamicComponent as ee, toDisplayString as V } from "vue";
+import { o as m, u as te, A as O, i as F, N as U } from "./render-QUUPyNjX.js";
+import { w as le, a as se, O as ae, h as re, v as ne, N as Z, _ as q } from "./use-outside-click-DNDV36Sc.js";
+import { s as oe } from "./use-resolve-button-type-h6n-lm9q.js";
+import { p as ue } from "./use-text-value-DKnkjK00.js";
+import { u as ie, f as de, c as I } from "./calculate-active-index-Dim3sT-5.js";
+import { i as ce } from "./use-tree-walker-BHCORE7u.js";
+import { t as pe, l as fe, i as E } from "./open-closed-JTEvYTg2.js";
+import { o as p } from "./keyboard-Dd_2-cFu.js";
+function ve(a, g) {
+  return y(), P("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    A("path", { d: "M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" })
+  ]);
+}
+var me = ((a) => (a[a.Open = 0] = "Open", a[a.Closed = 1] = "Closed", a))(me || {}), ge = ((a) => (a[a.Pointer = 0] = "Pointer", a[a.Other = 1] = "Other", a))(ge || {});
+function be(a) {
+  requestAnimationFrame(() => requestAnimationFrame(a));
+}
+let z = Symbol("MenuContext");
+function N(a) {
+  let g = X(z, null);
+  if (g === null) {
+    let c = new Error(`<${a} /> is missing a parent <Menu /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(c, N), c;
+  }
+  return g;
+}
+let he = T({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(a, { slots: g, attrs: c }) {
+  let b = w(1), h = w(null), f = w(null), t = w([]), u = w(""), l = w(null), d = w(1);
+  function v(e = (s) => s) {
+    let s = l.value !== null ? t.value[l.value] : null, r = ae(e(t.value.slice()), (x) => m(x.dataRef.domRef)), o = s ? r.indexOf(s) : null;
+    return o === -1 && (o = null), { items: r, activeItemIndex: o };
+  }
+  let n = { menuState: b, buttonRef: h, itemsRef: f, items: t, searchQuery: u, activeItemIndex: l, activationTrigger: d, closeMenu: () => {
+    b.value = 1, l.value = null;
+  }, openMenu: () => b.value = 0, goToItem(e, s, r) {
+    let o = v(), x = de(e === I.Specific ? { focus: I.Specific, id: s } : { focus: e }, { resolveItems: () => o.items, resolveActiveIndex: () => o.activeItemIndex, resolveId: (i) => i.id, resolveDisabled: (i) => i.dataRef.disabled });
+    u.value = "", l.value = x, d.value = r ?? 1, t.value = o.items;
+  }, search(e) {
+    let s = u.value !== "" ? 0 : 1;
+    u.value += e.toLowerCase();
+    let r = (l.value !== null ? t.value.slice(l.value + s).concat(t.value.slice(0, l.value + s)) : t.value).find((x) => x.dataRef.textValue.startsWith(u.value) && !x.dataRef.disabled), o = r ? t.value.indexOf(r) : -1;
+    o === -1 || o === l.value || (l.value = o, d.value = 1);
+  }, clearSearch() {
+    u.value = "";
+  }, registerItem(e, s) {
+    let r = v((o) => [...o, { id: e, dataRef: s }]);
+    t.value = r.items, l.value = r.activeItemIndex, d.value = 1;
+  }, unregisterItem(e) {
+    let s = v((r) => {
+      let o = r.findIndex((x) => x.id === e);
+      return o !== -1 && r.splice(o, 1), r;
+    });
+    t.value = s.items, l.value = s.activeItemIndex, d.value = 1;
+  } };
+  return le([h, f], (e, s) => {
+    var r;
+    n.closeMenu(), se(s, re.Loose) || (e.preventDefault(), (r = m(h)) == null || r.focus());
+  }, k(() => b.value === 0)), G(z, n), pe(k(() => te(b.value, { 0: E.Open, 1: E.Closed }))), () => {
+    let e = { open: b.value === 0, close: n.closeMenu };
+    return O({ ourProps: {}, theirProps: a, slot: e, slots: g, attrs: c, name: "Menu" });
+  };
+} }), xe = T({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(a, { attrs: g, slots: c, expose: b }) {
+  var h;
+  let f = (h = a.id) != null ? h : `headlessui-menu-button-${F()}`, t = N("MenuButton");
+  b({ el: t.buttonRef, $el: t.buttonRef });
+  function u(n) {
+    switch (n.key) {
+      case p.Space:
+      case p.Enter:
+      case p.ArrowDown:
+        n.preventDefault(), n.stopPropagation(), t.openMenu(), S(() => {
+          var e;
+          (e = m(t.itemsRef)) == null || e.focus({ preventScroll: !0 }), t.goToItem(I.First);
+        });
+        break;
+      case p.ArrowUp:
+        n.preventDefault(), n.stopPropagation(), t.openMenu(), S(() => {
+          var e;
+          (e = m(t.itemsRef)) == null || e.focus({ preventScroll: !0 }), t.goToItem(I.Last);
+        });
+        break;
+    }
+  }
+  function l(n) {
+    switch (n.key) {
+      case p.Space:
+        n.preventDefault();
+        break;
+    }
+  }
+  function d(n) {
+    a.disabled || (t.menuState.value === 0 ? (t.closeMenu(), S(() => {
+      var e;
+      return (e = m(t.buttonRef)) == null ? void 0 : e.focus({ preventScroll: !0 });
+    })) : (n.preventDefault(), t.openMenu(), be(() => {
+      var e;
+      return (e = m(t.itemsRef)) == null ? void 0 : e.focus({ preventScroll: !0 });
+    })));
+  }
+  let v = oe(k(() => ({ as: a.as, type: g.type })), t.buttonRef);
+  return () => {
+    var n;
+    let e = { open: t.menuState.value === 0 }, { ...s } = a, r = { ref: t.buttonRef, id: f, type: v.value, "aria-haspopup": "menu", "aria-controls": (n = m(t.itemsRef)) == null ? void 0 : n.id, "aria-expanded": t.menuState.value === 0, onKeydown: u, onKeyup: l, onClick: d };
+    return O({ ourProps: r, theirProps: s, slot: e, attrs: g, slots: c, name: "MenuButton" });
+  };
+} }), Ie = T({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(a, { attrs: g, slots: c, expose: b }) {
+  var h;
+  let f = (h = a.id) != null ? h : `headlessui-menu-items-${F()}`, t = N("MenuItems"), u = w(null);
+  b({ el: t.itemsRef, $el: t.itemsRef }), ce({ container: k(() => m(t.itemsRef)), enabled: k(() => t.menuState.value === 0), accept(e) {
+    return e.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : e.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(e) {
+    e.setAttribute("role", "none");
+  } });
+  function l(e) {
+    var s;
+    switch (u.value && clearTimeout(u.value), e.key) {
+      case p.Space:
+        if (t.searchQuery.value !== "") return e.preventDefault(), e.stopPropagation(), t.search(e.key);
+      case p.Enter:
+        if (e.preventDefault(), e.stopPropagation(), t.activeItemIndex.value !== null) {
+          let r = t.items.value[t.activeItemIndex.value];
+          (s = m(r.dataRef.domRef)) == null || s.click();
+        }
+        t.closeMenu(), q(m(t.buttonRef));
+        break;
+      case p.ArrowDown:
+        return e.preventDefault(), e.stopPropagation(), t.goToItem(I.Next);
+      case p.ArrowUp:
+        return e.preventDefault(), e.stopPropagation(), t.goToItem(I.Previous);
+      case p.Home:
+      case p.PageUp:
+        return e.preventDefault(), e.stopPropagation(), t.goToItem(I.First);
+      case p.End:
+      case p.PageDown:
+        return e.preventDefault(), e.stopPropagation(), t.goToItem(I.Last);
+      case p.Escape:
+        e.preventDefault(), e.stopPropagation(), t.closeMenu(), S(() => {
+          var r;
+          return (r = m(t.buttonRef)) == null ? void 0 : r.focus({ preventScroll: !0 });
+        });
+        break;
+      case p.Tab:
+        e.preventDefault(), e.stopPropagation(), t.closeMenu(), S(() => ne(m(t.buttonRef), e.shiftKey ? Z.Previous : Z.Next));
+        break;
+      default:
+        e.key.length === 1 && (t.search(e.key), u.value = setTimeout(() => t.clearSearch(), 350));
+        break;
+    }
+  }
+  function d(e) {
+    switch (e.key) {
+      case p.Space:
+        e.preventDefault();
+        break;
+    }
+  }
+  let v = fe(), n = k(() => v !== null ? (v.value & E.Open) === E.Open : t.menuState.value === 0);
+  return () => {
+    var e, s;
+    let r = { open: t.menuState.value === 0 }, { ...o } = a, x = { "aria-activedescendant": t.activeItemIndex.value === null || (e = t.items.value[t.activeItemIndex.value]) == null ? void 0 : e.id, "aria-labelledby": (s = m(t.buttonRef)) == null ? void 0 : s.id, id: f, onKeydown: l, onKeyup: d, role: "menu", tabIndex: 0, ref: t.itemsRef };
+    return O({ ourProps: x, theirProps: o, slot: r, attrs: g, slots: c, features: U.RenderStrategy | U.Static, visible: n.value, name: "MenuItems" });
+  };
+} }), ke = T({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(a, { slots: g, attrs: c, expose: b }) {
+  var h;
+  let f = (h = a.id) != null ? h : `headlessui-menu-item-${F()}`, t = N("MenuItem"), u = w(null);
+  b({ el: u, $el: u });
+  let l = k(() => t.activeItemIndex.value !== null ? t.items.value[t.activeItemIndex.value].id === f : !1), d = ue(u), v = k(() => ({ disabled: a.disabled, get textValue() {
+    return d();
+  }, domRef: u }));
+  H(() => t.registerItem(f, v)), J(() => t.unregisterItem(f)), W(() => {
+    t.menuState.value === 0 && l.value && t.activationTrigger.value !== 0 && S(() => {
+      var i, C;
+      return (C = (i = m(u)) == null ? void 0 : i.scrollIntoView) == null ? void 0 : C.call(i, { block: "nearest" });
+    });
+  });
+  function n(i) {
+    if (a.disabled) return i.preventDefault();
+    t.closeMenu(), q(m(t.buttonRef));
+  }
+  function e() {
+    if (a.disabled) return t.goToItem(I.Nothing);
+    t.goToItem(I.Specific, f);
+  }
+  let s = ie();
+  function r(i) {
+    s.update(i);
+  }
+  function o(i) {
+    s.wasMoved(i) && (a.disabled || l.value || t.goToItem(I.Specific, f, 0));
+  }
+  function x(i) {
+    s.wasMoved(i) && (a.disabled || l.value && t.goToItem(I.Nothing));
+  }
+  return () => {
+    let { disabled: i, ...C } = a, Q = { active: l.value, disabled: i, close: t.closeMenu };
+    return O({ ourProps: { id: f, ref: u, role: "menuitem", tabIndex: i === !0 ? void 0 : -1, "aria-disabled": i === !0 ? !0 : void 0, onClick: n, onFocus: e, onPointerenter: r, onMouseenter: r, onPointermove: o, onMousemove: o, onPointerleave: x, onMouseleave: x }, theirProps: { ...c, ...C }, slot: Q, attrs: c, slots: g, name: "MenuItem" });
+  };
+} });
+const we = ["onClick"], ye = { class: "sl-flex-1 sl-text-left" }, Se = {
+  key: 1,
+  class: "sl-text-xs sl-text-slate-400 dark:sl-text-slate-500"
+}, Me = "sl-p-2 sl-text-slate-500 dark:sl-text-slate-300 hover:sl-bg-slate-100 dark:hover:sl-bg-slate-700 hover:sl-text-slate-700 dark:hover:sl-text-white", Ne = /* @__PURE__ */ T({
+  __name: "UiMenu",
+  props: {
+    items: { default: () => [] },
+    placement: { default: "right" },
+    width: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["item-click"],
+  setup(a, { emit: g }) {
+    const c = a, b = g, h = k(() => c.placement === "left" ? "sl-left-0" : "sl-right-0"), f = k(() => ({
+      auto: "sl-w-auto sl-min-w-[10rem]",
+      sm: "sl-w-40",
+      md: "sl-w-56",
+      lg: "sl-w-72",
+      full: "sl-w-full"
+    })[c.width]), t = k(() => {
+      if (!c.items.length) return [];
+      const l = [];
+      let d = [];
+      for (const v of c.items)
+        d.push(v), v.dividerAfter && (l.push(d), d = []);
+      return d.length && l.push(d), l;
+    }), u = (l) => {
+      l.disabled || (l.action && l.action(), b("item-click", l));
+    };
+    return (l, d) => (y(), B(M(he), {
+      as: "div",
+      class: "sl-relative sl-inline-block sl-text-left"
+    }, {
+      default: R(() => [
+        A("div", null, [
+          D(M(xe), {
+            disabled: l.disabled,
+            class: _([
+              "sl-inline-flex sl-items-center sl-justify-center sl-rounded-lg sl-transition-colors",
+              l.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : "sl-cursor-pointer",
+              !l.$slots.trigger && Me
+            ])
+          }, {
+            default: R(() => [
+              $(l.$slots, "trigger", {}, () => [
+                D(M(ve), {
+                  class: "sl-h-5 sl-w-5",
+                  "aria-hidden": "true"
+                })
+              ])
+            ]),
+            _: 3
+          }, 8, ["disabled", "class"])
+        ]),
+        D(Y, {
+          "enter-active-class": "sl-transition sl-duration-100 sl-ease-out",
+          "enter-from-class": "sl-transform sl-scale-95 sl-opacity-0",
+          "enter-to-class": "sl-transform sl-scale-100 sl-opacity-100",
+          "leave-active-class": "sl-transition sl-duration-75 sl-ease-in",
+          "leave-from-class": "sl-transform sl-scale-100 sl-opacity-100",
+          "leave-to-class": "sl-transform sl-scale-95 sl-opacity-0"
+        }, {
+          default: R(() => [
+            D(M(Ie), {
+              class: _([
+                "sl-absolute sl-z-50 sl-mt-2 sl-origin-top-right sl-rounded-xl sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black/5 dark:sl-ring-slate-700 sl-focus:outline-none sl-py-1 sl-divide-y sl-divide-slate-100 dark:sl-divide-slate-700",
+                h.value,
+                f.value
+              ])
+            }, {
+              default: R(() => [
+                (y(!0), P(L, null, j(t.value, (v, n) => (y(), P("div", {
+                  key: n,
+                  class: "sl-py-1"
+                }, [
+                  (y(!0), P(L, null, j(v, (e) => (y(), B(M(ke), {
+                    key: e.label,
+                    disabled: e.disabled
+                  }, {
+                    default: R(({ active: s, disabled: r }) => [
+                      A("button", {
+                        onClick: (o) => u(e),
+                        class: _([
+                          "sl-group sl-flex sl-w-full sl-items-center sl-gap-3 sl-px-4 sl-py-2.5 sl-text-sm sl-transition-colors",
+                          s && !e.danger ? "sl-bg-slate-100 dark:sl-bg-slate-700 sl-text-slate-900 dark:sl-text-white" : "",
+                          s && e.danger ? "sl-bg-red-50 dark:sl-bg-red-900/30 sl-text-red-700 dark:sl-text-red-400" : "",
+                          !s && e.danger ? "sl-text-red-600 dark:sl-text-red-400" : "",
+                          !s && !e.danger ? "sl-text-slate-700 dark:sl-text-slate-200" : "",
+                          r ? "sl-opacity-50 sl-cursor-not-allowed" : "sl-cursor-pointer"
+                        ])
+                      }, [
+                        e.icon ? (y(), B(ee(e.icon), {
+                          key: 0,
+                          class: _([
+                            "sl-h-4 sl-w-4 sl-flex-shrink-0",
+                            s && !e.danger ? "sl-text-slate-500 dark:sl-text-slate-300" : "",
+                            s && e.danger ? "sl-text-red-500 dark:sl-text-red-400" : "",
+                            !s && e.danger ? "sl-text-red-400 dark:sl-text-red-500" : "",
+                            !s && !e.danger ? "sl-text-slate-400 dark:sl-text-slate-500" : ""
+                          ]),
+                          "aria-hidden": "true"
+                        }, null, 8, ["class"])) : K("", !0),
+                        A("span", ye, V(e.label), 1),
+                        e.shortcut ? (y(), P("span", Se, V(e.shortcut), 1)) : K("", !0)
+                      ], 10, we)
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled"]))), 128))
+                ]))), 128)),
+                $(l.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  Ne as _
+};
+//# sourceMappingURL=UiMenu.vue_vue_type_script_setup_true_lang-aJddpshR.js.map

package/dist/UiMenu.vue_vue_type_script_setup_true_lang-aJddpshR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiMenu.vue_vue_type_script_setup_true_lang-aJddpshR.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/EllipsisVerticalIcon.js","../node_modules/@headlessui/vue/dist/components/menu/menu.js","../src/components/UiMenu.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    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z\" })\n  ]))\n}","import{computed as y,defineComponent as T,inject as K,nextTick as x,onMounted as N,onUnmounted as j,provide as L,ref as R,watchEffect as B}from\"vue\";import{useId as w}from'../../hooks/use-id.js';import{useOutsideClick as U}from'../../hooks/use-outside-click.js';import{useResolveButtonType as $}from'../../hooks/use-resolve-button-type.js';import{useTextValue as V}from'../../hooks/use-text-value.js';import{useTrackedPointer as H}from'../../hooks/use-tracked-pointer.js';import{useTreeWalker as Q}from'../../hooks/use-tree-walker.js';import{State as D,useOpenClosed as _,useOpenClosedProvider as q}from'../../internal/open-closed.js';import{Keys as c}from'../../keyboard.js';import{calculateActiveIndex as W,Focus as S}from'../../utils/calculate-active-index.js';import{dom as m}from'../../utils/dom.js';import{Focus as E,FocusableMode as J,focusFrom as z,isFocusableElement as G,restoreFocusIfNecessary as k,sortByDomNode as X}from'../../utils/focus-management.js';import{match as Y}from'../../utils/match.js';import{Features as F,render as P}from'../../utils/render.js';var Z=(i=>(i[i.Open=0]=\"Open\",i[i.Closed=1]=\"Closed\",i))(Z||{}),ee=(i=>(i[i.Pointer=0]=\"Pointer\",i[i.Other=1]=\"Other\",i))(ee||{});function te(o){requestAnimationFrame(()=>requestAnimationFrame(o))}let A=Symbol(\"MenuContext\");function O(o){let M=K(A,null);if(M===null){let i=new Error(`<${o} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(i,O),i}return M}let ge=T({name:\"Menu\",props:{as:{type:[Object,String],default:\"template\"}},setup(o,{slots:M,attrs:i}){let I=R(1),p=R(null),e=R(null),r=R([]),f=R(\"\"),d=R(null),g=R(1);function b(t=a=>a){let a=d.value!==null?r.value[d.value]:null,n=X(t(r.value.slice()),v=>m(v.dataRef.domRef)),s=a?n.indexOf(a):null;return s===-1&&(s=null),{items:n,activeItemIndex:s}}let l={menuState:I,buttonRef:p,itemsRef:e,items:r,searchQuery:f,activeItemIndex:d,activationTrigger:g,closeMenu:()=>{I.value=1,d.value=null},openMenu:()=>I.value=0,goToItem(t,a,n){let s=b(),v=W(t===S.Specific?{focus:S.Specific,id:a}:{focus:t},{resolveItems:()=>s.items,resolveActiveIndex:()=>s.activeItemIndex,resolveId:u=>u.id,resolveDisabled:u=>u.dataRef.disabled});f.value=\"\",d.value=v,g.value=n!=null?n:1,r.value=s.items},search(t){let n=f.value!==\"\"?0:1;f.value+=t.toLowerCase();let v=(d.value!==null?r.value.slice(d.value+n).concat(r.value.slice(0,d.value+n)):r.value).find(h=>h.dataRef.textValue.startsWith(f.value)&&!h.dataRef.disabled),u=v?r.value.indexOf(v):-1;u===-1||u===d.value||(d.value=u,g.value=1)},clearSearch(){f.value=\"\"},registerItem(t,a){let n=b(s=>[...s,{id:t,dataRef:a}]);r.value=n.items,d.value=n.activeItemIndex,g.value=1},unregisterItem(t){let a=b(n=>{let s=n.findIndex(v=>v.id===t);return s!==-1&&n.splice(s,1),n});r.value=a.items,d.value=a.activeItemIndex,g.value=1}};return U([p,e],(t,a)=>{var n;l.closeMenu(),G(a,J.Loose)||(t.preventDefault(),(n=m(p))==null||n.focus())},y(()=>I.value===0)),L(A,l),q(y(()=>Y(I.value,{[0]:D.Open,[1]:D.Closed}))),()=>{let t={open:I.value===0,close:l.closeMenu};return P({ourProps:{},theirProps:o,slot:t,slots:M,attrs:i,name:\"Menu\"})}}}),Se=T({name:\"MenuButton\",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:\"button\"},id:{type:String,default:null}},setup(o,{attrs:M,slots:i,expose:I}){var b;let p=(b=o.id)!=null?b:`headlessui-menu-button-${w()}`,e=O(\"MenuButton\");I({el:e.buttonRef,$el:e.buttonRef});function r(l){switch(l.key){case c.Space:case c.Enter:case c.ArrowDown:l.preventDefault(),l.stopPropagation(),e.openMenu(),x(()=>{var t;(t=m(e.itemsRef))==null||t.focus({preventScroll:!0}),e.goToItem(S.First)});break;case c.ArrowUp:l.preventDefault(),l.stopPropagation(),e.openMenu(),x(()=>{var t;(t=m(e.itemsRef))==null||t.focus({preventScroll:!0}),e.goToItem(S.Last)});break}}function f(l){switch(l.key){case c.Space:l.preventDefault();break}}function d(l){o.disabled||(e.menuState.value===0?(e.closeMenu(),x(()=>{var t;return(t=m(e.buttonRef))==null?void 0:t.focus({preventScroll:!0})})):(l.preventDefault(),e.openMenu(),te(()=>{var t;return(t=m(e.itemsRef))==null?void 0:t.focus({preventScroll:!0})})))}let g=$(y(()=>({as:o.as,type:M.type})),e.buttonRef);return()=>{var n;let l={open:e.menuState.value===0},{...t}=o,a={ref:e.buttonRef,id:p,type:g.value,\"aria-haspopup\":\"menu\",\"aria-controls\":(n=m(e.itemsRef))==null?void 0:n.id,\"aria-expanded\":e.menuState.value===0,onKeydown:r,onKeyup:f,onClick:d};return P({ourProps:a,theirProps:t,slot:l,attrs:M,slots:i,name:\"MenuButton\"})}}}),Me=T({name:\"MenuItems\",props:{as:{type:[Object,String],default:\"div\"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:null}},setup(o,{attrs:M,slots:i,expose:I}){var l;let p=(l=o.id)!=null?l:`headlessui-menu-items-${w()}`,e=O(\"MenuItems\"),r=R(null);I({el:e.itemsRef,$el:e.itemsRef}),Q({container:y(()=>m(e.itemsRef)),enabled:y(()=>e.menuState.value===0),accept(t){return t.getAttribute(\"role\")===\"menuitem\"?NodeFilter.FILTER_REJECT:t.hasAttribute(\"role\")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(t){t.setAttribute(\"role\",\"none\")}});function f(t){var a;switch(r.value&&clearTimeout(r.value),t.key){case c.Space:if(e.searchQuery.value!==\"\")return t.preventDefault(),t.stopPropagation(),e.search(t.key);case c.Enter:if(t.preventDefault(),t.stopPropagation(),e.activeItemIndex.value!==null){let s=e.items.value[e.activeItemIndex.value];(a=m(s.dataRef.domRef))==null||a.click()}e.closeMenu(),k(m(e.buttonRef));break;case c.ArrowDown:return t.preventDefault(),t.stopPropagation(),e.goToItem(S.Next);case c.ArrowUp:return t.preventDefault(),t.stopPropagation(),e.goToItem(S.Previous);case c.Home:case c.PageUp:return t.preventDefault(),t.stopPropagation(),e.goToItem(S.First);case c.End:case c.PageDown:return t.preventDefault(),t.stopPropagation(),e.goToItem(S.Last);case c.Escape:t.preventDefault(),t.stopPropagation(),e.closeMenu(),x(()=>{var n;return(n=m(e.buttonRef))==null?void 0:n.focus({preventScroll:!0})});break;case c.Tab:t.preventDefault(),t.stopPropagation(),e.closeMenu(),x(()=>z(m(e.buttonRef),t.shiftKey?E.Previous:E.Next));break;default:t.key.length===1&&(e.search(t.key),r.value=setTimeout(()=>e.clearSearch(),350));break}}function d(t){switch(t.key){case c.Space:t.preventDefault();break}}let g=_(),b=y(()=>g!==null?(g.value&D.Open)===D.Open:e.menuState.value===0);return()=>{var s,v;let t={open:e.menuState.value===0},{...a}=o,n={\"aria-activedescendant\":e.activeItemIndex.value===null||(s=e.items.value[e.activeItemIndex.value])==null?void 0:s.id,\"aria-labelledby\":(v=m(e.buttonRef))==null?void 0:v.id,id:p,onKeydown:f,onKeyup:d,role:\"menu\",tabIndex:0,ref:e.itemsRef};return P({ourProps:n,theirProps:a,slot:t,attrs:M,slots:i,features:F.RenderStrategy|F.Static,visible:b.value,name:\"MenuItems\"})}}}),be=T({name:\"MenuItem\",inheritAttrs:!1,props:{as:{type:[Object,String],default:\"template\"},disabled:{type:Boolean,default:!1},id:{type:String,default:null}},setup(o,{slots:M,attrs:i,expose:I}){var v;let p=(v=o.id)!=null?v:`headlessui-menu-item-${w()}`,e=O(\"MenuItem\"),r=R(null);I({el:r,$el:r});let f=y(()=>e.activeItemIndex.value!==null?e.items.value[e.activeItemIndex.value].id===p:!1),d=V(r),g=y(()=>({disabled:o.disabled,get textValue(){return d()},domRef:r}));N(()=>e.registerItem(p,g)),j(()=>e.unregisterItem(p)),B(()=>{e.menuState.value===0&&f.value&&e.activationTrigger.value!==0&&x(()=>{var u,h;return(h=(u=m(r))==null?void 0:u.scrollIntoView)==null?void 0:h.call(u,{block:\"nearest\"})})});function b(u){if(o.disabled)return u.preventDefault();e.closeMenu(),k(m(e.buttonRef))}function l(){if(o.disabled)return e.goToItem(S.Nothing);e.goToItem(S.Specific,p)}let t=H();function a(u){t.update(u)}function n(u){t.wasMoved(u)&&(o.disabled||f.value||e.goToItem(S.Specific,p,0))}function s(u){t.wasMoved(u)&&(o.disabled||f.value&&e.goToItem(S.Nothing))}return()=>{let{disabled:u,...h}=o,C={active:f.value,disabled:u,close:e.closeMenu};return P({ourProps:{id:p,ref:r,role:\"menuitem\",tabIndex:u===!0?void 0:-1,\"aria-disabled\":u===!0?!0:void 0,onClick:b,onFocus:l,onPointerenter:a,onMouseenter:a,onPointermove:n,onMousemove:n,onPointerleave:s,onMouseleave:s},theirProps:{...i,...h},slot:C,attrs:i,slots:M,name:\"MenuItem\"})}}});export{ge as Menu,Se as MenuButton,be as MenuItem,Me as MenuItems};\n","<!--\n  @component UiMenu\n  @description Dropdown menu using Headless UI for actions and navigation.\n  \n  @props\n  - items: Array of menu items with label, icon, action, etc.\n  - placement: Dropdown placement (left, right)\n  - width: Menu width (auto, sm, md, lg, full)\n  - disabled: Disable the menu trigger\n  \n  @slots\n  - trigger: Custom trigger button content\n  - default: Menu items (alternative to items prop)\n  \n  @example\n  <UiMenu :items=\"menuItems\" />\n  \n  @example Custom trigger\n  <UiMenu :items=\"menuItems\">\n    <template #trigger>\n      <Button>Options</Button>\n    </template>\n  </UiMenu>\n-->\n<template>\n  <Menu as=\"div\" class=\"sl-relative sl-inline-block sl-text-left\">\n    <div>\n      <MenuButton\n        :disabled=\"disabled\"\n        :class=\"[\n          'sl-inline-flex sl-items-center sl-justify-center sl-rounded-lg sl-transition-colors',\n          disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer',\n          !$slots.trigger && defaultTriggerClasses\n        ]\"\n      >\n        <slot name=\"trigger\">\n          <EllipsisVerticalIcon class=\"sl-h-5 sl-w-5\" aria-hidden=\"true\" />\n        </slot>\n      </MenuButton>\n    </div>\n\n    <transition\n      enter-active-class=\"sl-transition sl-duration-100 sl-ease-out\"\n      enter-from-class=\"sl-transform sl-scale-95 sl-opacity-0\"\n      enter-to-class=\"sl-transform sl-scale-100 sl-opacity-100\"\n      leave-active-class=\"sl-transition sl-duration-75 sl-ease-in\"\n      leave-from-class=\"sl-transform sl-scale-100 sl-opacity-100\"\n      leave-to-class=\"sl-transform sl-scale-95 sl-opacity-0\"\n    >\n      <MenuItems\n        :class=\"[\n          'sl-absolute sl-z-50 sl-mt-2 sl-origin-top-right sl-rounded-xl sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black/5 dark:sl-ring-slate-700 sl-focus:outline-none sl-py-1 sl-divide-y sl-divide-slate-100 dark:sl-divide-slate-700',\n          placementClasses,\n          widthClasses\n        ]\"\n      >\n        <!-- Grouped items -->\n        <div v-for=\"(group, groupIndex) in groupedItems\" :key=\"groupIndex\" class=\"sl-py-1\">\n          <MenuItem\n            v-for=\"item in group\"\n            :key=\"item.label\"\n            :disabled=\"item.disabled\"\n            v-slot=\"{ active, disabled: itemDisabled }\"\n          >\n            <button\n              @click=\"handleItemClick(item)\"\n              :class=\"[\n                'sl-group sl-flex sl-w-full sl-items-center sl-gap-3 sl-px-4 sl-py-2.5 sl-text-sm sl-transition-colors',\n                active && !item.danger ? 'sl-bg-slate-100 dark:sl-bg-slate-700 sl-text-slate-900 dark:sl-text-white' : '',\n                active && item.danger ? 'sl-bg-red-50 dark:sl-bg-red-900/30 sl-text-red-700 dark:sl-text-red-400' : '',\n                !active && item.danger ? 'sl-text-red-600 dark:sl-text-red-400' : '',\n                !active && !item.danger ? 'sl-text-slate-700 dark:sl-text-slate-200' : '',\n                itemDisabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer',\n              ]\"\n            >\n              <component\n                v-if=\"item.icon\"\n                :is=\"item.icon\"\n                :class=\"[\n                  'sl-h-4 sl-w-4 sl-flex-shrink-0',\n                  active && !item.danger ? 'sl-text-slate-500 dark:sl-text-slate-300' : '',\n                  active && item.danger ? 'sl-text-red-500 dark:sl-text-red-400' : '',\n                  !active && item.danger ? 'sl-text-red-400 dark:sl-text-red-500' : '',\n                  !active && !item.danger ? 'sl-text-slate-400 dark:sl-text-slate-500' : '',\n                ]\"\n                aria-hidden=\"true\"\n              />\n              <span class=\"sl-flex-1 sl-text-left\">{{ item.label }}</span>\n              <span v-if=\"item.shortcut\" class=\"sl-text-xs sl-text-slate-400 dark:sl-text-slate-500\">\n                {{ item.shortcut }}\n              </span>\n            </button>\n          </MenuItem>\n        </div>\n\n        <!-- Default slot for custom content -->\n        <slot />\n      </MenuItems>\n    </transition>\n  </Menu>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue';\nimport { EllipsisVerticalIcon } from '@heroicons/vue/20/solid';\nimport type { Component } from 'vue';\n\nexport interface MenuItemType {\n  label: string;\n  icon?: Component;\n  action?: () => void;\n  href?: string;\n  disabled?: boolean;\n  danger?: boolean;\n  shortcut?: string;\n  dividerAfter?: boolean;\n}\n\ntype MenuPlacement = 'left' | 'right';\ntype MenuWidth = 'auto' | 'sm' | 'md' | 'lg' | 'full';\n\ninterface Props {\n  items?: MenuItemType[];\n  placement?: MenuPlacement;\n  width?: MenuWidth;\n  disabled?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  items: () => [],\n  placement: 'right',\n  width: 'md',\n  disabled: false,\n});\n\nconst emit = defineEmits<{\n  'item-click': [item: MenuItemType];\n}>();\n\n// Default trigger button styles\nconst defaultTriggerClasses = 'sl-p-2 sl-text-slate-500 dark:sl-text-slate-300 hover:sl-bg-slate-100 dark:hover:sl-bg-slate-700 hover:sl-text-slate-700 dark:hover:sl-text-white';\n\n// Placement classes\nconst placementClasses = computed(() => {\n  return props.placement === 'left' ? 'sl-left-0' : 'sl-right-0';\n});\n\n// Width classes\nconst widthClasses = computed(() => {\n  const widths: Record<MenuWidth, string> = {\n    auto: 'sl-w-auto sl-min-w-[10rem]',\n    sm: 'sl-w-40',\n    md: 'sl-w-56',\n    lg: 'sl-w-72',\n    full: 'sl-w-full',\n  };\n  return widths[props.width];\n});\n\n// Group items by dividers\nconst groupedItems = computed(() => {\n  if (!props.items.length) return [];\n  \n  const groups: MenuItemType[][] = [];\n  let currentGroup: MenuItemType[] = [];\n  \n  for (const item of props.items) {\n    currentGroup.push(item);\n    if (item.dividerAfter) {\n      groups.push(currentGroup);\n      currentGroup = [];\n    }\n  }\n  \n  if (currentGroup.length) {\n    groups.push(currentGroup);\n  }\n  \n  return groups;\n});\n\n// Handle item click\nconst handleItemClick = (item: MenuItemType) => {\n  if (item.disabled) return;\n  \n  if (item.action) {\n    item.action();\n  }\n  \n  emit('item-click', item);\n};\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","Z","i","ee","te","o","A","O","M","K","ge","T","I","R","p","e","r","f","d","g","b","t","a","n","X","v","m","s","l","W","S","u","h","U","G","J","y","L","q","Y","D","P","Se","w","c","x","$","Me","Q","k","z","E","_","F","be","V","N","j","B","H","C","defaultTriggerClasses","props","__props","emit","__emit","placementClasses","computed","widthClasses","groupedItems","groups","currentGroup","item","handleItemClick","_createBlock","_unref","Menu","_createVNode","MenuButton","disabled","_normalizeClass","$slots","_renderSlot","EllipsisVerticalIcon","_Transition","MenuItems","_Fragment","_renderList","group","groupIndex","MenuItem","active","itemDisabled","$event","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_hoisted_3"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/UiModal.vue_vue_type_script_setup_true_lang-CFgLuifQ.js

@@ -0,0 +1,214 @@
+import { defineComponent as C, computed as f, ref as S, createBlock as i, openBlock as c, unref as a, withCtx as t, createVNode as o, createElementVNode as e, normalizeClass as V, normalizeStyle as z, renderSlot as r, createCommentVNode as p, createTextVNode as y, toDisplayString as w } from "vue";
+import h from "./components/Button.js";
+import { S as B, h as g } from "./transition-_rPfnoET.js";
+import { Y as T, G as $, V as N } from "./dialog-B2WA4G25.js";
+const j = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, F = { class: "sl-bg-white dark:sl-bg-slate-800" }, E = { class: "sl-px-4 sl-pt-5 sl-pb-4 sm:sl-p-6 sm:sl-pb-4" }, G = { class: "sm:sl-flex sm:sl-items-start" }, M = { class: "sl-mx-auto sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-bg-gray-100 dark:sl-bg-slate-700 sm:sl-mx-0 sm:sl-h-10 sm:sl-w-10" }, R = { class: "sl-mt-3 sl-text-center sm:sl-ml-4 sm:sl-mt-0 sm:sl-text-left sl-w-full" }, U = { class: "sl-mt-2 sl-text-gray-600 dark:sl-text-slate-300" }, Y = { class: "sl-bg-gray-50 dark:sl-bg-slate-800/50 sl-px-4 sl-py-3 sm:sl-flex sm:sl-flex-row-reverse sm:sl-px-6" }, q = { class: "sl-flex sl-w-full sl-justify-end sl-gap-3" }, I = /* @__PURE__ */ C({
+  __name: "UiModal",
+  props: {
+    modelValue: { type: Boolean, required: !0 },
+    size: {
+      type: String,
+      default: "lg",
+      validator: (m) => [
+        "sm",
+        "md",
+        "lg",
+        "xl",
+        "2xl",
+        "3xl",
+        "4xl",
+        "5xl",
+        "6xl",
+        "7xl",
+        "full",
+        // Also support legacy class-based values for backwards compatibility
+        "sm:max-w-sm",
+        "sm:max-w-md",
+        "sm:max-w-lg",
+        "sm:max-w-xl",
+        "sm:max-w-2xl",
+        "sm:max-w-3xl",
+        "sm:max-w-4xl",
+        "sm:max-w-5xl",
+        "sm:max-w-6xl",
+        "sm:max-w-7xl"
+      ].includes(m)
+    },
+    position: { type: String, default: "center", validator: (m) => ["center", "top"].includes(m) },
+    showCancel: { type: Boolean, default: !0 },
+    showConfirm: { type: Boolean, default: !0 },
+    cancelText: { type: String, default: "Cancel" },
+    confirmText: { type: String, default: "Confirm" },
+    confirmTheme: { type: String, default: "primary" }
+  },
+  emits: ["update:modelValue", "cancel", "confirm"],
+  setup(m, { emit: _ }) {
+    const s = m, v = f(() => {
+      const l = {
+        sm: "24rem",
+        // 384px
+        md: "28rem",
+        // 448px
+        lg: "32rem",
+        // 512px
+        xl: "36rem",
+        // 576px
+        "2xl": "42rem",
+        // 672px
+        "3xl": "48rem",
+        // 768px
+        "4xl": "56rem",
+        // 896px
+        "5xl": "64rem",
+        // 1024px
+        "6xl": "72rem",
+        // 1152px
+        "7xl": "80rem",
+        // 1280px
+        full: "100%",
+        // Legacy class-based values
+        "sm:max-w-sm": "24rem",
+        "sm:max-w-md": "28rem",
+        "sm:max-w-lg": "32rem",
+        "sm:max-w-xl": "36rem",
+        "sm:max-w-2xl": "42rem",
+        "sm:max-w-3xl": "48rem",
+        "sm:max-w-4xl": "56rem",
+        "sm:max-w-5xl": "64rem",
+        "sm:max-w-6xl": "72rem",
+        "sm:max-w-7xl": "80rem"
+      };
+      return {
+        maxWidth: l[s.size] || l.lg
+      };
+    }), n = _, d = S(null), b = f(() => d.value), x = () => {
+      n("update:modelValue", !1), n("cancel");
+    }, k = () => {
+      n("confirm"), n("update:modelValue", !1);
+    };
+    return (l, u) => (c(), i(a(B), {
+      as: "template",
+      show: s.modelValue
+    }, {
+      default: t(() => [
+        o(a(T), {
+          as: "div",
+          class: "sl-relative sl-z-50",
+          onClose: x,
+          "initial-focus": b.value
+        }, {
+          default: t(() => [
+            o(a(g), {
+              as: "template",
+              enter: "ease-out duration-300",
+              "enter-from": "opacity-0",
+              "enter-to": "opacity-100",
+              leave: "ease-in duration-200",
+              "leave-from": "opacity-100",
+              "leave-to": "opacity-0"
+            }, {
+              default: t(() => u[0] || (u[0] = [
+                e("div", { class: "sl-fixed sl-inset-0 sl-bg-gray-500/75 dark:sl-bg-slate-900/80 sl-transition-opacity" }, null, -1)
+              ])),
+              _: 1,
+              __: [0]
+            }),
+            e("div", j, [
+              e("div", {
+                class: V(["sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4 sl-text-center", [s.position === "top" ? "sm:sl-items-start sm:sl-pt-16" : "sm:sl-items-center"]])
+              }, [
+                o(a(g), {
+                  as: "template",
+                  enter: "ease-out duration-300",
+                  "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+                  "enter-to": "opacity-100 translate-y-0 sm:scale-100",
+                  leave: "ease-in duration-200",
+                  "leave-from": "opacity-100 translate-y-0 sm:scale-100",
+                  "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+                }, {
+                  default: t(() => [
+                    o(a($), {
+                      class: "sl-relative sl-transform sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-text-left sl-shadow-xl sl-transition-all sl-w-full",
+                      style: z(v.value)
+                    }, {
+                      default: t(() => [
+                        e("div", F, [
+                          e("div", E, [
+                            e("div", G, [
+                              e("div", M, [
+                                r(l.$slots, "icon")
+                              ]),
+                              e("div", R, [
+                                o(a(N), {
+                                  as: "h3",
+                                  class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white"
+                                }, {
+                                  default: t(() => [
+                                    r(l.$slots, "header")
+                                  ]),
+                                  _: 3
+                                }),
+                                e("div", U, [
+                                  r(l.$slots, "body", {}, () => [
+                                    r(l.$slots, "default")
+                                  ])
+                                ])
+                              ])
+                            ])
+                          ]),
+                          e("div", Y, [
+                            r(l.$slots, "footer", {}, () => [
+                              e("div", q, [
+                                s.showCancel ? (c(), i(h, {
+                                  key: 0,
+                                  "center-label": "",
+                                  theme: "light",
+                                  outlined: !0,
+                                  onButtonClick: x
+                                }, {
+                                  default: t(() => [
+                                    y(w(s.cancelText), 1)
+                                  ]),
+                                  _: 1
+                                })) : p("", !0),
+                                s.showConfirm ? (c(), i(h, {
+                                  key: 1,
+                                  "center-label": "",
+                                  theme: s.confirmTheme,
+                                  outlined: !1,
+                                  onButtonClick: k
+                                }, {
+                                  default: t(() => [
+                                    y(w(s.confirmText), 1)
+                                  ]),
+                                  _: 1
+                                }, 8, ["theme"])) : p("", !0)
+                              ])
+                            ])
+                          ])
+                        ]),
+                        e("button", {
+                          ref_key: "fallbackFocusRef",
+                          ref: d,
+                          class: "sl-sr-only"
+                        }, "Close", 512)
+                      ]),
+                      _: 3
+                    }, 8, ["style"])
+                  ]),
+                  _: 3
+                })
+              ], 2)
+            ])
+          ]),
+          _: 3
+        }, 8, ["initial-focus"])
+      ]),
+      _: 3
+    }, 8, ["show"]));
+  }
+});
+export {
+  I as _
+};
+//# sourceMappingURL=UiModal.vue_vue_type_script_setup_true_lang-CFgLuifQ.js.map

package/dist/UiModal.vue_vue_type_script_setup_true_lang-CFgLuifQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiModal.vue_vue_type_script_setup_true_lang-CFgLuifQ.js","sources":["../src/components/UiModal.vue"],"sourcesContent":["<!--\n  @component UiModal\n  @description Modal dialog component with Headless UI integration.\n  \n  A flexible modal/dialog component built on Headless UI's Dialog primitives.\n  Supports customizable size, position, and action buttons.\n  \n  @props\n  - modelValue (boolean, required): Controls visibility via v-model\n  - size (string, optional): Modal width - 'sm:max-w-sm' through 'sm:max-w-7xl'\n  - position (string, optional): Vertical position - 'center' or 'top'\n  - showCancel (boolean, optional): Show cancel button\n  - showConfirm (boolean, optional): Show confirm button\n  - cancelText (string, optional): Cancel button text\n  - confirmText (string, optional): Confirm button text\n  - confirmTheme (Theme, optional): Theme for confirm button\n  \n  @emits\n  - update:modelValue: Emitted when modal should close\n  - cancel: Emitted when cancel/close action triggered\n  - confirm: Emitted when confirm action triggered\n  \n  @slots\n  - icon: Icon displayed in modal header circle\n  - header: Modal title content\n  - body: Modal content (or use default slot)\n  - default: Alternative to body slot\n  - footer: Custom footer replacing default buttons\n  \n  @example\n  <UiModal v-model=\"isOpen\" @confirm=\"handleConfirm\">\n    <template #header>Confirm Action</template>\n    <template #body>Are you sure you want to continue?</template>\n  </UiModal>\n-->\n<template>\n  <TransitionRoot as=\"template\" :show=\"props.modelValue\">\n    <Dialog as=\"div\" class=\"sl-relative sl-z-50\" @close=\"onClose\" :initial-focus=\"initialFocusElement\">\n      <TransitionChild as=\"template\" enter=\"ease-out duration-300\" enter-from=\"opacity-0\" enter-to=\"opacity-100\"\n        leave=\"ease-in duration-200\" leave-from=\"opacity-100\" leave-to=\"opacity-0\">\n        <div class=\"sl-fixed sl-inset-0 sl-bg-gray-500/75 dark:sl-bg-slate-900/80 sl-transition-opacity\" />\n      </TransitionChild>\n\n      <div class=\"sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto\">\n        <div class=\"sl-flex sl-min-h-full sl-items-center sl-justify-center sl-p-4 sl-text-center\"\n          :class=\"[props.position === 'top' ? 'sm:sl-items-start sm:sl-pt-16' : 'sm:sl-items-center']\">\n          <TransitionChild as=\"template\" enter=\"ease-out duration-300\"\n            enter-from=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n            enter-to=\"opacity-100 translate-y-0 sm:scale-100\" leave=\"ease-in duration-200\"\n            leave-from=\"opacity-100 translate-y-0 sm:scale-100\" leave-to=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\">\n            <DialogPanel\n              class=\"sl-relative sl-transform sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-text-left sl-shadow-xl sl-transition-all sl-w-full\"\n              :style=\"sizeStyle\">\n              <div class=\"sl-bg-white dark:sl-bg-slate-800\">\n                <div class=\"sl-px-4 sl-pt-5 sl-pb-4 sm:sl-p-6 sm:sl-pb-4\">\n                  <div class=\"sm:sl-flex sm:sl-items-start\">\n                    <div class=\"sl-mx-auto sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-bg-gray-100 dark:sl-bg-slate-700 sm:sl-mx-0 sm:sl-h-10 sm:sl-w-10\">\n                      <slot name=\"icon\" />\n                    </div>\n                    <div class=\"sl-mt-3 sl-text-center sm:sl-ml-4 sm:sl-mt-0 sm:sl-text-left sl-w-full\">\n                      <DialogTitle as=\"h3\" class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white\">\n                        <slot name=\"header\" />\n                      </DialogTitle>\n                      <div class=\"sl-mt-2 sl-text-gray-600 dark:sl-text-slate-300\">\n                        <slot name=\"body\">\n                          <slot />\n                        </slot>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"sl-bg-gray-50 dark:sl-bg-slate-800/50 sl-px-4 sl-py-3 sm:sl-flex sm:sl-flex-row-reverse sm:sl-px-6\">\n                  <slot name=\"footer\">\n                    <div class=\"sl-flex sl-w-full sl-justify-end sl-gap-3\">\n                      <UiButton v-if=\"props.showCancel\" center-label theme=\"light\" :outlined=\"true\" @button-click=\"onClose\">\n                        {{ props.cancelText }}\n                      </UiButton>\n                      <UiButton v-if=\"props.showConfirm\" center-label :theme=\"props.confirmTheme\" :outlined=\"false\" @button-click=\"onConfirm\">\n                        {{ props.confirmText }}\n                      </UiButton>\n                    </div>\n                  </slot>\n                </div>\n              </div>\n              <button ref=\"fallbackFocusRef\" class=\"sl-sr-only\">Close</button>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </div>\n    </Dialog>\n  </TransitionRoot>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * UiModal - Dialog component with Headless UI\n * \n * Provides a modal/dialog overlay with customizable content, header, and footer.\n * Uses Headless UI for accessibility and transition handling.\n * \n * ## Features\n * - Multiple size variants\n * - Centered or top position\n * - Customizable action buttons\n * - Accessible with keyboard navigation\n * - Backdrop click to close\n * - Focus trapping\n * \n * @module components/UiModal\n * @see {@link ModalProps} for prop interface\n */\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { ref, computed } from 'vue';\nimport type { Theme } from '@/types/core';\nimport UiButton from '@/components/UiButton.vue';\n\nconst props = defineProps({\n  modelValue: { type: Boolean, required: true },\n  size: {\n    type: String,\n    default: 'lg',\n    validator: (value: string) => [\n      'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl', 'full',\n      // Also support legacy class-based values for backwards compatibility\n      'sm:max-w-sm','sm:max-w-md','sm:max-w-lg','sm:max-w-xl','sm:max-w-2xl','sm:max-w-3xl','sm:max-w-4xl','sm:max-w-5xl','sm:max-w-6xl','sm:max-w-7xl'\n    ].includes(value)\n  },\n  position: { type: String, default: 'center', validator: (value: string) => ['center', 'top'].includes(value) },\n  showCancel: { type: Boolean, default: true },\n  showConfirm: { type: Boolean, default: true },\n  cancelText: { type: String, default: 'Cancel' },\n  confirmText: { type: String, default: 'Confirm' },\n  confirmTheme: { type: String as () => Theme, default: 'primary' }\n});\n\n// Convert size prop to max-width style\nconst sizeStyle = computed(() => {\n  const sizeMap: Record<string, string> = {\n    'sm': '24rem',       // 384px\n    'md': '28rem',       // 448px\n    'lg': '32rem',       // 512px\n    'xl': '36rem',       // 576px\n    '2xl': '42rem',      // 672px\n    '3xl': '48rem',      // 768px\n    '4xl': '56rem',      // 896px\n    '5xl': '64rem',      // 1024px\n    '6xl': '72rem',      // 1152px\n    '7xl': '80rem',      // 1280px\n    'full': '100%',\n    // Legacy class-based values\n    'sm:max-w-sm': '24rem',\n    'sm:max-w-md': '28rem',\n    'sm:max-w-lg': '32rem',\n    'sm:max-w-xl': '36rem',\n    'sm:max-w-2xl': '42rem',\n    'sm:max-w-3xl': '48rem',\n    'sm:max-w-4xl': '56rem',\n    'sm:max-w-5xl': '64rem',\n    'sm:max-w-6xl': '72rem',\n    'sm:max-w-7xl': '80rem',\n  };\n  return {\n    maxWidth: sizeMap[props.size] || sizeMap['lg'],\n  };\n});\n\nconst emit = defineEmits(['update:modelValue', 'cancel', 'confirm']);\nconst fallbackFocusRef = ref(null);\nconst initialFocusElement = computed(() => fallbackFocusRef.value);\n\nconst onClose = () => {\n  emit('update:modelValue', false);\n  emit('cancel');\n};\n\nconst onConfirm = () => {\n  emit('confirm');\n  emit('update:modelValue', false);\n};\n</script>\n\n<style scoped>\n</style>\n\n\n"],"names":["props","__props","sizeStyle","computed","sizeMap","emit","__emit","fallbackFocusRef","ref","initialFocusElement","onClose","onConfirm","_createBlock","_unref","TransitionRoot","_createVNode","Dialog","TransitionChild","_cache","_createElementVNode","_hoisted_1","_normalizeClass","DialogPanel","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_renderSlot","_ctx","_hoisted_6","DialogTitle","_hoisted_7","_hoisted_8","_hoisted_9","UiButton","_createTextVNode","_toDisplayString"],"mappings":"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"}