@pantograph/vue 0.30.8 → 0.30.10

package/dist/Button/Button.d.ts

@@ -99,8 +99,8 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (...args: any[]) => void;
             }, string, {
-                color: import('..').ButtonColor;
                 type: import('..').ButtonType;
+                color: import('..').ButtonColor;
                 htmlType: "reset" | "submit" | "button";
                 disabled: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -124,13 +124,13 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            color: import('..').ButtonColor;
             type: import('..').ButtonType;
+            color: import('..').ButtonColor;
             htmlType: "reset" | "submit" | "button";
             disabled: boolean;
         }> & Omit<Readonly<BaseButtonProps> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("type" | "color" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -240,8 +240,8 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
         }, string, {
-            color: import('..').ButtonColor;
             type: import('..').ButtonType;
+            color: import('..').ButtonColor;
             htmlType: "reset" | "submit" | "button";
             disabled: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -265,13 +265,13 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        color: import('..').ButtonColor;
         type: import('..').ButtonType;
+        color: import('..').ButtonColor;
         htmlType: "reset" | "submit" | "button";
         disabled: boolean;
     }> & Omit<Readonly<BaseButtonProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("type" | "color" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../Button.vue_vue_type_script_setup_true_lang-d-VCkYuL.js";
+import { _ as t } from "../Button.vue_vue_type_script_setup_true_lang-BriN8N0z.js";
 import { installComponent as o } from "@pantograph/utils-vue";
 import { getComponentName as n } from "@pantograph/utils";
 const e = o(t, n("Button"));

package/dist/Button/index.umd.cjs

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

package/dist/Button.vue_vue_type_script_setup_true_lang-4r_7Pf3d.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-DMu6fhel.js"),m=require("@pantograph/utils"),_=e.defineComponent({...m.getComponentOptions("Button",!1),__name:"Button",props:{as:{},class:{type:[Array,Object,String,Number,null,Boolean]},text:{},size:{},color:{},noRing:{type:Boolean},type:{},loading:{type:Boolean},preIcon:{},postIcon:{},customStroke:{type:Boolean},preIconCustomStroke:{type:Boolean},postIconCustomStroke:{type:Boolean},preIconFlipOnDir:{},postIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},setup(r,{expose:s}){const a=r,i=e.useAttrs(),c=e.computed(()=>({...p.omit(i,["variant","action","active","badgeText","badgeIcon","icon","flipOnDir","badgeIconFlipOnDir"]),...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(c.value,{variant:"simple",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/{Button.vue_vue_type_script_setup_true_lang-d-VCkYuL.js → Button.vue_vue_type_script_setup_true_lang-BriN8N0z.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 l, useAttrs as c, 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 { 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 F = /* @__PURE__ */ c({
-  ...h("Button", !1),
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-DklrsHU0.js";
+import { getComponentOptions as S } from "@pantograph/utils";
+const F = /* @__PURE__ */ l({
+  ...S("Button", !1),
   __name: "Button",
   props: {
     as: {},
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     text: {},
     size: {},
     color: {},
@@ -29,8 +29,8 @@ const F = /* @__PURE__ */ c({
     target: {}
   },
   setup(n, { expose: r }) {
-    const s = n, a = l(), p = m(() => ({
-      ...I(a, [
+    const a = n, s = c(), p = m(() => ({
+      ...I(s, [
         "variant",
         "action",
         "active",
@@ -40,26 +40,26 @@ const F = /* @__PURE__ */ c({
         "flipOnDir",
         "badgeIconFlipOnDir"
       ]),
-      ...s
-    })), e = u();
+      ...a
+    })), o = u();
     return r({
       focus() {
-        var o;
-        (o = e.value) == null || o.focus();
+        var e;
+        (e = o.value) == null || e.focus();
       },
       blur() {
-        var o;
-        (o = e.value) == null || o.blur();
+        var e;
+        (e = o.value) == null || e.blur();
       }
-    }), (o, C) => (d(), f(O, y(p.value, {
+    }), (e, h) => (d(), f(O, y(p.value, {
       variant: "simple",
       ref_key: "buttonRef",
-      ref: e
-    }), B({ _: 2 }, [
-      b(Object.keys(o.$slots), (t) => ({
+      ref: o
+    }), b({ _: 2 }, [
+      B(Object.keys(e.$slots), (t) => ({
         name: t,
         fn: g((i) => [
-          _(o.$slots, t, v(k(i)))
+          _(e.$slots, t, v(k(i)))
         ])
       }))
     ]), 1040));

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { ButtonSize, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 declare const ButtonGroupGaps: readonly ["sm", "md", "lg", "none"];
 export type ButtonGroupProps = {
     class?: ClassValue;

package/dist/ButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, d as n, _ as a, i as e, p as i } from "../index-ClFtJyYC.js";
+import { _ as r, d as n, _ as a, i as e, p as i } from "../index-PGo1VyBF.js";
 import "@pantograph/utils-vue";
 import "@pantograph/utils";
 export {

package/dist/ButtonGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../index-DzG8mnap.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.ButtonGroup=t._sfc_main;exports.ButtonGroupPlugin=t.ButtonGroupPlugin;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../index-BOecemV4.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.ButtonGroup=t._sfc_main;exports.ButtonGroupPlugin=t.ButtonGroupPlugin;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;

package/dist/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import { CardType, CarResponsiveBreakpoint } from './Card.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface CardProps {
     type?: CardType;
     selected?: boolean;

package/dist/Card/index.js

@@ -1,9 +1,9 @@
-import { defineComponent as A, useSlots as w, createElementBlock as E, openBlock as b, normalizeClass as u, unref as a, createVNode as d, createElementVNode as C, h as r } from "vue";
-import { getComponentOptions as F, getBemBlock as N, generateVariantClassList as p, normCls as i, getBemElement as l, getComponentName as O } from "@pantograph/utils";
-import { cva as S } from "class-variance-authority";
-import { isEmptyElement as c, installComponent as V } from "@pantograph/utils-vue";
-const z = ["vertical", "horizontal"], H = ["desktop", "tablet"], L = /* @__PURE__ */ A({
-  ...F("Card"),
+import { defineComponent as O, useSlots as S, createElementBlock as j, openBlock as k, normalizeClass as m, unref as i, createVNode as p, createElementVNode as y, h as s } from "vue";
+import { getComponentOptions as P, getBemBlock as h, generateVariantClassList as u, normCls as o, getBemElement as a, getComponentName as w } from "@pantograph/utils";
+import { cva as E } from "class-variance-authority";
+import { isEmptyElement as c, installComponent as x } from "@pantograph/utils-vue";
+const F = ["vertical", "horizontal"], V = ["desktop", "tablet"], z = /* @__PURE__ */ O({
+  ...P("Card"),
   __name: "Card",
   props: {
     type: { default: "vertical" },
@@ -12,112 +12,112 @@ const z = ["vertical", "horizontal"], H = ["desktop", "tablet"], L = /* @__PURE_
     leadingPadding: { type: Boolean, default: !0 },
     title: {},
     description: {},
-    class: {},
-    leadingCls: {},
-    contentCls: {},
-    wrapperCls: {},
-    titleCls: {},
-    descriptionCls: {},
-    actionsCls: {},
-    floatedActionsCls: {},
-    bodyCls: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    leadingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    contentCls: { type: [Array, Object, String, Number, null, Boolean] },
+    wrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
+    titleCls: { type: [Array, Object, String, Number, null, Boolean] },
+    descriptionCls: { type: [Array, Object, String, Number, null, Boolean] },
+    actionsCls: { type: [Array, Object, String, Number, null, Boolean] },
+    floatedActionsCls: { type: [Array, Object, String, Number, null, Boolean] },
+    bodyCls: { type: [Array, Object, String, Number, null, Boolean] },
     responsiveBreakPoint: {}
   },
-  setup(f) {
-    const o = f, s = N("card"), m = S(s, {
+  setup(d) {
+    const r = d, l = h("card"), g = E(l, {
       variants: {
-        type: p(z, s),
-        selected: p("selected", s),
-        leadingPadding: p("leading-padding", s),
-        responsiveBreakPoint: p(
-          H,
-          s
+        type: u(F, l),
+        selected: u("selected", l),
+        leadingPadding: u("leading-padding", l),
+        responsiveBreakPoint: u(
+          V,
+          l
         )
       }
-    }), n = w(), g = () => {
+    }), n = S(), C = () => {
       var t;
       const e = (t = n.leading) == null ? void 0 : t.call(n, {});
-      return c(e) ? null : r("div", { class: i(l(s, "leading"), o.leadingCls) }, e);
-    }, v = () => {
+      return c(e) ? null : s("div", { class: o(a(l, "leading"), r.leadingCls) }, e);
+    }, f = () => {
       var t;
       const e = (t = n.title) == null ? void 0 : t.call(n, {});
-      return o.title || !c(e) ? r(
+      return r.title || !c(e) ? s(
         "div",
-        { class: i(l(s, "title"), "paragraph", o.titleCls) },
-        e ?? o.title
+        { class: o(a(l, "title"), "paragraph", r.titleCls) },
+        e ?? r.title
       ) : null;
-    }, y = () => {
+    }, B = () => {
       var t;
       const e = (t = n.description) == null ? void 0 : t.call(n, {});
-      return o.description || !c(e) ? r(
+      return r.description || !c(e) ? s(
         "div",
-        { class: i(l(s, "description"), "paragraph", o.descriptionCls) },
-        e ?? o.description
+        { class: o(a(l, "description"), "paragraph", r.descriptionCls) },
+        e ?? r.description
       ) : null;
-    }, B = () => {
-      const e = v(), t = y();
-      return e || t ? r("div", { class: i(l(s, "body"), o.bodyCls) }, [
+    }, b = () => {
+      const e = f(), t = B();
+      return e || t ? s("div", { class: o(a(l, "body"), r.bodyCls) }, [
         e,
         t
       ]) : null;
-    }, k = () => {
+    }, v = () => {
       var t;
       const e = (t = n.default) == null ? void 0 : t.call(n, {});
       return c(e) ? null : e;
-    }, P = () => {
+    }, A = () => {
       var t;
       const e = (t = n.actions) == null ? void 0 : t.call(n, {});
-      return c(e) ? null : r("div", { class: i(l(s, "actions"), o.actionsCls) }, e);
-    }, h = () => {
+      return c(e) ? null : s("div", { class: o(a(l, "actions"), r.actionsCls) }, e);
+    }, N = () => {
       var t;
       const e = (t = n.floatedActions) == null ? void 0 : t.call(n, {});
-      return c(e) ? null : r(
+      return c(e) ? null : s(
         "div",
         {
-          class: i(
-            l(s, "floated-actions"),
+          class: o(
+            a(l, "floated-actions"),
             {
-              [`${l(s, "floated-actions")}--hover-only`]: o.showFloatedActionsOnHover
+              [`${a(l, "floated-actions")}--hover-only`]: r.showFloatedActionsOnHover
             },
-            o.floatedActionsCls
+            r.floatedActionsCls
           )
         },
         e
       );
     };
-    return (e, t) => (b(), E("div", {
-      class: u(
-        a(i)(
-          a(m)({
-            type: e.type,
-            selected: e.selected,
-            leadingPadding: e.leadingPadding,
-            responsiveBreakPoint: e.responsiveBreakPoint
+    return (e, t) => (k(), j("div", {
+      class: m(
+        i(o)(
+          i(g)({
+            type: d.type,
+            selected: d.selected,
+            leadingPadding: d.leadingPadding,
+            responsiveBreakPoint: d.responsiveBreakPoint
           }),
-          o.class
+          r.class
         )
       )
     }, [
-      d(h),
-      d(g),
-      C("div", {
-        class: u(a(i)(a(l)(a(s), "content"), o.contentCls))
+      p(N),
+      p(C),
+      y("div", {
+        class: m(i(o)(i(a)(i(l), "content"), r.contentCls))
       }, [
-        C("div", {
-          class: u(a(i)(a(l)(a(s), "wrapper"), o.wrapperCls))
+        y("div", {
+          class: m(i(o)(i(a)(i(l), "wrapper"), r.wrapperCls))
         }, [
-          d(B),
-          d(k)
+          p(b),
+          p(v)
         ], 2),
-        d(P)
+        p(A)
       ], 2)
     ], 2));
   }
-}), $ = V(L, O("Card"));
+}), R = x(z, w("Card"));
 export {
-  H as CarResponsiveBreakpoints,
-  L as Card,
-  $ as CardPlugin,
-  z as CardTypes,
-  L as default
+  V as CarResponsiveBreakpoints,
+  z as Card,
+  R as CardPlugin,
+  F as CardTypes,
+  z as default
 };

package/dist/Card/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),y=require("class-variance-authority"),a=require("@pantograph/utils-vue"),c=["vertical","horizontal"],d=["desktop","tablet"],i=e.defineComponent({...n.getComponentOptions("Card"),__name:"Card",props:{type:{default:"vertical"},selected:{type:Boolean,default:!1},showFloatedActionsOnHover:{type:Boolean,default:!0},leadingPadding:{type:Boolean,default:!0},title:{},description:{},class:{},leadingCls:{},contentCls:{},wrapperCls:{},titleCls:{},descriptionCls:{},actionsCls:{},floatedActionsCls:{},bodyCls:{},responsiveBreakPoint:{}},setup(u){const r=u,o=n.getBemBlock("card"),p=y.cva(o,{variants:{type:n.generateVariantClassList(c,o),selected:n.generateVariantClassList("selected",o),leadingPadding:n.generateVariantClassList("leading-padding",o),responsiveBreakPoint:n.generateVariantClassList(d,o)}}),l=e.useSlots(),m=()=>{var s;const t=(s=l.leading)==null?void 0:s.call(l,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"leading"),r.leadingCls)},t)},C=()=>{var s;const t=(s=l.title)==null?void 0:s.call(l,{});return r.title||!a.isEmptyElement(t)?e.h("div",{class:n.normCls(n.getBemElement(o,"title"),"paragraph",r.titleCls)},t??r.title):null},g=()=>{var s;const t=(s=l.description)==null?void 0:s.call(l,{});return r.description||!a.isEmptyElement(t)?e.h("div",{class:n.normCls(n.getBemElement(o,"description"),"paragraph",r.descriptionCls)},t??r.description):null},f=()=>{const t=C(),s=g();return t||s?e.h("div",{class:n.normCls(n.getBemElement(o,"body"),r.bodyCls)},[t,s]):null},v=()=>{var s;const t=(s=l.default)==null?void 0:s.call(l,{});return a.isEmptyElement(t)?null:t},B=()=>{var s;const t=(s=l.actions)==null?void 0:s.call(l,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"actions"),r.actionsCls)},t)},E=()=>{var s;const t=(s=l.floatedActions)==null?void 0:s.call(l,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"floated-actions"),{[`${n.getBemElement(o,"floated-actions")}--hover-only`]:r.showFloatedActionsOnHover},r.floatedActionsCls)},t)};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(p)({type:t.type,selected:t.selected,leadingPadding:t.leadingPadding,responsiveBreakPoint:t.responsiveBreakPoint}),r.class))},[e.createVNode(E),e.createVNode(m),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(o),"content"),r.contentCls))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(o),"wrapper"),r.wrapperCls))},[e.createVNode(f),e.createVNode(v)],2),e.createVNode(B)],2)],2))}}),h=a.installComponent(i,n.getComponentName("Card"));exports.CarResponsiveBreakpoints=d;exports.Card=i;exports.CardPlugin=h;exports.CardTypes=c;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@pantograph/utils"),b=require("class-variance-authority"),s=require("@pantograph/utils-vue"),d=["vertical","horizontal"],u=["desktop","tablet"],c=e.defineComponent({...t.getComponentOptions("Card"),__name:"Card",props:{type:{default:"vertical"},selected:{type:Boolean,default:!1},showFloatedActionsOnHover:{type:Boolean,default:!0},leadingPadding:{type:Boolean,default:!0},title:{},description:{},class:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},floatedActionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},responsiveBreakPoint:{}},setup(i){const a=i,o=t.getBemBlock("card"),m=b.cva(o,{variants:{type:t.generateVariantClassList(d,o),selected:t.generateVariantClassList("selected",o),leadingPadding:t.generateVariantClassList("leading-padding",o),responsiveBreakPoint:t.generateVariantClassList(u,o)}}),l=e.useSlots(),p=()=>{var r;const n=(r=l.leading)==null?void 0:r.call(l,{});return s.isEmptyElement(n)?null:e.h("div",{class:t.normCls(t.getBemElement(o,"leading"),a.leadingCls)},n)},C=()=>{var r;const n=(r=l.title)==null?void 0:r.call(l,{});return a.title||!s.isEmptyElement(n)?e.h("div",{class:t.normCls(t.getBemElement(o,"title"),"paragraph",a.titleCls)},n??a.title):null},g=()=>{var r;const n=(r=l.description)==null?void 0:r.call(l,{});return a.description||!s.isEmptyElement(n)?e.h("div",{class:t.normCls(t.getBemElement(o,"description"),"paragraph",a.descriptionCls)},n??a.description):null},y=()=>{const n=C(),r=g();return n||r?e.h("div",{class:t.normCls(t.getBemElement(o,"body"),a.bodyCls)},[n,r]):null},B=()=>{var r;const n=(r=l.default)==null?void 0:r.call(l,{});return s.isEmptyElement(n)?null:n},f=()=>{var r;const n=(r=l.actions)==null?void 0:r.call(l,{});return s.isEmptyElement(n)?null:e.h("div",{class:t.normCls(t.getBemElement(o,"actions"),a.actionsCls)},n)},v=()=>{var r;const n=(r=l.floatedActions)==null?void 0:r.call(l,{});return s.isEmptyElement(n)?null:e.h("div",{class:t.normCls(t.getBemElement(o,"floated-actions"),{[`${t.getBemElement(o,"floated-actions")}--hover-only`]:a.showFloatedActionsOnHover},a.floatedActionsCls)},n)};return(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(m)({type:i.type,selected:i.selected,leadingPadding:i.leadingPadding,responsiveBreakPoint:i.responsiveBreakPoint}),a.class))},[e.createVNode(v),e.createVNode(p),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(o),"content"),a.contentCls))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(o),"wrapper"),a.wrapperCls))},[e.createVNode(y),e.createVNode(B)],2),e.createVNode(f)],2)],2))}}),E=s.installComponent(c,t.getComponentName("Card"));exports.CarResponsiveBreakpoints=u;exports.Card=c;exports.CardPlugin=E;exports.CardTypes=d;exports.default=c;

package/dist/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import { CheckboxRootEmits, CheckboxRootProps } from 'reka-ui';
 import { CheckboxSize } from './Checkbox.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface CheckboxProps extends Omit<CheckboxRootProps, 'as' | 'asChild' | 'value'> {
     /** deprecated */
     checked?: CheckboxRootProps['modelValue'];

package/dist/Checkbox/index.js

@@ -1,5 +1,5 @@
-import { _ as o } from "../Checkbox.vue_vue_type_style_index_0_lang-D-7D_c_A.js";
-import { C as p, u as c, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-D-7D_c_A.js";
+import { _ as o } from "../Checkbox.vue_vue_type_style_index_0_lang-upe4IS_Q.js";
+import { C as p, u as c, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-upe4IS_Q.js";
 import { installComponent as e } from "@pantograph/utils-vue";
 import { getComponentName as a } from "@pantograph/utils";
 const m = e(o, a("Checkbox"));

package/dist/Checkbox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BfiCl2A5.js"),o=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),t=o.installComponent(e._sfc_main,r.getComponentName("Checkbox"));exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;exports.CheckboxPlugin=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-DHP7ASJN.js"),o=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),t=o.installComponent(e._sfc_main,r.getComponentName("Checkbox"));exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;exports.CheckboxPlugin=t;

package/dist/Checkbox.vue_vue_type_style_index_0_lang-DHP7ASJN.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("reka-ui"),u=require("@pantograph/tokens"),s=require("@pantograph/utils"),w=require("class-variance-authority"),h=require("@pantograph/utils-vue"),x=require("es-toolkit"),L=require("./Icon.vue_vue_type_style_index_0_lang-D9YESScE.js"),B=["2xsm","xsm"],D=a=>({"--ptc-checkbox-bg":u.getCssCoreColor(`${a}-5`),"--ptc-checkbox-bg-hover":u.getCssCoreColor(`${a}-4`),"--ptc-checkbox-bg-focus":u.getCssCoreColor(`${a}-6`),"--ptc-checkbox-br-focus":u.getCssCoreColor(`${a}-6`),"--ptc-checkbox-bg-active":u.getCssCoreColor(`${a}-7`)}),I=a=>({"--ptc-group-checkbox-bg":u.getCssCoreColor(`${a}-5`),"--ptc-group-checkbox-bg-hover":u.getCssCoreColor(`${a}-4`),"--ptc-group-checkbox-bg-focus":u.getCssCoreColor(`${a}-6`),"--ptc-group-checkbox-br-focus":u.getCssCoreColor(`${a}-6`),"--ptc-group-checkbox-bg-active":u.getCssCoreColor(`${a}-7`)}),[y,V]=p.createContext("CheckboxGroup"),S=e.defineComponent({...s.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{asChild:{type:Boolean,default:!0},as:{},modelValue:{},size:{},disabled:{type:Boolean,default:void 0},name:{},options:{}},emits:["update:modelValue","change"],setup(a,{emit:f}){const n=f,o=a,t=l=>({value:typeof l=="object"?l==null?void 0:l.value:l,disabled:typeof l=="object"?l==null?void 0:l.disabled:void 0,label:typeof l=="object"?(l==null?void 0:l.label)??(l==null?void 0:l.value):l}),c=e.ref(o.modelValue??[]);e.watch(()=>o.modelValue,()=>{c.value=o.modelValue??[]});const g=e.computed({get(){return o.modelValue?o.modelValue:c.value},set(l){o.modelValue||(c.value=l),n("update:modelValue",l),n("change",l)}});return V({model:g,props:o}),(l,b)=>(e.openBlock(),e.createBlock(e.unref(p.Primitive),{as:a.as,asChild:a.asChild},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>{var d;return[(d=a.options)!=null&&d.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.options,(i,v)=>(e.openBlock(),e.createBlock(z,e.mergeProps({key:i.value??i,ref_for:!0},t(i)),null,16))),128)):e.createCommentVNode("",!0)]})]),_:3},8,["as","asChild"]))}}),U=h.installComponent(S,s.getComponentName("CheckboxGroup")),F=["for"],z=e.defineComponent({...s.getComponentOptions("Checkbox"),__name:"Checkbox",props:{checked:{type:[Boolean,String,null],default:void 0},size:{default:"xsm"},class:{type:[Array,Object,String,Number,null,Boolean]},rootCls:{type:[Array,Object,String,Number,null,Boolean]},indicatorCls:{type:[Array,Object,String,Number,null,Boolean]},indeterminateCls:{type:[Array,Object,String,Number,null,Boolean]},labelCls:{type:[Array,Object,String,Number,null,Boolean]},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},unExtendParent:{type:Boolean},defaultValue:{type:[Boolean,String]},modelValue:{type:[Boolean,String,null],default:void 0},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean}},emits:["update:modelValue","update:checked","change","blur","focus"],setup(a,{emit:f}){const n=s.getBemBlock("checkbox"),o=a,t=o.unExtendParent?void 0:y({}),c=f,g=e.useSlots(),l=e.computed(()=>o.modelValue??o.checked),b=e.ref(l.value??!1);e.watch(()=>[o.modelValue,o.checked],()=>{b.value=l.value??!1});const d=e.computed({get(){var r;return(r=t==null?void 0:t.model)!=null&&r.value?o.value!==void 0&&(t==null?void 0:t.model.value.includes(o.value)):l.value!==void 0?l.value:b.value},set(r){var C;if((C=t==null?void 0:t.model)!=null&&C.value){if(o.value!==void 0){const m=t==null?void 0:t.model.value.indexOf(o.value);r&&m===-1?t.model.value=[...(t==null?void 0:t.model.value)??[],o.value]:!r&&m!==-1&&(t.model.value=t==null?void 0:t.model.value.filter(_=>_!==o.value))}}else l.value===void 0&&(b.value=r),c("update:checked",r),c("update:modelValue",r),c("change",r)}}),{getDisabled:i}=h.useFormInput({getDisabled:()=>{var r;return((r=t==null?void 0:t.props)==null?void 0:r.disabled)??o.disabled},exports:["getDisabled"]}),v=e.computed(()=>o.id??s.usePCId(n)),P=p.useEmitAsProps(c),$=e.computed(()=>({disabled:i.value,...j.value,...x.omit(o,["size","class","label","disabled","modelValue","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls"]),...x.omit(P,["onUpdate:modelValue","onUpdate:checked"])})),G=w.cva(n,{variants:{size:s.generateVariantClassList(B,n)}}),q=e.computed(()=>o.label||g.default||o.value&&o.valueAsLabel),A=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),k=e.computed(()=>{var r;return((r=t==null?void 0:t.props)==null?void 0:r.size)??o.size}),E=e.computed(()=>{switch(k.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}}),{rootBindings:N,inputBindings:j}=h.useInputDataStates({getDisabled:()=>i.value,emit:c}),O=()=>d.value=!d.value;return(r,C)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(n),"root"),a.rootCls)},e.unref(N)),[e.createVNode(e.unref(p.CheckboxRoot),e.mergeProps({onKeyup:e.withKeys(O,["enter"])},$.value,{modelValue:d.value,"onUpdate:modelValue":C[0]||(C[0]=m=>d.value=m),id:v.value,class:e.unref(s.normCls)(e.unref(G)({size:k.value}),o.class)}),{default:e.withCtx(()=>[e.createVNode(e.unref(p.CheckboxIndicator),{class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(n),"indicator"),a.indicatorCls)),asChild:""},{default:e.withCtx(()=>[l.value!="indeterminate"?(e.openBlock(),e.createBlock(L._sfc_main,{key:0,icon:"tabler:check",size:E.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(n),"indeterminate"),a.indeterminateCls))},null,2))]),_:1},8,["class"])]),_:1},16,["modelValue","id","class"]),q.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:v.value,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(n),"label"),a.labelCls))},[e.renderSlot(r.$slots,"default",{checked:l.value,disabled:e.unref(i),required:a.required},()=>[e.createTextVNode(e.toDisplayString(A.value),1)])],10,F)):e.createCommentVNode("",!0)],16))}});exports.CheckboxGroupPlugin=U;exports.CheckboxSizes=B;exports._sfc_main=z;exports._sfc_main$1=S;exports.injectCheckboxGroupContext=y;exports.provideCheckboxGroupContext=V;exports.useColoredPantographCheckbox=D;exports.useColoredPantographCheckboxGroup=I;