@webx-ui/core 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 webx-ui
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,58 @@
+# @webx-ui/core
+
+Vue 3 UI components for admin panels. Every component is styled through
+[`@webx-ui/tokens`](../tokens) CSS variables — no hard-coded colours — and never talks to an API:
+data comes in through props, changes go out through events.
+
+## Install
+
+```bash
+pnpm add @webx-ui/core @webx-ui/tokens vue
+```
+
+## Usage
+
+Global registration:
+
+```ts
+import { createApp } from 'vue'
+import { WebxUI } from '@webx-ui/core'
+import '@webx-ui/core/style.css'
+import App from './App.vue'
+
+createApp(App).use(WebxUI).mount('#app')
+```
+
+Named imports (tree-shakeable):
+
+```vue
+<script setup lang="ts">
+import { WxButton, WxCard, WxInput } from '@webx-ui/core'
+import '@webx-ui/core/style.css'
+
+const title = ref('')
+</script>
+
+<template>
+  <wx-card title="New page">
+    <wx-input v-model="title" placeholder="Title" clearable />
+    <template #footer>
+      <wx-button type="primary">Save</wx-button>
+    </template>
+  </wx-card>
+</template>
+```
+
+`@webx-ui/core/style.css` already includes the token variables, so importing
+`@webx-ui/tokens/tokens.css` separately is optional.
+
+## Implemented
+
+`WxButton`, `WxInput`, `WxCard`. The full component roadmap lives in
+[the docs](https://webx-ui.github.io/webx-ui/guide/roadmap.html).
+
+## Conventions
+
+- Components are declared as `WxButton` and used as `<wx-button>` in templates.
+- Classes follow BEM with a `wx-` prefix: `.wx-button`, `.wx-button--primary`, `.wx-button__label`.
+- Each component ships `Component.vue` + `types.ts` + `Component.test.ts` + a docs page.

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,34 @@
+import { ButtonProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: import('./types').ButtonType;
+    variant: import('./types').ButtonVariant;
+    size: import('./types').ButtonSize;
+    disabled: boolean;
+    loading: boolean;
+    block: boolean;
+    round: boolean;
+    href: string;
+    target: string;
+    nativeType: import('./types').ButtonNativeType;
+}, {}, {}, {}, 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/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WxButton } from './Button';
+export type * from './types';

package/dist/components/Button/types.d.ts

@@ -0,0 +1,25 @@
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export type ButtonVariant = 'solid' | 'outline' | 'text';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonNativeType = 'button' | 'submit' | 'reset';
+export interface ButtonProps {
+    /** Semantic colour of the button. */
+    type?: ButtonType;
+    /** Visual weight: filled, bordered or borderless. */
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    /** Shows a spinner and blocks interaction. */
+    loading?: boolean;
+    /** Stretches the button to the full width of its container. */
+    block?: boolean;
+    round?: boolean;
+    /** Renders an `<a>` instead of a `<button>`. */
+    href?: string;
+    target?: string;
+    /** `type` attribute of the underlying `<button>`. */
+    nativeType?: ButtonNativeType;
+}
+export interface ButtonEmits {
+    click: [event: MouseEvent];
+}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,26 @@
+import { CardProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        extra?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    title: string;
+    shadow: import('./types').CardShadow;
+    padding: import('./types').CardPadding;
+    borderless: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WxCard } from './Card';
+export type * from './types';

package/dist/components/Card/types.d.ts

@@ -0,0 +1,12 @@
+export type CardShadow = 'never' | 'hover' | 'always';
+export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+export interface CardProps {
+    /** Header text — ignored when the `header` slot is used. */
+    title?: string;
+    /** When the card should cast a shadow. */
+    shadow?: CardShadow;
+    /** Inner padding of the body (and of header/footer). */
+    padding?: CardPadding;
+    /** Removes the outer border, keeping only the surface colour. */
+    borderless?: boolean;
+}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,58 @@
+import { InputModelValue, InputProps } from './types';
+type __VLS_Props = InputProps;
+type __VLS_PublicProps = {
+    modelValue?: InputModelValue;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    select: () => void | undefined;
+    input: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (value: string) => any;
+    change: (value: string) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    clear: () => any;
+    "update:modelValue": (value: InputModelValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: InputModelValue) => any) | undefined;
+}>, {
+    type: import('./types').InputNativeType;
+    size: import('./types').InputSize;
+    disabled: boolean;
+    status: import('./types').InputStatus;
+    placeholder: string;
+    readonly: boolean;
+    clearable: boolean;
+    maxlength: number;
+    showCount: boolean;
+    autocomplete: string;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, 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/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WxInput } from './Input';
+export type * from './types';

package/dist/components/Input/types.d.ts

@@ -0,0 +1,29 @@
+export type InputSize = 'sm' | 'md' | 'lg';
+export type InputStatus = 'default' | 'success' | 'warning' | 'error';
+export type InputNativeType = 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
+export interface InputProps {
+    /** `type` attribute of the underlying `<input>`. */
+    type?: InputNativeType;
+    size?: InputSize;
+    /** Validation state — usually driven by `WxFormItem`. */
+    status?: InputStatus;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    /** Shows a clear button while the field has a value. */
+    clearable?: boolean;
+    maxlength?: number;
+    /** Renders a `current / max` counter (requires `maxlength`). */
+    showCount?: boolean;
+    autocomplete?: string;
+    /** Accessible label used when the input has no visible `<label>`. */
+    ariaLabel?: string;
+}
+export type InputModelValue = string | number | undefined;
+export interface InputEmits {
+    input: [value: string];
+    change: [value: string];
+    focus: [event: FocusEvent];
+    blur: [event: FocusEvent];
+    clear: [];
+}

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Button';
+export * from './Input';
+export * from './Card';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export { WebxUI, type WebxUiOptions } from './plugin';

package/dist/index.js

@@ -0,0 +1,253 @@
+import { defineComponent as _, computed as r, openBlock as n, createBlock as D, resolveDynamicComponent as M, mergeProps as $, withCtx as N, createElementBlock as d, renderSlot as p, createCommentVNode as f, useModel as O, ref as g, normalizeClass as k, createElementVNode as m, toDisplayString as B, mergeModels as w, useSlots as T, createTextVNode as j } from "vue";
+const A = {
+  key: 0,
+  class: "wx-button__spinner",
+  "aria-hidden": "true"
+}, P = {
+  key: 1,
+  class: "wx-button__icon"
+}, E = {
+  key: 2,
+  class: "wx-button__label"
+}, L = /* @__PURE__ */ _({
+  name: "WxButton",
+  inheritAttrs: !1,
+  __name: "Button",
+  props: {
+    type: { default: "default" },
+    variant: { default: "solid" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    href: { default: void 0 },
+    target: { default: void 0 },
+    nativeType: { default: "button" }
+  },
+  emits: ["click"],
+  setup(t, { emit: u }) {
+    const e = t, a = u, o = r(() => e.disabled || e.loading), l = r(() => e.href ? "a" : "button"), c = r(() => [
+      "wx-button",
+      `wx-button--${e.type}`,
+      `wx-button--${e.variant}`,
+      `wx-button--${e.size}`,
+      {
+        "wx-button--block": e.block,
+        "wx-button--round": e.round,
+        "wx-button--loading": e.loading,
+        "is-disabled": o.value
+      }
+    ]), v = r(
+      () => e.href ? {
+        href: o.value ? void 0 : e.href,
+        target: e.target,
+        role: "button",
+        "aria-disabled": o.value ? "true" : void 0,
+        tabindex: o.value ? -1 : void 0
+      } : {
+        type: e.nativeType,
+        disabled: o.value
+      }
+    );
+    function x(i) {
+      if (o.value) {
+        i.preventDefault(), i.stopPropagation();
+        return;
+      }
+      a("click", i);
+    }
+    return (i, b) => (n(), D(M(l.value), $({ ...v.value, ...i.$attrs }, {
+      class: c.value,
+      "aria-busy": t.loading || void 0,
+      onClick: x
+    }), {
+      default: N(() => [
+        t.loading ? (n(), d("span", A)) : i.$slots.icon ? (n(), d("span", P, [
+          p(i.$slots, "icon", {}, void 0, !0)
+        ])) : f("", !0),
+        i.$slots.default ? (n(), d("span", E, [
+          p(i.$slots, "default", {}, void 0, !0)
+        ])) : f("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "aria-busy"]));
+  }
+}), y = (t, u) => {
+  const e = t.__vccOpts || t;
+  for (const [a, o] of u)
+    e[a] = o;
+  return e;
+}, R = /* @__PURE__ */ y(L, [["__scopeId", "data-v-ab949d1e"]]), F = {
+  key: 0,
+  class: "wx-input__affix wx-input__affix--prefix"
+}, H = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "autocomplete", "aria-label", "aria-invalid"], U = {
+  key: 2,
+  class: "wx-input__count"
+}, q = {
+  key: 3,
+  class: "wx-input__affix wx-input__affix--suffix"
+}, G = /* @__PURE__ */ _({
+  name: "WxInput",
+  inheritAttrs: !1,
+  __name: "Input",
+  props: /* @__PURE__ */ w({
+    type: { default: "text" },
+    size: { default: "md" },
+    status: { default: "default" },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    maxlength: { default: void 0 },
+    showCount: { type: Boolean, default: !1 },
+    autocomplete: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ w(["input", "change", "focus", "blur", "clear"], ["update:modelValue"]),
+  setup(t, { expose: u, emit: e }) {
+    const a = t, o = e, l = O(t, "modelValue"), c = g(null), v = g(!1), x = r(() => l.value == null ? "" : String(l.value)), i = r(
+      () => a.clearable && !a.disabled && !a.readonly && x.value.length > 0
+    ), b = r(
+      () => a.showCount && a.maxlength ? `${x.value.length}/${a.maxlength}` : null
+    ), C = r(() => [
+      "wx-input",
+      `wx-input--${a.size}`,
+      {
+        [`wx-input--${a.status}`]: a.status !== "default",
+        "is-focused": v.value,
+        "is-disabled": a.disabled,
+        "is-readonly": a.readonly
+      }
+    ]);
+    function W(s) {
+      const h = s.target.value;
+      l.value = h, o("input", h);
+    }
+    function I(s) {
+      o("change", s.target.value);
+    }
+    function V(s) {
+      v.value = !0, o("focus", s);
+    }
+    function z(s) {
+      v.value = !1, o("blur", s);
+    }
+    function S() {
+      l.value = "", o("input", ""), o("change", ""), o("clear"), c.value?.focus();
+    }
+    return u({
+      focus: () => c.value?.focus(),
+      blur: () => c.value?.blur(),
+      select: () => c.value?.select(),
+      input: c
+    }), (s, h) => (n(), d("div", {
+      class: k(C.value)
+    }, [
+      s.$slots.prefix ? (n(), d("span", F, [
+        p(s.$slots, "prefix", {}, void 0, !0)
+      ])) : f("", !0),
+      m("input", $({
+        ref_key: "inputRef",
+        ref: c
+      }, s.$attrs, {
+        class: "wx-input__inner",
+        type: t.type,
+        value: x.value,
+        placeholder: t.placeholder,
+        disabled: t.disabled,
+        readonly: t.readonly,
+        maxlength: t.maxlength,
+        autocomplete: t.autocomplete,
+        "aria-label": t.ariaLabel,
+        "aria-invalid": t.status === "error" || void 0,
+        onInput: W,
+        onChange: I,
+        onFocus: V,
+        onBlur: z
+      }), null, 16, H),
+      i.value ? (n(), d("button", {
+        key: 1,
+        class: "wx-input__clear",
+        type: "button",
+        tabindex: "-1",
+        "aria-label": "Clear",
+        onClick: S
+      }, " ✕ ")) : f("", !0),
+      b.value ? (n(), d("span", U, B(b.value), 1)) : f("", !0),
+      s.$slots.suffix ? (n(), d("span", q, [
+        p(s.$slots, "suffix", {}, void 0, !0)
+      ])) : f("", !0)
+    ], 2));
+  }
+}), J = /* @__PURE__ */ y(G, [["__scopeId", "data-v-962ec44e"]]), K = {
+  key: 0,
+  class: "wx-card__header"
+}, Q = { class: "wx-card__title" }, X = {
+  key: 0,
+  class: "wx-card__extra"
+}, Y = { class: "wx-card__body" }, Z = {
+  key: 1,
+  class: "wx-card__footer"
+}, ee = /* @__PURE__ */ _({
+  name: "WxCard",
+  __name: "Card",
+  props: {
+    title: { default: void 0 },
+    shadow: { default: "never" },
+    padding: { default: "md" },
+    borderless: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const u = t, e = T(), a = r(() => !!(u.title || e.header || e.extra)), o = r(() => [
+      "wx-card",
+      `wx-card--shadow-${u.shadow}`,
+      `wx-card--padding-${u.padding}`,
+      { "wx-card--borderless": u.borderless }
+    ]);
+    return (l, c) => (n(), d("section", {
+      class: k(o.value)
+    }, [
+      a.value ? (n(), d("header", K, [
+        m("div", Q, [
+          p(l.$slots, "header", {}, () => [
+            j(B(t.title), 1)
+          ], !0)
+        ]),
+        l.$slots.extra ? (n(), d("div", X, [
+          p(l.$slots, "extra", {}, void 0, !0)
+        ])) : f("", !0)
+      ])) : f("", !0),
+      m("div", Y, [
+        p(l.$slots, "default", {}, void 0, !0)
+      ]),
+      l.$slots.footer ? (n(), d("footer", Z, [
+        p(l.$slots, "footer", {}, void 0, !0)
+      ])) : f("", !0)
+    ], 2));
+  }
+}), te = /* @__PURE__ */ y(ee, [["__scopeId", "data-v-5d02af6e"]]), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  WxButton: R,
+  WxCard: te,
+  WxInput: J
+}, Symbol.toStringTag, { value: "Module" })), le = {
+  install(t, u = {}) {
+    const { prefix: e = "Wx" } = u;
+    for (const [a, o] of Object.entries(ae)) {
+      if (!a.startsWith("Wx")) continue;
+      const l = e === "Wx" ? a : `${e}${a.slice(2)}`;
+      t.component(l, o);
+    }
+  }
+};
+export {
+  le as WebxUI,
+  R as WxButton,
+  te as WxCard,
+  J as WxInput
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/Button/Button.vue","../src/components/Input/Input.vue","../src/components/Card/Card.vue","../src/plugin.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { ButtonEmits, ButtonProps } from './types'\n\ndefineOptions({ name: 'WxButton', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  type: 'default',\n  variant: 'solid',\n  size: 'md',\n  disabled: false,\n  loading: false,\n  block: false,\n  round: false,\n  href: undefined,\n  target: undefined,\n  nativeType: 'button',\n})\n\nconst emit = defineEmits<ButtonEmits>()\n\nconst isDisabled = computed(() => props.disabled || props.loading)\nconst tag = computed(() => (props.href ? 'a' : 'button'))\n\nconst classes = computed(() => [\n  'wx-button',\n  `wx-button--${props.type}`,\n  `wx-button--${props.variant}`,\n  `wx-button--${props.size}`,\n  {\n    'wx-button--block': props.block,\n    'wx-button--round': props.round,\n    'wx-button--loading': props.loading,\n    'is-disabled': isDisabled.value,\n  },\n])\n\nconst nativeAttrs = computed(() =>\n  props.href\n    ? {\n        href: isDisabled.value ? undefined : props.href,\n        target: props.target,\n        role: 'button',\n        'aria-disabled': isDisabled.value ? 'true' : undefined,\n        tabindex: isDisabled.value ? -1 : undefined,\n      }\n    : {\n        type: props.nativeType,\n        disabled: isDisabled.value,\n      },\n)\n\nfunction onClick(event: MouseEvent) {\n  if (isDisabled.value) {\n    event.preventDefault()\n    event.stopPropagation()\n    return\n  }\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"{ ...nativeAttrs, ...$attrs }\"\n    :class=\"classes\"\n    :aria-busy=\"loading || undefined\"\n    @click=\"onClick\"\n  >\n    <span v-if=\"loading\" class=\"wx-button__spinner\" aria-hidden=\"true\" />\n    <span v-else-if=\"$slots.icon\" class=\"wx-button__icon\">\n      <slot name=\"icon\" />\n    </span>\n    <span v-if=\"$slots.default\" class=\"wx-button__label\">\n      <slot />\n    </span>\n  </component>\n</template>\n\n<style scoped>\n.wx-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--wx-space-2);\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: var(--wx-radius-md);\n  font-family: inherit;\n  font-weight: var(--wx-font-weight-medium);\n  line-height: var(--wx-font-line-height-tight);\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background-color var(--wx-duration-fast) var(--wx-easing-standard),\n    border-color var(--wx-duration-fast) var(--wx-easing-standard),\n    color var(--wx-duration-fast) var(--wx-easing-standard),\n    box-shadow var(--wx-duration-fast) var(--wx-easing-standard);\n}\n\n.wx-button:focus-visible {\n  outline: none;\n  box-shadow: var(--wx-ring-focus);\n}\n\n/* sizes */\n.wx-button--sm {\n  height: var(--wx-size-control-sm);\n  padding: 0 var(--wx-space-3);\n  font-size: var(--wx-font-size-sm);\n}\n\n.wx-button--md {\n  height: var(--wx-size-control-md);\n  padding: 0 var(--wx-space-5);\n  font-size: var(--wx-font-size-md);\n}\n\n.wx-button--lg {\n  height: var(--wx-size-control-lg);\n  padding: 0 var(--wx-space-7);\n  font-size: var(--wx-font-size-lg);\n}\n\n.wx-button--block {\n  display: flex;\n  width: 100%;\n}\n\n.wx-button--round {\n  border-radius: var(--wx-radius-full);\n}\n\n/* solid */\n.wx-button--solid.wx-button--default {\n  background: var(--wx-bg-surface);\n  border-color: var(--wx-border-strong);\n  color: var(--wx-text-default);\n}\n\n.wx-button--solid.wx-button--default:hover:not(.is-disabled) {\n  background: var(--wx-bg-muted);\n}\n\n.wx-button--solid.wx-button--primary {\n  background: var(--wx-color-primary);\n  color: var(--wx-color-primary-contrast);\n}\n\n.wx-button--solid.wx-button--primary:hover:not(.is-disabled) {\n  background: var(--wx-color-primary-hover);\n}\n\n.wx-button--solid.wx-button--success {\n  background: var(--wx-color-success);\n  color: var(--wx-color-primary-contrast);\n}\n\n.wx-button--solid.wx-button--warning {\n  background: var(--wx-color-warning);\n  color: var(--wx-color-primary-contrast);\n}\n\n.wx-button--solid.wx-button--danger {\n  background: var(--wx-color-danger);\n  color: var(--wx-color-danger-contrast);\n}\n\n.wx-button--solid.wx-button--danger:hover:not(.is-disabled) {\n  background: var(--wx-color-danger-hover);\n}\n\n.wx-button--solid.wx-button--success:hover:not(.is-disabled),\n.wx-button--solid.wx-button--warning:hover:not(.is-disabled) {\n  filter: brightness(0.94);\n}\n\n/* outline */\n.wx-button--outline {\n  background: transparent;\n  border-color: var(--wx-border-strong);\n  color: var(--wx-text-default);\n}\n\n.wx-button--outline.wx-button--primary {\n  border-color: var(--wx-color-primary);\n  color: var(--wx-color-primary);\n}\n\n.wx-button--outline.wx-button--success {\n  border-color: var(--wx-color-success);\n  color: var(--wx-color-success);\n}\n\n.wx-button--outline.wx-button--warning {\n  border-color: var(--wx-color-warning);\n  color: var(--wx-color-warning);\n}\n\n.wx-button--outline.wx-button--danger {\n  border-color: var(--wx-color-danger);\n  color: var(--wx-color-danger);\n}\n\n.wx-button--outline:hover:not(.is-disabled) {\n  background: var(--wx-bg-muted);\n}\n\n.wx-button--outline.wx-button--primary:hover:not(.is-disabled) {\n  background: var(--wx-color-primary-soft);\n}\n\n.wx-button--outline.wx-button--danger:hover:not(.is-disabled) {\n  background: var(--wx-color-danger-soft);\n}\n\n/* text */\n.wx-button--text {\n  background: transparent;\n  border-color: transparent;\n  color: var(--wx-text-default);\n}\n\n.wx-button--text.wx-button--primary {\n  color: var(--wx-color-primary);\n}\n\n.wx-button--text.wx-button--danger {\n  color: var(--wx-color-danger);\n}\n\n.wx-button--text.wx-button--success {\n  color: var(--wx-color-success);\n}\n\n.wx-button--text.wx-button--warning {\n  color: var(--wx-color-warning);\n}\n\n.wx-button--text:hover:not(.is-disabled) {\n  background: var(--wx-bg-muted);\n}\n\n/* states */\n.wx-button.is-disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.wx-button--loading {\n  cursor: progress;\n}\n\n.wx-button__spinner {\n  width: 1em;\n  height: 1em;\n  border: 2px solid currentcolor;\n  border-right-color: transparent;\n  border-radius: var(--wx-radius-full);\n  animation: wx-button-spin var(--wx-duration-slow) linear infinite;\n}\n\n.wx-button__icon {\n  display: inline-flex;\n  align-items: center;\n}\n\n@keyframes wx-button-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wx-button {\n    transition: none;\n  }\n\n  .wx-button__spinner {\n    animation-duration: 2s;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport type { InputEmits, InputModelValue, InputProps } from './types'\n\ndefineOptions({ name: 'WxInput', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  type: 'text',\n  size: 'md',\n  status: 'default',\n  placeholder: undefined,\n  disabled: false,\n  readonly: false,\n  clearable: false,\n  maxlength: undefined,\n  showCount: false,\n  autocomplete: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<InputModelValue>({ default: '' })\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst focused = ref(false)\n\nconst currentValue = computed(() => (model.value == null ? '' : String(model.value)))\n\nconst showClear = computed(\n  () => props.clearable && !props.disabled && !props.readonly && currentValue.value.length > 0,\n)\n\nconst counter = computed(() =>\n  props.showCount && props.maxlength ? `${currentValue.value.length}/${props.maxlength}` : null,\n)\n\nconst classes = computed(() => [\n  'wx-input',\n  `wx-input--${props.size}`,\n  {\n    [`wx-input--${props.status}`]: props.status !== 'default',\n    'is-focused': focused.value,\n    'is-disabled': props.disabled,\n    'is-readonly': props.readonly,\n  },\n])\n\nfunction onInput(event: Event) {\n  const value = (event.target as HTMLInputElement).value\n  model.value = value\n  emit('input', value)\n}\n\nfunction onChange(event: Event) {\n  emit('change', (event.target as HTMLInputElement).value)\n}\n\nfunction onFocus(event: FocusEvent) {\n  focused.value = true\n  emit('focus', event)\n}\n\nfunction onBlur(event: FocusEvent) {\n  focused.value = false\n  emit('blur', event)\n}\n\nfunction clear() {\n  model.value = ''\n  emit('input', '')\n  emit('change', '')\n  emit('clear')\n  inputRef.value?.focus()\n}\n\ndefineExpose({\n  focus: () => inputRef.value?.focus(),\n  blur: () => inputRef.value?.blur(),\n  select: () => inputRef.value?.select(),\n  input: inputRef,\n})\n</script>\n\n<template>\n  <div :class=\"classes\">\n    <span v-if=\"$slots.prefix\" class=\"wx-input__affix wx-input__affix--prefix\">\n      <slot name=\"prefix\" />\n    </span>\n\n    <input\n      ref=\"inputRef\"\n      v-bind=\"$attrs\"\n      class=\"wx-input__inner\"\n      :type=\"type\"\n      :value=\"currentValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :maxlength=\"maxlength\"\n      :autocomplete=\"autocomplete\"\n      :aria-label=\"ariaLabel\"\n      :aria-invalid=\"status === 'error' || undefined\"\n      @input=\"onInput\"\n      @change=\"onChange\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n    />\n\n    <button\n      v-if=\"showClear\"\n      class=\"wx-input__clear\"\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-label=\"Clear\"\n      @click=\"clear\"\n    >\n      &#10005;\n    </button>\n\n    <span v-if=\"counter\" class=\"wx-input__count\">{{ counter }}</span>\n\n    <span v-if=\"$slots.suffix\" class=\"wx-input__affix wx-input__affix--suffix\">\n      <slot name=\"suffix\" />\n    </span>\n  </div>\n</template>\n\n<style scoped>\n.wx-input {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wx-space-2);\n  box-sizing: border-box;\n  width: 100%;\n  background: var(--wx-bg-surface);\n  border: 1px solid var(--wx-border-default);\n  border-radius: var(--wx-radius-md);\n  color: var(--wx-text-default);\n  transition:\n    border-color var(--wx-duration-fast) var(--wx-easing-standard),\n    box-shadow var(--wx-duration-fast) var(--wx-easing-standard);\n}\n\n.wx-input:hover:not(.is-disabled) {\n  border-color: var(--wx-border-strong);\n}\n\n.wx-input.is-focused {\n  border-color: var(--wx-border-focus);\n  box-shadow: var(--wx-ring-focus);\n}\n\n.wx-input--sm {\n  height: var(--wx-size-control-sm);\n  padding: 0 var(--wx-space-3);\n  font-size: var(--wx-font-size-sm);\n}\n\n.wx-input--md {\n  height: var(--wx-size-control-md);\n  padding: 0 var(--wx-space-4);\n  font-size: var(--wx-font-size-md);\n}\n\n.wx-input--lg {\n  height: var(--wx-size-control-lg);\n  padding: 0 var(--wx-space-5);\n  font-size: var(--wx-font-size-lg);\n}\n\n.wx-input--error {\n  border-color: var(--wx-color-danger);\n}\n\n.wx-input--error.is-focused {\n  box-shadow: 0 0 0 3px var(--wx-color-danger-soft);\n}\n\n.wx-input--success {\n  border-color: var(--wx-color-success);\n}\n\n.wx-input--warning {\n  border-color: var(--wx-color-warning);\n}\n\n.wx-input.is-disabled {\n  background: var(--wx-bg-disabled);\n  color: var(--wx-text-disabled);\n  cursor: not-allowed;\n}\n\n.wx-input__inner {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  padding: 0;\n  background: transparent;\n  border: none;\n  outline: none;\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.wx-input__inner::placeholder {\n  color: var(--wx-text-muted);\n}\n\n.wx-input__inner:disabled {\n  cursor: not-allowed;\n}\n\n.wx-input__affix,\n.wx-input__count {\n  display: inline-flex;\n  align-items: center;\n  flex: 0 0 auto;\n  color: var(--wx-text-muted);\n}\n\n.wx-input__count {\n  font-size: var(--wx-font-size-xs);\n  font-variant-numeric: tabular-nums;\n}\n\n.wx-input__clear {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  background: transparent;\n  border: none;\n  border-radius: var(--wx-radius-full);\n  color: var(--wx-text-muted);\n  font-size: var(--wx-font-size-xs);\n  line-height: 1;\n  cursor: pointer;\n}\n\n.wx-input__clear:hover {\n  background: var(--wx-bg-muted);\n  color: var(--wx-text-default);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport type { CardProps } from './types'\n\ndefineOptions({ name: 'WxCard' })\n\nconst props = withDefaults(defineProps<CardProps>(), {\n  title: undefined,\n  shadow: 'never',\n  padding: 'md',\n  borderless: false,\n})\n\nconst slots = useSlots()\n\nconst hasHeader = computed(() => Boolean(props.title || slots.header || slots.extra))\n\nconst classes = computed(() => [\n  'wx-card',\n  `wx-card--shadow-${props.shadow}`,\n  `wx-card--padding-${props.padding}`,\n  { 'wx-card--borderless': props.borderless },\n])\n</script>\n\n<template>\n  <section :class=\"classes\">\n    <header v-if=\"hasHeader\" class=\"wx-card__header\">\n      <div class=\"wx-card__title\">\n        <slot name=\"header\">{{ title }}</slot>\n      </div>\n      <div v-if=\"$slots.extra\" class=\"wx-card__extra\">\n        <slot name=\"extra\" />\n      </div>\n    </header>\n\n    <div class=\"wx-card__body\">\n      <slot />\n    </div>\n\n    <footer v-if=\"$slots.footer\" class=\"wx-card__footer\">\n      <slot name=\"footer\" />\n    </footer>\n  </section>\n</template>\n\n<style scoped>\n.wx-card {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  background: var(--wx-bg-surface);\n  border: 1px solid var(--wx-border-default);\n  border-radius: var(--wx-radius-lg);\n  color: var(--wx-text-default);\n  transition: box-shadow var(--wx-duration-normal) var(--wx-easing-standard);\n}\n\n.wx-card--borderless {\n  border-color: transparent;\n}\n\n.wx-card--shadow-always {\n  box-shadow: var(--wx-shadow-card);\n}\n\n.wx-card--shadow-hover:hover {\n  box-shadow: var(--wx-shadow-popover);\n}\n\n.wx-card__header,\n.wx-card__body,\n.wx-card__footer {\n  padding: var(--wx-card-padding, var(--wx-space-5));\n}\n\n.wx-card--padding-none {\n  --wx-card-padding: 0px;\n}\n\n.wx-card--padding-sm {\n  --wx-card-padding: var(--wx-space-3);\n}\n\n.wx-card--padding-md {\n  --wx-card-padding: var(--wx-space-5);\n}\n\n.wx-card--padding-lg {\n  --wx-card-padding: var(--wx-space-7);\n}\n\n.wx-card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--wx-space-4);\n  border-bottom: 1px solid var(--wx-border-muted);\n}\n\n.wx-card__title {\n  min-width: 0;\n  color: var(--wx-text-strong);\n  font-size: var(--wx-font-size-lg);\n  font-weight: var(--wx-font-weight-semibold);\n  line-height: var(--wx-font-line-height-tight);\n}\n\n.wx-card__extra {\n  flex: 0 0 auto;\n  color: var(--wx-text-muted);\n}\n\n.wx-card__body {\n  flex: 1 1 auto;\n}\n\n.wx-card__footer {\n  border-top: 1px solid var(--wx-border-muted);\n}\n</style>\n","import type { App, Plugin } from 'vue'\nimport * as components from './components'\n\nexport interface WebxUiOptions {\n  /**\n   * Prefix used when registering components globally.\n   * Components are declared as `WxButton`, so the default keeps that name.\n   */\n  prefix?: string\n}\n\n/**\n * Registers every component globally:\n *\n * ```ts\n * import { WebxUI } from '@webx-ui/core'\n * import '@webx-ui/core/style.css'\n *\n * app.use(WebxUI)\n * ```\n *\n * Prefer named imports when bundle size matters — they tree-shake.\n */\nexport const WebxUI: Plugin<[WebxUiOptions?]> = {\n  install(app: App, options: WebxUiOptions = {}) {\n    const { prefix = 'Wx' } = options\n\n    for (const [name, component] of Object.entries(components)) {\n      if (!name.startsWith('Wx')) continue\n      const registeredName = prefix === 'Wx' ? name : `${prefix}${name.slice(2)}`\n      app.component(registeredName, component)\n    }\n  },\n}\n\nexport default WebxUI\n"],"names":["props","__props","emit","__emit","isDisabled","computed","tag","classes","nativeAttrs","onClick","event","_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","$attrs","_createElementBlock","_hoisted_1","$slots","_hoisted_2","_renderSlot","_ctx","_hoisted_3","model","_useModel","inputRef","ref","focused","currentValue","showClear","counter","onInput","value","onChange","onFocus","onBlur","clear","__expose","_createElementVNode","_toDisplayString","_hoisted_4","slots","useSlots","hasHeader","_hoisted_5","WebxUI","app","options","prefix","name","component","components","registeredName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAaRC,IAAOC,GAEPC,IAAaC,EAAS,MAAML,EAAM,YAAYA,EAAM,OAAO,GAC3DM,IAAMD,EAAS,MAAOL,EAAM,OAAO,MAAM,QAAS,GAElDO,IAAUF,EAAS,MAAM;AAAA,MAC7B;AAAA,MACA,cAAcL,EAAM,IAAI;AAAA,MACxB,cAAcA,EAAM,OAAO;AAAA,MAC3B,cAAcA,EAAM,IAAI;AAAA,MACxB;AAAA,QACE,oBAAoBA,EAAM;AAAA,QAC1B,oBAAoBA,EAAM;AAAA,QAC1B,sBAAsBA,EAAM;AAAA,QAC5B,eAAeI,EAAW;AAAA,MAAA;AAAA,IAC5B,CACD,GAEKI,IAAcH;AAAA,MAAS,MAC3BL,EAAM,OACF;AAAA,QACE,MAAMI,EAAW,QAAQ,SAAYJ,EAAM;AAAA,QAC3C,QAAQA,EAAM;AAAA,QACd,MAAM;AAAA,QACN,iBAAiBI,EAAW,QAAQ,SAAS;AAAA,QAC7C,UAAUA,EAAW,QAAQ,KAAK;AAAA,MAAA,IAEpC;AAAA,QACE,MAAMJ,EAAM;AAAA,QACZ,UAAUI,EAAW;AAAA,MAAA;AAAA,IACvB;AAGN,aAASK,EAAQC,GAAmB;AAClC,UAAIN,EAAW,OAAO;AACpB,QAAAM,EAAM,eAAA,GACNA,EAAM,gBAAA;AACN;AAAA,MACF;AACA,MAAAR,EAAK,SAASQ,CAAK;AAAA,IACrB;sBAIEC,EAAA,GAAAC,EAcYC,EAbLP,EAAA,KAAG,GADVQ,EAcY,EAAA,GAZGN,EAAA,UAAgBO,EAAAA,UAAM;AAAA,MAClC,OAAOR,EAAA;AAAA,MACP,aAAWN,EAAA,WAAW;AAAA,MACtB,SAAAQ;AAAA,IAAA;iBAED,MAAqE;AAAA,QAAzDR,EAAA,WAAZU,EAAA,GAAAK,EAAqE,QAArEC,CAAqE,KACpDC,EAAAA,OAAO,QAAxBP,EAAA,GAAAK,EAEO,QAFPG,GAEO;AAAA,UADLC,EAAoBC,EAAA,QAAA,QAAA,CAAA,GAAA,QAAA,EAAA;AAAA,QAAA;QAEVH,EAAAA,OAAO,WAAnBP,KAAAK,EAEO,QAFPM,GAEO;AAAA,UADLF,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrEd,UAAMrB,IAAQC,GAcRC,IAAOC,GAEPoB,IAAQC,EAA4BvB,GAAA,YAAgB,GAEpDwB,IAAWC,EAA6B,IAAI,GAC5CC,IAAUD,EAAI,EAAK,GAEnBE,IAAevB,EAAS,MAAOkB,EAAM,SAAS,OAAO,KAAK,OAAOA,EAAM,KAAK,CAAE,GAE9EM,IAAYxB;AAAA,MAChB,MAAML,EAAM,aAAa,CAACA,EAAM,YAAY,CAACA,EAAM,YAAY4B,EAAa,MAAM,SAAS;AAAA,IAAA,GAGvFE,IAAUzB;AAAA,MAAS,MACvBL,EAAM,aAAaA,EAAM,YAAY,GAAG4B,EAAa,MAAM,MAAM,IAAI5B,EAAM,SAAS,KAAK;AAAA,IAAA,GAGrFO,IAAUF,EAAS,MAAM;AAAA,MAC7B;AAAA,MACA,aAAaL,EAAM,IAAI;AAAA,MACvB;AAAA,QACE,CAAC,aAAaA,EAAM,MAAM,EAAE,GAAGA,EAAM,WAAW;AAAA,QAChD,cAAc2B,EAAQ;AAAA,QACtB,eAAe3B,EAAM;AAAA,QACrB,eAAeA,EAAM;AAAA,MAAA;AAAA,IACvB,CACD;AAED,aAAS+B,EAAQrB,GAAc;AAC7B,YAAMsB,IAAStB,EAAM,OAA4B;AACjD,MAAAa,EAAM,QAAQS,GACd9B,EAAK,SAAS8B,CAAK;AAAA,IACrB;AAEA,aAASC,EAASvB,GAAc;AAC9B,MAAAR,EAAK,UAAWQ,EAAM,OAA4B,KAAK;AAAA,IACzD;AAEA,aAASwB,EAAQxB,GAAmB;AAClC,MAAAiB,EAAQ,QAAQ,IAChBzB,EAAK,SAASQ,CAAK;AAAA,IACrB;AAEA,aAASyB,EAAOzB,GAAmB;AACjC,MAAAiB,EAAQ,QAAQ,IAChBzB,EAAK,QAAQQ,CAAK;AAAA,IACpB;AAEA,aAAS0B,IAAQ;AACf,MAAAb,EAAM,QAAQ,IACdrB,EAAK,SAAS,EAAE,GAChBA,EAAK,UAAU,EAAE,GACjBA,EAAK,OAAO,GACZuB,EAAS,OAAO,MAAA;AAAA,IAClB;AAEA,WAAAY,EAAa;AAAA,MACX,OAAO,MAAMZ,EAAS,OAAO,MAAA;AAAA,MAC7B,MAAM,MAAMA,EAAS,OAAO,KAAA;AAAA,MAC5B,QAAQ,MAAMA,EAAS,OAAO,OAAA;AAAA,MAC9B,OAAOA;AAAA,IAAA,CACR,mBAICT,EAwCM,OAAA;AAAA,MAxCA,SAAOT,EAAA,KAAO;AAAA,IAAA;MACNW,EAAAA,OAAO,UAAnBP,KAAAK,EAEO,QAFPC,GAEO;AAAA,QADLG,EAAsBC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;MAGxBiB,EAiBE,SAjBFxB,EAiBE;AAAA,iBAhBI;AAAA,QAAJ,KAAIW;AAAA,MAAA,GACIV,EAAAA,QAAM;AAAA,QACd,OAAM;AAAA,QACL,MAAMd,EAAA;AAAA,QACN,OAAO2B,EAAA;AAAA,QACP,aAAa3B,EAAA;AAAA,QACb,UAAUA,EAAA;AAAA,QACV,UAAUA,EAAA;AAAA,QACV,WAAWA,EAAA;AAAA,QACX,cAAcA,EAAA;AAAA,QACd,cAAYA,EAAA;AAAA,QACZ,gBAAcA,EAAA,WAAM,WAAgB;AAAA,QACpC,SAAA8B;AAAA,QACA,UAAAE;AAAA,QACA,SAAAC;AAAA,QACA,QAAAC;AAAA,MAAA;MAIKN,EAAA,cADRb,EASS,UAAA;AAAA;QAPP,OAAM;AAAA,QACN,MAAK;AAAA,QACL,UAAS;AAAA,QACT,cAAW;AAAA,QACV,SAAOoB;AAAA,MAAA,GACT,KAED;MAEYN,EAAA,cAAZd,EAAiE,QAAjEM,GAAiEiB,EAAjBT,EAAA,KAAO,GAAA,CAAA;MAE3CZ,EAAAA,OAAO,UAAnBP,KAAAK,EAEO,QAFPwB,GAEO;AAAA,QADLpB,EAAsBC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;ACrH5B,UAAMrB,IAAQC,GAORwC,IAAQC,EAAA,GAERC,IAAYtC,EAAS,MAAM,GAAQL,EAAM,SAASyC,EAAM,UAAUA,EAAM,MAAM,GAE9ElC,IAAUF,EAAS,MAAM;AAAA,MAC7B;AAAA,MACA,mBAAmBL,EAAM,MAAM;AAAA,MAC/B,oBAAoBA,EAAM,OAAO;AAAA,MACjC,EAAE,uBAAuBA,EAAM,WAAA;AAAA,IAAW,CAC3C;2BAICgB,EAiBU,WAAA;AAAA,MAjBA,SAAOT,EAAA,KAAO;AAAA,IAAA;MACRoC,EAAA,SAAdhC,EAAA,GAAAK,EAOS,UAPTC,GAOS;AAAA,QANPqB,EAEM,OAFNnB,GAEM;AAAA,UADJC,EAAsCC,wBAAtC,MAAsC;AAAA,gBAAfpB,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;;QAEnBiB,EAAAA,OAAO,SAAlBP,KAAAK,EAEM,OAFNM,GAEM;AAAA,UADJF,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,QAAA;;MAIzBiB,EAEM,OAFNE,GAEM;AAAA,QADJpB,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;MAGIH,EAAAA,OAAO,UAArBP,KAAAK,EAES,UAFT4B,GAES;AAAA,QADPxB,EAAsBC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;;;;;8CClBfwB,KAAmC;AAAA,EAC9C,QAAQC,GAAUC,IAAyB,IAAI;AAC7C,UAAM,EAAE,QAAAC,IAAS,KAAA,IAASD;AAE1B,eAAW,CAACE,GAAMC,CAAS,KAAK,OAAO,QAAQC,EAAU,GAAG;AAC1D,UAAI,CAACF,EAAK,WAAW,IAAI,EAAG;AAC5B,YAAMG,IAAiBJ,MAAW,OAAOC,IAAO,GAAGD,CAAM,GAAGC,EAAK,MAAM,CAAC,CAAC;AACzE,MAAAH,EAAI,UAAUM,GAAgBF,CAAS;AAAA,IACzC;AAAA,EACF;AACF;"}

package/dist/plugin.d.ts

@@ -0,0 +1,22 @@
+import { Plugin } from 'vue';
+export interface WebxUiOptions {
+    /**
+     * Prefix used when registering components globally.
+     * Components are declared as `WxButton`, so the default keeps that name.
+     */
+    prefix?: string;
+}
+/**
+ * Registers every component globally:
+ *
+ * ```ts
+ * import { WebxUI } from '@webx-ui/core'
+ * import '@webx-ui/core/style.css'
+ *
+ * app.use(WebxUI)
+ * ```
+ *
+ * Prefer named imports when bundle size matters — they tree-shake.
+ */
+export declare const WebxUI: Plugin<[WebxUiOptions?]>;
+export default WebxUI;

package/dist/style.css

@@ -0,0 +1 @@
+:root{color-scheme:light;--wx-color-white: #ffffff;--wx-color-black: #000000;--wx-color-transparent: transparent;--wx-color-gray-50: #f8fafc;--wx-color-gray-100: #f1f5f9;--wx-color-gray-200: #e2e8f0;--wx-color-gray-300: #cbd5e1;--wx-color-gray-400: #94a3b8;--wx-color-gray-500: #64748b;--wx-color-gray-600: #475569;--wx-color-gray-700: #334155;--wx-color-gray-800: #1e293b;--wx-color-gray-900: #0f172a;--wx-color-gray-950: #020617;--wx-color-blue-50: #eff6ff;--wx-color-blue-100: #dbeafe;--wx-color-blue-200: #bfdbfe;--wx-color-blue-300: #93c5fd;--wx-color-blue-400: #60a5fa;--wx-color-blue-500: #3b82f6;--wx-color-blue-600: #2563eb;--wx-color-blue-700: #1d4ed8;--wx-color-blue-800: #1e40af;--wx-color-blue-900: #1e3a8a;--wx-color-green-50: #f0fdf4;--wx-color-green-100: #dcfce7;--wx-color-green-200: #bbf7d0;--wx-color-green-300: #86efac;--wx-color-green-400: #4ade80;--wx-color-green-500: #22c55e;--wx-color-green-600: #16a34a;--wx-color-green-700: #15803d;--wx-color-green-800: #166534;--wx-color-green-900: #14532d;--wx-color-amber-50: #fffbeb;--wx-color-amber-100: #fef3c7;--wx-color-amber-200: #fde68a;--wx-color-amber-300: #fcd34d;--wx-color-amber-400: #fbbf24;--wx-color-amber-500: #f59e0b;--wx-color-amber-600: #d97706;--wx-color-amber-700: #b45309;--wx-color-amber-800: #92400e;--wx-color-amber-900: #78350f;--wx-color-red-50: #fef2f2;--wx-color-red-100: #fee2e2;--wx-color-red-200: #fecaca;--wx-color-red-300: #fca5a5;--wx-color-red-400: #f87171;--wx-color-red-500: #ef4444;--wx-color-red-600: #dc2626;--wx-color-red-700: #b91c1c;--wx-color-red-800: #991b1b;--wx-color-red-900: #7f1d1d;--wx-space-0: 0px;--wx-space-1: 2px;--wx-space-2: 4px;--wx-space-3: 8px;--wx-space-4: 12px;--wx-space-5: 16px;--wx-space-6: 20px;--wx-space-7: 24px;--wx-space-8: 32px;--wx-space-9: 40px;--wx-space-10: 48px;--wx-space-11: 64px;--wx-space-12: 80px;--wx-font-family-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--wx-font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--wx-font-size-xs: 12px;--wx-font-size-sm: 13px;--wx-font-size-md: 14px;--wx-font-size-lg: 16px;--wx-font-size-xl: 20px;--wx-font-size-2xl: 24px;--wx-font-size-3xl: 30px;--wx-font-weight-regular: 400;--wx-font-weight-medium: 500;--wx-font-weight-semibold: 600;--wx-font-weight-bold: 700;--wx-font-line-height-tight: 1.25;--wx-font-line-height-normal: 1.5;--wx-font-line-height-relaxed: 1.75;--wx-radius-none: 0px;--wx-radius-sm: 4px;--wx-radius-md: 6px;--wx-radius-lg: 10px;--wx-radius-xl: 14px;--wx-radius-full: 9999px;--wx-shadow-none: none;--wx-shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .06);--wx-shadow-md: 0 4px 12px -2px rgb(15 23 42 / .1), 0 2px 4px -2px rgb(15 23 42 / .06);--wx-shadow-lg: 0 12px 32px -8px rgb(15 23 42 / .18), 0 4px 8px -4px rgb(15 23 42 / .08);--wx-size-control-sm: 28px;--wx-size-control-md: 34px;--wx-size-control-lg: 42px;--wx-z-index-base: 0;--wx-z-index-sticky: 800;--wx-z-index-dropdown: 1000;--wx-z-index-overlay: 1100;--wx-z-index-dialog: 1200;--wx-z-index-popover: 1300;--wx-z-index-toast: 1400;--wx-z-index-tooltip: 1500;--wx-duration-fast: .12s;--wx-duration-normal: .2s;--wx-duration-slow: .32s;--wx-easing-standard: cubic-bezier(.2, 0, 0, 1);--wx-color-primary: var(--wx-color-blue-600);--wx-color-primary-hover: var(--wx-color-blue-700);--wx-color-primary-active: var(--wx-color-blue-800);--wx-color-primary-soft: var(--wx-color-blue-50);--wx-color-primary-contrast: var(--wx-color-white);--wx-color-success: var(--wx-color-green-600);--wx-color-success-soft: var(--wx-color-green-50);--wx-color-warning: var(--wx-color-amber-500);--wx-color-warning-soft: var(--wx-color-amber-50);--wx-color-danger: var(--wx-color-red-600);--wx-color-danger-hover: var(--wx-color-red-700);--wx-color-danger-soft: var(--wx-color-red-50);--wx-color-danger-contrast: var(--wx-color-white);--wx-color-info: var(--wx-color-blue-500);--wx-color-info-soft: var(--wx-color-blue-50);--wx-bg-body: var(--wx-color-gray-50);--wx-bg-surface: var(--wx-color-white);--wx-bg-muted: var(--wx-color-gray-100);--wx-bg-subtle: var(--wx-color-gray-50);--wx-bg-inverse: var(--wx-color-gray-900);--wx-bg-disabled: var(--wx-color-gray-100);--wx-bg-overlay: rgb(15 23 42 / .45);--wx-text-default: var(--wx-color-gray-800);--wx-text-strong: var(--wx-color-gray-900);--wx-text-muted: var(--wx-color-gray-500);--wx-text-disabled: var(--wx-color-gray-400);--wx-text-inverse: var(--wx-color-white);--wx-text-link: var(--wx-color-blue-600);--wx-border-default: var(--wx-color-gray-200);--wx-border-strong: var(--wx-color-gray-300);--wx-border-muted: var(--wx-color-gray-100);--wx-border-focus: var(--wx-color-blue-500);--wx-ring-focus: 0 0 0 3px rgb(59 130 246 / .35);--wx-shadow-card: var(--wx-shadow-sm);--wx-shadow-popover: var(--wx-shadow-md);--wx-shadow-dialog: var(--wx-shadow-lg)}[data-theme=dark]{color-scheme:dark;--wx-color-primary: var(--wx-color-blue-500);--wx-color-primary-hover: var(--wx-color-blue-400);--wx-color-primary-active: var(--wx-color-blue-300);--wx-color-primary-soft: rgb(59 130 246 / .16);--wx-color-primary-contrast: var(--wx-color-gray-950);--wx-color-success: var(--wx-color-green-500);--wx-color-success-soft: rgb(34 197 94 / .16);--wx-color-warning: var(--wx-color-amber-400);--wx-color-warning-soft: rgb(245 158 11 / .16);--wx-color-danger: var(--wx-color-red-500);--wx-color-danger-hover: var(--wx-color-red-400);--wx-color-danger-soft: rgb(239 68 68 / .16);--wx-color-danger-contrast: var(--wx-color-gray-950);--wx-color-info: var(--wx-color-blue-400);--wx-color-info-soft: rgb(96 165 250 / .16);--wx-bg-body: var(--wx-color-gray-950);--wx-bg-surface: var(--wx-color-gray-900);--wx-bg-muted: var(--wx-color-gray-800);--wx-bg-subtle: var(--wx-color-gray-800);--wx-bg-inverse: var(--wx-color-gray-100);--wx-bg-disabled: var(--wx-color-gray-800);--wx-bg-overlay: rgb(2 6 23 / .65);--wx-text-default: var(--wx-color-gray-200);--wx-text-strong: var(--wx-color-gray-50);--wx-text-muted: var(--wx-color-gray-400);--wx-text-disabled: var(--wx-color-gray-600);--wx-text-inverse: var(--wx-color-gray-950);--wx-text-link: var(--wx-color-blue-400);--wx-border-default: var(--wx-color-gray-700);--wx-border-strong: var(--wx-color-gray-600);--wx-border-muted: var(--wx-color-gray-800);--wx-border-focus: var(--wx-color-blue-400);--wx-ring-focus: 0 0 0 3px rgb(96 165 250 / .35);--wx-shadow-card: 0 1px 2px 0 rgb(0 0 0 / .4);--wx-shadow-popover: 0 4px 12px -2px rgb(0 0 0 / .5);--wx-shadow-dialog: 0 12px 32px -8px rgb(0 0 0 / .6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--wx-color-primary: var(--wx-color-blue-500);--wx-color-primary-hover: var(--wx-color-blue-400);--wx-color-primary-active: var(--wx-color-blue-300);--wx-color-primary-soft: rgb(59 130 246 / .16);--wx-color-primary-contrast: var(--wx-color-gray-950);--wx-color-success: var(--wx-color-green-500);--wx-color-success-soft: rgb(34 197 94 / .16);--wx-color-warning: var(--wx-color-amber-400);--wx-color-warning-soft: rgb(245 158 11 / .16);--wx-color-danger: var(--wx-color-red-500);--wx-color-danger-hover: var(--wx-color-red-400);--wx-color-danger-soft: rgb(239 68 68 / .16);--wx-color-danger-contrast: var(--wx-color-gray-950);--wx-color-info: var(--wx-color-blue-400);--wx-color-info-soft: rgb(96 165 250 / .16);--wx-bg-body: var(--wx-color-gray-950);--wx-bg-surface: var(--wx-color-gray-900);--wx-bg-muted: var(--wx-color-gray-800);--wx-bg-subtle: var(--wx-color-gray-800);--wx-bg-inverse: var(--wx-color-gray-100);--wx-bg-disabled: var(--wx-color-gray-800);--wx-bg-overlay: rgb(2 6 23 / .65);--wx-text-default: var(--wx-color-gray-200);--wx-text-strong: var(--wx-color-gray-50);--wx-text-muted: var(--wx-color-gray-400);--wx-text-disabled: var(--wx-color-gray-600);--wx-text-inverse: var(--wx-color-gray-950);--wx-text-link: var(--wx-color-blue-400);--wx-border-default: var(--wx-color-gray-700);--wx-border-strong: var(--wx-color-gray-600);--wx-border-muted: var(--wx-color-gray-800);--wx-border-focus: var(--wx-color-blue-400);--wx-ring-focus: 0 0 0 3px rgb(96 165 250 / .35);--wx-shadow-card: 0 1px 2px 0 rgb(0 0 0 / .4);--wx-shadow-popover: 0 4px 12px -2px rgb(0 0 0 / .5);--wx-shadow-dialog: 0 12px 32px -8px rgb(0 0 0 / .6)}}.wx-root,.wx-app{color:var(--wx-text-default);background:var(--wx-bg-body);font-family:var(--wx-font-family-sans);font-size:var(--wx-font-size-md);line-height:var(--wx-font-line-height-normal)}.wx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wx-button[data-v-ab949d1e]{display:inline-flex;align-items:center;justify-content:center;gap:var(--wx-space-2);box-sizing:border-box;border:1px solid transparent;border-radius:var(--wx-radius-md);font-family:inherit;font-weight:var(--wx-font-weight-medium);line-height:var(--wx-font-line-height-tight);text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--wx-duration-fast) var(--wx-easing-standard),border-color var(--wx-duration-fast) var(--wx-easing-standard),color var(--wx-duration-fast) var(--wx-easing-standard),box-shadow var(--wx-duration-fast) var(--wx-easing-standard)}.wx-button[data-v-ab949d1e]:focus-visible{outline:none;box-shadow:var(--wx-ring-focus)}.wx-button--sm[data-v-ab949d1e]{height:var(--wx-size-control-sm);padding:0 var(--wx-space-3);font-size:var(--wx-font-size-sm)}.wx-button--md[data-v-ab949d1e]{height:var(--wx-size-control-md);padding:0 var(--wx-space-5);font-size:var(--wx-font-size-md)}.wx-button--lg[data-v-ab949d1e]{height:var(--wx-size-control-lg);padding:0 var(--wx-space-7);font-size:var(--wx-font-size-lg)}.wx-button--block[data-v-ab949d1e]{display:flex;width:100%}.wx-button--round[data-v-ab949d1e]{border-radius:var(--wx-radius-full)}.wx-button--solid.wx-button--default[data-v-ab949d1e]{background:var(--wx-bg-surface);border-color:var(--wx-border-strong);color:var(--wx-text-default)}.wx-button--solid.wx-button--default[data-v-ab949d1e]:hover:not(.is-disabled){background:var(--wx-bg-muted)}.wx-button--solid.wx-button--primary[data-v-ab949d1e]{background:var(--wx-color-primary);color:var(--wx-color-primary-contrast)}.wx-button--solid.wx-button--primary[data-v-ab949d1e]:hover:not(.is-disabled){background:var(--wx-color-primary-hover)}.wx-button--solid.wx-button--success[data-v-ab949d1e]{background:var(--wx-color-success);color:var(--wx-color-primary-contrast)}.wx-button--solid.wx-button--warning[data-v-ab949d1e]{background:var(--wx-color-warning);color:var(--wx-color-primary-contrast)}.wx-button--solid.wx-button--danger[data-v-ab949d1e]{background:var(--wx-color-danger);color:var(--wx-color-danger-contrast)}.wx-button--solid.wx-button--danger[data-v-ab949d1e]:hover:not(.is-disabled){background:var(--wx-color-danger-hover)}.wx-button--solid.wx-button--success[data-v-ab949d1e]:hover:not(.is-disabled),.wx-button--solid.wx-button--warning[data-v-ab949d1e]:hover:not(.is-disabled){filter:brightness(.94)}.wx-button--outline[data-v-ab949d1e]{background:transparent;border-color:var(--wx-border-strong);color:var(--wx-text-default)}.wx-button--outline.wx-button--primary[data-v-ab949d1e]{border-color:var(--wx-color-primary);color:var(--wx-color-primary)}.wx-button--outline.wx-button--success[data-v-ab949d1e]{border-color:var(--wx-color-success);color:var(--wx-color-success)}.wx-button--outline.wx-button--warning[data-v-ab949d1e]{border-color:var(--wx-color-warning);color:var(--wx-color-warning)}.wx-button--outline.wx-button--danger[data-v-ab949d1e]{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-button--outline[data-v-ab949d1e]:hover:not(.is-disabled){background:var(--wx-bg-muted)}.wx-button--outline.wx-button--primary[data-v-ab949d1e]:hover:not(.is-disabled){background:var(--wx-color-primary-soft)}.wx-button--outline.wx-button--danger[data-v-ab949d1e]:hover:not(.is-disabled){background:var(--wx-color-danger-soft)}.wx-button--text[data-v-ab949d1e]{background:transparent;border-color:transparent;color:var(--wx-text-default)}.wx-button--text.wx-button--primary[data-v-ab949d1e]{color:var(--wx-color-primary)}.wx-button--text.wx-button--danger[data-v-ab949d1e]{color:var(--wx-color-danger)}.wx-button--text.wx-button--success[data-v-ab949d1e]{color:var(--wx-color-success)}.wx-button--text.wx-button--warning[data-v-ab949d1e]{color:var(--wx-color-warning)}.wx-button--text[data-v-ab949d1e]:hover:not(.is-disabled){background:var(--wx-bg-muted)}.wx-button.is-disabled[data-v-ab949d1e]{cursor:not-allowed;opacity:.55}.wx-button--loading[data-v-ab949d1e]{cursor:progress}.wx-button__spinner[data-v-ab949d1e]{width:1em;height:1em;border:2px solid currentcolor;border-right-color:transparent;border-radius:var(--wx-radius-full);animation:wx-button-spin-ab949d1e var(--wx-duration-slow) linear infinite}.wx-button__icon[data-v-ab949d1e]{display:inline-flex;align-items:center}@keyframes wx-button-spin-ab949d1e{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.wx-button[data-v-ab949d1e]{transition:none}.wx-button__spinner[data-v-ab949d1e]{animation-duration:2s}}.wx-input[data-v-962ec44e]{display:inline-flex;align-items:center;gap:var(--wx-space-2);box-sizing:border-box;width:100%;background:var(--wx-bg-surface);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-md);color:var(--wx-text-default);transition:border-color var(--wx-duration-fast) var(--wx-easing-standard),box-shadow var(--wx-duration-fast) var(--wx-easing-standard)}.wx-input[data-v-962ec44e]:hover:not(.is-disabled){border-color:var(--wx-border-strong)}.wx-input.is-focused[data-v-962ec44e]{border-color:var(--wx-border-focus);box-shadow:var(--wx-ring-focus)}.wx-input--sm[data-v-962ec44e]{height:var(--wx-size-control-sm);padding:0 var(--wx-space-3);font-size:var(--wx-font-size-sm)}.wx-input--md[data-v-962ec44e]{height:var(--wx-size-control-md);padding:0 var(--wx-space-4);font-size:var(--wx-font-size-md)}.wx-input--lg[data-v-962ec44e]{height:var(--wx-size-control-lg);padding:0 var(--wx-space-5);font-size:var(--wx-font-size-lg)}.wx-input--error[data-v-962ec44e]{border-color:var(--wx-color-danger)}.wx-input--error.is-focused[data-v-962ec44e]{box-shadow:0 0 0 3px var(--wx-color-danger-soft)}.wx-input--success[data-v-962ec44e]{border-color:var(--wx-color-success)}.wx-input--warning[data-v-962ec44e]{border-color:var(--wx-color-warning)}.wx-input.is-disabled[data-v-962ec44e]{background:var(--wx-bg-disabled);color:var(--wx-text-disabled);cursor:not-allowed}.wx-input__inner[data-v-962ec44e]{flex:1 1 auto;min-width:0;height:100%;padding:0;background:transparent;border:none;outline:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.wx-input__inner[data-v-962ec44e]::placeholder{color:var(--wx-text-muted)}.wx-input__inner[data-v-962ec44e]:disabled{cursor:not-allowed}.wx-input__affix[data-v-962ec44e],.wx-input__count[data-v-962ec44e]{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--wx-text-muted)}.wx-input__count[data-v-962ec44e]{font-size:var(--wx-font-size-xs);font-variant-numeric:tabular-nums}.wx-input__clear[data-v-962ec44e]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;padding:0;background:transparent;border:none;border-radius:var(--wx-radius-full);color:var(--wx-text-muted);font-size:var(--wx-font-size-xs);line-height:1;cursor:pointer}.wx-input__clear[data-v-962ec44e]:hover{background:var(--wx-bg-muted);color:var(--wx-text-default)}.wx-card[data-v-5d02af6e]{display:flex;flex-direction:column;box-sizing:border-box;background:var(--wx-bg-surface);border:1px solid var(--wx-border-default);border-radius:var(--wx-radius-lg);color:var(--wx-text-default);transition:box-shadow var(--wx-duration-normal) var(--wx-easing-standard)}.wx-card--borderless[data-v-5d02af6e]{border-color:transparent}.wx-card--shadow-always[data-v-5d02af6e]{box-shadow:var(--wx-shadow-card)}.wx-card--shadow-hover[data-v-5d02af6e]:hover{box-shadow:var(--wx-shadow-popover)}.wx-card__header[data-v-5d02af6e],.wx-card__body[data-v-5d02af6e],.wx-card__footer[data-v-5d02af6e]{padding:var(--wx-card-padding, var(--wx-space-5))}.wx-card--padding-none[data-v-5d02af6e]{--wx-card-padding: 0px}.wx-card--padding-sm[data-v-5d02af6e]{--wx-card-padding: var(--wx-space-3)}.wx-card--padding-md[data-v-5d02af6e]{--wx-card-padding: var(--wx-space-5)}.wx-card--padding-lg[data-v-5d02af6e]{--wx-card-padding: var(--wx-space-7)}.wx-card__header[data-v-5d02af6e]{display:flex;align-items:center;justify-content:space-between;gap:var(--wx-space-4);border-bottom:1px solid var(--wx-border-muted)}.wx-card__title[data-v-5d02af6e]{min-width:0;color:var(--wx-text-strong);font-size:var(--wx-font-size-lg);font-weight:var(--wx-font-weight-semibold);line-height:var(--wx-font-line-height-tight)}.wx-card__extra[data-v-5d02af6e]{flex:0 0 auto;color:var(--wx-text-muted)}.wx-card__body[data-v-5d02af6e]{flex:1 1 auto}.wx-card__footer[data-v-5d02af6e]{border-top:1px solid var(--wx-border-muted)}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@webx-ui/core",
+  "version": "0.0.1",
+  "description": "Vue 3 UI components for admin panels, styled entirely with WebX UI design tokens.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "keywords": [
+    "webx-ui",
+    "vue",
+    "vue3",
+    "ui",
+    "components",
+    "design-system",
+    "admin"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webx-ui/webx-ui.git",
+    "directory": "packages/core"
+  },
+  "homepage": "https://webx-ui.github.io/webx-ui/components/button.html",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "@webx-ui/tokens": "^0.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.14",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.24",
+    "vue-tsc": "^3.1.3"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "vue-tsc -p tsconfig.json --noEmit"
+  }
+}