@pantograph/vue 0.10.1 → 0.10.2

package/dist/Checkbox.vue_vue_type_style_index_0_lang-DNlvOQmv.js

@@ -1,216 +0,0 @@
-import { defineComponent as S, computed as l, ref as G, watch as P, createBlock as C, openBlock as u, unref as s, normalizeProps as R, guardReactiveProps as T, withCtx as k, renderSlot as V, createElementBlock as z, createCommentVNode as w, Fragment as j, renderList as D, mergeProps as y, useSlots as F, createVNode as L, normalizeClass as $, createTextVNode as U, toDisplayString as H } from "vue";
-import { createContext as J, Primitive as q, useId as K, CheckboxRoot as M, CheckboxIndicator as Q } from "radix-vue";
-import { prefixTokens as i } from "@pantograph/tokens";
-import { g as W, a as X, b as f } from "./class-DziTeW9B.js";
-import { cva as Y } from "class-variance-authority";
-import { g as A } from "./options-JBqnVZUl.js";
-import { o as Z } from "./omit-BEkBWXra.js";
-import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { p as ae } from "./pick-DLskPTKb.js";
-const te = ["2xsm", "xsm"], he = (t) => ({
-  "--ptc-checkbox-bg": `var(--${i}-${t}-5)`,
-  "--ptc-checkbox-bg-hover": `var(--${i}-${t}-4)`,
-  "--ptc-checkbox-bg-focus": `var(--${i}-${t}-6)`,
-  "--ptc-checkbox-br-focus": `var(--${i}-${t}-6)`,
-  "--ptc-checkbox-bg-active": `var(--${i}-${t}-7)`
-}), fe = (t) => ({
-  "--ptc-group-checkbox-bg": `var(--${i}-${t}-5)`,
-  "--ptc-group-checkbox-bg-hover": `var(--${i}-${t}-4)`,
-  "--ptc-group-checkbox-bg-focus": `var(--${i}-${t}-6)`,
-  "--ptc-group-checkbox-br-focus": `var(--${i}-${t}-6)`,
-  "--ptc-group-checkbox-bg-active": `var(--${i}-${t}-7)`
-}), [se, oe] = J("CheckboxGroup"), ke = /* @__PURE__ */ S({
-  ...A("CheckboxGroup"),
-  __name: "CheckboxGroup",
-  props: {
-    asChild: { type: Boolean, default: !1 },
-    as: {},
-    value: {},
-    size: {},
-    disabled: { type: Boolean },
-    name: {},
-    options: {}
-  },
-  emits: ["update:value", "change"],
-  setup(t, { emit: g }) {
-    const c = g, e = t, o = l(() => ae(e, "asChild", "as")), d = G(e.value ?? []);
-    P(
-      () => e.value,
-      () => {
-        d.value = e.value ?? [];
-      }
-    );
-    const x = l({
-      get() {
-        return e.value ? e.value : d.value;
-      },
-      set(r) {
-        e.value || (d.value = r), c("update:value", r), c("change", r);
-      }
-    }), v = l(() => e.size), m = l(() => e.disabled ? !0 : void 0);
-    return oe({
-      model: x,
-      size: v,
-      disabled: m
-    }), (r, B) => (u(), C(s(q), R(T(o.value)), {
-      default: k(() => [
-        V(r.$slots, "default", {}, () => {
-          var b;
-          return [
-            (b = r.options) != null && b.length ? (u(!0), z(j, { key: 0 }, D(r.options, (n) => (u(), C(ce, y({
-              key: n.value,
-              ref_for: !0
-            }, n), null, 16))), 128)) : w("", !0)
-          ];
-        })
-      ]),
-      _: 3
-    }, 16));
-  }
-}), le = ["for"], ce = /* @__PURE__ */ S({
-  ...A("Checkbox"),
-  __name: "Checkbox",
-  props: {
-    size: { default: "xsm" },
-    class: {},
-    rootCls: {},
-    indicatorCls: {},
-    indeterminateCls: {},
-    labelCls: {},
-    label: {},
-    value: {},
-    id: {},
-    valueAsLabel: { type: Boolean, default: !0 },
-    defaultChecked: { type: Boolean },
-    checked: { type: [Boolean, String], default: void 0 },
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {},
-    as: { default: "div" }
-  },
-  emits: ["update:checked", "change"],
-  setup(t, { emit: g }) {
-    const c = W("checkbox"), e = t, o = se({}), d = g, x = F(), v = G(e.checked ?? !1);
-    P(
-      () => e.checked,
-      () => {
-        v.value = e.checked ?? !1;
-      }
-    );
-    const m = l({
-      get() {
-        var a;
-        return (a = o.model) != null && a.value ? e.value !== void 0 && o.model.value.includes(e.value) : e.checked !== void 0 ? e.checked : v.value;
-      },
-      set(a) {
-        var p;
-        if ((p = o.model) != null && p.value) {
-          if (e.value !== void 0) {
-            const h = o.model.value.indexOf(e.value);
-            a && h === -1 ? o.model.value = [...o.model.value, e.value] : !a && h !== -1 && (o.model.value = o.model.value.filter(
-              (O) => O !== e.value
-            ));
-          }
-        } else
-          e.checked === void 0 && (v.value = a), d("update:checked", a), d("change", a);
-      }
-    }), r = l(() => e.id ?? K(void 0, c)), B = l(() => {
-      var a;
-      return {
-        disabled: ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled,
-        ...Z(
-          e,
-          "size",
-          "class",
-          "label",
-          "as",
-          "disabled",
-          "checked",
-          "id",
-          "rootCls",
-          "indicatorCls",
-          "indeterminateCls",
-          "labelCls"
-        )
-      };
-    }), b = Y(c, {
-      variants: {
-        size: X(te, c)
-      }
-    }), n = l(() => e.label || x.default || e.value && e.valueAsLabel), N = l(() => {
-      if (e.label) return e.label;
-      if (e.value && e.valueAsLabel) return e.value;
-    }), E = l(() => ({
-      asChild: !n.value,
-      as: e.as
-    })), _ = l(() => {
-      var a;
-      return ((a = o.size) == null ? void 0 : a.value) ?? e.size;
-    }), I = l(() => {
-      switch (_.value) {
-        case "xsm":
-          return "2xsm";
-        case "2xsm":
-        default:
-          return "3xsm";
-      }
-    });
-    return (a, p) => (u(), C(s(q), y({
-      key: n.value
-    }, E.value, {
-      class: [{ [s(f)(s(c), "root")]: n.value }, n.value ? a.rootCls : void 0]
-    }), {
-      default: k(() => [
-        L(s(M), y(B.value, {
-          checked: m.value,
-          "onUpdate:checked": p[0] || (p[0] = (h) => m.value = h),
-          id: r.value,
-          class: [s(b)({ size: _.value }), e.class]
-        }), {
-          default: k(() => [
-            L(s(Q), {
-              class: $([s(f)(s(c), "indicator"), a.indicatorCls]),
-              asChild: ""
-            }, {
-              default: k(() => [
-                e.checked != "indeterminate" ? (u(), C(ee, {
-                  key: 0,
-                  icon: "tabler:check",
-                  size: I.value
-                }, null, 8, ["size"])) : (u(), z("span", {
-                  key: 1,
-                  class: $([s(f)(s(c), "indeterminate"), a.indeterminateCls])
-                }, null, 2))
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ]),
-          _: 1
-        }, 16, ["checked", "id", "class"]),
-        n.value ? (u(), z("label", {
-          key: 0,
-          for: r.value,
-          class: $([s(f)(s(c), "label"), a.labelCls])
-        }, [
-          V(a.$slots, "default", {
-            checked: a.checked,
-            disabled: a.disabled,
-            required: a.required
-          }, () => [
-            U(H(N.value), 1)
-          ])
-        ], 10, le)) : w("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  te as C,
-  ce as _,
-  fe as a,
-  ke as b,
-  se as i,
-  oe as p,
-  he as u
-};

package/dist/ColorSwatch.vue_vue_type_style_index_0_lang-Bo-zDAyc.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),g=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-DlMeNk_1.js"),k=require("./options-B4iSAKol.js"),_=require("./omit-BKPbELUG.js"),s=require("./class-CjZYGZDW.js"),C=require("class-variance-authority"),f=require("./Primitive-BT1RjuGS.js"),h=require("./IconButton.vue_vue_type_script_setup_true_lang-7QB-mmyg.js"),c=["sm","md"],l=["color","remover","custom-picker"],z={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},P=e.defineComponent({...k.getComponentOptions("ColorTrigger"),__name:"ColorSwatch",props:{class:{},icon:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(u){const o=u,r=s.getBemBlock("color_swatch"),p=C.cva(r,{variants:{selected:s.generateVariantClassList("selected",r),size:s.generateVariantClassList(c,r),type:s.generateVariantClassList(l,r)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,..._.omit(o,"size","class","type","selected")})),d=e.useSlots(),v=e.computed(()=>{switch(o.type){case"color":return"div";case"custom-picker":return h._sfc_main;case"remover":return"div"}}),y=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.unref(f.Primitive),e.mergeProps({as:v.value,class:[e.unref(p)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class]},y.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(g._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",z,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["as","class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=P;

package/dist/ColorSwatch.vue_vue_type_style_index_0_lang-DmLhCPh4.js

@@ -1,102 +0,0 @@
-import { defineComponent as P, computed as s, useSlots as S, createBlock as d, openBlock as c, unref as f, mergeProps as i, withCtx as n, createElementBlock as _, createCommentVNode as y, renderSlot as a, normalizeProps as r, createSlots as b, renderList as $, guardReactiveProps as g, createElementVNode as E } from "vue";
-import { _ as I } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-B3FouRlw.js";
-import { g as L } from "./options-JBqnVZUl.js";
-import { o as V } from "./omit-BEkBWXra.js";
-import { g as N, a as l } from "./class-DziTeW9B.js";
-import { cva as O } from "class-variance-authority";
-import { P as T } from "./Primitive-nOVjbfuc.js";
-import { _ as j } from "./IconButton.vue_vue_type_script_setup_true_lang-dI6-RNyi.js";
-const k = ["sm", "md"], M = ["color", "remover", "custom-picker"], R = {
-  key: 1,
-  height: "100%",
-  width: "100%",
-  viewBox: "0 0 19 18",
-  fill: "none"
-}, Q = /* @__PURE__ */ P({
-  ...L("ColorTrigger"),
-  __name: "ColorSwatch",
-  props: {
-    class: {},
-    icon: {},
-    fg: {},
-    bg: {},
-    br: {},
-    size: { default: "md" },
-    selected: { type: Boolean },
-    type: { default: "color" },
-    customPickerIcon: { default: "tabler:palette" }
-  },
-  setup(v) {
-    const o = v, t = N("color_swatch"), z = O(t, {
-      variants: {
-        selected: l("selected", t),
-        size: l(k, t),
-        type: l(M, t)
-      }
-    }), m = s(
-      () => o.size && k.includes(o.size) ? o.size : "md"
-    ), C = s(() => ({
-      size: m.value,
-      ...V(
-        o,
-        "size",
-        "class",
-        "type",
-        "selected"
-        /*'fg', 'bg', 'br'*/
-      )
-    })), h = S(), w = s(() => {
-      switch (o.type) {
-        case "color":
-          return "div";
-        case "custom-picker":
-          return j;
-        case "remover":
-          return "div";
-      }
-    }), B = s(() => {
-      const e = {};
-      return o.type === "custom-picker" && (e.size = m.value, e.icon = o.customPickerIcon, e.color = "gray", e.type = "outline"), e;
-    });
-    return (e, p) => (c(), d(f(T), i({
-      as: w.value,
-      class: [
-        f(z)({
-          selected: e.type !== "custom-picker" && o.selected,
-          size: e.size,
-          type: e.type
-        }),
-        o.class
-      ]
-    }, B.value), {
-      icon: n(() => [
-        a(e.$slots, "icon", r(g(o)))
-      ]),
-      default: n(() => [
-        e.type === "color" ? (c(), d(I, r(i({ key: 0 }, C.value)), b({ _: 2 }, [
-          $(Object.keys(h), (u) => ({
-            name: u,
-            fn: n(() => [
-              a(e.$slots, u, r(g(o)))
-            ])
-          }))
-        ]), 1040)) : e.type === "remover" ? (c(), _("svg", R, p[0] || (p[0] = [
-          E("path", {
-            id: "Empty Indicator",
-            d: "M17.5 1L1.5 17",
-            stroke: "currentColor",
-            "stroke-width": "2",
-            "stroke-linecap": "round"
-          }, null, -1)
-        ]))) : y("", !0),
-        e.type === "custom-picker" ? a(e.$slots, "default", r(i({ key: 2 }, o))) : y("", !0)
-      ]),
-      _: 3
-    }, 16, ["as", "class"]));
-  }
-});
-export {
-  k as C,
-  Q as _,
-  M as a
-};

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-CIkTvqD_.js

@@ -1,165 +0,0 @@
-import { defineComponent as G, useSlots as L, ref as U, computed as f, createBlock as m, openBlock as a, unref as l, normalizeClass as v, withCtx as n, createElementBlock as z, createCommentVNode as b, createElementVNode as T, renderSlot as g, createTextVNode as q, toDisplayString as H, Fragment as J, renderList as C, mergeProps as c, createSlots as V, createVNode as $, normalizeProps as K, guardReactiveProps as Q } from "vue";
-import { g as W } from "./options-JBqnVZUl.js";
-import { P as X } from "./Primitive-nOVjbfuc.js";
-import { useEmitAsProps as Y } from "radix-vue";
-import { _ as k, C as Z } from "./ColorSwatch.vue_vue_type_style_index_0_lang-DmLhCPh4.js";
-import { i as B } from "./isString-BVAZt9W3.js";
-import { i as y } from "./_flatRest-CHX8vV1P.js";
-import { useVModel as x } from "@vueuse/core";
-import { g as ee, a as oe, b as j } from "./class-DziTeW9B.js";
-import { cva as te } from "class-variance-authority";
-import { o as re } from "./omit-BEkBWXra.js";
-import { _ as se } from "./Popover.vue_vue_type_style_index_0_lang-C0IwnsU5.js";
-import { _ as le } from "./ColorPicker.vue_vue_type_style_index_0_lang-Dq-kFXox.js";
-import { p as S } from "./pick-DLskPTKb.js";
-const ye = /* @__PURE__ */ G({
-  ...W("ColorSwatchGroup"),
-  __name: "ColorSwatchGroup",
-  props: {
-    as: {},
-    format: {},
-    defaultFormat: {},
-    hideAlpha: { type: Boolean },
-    size: { default: "md" },
-    customPickerIcon: {},
-    icon: {},
-    class: {},
-    noRemover: { type: Boolean },
-    noCustomPicker: { type: Boolean },
-    modelValue: {},
-    headerCls: {},
-    header: {},
-    colorsCls: {},
-    defaultValue: {},
-    colors: {},
-    colorMode: { default: "bold" },
-    popoverProps: {}
-  },
-  emits: ["update:format", "update:modelValue"],
-  setup(w, { emit: I }) {
-    const o = w, A = L(), M = I, s = x(
-      o,
-      "modelValue",
-      M,
-      {
-        defaultValue: o.defaultValue,
-        passive: o.modelValue === void 0
-      }
-    ), E = (e) => {
-      if (B(e))
-        return {
-          selected: s.value === e,
-          icon: o.icon,
-          bg: e
-        };
-      if (y(e))
-        return {
-          ...re(e, "value"),
-          icon: e.icon ?? o.icon,
-          selected: s.value === e.value
-        };
-    }, u = ee("color_swatch_group"), N = te(u, {
-      variants: {
-        size: oe(Z, u)
-      }
-    }), h = U(!1), d = (e) => y(e) ? e.value : e ?? void 0, P = (e) => {
-      const t = d(e);
-      s.value = t, h.value = !t;
-    }, p = f(() => {
-      if (o.colors) return o.colors;
-      const e = ["red", "orange", "yellow", "lime", "green", "sky", "blue", "violet"];
-      return o.colorMode === "subtle" ? e.map((t) => `${t}-subtle`) : typeof o.colorMode == "object" && o.colorMode.value && (o.colorMode.bg || o.colorMode.br || o.colorMode.fg) ? e.map((t) => {
-        const r = {
-          value: typeof o.colorMode == "object" && o.colorMode.value === "subtle" ? `${t}-subtle` : t
-        };
-        return typeof o.colorMode == "object" && o.colorMode.bg && (r.bg = o.colorMode.bg === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.br && (r.br = o.colorMode.br === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.fg && (r.fg = o.colorMode.fg === "subtle" ? `${t}-subtle` : t), r;
-      }) : e;
-    }), O = f(() => {
-      var e;
-      if (!((e = p.value) != null && e.length && p.value.some(
-        (t) => B(t) && t === s.value || y(t) && s.value === t.value
-      )))
-        return s.value;
-    }), _ = (e) => {
-      e && (s.value = e);
-    }, F = Y(M), R = f(() => ({
-      ...S(F, "onUpdate:format"),
-      ...S(o, "format", "defaultFormat", "hideAlpha")
-    }));
-    return (e, t) => (a(), m(l(X), {
-      as: e.as,
-      class: v([o.class, l(N)({ size: e.size })])
-    }, {
-      default: n(() => [
-        A.header || e.header ? (a(), z("div", {
-          key: 0,
-          class: v([l(j)(l(u), "header"), e.headerCls])
-        }, [
-          g(e.$slots, "header", {}, () => [
-            q(H(e.header), 1)
-          ])
-        ], 2)) : b("", !0),
-        T("div", {
-          class: v([l(j)(l(u), "colors"), e.colorsCls])
-        }, [
-          e.noRemover ? b("", !0) : (a(), m(k, {
-            key: 0,
-            type: "remover",
-            size: e.size,
-            onClick: t[0] || (t[0] = (r) => P()),
-            selected: !l(s) && h.value
-          }, null, 8, ["size", "selected"])),
-          (a(!0), z(J, null, C(p.value, (r) => (a(), m(k, c({
-            type: "color",
-            size: e.size,
-            icon: e.icon,
-            ref_for: !0
-          }, E(r), {
-            key: d(r),
-            onClick: (i) => P(r)
-          }), V({ _: 2 }, [
-            C(Object.keys(e.$slots), (i) => ({
-              name: i,
-              fn: n((D) => [
-                g(e.$slots, i, c({ ref_for: !0 }, { ...D, value: d(r) }))
-              ])
-            }))
-          ]), 1040, ["size", "icon", "onClick"]))), 128)),
-          e.noCustomPicker ? b("", !0) : (a(), m(se, c({
-            key: 1,
-            trigger: "click",
-            "reverse-placement-on-dir": "rtl",
-            placement: "right-start",
-            "side-offset": 4
-          }, e.popoverProps || {}), {
-            content: n(() => [
-              $(le, c({
-                defaultColor: O.value,
-                "onUpdate:color": _
-              }, R.value), null, 16, ["defaultColor"])
-            ]),
-            default: n(() => [
-              $(k, {
-                type: "custom-picker",
-                size: e.size,
-                customPickerIcon: e.customPickerIcon
-              }, V({ _: 2 }, [
-                C(Object.keys(e.$slots), (r) => ({
-                  name: r,
-                  fn: n((i) => [
-                    g(e.$slots, r, K(Q(i)))
-                  ])
-                }))
-              ]), 1032, ["size", "customPickerIcon"])
-            ]),
-            _: 3
-          }, 16))
-        ], 2)
-      ]),
-      _: 3
-    }, 8, ["as", "class"]));
-  }
-});
-export {
-  ye as _
-};

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-T_L-D2SS.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),S=require("./options-B4iSAKol.js"),q=require("./Primitive-BT1RjuGS.js"),$=require("radix-vue"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-Bo-zDAyc.js"),g=require("./isString-CKmTJsel.js"),m=require("./_flatRest-R59G2N4m.js"),j=require("@vueuse/core"),u=require("./class-CjZYGZDW.js"),w=require("class-variance-authority"),N=require("./omit-BKPbELUG.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-CM8qMFEi.js"),O=require("./ColorPicker.vue_vue_type_style_index_0_lang-C36JPo4m.js"),k=require("./pick-C-ap2Lj0.js"),A=e.defineComponent({...S.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{as:{},format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(C,{emit:b}){const t=C,_=e.useSlots(),p=b,l=j.useVModel(t,"modelValue",p,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),y=o=>{if(g.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(m.isObject(o))return{...N.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},a=u.getBemBlock("color_swatch_group"),h=w.cva(a,{variants:{size:u.generateVariantClassList(i.ColorSwatchSizes,a)}}),f=e.ref(!1),c=o=>m.isObject(o)?o.value:o??void 0,v=o=>{const r=c(o);l.value=r,f.value=!r},d=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const s={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(s.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(s.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(s.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),s}):o}),P=e.computed(()=>{var o;if(!((o=d.value)!=null&&o.length&&d.value.some(r=>g.isString(r)&&r===l.value||m.isObject(r)&&l.value===r.value)))return l.value}),V=o=>{o&&(l.value=o)},B=$.useEmitAsProps(p),M=e.computed(()=>({...k.pick(B,"onUpdate:format"),...k.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createBlock(e.unref(q.Primitive),{as:o.as,class:e.normalizeClass([t.class,e.unref(h)({size:o.size})])},{default:e.withCtx(()=>[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"header"),o.headerCls])},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createBlock(i._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},y(s),{key:c(s),onClick:n=>v(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(z=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...z,value:c(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E._sfc_main,e.mergeProps({key:1,trigger:"click","reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},o.popoverProps||{}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,e.mergeProps({defaultColor:P.value,"onUpdate:color":V},M.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(i._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),s=>({name:s,fn:e.withCtx(n=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(n)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)]),_:3},8,["as","class"]))}});exports._sfc_main=A;

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-DSZ8fAZ9.js

@@ -1,91 +0,0 @@
-import { defineComponent as S, computed as o, useSlots as _, createBlock as c, openBlock as m, unref as i, normalizeClass as x, withCtx as t, createVNode as B, createCommentVNode as k, normalizeProps as l, guardReactiveProps as f, createSlots as I, renderList as h, renderSlot as u } from "vue";
-import { _ as w } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-B3FouRlw.js";
-import { g as y } from "./options-JBqnVZUl.js";
-import { g as O, a as g } from "./class-DziTeW9B.js";
-import { cva as P } from "class-variance-authority";
-import { P as $ } from "./Primitive-nOVjbfuc.js";
-import { _ as T } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { i as V } from "./isString-BVAZt9W3.js";
-import { p as G } from "./pick-DLskPTKb.js";
-const p = ["sm", "md", "lg"], J = /* @__PURE__ */ S({
-  ...y("ColorTrigger"),
-  __name: "ColorTrigger",
-  props: {
-    icon: {},
-    bg: {},
-    br: {},
-    fg: {},
-    as: {},
-    class: {},
-    size: { default: "md" },
-    borderless: { type: Boolean },
-    suffixIcon: { type: [Boolean, String], default: "tabler:chevron-down" }
-  },
-  setup(d) {
-    const e = d, r = O("color_trigger"), z = P(r, {
-      variants: {
-        size: g(p, r),
-        borderless: g("borderless", r)
-      }
-    }), b = o(
-      () => e.size && p.includes(e.size) ? e.size : "md"
-    ), C = o(() => ({
-      size: (() => {
-        switch (e.size) {
-          case "sm":
-            return "2xsm";
-          case "md":
-            return "xsm";
-          case "lg":
-            return "sm";
-        }
-      })(),
-      ...G(e, "icon", "bg", "br", "fg")
-    })), n = _(), v = o(() => {
-      switch (e.size) {
-        case "sm":
-          return "2xsm";
-        case "md":
-        case "lg":
-          return "xsm";
-      }
-    });
-    return (s, L) => (m(), c(i($), {
-      as: s.as,
-      class: x([
-        i(z)({
-          size: b.value,
-          borderless: s.borderless
-        }),
-        e.class
-      ]),
-      tabindex: "0"
-    }, {
-      default: t(() => [
-        B(w, l(f(C.value)), I({ _: 2 }, [
-          h(Object.keys(n), (a) => ({
-            name: a,
-            fn: t(() => [
-              u(s.$slots, a, l(f(e)))
-            ])
-          }))
-        ]), 1040),
-        s.suffixIcon || n.suffixIcon ? (m(), c(T, {
-          key: 0,
-          icon: i(V)(s.suffixIcon) ? s.suffixIcon : void 0,
-          size: v.value
-        }, {
-          default: t(() => [
-            u(s.$slots, "suffixIcon")
-          ]),
-          _: 3
-        }, 8, ["icon", "size"])) : k("", !0)
-      ]),
-      _: 3
-    }, 8, ["as", "class"]));
-  }
-});
-export {
-  p as C,
-  J as _
-};

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-DwyinKNj.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),d=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-DlMeNk_1.js"),f=require("./options-B4iSAKol.js"),o=require("./class-CjZYGZDW.js"),p=require("class-variance-authority"),_=require("./Primitive-BT1RjuGS.js"),z=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),v=require("./isString-CKmTJsel.js"),C=require("./pick-C-ap2Lj0.js"),i=["sm","md","lg"],b=e.defineComponent({...f.getComponentOptions("ColorTrigger"),__name:"ColorTrigger",props:{icon:{},bg:{},br:{},fg:{},as:{},class:{},size:{default:"md"},borderless:{type:Boolean},suffixIcon:{type:[Boolean,String],default:"tabler:chevron-down"}},setup(a){const s=a,t=o.getBemBlock("color_trigger"),l=p.cva(t,{variants:{size:o.generateVariantClassList(i,t),borderless:o.generateVariantClassList("borderless",t)}}),u=e.computed(()=>s.size&&i.includes(s.size)?s.size:"md"),g=e.computed(()=>({size:(()=>{switch(s.size){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...C.pick(s,"icon","bg","br","fg")})),n=e.useSlots(),m=e.computed(()=>{switch(s.size){case"sm":return"2xsm";case"md":case"lg":return"xsm"}});return(r,S)=>(e.openBlock(),e.createBlock(e.unref(_.Primitive),{as:r.as,class:e.normalizeClass([e.unref(l)({size:u.value,borderless:r.borderless}),s.class]),tabindex:"0"},{default:e.withCtx(()=>[e.createVNode(d._sfc_main,e.normalizeProps(e.guardReactiveProps(g.value)),e.createSlots({_:2},[e.renderList(Object.keys(n),c=>({name:c,fn:e.withCtx(()=>[e.renderSlot(r.$slots,c,e.normalizeProps(e.guardReactiveProps(s)))])}))]),1040),r.suffixIcon||n.suffixIcon?(e.openBlock(),e.createBlock(z._sfc_main,{key:0,icon:e.unref(v.isString)(r.suffixIcon)?r.suffixIcon:void 0,size:m.value},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"suffixIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)]),_:3},8,["as","class"]))}});exports.ColorTriggerSizes=i;exports._sfc_main=b;

package/dist/Divider.vue_vue_type_style_index_0_lang-B_4XMyuu.js

@@ -1,40 +0,0 @@
-import { defineComponent as i, createBlock as n, openBlock as p, unref as t, normalizeClass as l, withCtx as m, renderSlot as c } from "vue";
-import { Primitive as f } from "radix-vue";
-import { g as d, a as v } from "./class-DziTeW9B.js";
-import { cva as u } from "class-variance-authority";
-import { g as C } from "./options-JBqnVZUl.js";
-const g = ["horizontal", "vertical"], z = /* @__PURE__ */ i({
-  ...C("Divider"),
-  __name: "Divider",
-  props: {
-    type: { default: "horizontal" },
-    class: {},
-    as: { default: "div" }
-  },
-  setup(a) {
-    const r = a, s = d("divider"), o = u(s, {
-      variants: {
-        type: v(g, s)
-        // hasChild: generateVariantClassList('has-child', prefix),
-      }
-    });
-    return (e, y) => (p(), n(t(f), {
-      as: e.as,
-      class: l([
-        t(o)({
-          type: e.type
-        }),
-        r.class
-      ])
-    }, {
-      default: m(() => [
-        c(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["as", "class"]));
-  }
-});
-export {
-  g as D,
-  z as _
-};

package/dist/Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),c=require("radix-vue"),r=require("./class-CjZYGZDW.js"),l=require("class-variance-authority"),u=require("./options-B4iSAKol.js"),i=["horizontal","vertical"],p=e.defineComponent({...u.getComponentOptions("Divider"),__name:"Divider",props:{type:{default:"horizontal"},class:{},as:{default:"div"}},setup(a){const n=a,t=r.getBemBlock("divider"),o=l.cva(t,{variants:{type:r.generateVariantClassList(i,t)}});return(s,d)=>(e.openBlock(),e.createBlock(e.unref(c.Primitive),{as:s.as,class:e.normalizeClass([e.unref(o)({type:s.type}),n.class])},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},8,["as","class"]))}});exports.DividerTypes=i;exports._sfc_main=p;

package/dist/FloatButton.vue_vue_type_script_setup_true_lang-C56u1xaL.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),l=require("./omit-BKPbELUG.js"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-CTK5nNR6.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("FloatButton",!1),__name:"FloatButton",props:{as:{},class:{},color:{},loading:{type:Boolean},size:{},icon:{},type:{}},setup(s,{expose:r}){const a=s,c=e.useAttrs(),i=e.computed(()=>({...l.omit(c,"variant","text","preIcon","postIcon","action","active","badgeText"),...a})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(p._sfc_main,e.mergeProps(i.value,{variant:"float",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-DlMeNk_1.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),u=require("./omit-BKPbELUG.js"),g=require("./BaseBadge.vue_vue_type_style_index_0_lang-OEeJw0Sy.js"),b=require("./options-B4iSAKol.js"),t=require("@pantograph/tokens"),m=e.defineComponent({...b.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{as:{},class:{},icon:{},fg:{},bg:{},br:{},size:{}},setup(c){const s=c,i=e.computed(()=>{const a=Object.fromEntries(g.BadgeColors.map(r=>[r,t.getCssVar(`${r}-5`)])),o={...a,...Object.fromEntries(g.BadgeColorsSubtle.map(r=>[r,t.getCssVar(`${r.replace("-subtle","")}-0`)])),transparent:"transparent","gray-subtle":t.getCssVar("gray-1")},n={...a,gray:t.getCssVar("gray-6"),default:t.getCssVar("gray-8"),"default-subtle":t.getCssVar("gray-5"),white:t.getCssVar("grayscale-light-0"),black:t.getCssVar("grayscale-light-10")};return{bg:o[s.bg]??s.bg,br:o[s.br]??(s.bg==="transparent"?t.getCssVar("gray-2"):void 0),fg:n[s.fg??"default"]??s.fg}}),l=e.useAttrs(),p=e.computed(()=>({...u.omit(l,"type","text"),...s,...i.value}));return(a,o)=>(e.openBlock(),e.createBlock(g._sfc_main,e.mergeProps(p.value,{type:"rect"}),e.createSlots({_:2},[e.renderList(Object.keys(a.$slots),n=>({name:n,fn:e.withCtx(r=>[e.renderSlot(a.$slots,n,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040))}});exports._sfc_main=m;

package/dist/IconButton.vue_vue_type_script_setup_true_lang-7QB-mmyg.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("./omit-BKPbELUG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CTK5nNR6.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("IconButton",!1),__name:"IconButton",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},icon:{},size:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","preIcon","postIcon","text","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(i.value,{variant:"icon",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/IndentLevel.vue_vue_type_style_index_0_lang-CM6s5E6c.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),a=require("./class-CjZYGZDW.js"),u=require("radix-vue"),k=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),d=require("./Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),_=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-DlMeNk_1.js"),y=require("./isNumber-eaDdxhkG.js"),m=["2xsm","xsm","sm"],C=["last","all","before","self"],b={key:0},w=e.defineComponent({...g.getComponentOptions("IndentLevel"),__name:"IndentLevel",props:{size:{default:"xsm"},showLine:{type:[Number,Boolean]},children:{type:Boolean},level:{default:1},expanded:{type:Boolean},loading:{type:Boolean},class:{},branchIcon:{default:"tabler:chevron-right"},noRotateBranch:{type:Boolean},as:{}},setup(p){const t=p,s=a.getBemBlock("indent_level"),i=a.getBemElement(s,"item"),f=a.getBemElement(i,"branch"),v=k.cva(s,{variants:{size:a.generateVariantClassList(m,s),expanded:a.generateVariantClassList("expanded",s),branchSlot:a.generateVariantClassList("branch-slot",s),selfDivider:a.generateVariantClassList("self-divider",s),noRotateBranch:a.generateVariantClassList("no-rotate-branch",s),loading:a.generateVariantClassList("loading",s)}}),r=e.computed(()=>{const n=Number(t.level);return n<1?1:n%10===0?n:Math.floor(n)}),l=e.computed(()=>{if(t.showLine)return typeof t.showLine=="string"?["all","self"].includes(t.showLine):y.isNumber(t.showLine)&&t.showLine<=Number(t.level)}),h=n=>typeof t.showLine=="number"?t.showLine<=Number(n):!1;return(n,c)=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(v)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:n.$slots.default,selfDivider:l.value,loading:n.loading}),t.class])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(i),{[e.unref(a.getBemModifier)(e.unref(s),"expand")]:o===r.value}]),key:o},{default:e.withCtx(()=>[o===r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.children?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.loading?(e.openBlock(),e.createBlock(L._sfc_main,{key:1,size:n.size},null,8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.expanded&&l.value?(e.openBlock(),e.createElementBlock("div",b)):e.createCommentVNode("",!0),e.createVNode(_._sfc_main,{size:n.size,icon:n.branchIcon,color:"none",class:e.normalizeClass(e.unref(f)),onClick:c[0]||(c[0]=B=>n.$emit("toggleExpand",B))},{icon:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["size","icon","class"]),n.expanded&&l.value?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&o===r.value-1||h(o)?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)]),_:2},1032,["as","class"]))),128))]),_:3},8,["as","class"]))}});exports.IndentLevelShowLines=C;exports.IndentLevelSizes=m;exports._sfc_main=w;