@mudakit/ui 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# Changelog
+
+## 0.1.0 - 2026-08-13
+
+- Publish the initial `@mudakit/ui` Vue component library.
+- Provide ESM root and per-component entry points with TypeScript declarations.
+- Provide explicit theme styles through `@mudakit/ui/style.css`.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Cheltcov Evgenii
+
+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,46 @@
+# @mudakit/ui
+
+Vue 3 components for Muda. The package is ESM-only and includes TypeScript declarations.
+
+## Installation
+
+```sh
+npm install @mudakit/ui vue
+```
+
+Import the styles once in your application entry file:
+
+```ts
+import "@mudakit/ui/style.css";
+```
+
+The stylesheet contains theme tokens and component utilities without Tailwind Preflight or other global element resets. Set `data-theme="dark"` on an ancestor to use the dark theme.
+
+## Usage
+
+Prefer individual component entry points so bundlers only include the components and shared code you use:
+
+```vue
+<script setup lang="ts">
+import { MudaButton } from "@mudakit/ui/MudaButton";
+import { MudaCard } from "@mudakit/ui/MudaCard";
+</script>
+
+<template>
+  <MudaCard>
+    <MudaButton variant="primary">Continue</MudaButton>
+  </MudaCard>
+</template>
+```
+
+The package root is also available:
+
+```ts
+import { MudaButton, MudaCard } from "@mudakit/ui";
+```
+
+Requires Vue 3.5 or later and Node.js 22.12 or later for development tooling.
+
+## License
+
+MIT. Bundled Material Design icons are available under Apache-2.0; see `THIRD_PARTY_LICENSES`.

package/THIRD_PARTY_LICENSES

@@ -0,0 +1,15 @@
+Material Design Icons
+Copyright Google LLC
+https://github.com/google/material-design-icons
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    https://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/dist/MudaButton-Bw6Fw2-Y.js

@@ -0,0 +1,42 @@
+import { createBlock as e, defineComponent as t, mergeProps as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, withCtx as o } from "vue";
+//#endregion
+//#region src/components/MudaButton/MudaButton.vue
+var s = /* @__PURE__ */ t({
+	__name: "MudaButton",
+	props: {
+		size: { default: "medium" },
+		variant: { default: "default" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		as: { default: "button" }
+	},
+	setup(t) {
+		let s = t;
+		return (t, c) => (r(), e(a(s.as), n(t.$attrs, {
+			disabled: s.disabled,
+			class: ["muda-button-reset flex items-center justify-center gap-1 focus-visible:outline-2 focus-visible:outline-offset-2", {
+				"muda-link-reset": s.as === "a",
+				"rounded-md font-semibold shadow-xs": !0,
+				"px-2.5 py-1.5 text-xs": s.size === "small",
+				"px-3 py-2 text-sm": s.size === "medium",
+				"px-3.5 py-2.5 text-sm": s.size === "large",
+				"cursor-pointer": !s.disabled,
+				"cursor-not-allowed": s.disabled,
+				"border bg-form-background": s.variant === "default",
+				"border border-primary-dark bg-primary fill-white text-white hover:bg-primary-dark focus-visible:bg-primary disabled:border-primary-dark/20 disabled:bg-primary-light/70": s.variant === "primary",
+				"border border-secondary-dark bg-secondary fill-white text-white hover:bg-secondary-dark focus-visible:bg-secondary disabled:border-secondary-dark/20 disabled:bg-secondary-light/70": s.variant === "secondary",
+				"border border-success-dark bg-success fill-white text-white hover:bg-success-dark focus-visible:bg-success disabled:border-success-dark/20 disabled:bg-success-light/70": s.variant === "success",
+				"border border-warning-dark bg-warning fill-white text-white hover:bg-warning-dark focus-visible:bg-warning disabled:border-warning-dark/20 disabled:bg-warning-light/70": s.variant === "warning",
+				"border border-danger-dark bg-danger fill-white text-white hover:bg-danger-dark focus-visible:bg-danger disabled:border-danger-dark/20 disabled:bg-danger-light/70": s.variant === "danger",
+				"border border-info-dark bg-info fill-white text-white hover:bg-info-dark focus-visible:bg-info disabled:border-info-dark/20 disabled:bg-info-light/70": s.variant === "info"
+			}]
+		}), {
+			default: o(() => [i(t.$slots, "default")]),
+			_: 3
+		}, 16, ["disabled", "class"]));
+	}
+});
+//#endregion
+export { s as t };

package/dist/MudaButtonStack-xCMVwXHf.js

@@ -0,0 +1,16 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+//#endregion
+//#region src/components/MudaButtonStack/MudaButtonStack.vue
+var a = /* @__PURE__ */ t({
+	__name: "MudaButtonStack",
+	props: { layout: {} },
+	setup(t) {
+		let a = t;
+		return (t, o) => (r(), e("div", { class: n(["flex justify-start gap-px", {
+			"muda-button-stack-h": a.layout === "horizontal",
+			"muda-button-stack-v flex-col": a.layout === "vertical"
+		}]) }, [i(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { a as t };