@mudakit/ui 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.6.0
+
+### Minor Changes
+
+- a663c3f: Add the useMudaColors composable.
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/composables/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./useBodyScrollLock";
 export * from "./useClickOutside";
 export * from "./useKeyDown";
+export * from "./useMudaColors";
 export * from "./useResizeObserver";
 export * from "./useZIndex";

package/dist/composables/index.js

@@ -1,6 +1,6 @@
 import { t as e } from "../useBodyScrollLock-4K-3lAFL.js";
 import { t } from "../useClickOutside-B6tdxsc3.js";
 import { t as n } from "../useKeyDown-B1jmp4nA.js";
-import { t as r } from "../useResizeObserver-BYI1Pg1T.js";
-import { t as i } from "../useZIndex-DWnsohLZ.js";
-export { e as useBodyScrollLock, t as useClickOutside, n as useKeyDown, r as useResizeObserver, i as useZIndex };
+import { n as r, t as i } from "../useResizeObserver-B0uwslYk.js";
+import { t as a } from "../useZIndex-DWnsohLZ.js";
+export { e as useBodyScrollLock, t as useClickOutside, n as useKeyDown, r as useMudaColors, i as useResizeObserver, a as useZIndex };

package/dist/composables/useMudaColors.d.ts

@@ -0,0 +1,70 @@
+declare const COLOR_MAP: {
+    readonly background: "--muda-color-background";
+    readonly foreground: "--muda-color-foreground";
+    readonly formBackground: "--muda-color-form-background";
+    readonly primary: "--muda-color-primary";
+    readonly primaryLight: "--muda-color-primary-light";
+    readonly primaryDark: "--muda-color-primary-dark";
+    readonly secondary: "--muda-color-secondary";
+    readonly secondaryLight: "--muda-color-secondary-light";
+    readonly secondaryDark: "--muda-color-secondary-dark";
+    readonly success: "--muda-color-success";
+    readonly successLight: "--muda-color-success-light";
+    readonly successDark: "--muda-color-success-dark";
+    readonly danger: "--muda-color-danger";
+    readonly dangerLight: "--muda-color-danger-light";
+    readonly dangerDark: "--muda-color-danger-dark";
+    readonly warning: "--muda-color-warning";
+    readonly warningLight: "--muda-color-warning-light";
+    readonly warningDark: "--muda-color-warning-dark";
+    readonly info: "--muda-color-info";
+    readonly infoLight: "--muda-color-info-light";
+    readonly infoDark: "--muda-color-info-dark";
+};
+export type MudaColorMap = Record<keyof typeof COLOR_MAP, string>;
+export declare const useMudaColors: () => Readonly<import("vue").Ref<{
+    readonly primary: string;
+    readonly secondary: string;
+    readonly success: string;
+    readonly danger: string;
+    readonly warning: string;
+    readonly info: string;
+    readonly background: string;
+    readonly foreground: string;
+    readonly formBackground: string;
+    readonly primaryLight: string;
+    readonly primaryDark: string;
+    readonly secondaryLight: string;
+    readonly secondaryDark: string;
+    readonly successLight: string;
+    readonly successDark: string;
+    readonly dangerLight: string;
+    readonly dangerDark: string;
+    readonly warningLight: string;
+    readonly warningDark: string;
+    readonly infoLight: string;
+    readonly infoDark: string;
+}, {
+    readonly primary: string;
+    readonly secondary: string;
+    readonly success: string;
+    readonly danger: string;
+    readonly warning: string;
+    readonly info: string;
+    readonly background: string;
+    readonly foreground: string;
+    readonly formBackground: string;
+    readonly primaryLight: string;
+    readonly primaryDark: string;
+    readonly secondaryLight: string;
+    readonly secondaryDark: string;
+    readonly successLight: string;
+    readonly successDark: string;
+    readonly dangerLight: string;
+    readonly dangerDark: string;
+    readonly warningLight: string;
+    readonly warningDark: string;
+    readonly infoLight: string;
+    readonly infoDark: string;
+}>>;
+export {};

package/dist/index.d.ts

@@ -29,5 +29,6 @@ export * from "./components/MudaTag";
 export * from "./composables/useBodyScrollLock";
 export * from "./composables/useClickOutside";
 export * from "./composables/useKeyDown";
+export * from "./composables/useMudaColors";
 export * from "./composables/useResizeObserver";
 export * from "./composables/useZIndex";

package/dist/index.js

@@ -1,33 +1,33 @@
 import { t as e } from "./useBodyScrollLock-4K-3lAFL.js";
 import { t } from "./useClickOutside-B6tdxsc3.js";
 import { t as n } from "./useKeyDown-B1jmp4nA.js";
-import { t as r } from "./useResizeObserver-BYI1Pg1T.js";
-import { t as i } from "./useZIndex-DWnsohLZ.js";
-import { t as a } from "./MudaButton-B9EAJW32.js";
-import { t as o } from "./MudaButtonStack-8z8FVezw.js";
-import { a as s, c, i as l, l as u, n as d, o as f, r as p, s as m, t as h } from "./MudaCalendar-CgKIaHEr.js";
-import { a as g, c as _, i as v, l as y, n as b, o as x, r as S, s as C, t as w, u as T } from "./MudaIcon-BwqQQnti.js";
-import { t as E } from "./MudaFormInput-D1-kQq9y.js";
-import { t as D } from "./MudaPopover-C1fDWbPf.js";
-import { t as O } from "./MudaCard-DGdFOdro.js";
-import { n as k, t as A } from "./MudaColorPicker-D9BhgHf9.js";
-import { t as j } from "./MudaFocusTrap-CGlvV_MC.js";
-import { t as M } from "./MudaDialog-dQSFVdgu.js";
-import { t as N } from "./MudaDropdown-Dhv8Mhxm.js";
-import { t as P } from "./MudaErrorBox-B9ySoal8.js";
-import { t as F } from "./MudaFormCheckbox-C1wTjohm.js";
-import { n as I, t as L } from "./MudaFormCombobox-CK2De6Rv.js";
-import { n as R, t as z } from "./MudaFormField-dOZRdslO.js";
-import { t as B } from "./MudaFormRadio-BXj-XnwW.js";
-import { t as V } from "./MudaFormRadioGroup-DnsZT-0C.js";
-import { t as H } from "./MudaFormSelect-CLmsuMQG.js";
-import { t as U } from "./MudaFormSwitch-C2Hx0mfr.js";
-import { t as W } from "./MudaFormText-DbSiSTGh.js";
-import { t as G } from "./MudaIconPicker-X5xJ_lbO.js";
-import { t as K } from "./MudaMarker-DX1N2YxM.js";
-import { t as q } from "./MudaPagination-BoqrKfPw.js";
-import { n as J, r as Y, t as X } from "./MudaSidebar-DvKS4VtE.js";
-import { t as Z } from "./MudaSpinner-BMR0Shwx.js";
-import { i as Q, n as $, r as ee, t as te } from "./MudaTable-BxKbNx6v.js";
-import { t as ne } from "./MudaTag-kOu3daeI.js";
-export { l as CALENDAR_DAY_FORMAT, s as CALENDAR_MONTH_FORMAT, f as CALENDAR_VALUE_FORMAT, m as CALENDAR_YEAR_FORMAT, c as MONTH_RANGE_SIZE, T as MUDA_ICON_DELIMITER, J as MUDA_SIDEBAR_DEFAULT_CONTENT_WIDTH, Y as MUDA_SIDEBAR_DEFAULT_PANE_WIDTH, a as MudaButton, o as MudaButtonStack, d as MudaCalendar, p as MudaCalendarDatePicker, h as MudaCalendarInput, O as MudaCard, A as MudaColorPicker, k as MudaColorPickerControl, M as MudaDialog, N as MudaDropdown, P as MudaErrorBox, j as MudaFocusTrap, F as MudaFormCheckbox, I as MudaFormComboboxMultiple, L as MudaFormComboboxSingle, z as MudaFormField, R as MudaFormFieldErrors, E as MudaFormInput, B as MudaFormRadio, V as MudaFormRadioGroup, H as MudaFormSelect, U as MudaFormSwitch, W as MudaFormText, w as MudaIcon, G as MudaIconPicker, K as MudaMarker, q as MudaPagination, D as MudaPopover, X as MudaSidebar, Z as MudaSpinner, Q as MudaTable, ee as MudaTableCell, $ as MudaTableHead, te as MudaTableRow, ne as MudaTag, u as YEAR_RANGE_SIZE, b as composeIcon, S as extractIconName, v as extractIconVariant, g as isIconName, x as isIconVariant, e as useBodyScrollLock, t as useClickOutside, n as useKeyDown, C as useMudaIcon, _ as useMudaIconNames, y as useMudaIcons, r as useResizeObserver, i as useZIndex };
+import { n as r, t as i } from "./useResizeObserver-B0uwslYk.js";
+import { t as a } from "./useZIndex-DWnsohLZ.js";
+import { t as o } from "./MudaButton-B9EAJW32.js";
+import { t as s } from "./MudaButtonStack-8z8FVezw.js";
+import { a as c, c as l, i as u, l as d, n as f, o as p, r as m, s as h, t as g } from "./MudaCalendar-CgKIaHEr.js";
+import { a as _, c as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T, u as E } from "./MudaIcon-BwqQQnti.js";
+import { t as D } from "./MudaFormInput-D1-kQq9y.js";
+import { t as O } from "./MudaPopover-C1fDWbPf.js";
+import { t as k } from "./MudaCard-DGdFOdro.js";
+import { n as A, t as j } from "./MudaColorPicker-D9BhgHf9.js";
+import { t as M } from "./MudaFocusTrap-CGlvV_MC.js";
+import { t as N } from "./MudaDialog-dQSFVdgu.js";
+import { t as P } from "./MudaDropdown-Dhv8Mhxm.js";
+import { t as F } from "./MudaErrorBox-B9ySoal8.js";
+import { t as I } from "./MudaFormCheckbox-C1wTjohm.js";
+import { n as L, t as R } from "./MudaFormCombobox-CK2De6Rv.js";
+import { n as z, t as B } from "./MudaFormField-dOZRdslO.js";
+import { t as V } from "./MudaFormRadio-BXj-XnwW.js";
+import { t as H } from "./MudaFormRadioGroup-DnsZT-0C.js";
+import { t as U } from "./MudaFormSelect-CLmsuMQG.js";
+import { t as W } from "./MudaFormSwitch-C2Hx0mfr.js";
+import { t as G } from "./MudaFormText-DbSiSTGh.js";
+import { t as K } from "./MudaIconPicker-X5xJ_lbO.js";
+import { t as q } from "./MudaMarker-DX1N2YxM.js";
+import { t as J } from "./MudaPagination-BoqrKfPw.js";
+import { n as Y, r as X, t as Z } from "./MudaSidebar-DvKS4VtE.js";
+import { t as Q } from "./MudaSpinner-BMR0Shwx.js";
+import { i as $, n as ee, r as te, t as ne } from "./MudaTable-BxKbNx6v.js";
+import { t as re } from "./MudaTag-kOu3daeI.js";
+export { u as CALENDAR_DAY_FORMAT, c as CALENDAR_MONTH_FORMAT, p as CALENDAR_VALUE_FORMAT, h as CALENDAR_YEAR_FORMAT, l as MONTH_RANGE_SIZE, E as MUDA_ICON_DELIMITER, Y as MUDA_SIDEBAR_DEFAULT_CONTENT_WIDTH, X as MUDA_SIDEBAR_DEFAULT_PANE_WIDTH, o as MudaButton, s as MudaButtonStack, f as MudaCalendar, m as MudaCalendarDatePicker, g as MudaCalendarInput, k as MudaCard, j as MudaColorPicker, A as MudaColorPickerControl, N as MudaDialog, P as MudaDropdown, F as MudaErrorBox, M as MudaFocusTrap, I as MudaFormCheckbox, L as MudaFormComboboxMultiple, R as MudaFormComboboxSingle, B as MudaFormField, z as MudaFormFieldErrors, D as MudaFormInput, V as MudaFormRadio, H as MudaFormRadioGroup, U as MudaFormSelect, W as MudaFormSwitch, G as MudaFormText, T as MudaIcon, K as MudaIconPicker, q as MudaMarker, J as MudaPagination, O as MudaPopover, Z as MudaSidebar, Q as MudaSpinner, $ as MudaTable, te as MudaTableCell, ee as MudaTableHead, ne as MudaTableRow, re as MudaTag, d as YEAR_RANGE_SIZE, x as composeIcon, C as extractIconName, y as extractIconVariant, _ as isIconName, S as isIconVariant, e as useBodyScrollLock, t as useClickOutside, n as useKeyDown, r as useMudaColors, w as useMudaIcon, v as useMudaIconNames, b as useMudaIcons, i as useResizeObserver, a as useZIndex };

package/dist/useResizeObserver-B0uwslYk.js

@@ -0,0 +1,47 @@
+import { onUnmounted as e, readonly as t, ref as n, shallowRef as r, watch as i } from "vue";
+//#region src/composables/useMudaColors.ts
+var a = {
+	background: "--muda-color-background",
+	foreground: "--muda-color-foreground",
+	formBackground: "--muda-color-form-background",
+	primary: "--muda-color-primary",
+	primaryLight: "--muda-color-primary-light",
+	primaryDark: "--muda-color-primary-dark",
+	secondary: "--muda-color-secondary",
+	secondaryLight: "--muda-color-secondary-light",
+	secondaryDark: "--muda-color-secondary-dark",
+	success: "--muda-color-success",
+	successLight: "--muda-color-success-light",
+	successDark: "--muda-color-success-dark",
+	danger: "--muda-color-danger",
+	dangerLight: "--muda-color-danger-light",
+	dangerDark: "--muda-color-danger-dark",
+	warning: "--muda-color-warning",
+	warningLight: "--muda-color-warning-light",
+	warningDark: "--muda-color-warning-dark",
+	info: "--muda-color-info",
+	infoLight: "--muda-color-info-light",
+	infoDark: "--muda-color-info-dark"
+}, o = () => {
+	let e = getComputedStyle(document.documentElement), t = {};
+	for (let [n, r] of Object.entries(a)) t[n] = e.getPropertyValue(r).trim();
+	return t;
+}, s = r({}), c, l = () => {
+	s.value = o();
+}, u = () => {
+	c != null || typeof document > "u" || (l(), c = new MutationObserver(l), c.observe(document.documentElement, {
+		attributes: !0,
+		attributeFilter: ["data-theme", "class"]
+	}));
+}, d = () => (u(), t(s)), f = (t, r) => {
+	let a = n(!1), o = new ResizeObserver((e) => {
+		for (let t of e) r(t);
+	});
+	e(() => {
+		t.value != null && (o.unobserve(t.value), o.disconnect(), a.value = !1);
+	}), i(t, (e) => {
+		a.value || e != null && (o.observe(e), a.value = !0);
+	}, { immediate: !0 });
+};
+//#endregion
+export { d as n, f as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mudakit/ui",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Vue components for Muda",
   "license": "MIT",
   "repository": {

package/dist/useResizeObserver-BYI1Pg1T.js

@@ -1,14 +0,0 @@
-import { onUnmounted as e, ref as t, watch as n } from "vue";
-//#region src/composables/useResizeObserver.ts
-var r = (r, i) => {
-	let a = t(!1), o = new ResizeObserver((e) => {
-		for (let t of e) i(t);
-	});
-	e(() => {
-		r.value != null && (o.unobserve(r.value), o.disconnect(), a.value = !1);
-	}), n(r, (e) => {
-		a.value || e != null && (o.observe(e), a.value = !0);
-	}, { immediate: !0 });
-};
-//#endregion
-export { r as t };