@will-ui/vue 1.0.0

package/dist/components/btn/Btn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Btn.js","names":["computed","defineComponent","inject","mergeProps","normalizeClass","normalizeStyle","onUnmounted","ref","Transition","createVNode","_createVNode","isBoolean","isNumber","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","useComponentConfig","BTN_GROUP_KEY","BTN_FALLBACK","BtnImpl","name","inheritAttrs","props","tag","type","String","default","undefined","htmlType","mode","size","Number","color","cssVars","Object","block","Boolean","capsule","disabled","loading","text","sleep","slots","setup","attrs","group","cfg","cooling","sleepTimer","btnType","value","btnMode","btnSize","btnColor","tagName","sleepMs","s","Math","max","inactive","klass","tokenStyle","clearSleep","clearTimeout","invokeAttrClick","handler","e","Array","isArray","fn","onClick","preventDefault","stopPropagation","ms","setTimeout","Tag","_attrsClick","restAttrs","rootProps","class","style","Btn"],"sources":["../../../components/btn/Btn.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  mergeProps,\r\n  normalizeClass,\r\n  normalizeStyle,\r\n  onUnmounted,\r\n  ref,\r\n  Transition,\r\n} from 'vue'\r\nimport type { PropType, SlotsType } from 'vue'\r\nimport type { BtnMode, BtnType } from '../../config/types'\r\nimport {\r\n  isBoolean,\r\n  isNumber,\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport {\r\n  BTN_GROUP_KEY,\r\n  type BtnHtmlType,\r\n  type BtnSize,\r\n} from './context'\r\nimport { BTN_FALLBACK, type BtnGlobalConfig } from './config'\r\n\r\nexport type { BtnSize, BtnHtmlType, BtnGroupContext } from './context'\r\nexport type { BtnGlobalConfig } from './config'\r\nexport { BTN_GROUP_KEY } from './context'\r\nexport { BTN_FALLBACK } from './config'\r\n\r\nexport type BtnSlots = {\r\n  default?: () => any\r\n  /** loading 时左侧指示器，默认内置转圈 */\r\n  loading?: () => any\r\n}\r\n\r\nexport type BtnProps = {\r\n  tag?: keyof HTMLElementTagNameMap\r\n  htmlType?: BtnHtmlType\r\n  type?: BtnType\r\n  mode?: BtnMode\r\n  size?: BtnSize\r\n  color?: string\r\n  block?: boolean\r\n  capsule?: boolean\r\n  disabled?: boolean\r\n  loading?: boolean\r\n  text?: string | number\r\n  sleep?: boolean | number\r\n  /** 实例 CSS 变量（如 `--w-prop-btn-bg-color`） */\r\n  cssVars?: CssVars\r\n}\r\n\r\n/**\r\n * 运行时靠 attrs 透传到根节点；不声明 click emit，onClick 等走原生 fallthrough。\r\n * TSX 需在 $props 上并上原生属性，否则 onClick / class 等会在类型上被判为不存在。\r\n * tag 可为 a 等，故并上常用锚点属性（href / target / rel）。\r\n */\r\nexport type BtnJSXProps = BtnProps &\r\n  Omit<JSX.IntrinsicElements['button'], keyof BtnProps | 'ref'> &\r\n  Partial<\r\n    Pick<JSX.IntrinsicElements['a'], 'href' | 'target' | 'rel' | 'download'>\r\n  > & {\r\n    'v-slots'?: BtnSlots\r\n    vSlots?: BtnSlots\r\n  }\r\n\r\nexport type BtnComponent = {\r\n  new (): {\r\n    $props: BtnJSXProps\r\n  }\r\n}\r\n\r\ntype AttrClickHandler = (e: MouseEvent) => void\r\ntype AttrClick = AttrClickHandler | AttrClickHandler[] | undefined\r\n\r\nconst BtnImpl = defineComponent({\r\n  name: 'Btn',\r\n  inheritAttrs: false,\r\n  props: {\r\n    tag: {\r\n      type: String as PropType<keyof HTMLElementTagNameMap>,\r\n      default: undefined,\r\n    },\r\n    htmlType: {\r\n      type: String as PropType<BtnHtmlType>,\r\n      default: undefined,\r\n    },\r\n    type: { type: String as PropType<BtnType>, default: undefined },\r\n    mode: { type: String as PropType<BtnMode>, default: undefined },\r\n    size: { type: Number as PropType<BtnSize>, default: undefined },\r\n    /** 品牌主色 → `--w-prop-btn-color`（prop > `--w-btn-color` > `--w-color`） */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-btn-bg-color`） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    // Boolean 必须 default: undefined，否则未传会变成 false，全局配置无效\r\n    block: { type: Boolean, default: undefined },\r\n    capsule: { type: Boolean, default: undefined },\r\n    disabled: { type: Boolean, default: undefined },\r\n    loading: { type: Boolean, default: undefined },\r\n    text: { type: [String, Number] as PropType<string | number>, default: undefined },\r\n    sleep: {\r\n      type: [Boolean, Number] as PropType<boolean | number>,\r\n      default: undefined,\r\n    },\r\n  },\r\n  slots: Object as SlotsType<BtnSlots>,\r\n  setup(props, { slots, attrs }) {\r\n    const group = inject(BTN_GROUP_KEY, undefined)\r\n    const cfg = useComponentConfig('Btn', props, BTN_FALLBACK)\r\n\r\n    const cooling = ref(false)\r\n    let sleepTimer: ReturnType<typeof setTimeout> | undefined\r\n\r\n    // 优先级：显式 props > BtnGroup > 全局配置 > FALLBACK（后两档已由 cfg 合并）\r\n    const btnType = computed(\r\n      () => props.type ?? group?.type ?? cfg.value.type,\r\n    )\r\n    const btnMode = computed(\r\n      () => props.mode ?? group?.mode ?? cfg.value.mode,\r\n    )\r\n    const btnSize = computed(\r\n      () => props.size ?? group?.size ?? cfg.value.size,\r\n    )\r\n    const btnColor = computed(\r\n      () => props.color ?? group?.color ?? cfg.value.color,\r\n    )\r\n    const block = computed(() => props.block ?? cfg.value.block)\r\n    const capsule = computed(() => props.capsule ?? cfg.value.capsule)\r\n    const disabled = computed(() => props.disabled ?? cfg.value.disabled)\r\n    const loading = computed(() => props.loading ?? cfg.value.loading)\r\n    const htmlType = computed(() => props.htmlType ?? cfg.value.htmlType)\r\n    const tagName = computed(() => props.tag ?? cfg.value.tag)\r\n    const sleep = computed(() => props.sleep ?? cfg.value.sleep)\r\n    const text = computed(() => props.text ?? cfg.value.text)\r\n\r\n    const sleepMs = computed(() => {\r\n      const s = sleep.value\r\n      if (!s) return 0\r\n      if (isBoolean(s)) return 500\r\n      if (isNumber(s)) return Math.max(0, s)\r\n      return 0\r\n    })\r\n\r\n    const inactive = computed(\r\n      () => disabled.value || loading.value || cooling.value,\r\n    )\r\n\r\n    const klass = computed(() => [\r\n      'w-btn',\r\n      {\r\n        'w-btn-gap': !group,\r\n        'w-btn-capsule': capsule.value,\r\n        'w-btn-block': block.value,\r\n        'w-btn-disabled': disabled.value,\r\n        'w-btn-loading': loading.value,\r\n        'w-btn-cooling': cooling.value,\r\n        [`w-btn-${btnType.value}`]: !!btnType.value,\r\n        [`w-btn-mode-${btnMode.value}`]: !!btnMode.value,\r\n      },\r\n    ])\r\n\r\n    const tokenStyle = computed(() =>\r\n      toCssVarsStyle({\r\n        ...propSizeToCssVars('btn', btnSize.value),\r\n        ...propColorToCssVars('btn', btnColor.value),\r\n        ...props.cssVars,\r\n      }),\r\n    )\r\n\r\n    function clearSleep() {\r\n      if (sleepTimer !== undefined) {\r\n        clearTimeout(sleepTimer)\r\n        sleepTimer = undefined\r\n      }\r\n      cooling.value = false\r\n    }\r\n\r\n    function invokeAttrClick(handler: AttrClick, e: MouseEvent) {\r\n      if (!handler) return\r\n      if (Array.isArray(handler)) {\r\n        for (const fn of handler) fn(e)\r\n      } else {\r\n        handler(e)\r\n      }\r\n    }\r\n\r\n    function onClick(e: MouseEvent) {\r\n      if (inactive.value) {\r\n        e.preventDefault()\r\n        e.stopPropagation()\r\n        return\r\n      }\r\n      // 不声明 emits.click：用户 onClick / @click 在 attrs 里，需在守卫通过后手动调用\r\n      invokeAttrClick(attrs.onClick as AttrClick, e)\r\n      const ms = sleepMs.value\r\n      if (ms > 0) {\r\n        cooling.value = true\r\n        sleepTimer = setTimeout(() => {\r\n          cooling.value = false\r\n          sleepTimer = undefined\r\n        }, ms)\r\n      }\r\n    }\r\n\r\n    onUnmounted(clearSleep)\r\n\r\n    return () => {\r\n      const Tag = tagName.value\r\n      // 抽出 onClick，避免 mergeProps 把 attrs.onClick 与守卫串联（inactive 时仍会触发）\r\n      const { onClick: _attrsClick, ...restAttrs } = attrs as Record<\r\n        string,\r\n        unknown\r\n      > & { onClick?: AttrClick }\r\n\r\n      const rootProps = mergeProps(\r\n        {\r\n          class: normalizeClass([klass.value, attrs.class]),\r\n          style: normalizeStyle([tokenStyle.value, attrs.style]),\r\n          disabled:\r\n            Tag === 'button' ? disabled.value || loading.value : undefined,\r\n          type: Tag === 'button' ? htmlType.value : undefined,\r\n          'aria-disabled': inactive.value || undefined,\r\n          'aria-busy': loading.value || undefined,\r\n          onClick,\r\n        },\r\n        restAttrs,\r\n      )\r\n\r\n      return (\r\n        <Tag {...rootProps}>\r\n          <Transition name=\"w-btn-loading\" appear>\r\n            {loading.value ? (\r\n              <span class=\"w-btn-loading-wrap\" key=\"loading\">\r\n                {slots.loading?.() || (\r\n                  <span class=\"w-btn-spinner\" aria-hidden=\"true\" />\r\n                )}\r\n              </span>\r\n            ) : null}\r\n          </Transition>\r\n          <span class=\"w-btn-content\">\r\n            {slots.default?.() || text.value}\r\n          </span>\r\n        </Tag>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nconst Btn = BtnImpl as unknown as BtnComponent\r\n\r\nexport type BtnInstance = InstanceType<BtnComponent>\r\n\r\nexport default Btn\r\n"],"mappings":"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"}

package/dist/components/btn/config.d.ts

@@ -0,0 +1,33 @@
+import { BtnMode, BtnType } from '../../config/types';
+import { BtnHtmlType, BtnSize } from './context';
+/**
+ * 可通过 `app.use(UI, { components: { Btn: {...} } })` 配置的项。
+ * 组件 props 对应字段请设 `default: undefined`，再由 useComponentConfig + FALLBACK 合并。
+ */
+export type BtnGlobalConfig = Partial<{
+    type: BtnType;
+    mode: BtnMode;
+    size: BtnSize;
+    /** 品牌主色，写入 `--w-prop-btn-color` */
+    color: string;
+    htmlType: BtnHtmlType;
+    tag: keyof HTMLElementTagNameMap;
+    block: boolean;
+    capsule: boolean;
+    sleep: boolean | number;
+}>;
+/** 未传 props、也未配全局时的默认值 */
+export declare const BTN_FALLBACK: {
+    type: BtnType;
+    size: BtnSize | undefined;
+    color: string | undefined;
+    htmlType: BtnHtmlType;
+    tag: keyof HTMLElementTagNameMap;
+    block: boolean;
+    capsule: boolean;
+    disabled: boolean;
+    loading: boolean;
+    mode: BtnMode | undefined;
+    sleep: boolean | number | undefined;
+    text: string | number | undefined;
+};

package/dist/components/btn/config.js

@@ -0,0 +1,20 @@
+//#region components/btn/config.ts
+/** 未传 props、也未配全局时的默认值 */
+var BTN_FALLBACK = {
+	type: "default",
+	size: void 0,
+	color: void 0,
+	htmlType: "button",
+	tag: "button",
+	block: false,
+	capsule: false,
+	disabled: false,
+	loading: false,
+	mode: void 0,
+	sleep: void 0,
+	text: void 0
+};
+//#endregion
+export { BTN_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/btn/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/btn/config.ts"],"sourcesContent":["import type { BtnMode, BtnType } from '../../config/types'\r\nimport type { BtnHtmlType, BtnSize } from './context'\r\n\r\n/**\r\n * 可通过 `app.use(UI, { components: { Btn: {...} } })` 配置的项。\r\n * 组件 props 对应字段请设 `default: undefined`，再由 useComponentConfig + FALLBACK 合并。\r\n */\r\nexport type BtnGlobalConfig = Partial<{\r\n  type: BtnType\r\n  mode: BtnMode\r\n  size: BtnSize\r\n  /** 品牌主色，写入 `--w-prop-btn-color` */\r\n  color: string\r\n  htmlType: BtnHtmlType\r\n  tag: keyof HTMLElementTagNameMap\r\n  block: boolean\r\n  capsule: boolean\r\n  sleep: boolean | number\r\n}>\r\n\r\n/** 未传 props、也未配全局时的默认值 */\r\nexport const BTN_FALLBACK = {\r\n  type: 'default' as BtnType,\r\n  size: undefined as BtnSize | undefined,\r\n  color: undefined as string | undefined,\r\n  htmlType: 'button' as BtnHtmlType,\r\n  tag: 'button' as keyof HTMLElementTagNameMap,\r\n  block: false,\r\n  capsule: false,\r\n  disabled: false,\r\n  loading: false,\r\n  mode: undefined as BtnMode | undefined,\r\n  sleep: undefined as boolean | number | undefined,\r\n  text: undefined as string | number | undefined,\r\n}\r\n"],"mappings":";;AAqBA,IAAa,eAAe;CAC1B,MAAM;CACN,MAAM,KAAA;CACN,OAAO,KAAA;CACP,UAAU;CACV,KAAK;CACL,OAAO;CACP,SAAS;CACT,UAAU;CACV,SAAS;CACT,MAAM,KAAA;CACN,OAAO,KAAA;CACP,MAAM,KAAA;AACR"}

package/dist/components/btn/context.d.ts

@@ -0,0 +1,12 @@
+import { InjectionKey } from 'vue';
+import { BtnMode, BtnType } from '../../config/types';
+/** 实例高度（px）；未传则走 theme `--w-btn-size` / `--w-size` */
+export type BtnSize = number;
+export type BtnHtmlType = 'button' | 'submit' | 'reset';
+export interface BtnGroupContext {
+    type: BtnType;
+    mode?: BtnMode;
+    size?: BtnSize;
+    color?: string;
+}
+export declare const BTN_GROUP_KEY: InjectionKey<BtnGroupContext>;

package/dist/components/btn/context.js

@@ -0,0 +1,6 @@
+//#region components/btn/context.ts
+var BTN_GROUP_KEY = Symbol("w-btn-group");
+//#endregion
+export { BTN_GROUP_KEY };
+
+//# sourceMappingURL=context.js.map

package/dist/components/btn/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../components/btn/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\r\nimport type { BtnMode, BtnType } from '../../config/types'\r\n\r\n/** 实例高度（px）；未传则走 theme `--w-btn-size` / `--w-size` */\r\nexport type BtnSize = number\r\nexport type BtnHtmlType = 'button' | 'submit' | 'reset'\r\n\r\nexport interface BtnGroupContext {\r\n  type: BtnType\r\n  mode?: BtnMode\r\n  size?: BtnSize\r\n  color?: string\r\n}\r\n\r\nexport const BTN_GROUP_KEY: InjectionKey<BtnGroupContext> =\r\n  Symbol('w-btn-group')\r\n"],"mappings":";AAcA,IAAa,gBACX,OAAO,aAAa"}

package/dist/components/btn/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './Btn';
+export type * from './Btn';
+export type * from './context';
+export type * from './config';
+export { BTN_FALLBACK } from './config';

package/dist/components/btn/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/btn.css';

package/dist/components/btnGroup/BtnGroup.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+import { BtnMode, BtnType } from '../../config/types';
+import { BtnSize } from '../btn/context';
+export type { BtnGroupGlobalConfig } from './config';
+export { BTN_GROUP_FALLBACK } from './config';
+declare const BtnGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<BtnType>;
+        default: any;
+    };
+    mode: {
+        type: PropType<BtnMode>;
+        default: any;
+    };
+    size: {
+        type: PropType<BtnSize>;
+        default: any;
+    };
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<BtnType>;
+        default: any;
+    };
+    mode: {
+        type: PropType<BtnMode>;
+        default: any;
+    };
+    size: {
+        type: PropType<BtnSize>;
+        default: any;
+    };
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    type: "default" | "primary" | "danger";
+    size: number;
+    color: string;
+    mode: BtnMode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default BtnGroup;

package/dist/components/btnGroup/BtnGroup.js

@@ -0,0 +1,43 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { BTN_GROUP_KEY } from "../btn/context.js";
+import { BTN_GROUP_FALLBACK } from "./config.js";
+import { computed, createVNode, defineComponent, provide, reactive } from "vue";
+//#region components/btnGroup/BtnGroup.tsx
+var BtnGroup = /* @__PURE__ */ defineComponent({
+	name: "BtnGroup",
+	props: {
+		type: {
+			type: String,
+			default: void 0
+		},
+		mode: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: Number,
+			default: void 0
+		},
+		color: {
+			type: String,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const cfg = useComponentConfig("BtnGroup", props, BTN_GROUP_FALLBACK);
+		provide(BTN_GROUP_KEY, reactive({
+			type: computed(() => cfg.value.type),
+			mode: computed(() => cfg.value.mode),
+			size: computed(() => cfg.value.size),
+			color: computed(() => cfg.value.color)
+		}));
+		return () => createVNode("div", {
+			"class": "w-btn-group",
+			"role": "group"
+		}, [slots.default?.()]);
+	}
+});
+//#endregion
+export { BtnGroup as default };
+
+//# sourceMappingURL=BtnGroup.js.map

package/dist/components/btnGroup/BtnGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BtnGroup.js","names":["computed","defineComponent","provide","reactive","createVNode","_createVNode","useComponentConfig","BTN_GROUP_KEY","BTN_GROUP_FALLBACK","BtnGroup","name","props","type","String","default","undefined","mode","size","Number","color","setup","slots","cfg","value"],"sources":["../../../components/btnGroup/BtnGroup.tsx"],"sourcesContent":["import { computed, defineComponent, provide, reactive } from 'vue'\r\nimport type { PropType } from 'vue'\r\nimport type { BtnMode, BtnType } from '../../config/types'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport { BTN_GROUP_KEY, type BtnSize } from '../btn/context'\r\nimport { BTN_GROUP_FALLBACK, type BtnGroupGlobalConfig } from './config'\r\n\r\nexport type { BtnGroupGlobalConfig } from './config'\r\nexport { BTN_GROUP_FALLBACK } from './config'\r\n\r\nconst BtnGroup = defineComponent({\r\n  name: 'BtnGroup',\r\n  props: {\r\n    type: { type: String as PropType<BtnType>, default: undefined },\r\n    mode: { type: String as PropType<BtnMode>, default: undefined },\r\n    size: { type: Number as PropType<BtnSize>, default: undefined },\r\n    color: { type: String, default: undefined },\r\n  },\r\n  setup(props, { slots }) {\r\n    const cfg = useComponentConfig('BtnGroup', props, BTN_GROUP_FALLBACK)\r\n\r\n    provide(\r\n      BTN_GROUP_KEY,\r\n      reactive({\r\n        type: computed(() => cfg.value.type),\r\n        mode: computed(() => cfg.value.mode),\r\n        size: computed(() => cfg.value.size),\r\n        color: computed(() => cfg.value.color),\r\n      }) as any,\r\n    )\r\n\r\n    return () => (\r\n      <div class=\"w-btn-group\" role=\"group\">\r\n        {slots.default?.()}\r\n      </div>\r\n    )\r\n  },\r\n})\r\n\r\nexport default BtnGroup\r\n"],"mappings":";;;;;AAUA,IAAMS,WAAWR,gCAAgB;CAC/BS,MAAM;CACNC,OAAO;EACLC,MAAM;GAAEA,MAAMC;GAA6BC,SAASC,KAAAA;EAAU;EAC9DC,MAAM;GAAEJ,MAAMC;GAA6BC,SAASC,KAAAA;EAAU;EAC9DE,MAAM;GAAEL,MAAMM;GAA6BJ,SAASC,KAAAA;EAAU;EAC9DI,OAAO;GAAEP,MAAMC;GAAQC,SAASC,KAAAA;EAAU;CAC5C;CACAK,MAAMT,OAAO,EAAEU,SAAS;EACtB,MAAMC,MAAMhB,mBAAmB,YAAYK,OAAOH,kBAAkB;EAEpEN,QACEK,eACAJ,SAAS;GACPS,MAAMZ,eAAesB,IAAIC,MAAMX,IAAI;GACnCI,MAAMhB,eAAesB,IAAIC,MAAMP,IAAI;GACnCC,MAAMjB,eAAesB,IAAIC,MAAMN,IAAI;GACnCE,OAAOnB,eAAesB,IAAIC,MAAMJ,KAAK;EACvC,CAAC,CACH;EAEA,aAAOd,YAAA,OAAA;GAAA,SAAA;GAAA,QAAA;EAAA,GAAA,CAEFgB,MAAMP,UAAU,CAAC,CAAA;CAGxB;AACF,CAAC"}

package/dist/components/btnGroup/config.d.ts

@@ -0,0 +1,14 @@
+import { BtnMode, BtnType } from '../../config/types';
+import { BtnSize } from '../btn/context';
+export type BtnGroupGlobalConfig = Partial<{
+    type: BtnType;
+    mode: BtnMode;
+    size: BtnSize;
+    color: string;
+}>;
+export declare const BTN_GROUP_FALLBACK: {
+    type: BtnType;
+    mode: BtnMode | undefined;
+    size: BtnSize | undefined;
+    color: string | undefined;
+};

package/dist/components/btnGroup/config.js

@@ -0,0 +1,11 @@
+//#region components/btnGroup/config.ts
+var BTN_GROUP_FALLBACK = {
+	type: "primary",
+	mode: void 0,
+	size: void 0,
+	color: void 0
+};
+//#endregion
+export { BTN_GROUP_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/btnGroup/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/btnGroup/config.ts"],"sourcesContent":["import type { BtnMode, BtnType } from '../../config/types'\r\nimport type { BtnSize } from '../btn/context'\r\n\r\nexport type BtnGroupGlobalConfig = Partial<{\r\n  type: BtnType\r\n  mode: BtnMode\r\n  size: BtnSize\r\n  color: string\r\n}>\r\n\r\nexport const BTN_GROUP_FALLBACK = {\r\n  type: 'primary' as BtnType,\r\n  mode: undefined as BtnMode | undefined,\r\n  size: undefined as BtnSize | undefined,\r\n  color: undefined as string | undefined,\r\n}\r\n"],"mappings":";AAUA,IAAa,qBAAqB;CAChC,MAAM;CACN,MAAM,KAAA;CACN,MAAM,KAAA;CACN,OAAO,KAAA;AACT"}

package/dist/components/btnGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './BtnGroup';
+export type * from './config';
+export { BTN_GROUP_FALLBACK } from './config';

package/dist/components/btnGroup/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/btnGroup.css';