@routa/ui-vue 0.1.0

package/dist/chunks/responsive-jCVnPx1a.mjs

@@ -0,0 +1,49 @@
+import { ref as a, computed as c } from "vue";
+const t = ["xs", "sm", "md", "lg", "xl"], n = {
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200
+}, i = a("xs");
+let u = !1;
+function l(e) {
+  return e >= n.xl ? "xl" : e >= n.lg ? "lg" : e >= n.md ? "md" : e >= n.sm ? "sm" : "xs";
+}
+function d() {
+  if (typeof window > "u") {
+    i.value = "xs";
+    return;
+  }
+  i.value = l(window.innerWidth);
+}
+function p() {
+  typeof window > "u" || u || (d(), window.addEventListener("resize", d), u = !0);
+}
+function k(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function x() {
+  return p(), c(() => i.value);
+}
+function y(e, r) {
+  if (e === void 0)
+    return;
+  if (!k(e))
+    return e;
+  let o;
+  for (const s of t) {
+    const f = e[s];
+    if (f !== void 0 && (o = f), s === r)
+      break;
+  }
+  return o;
+}
+function B(e, r) {
+  return t.indexOf(e) <= t.indexOf(r);
+}
+export {
+  B as i,
+  t as l,
+  y as r,
+  x as u
+};

package/dist/chunks/style-C-58-Hx4.mjs

@@ -0,0 +1,7 @@
+function t(r, n = "px") {
+  if (!(r == null || r === ""))
+    return typeof r == "number" ? `${r}${n}` : /^\d+$/.test(r) ? `${r}${n}` : r;
+}
+export {
+  t as a
+};

package/dist/chunks/style-CjCLKeeU.js

@@ -0,0 +1 @@
+"use strict";function n(r,t="px"){if(!(r==null||r===""))return typeof r=="number"?`${r}${t}`:/^\d+$/.test(r)?`${r}${t}`:r}exports.addUnit=n;

package/dist/chunks/types-CXAGM03M.mjs

@@ -0,0 +1,92 @@
+const t = {
+  modelValue: {
+    type: [String, Number, Symbol],
+    default: void 0
+  },
+  defaultValue: {
+    type: [String, Number, Symbol],
+    default: void 0
+  },
+  openKeys: {
+    type: Array,
+    default: void 0
+  },
+  defaultOpenKeys: {
+    type: Array,
+    default: () => []
+  },
+  mode: {
+    type: String,
+    default: "vertical"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  collapsed: {
+    type: Boolean,
+    default: !1
+  },
+  accordion: {
+    type: Boolean,
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  items: {
+    type: Array,
+    default: () => []
+  }
+}, a = {
+  "update:modelValue": (e) => !0,
+  "update:openKeys": (e) => !0,
+  select: (e) => !0,
+  "open-change": (e) => !0
+}, u = {
+  value: {
+    type: [String, Number, Symbol],
+    required: !0
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  danger: {
+    type: Boolean,
+    default: !1
+  }
+}, l = {
+  value: {
+    type: [String, Number, Symbol],
+    required: !0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  popupOffset: {
+    type: Number,
+    default: 8
+  }
+}, o = {
+  title: {
+    type: String,
+    default: ""
+  }
+}, s = Symbol("MenuKey"), n = Symbol("MenuParentKey"), r = Symbol("MenuPopupHostKey");
+export {
+  s as M,
+  n as a,
+  r as b,
+  o as c,
+  u as d,
+  t as e,
+  a as m,
+  l as s
+};

package/dist/chunks/types-DS78vyi2.js

@@ -0,0 +1 @@
+"use strict";const t={modelValue:{type:[String,Number,Symbol],default:void 0},defaultValue:{type:[String,Number,Symbol],default:void 0},openKeys:{type:Array,default:void 0},defaultOpenKeys:{type:Array,default:()=>[]},mode:{type:String,default:"vertical"},size:{type:String,default:"md"},collapsed:{type:Boolean,default:!1},accordion:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},items:{type:Array,default:()=>[]}},u={"update:modelValue":e=>!0,"update:openKeys":e=>!0,select:e=>!0,"open-change":e=>!0},o={value:{type:[String,Number,Symbol],required:!0},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1}},l={value:{type:[String,Number,Symbol],required:!0},title:{type:String,default:""},disabled:{type:Boolean,default:!1},popupOffset:{type:Number,default:8}},a={title:{type:String,default:""}},n=Symbol("MenuKey"),r=Symbol("MenuParentKey"),p=Symbol("MenuPopupHostKey");exports.MenuKey=n;exports.MenuParentKey=r;exports.MenuPopupHostKey=p;exports.menuEmits=u;exports.menuGroupProps=a;exports.menuItemProps=o;exports.menuProps=t;exports.subMenuProps=l;

package/dist/chunks/use-form-item-CloIcyon.js

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),c=require("./context-BEsW77hb.js");function s(n){const d=i.inject(c.FORM_KEY,void 0),e=i.inject(c.FORM_ITEM_KEY,void 0),t=i.computed(()=>(n==null?void 0:n.size)||(e==null?void 0:e.size)||(d==null?void 0:d.size)||"md"),u=i.computed(()=>!!(n!=null&&n.disabled||e!=null&&e.disabled||d!=null&&d.disabled)),a=i.computed(()=>!!(n!=null&&n.readonly||e!=null&&e.readonly||d!=null&&d.readonly)),l=i.computed(()=>e==null?void 0:e.inputId);return{form:d,formItem:e,size:t,disabled:u,readonly:a,inputId:l}}exports.useFormItem=s;

package/dist/chunks/use-form-item-CqDbWCiU.mjs

@@ -0,0 +1,16 @@
+import { inject as e, computed as a } from "vue";
+import { a as b, F as s } from "./context-BlK-PJ3n.mjs";
+function F(n) {
+  const i = e(b, void 0), d = e(s, void 0), c = a(() => (n == null ? void 0 : n.size) || (d == null ? void 0 : d.size) || (i == null ? void 0 : i.size) || "md"), t = a(() => !!(n != null && n.disabled || d != null && d.disabled || i != null && i.disabled)), l = a(() => !!(n != null && n.readonly || d != null && d.readonly || i != null && i.readonly)), u = a(() => d == null ? void 0 : d.inputId);
+  return {
+    form: i,
+    formItem: d,
+    size: c,
+    disabled: t,
+    readonly: l,
+    inputId: u
+  };
+}
+export {
+  F as u
+};

package/dist/chunks/use-id-BycaM3-h.js

@@ -0,0 +1 @@
+"use strict";const u=require("vue");let e=0;function s(t="l"){const n=u.getCurrentInstance();return n?`${t}-${n.uid}-${++e}`:`${t}-${++e}`}exports.useId=s;

package/dist/chunks/use-id-D3casveg.mjs

@@ -0,0 +1,9 @@
+import { getCurrentInstance as o } from "vue";
+let e = 0;
+function r(t = "l") {
+  const n = o();
+  return n ? `${t}-${n.uid}-${++e}` : `${t}-${++e}`;
+}
+export {
+  r as u
+};

package/dist/chunks/use-signals-Bz1smiXh.js

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),i=require("./index-DWAWrVaT.js"),u='(function(){"use strict";const r={errors:[],metrics:{}};function c(o,t){switch(o){case"REPORT_ERROR":{const e=t;if(e.source==="hmr"){r.errors=r.errors.filter(i=>i.source!=="hmr");const s=e.message.match(/Found (\\d+) error/i),a=s?parseInt(s[1],10):1;r.errors.push({...e,id:"hmr-snapshot",count:a})}else{const s=`err-${Math.random().toString(36).slice(2,9)}`;r.errors.push({...e,id:s})}r.errors.length>50&&r.errors.shift();break}case"CLEAR_SOURCE":{const e=t;r.errors=r.errors.filter(s=>s.source!==e);break}case"REPORT_METRICS":r.metrics={...r.metrics,...t};break;case"CLEAR":r.errors=[],r.metrics={};break}}self.onmessage=o=>{const{type:t,payload:e}=o.data;t==="BATCH_MESSAGES"?e.forEach(s=>{c(s.type,s.payload)}):t!=="INIT"&&c(t,e),n()};function n(){self.postMessage({type:"STATE_UPDATE",payload:{errors:[...r.errors],metrics:{...r.metrics}}})}})();\n';typeof self<"u"&&self.Blob&&new Blob([u],{type:"text/javascript;charset=utf-8"});function f(e){return n.customRef((o,c)=>{const t=i.effect(()=>{e.value,c()});return n.onScopeDispose(()=>{t()}),{get(){return o(),e.value},set(r){e.value=r}}})}function p(e,o){const c={};if(Object.keys(e.state).forEach(t=>{c[t]=f({get value(){return e.state[t]},set value(r){e.state[t]=r}})}),o){const t=n.watchEffect(()=>{Object.keys(o).forEach(r=>{let s;for(let a=e.state;a&&(s=Object.getOwnPropertyDescriptor(a,r),!s);a=Object.getPrototypeOf(a));(!s||!!s.set||s.writable!==!1&&!s.get)&&(e.state[r]=o[r]())})});n.onScopeDispose(()=>{t()})}return c}exports.useController=p;

package/dist/chunks/use-signals-CE1T2jXK.mjs

@@ -0,0 +1,50 @@
+import { watchEffect as i, onScopeDispose as n, customRef as f } from "vue";
+import { e as u } from "./index-B0yEC3RG.mjs";
+const p = '(function(){"use strict";const r={errors:[],metrics:{}};function c(o,t){switch(o){case"REPORT_ERROR":{const e=t;if(e.source==="hmr"){r.errors=r.errors.filter(i=>i.source!=="hmr");const s=e.message.match(/Found (\\d+) error/i),a=s?parseInt(s[1],10):1;r.errors.push({...e,id:"hmr-snapshot",count:a})}else{const s=`err-${Math.random().toString(36).slice(2,9)}`;r.errors.push({...e,id:s})}r.errors.length>50&&r.errors.shift();break}case"CLEAR_SOURCE":{const e=t;r.errors=r.errors.filter(s=>s.source!==e);break}case"REPORT_METRICS":r.metrics={...r.metrics,...t};break;case"CLEAR":r.errors=[],r.metrics={};break}}self.onmessage=o=>{const{type:t,payload:e}=o.data;t==="BATCH_MESSAGES"?e.forEach(s=>{c(s.type,s.payload)}):t!=="INIT"&&c(t,e),n()};function n(){self.postMessage({type:"STATE_UPDATE",payload:{errors:[...r.errors],metrics:{...r.metrics}}})}})();\n';
+typeof self < "u" && self.Blob && new Blob([p], { type: "text/javascript;charset=utf-8" });
+function m(e) {
+  return f((o, a) => {
+    const t = u(() => {
+      e.value, a();
+    });
+    return n(() => {
+      t();
+    }), {
+      get() {
+        return o(), e.value;
+      },
+      set(r) {
+        e.value = r;
+      }
+    };
+  });
+}
+function b(e, o) {
+  const a = {};
+  if (Object.keys(e.state).forEach((t) => {
+    a[t] = m({
+      get value() {
+        return e.state[t];
+      },
+      set value(r) {
+        e.state[t] = r;
+      }
+    });
+  }), o) {
+    const t = i(() => {
+      Object.keys(o).forEach((r) => {
+        let s;
+        for (let c = e.state; c && (s = Object.getOwnPropertyDescriptor(c, r), !s); c = Object.getPrototypeOf(c))
+          ;
+        (!s || !!s.set || s.writable !== !1 && !s.get) && (e.state[r] = o[r]());
+      });
+    });
+    n(() => {
+      t();
+    });
+  }
+  return a;
+}
+export {
+  b as u
+};

package/dist/chunks/useCanvasRenderer-BPTNzGy0.mjs

@@ -0,0 +1,87 @@
+import { ref as g, onUnmounted as W, watch as O } from "vue";
+import { i as z } from "./manager-BUdQK4AD.mjs";
+function U(f) {
+  const e = g("idle"), d = g(""), n = g(null), c = g(null);
+  let t = null;
+  const b = () => {
+    t == null || t.abort(), t = null, c.value && (c.value.close(), c.value = null), n.value && n.value.startsWith("blob:") && URL.revokeObjectURL(n.value), n.value = null, e.value = "idle", d.value = "";
+  }, r = async () => {
+    if (!(e.value === "loading" || e.value === "loaded")) {
+      e.value = "loading", t = new AbortController();
+      try {
+        const a = await z.load(f.src, {
+          priority: f.priority || "normal",
+          fetchpriority: f.priority === "high" ? "high" : "auto",
+          abortSignal: t.signal
+        });
+        return a instanceof ImageBitmap ? c.value = a : n.value = a, e.value = "loaded", a;
+      } catch (a) {
+        const i = a;
+        if (i.name === "AbortError" || i.message === "Aborted" || (t == null ? void 0 : t.signal.aborted)) {
+          e.value = "idle";
+          return;
+        }
+        if (i.name === "EncodingError") {
+          e.value = "idle";
+          return;
+        }
+        throw e.value = "error", d.value = i.message || "Unknown Error", i;
+      }
+    }
+  };
+  return W(b), {
+    status: e,
+    errorMsg: d,
+    displayedSrc: n,
+    currentBitmap: c,
+    load: r,
+    reset: b
+  };
+}
+function I(f, e) {
+  const d = g(null);
+  let n = !1;
+  const c = () => {
+    n = !1;
+    const r = e.bitmap.value, a = f.value;
+    if (!r || !a) return;
+    const i = a.getContext("2d");
+    if (!i) return;
+    const { width: m, height: h } = r, { clientWidth: l, clientHeight: s } = a, w = window.devicePixelRatio || 1;
+    a.width = l * w, a.height = s * w, i.scale(w, w), i.clearRect(0, 0, l, s);
+    const v = m / h, R = l / s;
+    let o, u, p, A;
+    const y = e.fit.value;
+    if (y === "cover")
+      R > v ? (o = l, u = l / v) : (u = s, o = s * v);
+    else if (y === "contain")
+      R < v ? (o = l, u = l / v) : (u = s, o = s * v);
+    else if (y === "none")
+      o = m, u = h;
+    else if (y === "scale-down") {
+      const x = Math.min(1, l / m, s / h);
+      o = m * x, u = h * x;
+    } else
+      o = l, u = s;
+    p = (l - o) / 2, A = (s - u) / 2, i.drawImage(r, p, A, o, u);
+  }, t = () => {
+    n || (n = !0, requestAnimationFrame(c));
+  };
+  O(() => e.fit.value, t), O(() => e.bitmap.value, (r) => {
+    r && t();
+  });
+  const b = (r) => {
+    typeof ResizeObserver > "u" || (d.value = new ResizeObserver(t), d.value.observe(r));
+  };
+  return W(() => {
+    var r;
+    (r = d.value) == null || r.disconnect();
+  }), {
+    draw: c,
+    initResizeObserver: b
+  };
+}
+export {
+  U as a,
+  I as u
+};

package/dist/chunks/useCanvasRenderer-D77k3JCQ.js

@@ -0,0 +1 @@
+"use strict";const c=require("vue"),U=require("./manager-C0AUxQ1I.js");function W(g){const e=c.ref("idle"),v=c.ref(""),a=c.ref(null),d=c.ref(null);let t=null;const h=()=>{t==null||t.abort(),t=null,d.value&&(d.value.close(),d.value=null),a.value&&a.value.startsWith("blob:")&&URL.revokeObjectURL(a.value),a.value=null,e.value="idle",v.value=""},r=async()=>{if(!(e.value==="loading"||e.value==="loaded")){e.value="loading",t=new AbortController;try{const n=await U.imageManager.load(g.src,{priority:g.priority||"normal",fetchpriority:g.priority==="high"?"high":"auto",abortSignal:t.signal});return n instanceof ImageBitmap?d.value=n:a.value=n,e.value="loaded",n}catch(n){const i=n;if(i.name==="AbortError"||i.message==="Aborted"||(t==null?void 0:t.signal.aborted)){e.value="idle";return}if(i.name==="EncodingError"){e.value="idle";return}throw e.value="error",v.value=i.message||"Unknown Error",i}}};return c.onUnmounted(h),{status:e,errorMsg:v,displayedSrc:a,currentBitmap:d,load:r,reset:h}}function q(g,e){const v=c.ref(null);let a=!1;const d=()=>{a=!1;const r=e.bitmap.value,n=g.value;if(!r||!n)return;const i=n.getContext("2d");if(!i)return;const{width:m,height:b}=r,{clientWidth:l,clientHeight:s}=n,w=window.devicePixelRatio||1;n.width=l*w,n.height=s*w,i.scale(w,w),i.clearRect(0,0,l,s);const f=m/b,y=l/s;let o,u,A,p;const R=e.fit.value;if(R==="cover")y>f?(o=l,u=l/f):(u=s,o=s*f);else if(R==="contain")y<f?(o=l,u=l/f):(u=s,o=s*f);else if(R==="none")o=m,u=b;else if(R==="scale-down"){const O=Math.min(1,l/m,s/b);o=m*O,u=b*O}else o=l,u=s;A=(l-o)/2,p=(s-u)/2,i.drawImage(r,A,p,o,u)},t=()=>{a||(a=!0,requestAnimationFrame(d))};c.watch(()=>e.fit.value,t),c.watch(()=>e.bitmap.value,r=>{r&&t()});const h=r=>{typeof ResizeObserver>"u"||(v.value=new ResizeObserver(t),v.value.observe(r))};return c.onUnmounted(()=>{var r;(r=v.value)==null||r.disconnect()}),{draw:d,initResizeObserver:h}}exports.useCanvasRenderer=q;exports.useImageLoader=W;

package/dist/chunks/useResizeObserver-Cki4q_CI.mjs

@@ -0,0 +1,60 @@
+import { watch as l, unref as u, onUnmounted as d } from "vue";
+const f = /* @__PURE__ */ new WeakMap();
+let i = null;
+function a() {
+  return typeof window > "u" ? null : (i || (i = new ResizeObserver((t) => {
+    for (const o of t) {
+      const n = f.get(o.target);
+      n && n.forEach((e) => {
+        try {
+          e(o);
+        } catch (s) {
+          console.error("Routa ResizeObserver error:", s);
+        }
+      });
+    }
+  })), i);
+}
+function m(t, o) {
+  const n = (r) => {
+    const c = u(o);
+    typeof c == "function" && c(r);
+  };
+  let e = null;
+  const s = () => {
+    e && (v(e, n), e = null);
+  }, b = l(
+    () => {
+      const r = u(t);
+      return typeof r == "function" ? r() : r;
+    },
+    (r) => {
+      r !== e && (s(), r && (e = r, p(r, n)));
+    },
+    { immediate: !0, flush: "post" }
+  );
+  return d(() => {
+    s(), b();
+  }), {
+    cleanup: s
+  };
+}
+function p(t, o) {
+  const n = a();
+  if (n && t && t instanceof Element) {
+    let e = f.get(t);
+    e || (e = /* @__PURE__ */ new Set(), f.set(t, e), n.observe(t)), e.add(o);
+  }
+}
+function v(t, o) {
+  const n = a();
+  if (n && t && t instanceof Element) {
+    const e = f.get(t);
+    e && (e.delete(o), e.size === 0 && (n.unobserve(t), f.delete(t)));
+  }
+}
+export {
+  m as a,
+  p as o,
+  v as u
+};

package/dist/chunks/useResizeObserver-DMkB1OF3.js

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),u=new WeakMap;let c=null;function a(){return typeof window>"u"?null:(c||(c=new ResizeObserver(t=>{for(const s of t){const n=u.get(s.target);n&&n.forEach(e=>{try{e(s)}catch(o){console.error("Routa ResizeObserver error:",o)}})}})),c)}function d(t,s){const n=r=>{const f=i.unref(s);typeof f=="function"&&f(r)};let e=null;const o=()=>{e&&(v(e,n),e=null)},l=i.watch(()=>{const r=i.unref(t);return typeof r=="function"?r():r},r=>{r!==e&&(o(),r&&(e=r,b(r,n)))},{immediate:!0,flush:"post"});return i.onUnmounted(()=>{o(),l()}),{cleanup:o}}function b(t,s){const n=a();if(n&&t&&t instanceof Element){let e=u.get(t);e||(e=new Set,u.set(t,e),n.observe(t)),e.add(s)}}function v(t,s){const n=a();if(n&&t&&t instanceof Element){const e=u.get(t);e&&(e.delete(s),e.size===0&&(n.unobserve(t),u.delete(t)))}}exports.observe=b;exports.unobserve=v;exports.useResizeObserver=d;

package/dist/chunks/z-index-CNZLw1v7.js

@@ -0,0 +1 @@
+"use strict";const t=require("./index-DWAWrVaT.js"),n=3e3,e=t.signal(n);function r(){return{nextZIndex:()=>(e.value+=1,e.value),get current(){return e.value}}}exports.initialZIndex=n;exports.useZIndex=r;

package/dist/chunks/z-index-D9ecXoNe.mjs

@@ -0,0 +1,14 @@
+import { s as n } from "./index-B0yEC3RG.mjs";
+const t = 3e3, e = n(t);
+function s() {
+  return {
+    nextZIndex: () => (e.value += 1, e.value),
+    get current() {
+      return e.value;
+    }
+  };
+}
+export {
+  t as i,
+  s as u
+};

package/dist/collapse/Collapse.vue.d.ts

@@ -0,0 +1,30 @@
+import { CollapseProps } from './types';
+import { CollapseActiveKey } from '../../../headless/src/index.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CollapseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: CollapseActiveKey[]) => any;
+    "update:modelValue": (value: CollapseActiveKey[]) => any;
+}, string, import('vue').PublicProps, Readonly<CollapseProps> & Readonly<{
+    onChange?: ((value: CollapseActiveKey[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: CollapseActiveKey[]) => any) | undefined;
+}>, {
+    modelValue: CollapseActiveKey[];
+    variant: import('./types').CollapseVariant;
+    defaultActiveKeys: CollapseActiveKey[];
+    accordion: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collapse/CollapseItem.vue.d.ts

@@ -0,0 +1,20 @@
+import { CollapseItemProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CollapseItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/collapse/index.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from 'vue';
+import { default as Collapse } from './Collapse.vue';
+import { default as CollapseItem } from './CollapseItem.vue';
+export declare const LCollapse: typeof Collapse & Plugin;
+export declare const LCollapseItem: typeof CollapseItem & Plugin;
+declare const CollapsePlugin: Plugin;
+export { CollapsePlugin as default };
+export * from './types';

package/dist/collapse/index.js

@@ -0,0 +1,3 @@
+require('../style/collapse.css');
+require('../style/Icon.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const u=require("../chunks/index-DWAWrVaT.js"),g=require("../chunks/use-signals-Bz1smiXh.js"),f=require("../icon/index.js");function C(l={}){const n=u.signal(l.activeKeys??l.defaultActiveKeys??[]),a=u.signal(l.accordion??!1),c=t=>{var d;const o=n.value;let s;a.value?s=o.includes(t)?[]:[t]:o.includes(t)?s=o.filter(p=>p!==t):s=[...o,t],n.value=s,(d=l.onChange)==null||d.call(l,s)};return{state:{get activeKeys(){return n.value},set activeKeys(t){n.value=t},get accordion(){return a.value},set accordion(t){a.value=t}},toggle:c,isActive:t=>n.value.includes(t),getTriggerProps:(t,o)=>({role:"button","aria-expanded":n.value.includes(t),"aria-disabled":o||!1,tabindex:o?-1:0,onKeyDown:s=>{o||(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),c(t))},onClick:()=>{o||c(t)}})}}const r=Symbol("COLLAPSE_CONTEXT_KEY"),_=e.defineComponent({name:"Collapse",__name:"Collapse",props:{modelValue:{default:()=>[]},defaultActiveKeys:{default:()=>[]},accordion:{type:Boolean,default:!1},variant:{default:"line"}},emits:["update:modelValue","change"],setup(l,{emit:n}){const a=l,c=n,i=C({accordion:a.accordion,activeKeys:a.modelValue,defaultActiveKeys:a.defaultActiveKeys,onChange:o=>{c("update:modelValue",o),c("change",o)}}),{activeKeys:t}=g.useController(i,{activeKeys:()=>a.modelValue});return e.provide(r,{activeKeys:t,toggle:i.toggle,accordion:e.toRef(a,"accordion"),getTriggerProps:i.getTriggerProps,variant:e.toRef(a,"variant")}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-collapse",`l-collapse--${l.variant}`])},[e.renderSlot(o.$slots,"default")],2))}}),h=["id","aria-controls"],E={class:"l-collapse-item__header-left"},K={class:"l-collapse-item__title"},y={class:"l-collapse-item__header-right"},L=["id","aria-labelledby"],V={class:"l-collapse-item__content-container"},b={class:"l-collapse-item__content"},S=e.defineComponent({name:"CollapseItem",__name:"CollapseItem",props:{name:{},title:{},disabled:{type:Boolean}},setup(l){const n=l,a=e.inject(r);if(!a)throw new Error("[Routa] LCollapseItem must be used within LCollapse");const c=e.computed(()=>a.activeKeys.value.includes(n.name));return(i,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-collapse-item",{"is-active":c.value,"is-disabled":l.disabled}])},[e.createElementVNode("div",e.mergeProps({id:`l-collapse-title-${l.name}`,class:"l-collapse-item__header"},e.unref(a).getTriggerProps(l.name,l.disabled),{"aria-controls":`l-collapse-content-${l.name}`}),[e.createElementVNode("div",E,[e.renderSlot(i.$slots,"title",{},()=>[e.createElementVNode("span",K,e.toDisplayString(l.title),1)])]),e.createElementVNode("div",y,[e.renderSlot(i.$slots,"icon",{},()=>[e.createVNode(e.unref(f.LIcon),{name:"lucide:chevron-right",class:"l-collapse-item__arrow"})])])],16,h),e.createElementVNode("div",{id:`l-collapse-content-${l.name}`,class:"l-collapse-item__wrapper",role:"region","aria-labelledby":`l-collapse-title-${l.name}`},[e.createElementVNode("div",V,[e.createElementVNode("div",b,[e.renderSlot(i.$slots,"default")])])],8,L)],2))}}),m=_,v=S,N={install(l){l.component("LCollapse",m),l.component("LCollapseItem",v)}};exports.COLLAPSE_CONTEXT_KEY=r;exports.LCollapse=m;exports.LCollapseItem=v;exports.default=N;

package/dist/collapse/index.mjs

@@ -0,0 +1,144 @@
+import '../style/collapse.css';
+import '../style/Icon.css';
+import { defineComponent as p, provide as K, toRef as u, openBlock as f, createElementBlock as g, normalizeClass as _, renderSlot as r, inject as y, computed as L, createElementVNode as i, mergeProps as b, unref as m, toDisplayString as E, createVNode as $ } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as v } from "../chunks/index-B0yEC3RG.mjs";
+import { u as A } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { LIcon as P } from "../icon/index.mjs";
+function T(e = {}) {
+  const o = v(
+    e.activeKeys ?? e.defaultActiveKeys ?? []
+  ), t = v(e.accordion ?? !1), c = (l) => {
+    var d;
+    const a = o.value;
+    let s;
+    t.value ? s = a.includes(l) ? [] : [l] : a.includes(l) ? s = a.filter((h) => h !== l) : s = [...a, l], o.value = s, (d = e.onChange) == null || d.call(e, s);
+  };
+  return {
+    state: {
+      get activeKeys() {
+        return o.value;
+      },
+      set activeKeys(l) {
+        o.value = l;
+      },
+      get accordion() {
+        return t.value;
+      },
+      set accordion(l) {
+        t.value = l;
+      }
+    },
+    toggle: c,
+    isActive: (l) => o.value.includes(l),
+    getTriggerProps: (l, a) => ({
+      role: "button",
+      "aria-expanded": o.value.includes(l),
+      "aria-disabled": a || !1,
+      tabindex: a ? -1 : 0,
+      onKeyDown: (s) => {
+        a || (s.key === "Enter" || s.key === " ") && (s.preventDefault(), c(l));
+      },
+      onClick: () => {
+        a || c(l);
+      }
+    })
+  };
+}
+const C = Symbol("COLLAPSE_CONTEXT_KEY"), V = /* @__PURE__ */ p({
+  name: "Collapse",
+  __name: "Collapse",
+  props: {
+    modelValue: { default: () => [] },
+    defaultActiveKeys: { default: () => [] },
+    accordion: { type: Boolean, default: !1 },
+    variant: { default: "line" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: o }) {
+    const t = e, c = o, n = T({
+      accordion: t.accordion,
+      activeKeys: t.modelValue,
+      defaultActiveKeys: t.defaultActiveKeys,
+      onChange: (a) => {
+        c("update:modelValue", a), c("change", a);
+      }
+    }), { activeKeys: l } = A(n, {
+      activeKeys: () => t.modelValue
+    });
+    return K(C, {
+      activeKeys: l,
+      toggle: n.toggle,
+      accordion: u(t, "accordion"),
+      getTriggerProps: n.getTriggerProps,
+      variant: u(t, "variant")
+    }), (a, s) => (f(), g("div", {
+      class: _(["l-collapse", `l-collapse--${e.variant}`])
+    }, [
+      r(a.$slots, "default")
+    ], 2));
+  }
+}), w = ["id", "aria-controls"], I = { class: "l-collapse-item__header-left" }, S = { class: "l-collapse-item__title" }, B = { class: "l-collapse-item__header-right" }, N = ["id", "aria-labelledby"], O = { class: "l-collapse-item__content-container" }, x = { class: "l-collapse-item__content" }, D = /* @__PURE__ */ p({
+  name: "CollapseItem",
+  __name: "CollapseItem",
+  props: {
+    name: {},
+    title: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const o = e, t = y(C);
+    if (!t)
+      throw new Error("[Routa] LCollapseItem must be used within LCollapse");
+    const c = L(() => t.activeKeys.value.includes(o.name));
+    return (n, l) => (f(), g("div", {
+      class: _(["l-collapse-item", {
+        "is-active": c.value,
+        "is-disabled": e.disabled
+      }])
+    }, [
+      i("div", b({
+        id: `l-collapse-title-${e.name}`,
+        class: "l-collapse-item__header"
+      }, m(t).getTriggerProps(e.name, e.disabled), {
+        "aria-controls": `l-collapse-content-${e.name}`
+      }), [
+        i("div", I, [
+          r(n.$slots, "title", {}, () => [
+            i("span", S, E(e.title), 1)
+          ])
+        ]),
+        i("div", B, [
+          r(n.$slots, "icon", {}, () => [
+            $(m(P), {
+              name: "lucide:chevron-right",
+              class: "l-collapse-item__arrow"
+            })
+          ])
+        ])
+      ], 16, w),
+      i("div", {
+        id: `l-collapse-content-${e.name}`,
+        class: "l-collapse-item__wrapper",
+        role: "region",
+        "aria-labelledby": `l-collapse-title-${e.name}`
+      }, [
+        i("div", O, [
+          i("div", x, [
+            r(n.$slots, "default")
+          ])
+        ])
+      ], 8, N)
+    ], 2));
+  }
+}), R = V, X = D, G = {
+  install(e) {
+    e.component("LCollapse", R), e.component("LCollapseItem", X);
+  }
+};
+export {
+  C as COLLAPSE_CONTEXT_KEY,
+  R as LCollapse,
+  X as LCollapseItem,
+  G as default
+};