pxd 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Chestnut(banlify)
+
+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,3 @@
+# PxUI
+
+A stylish modern component library for Vue3.

package/dist/_hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from './use-click-outside';
+export * from './use-disabled';
+export * from './use-event-listener';
+export * from './use-focus-trap';
+export * from './use-size';
+export * from './use-toggle';
+export * from './use-z-index';

package/dist/_hooks/use-disabled/index.d.ts

@@ -0,0 +1,2 @@
+import type { ComputedRef } from 'vue';
+export declare function useDisabled(props: any, injectKey?: symbol): ComputedRef<boolean>;

package/dist/_hooks/use-disabled/index.js

@@ -0,0 +1,9 @@
+import { inject as r, computed as d } from "vue";
+import { formSymbol as i } from "../../_internal/injectKeys.js";
+function f(o, e = i) {
+  const t = r(e, { disabled: !1 });
+  return d(() => o.disabled || t.disabled);
+}
+export {
+  f as useDisabled
+};

package/dist/_hooks/use-event-listener/index.d.ts

@@ -0,0 +1,2 @@
+import { noop } from '../../_internal';
+export declare function useEventListener(...args: any[]): typeof noop;

package/dist/_hooks/use-focus-trap/index.d.ts

@@ -0,0 +1,8 @@
+import { type Ref } from 'vue';
+import { noop } from '../../_internal';
+interface FocusTrapReturnType {
+    activate: typeof noop;
+    deactivate: typeof noop;
+}
+export declare function useFocusTrap(targetRef: Ref<HTMLElement>): FocusTrapReturnType;
+export {};

package/dist/_hooks/use-focus-trap/index.js

@@ -0,0 +1,35 @@
+import { onBeforeUnmount as a } from "vue";
+import { noop as r, INTERACTIVE_ELEMENTS as l } from "../../_internal/constants.js";
+function p(f) {
+  let t = r;
+  function i() {
+    Promise.resolve().then(() => {
+      const e = f.value;
+      if (!e)
+        return;
+      e.focus();
+      const o = e.querySelectorAll(l), c = o[0], u = o[o.length - 1];
+      function s(n) {
+        if (n.key === "Tab") {
+          if (n.shiftKey && document.activeElement === c) {
+            n.preventDefault(), u.focus();
+            return;
+          }
+          document.activeElement === u && (n.preventDefault(), c.focus());
+        }
+      }
+      e.addEventListener("keydown", s), t = () => {
+        e.removeEventListener("keydown", s), t = r;
+      };
+    }).catch(r);
+  }
+  return a(() => {
+    t();
+  }), {
+    activate: i,
+    deactivate: t
+  };
+}
+export {
+  p as useFocusTrap
+};

package/dist/_hooks/use-size/index.d.ts

@@ -0,0 +1,5 @@
+import type { ComputedRef } from 'vue';
+import type { Sizes } from '../../_types';
+export declare function useSize(props: {
+    size: Sizes;
+}): ComputedRef<Sizes>;

package/dist/_hooks/use-size/index.js

@@ -0,0 +1,9 @@
+import { inject as t, computed as i } from "vue";
+import { globalSymbol as m } from "../../_internal/injectKeys.js";
+function l(o) {
+  const e = t(m, { size: "" });
+  return i(() => o.size || e.size || "medium");
+}
+export {
+  l as useSize
+};

package/dist/_hooks/use-toggle/index.d.ts

@@ -0,0 +1,6 @@
+import type { Ref, WritableComputedRef } from 'vue';
+export interface UseToggleOptions {
+    truthyValue?: boolean | number | string;
+    falsyValue?: boolean | number | string;
+}
+export declare function useToggle<T>(valueRef: Ref<T> | WritableComputedRef<T>, options?: UseToggleOptions): (value?: T) => T;

package/dist/_hooks/use-toggle/index.js

@@ -0,0 +1,13 @@
+function a(t, e = {}) {
+  const {
+    truthyValue: u = !0,
+    falsyValue: n = !1
+  } = e;
+  function r(l) {
+    return arguments.length ? (t.value = l, t.value) : (t.value = t.value === u ? n : u, t.value);
+  }
+  return r;
+}
+export {
+  a as useToggle
+};

package/dist/_hooks/use-z-index/index.d.ts

@@ -0,0 +1,2 @@
+import type { ComputedRef } from 'vue';
+export declare function useZIndex(): ComputedRef<number | undefined>;

package/dist/_hooks/use-z-index/index.js

@@ -0,0 +1,9 @@
+import { inject as e, computed as n } from "vue";
+import { globalSymbol as r } from "../../_internal/injectKeys.js";
+function d() {
+  const o = e(r, { zIndex: void 0 });
+  return n(() => o == null ? void 0 : o.zIndex);
+}
+export {
+  d as useZIndex
+};

package/dist/_internal/constants.d.ts

@@ -0,0 +1,4 @@
+export declare function noop(): void;
+export declare function stopPropagation(evt: Event): void;
+export declare function preventDefault(evt: Event): void;
+export declare const INTERACTIVE_ELEMENTS = "a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type=\"text\"]:not([disabled]), input[type=\"radio\"]:not([disabled]), input[type=\"checkbox\"]:not([disabled]), select:not([disabled])";

package/dist/_internal/constants.js

@@ -0,0 +1,7 @@
+function t() {
+}
+const e = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])';
+export {
+  e as INTERACTIVE_ELEMENTS,
+  t as noop
+};

package/dist/_internal/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './injectKeys';
+export * from './props';

package/dist/_internal/injectKeys.d.ts

@@ -0,0 +1,5 @@
+export declare const globalSymbol: unique symbol;
+export declare const formSymbol: unique symbol;
+export declare const buttonGroupSymbol: unique symbol;
+export declare const radioGroupSymbol: unique symbol;
+export declare const checkboxGroupSymbol: unique symbol;

package/dist/_internal/injectKeys.js

@@ -0,0 +1,7 @@
+const o = Symbol("px"), b = Symbol("px.form"), l = Symbol("px.radio.group"), m = Symbol("px.checkbox.group");
+export {
+  m as checkboxGroupSymbol,
+  b as formSymbol,
+  o as globalSymbol,
+  l as radioGroupSymbol
+};

package/dist/_internal/props.d.ts

@@ -0,0 +1,3 @@
+export declare const SIZE: readonly ["mini", "small", "medium", "large"];
+export declare const VARIANTS: readonly ["default", "primary", "warning", "danger"];
+export declare const NATIVE_BUTTON_TYPES: readonly ["button", "submit", "reset"];

package/dist/_internal/props.js

@@ -0,0 +1,5 @@
+const t = ["default", "primary", "warning", "danger"], n = ["button", "submit", "reset"];
+export {
+  n as NATIVE_BUTTON_TYPES,
+  t as VARIANTS
+};

package/dist/_styles/atoms.css

@@ -0,0 +1 @@
+@media (prefers-reduced-motion:reduced){body{--transition-duration:0s!important}}.px-transition{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-size-mini{padding:var(--size-mini) 10px;line-height:1.667;font-size:12px}.px-size-medium,.px-size-small{padding:var(--size-small) 10px;line-height:1.5715;font-size:14px}.px-size-medium{padding:var(--size-medium) 10px}.px-size-large{padding:var(--size-large) 10px;line-height:1.8;font-size:16px}.px-width-full{width:100%}.px-height-full{height:100%}.px-flex{display:flex}.px-flex-col{display:flex;flex-direction:column}.px-items-center{align-items:center}.px-justify-center{justify-content:center}.px-inline-block{display:inline-block}.px-inline-flex{display:inline-flex}.px-vertical-top{vertical-align:top}.px-vertical-middle{vertical-align:middle}.px-relative{position:relative}.px-absolute{position:absolute}.px-fixed{position:fixed}.px-empty-hidden:empty,.px-hidden{display:none}.px-outside{position:fixed;opacity:0;width:0;height:0;margin:0;padding:0}.px-cursor-pointer{cursor:pointer}.px-select-none{user-select:none}.px-pointer-events-none{pointer-events:none}.px-overflow-hidden{overflow:hidden}.px-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/_styles/base.css

@@ -0,0 +1 @@
+@media (prefers-reduced-motion:reduced){body{--transition-duration:0s!important}}.px-transition{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-size-mini{padding:var(--size-mini) 10px;line-height:1.667;font-size:12px}.px-size-medium,.px-size-small{padding:var(--size-small) 10px;line-height:1.5715;font-size:14px}.px-size-medium{padding:var(--size-medium) 10px}.px-size-large{padding:var(--size-large) 10px;line-height:1.8;font-size:16px}.px-width-full{width:100%}.px-height-full{height:100%}.px-flex{display:flex}.px-flex-col{display:flex;flex-direction:column}.px-items-center{align-items:center}.px-justify-center{justify-content:center}.px-inline-block{display:inline-block}.px-inline-flex{display:inline-flex}.px-vertical-top{vertical-align:top}.px-vertical-middle{vertical-align:middle}.px-relative{position:relative}.px-absolute{position:absolute}.px-fixed{position:fixed}.px-empty-hidden:empty,.px-hidden{display:none}.px-outside{position:fixed;opacity:0;width:0;height:0;margin:0;padding:0}.px-cursor-pointer{cursor:pointer}.px-select-none{user-select:none}.px-pointer-events-none{pointer-events:none}.px-overflow-hidden{overflow:hidden}.px-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{--primary-1:#e8fff4;--primary-2:#b1f3d4;--primary-3:#7ee7ba;--primary-4:#50dca4;--primary-5:#26d091;--primary-6:#00c483;--primary-7:#00a674;--primary-8:#008864;--primary-9:#006a52;--primary-10:#004d3d;--warning-1:#fffce8;--warning-2:#fdf4bf;--warning-3:#fce996;--warning-4:#fadc6d;--warning-5:#f9cc45;--warning-6:#f7ba1e;--warning-7:#cc9213;--warning-8:#a26d0a;--warning-9:#774b04;--warning-10:#4d2d00;--danger-1:#ffece8;--danger-2:#ffd2cb;--danger-3:#ffb6ae;--danger-4:#ff9890;--danger-5:#ff7873;--danger-6:#ff5656;--danger-7:#d2353a;--danger-8:#a61c25;--danger-9:#790a15;--danger-10:#4d000a;--border-1:#f2f3f5;--border-2:#e6e8eb;--border-3:#c9cdd4;--border-4:#86909c;--fill-1:#f7f8fa;--fill-2:#f2f3f5;--fill-3:#e5e6eb;--fill-4:#c9cdd4;--font-1:#1d2129;--font-2:#4e5969;--font-3:#86909c;--font-4:#c9cdd4;--bg-1:#fff;--bg-2:#fff;--bg-3:#fff;--bg-4:#fff;--shadow-1:0 -2px 5px rgba(0 0 0 / 10%);--shadow-2:0 0 10px rgba(0 0 0 / 10%);--shadow-3:0 0 20px rgba(0 0 0 / 10%);--shadow-special:0 0 1px rgba(0 0 0 / 20%);--color-white:#fff;--size-mini:1px;--size-small:2px;--size-medium:4px;--size-large:6px;--focus-width:2px;--focus-offset:2px;--transition-duration:150ms;--transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.px-fade-enter-active,.px-fade-leave-active{transition:opacity var(--transition-duration) var(--transition-timing-function)}.px-fade-enter-from,.px-fade-leave-to{opacity:0}.px-zoom-enter-active,.px-zoom-leave-active{transition:transform var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function)}.px-zoom-enter-from,.px-zoom-leave-to{transform:scale(.8);opacity:0}

package/dist/_styles/button.css

@@ -0,0 +1 @@
+@media (any-hover:hover){.px-button--default:not([disabled]):hover{background-color:var(--fill-2)}.px-button--default-plain:not([disabled]):hover{background-color:var(--fill-3)}.px-button--primary:not([disabled]):hover{background-color:var(--primary-5)}.px-button--primary-plain:not([disabled]):hover{background-color:var(--primary-2)}.px-button--warning:not([disabled]):hover{background-color:var(--warning-5)}.px-button--warning-plain:not([disabled]):hover{background-color:var(--warning-2)}.px-button--danger:not([disabled]):hover{background-color:var(--danger-5)}.px-button--danger-plain:not([disabled]):hover{background-color:var(--danger-2)}.px-button--danger-ghost:not([disabled]):hover,.px-button--default-ghost:not([disabled]):hover,.px-button--primary-ghost:not([disabled]):hover,.px-button--warning-ghost:not([disabled]):hover{background-color:var(--fill-2)}}.px-button{-webkit-tap-highlight-color:transparent;appearance:none;display:inline-block;min-width:8rem;vertical-align:top;border:1px solid transparent;outline:var(--focus-width) solid transparent;background-color:var(--bg-1);transition-property:border-color,background-color,outline-color,outline-offset;box-sizing:border-box;user-select:none;text-align:left;border-radius:0;color:var(--color-white);cursor:pointer}.px-button[disabled]{cursor:not-allowed;opacity:.7}.px-button--loading{position:relative;pointer-events:none;opacity:.7}.px-button--default,.px-button--default-ghost,.px-button--default-plain{color:var(--font-1)}.px-button--default{border-color:var(--border-2);background-color:var(--bg-1)}.px-button--default-plain:not(.px-button--default-ghost){background-color:var(--fill-2);border-color:transparent}.px-button--default-ghost{background-color:transparent}.px-button--primary{background-color:var(--primary-6)}.px-button--primary-plain:not(.px-button--primary-ghost){background-color:var(--primary-1);color:var(--primary-6)}.px-button--primary-ghost{color:var(--primary-6)}.px-button--warning{background-color:var(--warning-6)}.px-button--warning-plain:not(.px-button--warning-ghost){background-color:var(--warning-1);color:var(--warning-6)}.px-button--warning-ghost{color:var(--warning-6)}.px-button--danger{background-color:var(--danger-6)}.px-button--danger-plain:not(.px-button--danger-ghost){background-color:var(--danger-1);color:var(--danger-6)}.px-button--danger-ghost{color:var(--danger-6)}.px-button--danger-ghost:not([disabled]):active,.px-button--default-ghost:not([disabled]):active,.px-button--default:not([disabled]):active,.px-button--primary-ghost:not([disabled]):active,.px-button--warning-ghost:not([disabled]):active{background-color:var(--fill-3)}.px-button--default-plain:not([disabled]):active{background-color:var(--fill-4)}.px-button--primary:not([disabled],.px-button--primary-ghost):active{background-color:var(--primary-7)}.px-button--primary-plain:not([disabled],.px-button--primary-ghost):active{background-color:var(--primary-3)}.px-button--warning:not([disabled],.px-button--warning-ghost):active{background-color:var(--warning-7)}.px-button--warning-plain:not([disabled],.px-button--warning-ghost):active{background-color:var(--warning-3)}.px-button--danger:not([disabled],.px-button--danger-ghost):active{background-color:var(--danger-7)}.px-button--danger-plain:not([disabled],.px-button--danger-ghost):active{background-color:var(--danger-3)}.px-button:not(:active):focus-visible{outline-offset:var(--focus-offset);z-index:1}.px-button--default-ghost:not(:active):focus-visible,.px-button--default-plain:not(:active):focus-visible,.px-button--default:not(:active):focus-visible{outline-color:var(--border-2)}.px-button--primary-ghost:not(:active):focus-visible,.px-button--primary-plain:not(:active):focus-visible,.px-button--primary:not(:active):focus-visible{outline-color:var(--primary-4)}.px-button--warning-ghost:not(:active):focus-visible,.px-button--warning-plain:not(:active):focus-visible,.px-button--warning:not(:active):focus-visible{outline-color:var(--warning-4)}.px-button--danger-ghost:not(:active):focus-visible,.px-button--danger-plain:not(:active):focus-visible,.px-button--danger:not(:active):focus-visible{outline-color:var(--danger-4)}

package/dist/_styles/checkbox.css

@@ -0,0 +1 @@
+.px-checkbox:not([aria-disabled=true]):hover .px-checkbox--target{border-color:var(--primary-6)}.px-checkbox[aria-disabled=true]{cursor:not-allowed;opacity:.7}.px-checkbox--target{display:inline-flex;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;transition-property:outline-offset,outline-color,background-color,border-color;background-color:var(--bg-1);font-size:16px}.px-checkbox--target svg{display:none;fill:var(--bg-1)}.px-checkbox--label{margin-left:.4em;font-size:14px}input:checked+.px-checkbox--target{background-color:var(--primary-4);border-color:var(--primary-6)}.px-checkbox.indeterminate input:checked+.px-checkbox--target::before{content:"";display:block;width:.6em;height:.2em;background-color:var(--bg-1);transition-property:transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-checkbox:not(.indeterminate) input:checked+.px-checkbox--target svg{display:block}input:not(:active):focus-visible+.px-checkbox--target{outline-offset:var(--focus-offset);outline-color:var(--border-2)}

package/dist/_styles/dialog.css

@@ -0,0 +1 @@
+.px-dialog{inset:0;z-index:10;background-color:rgba(0,0,0,.25);backdrop-filter:blur(2px)}.px-dialog--inner{min-width:320px;max-height:75vh;width:var(--width, 30%);padding:12px;border:0;outline:0;box-shadow:0 0 12px rgba(0,0,0,.09);background-color:var(--bg-1)}.px-dialog--header{padding:2px 35px 12px 0;font-size:18px;font-weight:500;color:#424242}.px-dialog--description{margin:0;font-size:14px;font-weight:400;color:#999}.px-dialog--close{right:10px;top:10px;width:25px;height:25px;padding:0;border:0;background:0 0;cursor:pointer;z-index:1}.px-dialog--close:hover{background-color:var(--fill-2)}.px-dialog--close:active{background-color:var(--fill-3)}.px-dialog--content{flex:1;height:100%;padding:10px;overflow:overlay}.px-dialog--footer{padding:15px 0 0;text-align:right}

package/dist/_styles/icon.css

@@ -0,0 +1 @@
+.px-icon,.px-spinner{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center;fill:currentcolor;vertical-align:-2px;transform:translateZ(0)}

package/dist/_styles/index.css

@@ -0,0 +1 @@
+@media (prefers-reduced-motion:reduced){body{--transition-duration:0s!important}}.px-transition{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-size-mini{padding:var(--size-mini) 10px;line-height:1.667;font-size:12px}.px-size-medium,.px-size-small{padding:var(--size-small) 10px;line-height:1.5715;font-size:14px}.px-size-medium{padding:var(--size-medium) 10px}.px-size-large{padding:var(--size-large) 10px;line-height:1.8;font-size:16px}.px-width-full{width:100%}.px-height-full{height:100%}.px-flex{display:flex}.px-flex-col{display:flex;flex-direction:column}.px-items-center{align-items:center}.px-justify-center{justify-content:center}.px-inline-block{display:inline-block}.px-inline-flex{display:inline-flex}.px-vertical-top{vertical-align:top}.px-vertical-middle{vertical-align:middle}.px-relative{position:relative}.px-absolute{position:absolute}.px-fixed{position:fixed}.px-empty-hidden:empty,.px-hidden{display:none}.px-outside{position:fixed;opacity:0;width:0;height:0;margin:0;padding:0}.px-cursor-pointer{cursor:pointer}.px-select-none{user-select:none}.px-pointer-events-none{pointer-events:none}.px-overflow-hidden{overflow:hidden}.px-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{--primary-1:#e8fff4;--primary-2:#b1f3d4;--primary-3:#7ee7ba;--primary-4:#50dca4;--primary-5:#26d091;--primary-6:#00c483;--primary-7:#00a674;--primary-8:#008864;--primary-9:#006a52;--primary-10:#004d3d;--warning-1:#fffce8;--warning-2:#fdf4bf;--warning-3:#fce996;--warning-4:#fadc6d;--warning-5:#f9cc45;--warning-6:#f7ba1e;--warning-7:#cc9213;--warning-8:#a26d0a;--warning-9:#774b04;--warning-10:#4d2d00;--danger-1:#ffece8;--danger-2:#ffd2cb;--danger-3:#ffb6ae;--danger-4:#ff9890;--danger-5:#ff7873;--danger-6:#ff5656;--danger-7:#d2353a;--danger-8:#a61c25;--danger-9:#790a15;--danger-10:#4d000a;--border-1:#f2f3f5;--border-2:#e6e8eb;--border-3:#c9cdd4;--border-4:#86909c;--fill-1:#f7f8fa;--fill-2:#f2f3f5;--fill-3:#e5e6eb;--fill-4:#c9cdd4;--font-1:#1d2129;--font-2:#4e5969;--font-3:#86909c;--font-4:#c9cdd4;--bg-1:#fff;--bg-2:#fff;--bg-3:#fff;--bg-4:#fff;--shadow-1:0 -2px 5px rgba(0 0 0 / 10%);--shadow-2:0 0 10px rgba(0 0 0 / 10%);--shadow-3:0 0 20px rgba(0 0 0 / 10%);--shadow-special:0 0 1px rgba(0 0 0 / 20%);--color-white:#fff;--size-mini:1px;--size-small:2px;--size-medium:4px;--size-large:6px;--focus-width:2px;--focus-offset:2px;--transition-duration:150ms;--transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.px-fade-enter-active,.px-fade-leave-active{transition:opacity var(--transition-duration) var(--transition-timing-function)}.px-fade-enter-from,.px-fade-leave-to{opacity:0}.px-zoom-enter-active,.px-zoom-leave-active{transition:transform var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function)}.px-zoom-enter-from,.px-zoom-leave-to{transform:scale(.8);opacity:0}@media (any-hover:hover){.px-button--default:not([disabled]):hover{background-color:var(--fill-2)}.px-button--default-plain:not([disabled]):hover{background-color:var(--fill-3)}.px-button--primary:not([disabled]):hover{background-color:var(--primary-5)}.px-button--primary-plain:not([disabled]):hover{background-color:var(--primary-2)}.px-button--warning:not([disabled]):hover{background-color:var(--warning-5)}.px-button--warning-plain:not([disabled]):hover{background-color:var(--warning-2)}.px-button--danger:not([disabled]):hover{background-color:var(--danger-5)}.px-button--danger-plain:not([disabled]):hover{background-color:var(--danger-2)}.px-button--danger-ghost:not([disabled]):hover,.px-button--default-ghost:not([disabled]):hover,.px-button--primary-ghost:not([disabled]):hover,.px-button--warning-ghost:not([disabled]):hover{background-color:var(--fill-2)}}.px-button{-webkit-tap-highlight-color:transparent;appearance:none;display:inline-block;min-width:8rem;vertical-align:top;border:1px solid transparent;outline:var(--focus-width) solid transparent;background-color:var(--bg-1);transition-property:border-color,background-color,outline-color,outline-offset;box-sizing:border-box;user-select:none;text-align:left;border-radius:0;color:var(--color-white);cursor:pointer}.px-button[disabled]{cursor:not-allowed;opacity:.7}.px-button--loading{position:relative;pointer-events:none;opacity:.7}.px-button--default,.px-button--default-ghost,.px-button--default-plain{color:var(--font-1)}.px-button--default{border-color:var(--border-2);background-color:var(--bg-1)}.px-button--default-plain:not(.px-button--default-ghost){background-color:var(--fill-2);border-color:transparent}.px-button--default-ghost{background-color:transparent}.px-button--primary{background-color:var(--primary-6)}.px-button--primary-plain:not(.px-button--primary-ghost){background-color:var(--primary-1);color:var(--primary-6)}.px-button--primary-ghost{color:var(--primary-6)}.px-button--warning{background-color:var(--warning-6)}.px-button--warning-plain:not(.px-button--warning-ghost){background-color:var(--warning-1);color:var(--warning-6)}.px-button--warning-ghost{color:var(--warning-6)}.px-button--danger{background-color:var(--danger-6)}.px-button--danger-plain:not(.px-button--danger-ghost){background-color:var(--danger-1);color:var(--danger-6)}.px-button--danger-ghost{color:var(--danger-6)}.px-button--danger-ghost:not([disabled]):active,.px-button--default-ghost:not([disabled]):active,.px-button--default:not([disabled]):active,.px-button--primary-ghost:not([disabled]):active,.px-button--warning-ghost:not([disabled]):active{background-color:var(--fill-3)}.px-button--default-plain:not([disabled]):active{background-color:var(--fill-4)}.px-button--primary:not([disabled],.px-button--primary-ghost):active{background-color:var(--primary-7)}.px-button--primary-plain:not([disabled],.px-button--primary-ghost):active{background-color:var(--primary-3)}.px-button--warning:not([disabled],.px-button--warning-ghost):active{background-color:var(--warning-7)}.px-button--warning-plain:not([disabled],.px-button--warning-ghost):active{background-color:var(--warning-3)}.px-button--danger:not([disabled],.px-button--danger-ghost):active{background-color:var(--danger-7)}.px-button--danger-plain:not([disabled],.px-button--danger-ghost):active{background-color:var(--danger-3)}.px-button:not(:active):focus-visible{outline-offset:var(--focus-offset);z-index:1}.px-button--default-ghost:not(:active):focus-visible,.px-button--default-plain:not(:active):focus-visible,.px-button--default:not(:active):focus-visible{outline-color:var(--border-2)}.px-button--primary-ghost:not(:active):focus-visible,.px-button--primary-plain:not(:active):focus-visible,.px-button--primary:not(:active):focus-visible{outline-color:var(--primary-4)}.px-button--warning-ghost:not(:active):focus-visible,.px-button--warning-plain:not(:active):focus-visible,.px-button--warning:not(:active):focus-visible{outline-color:var(--warning-4)}.px-button--danger-ghost:not(:active):focus-visible,.px-button--danger-plain:not(:active):focus-visible,.px-button--danger:not(:active):focus-visible{outline-color:var(--danger-4)}.px-icon,.px-spinner{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center;fill:currentcolor;vertical-align:-2px;transform:translateZ(0)}.px-input{background-color:var(--fill-2)}.px-input--prepend{box-sizing:inherit;border-right:1px dashed var(--border-2)}.px-input--append{box-sizing:inherit;border-left:1px dashed var(--border-2)}@media (any-hover:hover){.px-input--inner:not([disabled],[readonly]):hover{background-color:var(--fill-3)}}.px-input--inner{min-width:8rem;border-radius:0;box-sizing:border-box;border:1px solid transparent;outline:0;background-color:transparent;transition-property:border-color,background-color;font-family:inherit}.px-input--inner:not([disabled],[readonly]):focus-visible{border-color:var(--primary-6);background-color:var(--bg-1)}.px-input--inner::placeholder{user-select:none;color:var(--font-4)}.px-input--inner[disabled]{cursor:not-allowed;opacity:.6}.px-dialog{inset:0;z-index:10;background-color:rgba(0,0,0,.25);backdrop-filter:blur(2px)}.px-dialog--inner{min-width:320px;max-height:75vh;width:var(--width, 30%);padding:12px;border:0;outline:0;box-shadow:0 0 12px rgba(0,0,0,.09);background-color:var(--bg-1)}.px-dialog--header{padding:2px 35px 12px 0;font-size:18px;font-weight:500;color:#424242}.px-dialog--description{margin:0;font-size:14px;font-weight:400;color:#999}.px-dialog--close{right:10px;top:10px;width:25px;height:25px;padding:0;border:0;background:0 0;cursor:pointer;z-index:1}.px-dialog--close:hover{background-color:var(--fill-2)}.px-dialog--close:active{background-color:var(--fill-3)}.px-dialog--content{flex:1;height:100%;padding:10px;overflow:overlay}.px-dialog--footer{padding:15px 0 0;text-align:right}@media (any-hover:hover){.px-switch:hover .px-switch--node{outline-color:rgba(0,0,0,.15)}}.px-switch{width:2em;height:1em;padding:0;box-sizing:border-box;background-color:var(--inactive-color, var(--fill-2));border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;font-size:var(--size, 24px)}.px-switch--node{margin:2px;width:calc(1em - 6px);height:calc(1em - 6px);line-height:1;box-sizing:border-box;outline:5px solid transparent;transition-property:transform,border-color,outline-color;background-color:var(--color-default, var(--bg-1));z-index:0}.px-switch[disabled]{cursor:not-allowed;opacity:.7}.px-switch--loading{position:relative;pointer-events:none;opacity:.7}.px-switch[aria-checked=true]{background-color:var(--active-color, var(--primary-6))}.px-switch[aria-checked=true] .px-switch--node{transform:translateX(1em)}.px-switch:not(:active):focus-visible{outline-offset:var(--focus-offset);outline-color:var(--border-2);z-index:1}.px-space{flex-wrap:wrap;align-items:var(--align, center)}.px-space--mini{gap:calc(var(--size-mini)*2)}.px-space--small{gap:calc(var(--size-small)*2)}.px-space--medium{gap:calc(var(--size-medium)*2)}.px-space--large{gap:calc(var(--size-large)*2)}.px-checkbox:not([aria-disabled=true]):hover .px-checkbox--target,.px-radio:not([aria-disabled=true]):hover .px-radio--target{border-color:var(--primary-6)}.px-checkbox[aria-disabled=true],.px-radio[aria-disabled=true]{cursor:not-allowed;opacity:.7}.px-checkbox--target{display:inline-flex;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;transition-property:outline-offset,outline-color,background-color,border-color;background-color:var(--bg-1);font-size:16px}.px-checkbox--target svg{display:none;fill:var(--bg-1)}.px-checkbox--label{margin-left:.4em;font-size:14px}input:checked+.px-checkbox--target{background-color:var(--primary-4);border-color:var(--primary-6)}.px-checkbox.indeterminate input:checked+.px-checkbox--target::before{content:"";display:block;width:.6em;height:.2em;background-color:var(--bg-1);transition-property:transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-checkbox:not(.indeterminate) input:checked+.px-checkbox--target svg{display:block}input:not(:active):focus-visible+.px-checkbox--target,input:not(:active):focus-visible+.px-radio--target{outline-offset:var(--focus-offset);outline-color:var(--border-2)}.px-radio--target{display:inline-flex;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;transition-property:outline-offset,outline-color,background-color,border-color;background-color:var(--bg-1);font-size:16px}.px-radio--target::before{content:"";display:block;width:.5em;height:.5em;transform:scale(0);background-color:var(--primary-6);transition-property:transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-radio--label{margin-left:.4em;font-size:14px}input:checked+.px-radio--target{border-color:var(--primary-6)}input:checked+.px-radio--target::before{transform:scale(1)}

package/dist/_styles/input.css

@@ -0,0 +1 @@
+.px-input{background-color:var(--fill-2)}.px-input--prepend{box-sizing:inherit;border-right:1px dashed var(--border-2)}.px-input--append{box-sizing:inherit;border-left:1px dashed var(--border-2)}@media (any-hover:hover){.px-input--inner:not([disabled],[readonly]):hover{background-color:var(--fill-3)}}.px-input--inner{min-width:8rem;border-radius:0;box-sizing:border-box;border:1px solid transparent;outline:0;background-color:transparent;transition-property:border-color,background-color;font-family:inherit}.px-input--inner:not([disabled],[readonly]):focus-visible{border-color:var(--primary-6);background-color:var(--bg-1)}.px-input--inner::placeholder{user-select:none;color:var(--font-4)}.px-input--inner[disabled]{cursor:not-allowed;opacity:.6}

package/dist/_styles/radio.css

@@ -0,0 +1 @@
+.px-radio:not([aria-disabled=true]):hover .px-radio--target{border-color:var(--primary-6)}.px-radio[aria-disabled=true]{cursor:not-allowed;opacity:.7}.px-radio--target{display:inline-flex;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;transition-property:outline-offset,outline-color,background-color,border-color;background-color:var(--bg-1);font-size:16px}.px-radio--target::before{content:"";display:block;width:.5em;height:.5em;transform:scale(0);background-color:var(--primary-6);transition-property:transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-radio--label{margin-left:.4em;font-size:14px}input:checked+.px-radio--target{border-color:var(--primary-6)}input:checked+.px-radio--target::before{transform:scale(1)}input:not(:active):focus-visible+.px-radio--target{outline-offset:var(--focus-offset);outline-color:var(--border-2)}

package/dist/_styles/space.css

@@ -0,0 +1 @@
+.px-space{flex-wrap:wrap;align-items:var(--align, center)}.px-space--mini{gap:calc(var(--size-mini)*2)}.px-space--small{gap:calc(var(--size-small)*2)}.px-space--medium{gap:calc(var(--size-medium)*2)}.px-space--large{gap:calc(var(--size-large)*2)}

package/dist/_styles/spinner.css

@@ -0,0 +1 @@
+.px-icon,.px-spinner{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center;fill:currentcolor;vertical-align:-2px;transform:translateZ(0)}

package/dist/_styles/switch.css

@@ -0,0 +1 @@
+@media (any-hover:hover){.px-switch:hover .px-switch--node{outline-color:rgba(0,0,0,.15)}}.px-switch{width:2em;height:1em;padding:0;box-sizing:border-box;background-color:var(--inactive-color, var(--fill-2));border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;font-size:var(--size, 24px)}.px-switch--node{margin:2px;width:calc(1em - 6px);height:calc(1em - 6px);line-height:1;box-sizing:border-box;outline:5px solid transparent;transition-property:transform,border-color,outline-color;background-color:var(--color-default, var(--bg-1));z-index:0}.px-switch[disabled]{cursor:not-allowed;opacity:.7}.px-switch--loading{position:relative;pointer-events:none;opacity:.7}.px-switch[aria-checked=true]{background-color:var(--active-color, var(--primary-6))}.px-switch[aria-checked=true] .px-switch--node{transform:translateX(1em)}.px-switch:not(:active):focus-visible{outline-offset:var(--focus-offset);outline-color:var(--border-2);z-index:1}

package/dist/_styles/tokens.css

@@ -0,0 +1 @@
+body{--primary-1:#e8fff4;--primary-2:#b1f3d4;--primary-3:#7ee7ba;--primary-4:#50dca4;--primary-5:#26d091;--primary-6:#00c483;--primary-7:#00a674;--primary-8:#008864;--primary-9:#006a52;--primary-10:#004d3d;--warning-1:#fffce8;--warning-2:#fdf4bf;--warning-3:#fce996;--warning-4:#fadc6d;--warning-5:#f9cc45;--warning-6:#f7ba1e;--warning-7:#cc9213;--warning-8:#a26d0a;--warning-9:#774b04;--warning-10:#4d2d00;--danger-1:#ffece8;--danger-2:#ffd2cb;--danger-3:#ffb6ae;--danger-4:#ff9890;--danger-5:#ff7873;--danger-6:#ff5656;--danger-7:#d2353a;--danger-8:#a61c25;--danger-9:#790a15;--danger-10:#4d000a;--border-1:#f2f3f5;--border-2:#e6e8eb;--border-3:#c9cdd4;--border-4:#86909c;--fill-1:#f7f8fa;--fill-2:#f2f3f5;--fill-3:#e5e6eb;--fill-4:#c9cdd4;--font-1:#1d2129;--font-2:#4e5969;--font-3:#86909c;--font-4:#c9cdd4;--bg-1:#fff;--bg-2:#fff;--bg-3:#fff;--bg-4:#fff;--shadow-1:0 -2px 5px rgba(0 0 0 / 10%);--shadow-2:0 0 10px rgba(0 0 0 / 10%);--shadow-3:0 0 20px rgba(0 0 0 / 10%);--shadow-special:0 0 1px rgba(0 0 0 / 20%);--color-white:#fff;--size-mini:1px;--size-small:2px;--size-medium:4px;--size-large:6px;--focus-width:2px;--focus-offset:2px;--transition-duration:150ms;--transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

package/dist/_styles/transitions.css

@@ -0,0 +1 @@
+.px-fade-enter-active,.px-fade-leave-active{transition:opacity var(--transition-duration) var(--transition-timing-function)}.px-fade-enter-from,.px-fade-leave-to{opacity:0}.px-zoom-enter-active,.px-zoom-leave-active{transition:transform var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function)}.px-zoom-enter-from,.px-zoom-leave-to{transform:scale(.8);opacity:0}

package/dist/_types/component.d.ts

@@ -0,0 +1,7 @@
+import type { App, Component } from 'vue';
+export declare type NormalizedComponent = Component & {
+    name: string;
+};
+export declare type InstallableComponent = NormalizedComponent & {
+    install: (app: App) => App;
+};

package/dist/_types/imports.d.ts

@@ -0,0 +1,55 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}

package/dist/_types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './props';

package/dist/_types/props.d.ts

@@ -0,0 +1,5 @@
+import type { NATIVE_BUTTON_TYPES, SIZE, VARIANTS } from '../_internal';
+export declare type Sizes = typeof SIZE[number];
+export declare type VariantState = typeof VARIANTS[number];
+export declare type NativeButton = typeof NATIVE_BUTTON_TYPES[number];
+export declare type CSSUnitValue = `${number}${'px' | 'rem' | 'em' | 'vw' | 'vh' | 'vmin' | 'vmax'}`;

package/dist/_utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './install';
+export * from './styles';
+export * from './typeof';
+export * from './watchers';

package/dist/_utils/install.d.ts

@@ -0,0 +1,2 @@
+import type { InstallableComponent, NormalizedComponent } from '../_types';
+export declare function withInstall(_component: NormalizedComponent): InstallableComponent;

package/dist/_utils/install.js

@@ -0,0 +1,7 @@
+function e(o) {
+  const n = o;
+  return n.install = (t) => (t.component(n.name, n), t), n;
+}
+export {
+  e as withInstall
+};

package/dist/_utils/styles.d.ts

@@ -0,0 +1,3 @@
+import type { CSSUnitValue } from '../_types';
+export declare function getFilledClassNames(classNames: string | string[]): string;
+export declare function appendCSSUnit(value: CSSUnitValue | string | number | undefined): string | undefined;

package/dist/_utils/styles.js

@@ -0,0 +1,11 @@
+import { isNullOrUndefined as r } from "./typeof.js";
+function i(n) {
+  return typeof n == "string" && (n = n.split(" ")), `px-${n.join(" px-")}`;
+}
+function p(n) {
+  return r(n) ? n : typeof n == "number" ? `${n}px` : n;
+}
+export {
+  p as appendCSSUnit,
+  i as getFilledClassNames
+};

package/dist/_utils/typeof.d.ts

@@ -0,0 +1,3 @@
+export declare function isNull(value: any): value is null;
+export declare function isUndefined(value: any): value is undefined;
+export declare function isNullOrUndefined(value: any): value is null | undefined;

package/dist/_utils/typeof.js

@@ -0,0 +1,14 @@
+function e(n) {
+  return n === null;
+}
+function i(n) {
+  return typeof n > "u";
+}
+function u(n) {
+  return e(n) || i(n);
+}
+export {
+  e as isNull,
+  u as isNullOrUndefined,
+  i as isUndefined
+};

package/dist/_utils/watchers.d.ts

@@ -0,0 +1,8 @@
+declare type Watcher<T> = (value: T, oldValue?: T | undefined) => void;
+interface WatcherOptions<W> {
+    deep?: boolean;
+    immediate?: boolean;
+    initialValue?: Array<Watcher<W>>;
+}
+export declare function createWatchers<W>(watchSource: () => W, { immediate, deep, initialValue }?: WatcherOptions<W>): Set<Watcher<W>>;
+export {};

package/dist/_utils/watchers.js

@@ -0,0 +1,12 @@
+import { watch as s, onBeforeUnmount as f } from "vue";
+function m(e, { immediate: n, deep: o, initialValue: c = [] } = {}) {
+  const t = new Set(c), r = s(
+    e,
+    (a) => t.forEach((h) => h(a)),
+    { flush: "post", immediate: n, deep: o }
+  );
+  return f(r), t;
+}
+export {
+  m as createWatchers
+};

package/dist/button/index.d.ts

@@ -0,0 +1,4 @@
+import type { InstallableComponent } from '..';
+import Button from './src/button.vue';
+export declare const CButton: InstallableComponent;
+export default Button;

package/dist/button/index.js

@@ -0,0 +1,9 @@
+import t from "./src/button.vue_vue_type_script_setup_true_name_CButton_lang.js";
+import { default as a } from "./src/button.vue_vue_type_script_setup_true_name_CButton_lang.js";
+import { withInstall as o } from "../_utils/install.js";
+import "vue";
+const i = o(t);
+export {
+  i as CButton,
+  a as default
+};

package/dist/button/src/button.js

@@ -0,0 +1,5 @@
+import "./button.vue_vue_type_script_setup_true_name_CButton_lang.js";
+import { default as t } from "./button.vue_vue_type_script_setup_true_name_CButton_lang.js";
+export {
+  t as default
+};

package/dist/button/src/button.vue.d.ts

@@ -0,0 +1,14 @@
+import type { DefineComponent, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComputedRef, ExtractPropTypes } from 'vue';
+declare const _sfc_main: DefineComponent<{}, {
+    LoadingSpinner: DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}>;
+    emits: (event: "click", ...args: any[]) => void;
+    props: any;
+    size: ComputedRef<"mini" | "small" | "medium" | "large">;
+    disabled: ComputedRef<boolean>;
+    NAMESPACE: string;
+    className: ComputedRef<any[]>;
+    onButtonClick: (event: MouseEvent) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/dist/button/src/button.vue_vue_type_script_setup_true_name_CButton_lang.js

@@ -0,0 +1,37 @@
+import { defineComponent as r, defineAsyncComponent as g, computed as k, openBlock as a, createElementBlock as C, normalizeClass as _, unref as i, createBlock as y, createCommentVNode as A, renderSlot as B } from "vue";
+import { buttonProps as N } from "./constraints.js";
+import { useDisabled as S } from "../../_hooks/use-disabled/index.js";
+import { VARIANTS as h } from "../../_internal/props.js";
+import { useSize as x } from "../../_hooks/use-size/index.js";
+const z = ["type", "disabled"], E = r({
+  name: "CButton"
+}), L = /* @__PURE__ */ r({
+  ...E,
+  props: N,
+  emits: ["click"],
+  setup(c, { emit: p }) {
+    const o = c, d = g(() => import("../../spinner/index.js")), m = x(o), u = S(o), t = "px-button", f = k(() => {
+      const { plain: e, ghost: l, status: n, loading: b } = o;
+      let s = `${t} `;
+      return e ? s += `${t}--${n}-plain` : l ? s += `${t}--${n}-ghost` : s += `${t}--${h.includes(n) ? n : "default"}`, [s, `px-size-${m.value}`, b && `${t}--loading`];
+    });
+    function $(e) {
+      o.loading || p("click", e);
+    }
+    return (e, l) => (a(), C("button", {
+      type: e.type,
+      class: _(["px-transition px-relative", i(f)]),
+      disabled: i(u),
+      onClick: $
+    }, [
+      e.loading ? (a(), y(i(d), {
+        key: 0,
+        class: "px-button--loading-icon"
+      })) : A("", !0),
+      B(e.$slots, "default")
+    ], 10, z));
+  }
+});
+export {
+  L as default
+};

package/dist/button/src/constraints.d.ts

@@ -0,0 +1,58 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { NativeButton, VariantState } from '../../_types';
+import type Button from './button.vue';
+export declare const buttonProps: {
+    /**
+     * @zh Button 状态
+     */
+    status: {
+        type: PropType<"default" | "primary" | "warning" | "danger">;
+        default: string;
+        validator: (value: VariantState) => boolean;
+    };
+    /**
+     * @zh 按钮的原生类型
+     */
+    type: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: string;
+        validator: (value: NativeButton) => boolean;
+    };
+    /**
+     * @zh 按钮的尺寸
+     */
+    size: {
+        type: PropType<"mini" | "small" | "medium" | "large">;
+        default: string;
+    };
+    /**
+     * @zh 朴素按钮
+     */
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 幽灵按钮，无边框、背景色
+     */
+    ghost: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否处于加载中
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 禁用按钮
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+export declare type ButtonInstance = InstanceType<typeof Button>;