@pantograph/vue 0.30.9 → 0.30.11

package/dist/ActionButton/ActionButton.d.ts

@@ -1,7 +1,16 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
 import { ButtonType, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
+/**
+ * Props for the ActionButton component
+ */
 export type ActionButtonProps = Partial<Omit<BaseButtonProps, 'color' | 'type' | 'variant' | 'action'>> & {
+    /**
+     * The type of button (outline or ghost, excluding 'fill')
+     */
     type?: Exclude<ButtonType, 'fill'>;
+    /**
+     * The variant of button (simple or icon, excluding 'float')
+     */
     variant?: Exclude<ButtonVariant, 'float'>;
 };
 declare function __VLS_template(): {
@@ -144,7 +153,13 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps, {
+    /**
+     * Focus the button element
+     */
     focus(): void;
+    /**
+     * Blur the button element
+     */
     blur(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ActionButtonProps> & Readonly<{}>, {
     disabled: boolean;

package/dist/ActionButton/index.d.ts

@@ -1,2 +1,8 @@
+/**
+ * Plugin for the ActionButton component
+ */
 export declare const ActionButtonPlugin: import('vue').Plugin;
+/**
+ * ActionButton component and related types
+ */
 export { default as ActionButton, type ActionButtonProps, default } from './ActionButton';

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-CBomTo6K.js";
+import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-DUTQMgx0.js";
 import { installComponent as o } from "@pantograph/utils-vue";
 import { getComponentName as n } from "@pantograph/utils";
 const r = o(t, n("ActionButton"));

package/dist/ActionButton/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-CH_Oquxt.js"),e=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),u=e.installComponent(t._sfc_main,n.getComponentName("ActionButton"));exports.ActionButton=t._sfc_main;exports.default=t._sfc_main;exports.ActionButtonPlugin=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-md1ppHCX.js"),e=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),u=e.installComponent(t._sfc_main,n.getComponentName("ActionButton"));exports.ActionButton=t._sfc_main;exports.default=t._sfc_main;exports.ActionButtonPlugin=u;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-CBomTo6K.js → ActionButton.vue_vue_type_script_setup_true_lang-DUTQMgx0.js}

@@ -1,13 +1,13 @@
-import { defineComponent as c, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as d, mergeProps as y, createSlots as B, renderList as b, withCtx as g, renderSlot as _, normalizeProps as v, guardReactiveProps as k } from "vue";
+import { defineComponent as c, useAttrs as l, computed as u, ref as m, createBlock as f, openBlock as y, mergeProps as d, createSlots as B, renderList as b, withCtx as g, renderSlot as _, normalizeProps as v, guardReactiveProps as k } from "vue";
 import { omit as I } from "es-toolkit";
-import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-f9XsnFlF.js";
-import { getComponentOptions as h } from "@pantograph/utils";
-const A = /* @__PURE__ */ c({
-  ...h("ActionButton", !1),
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-D34wKLFG.js";
+import { getComponentOptions as S } from "@pantograph/utils";
+const R = /* @__PURE__ */ c({
+  ...S("ActionButton", !1),
   __name: "ActionButton",
   props: {
     as: {},
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     text: {},
     size: {},
     noRing: { type: Boolean },
@@ -35,20 +35,26 @@ const A = /* @__PURE__ */ c({
     variant: {}
   },
   setup(n, { expose: r }) {
-    const a = n, p = l(), s = m(() => ({
+    const a = n, p = l(), s = u(() => ({
       ...I(p, ["color", "type", "variant", "action"]),
       ...a
-    })), e = u();
+    })), e = m();
     return r({
+      /**
+       * Focus the button element
+       */
       focus() {
         var o;
         (o = e.value) == null || o.focus();
       },
+      /**
+       * Blur the button element
+       */
       blur() {
         var o;
         (o = e.value) == null || o.blur();
       }
-    }), (o, C) => (d(), f(O, y(s.value, {
+    }), (o, h) => (y(), f(O, d(s.value, {
       action: "",
       ref_key: "buttonRef",
       ref: e
@@ -63,5 +69,5 @@ const A = /* @__PURE__ */ c({
   }
 });
 export {
-  A as _
+  R as _
 };

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-md1ppHCX.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-C_Z9AE3Z.js"),y=require("@pantograph/utils"),_=e.defineComponent({...y.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{type:[Array,Object,String,Number,null,Boolean]},text:{},size:{},noRing:{type:Boolean},loading:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},customStroke:{type:Boolean},preIconCustomStroke:{type:Boolean},postIconCustomStroke:{type:Boolean},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{},type:{},variant:{}},setup(r,{expose:s}){const a=r,c=e.useAttrs(),i=e.computed(()=>({...p.omit(c,["color","type","variant","action"]),...a})),t=e.ref();return s({focus(){var o;(o=t.value)==null||o.focus()},blur(){var o;(o=t.value)==null||o.blur()}}),(o,f)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(i.value,{action:"",ref_key:"buttonRef",ref:t}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(o.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=_;

package/dist/Alert/Alert.d.ts

@@ -1,33 +1,114 @@
 import { AlertType } from './Alert.model';
 import { LinkProps } from '../Link';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+/**
+ * Props for the Alert component
+ */
 export interface AlertProps {
+    /**
+     * The type of alert which determines its color and icon
+     * @default 'hint'
+     */
     type?: AlertType;
+    /**
+     * Whether the alert can be closed by the user
+     * @default false
+     */
     closeable?: boolean;
+    /**
+     * CSS classes to apply to the alert container
+     */
     class?: ClassValue;
+    /**
+     * Custom icon for the alert. If not provided, a default icon is used based on the type
+     */
     icon?: string;
+    /**
+     * CSS classes to apply to the icon element
+     */
     iconCls?: ClassValue;
+    /**
+     * CSS classes to apply to the body element
+     */
     bodyCls?: ClassValue;
+    /**
+     * CSS classes to apply to the closeable element
+     */
     closeableCls?: ClassValue;
+    /**
+     * Custom foreground color for the alert
+     */
     fg?: string;
+    /**
+     * Custom border color for the alert
+     */
     br?: string;
+    /**
+     * Custom background color for the alert
+     */
     bg?: string;
+    /**
+     * Title text for the alert
+     */
     title?: string;
+    /**
+     * CSS classes to apply to the title element
+     */
     titleCls?: ClassValue;
+    /**
+     * Description text for the alert
+     */
     description?: string;
+    /**
+     * CSS classes to apply to the description element
+     */
     descriptionCls?: ClassValue;
+    /**
+     * Whether to show a link in the alert
+     * @default false
+     */
     link?: boolean;
+    /**
+     * Props to pass to the link component
+     */
     linkProps?: LinkProps;
 }
+/**
+ * Events emitted by the Alert component
+ */
 export interface AlertEmits {
+    /**
+     * Emitted when the alert is closed
+     */
     (e: 'close', data: Event): void;
 }
+/**
+ * Slots available in the Alert component
+ */
 export interface AlertSlots {
+    /**
+     * Default slot for custom content
+     */
     default: () => never;
+    /**
+     * Custom icon content
+     */
     icon: () => never;
+    /**
+     * Custom title content
+     */
     title: () => never;
+    /**
+     * Custom description content
+     */
     description: () => never;
+    /**
+     * Custom closeable content
+     */
     closeable: () => never;
+    /**
+     * Custom link content
+     */
     link: () => never;
 }
 declare function __VLS_template(): {

package/dist/Alert/Alert.model.d.ts

@@ -1,2 +1,8 @@
+/**
+ * Array of valid alert types
+ */
 export declare const AlertTypes: readonly ["info", "success", "danger", "warning", "hint"];
+/**
+ * Type representing the possible alert types
+ */
 export type AlertType = (typeof AlertTypes)[number];

package/dist/Alert/index.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Plugin for the Alert component
+ */
 export declare const AlertPlugin: import('vue').Plugin;
+/**
+ * Alert component and related types
+ */
 export { default as Alert, type AlertProps, type AlertEmits, type AlertSlots, default, } from './Alert';
+/**
+ * Alert model exports (types and constants)
+ */
 export * from './Alert.model';

package/dist/Alert/index.js

@@ -1,123 +1,123 @@
-import { defineComponent as h, useSlots as A, computed as N, createElementBlock as c, openBlock as n, normalizeStyle as P, normalizeClass as t, unref as o, createBlock as S, createCommentVNode as p, createElementVNode as V, createSlots as z, withCtx as w, renderSlot as i, createTextVNode as f, toDisplayString as g, createVNode as u, normalizeProps as E, guardReactiveProps as I } from "vue";
-import { getComponentOptions as L, getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a, getComponentName as M } from "@pantograph/utils";
-import { cva as O } from "class-variance-authority";
-import { _ as R } from "../IconButton.vue_vue_type_script_setup_true_lang-BwL7lOA2.js";
-import { _ as j } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-km5VsLBH.js";
-import { Link as q } from "../Link/index.js";
-import { installComponent as F } from "@pantograph/utils-vue";
-const G = ["info", "success", "danger", "warning", "hint"], H = /* @__PURE__ */ h({
-  ...L("Alert"),
+import { defineComponent as N, useSlots as S, computed as $, createElementBlock as m, openBlock as r, normalizeStyle as h, normalizeClass as o, unref as e, createBlock as O, createCommentVNode as b, createElementVNode as j, createSlots as P, withCtx as V, renderSlot as i, createTextVNode as g, toDisplayString as p, createVNode as f, normalizeProps as z, guardReactiveProps as w } from "vue";
+import { getComponentOptions as E, getBemBlock as I, generateVariantClassList as L, normCls as s, getBemElement as c, getComponentName as T } from "@pantograph/utils";
+import { cva as x } from "class-variance-authority";
+import { _ as D } from "../IconButton.vue_vue_type_script_setup_true_lang-BR82Bz96.js";
+import { _ as M } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-D8zWdo89.js";
+import { Link as R } from "../Link/index.js";
+import { installComponent as q } from "@pantograph/utils-vue";
+const F = ["info", "success", "danger", "warning", "hint"], G = /* @__PURE__ */ N({
+  ...E("Alert"),
   __name: "Alert",
   props: {
     type: { default: "hint" },
     closeable: { type: Boolean },
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     icon: {},
-    iconCls: {},
-    bodyCls: {},
-    closeableCls: {},
+    iconCls: { type: [Array, Object, String, Number, null, Boolean] },
+    bodyCls: { type: [Array, Object, String, Number, null, Boolean] },
+    closeableCls: { type: [Array, Object, String, Number, null, Boolean] },
     fg: {},
     br: {},
     bg: {},
     title: {},
-    titleCls: {},
+    titleCls: { type: [Array, Object, String, Number, null, Boolean] },
     description: {},
-    descriptionCls: {},
+    descriptionCls: { type: [Array, Object, String, Number, null, Boolean] },
     link: { type: Boolean },
     linkProps: {}
   },
   emits: ["close"],
-  setup(y, { emit: C }) {
-    const m = y, k = C, l = T("alert"), B = O(l, {
+  setup(t, { emit: C }) {
+    const u = t, B = C, l = I("alert"), k = x(l, {
       variants: {
-        type: D(G, l)
+        type: L(F, l)
         // hasChild: generateVariantClassList('has-child', prefix),
       }
-    }), s = A(), v = {
+    }), n = S(), v = {
       success: "tabler:circle-check",
       warning: "tabler:alert-triangle",
       danger: "tabler:circle-x",
       hint: "tabler:bulb",
       info: "tabler:info-circle"
-    }, d = N(() => m.icon ?? v[m.type]);
-    return (e, b) => (n(), c("div", {
-      class: t(
-        o(r)(
-          o(B)({
-            type: e.type
+    }, y = $(() => u.icon ?? v[u.type]);
+    return (a, d) => (r(), m("div", {
+      class: o(
+        e(s)(
+          e(k)({
+            type: t.type
           }),
-          m.class
+          u.class
         )
       ),
-      style: P({
-        "--ptc-alert-fg": e.fg,
-        "--ptc-alert-bg": e.bg,
-        "--ptc-alert-br": e.br
+      style: h({
+        "--ptc-alert-fg": t.fg,
+        "--ptc-alert-bg": t.bg,
+        "--ptc-alert-br": t.br
       })
     }, [
-      s.icon || d.value ? (n(), S(j, {
+      n.icon || y.value ? (r(), O(M, {
         key: 0,
         size: "md",
-        icon: d.value,
-        class: t(o(r)(o(a)(o(l), "icon"), e.iconCls))
-      }, z({ _: 2 }, [
-        s.icon ? {
+        icon: y.value,
+        class: o(e(s)(e(c)(e(l), "icon"), t.iconCls))
+      }, P({ _: 2 }, [
+        n.icon ? {
           name: "icon",
-          fn: w(() => [
-            i(e.$slots, "icon")
+          fn: V(() => [
+            i(a.$slots, "icon")
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["icon", "class"])) : p("", !0),
-      V("div", {
-        class: t(o(r)(o(a)(o(l), "body"), e.bodyCls))
+      ]), 1032, ["icon", "class"])) : b("", !0),
+      j("div", {
+        class: o(e(s)(e(c)(e(l), "body"), t.bodyCls))
       }, [
-        i(e.$slots, "default", {}, () => [
-          e.title || s.title ? (n(), c("div", {
+        i(a.$slots, "default", {}, () => [
+          t.title || n.title ? (r(), m("div", {
             key: 0,
-            class: t(o(r)(o(a)(o(l), "title"), e.titleCls, "paragraph"))
+            class: o(e(s)(e(c)(e(l), "title"), t.titleCls, "paragraph"))
           }, [
-            i(e.$slots, "title", {}, () => [
-              f(g(e.title), 1)
+            i(a.$slots, "title", {}, () => [
+              g(p(t.title), 1)
             ])
-          ], 2)) : p("", !0),
-          e.description || s.description ? (n(), c("div", {
+          ], 2)) : b("", !0),
+          t.description || n.description ? (r(), m("div", {
             key: 1,
-            class: t(o(r)(o(a)(o(l), "description"), e.descriptionCls, "paragraph"))
+            class: o(e(s)(e(c)(e(l), "description"), t.descriptionCls, "paragraph"))
           }, [
-            i(e.$slots, "description", {}, () => [
-              f(g(e.description), 1)
+            i(a.$slots, "description", {}, () => [
+              g(p(t.description), 1)
             ])
-          ], 2)) : p("", !0),
-          e.link || s.link ? (n(), c("div", {
+          ], 2)) : b("", !0),
+          t.link || n.link ? (r(), m("div", {
             key: 2,
-            class: t(o(a)(o(l), "action"))
+            class: o(e(c)(e(l), "action"))
           }, [
-            i(e.$slots, "link", {}, () => [
-              u(o(q), E(I(e.linkProps)), null, 16)
+            i(a.$slots, "link", {}, () => [
+              f(e(R), z(w(t.linkProps)), null, 16)
             ])
-          ], 2)) : p("", !0)
+          ], 2)) : b("", !0)
         ])
       ], 2),
-      m.closeable || s.closeable ? (n(), c("div", {
+      u.closeable || n.closeable ? (r(), m("div", {
         key: 1,
-        class: t(o(r)(o(a)(o(l), "closeable"), e.closeableCls))
+        class: o(e(s)(e(c)(e(l), "closeable"), t.closeableCls))
       }, [
-        i(e.$slots, "closeable", {}, () => [
-          u(R, {
+        i(a.$slots, "closeable", {}, () => [
+          f(D, {
             icon: "tabler:x",
             color: "neutral",
             type: "ghost",
-            onClick: b[0] || (b[0] = ($) => k("close", $))
+            onClick: d[0] || (d[0] = (A) => B("close", A))
           })
         ])
-      ], 2)) : p("", !0)
+      ], 2)) : b("", !0)
     ], 6));
   }
-}), Z = F(H, M("Alert"));
+}), Y = q(G, T("Alert"));
 export {
-  H as Alert,
-  Z as AlertPlugin,
-  G as AlertTypes,
-  H as default
+  G as Alert,
+  Y as AlertPlugin,
+  F as AlertTypes,
+  G as default
 };

package/dist/Alert/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@pantograph/utils"),g=require("class-variance-authority"),k=require("../IconButton.vue_vue_type_script_setup_true_lang-CxiVq3Pa.js"),B=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-mMrUHRm_.js"),y=require("../Link/index.umd.cjs"),b=require("@pantograph/utils-vue"),c=["info","success","danger","warning","hint"],s=e.defineComponent({...l.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{},icon:{},iconCls:{},bodyCls:{},closeableCls:{},fg:{},br:{},bg:{},title:{},titleCls:{},description:{},descriptionCls:{},link:{type:Boolean},linkProps:{}},emits:["close"],setup(u,{emit:m}){const r=u,p=m,n=l.getBemBlock("alert"),d=g.cva(n,{variants:{type:l.generateVariantClassList(c,n)}}),o=e.useSlots(),f={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},a=e.computed(()=>r.icon??f[r.type]);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(d)({type:t.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[o.icon||a.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:a.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"icon"),t.iconCls))},e.createSlots({_:2},[o.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"title"),t.titleCls,"paragraph"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(n),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(e.unref(y.Link),e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(k._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:i[0]||(i[0]=C=>p("close",C))})])],2)):e.createCommentVNode("",!0)],6))}}),v=b.installComponent(s,l.getComponentName("Alert"));exports.Alert=s;exports.AlertPlugin=v;exports.AlertTypes=c;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@pantograph/utils"),f=require("class-variance-authority"),C=require("../IconButton.vue_vue_type_script_setup_true_lang-i5ZOiWt-.js"),p=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-BDZKksip.js"),B=require("../Link/index.umd.cjs"),k=require("@pantograph/utils-vue"),u=["info","success","danger","warning","hint"],a=e.defineComponent({...l.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{type:[Array,Object,String,Number,null,Boolean]},icon:{},iconCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},closeableCls:{type:[Array,Object,String,Number,null,Boolean]},fg:{},br:{},bg:{},title:{},titleCls:{type:[Array,Object,String,Number,null,Boolean]},description:{},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},link:{type:Boolean},linkProps:{}},emits:["close"],setup(t,{emit:m}){const s=t,d=m,n=l.getBemBlock("alert"),g=f.cva(n,{variants:{type:l.generateVariantClassList(u,n)}}),r=e.useSlots(),y={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},i=e.computed(()=>s.icon??y[s.type]);return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(g)({type:t.type}),s.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[r.icon||i.value?(e.openBlock(),e.createBlock(p._sfc_main,{key:0,size:"md",icon:i.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"icon"),t.iconCls))},e.createSlots({_:2},[r.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"body"),t.bodyCls))},[e.renderSlot(o.$slots,"default",{},()=>[t.title||r.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"title"),t.titleCls,"paragraph"))},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||r.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(o.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||r.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(n),"action"))},[e.renderSlot(o.$slots,"link",{},()=>[e.createVNode(e.unref(B.Link),e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),s.closeable||r.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"closeable"),t.closeableCls))},[e.renderSlot(o.$slots,"closeable",{},()=>[e.createVNode(C._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:c[0]||(c[0]=b=>d("close",b))})])],2)):e.createCommentVNode("",!0)],6))}}),v=k.installComponent(a,l.getComponentName("Alert"));exports.Alert=a;exports.AlertPlugin=v;exports.AlertTypes=u;exports.default=a;

package/dist/Avatar/Avatar.d.ts

@@ -1,24 +1,81 @@
 import { AvatarFallbackProps, AvatarImageProps } from 'reka-ui';
 import { BadgeColor } from '../Base/BaseBadge/BaseBadge.model';
 import { AvatarSize, AvatarStroke, AvatarShape, AvatarOnlineAlignment } from './Avatar.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+/**
+ * Props for the Avatar component
+ */
 export interface AvatarProps extends Omit<AvatarImageProps, 'asChild' | 'as' | 'src'>, Omit<AvatarFallbackProps, 'asChild' | 'as' | 'src'> {
+    /**
+     * Path to the profile image, typically a URL or local path
+     */
     src?: string;
+    /**
+     * CSS classes to apply to the avatar
+     */
     class?: ClassValue;
+    /**
+     * Color of the online status indicator
+     * @default 'lime'
+     */
     onlineColor?: BadgeColor;
+    /**
+     * Size of the avatar
+     * @default 'md'
+     */
     size?: AvatarSize;
+    /**
+     * Color of the border around the avatar
+     */
     stroke?: AvatarStroke;
+    /**
+     * Shape of the avatar
+     * @default 'circle'
+     */
     shape?: AvatarShape;
+    /**
+     * Whether to show the online status indicator
+     */
     online?: boolean;
+    /**
+     * Whether to not extend parent context
+     * @default false
+     */
     unExtendParent?: boolean;
+    /**
+     * Alternative text for the avatar image
+     */
     alt?: string;
+    /**
+     * Fallback content to display when the avatar image fails to load
+     */
     fallback?: string;
+    /**
+     * Text to display inside the avatar, such as initials
+     */
     text?: string;
+    /**
+     * Icon to display inside the avatar instead of image or text
+     * @default 'tabler:user'
+     */
     icon?: string;
+    /**
+     * Alignment of the online status indicator
+     * @default 'start'
+     */
     onlineAlignment?: AvatarOnlineAlignment;
 }
+/**
+ * Slots for the Avatar component
+ */
 export interface AvatarSlots {
+    /**
+     * Default slot for custom content
+     */
     default?: () => never;
+    /**
+     * Fallback slot for content to display when the avatar image fails to load
+     */
     fallback?: () => never;
 }
 declare function __VLS_template(): {

package/dist/Avatar/Avatar.model.d.ts

@@ -1,11 +1,35 @@
+/**
+ * Array of available avatar sizes
+ */
 export declare const AvatarSizes: readonly ["2xsm", "xsm", "sm", "md", "lg", "xlg"];
+/**
+ * Type representing the possible avatar sizes
+ */
 export type AvatarSize = (typeof AvatarSizes)[number];
+/**
+ * Array of available avatar stroke options
+ */
 export declare const AvatarStrokes: readonly ["gray-subtle", "white", "primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard"];
+/**
+ * Type representing the possible avatar stroke options
+ */
 export type AvatarStroke = (typeof AvatarStrokes)[number];
+/**
+ * Array of available avatar shapes
+ */
 export declare const AvatarShapes: readonly ["circle", "square", "rect"];
+/**
+ * Type representing the possible avatar shapes
+ */
 export type AvatarShape = (typeof AvatarShapes)[number];
+/**
+ * Object mapping online alignment options to their CSS class values
+ */
 export declare const AvatarOnlineAlignments: {
     start: string;
     end: string;
 };
+/**
+ * Type representing the possible avatar online alignment options
+ */
 export type AvatarOnlineAlignment = keyof typeof AvatarOnlineAlignments;

package/dist/Avatar/index.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Plugin for the Avatar component
+ */
 export declare const AvatarPlugin: import('vue').Plugin;
+/**
+ * Avatar component and related types
+ */
 export { default as Avatar, type AvatarProps, default } from './Avatar';
+/**
+ * Avatar model exports
+ */
 export * from './Avatar.model';

package/dist/Avatar/index.js

@@ -1,13 +1,13 @@
-import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
-import { c as A, b as p, A as v, a as f } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
+import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-CMZWw-cd.js";
+import { b as p, c as A, d as v, e as f } from "../Avatar.vue_vue_type_style_index_0_lang-CMZWw-cd.js";
 import { installComponent as t } from "@pantograph/utils-vue";
 import { getComponentName as r } from "@pantograph/utils";
 const m = t(a, r("Avatar"));
 export {
   a as Avatar,
-  A as AvatarOnlineAlignments,
+  p as AvatarOnlineAlignments,
   m as AvatarPlugin,
-  p as AvatarShapes,
+  A as AvatarShapes,
   v as AvatarSizes,
   f as AvatarStrokes,
   a as default

package/dist/Avatar/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar.vue_vue_type_style_index_0_lang-DldQzFne.js"),t=require("@pantograph/utils-vue"),e=require("@pantograph/utils"),r=t.installComponent(a._sfc_main,e.getComponentName("Avatar"));exports.Avatar=a._sfc_main;exports.AvatarOnlineAlignments=a.AvatarOnlineAlignments;exports.AvatarShapes=a.AvatarShapes;exports.AvatarSizes=a.AvatarSizes;exports.AvatarStrokes=a.AvatarStrokes;exports.default=a._sfc_main;exports.AvatarPlugin=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar.vue_vue_type_style_index_0_lang-KicZdDY5.js"),t=require("@pantograph/utils-vue"),e=require("@pantograph/utils"),r=t.installComponent(a._sfc_main,e.getComponentName("Avatar"));exports.Avatar=a._sfc_main;exports.AvatarOnlineAlignments=a.AvatarOnlineAlignments;exports.AvatarShapes=a.AvatarShapes;exports.AvatarSizes=a.AvatarSizes;exports.AvatarStrokes=a.AvatarStrokes;exports.default=a._sfc_main;exports.AvatarPlugin=r;