@ui0/button 0.0.0-stage → 0.1.0

package/dist/button.module.css

@@ -0,0 +1,9 @@
+@value round: .init();
+@value button: bu_c3e2;
+@value rounded: ro_0102;
+@value disabled: di_17eb;
+@value compact: co_b6b5;
+@value content: co_ed70;
+@value layout-column-reverse: la_2152;
+@value layout-column: la_0824;
+@value layout-row-reverse: la_1433;

package/dist/button.plugin.d.ts

@@ -0,0 +1,3 @@
+import { Ui0CoreInstallablePlugin } from '@ui0/types';
+export declare function createUi0Button(): Ui0CoreInstallablePlugin;
+//# sourceMappingURL=button.plugin.d.ts.map

package/dist/button.plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.plugin.d.ts","sourceRoot":"","sources":["../src/button.plugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,YAAY,CAAA;AAInB,wBAAgB,eAAe,IAAI,wBAAwB,CAM1D"}

package/dist/button.variants.module.scss.module.css

@@ -0,0 +1,17 @@
+@value button: bu_c3e2;
+@value content: co_ed70;
+@value inlineVnt: in_f063;
+@value elevatedVnt: el_611c;
+@value outlineVnt: ou_2a48;
+@value basicVnt: ba_d73d;
+@value sizeXXXL: undefined;
+@value ghostVnt: gh_60ef;
+@value flatVnt: fl_3a23;
+@value colored: co_ca8c;
+@value filled: fi_8a2f;
+@value filled2: fi_36f6;
+@value canvas: ca_a457;
+@value icon: ic_c2d4;
+@value Icon: Ic_a35a;
+@value iconSvg: ic_2201;
+@value color2: co_bd70;

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

@@ -0,0 +1,3 @@
+declare const _default: Readonly<import('@ui0/core').ComponentConfig<"button">>;
+export default _default;
+//# sourceMappingURL=button.config.d.ts.map

package/dist/components/button/button.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.config.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.config.ts"],"names":[],"mappings":";AAEA,wBAKE"}

package/dist/components/button/button.keys.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey } from 'vue';
+export interface ButtonActions {
+    ping: () => void;
+}
+export declare const ButtonKey: InjectionKey<ButtonActions>;
+//# sourceMappingURL=button.keys.d.ts.map

package/dist/components/button/button.keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.keys.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.keys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAEvC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,eAAO,MAAM,SAAS,EAA0B,YAAY,CAAC,aAAa,CAAC,CAAA"}

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

@@ -0,0 +1,56 @@
+import { ColorProps, FillProps, GradientProps, DisabledProps, Size, RoundProps, SizeProps, DensityProps, SizeDensity } from '@ui0/theme';
+import { CSS, Ui0ThemeColorRef, VariantProps } from '@ui0/types';
+export interface ButtonProps extends ColorProps, FillProps, GradientProps, RoundProps, SizeProps, DensityProps, DisabledProps, VariantProps {
+    /**
+     * Layout of the button children
+     * @default row
+     */
+    layout?: CSS.Property.FlexDirection;
+}
+export interface ButtonDefaults extends ButtonProps {
+    color: Ui0ThemeColorRef;
+    fill: Ui0ThemeColorRef;
+    size: Size;
+    density: SizeDensity;
+    layout: CSS.Property.FlexDirection;
+}
+export interface ButtonActions {
+}
+export interface ButtonEvents {
+}
+export interface ButtonOptions {
+}
+type ButtonSlotFn = (actions: ButtonActions) => void;
+export interface ButtonSlots {
+    /**
+     * Default slot for any inline content
+     */
+    default?: ButtonSlotFn;
+    /**
+     * content slot
+     */
+    content?: ButtonSlotFn;
+    /**
+     * slot before content
+     */
+    before?: ButtonSlotFn;
+    /**
+     * slot after content
+     */
+    after?: ButtonSlotFn;
+}
+declare global {
+    interface Ui0ComponentsProps {
+        button: ButtonProps;
+    }
+    interface Ui0ComponentsDefaults {
+        button: ButtonDefaults;
+    }
+    interface Ui0Components {
+        button: {
+            props: ButtonProps;
+        };
+    }
+}
+export {};
+//# sourceMappingURL=button.types.d.ts.map

package/dist/components/button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,aAAa,EACb,IAAI,EACJ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,WAAW,EACZ,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAErE,MAAM,WAAW,WACf,SAAQ,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY;IAC9G;;;OAGG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAA;CACpC;AACD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,KAAK,EAAE,gBAAgB,CAAA;IACvB,IAAI,EAAE,gBAAgB,CAAA;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,WAAW,CAAA;IACpB,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAA;CACnC;AAED,MAAM,WAAW,aAAa;CAAG;AAEjC,MAAM,WAAW,YAAY;CAG5B;AAED,MAAM,WAAW,aAAa;CAAG;AACjC,KAAK,YAAY,GAAG,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;AAEpD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,MAAM,EAAE,WAAW,CAAA;KACpB;IACD,UAAU,qBAAqB;QAC7B,MAAM,EAAE,cAAc,CAAA;KACvB;IACD,UAAU,aAAa;QACrB,MAAM,EAAE;YACN,KAAK,EAAE,WAAW,CAAA;SACnB,CAAA;KACF;CACF"}

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

@@ -0,0 +1,19 @@
+import { ComponentOptionsMixin, DefineComponent, PublicProps, SlotsType } from 'vue';
+import { ButtonActions, ButtonProps, ButtonSlots } from './button.types';
+declare const Button: DefineComponent<
+  ButtonProps,
+  {},
+  {},
+  {},
+  {},
+  ComponentOptionsMixin,
+  ComponentOptionsMixin,
+  {},
+  string,
+  PublicProps,
+  Readonly<ButtonProps> & Readonly<{}>,
+  {},
+  SlotsType<ButtonSlots>
+>
+export default Button
+export type { ButtonActions }

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

@@ -0,0 +1,4 @@
+export { default as Button } from './button.vue';
+export { ButtonKey } from './button.keys';
+export type { ButtonProps, ButtonSlots, ButtonActions, ButtonEvents, ButtonDefaults } from './button.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,YAAY,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,EACf,MAAM,gBAAgB,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { Button } from './components/button';
+export { Button as default } from './components/button';
+export { createUi0Button } from './button.plugin';
+export type { ButtonProps } from './components/button/button.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAG5C,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,YAAY,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA"}

package/dist/index.js

@@ -0,0 +1,98 @@
+import "./style.css";
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, h as s, normalizeClass as c, normalizeProps as l, normalizeStyle as u, openBlock as d, renderSlot as f, resolveComponent as p, unref as m, useCssModule as h, useSlots as g, useTemplateRef as _ } from "vue";
+import { useComponentDefaults as v } from "@ui0/core";
+import { useThemeContext as y } from "@ui0/theme";
+var b = {
+	button: "bu_c3e2",
+	content: "co_ed70",
+	inlineVnt: "in_f063",
+	elevatedVnt: "el_611c",
+	outlineVnt: "ou_2a48",
+	basicVnt: "ba_d73d",
+	sizeXXXL: "undefined",
+	ghostVnt: "gh_60ef",
+	flatVnt: "fl_3a23",
+	colored: "co_ca8c",
+	filled: "fi_8a2f",
+	filled2: "fi_36f6",
+	canvas: "ca_a457",
+	icon: "ic_c2d4",
+	Icon: "Ic_a35a",
+	iconSvg: "ic_2201",
+	color2: "co_bd70"
+}, x = { test: "123" }, S = /*#__PURE__*/ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})(/* @__PURE__ */ a({
+	__name: "button",
+	props: {
+		layout: {},
+		color: {},
+		fill: {},
+		gradient: {},
+		round: {},
+		roundTarget: {},
+		size: {},
+		density: {},
+		disabled: { type: Boolean },
+		variant: {}
+	},
+	setup(a, { expose: S }) {
+		console.log("a", x);
+		let C = a, w = v("button", C, { title: "" }), T = h(), E = g(), [, D] = y(C, T), O = e(() => {
+			let { variant: e } = C, t = D?.classes() ?? [];
+			console.log("$variants", b), e && b[e + "Vnt"] && t.push(b[e + "Vnt"]);
+			let n = w.layout ?? "row";
+			return n && t.push(T["layout-" + n]), t;
+		}), k = e(() => D?.styles() ?? {}), A = _("host"), j = { focus(e) {
+			return m(A)?.focus(e);
+		} };
+		S(j);
+		function M() {
+			let e = [], { icon: t, density: n, label: r } = C;
+			if (t) {
+				if (n === "tool") return e;
+				E.default ? e.push(E.default(j)) : r && e.push(r);
+			} else E.default ? e.push(E.default(j)) : r && e.push(r);
+			return s("div", { class: T.content }, e);
+		}
+		return (e, a) => {
+			let s = p("BtnIcon");
+			return d(), r("div", {
+				"data-0": "button",
+				class: c([...O.value, e.$style.button]),
+				style: u(k.value),
+				ref_key: "host",
+				ref: A
+			}, [f(e.$slots, "content", l(o(j)), () => [
+				f(e.$slots, "before", l(o(j)), () => [C.icon && C.sizing !== "tool" && C.options.iconSlot === "before" ? (d(), t(s, {
+					key: 0,
+					value: C.icon
+				}, null, 8, ["value"])) : n("", !0)]),
+				i(M),
+				f(e.$slots, "after", l(o(j)), () => [C.icon && C.sizing !== "tool" && C.options.iconSlot === "after" ? (d(), t(s, {
+					key: 0,
+					value: C.icon
+				}, null, 8, ["value"])) : n("", !0)])
+			])], 6);
+		};
+	}
+}), [["__cssModules", { $style: {
+	round: ".init()",
+	button: "bu_c3e2",
+	rounded: "ro_0102",
+	disabled: "di_17eb",
+	compact: "co_b6b5",
+	content: "co_ed70",
+	"layout-column-reverse": "la_2152",
+	"layout-column": "la_0824",
+	"layout-row-reverse": "la_1433"
+} }]]);
+// src/button.plugin.ts
+function C() {
+	return { install(e) {
+		e.vue.component("Button", S);
+	} };
+}
+export { S as Button, S as default, C as createUi0Button };

package/dist/style.css

@@ -0,0 +1,2 @@
+@layer ui0.bu_c3e2{.bu_c3e2.ba_d73d,.bu_c3e2.in_f063,.bu_c3e2.ou_2a48,.bu_c3e2.el_611c,.bu_c3e2.gh_60ef,.bu_c3e2.fl_3a23{--0-button-inside-rect:inset 0 0 0 var(--button-shadow-width) var(--0-button-inside-rect-color);padding-inline:var(--0-button-padding);transition-duration:var(--0-d-fast);cursor:pointer;--ripple-gap:0px;background-color:#0000;background-image:none;border:0;transition-property:background-color,box-shadow,border,background,color,filter}.bu_c3e2.ba_d73d.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.in_f063.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.ou_2a48.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.el_611c.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.gh_60ef.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.fl_3a23.co_ca8c.fi_8a2f.fi_36f6{--ripple-gap:1px;background:linear-gradient(var(--r-gradient-angle), rgba(var(--r-c-v), 1) 0%, rgba(var(--r-c-v), 1) 30%, rgba(var(--r-c2-v), 1) 65%, rgba(var(--r-c2-v), 1) 100%)}.bu_c3e2.ba_d73d .co_ed70,.bu_c3e2.in_f063 .co_ed70,.bu_c3e2.ou_2a48 .co_ed70,.bu_c3e2.el_611c .co_ed70,.bu_c3e2.gh_60ef .co_ed70,.bu_c3e2.fl_3a23 .co_ed70{align-items:inherit;border-radius:inherit;display:inherit;justify-content:inherit;height:100%;position:inherit;width:100%;font-size:var(--0-button-content-font-size);transition-duration:var(--0-d-fast);gap:.2em;line-height:1;transition-property:color}.bu_c3e2.ba_d73d .ca_a457,.bu_c3e2.in_f063 .ca_a457,.bu_c3e2.ou_2a48 .ca_a457,.bu_c3e2.el_611c .ca_a457,.bu_c3e2.gh_60ef .ca_a457,.bu_c3e2.fl_3a23 .ca_a457{transition-property:fill,color,stroke;transition-timing-function:ease-out}.bu_c3e2.ba_d73d:active .co_ed70,.bu_c3e2.ba_d73d:active .ic_c2d4,.bu_c3e2.in_f063:active .co_ed70,.bu_c3e2.in_f063:active .ic_c2d4,.bu_c3e2.ou_2a48:active .co_ed70,.bu_c3e2.ou_2a48:active .ic_c2d4,.bu_c3e2.el_611c:active .co_ed70,.bu_c3e2.el_611c:active .ic_c2d4,.bu_c3e2.gh_60ef:active .co_ed70,.bu_c3e2.gh_60ef:active .ic_c2d4,.bu_c3e2.fl_3a23:active .co_ed70,.bu_c3e2.fl_3a23:active .ic_c2d4{transition:transform 50ms ease-out;transform:translateY(1px)}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a{color:rgba(var(--0-f-v), 1)}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201{--0-icon-fill-color:rgba(var(--0-f-v), 1);--0-icon-stroke-color:rgba(var(--0-f-v), 1)}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item{filter:brightness(.5)}.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4{color:rgba(var(--0-c-background-v), 1)}.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .ic_2201{--0-icon-fill-color:rgba(var(--0-c-background-v), 1);--0-icon-stroke-color:rgba(var(--0-c-background-v), 1)}.bu_c3e2.ba_d73d.fx-ripple:active,.bu_c3e2.in_f063.fx-ripple:active,.bu_c3e2.ou_2a48.fx-ripple:active,.bu_c3e2.el_611c.fx-ripple:active,.bu_c3e2.gh_60ef.fx-ripple:active,.bu_c3e2.fl_3a23.fx-ripple:active{background-color:#0000}.bu_c3e2.ba_d73d.fx-ripple:active .co_ed70,.bu_c3e2.in_f063.fx-ripple:active .co_ed70,.bu_c3e2.ou_2a48.fx-ripple:active .co_ed70,.bu_c3e2.el_611c.fx-ripple:active .co_ed70,.bu_c3e2.gh_60ef.fx-ripple:active .co_ed70,.bu_c3e2.fl_3a23.fx-ripple:active .co_ed70{filter:none;transform:revert}.bu_c3e2.ba_d73d.fx-ripple:hover,.bu_c3e2.in_f063.fx-ripple:hover,.bu_c3e2.ou_2a48.fx-ripple:hover,.bu_c3e2.el_611c.fx-ripple:hover,.bu_c3e2.gh_60ef.fx-ripple:hover,.bu_c3e2.fl_3a23.fx-ripple:hover{filter:unset}.bu_c3e2.ba_d73d:not(.fi_8a2f,.co_ca8c):hover{background-color:#0000001a}.bu_c3e2.ba_d73d:not(.fi_8a2f,.co_ca8c):active{background-color:#0003}.bu_c3e2.ba_d73d:not(.fx-ripple):active:not(.fi_8a2f).co_ca8c{background-color:rgba(var(--0-c-v), .21)}.bu_c3e2.ba_d73d:not(.fx-ripple):hover:not(.fi_8a2f).co_ca8c{background-color:rgba(var(--0-c-v), .21);opacity:1}.bu_c3e2.gh_60ef:not(.fi_8a2f,.co_ca8c):active,.bu_c3e2.gh_60ef:not(.fi_8a2f,.co_ca8c):hover{background-color:#0000}.bu_c3e2.in_f063{background-color:rgba(var(--0-c-theme-contrast-v), .1)}.bu_c3e2.in_f063:active{background-color:rgba(var(--0-c-theme-contrast-v), .2)}.bu_c3e2.in_f063.fx-ripple:active{background-color:rgba(var(--0-c-theme-contrast-v), .1)}.bu_c3e2.ou_2a48{box-shadow:var(--0-button-inside-rect)}.bu_c3e2.ou_2a48:active,.bu_c3e2.ou_2a48:hover{--button-shadow-width:var(--0-unit,.2em)}.bu_c3e2.el_611c{box-shadow:0 0 1px 1px #0000001a,0 1px 3px #00000018,0 1.5px 1.5px #00000021}.bu_c3e2.el_611c:hover .co_ed70{filter:none}.bu_c3e2.el_611c:hover{box-shadow:0 0 1px 1px #0000001a,0 2px 6px #00000018,0 3px 3px #00000021}.bu_c3e2.el_611c:active{background-color:rgba(var(--0-c-brand-value), .1);box-shadow:0 0 1px 1px #0000001a,0 0 #00000018,0 0 #00000021}.bu_c3e2.el_611c.i__const_sizeXXXL_6{box-shadow:0 0 1px 1px #0000001a,0 12px 36px #00000018,0 18px 18px #00000021}.bu_c3e2.el_611c:not(.fx-ripple):active{background-color:rgba(var(--0-c-brand-value), .1)}.bu_c3e2.el_611c.fx-ripple:active .co_ed70{transform:unset}.bu_c3e2.fl_3a23:hover{--0-c2:rgba(var(--0-c2-v,var(--0-c-v)), .2);background-color:var(--0-c2,rgba(var(--0-c-v), .2))}}@layer ui0.button{.bu_c3e2{text-align:center;box-sizing:border-box;font:inherit;color:inherit;touch-action:manipulation;transition-duration:var(--0-d-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;padding-inline:var(--0-button-padding);--0-button-h:var(--0-s-cur,var(--0-s-m));--0-button-padding:var(--0-uc8);height:var(--0-s);--0-c-src:initial;--0-c-src-l:initial;--0-c-src-d:initial;--0-c-src-hover:initial;--0-c-src-active:initial;--0-c-src-focus:initial;--0-c-src-l-hover:initial;--0-c-src-l-active:initial;--0-c-src-l-focus:initial;--0-c-src-d-hover:initial;--0-c-src-d-active:initial;--0-c-src-d-focus:initial;--0-c-o:var(--0-c-src,var(--0-c-src-l,1));--0-c-cur:rgb(var(--0-c-cur-v) / var(--0-c-o));background-color:buttonface;background-clip:border-box;flex-direction:row;justify-content:center;align-items:center;display:inline-flex;position:relative}.theme_dark .bu_c3e2{--0-c-o:var(--0-c-src-d,var(--0-c-src,1))}.bu_c3e2:hover{--0-c-o:var(--0-c-src-hover,var(--0-c-src,var(--0-c-src-l,1)))}.bu_c3e2:active{--0-c-o:var(--0-c-src-active,var(--0-c-src,var(--0-c-src-l,1)))}.bu_c3e2:focus{--0-c-o:var(--0-c-src-focus,var(--0-c-src,var(--0-c-src-l,1)))}.theme_dark .bu_c3e2:hover{--0-c-o:var(--0-c-src-d-hover,var(--0-c-src-hover,var(--0-c-src-d,var(--0-c-src,1))))}.theme_dark .bu_c3e2:active{--0-c-o:var(--0-c-src-d-active,var(--0-c-src-active,var(--0-c-src-d,var(--0-c-src,1))))}.theme_dark .bu_c3e2:focus{--0-c-o:var(--0-c-src-d-focus,var(--0-c-src-focus,var(--0-c-src-d,var(--0-c-src,1))))}.bu_c3e2{--0-f-src:initial;--0-f-src-l:initial;--0-f-src-d:initial;--0-f-src-hover:initial;--0-f-src-active:initial;--0-f-src-focus:initial;--0-f-src-l-hover:initial;--0-f-src-l-active:initial;--0-f-src-l-focus:initial;--0-f-src-d-hover:initial;--0-f-src-d-active:initial;--0-f-src-d-focus:initial;--0-f-o:var(--0-f-src,var(--0-f-src-l,1));--0-f-cur:rgb(var(--0-f-cur-v) / var(--0-f-o))}.theme_dark .bu_c3e2{--0-f-o:var(--0-f-src-d,var(--0-f-src,1))}.bu_c3e2:hover{--0-f-o:var(--0-f-src-hover,var(--0-f-src,var(--0-f-src-l,1)))}.bu_c3e2:active{--0-f-o:var(--0-f-src-active,var(--0-f-src,var(--0-f-src-l,1)))}.bu_c3e2:focus{--0-f-o:var(--0-f-src-focus,var(--0-f-src,var(--0-f-src-l,1)))}.theme_dark .bu_c3e2:hover{--0-f-o:var(--0-f-src-d-hover,var(--0-f-src-hover,var(--0-f-src-d,var(--0-f-src,1))))}.theme_dark .bu_c3e2:active{--0-f-o:var(--0-f-src-d-active,var(--0-f-src-active,var(--0-f-src-d,var(--0-f-src,1))))}.theme_dark .bu_c3e2:focus{--0-f-o:var(--0-f-src-d-focus,var(--0-f-src-focus,var(--0-f-src-d,var(--0-f-src,1))))}.bu_c3e2{--0-g-cur:initial;color:var(--0-c-cur);background-color:var(--0-f-cur);background-image:var(--0-g-cur);border-start-start-radius:var(--0-r-tl,0px);border-start-end-radius:var(--0-r-tr,0px);border-end-end-radius:var(--0-r-br,0px);border-end-start-radius:var(--0-r-bl,0px)}.bu_c3e2.ro_0102{--0c-r-full:var(--0-r-full,calc(var(--0-button-h) / 2));--0c-r-smooth:var(--0-r-smooth,calc(var(--0-button-h) / 4));--0c-r-basic:var(--0-r-basic,calc(var(--0-button-h) / 8));--0c-r-hard:var(--0-r-hard,calc(var(--0-button-h) / 14));--0c-r-none:var(--0-r-none,0px)}.bu_c3e2.di_17eb{cursor:initial;filter:grayscale(80%)opacity(70%);pointer-events:none}.bu_c3e2.co_b6b5{--r-sizing:.8;padding:.1em .3em}.bu_c3e2 .co_ed70{align-items:inherit;border-radius:inherit;display:inherit;justify-content:inherit;height:100%;position:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;gap:var(--0-uc2);width:min-content;transition-duration:var(--0-d-fast);line-height:1;transition-property:color}.bu_c3e2.la_2152,.bu_c3e2.la_0824{height:calc(var(--0-button-h));max-height:calc(var(--0-button-h))}.bu_c3e2.la_0824 .co_ed70{flex-direction:column}.bu_c3e2.la_2152 .co_ed70{flex-direction:column-reverse}.bu_c3e2.la_1433 .co_ed70{flex-direction:row-reverse}}
+/*$vite$:1*/

package/dist/test.module.scss.module.css

@@ -0,0 +1 @@
+@value test: 123;

package/package.json

@@ -1,6 +1,45 @@
 {
   "name": "@ui0/button",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Component library for @ui0/core built from packages/templates/package",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./button/classes": "./dist/button.module.css",
+    "./button.module.css": "./dist/button.module.css",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "button:build": "vite build",
+    "button:dev": "vite build --watch",
+    "button:typecheck": "vue-tsc --noEmit"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@ui0/vite": "workspace:*",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "sass-embedded": "^1.80.0",
+    "vite-plugin-dts": "^5.1.2",
+    "vue": "^3.5.45"
+  },
+  "peerDependencies": {
+    "@ui0/composable": "workspace:*",
+    "@ui0/core": "workspace:*",
+    "@ui0/theme": "workspace:*",
+    "@ui0/types": "workspace:*",
+    "@ui0/util": "workspace:*",
+    "vue": "^3.5.45"
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.