@pantograph/vue 0.30.16 → 0.31.0

package/dist/Accordion/Accordion.d.ts

@@ -0,0 +1,107 @@
+import { AccordionRootEmits, AccordionRootProps } from 'reka-ui';
+import { AccordionSize, AccordionExpandIconPosition } from './Accordion.model';
+import { ClassValue } from 'clsx';
+/**
+ * Props for the Accordion component
+ * Provides collapsible content sections with smooth animations
+ *
+ * Notes:
+ * - When `accordion` is `true` (default), the root behaves as a standard accordion.
+ *   Setting `accordion=false` will pass `collapsible` to the root to allow closing the currently open item.
+ * - When `multiple` is `true`, the `type` will be forced to `'multiple'` regardless of incoming props.
+ * - Visual styling is controlled via tokens and BEM classes defined in `@pantograph/style/accordion`.
+ */
+export interface AccordionProps extends Omit<AccordionRootProps, 'as' | 'asChild' | 'collapsible' | 'orientation' | 'type'> {
+    /** When false, allows closing the currently open item (forwards `collapsible` to root). */
+    accordion?: AccordionRootProps['collapsible'];
+    /** When true, enables multiple items open at once (forces `type='multiple'`). */
+    multiple?: boolean;
+    /** The size of the accordion */
+    size?: AccordionSize;
+    /** CSS classes to apply to the component */
+    class?: ClassValue;
+    /** CSS classes to apply to each accordion item */
+    itemCls?: ClassValue;
+    /** CSS classes to apply to accordion headers */
+    headerCls?: ClassValue;
+    /** CSS classes to apply to the header's inner wrapper */
+    headerWrapperCls?: ClassValue;
+    /** CSS classes to apply to the title element */
+    titleCls?: ClassValue;
+    /** CSS classes to apply to the content */
+    contentCls?: ClassValue;
+    /** CSS classes to apply to the content wrapper */
+    contentWrapperCls?: ClassValue;
+    /** CSS classes to apply to the expand */
+    expandCls?: ClassValue;
+    /** CSS classes to apply to the leading element */
+    leadingCls?: ClassValue;
+    /** CSS classes to apply to the badge element */
+    badgeCls?: ClassValue;
+    /** How the accordion can be collapsed */
+    collapsible?: 'header' | 'icon';
+    /** Whether to show borders */
+    bordered?: boolean;
+    /** Position of the expand icon */
+    expandIconPosition?: AccordionExpandIconPosition;
+}
+/**
+ * Slots for the Accordion component
+ *
+ * - `default`: Place `AccordionItem` elements inside.
+ * - `expandIcon`: Provide a custom expand/collapse icon; receives `{ open }` state.
+ */
+export interface AccordionSlots {
+    /** Default slot for accordion items */
+    default?: (params?: object) => never;
+    /** Custom expand icon slot */
+    expandIcon?: (params: {
+        open: boolean;
+    }) => never;
+}
+/**
+ * Events emitted by the Accordion component
+ * Mirrors `reka-ui` `AccordionRootEmits` to support v-model updates and state changes.
+ */
+export type AccordionEmits = AccordionRootEmits;
+/**
+ * Context interface for the Accordion component
+ * Exposes the parent props and slots to `AccordionItem` for consistent rendering and
+ * shared configuration (e.g., `size`, `expandIconPosition`, and shared class props).
+ */
+interface AccordionContext {
+    /**
+     * Accordion props
+     */
+    props: AccordionProps;
+    /**
+     * Accordion slots
+     */
+    slots: AccordionSlots;
+}
+/**
+ * Context provider and injector functions for Accordion
+ * Use `provideAccordionContext` in the root and `injectAccordionContext` inside items.
+ */
+export declare const injectAccordionContext: <T extends Partial<AccordionContext> | null | undefined = Partial<AccordionContext>>(fallback?: T | undefined) => T extends null ? Partial<AccordionContext> | null : Partial<AccordionContext>, provideAccordionContext: (contextValue: Partial<AccordionContext>) => Partial<AccordionContext>;
+/**
+ * BEM block prefix for the accordion component
+ */
+export declare const accordionPrefix: string;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<AccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {
+    size: AccordionSize;
+    bordered: boolean;
+    collapsible: "header" | "icon";
+    accordion: boolean;
+    expandIconPosition: AccordionExpandIconPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<AccordionSlots> & AccordionSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Accordion/Accordion.model.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Array of available sizes for Accordion component
+ * Controls the overall size and spacing of accordion items
+ */
+export declare const AccordionSizes: readonly ["sm", "md", "lg"];
+/**
+ * Type representing available sizes for Accordion component
+ * - sm: Small size with compact spacing
+ * - md: Medium size (default) with balanced spacing
+ * - lg: Large size with generous spacing
+ */
+export type AccordionSize = (typeof AccordionSizes)[number];
+/**
+ * Array of available expand icon positions for Accordion component
+ * Controls where the expand/collapse icon appears in the header
+ */
+export declare const AccordionExpandIconPositions: readonly ["start", "end"];
+/**
+ * Type representing available expand icon positions for Accordion component
+ * - start: Icon appears at the beginning of the header
+ * - end: Icon appears at the end of the header (default)
+ */
+export type AccordionExpandIconPosition = (typeof AccordionExpandIconPositions)[number];

package/dist/Accordion/AccordionItem.d.ts

@@ -0,0 +1,96 @@
+import { AccordionItemProps as RekaAccordionItemProps } from 'reka-ui';
+import { AccordionSlots } from './Accordion';
+import { IconSize } from '../Icon';
+import { BadgeProps } from '../Badge';
+import { ClassValue } from 'clsx';
+/**
+ * Props for the AccordionItem component
+ * Individual accordion item with smooth expand/collapse animations
+ *
+ * Notes:
+ * - Inherit shared options from parent `Accordion` via injected context (e.g., `size`, classes, expand icon position).
+ * - `forceMount` keeps the content in the DOM for measurement/animation when closed.
+ */
+export interface AccordionItemProps extends Omit<RekaAccordionItemProps, 'as' | 'asChild'> {
+    /** CSS classes to apply to the component */
+    class?: ClassValue;
+    /** CSS classes to apply to the header */
+    headerCls?: ClassValue;
+    /** CSS classes to apply to the header's inner wrapper */
+    headerWrapperCls?: ClassValue;
+    /** CSS classes to apply to the title element */
+    titleCls?: ClassValue;
+    /** CSS classes to apply to the content */
+    contentCls?: ClassValue;
+    /** CSS classes to apply to the content wrapper */
+    contentWrapperCls?: ClassValue;
+    /** CSS classes to apply to the expand */
+    expandCls?: ClassValue;
+    /** CSS classes to apply to the leading element */
+    leadingCls?: ClassValue;
+    /** CSS classes to apply to the badge element */
+    badgeCls?: ClassValue;
+    /** Badge configuration */
+    badge?: BadgeProps;
+    /** Leading content (icon, text, etc.) */
+    leading?: string;
+    /** Header text */
+    title?: string;
+    /** Content text */
+    content?: string;
+    /** Whether to force mount content (keep in DOM) */
+    forceMount?: boolean;
+}
+interface SlotProps {
+    open: boolean;
+}
+/**
+ * Slots for the AccordionItem component
+ *
+ * Slot contracts:
+ * - `header`: Custom header content, receives `{ open }`.
+ * - `title`: Custom title node, receives `{ open }`.
+ * - `default`: Content area, receives `{ open }`.
+ * - `leading`: Custom leading node, receives `{ open, iconSize }`.
+ * - `extra`: Custom extra node (right side), receives `{ open }`.
+ * - `expandIcon`: Custom expand icon, receives `{ open }`.
+ * - `badgeIcon`: Custom badge icon, receives `{ open, iconSize }`.
+ * - `badgeText`: Custom badge text, receives `{ open }`.
+ */
+export interface AccordionItemSlots {
+    /** Custom header content */
+    header?: (params: SlotProps) => never;
+    /** Custom title content */
+    title?: (params: SlotProps) => never;
+    /** Custom content */
+    default?: (params: SlotProps) => never;
+    /** Custom leading content */
+    leading?: (params?: SlotProps & {
+        iconSize: IconSize;
+    }) => never;
+    /** Custom extra content */
+    extra?: (params: SlotProps) => never;
+    /** Custom expand icon */
+    expandIcon?: AccordionSlots['expandIcon'];
+    /** Custom badge icon content */
+    badgeIcon?: (data: SlotProps & {
+        iconSize: IconSize;
+    }) => never;
+    /** Custom badge text content */
+    badgeText?: (params: SlotProps) => never;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<AccordionItemSlots> & AccordionItemSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Accordion/index.d.ts

@@ -0,0 +1,5 @@
+export declare const AccordionPlugin: import('vue').Plugin;
+export declare const AccordionItemPlugin: import('vue').Plugin;
+export { default as Accordion, type AccordionProps, type AccordionSlots, provideAccordionContext, injectAccordionContext, type AccordionEmits, accordionPrefix, default, } from './Accordion';
+export { default as AccordionItem, type AccordionItemSlots, type AccordionItemProps, } from './AccordionItem';
+export * from './Accordion.model';

package/dist/Accordion/index.js

@@ -0,0 +1,286 @@
+import { defineComponent as se, useSlots as ce, useAttrs as Ce, computed as I, createBlock as ie, openBlock as de, unref as c, mergeProps as pe, withCtx as ue, createVNode as v, h as a } from "vue";
+import { omit as re, pick as fe } from "es-toolkit";
+import { createContext as ye, useForwardPropsEmits as he, AccordionRoot as Se, AccordionItem as Ae, AccordionTrigger as le, AccordionContent as xe } from "reka-ui";
+import { cva as Be } from "class-variance-authority";
+import { useConfig as Oe } from "../ConfigProvider/index.js";
+import { flattenChildren as Ne, isEmptyElement as l, installComponent as me } from "@pantograph/utils-vue";
+import { _ as _e } from "../Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
+import { getBemBlock as je, getComponentOptions as be, generateVariantClassList as ae, normCls as s, getBemElement as m, getComponentName as ge } from "@pantograph/utils";
+import "../Icon/index.js";
+import "../Badge/index.js";
+import { g as ze } from "../BaseBadge.vue_vue_type_style_index_0_lang-CKjbM3kM.js";
+import { _ as Ie } from "../Badge.vue_vue_type_script_setup_true_lang-CHBj_GP4.js";
+import { _ as ve } from "../Icon.vue_vue_type_style_index_0_lang-D3lvOgux.js";
+const Pe = ["sm", "md", "lg"], Ue = ["start", "end"], [We, we] = ye("Accordion"), A = je("accordion"), Ee = /* @__PURE__ */ se({
+  ...be("Accordion", !1),
+  __name: "Accordion",
+  props: {
+    accordion: { type: Boolean, default: !0 },
+    multiple: { type: Boolean },
+    size: { default: "md" },
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    itemCls: { type: [Array, Object, String, Number, null, Boolean] },
+    headerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    headerWrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
+    titleCls: { type: [Array, Object, String, Number, null, Boolean] },
+    contentCls: { type: [Array, Object, String, Number, null, Boolean] },
+    contentWrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
+    expandCls: { type: [Array, Object, String, Number, null, Boolean] },
+    leadingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    badgeCls: { type: [Array, Object, String, Number, null, Boolean] },
+    collapsible: { default: "header" },
+    bordered: { type: Boolean, default: !0 },
+    expandIconPosition: { default: "end" },
+    disabled: { type: Boolean },
+    dir: {},
+    unmountOnHide: { type: Boolean },
+    modelValue: {},
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: n }) {
+    const e = b, o = n, r = ce(), y = Ce(), h = I(() => ({
+      ...re(y, ["as", "asChild", "collapsible", "orientation", "type"]),
+      ...re(e, [
+        "accordion",
+        "multiple",
+        "size",
+        "class",
+        "itemCls",
+        "headerCls",
+        "headerWrapperCls",
+        "titleCls",
+        "contentCls",
+        "contentWrapperCls",
+        "expandCls",
+        "leadingCls",
+        "badgeCls",
+        "collapsible",
+        "bordered",
+        "expandIconPosition"
+      ])
+    })), x = he(h, o), B = Be(A, {
+      variants: {
+        size: ae(Pe, A),
+        bordered: ae("bordered", A)
+      }
+    }), { getDir: O } = Oe(), N = O();
+    we({
+      props: e,
+      slots: r
+    });
+    const _ = () => {
+      var g;
+      const i = Ne(((g = r.default) == null ? void 0 : g.call(r, {})) ?? []);
+      return !e.bordered && i.length > 1 ? i.flatMap(
+        (t, d) => d < i.length - 1 ? [t, a(_e, { type: "horizontal" })] : [t]
+      ) : i;
+    };
+    return (i, g) => (de(), ie(c(Se), pe(c(x), {
+      class: c(s)(c(B)(e), e.class),
+      dir: c(N),
+      collapsible: !b.accordion,
+      type: b.multiple ? "multiple" : "single"
+    }), {
+      default: ue(() => [
+        v(_)
+      ]),
+      _: 1
+    }, 16, ["class", "dir", "collapsible", "type"]));
+  }
+}), Te = /* @__PURE__ */ se({
+  ...be("AccordionItem"),
+  __name: "AccordionItem",
+  props: {
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    headerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    headerWrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
+    titleCls: { type: [Array, Object, String, Number, null, Boolean] },
+    contentCls: { type: [Array, Object, String, Number, null, Boolean] },
+    contentWrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
+    expandCls: { type: [Array, Object, String, Number, null, Boolean] },
+    leadingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    badgeCls: { type: [Array, Object, String, Number, null, Boolean] },
+    badge: {},
+    leading: {},
+    title: {},
+    content: {},
+    forceMount: { type: Boolean },
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean }
+  },
+  setup(b) {
+    const n = b, e = ce(), o = We(), r = m(A, "item"), y = m(r, "header"), h = () => {
+      var t;
+      return ((t = o.props) == null ? void 0 : t.size) || "md";
+    }, x = () => {
+      switch (h()) {
+        case "lg":
+          return "sm";
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }, B = () => {
+      switch (h()) {
+        case "lg":
+          return "xsm";
+        default:
+          return "2xsm";
+      }
+    }, O = I(() => {
+      var t;
+      return n.disabled || ((t = o.props) == null ? void 0 : t.disabled);
+    }), N = I(() => fe(n, ["value", "unmountOnHide"])), _ = (t) => {
+      var C, P;
+      const d = ((C = o.props) == null ? void 0 : C.collapsible) === "header", p = () => {
+        var L, D, F, R, q, G, J, K, Q, U, X, Y, Z;
+        const W = (L = e.header) == null ? void 0 : L.call(e, t);
+        if (!l(W)) return W;
+        const w = x(), f = [], E = () => {
+          var te, S, ne, oe;
+          const ee = ((te = e.expandIcon) == null ? void 0 : te.call(e, t)) ?? ((ne = (S = o.slots) == null ? void 0 : S.expandIcon) == null ? void 0 : ne.call(S, t));
+          return a(
+            ve,
+            {
+              icon: "tabler:chevron-down",
+              as: d ? void 0 : le,
+              size: w,
+              class: s(
+                m(r, "expand"),
+                n.expandCls,
+                (oe = o.props) == null ? void 0 : oe.expandCls
+              )
+            },
+            {
+              default: l(ee) ? void 0 : () => ee
+            }
+          );
+        }, T = (D = e.leading) == null ? void 0 : D.call(e, { ...t, iconSize: w }), V = !l(T);
+        (n.leading || V) && f.push(
+          a(
+            "div",
+            {
+              class: s(
+                m(r, "leading"),
+                n.leadingCls,
+                (F = o.props) == null ? void 0 : F.leadingCls
+              )
+            },
+            V ? T : n.leading
+          )
+        );
+        const k = (R = e.title) == null ? void 0 : R.call(e, t), H = !l(k);
+        !!(n.title || H) && f.push(
+          a(
+            "div",
+            {
+              class: s(
+                m(r, "title"),
+                "paragraph",
+                n.titleCls,
+                (q = o.props) == null ? void 0 : q.titleCls
+              )
+            },
+            H ? k : n.title
+          )
+        );
+        const M = B(), j = (G = e.badgeIcon) == null ? void 0 : G.call(e, { ...t, iconSize: ze(M) }), z = (J = e.badgeText) == null ? void 0 : J.call(e, t);
+        ((K = n.badge) != null && K.text || (Q = n.badge) != null && Q.icon || !l(j) || !l(z)) && f.push(
+          a(
+            Ie,
+            { size: M, ...n.badge, class: n.badgeCls },
+            {
+              icon: () => l(j) ? void 0 : j,
+              default: () => l(z) ? void 0 : z
+            }
+          )
+        );
+        const $ = (U = e.extra) == null ? void 0 : U.call(e, t);
+        return l($) || f.push($), [
+          ((X = o.props) == null ? void 0 : X.expandIconPosition) === "start" ? E() : null,
+          a(
+            "div",
+            {
+              class: s(
+                m(y, "wrapper"),
+                n.headerWrapperCls,
+                (Y = o.props) == null ? void 0 : Y.headerWrapperCls
+              )
+            },
+            f
+          ),
+          ((Z = o.props) == null ? void 0 : Z.expandIconPosition) === "end" ? E() : null
+        ];
+      }, u = s(y, n.headerCls, (P = o.props) == null ? void 0 : P.headerCls);
+      return d ? a(
+        le,
+        {
+          class: u
+        },
+        p
+      ) : a(
+        "div",
+        {
+          class: u
+        },
+        p()
+      );
+    }, i = m(r, "content"), g = (t) => {
+      var p, u;
+      const d = (p = e.default) == null ? void 0 : p.call(e, t);
+      if (!l(d))
+        return a(
+          xe,
+          {
+            class: s(i, n.contentCls, (u = o.props) == null ? void 0 : u.contentCls),
+            forceMount: n.forceMount
+          },
+          () => {
+            var C;
+            return a(
+              "div",
+              {
+                class: s(
+                  m(i, "wrapper"),
+                  n.contentWrapperCls,
+                  (C = o.props) == null ? void 0 : C.contentWrapperCls
+                )
+              },
+              d
+            );
+          }
+        );
+    };
+    return (t, d) => {
+      var p;
+      return de(), ie(c(Ae), pe(N.value, {
+        class: c(s)(c(r), n.class, (p = c(o).props) == null ? void 0 : p.itemCls),
+        disabled: O.value
+      }), {
+        default: ue(({ open: u }) => [
+          v(_, { open: u }, null, 8, ["open"]),
+          v(g, { open: u }, null, 8, ["open"])
+        ]),
+        _: 1
+      }, 16, ["class", "disabled"]);
+    };
+  }
+}), Xe = me(Ee, ge("Accordion")), Ye = me(
+  Te,
+  ge("AccordionItem")
+);
+export {
+  Ee as Accordion,
+  Ue as AccordionExpandIconPositions,
+  Te as AccordionItem,
+  Ye as AccordionItemPlugin,
+  Xe as AccordionPlugin,
+  Pe as AccordionSizes,
+  A as accordionPrefix,
+  Ee as default,
+  We as injectAccordionContext,
+  we as provideAccordionContext
+};

package/dist/Accordion/index.umd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("es-toolkit"),p=require("reka-ui"),se=require("class-variance-authority"),ce=require("../ConfigProvider/index.umd.cjs"),i=require("@pantograph/utils-vue"),ae=require("../Divider.vue_vue_type_style_index_0_lang-Heq87yk1.js"),n=require("@pantograph/utils");require("../Icon/index.umd.cjs");require("../Badge/index.umd.cjs");const de=require("../BaseBadge.vue_vue_type_style_index_0_lang-D3Ibobu5.js"),ue=require("../Badge.vue_vue_type_script_setup_true_lang-D51ugS6o.js"),pe=require("../Icon.vue_vue_type_style_index_0_lang-v3QUxO-v.js"),oe=["sm","md","lg"],me=["start","end"],[re,le]=p.createContext("Accordion"),y=n.getBemBlock("accordion"),j=e.defineComponent({...n.getComponentOptions("Accordion",!1),__name:"Accordion",props:{accordion:{type:Boolean,default:!0},multiple:{type:Boolean},size:{default:"md"},class:{type:[Array,Object,String,Number,null,Boolean]},itemCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},headerWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},contentWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},expandCls:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},badgeCls:{type:[Array,Object,String,Number,null,Boolean]},collapsible:{default:"header"},bordered:{type:Boolean,default:!0},expandIconPosition:{default:"end"},disabled:{type:Boolean},dir:{},unmountOnHide:{type:Boolean},modelValue:{},defaultValue:{}},emits:["update:modelValue"],setup(m,{emit:r}){const t=m,l=r,s=e.useSlots(),f=e.useAttrs(),h=e.computed(()=>({...N.omit(f,["as","asChild","collapsible","orientation","type"]),...N.omit(t,["accordion","multiple","size","class","itemCls","headerCls","headerWrapperCls","titleCls","contentCls","contentWrapperCls","expandCls","leadingCls","badgeCls","collapsible","bordered","expandIconPosition"])})),_=p.useForwardPropsEmits(h,l),A=se.cva(y,{variants:{size:n.generateVariantClassList(oe,y),bordered:n.generateVariantClassList("bordered",y)}}),{getDir:S}=ce.useConfig(),x=S();le({props:t,slots:s});const v=()=>{var g;const c=i.flattenChildren(((g=s.default)==null?void 0:g.call(s,{}))??[]);return!t.bordered&&c.length>1?c.flatMap((o,a)=>a<c.length-1?[o,e.h(ae._sfc_main,{type:"horizontal"})]:[o]):c};return(c,g)=>(e.openBlock(),e.createBlock(e.unref(p.AccordionRoot),e.mergeProps(e.unref(_),{class:e.unref(n.normCls)(e.unref(A)(t),t.class),dir:e.unref(x),collapsible:!m.accordion,type:m.multiple?"multiple":"single"}),{default:e.withCtx(()=>[e.createVNode(v)]),_:1},16,["class","dir","collapsible","type"]))}}),ie=e.defineComponent({...n.getComponentOptions("AccordionItem"),__name:"AccordionItem",props:{class:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},headerWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},contentWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},expandCls:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},badgeCls:{type:[Array,Object,String,Number,null,Boolean]},badge:{},leading:{},title:{},content:{},forceMount:{type:Boolean},disabled:{type:Boolean},value:{},unmountOnHide:{type:Boolean}},setup(m){const r=m,t=e.useSlots(),l=re(),s=n.getBemElement(y,"item"),f=n.getBemElement(s,"header"),h=()=>{var o;return((o=l.props)==null?void 0:o.size)||"md"},_=()=>{switch(h()){case"lg":return"sm";case"sm":return"2xsm";default:return"xsm"}},A=()=>{switch(h()){case"lg":return"xsm";default:return"2xsm"}},S=e.computed(()=>{var o;return r.disabled||((o=l.props)==null?void 0:o.disabled)}),x=e.computed(()=>N.pick(r,["value","unmountOnHide"])),v=o=>{var C,I;const a=((C=l.props)==null?void 0:C.collapsible)==="header",d=()=>{var H,L,D,F,R,U,$,G,J,K,Q,X,Y;const z=(H=t.header)==null?void 0:H.call(t,o);if(!i.isEmptyElement(z))return z;const P=_(),b=[],q=()=>{var ee,B,te,ne;const Z=((ee=t.expandIcon)==null?void 0:ee.call(t,o))??((te=(B=l.slots)==null?void 0:B.expandIcon)==null?void 0:te.call(B,o));return e.h(pe._sfc_main,{icon:"tabler:chevron-down",as:a?void 0:p.AccordionTrigger,size:P,class:n.normCls(n.getBemElement(s,"expand"),r.expandCls,(ne=l.props)==null?void 0:ne.expandCls)},{default:i.isEmptyElement(Z)?void 0:()=>Z})},V=(L=t.leading)==null?void 0:L.call(t,{...o,iconSize:P}),W=!i.isEmptyElement(V);(r.leading||W)&&b.push(e.h("div",{class:n.normCls(n.getBemElement(s,"leading"),r.leadingCls,(D=l.props)==null?void 0:D.leadingCls)},W?V:r.leading));const w=(F=t.title)==null?void 0:F.call(t,o),T=!i.isEmptyElement(w);!!(r.title||T)&&b.push(e.h("div",{class:n.normCls(n.getBemElement(s,"title"),"paragraph",r.titleCls,(R=l.props)==null?void 0:R.titleCls)},T?w:r.title));const k=A(),E=(U=t.badgeIcon)==null?void 0:U.call(t,{...o,iconSize:de.getBadgeIconSize(k)}),O=($=t.badgeText)==null?void 0:$.call(t,o);((G=r.badge)!=null&&G.text||(J=r.badge)!=null&&J.icon||!i.isEmptyElement(E)||!i.isEmptyElement(O))&&b.push(e.h(ue._sfc_main,{size:k,...r.badge,class:r.badgeCls},{icon:()=>i.isEmptyElement(E)?void 0:E,default:()=>i.isEmptyElement(O)?void 0:O}));const M=(K=t.extra)==null?void 0:K.call(t,o);return i.isEmptyElement(M)||b.push(M),[((Q=l.props)==null?void 0:Q.expandIconPosition)==="start"?q():null,e.h("div",{class:n.normCls(n.getBemElement(f,"wrapper"),r.headerWrapperCls,(X=l.props)==null?void 0:X.headerWrapperCls)},b),((Y=l.props)==null?void 0:Y.expandIconPosition)==="end"?q():null]},u=n.normCls(f,r.headerCls,(I=l.props)==null?void 0:I.headerCls);return a?e.h(p.AccordionTrigger,{class:u},d):e.h("div",{class:u},d())},c=n.getBemElement(s,"content"),g=o=>{var d,u;const a=(d=t.default)==null?void 0:d.call(t,o);if(!i.isEmptyElement(a))return e.h(p.AccordionContent,{class:n.normCls(c,r.contentCls,(u=l.props)==null?void 0:u.contentCls),forceMount:r.forceMount},()=>{var C;return e.h("div",{class:n.normCls(n.getBemElement(c,"wrapper"),r.contentWrapperCls,(C=l.props)==null?void 0:C.contentWrapperCls)},a)})};return(o,a)=>{var d;return e.openBlock(),e.createBlock(e.unref(p.AccordionItem),e.mergeProps(x.value,{class:e.unref(n.normCls)(e.unref(s),r.class,(d=e.unref(l).props)==null?void 0:d.itemCls),disabled:S.value}),{default:e.withCtx(({open:u})=>[e.createVNode(v,{open:u},null,8,["open"]),e.createVNode(g,{open:u},null,8,["open"])]),_:1},16,["class","disabled"])}}}),ge=i.installComponent(j,n.getComponentName("Accordion")),Ce=i.installComponent(ie,n.getComponentName("AccordionItem"));exports.Accordion=j;exports.AccordionExpandIconPositions=me;exports.AccordionItem=ie;exports.AccordionItemPlugin=Ce;exports.AccordionPlugin=ge;exports.AccordionSizes=oe;exports.accordionPrefix=y;exports.default=j;exports.injectAccordionContext=re;exports.provideAccordionContext=le;

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-BNcIbOqh.js";
+import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-DeODCM-L.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-CZ8fi9pP.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-BbziM36Z.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-CZ8fi9pP.js → ActionButton.vue_vue_type_script_setup_true_lang-BbziM36Z.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-BNHYQnWU.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=_;
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-CjUPxGMh.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/{ActionButton.vue_vue_type_script_setup_true_lang-BNcIbOqh.js → ActionButton.vue_vue_type_script_setup_true_lang-DeODCM-L.js}

@@ -1,6 +1,6 @@
 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-B-UIQjF_.js";
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-DKt3vrc5.js";
 import { getComponentOptions as S } from "@pantograph/utils";
 const R = /* @__PURE__ */ c({
   ...S("ActionButton", !1),

package/dist/Alert/index.js

@@ -1,8 +1,8 @@
 import { defineComponent as N, useSlots as S, computed as $, createElementBlock as m, openBlock as i, normalizeStyle as h, normalizeClass as o, unref as e, createBlock as O, createCommentVNode as b, createElementVNode as j, createSlots as z, withCtx as P, renderSlot as r, createTextVNode as g, toDisplayString as p, createVNode as f, normalizeProps as V, 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-4_qFjriZ.js";
-import { _ as M } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Bq3vS9vp.js";
+import { _ as D } from "../IconButton.vue_vue_type_script_setup_true_lang-BWakPloG.js";
+import { _ as M } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-BC9GfN2v.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({

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"),f=require("class-variance-authority"),C=require("../IconButton.vue_vue_type_script_setup_true_lang-CgGTR6vM.js"),p=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DVkWOhwp.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:"sm",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",size:"sm",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;
+"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-D3l2EAmu.js"),p=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-DChtamWZ.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:"sm",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",size:"sm",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/index.js

@@ -1,5 +1,5 @@
-import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-CcEwNDzA.js";
-import { b as p, c as A, d as v, e as f } from "../Avatar.vue_vue_type_style_index_0_lang-CcEwNDzA.js";
+import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-BBeWgKUx.js";
+import { b as p, c as A, d as v, e as f } from "../Avatar.vue_vue_type_style_index_0_lang-BBeWgKUx.js";
 import { installComponent as t } from "@pantograph/utils-vue";
 import { getComponentName as r } from "@pantograph/utils";
 const m = t(a, r("Avatar"));

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-C3ApgvES.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-mKlk9pzA.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;