@pantograph/vue 0.0.3 → 0.6.1

package/dist/Checkbox.vue_vue_type_style_index_0_lang-gsOfYgHe.js

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

package/dist/CheckboxGroup/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BRJhkPIY.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BQeNpCYy.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/CheckboxGroup/index.es.js

@@ -1,4 +1,4 @@
-import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-OQRmH46S.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-gsOfYgHe.js";
 export {
   p as CheckboxGroup,
   r as injectCheckboxGroupContext,

package/dist/ConfigProvider/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("radix-vue"),s=require("@pantograph/tokens"),i=require("vue"),g=require("lodash-es"),h=require("@vueuse/core"),C=n=>{const t=i.computed(()=>{const e=i.unref(n);return g.isString(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),r=i.ref("ltr"),u=()=>{t.value instanceof HTMLElement&&(r.value=getComputedStyle(t.value).direction)};u();const l=e=>{const o=["rtl","ltr"].includes(e)?e:r.value==="ltr"?"rtl":"ltr";t.value&&(t.value.dir=o)};return h.useMutationObserver(t,u,{attributes:!0,attributeFilter:["dir"]}),[r,l]},D=n=>{const t=i.computed(()=>{const e=i.unref(n);return g.isString(e)?document.querySelector(e):e instanceof HTMLElement?e:document.documentElement}),r=i.ref(!1),u=()=>{var e,o;t.value instanceof HTMLElement&&(r.value=((o=(e=t.value)==null?void 0:e.classList)==null?void 0:o.contains("dark"))??!1)};u();const l=e=>{const o=e===!0?!0:e===!1?!1:!r.value;t.value&&s.toggleDark(o,t.value)};return h.useMutationObserver(t,u,{attributes:!0,attributeFilter:["class"]}),[r,l]},[k,v]=f.createContext("config-provider"),E=()=>k({}),b=i.defineComponent({name:"ConfigProvider",props:{locale:{type:[String,Object],required:!1},theme:{type:Object,required:!1},changeAbleDirectionElement:{type:[String,HTMLElement,Object],default:"html"},changeAbleDarkElement:{type:[String,HTMLElement,Object],default:"html"}},setup(n,{slots:t}){const[r,u]=C(n.changeAbleDirectionElement),[l,e]=D(n.changeAbleDarkElement);i.watch(()=>n.theme,()=>{var c,a;if((c=n.theme)!=null&&c.init||(a=n.theme)!=null&&a.element){const{init:T,...m}=n.theme;window.pantographThemeDefined?s.defineTheme(m):(s.init(m),Promise.resolve().then(()=>require("../index-Dyvby5gX.js")),window.pantographThemeDefined=!0)}},{immediate:!0});const o=i.computed(()=>({...s.getThemeConfig(n.theme),dark:l.value})),d=c=>{var a;return s.defineTheme({element:(a=n.theme)==null?void 0:a.element,...c})};return v({dir:r,theme:o,dark:l,changeDirection:u,changeTheme:d,toggleDark:e}),()=>i.h(f.ConfigProvider,{dir:r},{default:()=>{var c;return(c=t.default)==null?void 0:c.call(t,{dir:r.value,theme:o.value,dark:l.value,changeDirection:u,changeTheme:d,toggleDark:e})}})}});exports.ConfigProvider=b;exports.default=b;exports.injectConfigContext=E;exports.provideConfigContext=v;

package/dist/ConfigProvider/index.d.ts

@@ -0,0 +1,40 @@
+import { Config } from '@pantograph/tokens';
+import { ComputedRef, Ref } from 'vue';
+interface _Config extends Config {
+    init?: boolean;
+}
+export interface ConfigProviderProps {
+    locale?: 'fa' | 'en' | object;
+    theme?: _Config;
+    changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement>;
+    changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement>;
+}
+export type Direction = 'ltr' | 'rtl';
+interface Context {
+    theme: ComputedRef<Config>;
+    dir: Ref<Direction>;
+    dark: Ref<boolean>;
+    changeDirection: (dir?: Direction) => void;
+    changeTheme: (config: Config) => void;
+    toggleDark: (dark?: boolean, element?: Config['element']) => void;
+}
+declare const provideConfigContext: (contextValue: object | Context) => object | Context;
+declare const injectConfigContext: () => object | Context;
+export { provideConfigContext, injectConfigContext };
+export declare const ConfigProvider: import('vue').DefineComponent<{
+    locale?: ("fa" | "en" | object) | undefined;
+    theme?: _Config | undefined;
+    changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+    changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    locale?: ("fa" | "en" | object) | undefined;
+    theme?: _Config | undefined;
+    changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+    changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+}> & Readonly<{}>, {
+    changeAbleDirectionElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;
+    changeAbleDarkElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default ConfigProvider;

package/dist/ConfigProvider/index.es.js

@@ -0,0 +1,112 @@
+import { createContext as D, ConfigProvider as b } from "radix-vue";
+import { toggleDark as k, init as C, defineTheme as d, getThemeConfig as E } from "@pantograph/tokens";
+import { computed as u, unref as s, ref as h, defineComponent as T, watch as p, h as _ } from "vue";
+import { isString as g } from "lodash-es";
+import { useMutationObserver as v } from "@vueuse/core";
+const y = (n) => {
+  const t = u(() => {
+    const e = s(n);
+    return g(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
+  }), r = h("ltr"), o = () => {
+    t.value instanceof HTMLElement && (r.value = getComputedStyle(t.value).direction);
+  };
+  o();
+  const l = (e) => {
+    const i = ["rtl", "ltr"].includes(e) ? e : r.value === "ltr" ? "rtl" : "ltr";
+    t.value && (t.value.dir = i);
+  };
+  return v(t, o, {
+    attributes: !0,
+    attributeFilter: ["dir"]
+  }), [r, l];
+}, L = (n) => {
+  const t = u(() => {
+    const e = s(n);
+    return g(e) ? document.querySelector(e) : e instanceof HTMLElement ? e : document.documentElement;
+  }), r = h(!1), o = () => {
+    var e, i;
+    t.value instanceof HTMLElement && (r.value = ((i = (e = t.value) == null ? void 0 : e.classList) == null ? void 0 : i.contains("dark")) ?? !1);
+  };
+  o();
+  const l = (e) => {
+    const i = e === !0 ? !0 : e === !1 ? !1 : !r.value;
+    t.value && k(i, t.value);
+  };
+  return v(t, o, {
+    attributes: !0,
+    attributeFilter: ["class"]
+  }), [r, l];
+}, [M, S] = D("config-provider"), A = () => M({}), P = T({
+  name: "ConfigProvider",
+  props: {
+    locale: {
+      type: [String, Object],
+      required: !1
+    },
+    theme: {
+      type: Object,
+      required: !1
+    },
+    changeAbleDirectionElement: {
+      type: [String, HTMLElement, Object],
+      default: "html"
+    },
+    changeAbleDarkElement: {
+      type: [String, HTMLElement, Object],
+      default: "html"
+    }
+  },
+  setup(n, {
+    slots: t
+  }) {
+    const [r, o] = y(n.changeAbleDirectionElement), [l, e] = L(n.changeAbleDarkElement);
+    p(
+      () => n.theme,
+      () => {
+        var a, c;
+        if ((a = n.theme) != null && a.init || (c = n.theme) != null && c.element) {
+          const { init: j, ...f } = n.theme;
+          window.pantographThemeDefined ? d(f) : (C(f), Promise.resolve({           }), window.pantographThemeDefined = !0);
+        }
+      },
+      { immediate: !0 }
+    );
+    const i = u(() => ({
+      ...E(n.theme),
+      dark: l.value
+    })), m = (a) => {
+      var c;
+      return d({ element: (c = n.theme) == null ? void 0 : c.element, ...a });
+    };
+    return S({
+      dir: r,
+      theme: i,
+      dark: l,
+      changeDirection: o,
+      changeTheme: m,
+      toggleDark: e
+    }), () => _(
+      b,
+      { dir: r },
+      {
+        default: () => {
+          var a;
+          return (a = t.default) == null ? void 0 : a.call(t, {
+            dir: r.value,
+            theme: i.value,
+            dark: l.value,
+            changeDirection: o,
+            changeTheme: m,
+            toggleDark: e
+          });
+        }
+      }
+    );
+  }
+});
+export {
+  P as ConfigProvider,
+  P as default,
+  A as injectConfigContext,
+  S as provideConfigContext
+};

package/dist/ConfigProvider/utils.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+import { ConfigProviderProps, Direction } from './index.js';
+export declare const useDir: (changeAbleDirectionElement?: ConfigProviderProps["changeAbleDirectionElement"]) => [Ref<Direction>, (dir?: Direction) => void];
+export declare const useDark: (changeAbleDirectionElement?: ConfigProviderProps["changeAbleDirectionElement"]) => [Ref<boolean>, (dark?: boolean) => void];

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,27 @@
+import { PrimitiveProps } from 'radix-vue';
+import { Class } from '../types';
+import { DividerType } from './Divider.model.js';
+export interface DividerProps extends Omit<PrimitiveProps, 'asChild'> {
+    type?: DividerType;
+    class?: Class;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    type: DividerType;
+    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+}, {}, {}, {}, 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/Divider/Divider.model.d.ts

@@ -0,0 +1,2 @@
+export declare const DividerTypes: readonly ["horizontal", "vertical"];
+export type DividerType = (typeof DividerTypes)[number];

package/dist/Divider/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js");exports.Divider=e._sfc_main;exports.DividerTypes=e.DividerTypes;exports.default=e._sfc_main;

package/dist/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Divider, type DividerProps, default } from './Divider';
+export * from './Divider.model.ts';

package/dist/Divider/index.es.js

@@ -0,0 +1,6 @@
+import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_style_index_0_lang-SBMg48di.js";
+export {
+  i as Divider,
+  r as DividerTypes,
+  s as default
+};

package/dist/Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js

@@ -0,0 +1 @@
+"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/Divider.vue_vue_type_style_index_0_lang-SBMg48di.js

@@ -0,0 +1,40 @@
+import { defineComponent as i, openBlock as n, createBlock 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, b as v } from "./class-DyU-Ox8D.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 = v("divider"), o = u(s, {
+      variants: {
+        type: d(g, s)
+        // hasChild: generateVariantClassList('has-child', prefix),
+      }
+    });
+    return (e, y) => (n(), p(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 _
+};