@layers.digital/layers-design-system-vue3 1.3.0 → 1.3.1

package/dist/chunks/chunk-1474.cjs

@@ -1,4 +1,4 @@
-"use strict";const u=require("vue"),d=require("./chunk-1481.cjs"),e=require("./chunk-1482.cjs");/**
+"use strict";const u=require("vue"),d=require("./chunk-1478.cjs"),e=require("./chunk-1479.cjs");/**
  * @license lucide-vue-next v0.395.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/chunks/chunk-1474.js

@@ -1,6 +1,6 @@
 import { h as a } from "vue";
-import { toKebabCase as l } from "./chunk-1481.js";
-import t from "./chunk-1482.js";
+import { toKebabCase as l } from "./chunk-1478.js";
+import t from "./chunk-1479.js";
 /**
  * @license lucide-vue-next v0.395.0 - ISC
  *

package/dist/chunks/chunk-1478.cjs

@@ -1,3 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function g(n,e){const o=typeof n=="string"&&!e?`${n}Context`:e,r=Symbol(o);return[a=>{const l=t.inject(r,a);if(l||l===null)return l;throw new Error(`Injection \`${r.toString()}\` not found. Component must be used within ${Array.isArray(n)?`one of the following components: ${n.join(", ")}`:`\`${n}\``}`)},a=>(t.provide(r,a),a)]}function I(n){let e=!1,o;const r=t.effectScope(!0);return(...a)=>(e||(o=r.run(()=>n(...a)),e=!0),o)}function O(n){return typeof n=="function"?n():t.unref(n)}const T=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;function S(n){var e;const o=O(n);return(e=o?.$el)!=null?e:o}function E(n){return n?n.flatMap(e=>e.type===t.Fragment?E(e.children):[e]):[]}function b(n,e){const o=t.ref(n);function r(a){return e[o.value][a]??o.value}return{state:o,dispatch:a=>{o.value=r(a)}}}const N=t.defineComponent({name:"PrimitiveSlot",inheritAttrs:!1,setup(n,{attrs:e,slots:o}){return()=>{var r,a;if(!o.default)return null;const l=E(o.default()),u=l.findIndex(m=>m.type!==t.Comment);if(u===-1)return l;const i=l[u];(r=i.props)==null||delete r.ref;const c=i.props?t.mergeProps(e,i.props):e;e.class&&(a=i.props)!=null&&a.class&&delete i.props.class;const d=t.cloneVNode(i,c);for(const m in c)m.startsWith("on")&&(d.props||(d.props={}),d.props[m]=c[m]);return l.length===1?d:(l[u]=d,l)}}}),P=t.defineComponent({name:"Primitive",inheritAttrs:!1,props:{asChild:{type:Boolean,default:!1},as:{type:[String,Object],default:"div"}},setup(n,{attrs:e,slots:o}){const r=n.asChild?"template":n.as;return typeof r=="string"&&["area","img","input"].includes(r)?()=>t.h(r,e):r!=="template"?()=>t.h(n.as,e,{default:o.default}):()=>t.h(N,e,{default:o.default})}});function M(){const n=t.ref(),e=t.computed(()=>{var o,r;return["#text","#comment"].includes((o=n.value)==null?void 0:o.$el.nodeName)?(r=n.value)==null?void 0:r.$el.nextElementSibling:S(n)});return{primitiveElement:n,currentElement:e}}function x(n,e){const o=t.ref({}),r=t.ref("none"),a=n.value?"mounted":"unmounted",{state:l,dispatch:u}=b(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}}),i=s=>{var p;if(T){const v=new CustomEvent(s,{bubbles:!1,cancelable:!1});(p=e.value)==null||p.dispatchEvent(v)}};t.watch(n,async(s,p)=>{var v;const y=p!==s;if(await t.nextTick(),y){const A=r.value,w=h(e.value);s?(u("MOUNT"),i("enter"),w==="none"&&i("after-enter")):w==="none"||((v=o.value)==null?void 0:v.display)==="none"?(u("UNMOUNT"),i("leave"),i("after-leave")):p&&A!==w?(u("ANIMATION_OUT"),i("leave")):(u("UNMOUNT"),i("after-leave"))}},{immediate:!0});const c=s=>{const p=h(e.value),v=p.includes(s.animationName),y=l.value==="mounted"?"enter":"leave";s.target===e.value&&v&&(i(`after-${y}`),u("ANIMATION_END")),s.target===e.value&&p==="none"&&u("ANIMATION_END")},d=s=>{s.target===e.value&&(r.value=h(e.value))},m=t.watch(e,(s,p)=>{s?(o.value=getComputedStyle(s),s.addEventListener("animationstart",d),s.addEventListener("animationcancel",c),s.addEventListener("animationend",c)):(u("ANIMATION_END"),p?.removeEventListener("animationstart",d),p?.removeEventListener("animationcancel",c),p?.removeEventListener("animationend",c))},{immediate:!0}),f=t.watch(l,()=>{const s=h(e.value);r.value=l.value==="mounted"?s:"none"});return t.onUnmounted(()=>{m(),f()}),{isPresent:t.computed(()=>["mounted","unmountSuspended"].includes(l.value))}}function h(n){return n&&getComputedStyle(n).animationName||"none"}t.defineComponent({name:"Presence",props:{present:{type:Boolean,required:!0},forceMount:{type:Boolean}},slots:{},setup(n,{slots:e,expose:o}){var r;const{present:a,forceMount:l}=t.toRefs(n),u=t.ref(),{isPresent:i}=x(a,u);o({present:i});let c=e.default({present:i});c=E(c||[]);const d=t.getCurrentInstance();if(c&&c?.length>1){const m=(r=d?.parent)!=null&&r.type.name?`<${d.parent.type.name} />`:"component";throw new Error([`Detected an invalid children for \`${m}\` for  \`Presence\` component.`,"","Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.","You can apply a few solutions:",["Provide a single child element so that `presence` directive attach correctly.","Ensure the first child is an actual element instead of a raw text node or comment node."].map(f=>`  - ${f}`).join(`
-`)].join(`
-`))}return()=>l.value||a.value||i.value?t.h(e.default({present:i})[0],{ref:m=>{const f=S(m);return typeof f?.hasAttribute>"u"||(f!=null&&f.hasAttribute("data-radix-popper-content-wrapper")?u.value=f.firstElementChild:u.value=f),f}}):null}});t.reactive({layersRoot:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set});I(()=>t.ref([]));const[C,$]=g("CollectionProvider");t.defineComponent({name:"CollectionSlot",setup(n,{slots:e}){const o=C(),{primitiveElement:r,currentElement:a}=M();return t.watch(a,()=>{o.collectionRef.value=a.value}),()=>t.h(N,{ref:r},e)}});t.defineComponent({name:"CollectionItem",setup(n,{slots:e,attrs:o}){const r=C(),{primitiveElement:a,currentElement:l}=M(),u=t.getCurrentInstance();return t.watchEffect(i=>{var c;if(l.value){const d=t.markRaw(l.value);r.itemMap.value.set(d,{ref:l.value,...t.markRaw(((c=u?.parent)==null?void 0:c.props)??{})}),i(()=>r.itemMap.value.delete(d))}}),()=>t.h(N,{...o,[r.attrName]:"",ref:a},e)}});function U(){if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"}U();exports.Primitive=P;exports.Slot=N;exports.createContext=g;exports.useStateMachine=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/**
+ * @license lucide-vue-next v0.395.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const t=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();exports.toKebabCase=t;

package/dist/chunks/chunk-1478.js

@@ -1,237 +1,10 @@
-import { defineComponent as N, Comment as P, mergeProps as U, cloneVNode as $, h as v, toRefs as j, ref as h, getCurrentInstance as A, reactive as D, watch as E, watchEffect as L, markRaw as b, effectScope as _, Fragment as k, computed as I, nextTick as R, onUnmounted as B, inject as W, provide as F, unref as G } from "vue";
-function V(t, e) {
-  const n = typeof t == "string" && !e ? `${t}Context` : e, o = Symbol(n);
-  return [(r) => {
-    const a = W(o, r);
-    if (a || a === null)
-      return a;
-    throw new Error(
-      `Injection \`${o.toString()}\` not found. Component must be used within ${Array.isArray(t) ? `one of the following components: ${t.join(
-        ", "
-      )}` : `\`${t}\``}`
-    );
-  }, (r) => (F(o, r), r)];
-}
-function q(t) {
-  let e = !1, n;
-  const o = _(!0);
-  return (...r) => (e || (n = o.run(() => t(...r)), e = !0), n);
-}
-function z(t) {
-  return typeof t == "function" ? t() : G(t);
-}
-const J = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function O(t) {
-  var e;
-  const n = z(t);
-  return (e = n?.$el) != null ? e : n;
-}
-function g(t) {
-  return t ? t.flatMap((e) => e.type === k ? g(e.children) : [e]) : [];
-}
-function K(t, e) {
-  const n = h(t);
-  function o(r) {
-    return e[n.value][r] ?? n.value;
-  }
-  return {
-    state: n,
-    dispatch: (r) => {
-      n.value = o(r);
-    }
-  };
-}
-const M = N({
-  name: "PrimitiveSlot",
-  inheritAttrs: !1,
-  setup(t, { attrs: e, slots: n }) {
-    return () => {
-      var o, r;
-      if (!n.default)
-        return null;
-      const a = g(n.default()), i = a.findIndex((p) => p.type !== P);
-      if (i === -1)
-        return a;
-      const l = a[i];
-      (o = l.props) == null || delete o.ref;
-      const s = l.props ? U(e, l.props) : e;
-      e.class && (r = l.props) != null && r.class && delete l.props.class;
-      const c = $(l, s);
-      for (const p in s)
-        p.startsWith("on") && (c.props || (c.props = {}), c.props[p] = s[p]);
-      return a.length === 1 ? c : (a[i] = c, a);
-    };
-  }
-}), X = N({
-  name: "Primitive",
-  inheritAttrs: !1,
-  props: {
-    asChild: {
-      type: Boolean,
-      default: !1
-    },
-    as: {
-      type: [String, Object],
-      default: "div"
-    }
-  },
-  setup(t, { attrs: e, slots: n }) {
-    const o = t.asChild ? "template" : t.as;
-    return typeof o == "string" && ["area", "img", "input"].includes(o) ? () => v(o, e) : o !== "template" ? () => v(t.as, e, { default: n.default }) : () => v(M, e, { default: n.default });
-  }
-});
-function T() {
-  const t = h(), e = I(() => {
-    var n, o;
-    return ["#text", "#comment"].includes((n = t.value) == null ? void 0 : n.$el.nodeName) ? (o = t.value) == null ? void 0 : o.$el.nextElementSibling : O(t);
-  });
-  return {
-    primitiveElement: t,
-    currentElement: e
-  };
-}
-function Q(t, e) {
-  const n = h({}), o = h("none"), r = t.value ? "mounted" : "unmounted", { state: a, dispatch: i } = K(r, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  }), l = (u) => {
-    var d;
-    if (J) {
-      const f = new CustomEvent(u, { bubbles: !1, cancelable: !1 });
-      (d = e.value) == null || d.dispatchEvent(f);
-    }
-  };
-  E(
-    t,
-    async (u, d) => {
-      var f;
-      const w = d !== u;
-      if (await R(), w) {
-        const x = o.value, S = y(e.value);
-        u ? (i("MOUNT"), l("enter"), S === "none" && l("after-enter")) : S === "none" || ((f = n.value) == null ? void 0 : f.display) === "none" ? (i("UNMOUNT"), l("leave"), l("after-leave")) : d && x !== S ? (i("ANIMATION_OUT"), l("leave")) : (i("UNMOUNT"), l("after-leave"));
-      }
-    },
-    { immediate: !0 }
-  );
-  const s = (u) => {
-    const d = y(e.value), f = d.includes(
-      u.animationName
-    ), w = a.value === "mounted" ? "enter" : "leave";
-    u.target === e.value && f && (l(`after-${w}`), i("ANIMATION_END")), u.target === e.value && d === "none" && i("ANIMATION_END");
-  }, c = (u) => {
-    u.target === e.value && (o.value = y(e.value));
-  }, p = E(
-    e,
-    (u, d) => {
-      u ? (n.value = getComputedStyle(u), u.addEventListener("animationstart", c), u.addEventListener("animationcancel", s), u.addEventListener("animationend", s)) : (i("ANIMATION_END"), d?.removeEventListener("animationstart", c), d?.removeEventListener("animationcancel", s), d?.removeEventListener("animationend", s));
-    },
-    { immediate: !0 }
-  ), m = E(a, () => {
-    const u = y(e.value);
-    o.value = a.value === "mounted" ? u : "none";
-  });
-  return B(() => {
-    p(), m();
-  }), {
-    isPresent: I(
-      () => ["mounted", "unmountSuspended"].includes(a.value)
-    )
-  };
-}
-function y(t) {
-  return t && getComputedStyle(t).animationName || "none";
-}
-N({
-  name: "Presence",
-  props: {
-    present: {
-      type: Boolean,
-      required: !0
-    },
-    forceMount: {
-      type: Boolean
-    }
-  },
-  slots: {},
-  setup(t, { slots: e, expose: n }) {
-    var o;
-    const { present: r, forceMount: a } = j(t), i = h(), { isPresent: l } = Q(r, i);
-    n({ present: l });
-    let s = e.default({ present: l });
-    s = g(s || []);
-    const c = A();
-    if (s && s?.length > 1) {
-      const p = (o = c?.parent) != null && o.type.name ? `<${c.parent.type.name} />` : "component";
-      throw new Error(
-        [
-          `Detected an invalid children for \`${p}\` for  \`Presence\` component.`,
-          "",
-          "Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
-          "You can apply a few solutions:",
-          [
-            "Provide a single child element so that `presence` directive attach correctly.",
-            "Ensure the first child is an actual element instead of a raw text node or comment node."
-          ].map((m) => `  - ${m}`).join(`
-`)
-        ].join(`
-`)
-      );
-    }
-    return () => a.value || r.value || l.value ? v(e.default({ present: l })[0], {
-      ref: (p) => {
-        const m = O(p);
-        return typeof m?.hasAttribute > "u" || (m != null && m.hasAttribute("data-radix-popper-content-wrapper") ? i.value = m.firstElementChild : i.value = m), m;
-      }
-    }) : null;
-  }
-});
-D({
-  layersRoot: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-});
-q(() => h([]));
-const [C, Z] = V("CollectionProvider");
-N({
-  name: "CollectionSlot",
-  setup(t, { slots: e }) {
-    const n = C(), { primitiveElement: o, currentElement: r } = T();
-    return E(r, () => {
-      n.collectionRef.value = r.value;
-    }), () => v(M, { ref: o }, e);
-  }
-});
-N({
-  name: "CollectionItem",
-  setup(t, { slots: e, attrs: n }) {
-    const o = C(), { primitiveElement: r, currentElement: a } = T(), i = A();
-    return L((l) => {
-      var s;
-      if (a.value) {
-        const c = b(a.value);
-        o.itemMap.value.set(c, { ref: a.value, ...b(((s = i?.parent) == null ? void 0 : s.props) ?? {}) }), l(() => o.itemMap.value.delete(c));
-      }
-    }), () => v(M, { ...n, [o.attrName]: "", ref: r }, e);
-  }
-});
-function Y() {
-  if (typeof matchMedia == "function")
-    return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
-}
-Y();
+/**
+ * @license lucide-vue-next v0.395.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 export {
-  X as Primitive,
-  M as Slot,
-  V as createContext,
-  K as useStateMachine
+  a as toKebabCase
 };

package/dist/chunks/chunk-1479.cjs

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1483.cjs"),r=e.cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-bold ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",xs:"h-7 rounded px-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}});exports.buttonVariants=r;
+"use strict";/**
+ * @license lucide-vue-next v0.395.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var t={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};module.exports=t;

package/dist/chunks/chunk-1479.js

@@ -1,30 +1,20 @@
-import { cva as e } from "./chunk-1483.js";
-const t = e(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-bold ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        xs: "h-7 rounded px-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
+/**
+ * @license lucide-vue-next v0.395.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
 export {
-  t as buttonVariants
+  t as default
 };

package/dist/chunks/chunk-1480.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-1484.cjs"),t=require("./chunk-1485.cjs");function n(...e){return t.twMerge(r.clsx(e))}exports.cn=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function g(n,e){const o=typeof n=="string"&&!e?`${n}Context`:e,r=Symbol(o);return[a=>{const l=t.inject(r,a);if(l||l===null)return l;throw new Error(`Injection \`${r.toString()}\` not found. Component must be used within ${Array.isArray(n)?`one of the following components: ${n.join(", ")}`:`\`${n}\``}`)},a=>(t.provide(r,a),a)]}function I(n){let e=!1,o;const r=t.effectScope(!0);return(...a)=>(e||(o=r.run(()=>n(...a)),e=!0),o)}function O(n){return typeof n=="function"?n():t.unref(n)}const T=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;function S(n){var e;const o=O(n);return(e=o?.$el)!=null?e:o}function E(n){return n?n.flatMap(e=>e.type===t.Fragment?E(e.children):[e]):[]}function b(n,e){const o=t.ref(n);function r(a){return e[o.value][a]??o.value}return{state:o,dispatch:a=>{o.value=r(a)}}}const N=t.defineComponent({name:"PrimitiveSlot",inheritAttrs:!1,setup(n,{attrs:e,slots:o}){return()=>{var r,a;if(!o.default)return null;const l=E(o.default()),u=l.findIndex(m=>m.type!==t.Comment);if(u===-1)return l;const i=l[u];(r=i.props)==null||delete r.ref;const c=i.props?t.mergeProps(e,i.props):e;e.class&&(a=i.props)!=null&&a.class&&delete i.props.class;const d=t.cloneVNode(i,c);for(const m in c)m.startsWith("on")&&(d.props||(d.props={}),d.props[m]=c[m]);return l.length===1?d:(l[u]=d,l)}}}),P=t.defineComponent({name:"Primitive",inheritAttrs:!1,props:{asChild:{type:Boolean,default:!1},as:{type:[String,Object],default:"div"}},setup(n,{attrs:e,slots:o}){const r=n.asChild?"template":n.as;return typeof r=="string"&&["area","img","input"].includes(r)?()=>t.h(r,e):r!=="template"?()=>t.h(n.as,e,{default:o.default}):()=>t.h(N,e,{default:o.default})}});function M(){const n=t.ref(),e=t.computed(()=>{var o,r;return["#text","#comment"].includes((o=n.value)==null?void 0:o.$el.nodeName)?(r=n.value)==null?void 0:r.$el.nextElementSibling:S(n)});return{primitiveElement:n,currentElement:e}}function x(n,e){const o=t.ref({}),r=t.ref("none"),a=n.value?"mounted":"unmounted",{state:l,dispatch:u}=b(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}}),i=s=>{var p;if(T){const v=new CustomEvent(s,{bubbles:!1,cancelable:!1});(p=e.value)==null||p.dispatchEvent(v)}};t.watch(n,async(s,p)=>{var v;const y=p!==s;if(await t.nextTick(),y){const A=r.value,w=h(e.value);s?(u("MOUNT"),i("enter"),w==="none"&&i("after-enter")):w==="none"||((v=o.value)==null?void 0:v.display)==="none"?(u("UNMOUNT"),i("leave"),i("after-leave")):p&&A!==w?(u("ANIMATION_OUT"),i("leave")):(u("UNMOUNT"),i("after-leave"))}},{immediate:!0});const c=s=>{const p=h(e.value),v=p.includes(s.animationName),y=l.value==="mounted"?"enter":"leave";s.target===e.value&&v&&(i(`after-${y}`),u("ANIMATION_END")),s.target===e.value&&p==="none"&&u("ANIMATION_END")},d=s=>{s.target===e.value&&(r.value=h(e.value))},m=t.watch(e,(s,p)=>{s?(o.value=getComputedStyle(s),s.addEventListener("animationstart",d),s.addEventListener("animationcancel",c),s.addEventListener("animationend",c)):(u("ANIMATION_END"),p?.removeEventListener("animationstart",d),p?.removeEventListener("animationcancel",c),p?.removeEventListener("animationend",c))},{immediate:!0}),f=t.watch(l,()=>{const s=h(e.value);r.value=l.value==="mounted"?s:"none"});return t.onUnmounted(()=>{m(),f()}),{isPresent:t.computed(()=>["mounted","unmountSuspended"].includes(l.value))}}function h(n){return n&&getComputedStyle(n).animationName||"none"}t.defineComponent({name:"Presence",props:{present:{type:Boolean,required:!0},forceMount:{type:Boolean}},slots:{},setup(n,{slots:e,expose:o}){var r;const{present:a,forceMount:l}=t.toRefs(n),u=t.ref(),{isPresent:i}=x(a,u);o({present:i});let c=e.default({present:i});c=E(c||[]);const d=t.getCurrentInstance();if(c&&c?.length>1){const m=(r=d?.parent)!=null&&r.type.name?`<${d.parent.type.name} />`:"component";throw new Error([`Detected an invalid children for \`${m}\` for  \`Presence\` component.`,"","Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.","You can apply a few solutions:",["Provide a single child element so that `presence` directive attach correctly.","Ensure the first child is an actual element instead of a raw text node or comment node."].map(f=>`  - ${f}`).join(`
+`)].join(`
+`))}return()=>l.value||a.value||i.value?t.h(e.default({present:i})[0],{ref:m=>{const f=S(m);return typeof f?.hasAttribute>"u"||(f!=null&&f.hasAttribute("data-radix-popper-content-wrapper")?u.value=f.firstElementChild:u.value=f),f}}):null}});t.reactive({layersRoot:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set});I(()=>t.ref([]));const[C,$]=g("CollectionProvider");t.defineComponent({name:"CollectionSlot",setup(n,{slots:e}){const o=C(),{primitiveElement:r,currentElement:a}=M();return t.watch(a,()=>{o.collectionRef.value=a.value}),()=>t.h(N,{ref:r},e)}});t.defineComponent({name:"CollectionItem",setup(n,{slots:e,attrs:o}){const r=C(),{primitiveElement:a,currentElement:l}=M(),u=t.getCurrentInstance();return t.watchEffect(i=>{var c;if(l.value){const d=t.markRaw(l.value);r.itemMap.value.set(d,{ref:l.value,...t.markRaw(((c=u?.parent)==null?void 0:c.props)??{})}),i(()=>r.itemMap.value.delete(d))}}),()=>t.h(N,{...o,[r.attrName]:"",ref:a},e)}});function U(){if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"}U();exports.Primitive=P;exports.Slot=N;exports.createContext=g;exports.useStateMachine=b;

package/dist/chunks/chunk-1480.js

@@ -1,8 +1,237 @@
-import { clsx as o } from "./chunk-1484.js";
-import { twMerge as t } from "./chunk-1485.js";
-function n(...r) {
-  return t(o(r));
+import { defineComponent as N, Comment as P, mergeProps as U, cloneVNode as $, h as v, toRefs as j, ref as h, getCurrentInstance as A, reactive as D, watch as E, watchEffect as L, markRaw as b, effectScope as _, Fragment as k, computed as I, nextTick as R, onUnmounted as B, inject as W, provide as F, unref as G } from "vue";
+function V(t, e) {
+  const n = typeof t == "string" && !e ? `${t}Context` : e, o = Symbol(n);
+  return [(r) => {
+    const a = W(o, r);
+    if (a || a === null)
+      return a;
+    throw new Error(
+      `Injection \`${o.toString()}\` not found. Component must be used within ${Array.isArray(t) ? `one of the following components: ${t.join(
+        ", "
+      )}` : `\`${t}\``}`
+    );
+  }, (r) => (F(o, r), r)];
 }
+function q(t) {
+  let e = !1, n;
+  const o = _(!0);
+  return (...r) => (e || (n = o.run(() => t(...r)), e = !0), n);
+}
+function z(t) {
+  return typeof t == "function" ? t() : G(t);
+}
+const J = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+function O(t) {
+  var e;
+  const n = z(t);
+  return (e = n?.$el) != null ? e : n;
+}
+function g(t) {
+  return t ? t.flatMap((e) => e.type === k ? g(e.children) : [e]) : [];
+}
+function K(t, e) {
+  const n = h(t);
+  function o(r) {
+    return e[n.value][r] ?? n.value;
+  }
+  return {
+    state: n,
+    dispatch: (r) => {
+      n.value = o(r);
+    }
+  };
+}
+const M = N({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(t, { attrs: e, slots: n }) {
+    return () => {
+      var o, r;
+      if (!n.default)
+        return null;
+      const a = g(n.default()), i = a.findIndex((p) => p.type !== P);
+      if (i === -1)
+        return a;
+      const l = a[i];
+      (o = l.props) == null || delete o.ref;
+      const s = l.props ? U(e, l.props) : e;
+      e.class && (r = l.props) != null && r.class && delete l.props.class;
+      const c = $(l, s);
+      for (const p in s)
+        p.startsWith("on") && (c.props || (c.props = {}), c.props[p] = s[p]);
+      return a.length === 1 ? c : (a[i] = c, a);
+    };
+  }
+}), X = N({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(t, { attrs: e, slots: n }) {
+    const o = t.asChild ? "template" : t.as;
+    return typeof o == "string" && ["area", "img", "input"].includes(o) ? () => v(o, e) : o !== "template" ? () => v(t.as, e, { default: n.default }) : () => v(M, e, { default: n.default });
+  }
+});
+function T() {
+  const t = h(), e = I(() => {
+    var n, o;
+    return ["#text", "#comment"].includes((n = t.value) == null ? void 0 : n.$el.nodeName) ? (o = t.value) == null ? void 0 : o.$el.nextElementSibling : O(t);
+  });
+  return {
+    primitiveElement: t,
+    currentElement: e
+  };
+}
+function Q(t, e) {
+  const n = h({}), o = h("none"), r = t.value ? "mounted" : "unmounted", { state: a, dispatch: i } = K(r, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  }), l = (u) => {
+    var d;
+    if (J) {
+      const f = new CustomEvent(u, { bubbles: !1, cancelable: !1 });
+      (d = e.value) == null || d.dispatchEvent(f);
+    }
+  };
+  E(
+    t,
+    async (u, d) => {
+      var f;
+      const w = d !== u;
+      if (await R(), w) {
+        const x = o.value, S = y(e.value);
+        u ? (i("MOUNT"), l("enter"), S === "none" && l("after-enter")) : S === "none" || ((f = n.value) == null ? void 0 : f.display) === "none" ? (i("UNMOUNT"), l("leave"), l("after-leave")) : d && x !== S ? (i("ANIMATION_OUT"), l("leave")) : (i("UNMOUNT"), l("after-leave"));
+      }
+    },
+    { immediate: !0 }
+  );
+  const s = (u) => {
+    const d = y(e.value), f = d.includes(
+      u.animationName
+    ), w = a.value === "mounted" ? "enter" : "leave";
+    u.target === e.value && f && (l(`after-${w}`), i("ANIMATION_END")), u.target === e.value && d === "none" && i("ANIMATION_END");
+  }, c = (u) => {
+    u.target === e.value && (o.value = y(e.value));
+  }, p = E(
+    e,
+    (u, d) => {
+      u ? (n.value = getComputedStyle(u), u.addEventListener("animationstart", c), u.addEventListener("animationcancel", s), u.addEventListener("animationend", s)) : (i("ANIMATION_END"), d?.removeEventListener("animationstart", c), d?.removeEventListener("animationcancel", s), d?.removeEventListener("animationend", s));
+    },
+    { immediate: !0 }
+  ), m = E(a, () => {
+    const u = y(e.value);
+    o.value = a.value === "mounted" ? u : "none";
+  });
+  return B(() => {
+    p(), m();
+  }), {
+    isPresent: I(
+      () => ["mounted", "unmountSuspended"].includes(a.value)
+    )
+  };
+}
+function y(t) {
+  return t && getComputedStyle(t).animationName || "none";
+}
+N({
+  name: "Presence",
+  props: {
+    present: {
+      type: Boolean,
+      required: !0
+    },
+    forceMount: {
+      type: Boolean
+    }
+  },
+  slots: {},
+  setup(t, { slots: e, expose: n }) {
+    var o;
+    const { present: r, forceMount: a } = j(t), i = h(), { isPresent: l } = Q(r, i);
+    n({ present: l });
+    let s = e.default({ present: l });
+    s = g(s || []);
+    const c = A();
+    if (s && s?.length > 1) {
+      const p = (o = c?.parent) != null && o.type.name ? `<${c.parent.type.name} />` : "component";
+      throw new Error(
+        [
+          `Detected an invalid children for \`${p}\` for  \`Presence\` component.`,
+          "",
+          "Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
+          "You can apply a few solutions:",
+          [
+            "Provide a single child element so that `presence` directive attach correctly.",
+            "Ensure the first child is an actual element instead of a raw text node or comment node."
+          ].map((m) => `  - ${m}`).join(`
+`)
+        ].join(`
+`)
+      );
+    }
+    return () => a.value || r.value || l.value ? v(e.default({ present: l })[0], {
+      ref: (p) => {
+        const m = O(p);
+        return typeof m?.hasAttribute > "u" || (m != null && m.hasAttribute("data-radix-popper-content-wrapper") ? i.value = m.firstElementChild : i.value = m), m;
+      }
+    }) : null;
+  }
+});
+D({
+  layersRoot: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+});
+q(() => h([]));
+const [C, Z] = V("CollectionProvider");
+N({
+  name: "CollectionSlot",
+  setup(t, { slots: e }) {
+    const n = C(), { primitiveElement: o, currentElement: r } = T();
+    return E(r, () => {
+      n.collectionRef.value = r.value;
+    }), () => v(M, { ref: o }, e);
+  }
+});
+N({
+  name: "CollectionItem",
+  setup(t, { slots: e, attrs: n }) {
+    const o = C(), { primitiveElement: r, currentElement: a } = T(), i = A();
+    return L((l) => {
+      var s;
+      if (a.value) {
+        const c = b(a.value);
+        o.itemMap.value.set(c, { ref: a.value, ...b(((s = i?.parent) == null ? void 0 : s.props) ?? {}) }), l(() => o.itemMap.value.delete(c));
+      }
+    }), () => v(M, { ...n, [o.attrName]: "", ref: r }, e);
+  }
+});
+function Y() {
+  if (typeof matchMedia == "function")
+    return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
+}
+Y();
 export {
-  n as cn
+  X as Primitive,
+  M as Slot,
+  V as createContext,
+  K as useStateMachine
 };

package/dist/chunks/chunk-1481.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/**
- * @license lucide-vue-next v0.395.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const t=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();exports.toKebabCase=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-1483.cjs"),r=e.cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-bold ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",xs:"h-7 rounded px-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}});exports.buttonVariants=r;

package/dist/chunks/chunk-1481.js

@@ -1,10 +1,30 @@
-/**
- * @license lucide-vue-next v0.395.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+import { cva as e } from "./chunk-1483.js";
+const t = e(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-bold ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        xs: "h-7 rounded px-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
 export {
-  a as toKebabCase
+  t as buttonVariants
 };

package/dist/chunks/chunk-1482.cjs

@@ -1,6 +1 @@
-"use strict";/**
- * @license lucide-vue-next v0.395.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */var t={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};module.exports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-1484.cjs"),t=require("./chunk-1485.cjs");function n(...e){return t.twMerge(r.clsx(e))}exports.cn=n;

package/dist/chunks/chunk-1482.js

@@ -1,20 +1,8 @@
-/**
- * @license lucide-vue-next v0.395.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var t = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": 2,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
+import { clsx as o } from "./chunk-1484.js";
+import { twMerge as t } from "./chunk-1485.js";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  t as default
+  n as cn
 };

package/dist/chunks/chunk-2.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("./chunk-1478.cjs"),r=require("./chunk-1479.cjs"),i=require("./chunk-1480.cjs"),l=e.defineComponent({__name:"LButtonTest",props:{variant:{default:"default"},size:{default:"default"},class:{default:""},asChild:{type:Boolean},as:{default:"button"}},setup(t){const a=t;return(s,u)=>(e.openBlock(),e.createBlock(e.unref(n.Primitive),{as:s.as,"as-child":s.asChild,class:e.normalizeClass(e.unref(i.cn)(e.unref(r.buttonVariants)({variant:s.variant,size:s.size}),a.class))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},8,["as","as-child","class"]))}});module.exports=l;
+"use strict";const e=require("vue"),n=require("./chunk-1480.cjs"),r=require("./chunk-1481.cjs"),i=require("./chunk-1482.cjs"),l=e.defineComponent({__name:"LButtonTest",props:{variant:{default:"default"},size:{default:"default"},class:{default:""},asChild:{type:Boolean},as:{default:"button"}},setup(t){const a=t;return(s,u)=>(e.openBlock(),e.createBlock(e.unref(n.Primitive),{as:s.as,"as-child":s.asChild,class:e.normalizeClass(e.unref(i.cn)(e.unref(r.buttonVariants)({variant:s.variant,size:s.size}),a.class))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},8,["as","as-child","class"]))}});module.exports=l;

package/dist/chunks/chunk-2.js

@@ -1,7 +1,7 @@
 import { defineComponent as o, openBlock as r, createBlock as l, unref as t, normalizeClass as i, withCtx as n, renderSlot as f } from "vue";
-import { Primitive as u } from "./chunk-1478.js";
-import { buttonVariants as d } from "./chunk-1479.js";
-import { cn as m } from "./chunk-1480.js";
+import { Primitive as u } from "./chunk-1480.js";
+import { buttonVariants as d } from "./chunk-1481.js";
+import { cn as m } from "./chunk-1482.js";
 const z = /* @__PURE__ */ o({
   __name: "LButtonTest",
   props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers.digital/layers-design-system-vue3",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "type": "module",
   "private": false,
   "files": [
@@ -28,6 +28,7 @@
   },
   "dependencies": {
     "@iconify/vue": "^4.1.1",
+    "lucide-vue-next": "^0.395.0",
     "sass": "^1.77.5",
     "vue": "^3.4.29"
   },
@@ -54,7 +55,6 @@
     "globals": "^15.4.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.7",
-    "lucide-vue-next": "^0.395.0",
     "prettier": "^3.3.2",
     "radix-vue": "^1.8.3",
     "storybook": "^8.1.9",