morya-ui 0.4.5 → 0.5.1

package/dist/color-picker/style.js

@@ -0,0 +1,8 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Icon/styles.css'
+import '../components/Input/styles.css'
+import '../components/InputNumber/styles.css'
+import '../components/Segmented/styles.css'
+import '../components/Select/styles.css'
+import '../components/ColorPicker/styles.css'

package/dist/command-menu/index.js

@@ -1,32 +1,32 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../filterByQuery-Bczaxzih.js";
-import { n as ee } from "../overlay-oR-5MDuE.js";
-import { t as n } from "../useMotionTransition-DohkfWRB.js";
-import { t as te } from "../Icon-CmHjx7W8.js";
-import { t as ne } from "../Scrollbar-DTeJ8P5b.js";
-import { t as r } from "../icon-H8prbteT.js";
-import { t as i } from "../useModalOverlay-Beo3CEAt.js";
-import { l as a } from "../config-Cd20zAyW.js";
+import { n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../useMotionTransition-DohkfWRB.js";
+import { t as i } from "../Icon-CmHjx7W8.js";
+import { t as ee } from "../Scrollbar-DTeJ8P5b.js";
+import { n as a, t as o } from "../icon-CUrSaD8r.js";
+import { t as te } from "../useModalOverlay-Beo3CEAt.js";
+import { l as ne } from "../config-Cd20zAyW.js";
 import { n as re } from "../locale-BcxMPufl.js";
 import "./style.js";
-import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as ie, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, nextTick as g, normalizeClass as _, openBlock as v, ref as y, renderList as ae, toDisplayString as b, toRef as oe, unref as x, useAttrs as S, vModelText as C, watch as w, withCtx as T, withDirectives as E, withModifiers as D } from "vue";
+import { Fragment as ie, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeProps as ae, nextTick as oe, normalizeClass as se, openBlock as g, ref as _, renderList as ce, resolveDynamicComponent as le, toDisplayString as v, toRef as y, unref as b, useAttrs as x, vModelText as S, watch as C, withCtx as w, withDirectives as T, withModifiers as E } from "vue";
 //#region src/components/CommandMenu/CommandMenu.vue?vue&type=script&setup=true&lang.ts
-var O = ["aria-label"], k = ["placeholder", "aria-label"], A = [
+var D = ["aria-label"], O = ["placeholder", "aria-label"], k = [
 	"aria-selected",
 	"disabled",
 	"onClick",
 	"onMouseenter"
-], j = {
+], A = {
 	key: 0,
 	class: "m-commandmenu__icon",
 	"aria-hidden": "true"
-}, M = { class: "m-commandmenu__label" }, N = {
+}, j = { class: "m-commandmenu__label" }, M = {
 	key: 1,
 	class: "m-commandmenu__shortcut"
-}, P = {
+}, N = {
 	key: 0,
 	class: "m-commandmenu__empty"
-}, F = /* @__PURE__ */ m({
+}, P = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "CommandMenu",
 	props: {
@@ -48,99 +48,106 @@ var O = ["aria-label"], k = ["placeholder", "aria-label"], A = [
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(m, { emit: F }) {
-		let I = m, L = F, R = S(), { rootAttrs: z } = e(R, () => I.pt), B = a(), { transitionName: V, transitionCss: H } = n({
+	setup(h, { emit: P }) {
+		let F = h, I = P, L = x(), { rootAttrs: R } = e(L, () => F.pt), z = ne(), { transitionName: B, transitionCss: V } = r({
 			role: "tooltip",
-			local: () => I.transition,
+			local: () => F.transition,
 			componentName: "CommandMenu",
 			fallback: "fade"
-		}), U = re(), W = l(() => I.placeholder ?? U.value.searchCommands), G = y(""), K = y(null), q = y(null), J = y(0), Y = l(() => ee(I, B.value.appendTo)), X = l(() => t(I.model, G.value));
-		function Z() {
-			L("update:modelValue", !1);
+		}), H = re(), U = l(() => F.placeholder ?? H.value.searchCommands), W = _(""), G = _(null), K = _(null), q = _(0), J = l(() => n(F, z.value.appendTo)), Y = l(() => t(F.model, W.value));
+		function X() {
+			I("update:modelValue", !1);
+		}
+		function Z(e) {
+			e.disabled || (e.command?.(), X());
 		}
 		function Q(e) {
-			e.disabled || (e.command?.(), Z());
+			return typeof e.icon == "string" ? o(e.icon) : void 0;
 		}
 		function $(e) {
-			return r(e.icon);
+			return a(e.icon);
+		}
+		function ue(e) {
+			return !!(Q(e) || $(e));
 		}
-		function se(e) {
-			if (e.key === "ArrowDown" && (e.preventDefault(), J.value = Math.min(X.value.length - 1, J.value + 1)), e.key === "ArrowUp" && (e.preventDefault(), J.value = Math.max(0, J.value - 1)), e.key === "Enter") {
-				let t = X.value[J.value];
-				t && (e.preventDefault(), Q(t));
+		function de(e) {
+			if (e.key === "ArrowDown" && (e.preventDefault(), q.value = Math.min(Y.value.length - 1, q.value + 1)), e.key === "ArrowUp" && (e.preventDefault(), q.value = Math.max(0, q.value - 1)), e.key === "Enter") {
+				let t = Y.value[q.value];
+				t && (e.preventDefault(), Z(t));
 			}
 		}
-		return i({
-			open: oe(I, "modelValue"),
-			container: K,
+		return te({
+			open: y(F, "modelValue"),
+			container: G,
 			blockScroll: !0,
 			autoFocus: !1,
-			onEscape: Z,
+			onEscape: X,
 			onOpen: () => {
-				G.value = "", J.value = 0;
+				W.value = "", q.value = 0;
 			}
-		}), w(() => I.modelValue, async (e) => {
-			e && (await g(), q.value?.focus());
-		}), w(X, () => {
-			J.value = 0;
-		}), (e, t) => (v(), ie(s, {
-			to: Y.value.to,
-			disabled: Y.value.disabled
-		}, [p(c, {
-			name: x(V),
-			css: x(H)
+		}), C(() => F.modelValue, async (e) => {
+			e && (await oe(), K.value?.focus());
+		}), C(Y, () => {
+			q.value = 0;
+		}), (e, t) => (g(), u(s, {
+			to: J.value.to,
+			disabled: J.value.disabled
+		}, [m(c, {
+			name: b(B),
+			css: b(V)
 		}, {
-			default: T(() => [m.modelValue ? (v(), d("div", h({ key: 0 }, x(z), {
+			default: w(() => [h.modelValue ? (g(), f("div", ae({ key: 0 }, b(R), {
 				class: "m-commandmenu-backdrop",
-				onClick: D(Z, ["self"])
-			}), [f("div", {
+				onClick: E(X, ["self"])
+			}), [p("div", {
 				ref_key: "panelRef",
-				ref: K,
+				ref: G,
 				class: "m-commandmenu",
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": x(U).commandPalette,
+				"aria-label": b(H).commandPalette,
 				tabindex: "-1",
-				onKeydown: se
-			}, [E(f("input", {
+				onKeydown: de
+			}, [T(p("input", {
 				ref_key: "inputRef",
-				ref: q,
-				"onUpdate:modelValue": t[0] ||= (e) => G.value = e,
+				ref: K,
+				"onUpdate:modelValue": t[0] ||= (e) => W.value = e,
 				class: "m-commandmenu__input",
 				type: "search",
-				placeholder: W.value,
-				"aria-label": x(U).searchCommands
-			}, null, 8, k), [[C, G.value]]), p(ne, {
+				placeholder: U.value,
+				"aria-label": b(H).searchCommands
+			}, null, 8, O), [[S, W.value]]), m(ee, {
 				tag: "ul",
 				role: "listbox",
 				class: "m-commandmenu__list",
 				"fit-content": "",
 				"view-class": "m-commandmenu__list-view"
 			}, {
-				default: T(() => [(v(!0), d(o, null, ae(X.value, (e, t) => (v(), d("li", {
+				default: w(() => [(g(!0), f(ie, null, ce(Y.value, (e, t) => (g(), f("li", {
 					key: `${e.label}-${t}`,
 					role: "presentation"
-				}, [f("button", {
+				}, [p("button", {
 					type: "button",
-					class: _(["m-commandmenu__item", { "m-commandmenu__item--active": t === J.value }]),
+					class: se(["m-commandmenu__item", { "m-commandmenu__item--active": t === q.value }]),
 					role: "option",
-					"aria-selected": t === J.value,
+					"aria-selected": t === q.value,
 					disabled: e.disabled,
-					onClick: (t) => Q(e),
-					onMouseenter: (e) => J.value = t
+					onClick: (t) => Z(e),
+					onMouseenter: (e) => q.value = t
 				}, [
-					$(e) ? (v(), d("span", j, [p(te, {
-						name: $(e),
+					ue(e) ? (g(), f("span", A, [Q(e) ? (g(), u(i, {
+						key: 0,
+						name: Q(e),
 						size: "sm"
-					}, null, 8, ["name"])])) : u("", !0),
-					f("span", M, b(e.label), 1),
-					e.shortcut ? (v(), d("span", N, b(e.shortcut), 1)) : u("", !0)
-				], 42, A)]))), 128)), X.value.length ? u("", !0) : (v(), d("li", P, b(x(U).noMatch), 1))]),
+					}, null, 8, ["name"])) : $(e) ? (g(), u(le($(e)), { key: 1 })) : d("", !0)])) : d("", !0),
+					p("span", j, v(e.label), 1),
+					e.shortcut ? (g(), f("span", M, v(e.shortcut), 1)) : d("", !0)
+				], 42, k)]))), 128)), Y.value.length ? d("", !0) : (g(), f("li", N, v(b(H).noMatch), 1))]),
 				_: 1
-			})], 40, O)], 16)) : u("", !0)]),
+			})], 40, D)], 16)) : d("", !0)]),
 			_: 1
 		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { F as MCommandMenu };
+export { P as MCommandMenu };

package/dist/command-menu/style.css

@@ -405,7 +405,7 @@
 
 :root {
     /* Shared minimum width for menu-like panels (select/orderlist/picklist) */
-    --m-menu-min-width: 12rem;
+    --m-overlay-menu-min-width: 12rem;
 }
 
 .m-button,
@@ -463,7 +463,7 @@
 .m-progress-spinner,
 .m-cascadeselect,
 .m-treeselect,
-.m-inputcolor,
+.m-colorpicker,
 .m-inputtags,
 .m-label,
 .m-speeddial,
@@ -489,8 +489,7 @@
 .m-password__input:disabled,
 .m-inputnumber__input:disabled,
 .m-inputotp__input:disabled,
-.m-inputcolor__text:disabled,
-.m-inputcolor__swatch:disabled,
+.m-colorpicker__trigger:disabled,
 .m-inputtags--disabled {
     background-color: var(--m-color-bg-disabled);
     color: var(--m-color-text-disabled);
@@ -513,8 +512,7 @@
 .m-textarea::placeholder,
 .m-password__input::placeholder,
 .m-inputnumber__input::placeholder,
-.m-inputtags__input::placeholder,
-.m-inputcolor__text::placeholder {
+.m-inputtags__input::placeholder {
     color: var(--m-color-text-muted);
     opacity: 1;
 }
@@ -858,9 +856,7 @@
     font-family: var(--m-font-sans);
     gap: var(--m-space-2);
     max-width: 100%;
-    min-width: var(--m-menu-min-width);
     position: relative;
-    width: fit-content;
 }
 
 .m-textarea-field--fluid,
@@ -1051,7 +1047,7 @@
     flex: 1;
     max-height: 16rem;
     min-height: 12rem;
-    min-width: var(--m-menu-min-width);
+    min-width: var(--m-overlay-menu-min-width);
 }
 
 .m-orderlist__list,
@@ -1119,7 +1115,6 @@
     .m-cascadeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
 .m-treeselect:not(.m-treeselect--open)
     .m-treeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
-.m-inputcolor__text:hover:not(:disabled):not(:focus),
 .m-inputtags:hover:not(.m-inputtags--disabled):not(:focus-within),
 .m-togglebutton:hover:not(:disabled):not(.m-togglebutton--checked):not(:focus-visible),
 .m-inplace__display:hover:not(:focus-visible) {
@@ -1134,8 +1129,6 @@
 .m-treeselect--open .m-treeselect__trigger,
 .m-treeselect__trigger:focus,
 .m-treeselect__trigger:focus-visible,
-.m-inputcolor__text:focus,
-.m-inputcolor__text:focus-visible,
 .m-inputtags:focus-within,
 .m-togglebutton:focus-visible,
 .m-selectbutton__button:focus-visible,
@@ -1150,9 +1143,7 @@
 
 .m-inputotp--invalid .m-inputotp__input:focus,
 .m-inputotp--invalid .m-inputotp__input:focus-visible,
-.m-inputtags--invalid:focus-within,
-.m-inputcolor--invalid .m-inputcolor__text:focus,
-.m-inputcolor--invalid .m-inputcolor__text:focus-visible {
+.m-inputtags--invalid:focus-within {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }

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

@@ -0,0 +1,41 @@
+import { ColorPickerFormat, ColorPickerProps, ColorPickerPlacement, ColorPickerPreset } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { MSizeInput, MotionPresetId } from '../..';
+import { FieldPassThrough } from '../../shared/passThrough';
+declare function openPanel(): void;
+declare function closePanel(): void;
+declare function togglePanel(): void;
+declare const __VLS_export: DefineComponent<ColorPickerProps, {
+    open: typeof openPanel;
+    close: typeof closePanel;
+    toggle: typeof togglePanel;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    clear: () => any;
+    change: (value: string) => any;
+    show: () => any;
+    hide: () => any;
+}, string, PublicProps, Readonly<ColorPickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}>, {
+    size: MSizeInput;
+    pt: FieldPassThrough;
+    modelValue: string;
+    disabled: boolean;
+    transition: MotionPresetId | false;
+    clearable: boolean;
+    teleport: boolean;
+    placement: ColorPickerPlacement;
+    format: ColorPickerFormat;
+    gradient: boolean;
+    disabledAlpha: boolean;
+    presets: ColorPickerPreset[];
+    showText: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ColorPicker.vue.d.ts.map

package/dist/components/ColorPicker/ColorPicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.vue"],"names":[],"mappings":";;;AAuvBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAA+B,MAAM,SAAS,CAAA;AA8gB/F,iBAAS,SAAS,SAQjB;AAED,iBAAS,UAAU,SAOlB;AAED,iBAAS,WAAW,SAGnB;AAyiBD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/ColorPicker/colorUtils.d.ts

@@ -0,0 +1,23 @@
+export interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface HSB {
+    h: number;
+    s: number;
+    b: number;
+}
+export interface HSV extends HSB {
+}
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function round(value: number, precision?: number): number;
+export declare function hexToRgb(hex: string): RGB | null;
+export declare function rgbToHex(rgb: RGB): string;
+export declare function rgbToHsb(rgb: RGB): HSB;
+export declare function hsbToRgb(hsb: HSB): RGB;
+export declare function rgbToHsvString(rgb: RGB): string;
+export declare function hsbToHsvString(hsb: HSB): string;
+export declare function isValidHex(value: string): boolean;
+export declare function normalizeHex(value: string): string;
+//# sourceMappingURL=colorUtils.d.ts.map

package/dist/components/ColorPicker/colorUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/colorUtils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,GAAI,SAAQ,GAAG;CAAG;AAEnC,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAG1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAQhD;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAGzC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAetC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAmBtC;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAE/C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAE/C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKlD"}

package/dist/components/ColorPicker/gradientUtils.d.ts

@@ -0,0 +1,9 @@
+import { GradientStop, GradientValue } from './types';
+export declare function createStopId(): string;
+export declare function isGradient(value: string): boolean;
+export declare function parseGradient(value: string): GradientValue | null;
+export declare function gradientToString(gradient: GradientValue): string;
+export declare function normalizeColor(color: string): string;
+export declare function createDefaultGradient(): GradientValue;
+export declare function stopsToGradientPreview(stops: GradientStop[]): string;
+//# sourceMappingURL=gradientUtils.d.ts.map

package/dist/components/ColorPicker/gradientUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradientUtils.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/gradientUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI1D,wBAAgB,YAAY,IAAI,MAAM,CAErC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CA2FjE;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,CAShE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAmBpD;AAED,wBAAgB,qBAAqB,IAAI,aAAa,CASrD;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,MAAM,CAGpE"}

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

@@ -0,0 +1,3 @@
+export { default as MColorPicker } from './ColorPicker.vue';
+export type { ColorPickerEmits, ColorPickerFormat, ColorPickerMode, ColorPickerPreset, ColorPickerProps, GradientStop, GradientType, GradientValue, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC3D,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,SAAS,CAAA"}