@moubing/bing-ui 0.11.1 → 0.12.0

package/dist/components/BingCodeBlock/BingCodeBlock.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,347 @@
+import e from "../BingButton/BingButton.js";
+import { Check as t, Copy as n } from "../../icons/icons.js";
+import r from "../BingIcon/BingIcon.js";
+import i from "../BingScrollbar/BingScrollbar.js";
+import ee from "../BingResizable/BingResizable.js";
+import { highlightCode as te } from "./BingCodeBlock.highlight.js";
+import { writeTextWithClipboardApi as ne, writeTextWithTextareaFallback as re } from "../../utils/clipboard.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, nextTick as ie, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as ae, onMounted as oe, openBlock as h, ref as g, renderList as _, toDisplayString as v, watch as se, withCtx as y } from "vue";
+//#region src/components/BingCodeBlock/BingCodeBlock.vue?vue&type=script&setup=true&lang.ts
+var ce = ["aria-label"], le = {
+	key: 0,
+	class: "bing-code-block__header"
+}, ue = { class: "bing-code-block__meta" }, de = {
+	key: 0,
+	class: "bing-code-block__title"
+}, fe = {
+	key: 1,
+	class: "bing-code-block__language"
+}, pe = { class: "bing-code-block__copy-label" }, me = { class: "bing-code-block__code" }, he = {
+	key: 0,
+	class: "bing-code-block__line-number",
+	"aria-hidden": "true"
+}, ge = { class: "bing-code-block__line-content" }, _e = ["aria-label"], ve = {
+	key: 0,
+	class: "bing-code-block__header"
+}, ye = { class: "bing-code-block__meta" }, be = {
+	key: 0,
+	class: "bing-code-block__title"
+}, xe = {
+	key: 1,
+	class: "bing-code-block__language"
+}, Se = { class: "bing-code-block__copy-label" }, Ce = { class: "bing-code-block__code" }, we = {
+	key: 0,
+	class: "bing-code-block__line-number",
+	"aria-hidden": "true"
+}, Te = { class: "bing-code-block__line-content" }, b = 1, x = 2, S = 4, C = /* @__PURE__ */ f({
+	__name: "BingCodeBlock",
+	props: {
+		code: {},
+		language: { default: "text" },
+		theme: { default: "auto" },
+		title: { default: void 0 },
+		languageLabel: { default: void 0 },
+		copyable: {
+			type: Boolean,
+			default: !0
+		},
+		copyLabel: { default: "复制代码" },
+		copiedLabel: { default: "已复制" },
+		copyResetDelay: { default: 1600 },
+		lineNumbers: {
+			type: Boolean,
+			default: !0
+		},
+		highlightLines: { default: void 0 },
+		width: { default: void 0 },
+		maxHeight: { default: void 0 },
+		smoothScroll: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		resizable: {
+			type: Boolean,
+			default: !1
+		},
+		resizableOptions: { default: void 0 },
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: "代码块" }
+	},
+	emits: [
+		"copy",
+		"copyError",
+		"highlightError"
+	],
+	setup(f, { emit: C }) {
+		let Ee = [
+			"right",
+			"bottom",
+			"bottom-right"
+		], w = f, T = C, E = g(J(w.code)), D = g("idle"), O = g(!1), k = g(null), A = 0, j, M, N, P = o(() => w.language.trim() || "text"), F = g(G()), I = o(() => {
+			let e = typeof w.theme == "string" ? w.theme.trim() : "";
+			return e && e !== "auto" ? e : F.value;
+		}), L = o(() => w.languageLabel || (P.value === "text" ? "纯文本" : P.value.toUpperCase())), R = o(() => ["bing-code-block", {
+			"is-loading": D.value === "loading",
+			"is-error": D.value === "error",
+			"is-ready": D.value === "ready",
+			"is-wrapped": w.wrap,
+			"has-line-numbers": w.lineNumbers
+		}]), z = o(() => ({ maxHeight: q(w.maxHeight) })), B = o(() => ({
+			width: w.resizable ? "100%" : q(w.width),
+			height: w.resizable ? "100%" : void 0
+		})), V = o(() => w.resizable ? "100%" : void 0), De = o(() => ({
+			width: w.resizableOptions?.defaultSize?.width ?? w.width ?? 640,
+			height: w.resizableOptions?.defaultSize?.height ?? 360
+		})), Oe = o(() => w.resizableOptions?.directions ?? Ee), ke = o(() => w.resizableOptions?.ariaLabel ?? `${w.ariaLabel}尺寸调整`), Ae = o(() => je(w.highlightLines)), H = o(() => !!(w.title || L.value || w.copyable)), U = o(() => O.value ? w.copiedLabel : w.copyLabel), W = o(() => O.value ? t : n);
+		se(() => [
+			w.code,
+			P.value,
+			I.value
+		], () => {
+			Me();
+		}, { immediate: !0 }), oe(() => {
+			K(), M = new MutationObserver(K), M.observe(document.documentElement, {
+				attributeFilter: ["data-bing-theme"],
+				attributes: !0
+			}), N = window.matchMedia?.("(prefers-color-scheme: dark)"), N?.addEventListener?.("change", K);
+		}), ae(() => {
+			A += 1, Z(), M?.disconnect(), N?.removeEventListener?.("change", K), M = void 0, N = void 0;
+		});
+		function G() {
+			if (typeof document > "u") return "vitesse-light";
+			let e = document.documentElement.dataset.bingTheme, t = typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)").matches === !0;
+			return e === "dark" || e === "system" && t ? "github-dark" : "vitesse-light";
+		}
+		function K() {
+			F.value = G();
+		}
+		function q(e) {
+			return typeof e == "number" ? `${e}px` : e;
+		}
+		function J(e) {
+			return e.split("\n").map((e, t) => ({
+				number: t + 1,
+				tokens: [{ content: e }]
+			}));
+		}
+		function je(e) {
+			let t = /* @__PURE__ */ new Set();
+			for (let n of e ?? []) {
+				if (typeof n == "number") {
+					Number.isInteger(n) && n > 0 && t.add(n);
+					continue;
+				}
+				let [e, r] = n;
+				if (!(!Number.isInteger(e) || !Number.isInteger(r) || e <= 0 || r < e)) for (let n = e; n <= r; n += 1) t.add(n);
+			}
+			return t;
+		}
+		function Y(e) {
+			return ["bing-code-block__line", { "is-highlighted": Ae.value.has(e) }];
+		}
+		function X(e) {
+			let t = {};
+			return e.color && (t.color = e.color), e.fontStyle !== void 0 && ((e.fontStyle & b) === b && (t.fontStyle = "italic"), (e.fontStyle & x) === x && (t.fontWeight = "700"), (e.fontStyle & S) === S && (t.textDecoration = "underline")), t;
+		}
+		async function Me() {
+			let e = A += 1;
+			D.value = "loading", E.value = J(w.code);
+			try {
+				let t = await te(w.code, P.value, I.value);
+				if (e !== A) return;
+				E.value = t, D.value = "ready";
+			} catch (t) {
+				if (e !== A) return;
+				let n = t instanceof Error ? t : Error(String(t));
+				E.value = J(w.code), D.value = "error", T("highlightError", n);
+			}
+		}
+		function Z() {
+			if (j === void 0 || typeof window > "u") {
+				j = void 0;
+				return;
+			}
+			window.clearTimeout(j), j = void 0;
+		}
+		function Ne() {
+			Z(), !(typeof window > "u") && (j = window.setTimeout(() => {
+				j = void 0, O.value = !1;
+			}, Math.max(0, w.copyResetDelay)));
+		}
+		function Pe(e, t) {
+			let n = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
+			return e.deltaMode === WheelEvent.DOM_DELTA_LINE ? n * 16 : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? n * t.clientWidth : n;
+		}
+		function Q(e, t) {
+			if (e.defaultPrevented || e.ctrlKey) return !1;
+			let n = Math.max(0, t.scrollWidth - t.clientWidth), r = Math.min(n, Math.max(0, t.scrollLeft + Pe(e, t)));
+			return r === t.scrollLeft ? !1 : (e.preventDefault(), t.scrollLeft = r, t.dispatchEvent(new Event("scroll")), !0);
+		}
+		function Fe(e) {
+			if (!e.shiftKey || e.defaultPrevented) return;
+			let t = k.value?.viewport, n = e.target;
+			if (!(!t || n instanceof Node && t.contains(n))) {
+				if (w.smoothScroll === !1) {
+					Q(e, t);
+					return;
+				}
+				(k.value?.handleWheel(e) ?? !1) || Q(e, t);
+			}
+		}
+		async function $() {
+			try {
+				if (!(await ne(w.code) || re(w.code))) throw Error("复制功能暂不可用。");
+				O.value = !0, T("copy", {
+					code: w.code,
+					language: P.value
+				}), await ie(), Ne();
+			} catch (e) {
+				T("copyError", e instanceof Error ? e : Error(String(e)));
+			}
+		}
+		return (t, n) => f.resizable ? (h(), s(ee, {
+			key: 0,
+			class: "bing-code-block__resizable",
+			"default-size": De.value,
+			"min-width": f.resizableOptions?.minWidth ?? 380,
+			"min-height": f.resizableOptions?.minHeight ?? 240,
+			"max-width": f.resizableOptions?.maxWidth,
+			"max-height": f.resizableOptions?.maxHeight,
+			mode: f.resizableOptions?.mode ?? "fixed",
+			"snap-mode": f.resizableOptions?.snapMode ?? "live",
+			directions: Oe.value,
+			step: f.resizableOptions?.step ?? 1,
+			disabled: f.resizableOptions?.disabled ?? !1,
+			"lock-aspect-ratio": f.resizableOptions?.lockAspectRatio ?? !1,
+			contain: f.resizableOptions?.contain ?? !1,
+			"show-size": f.resizableOptions?.showSize ?? !0,
+			"handle-size": f.resizableOptions?.handleSize ?? 12,
+			"aria-label": ke.value
+		}, {
+			default: y(() => [u("section", {
+				class: p(R.value),
+				style: m(B.value),
+				"aria-label": f.ariaLabel,
+				onWheel: Fe
+			}, [H.value ? (h(), l("header", le, [u("div", ue, [f.title ? (h(), l("span", de, v(f.title), 1)) : c("", !0), L.value ? (h(), l("span", fe, v(L.value), 1)) : c("", !0)]), f.copyable ? (h(), s(e, {
+				key: 0,
+				class: "bing-code-block__copy",
+				variant: "ghost",
+				size: "sm",
+				"html-type": "button",
+				"text-effect": "none",
+				throttle: !1,
+				"aria-label": U.value,
+				onClick: $
+			}, {
+				prefix: y(() => [d(r, {
+					icon: W.value,
+					size: "sm"
+				}, null, 8, ["icon"])]),
+				default: y(() => [u("span", pe, v(U.value), 1)]),
+				_: 1
+			}, 8, ["aria-label"])) : c("", !0)])) : c("", !0), d(i, {
+				ref_key: "scrollbarRef",
+				ref: k,
+				class: "bing-code-block__scroll",
+				height: V.value,
+				"max-height": f.maxHeight,
+				smooth: f.smoothScroll,
+				horizontal: "",
+				always: "",
+				"aria-label": f.ariaLabel
+			}, {
+				default: y(() => [u("pre", {
+					class: "bing-code-block__pre",
+					style: m(z.value)
+				}, [u("code", me, [(h(!0), l(a, null, _(E.value, (e) => (h(), l("span", {
+					key: e.number,
+					class: p(Y(e.number))
+				}, [f.lineNumbers ? (h(), l("span", he, v(e.number), 1)) : c("", !0), u("span", ge, [(h(!0), l(a, null, _(e.tokens, (t, n) => (h(), l("span", {
+					key: `${e.number}-${n}`,
+					class: "bing-code-block__token",
+					style: m(X(t))
+				}, v(t.content || "​"), 5))), 128))])], 2))), 128))])], 4)]),
+				_: 1
+			}, 8, [
+				"height",
+				"max-height",
+				"smooth",
+				"aria-label"
+			])], 46, ce)]),
+			_: 1
+		}, 8, [
+			"default-size",
+			"min-width",
+			"min-height",
+			"max-width",
+			"max-height",
+			"mode",
+			"snap-mode",
+			"directions",
+			"step",
+			"disabled",
+			"lock-aspect-ratio",
+			"contain",
+			"show-size",
+			"handle-size",
+			"aria-label"
+		])) : (h(), l("section", {
+			key: 1,
+			class: p(R.value),
+			style: m(B.value),
+			"aria-label": f.ariaLabel,
+			onWheel: Fe
+		}, [H.value ? (h(), l("header", ve, [u("div", ye, [f.title ? (h(), l("span", be, v(f.title), 1)) : c("", !0), L.value ? (h(), l("span", xe, v(L.value), 1)) : c("", !0)]), f.copyable ? (h(), s(e, {
+			key: 0,
+			class: "bing-code-block__copy",
+			variant: "ghost",
+			size: "sm",
+			"html-type": "button",
+			"text-effect": "none",
+			throttle: !1,
+			"aria-label": U.value,
+			onClick: $
+		}, {
+			prefix: y(() => [d(r, {
+				icon: W.value,
+				size: "sm"
+			}, null, 8, ["icon"])]),
+			default: y(() => [u("span", Se, v(U.value), 1)]),
+			_: 1
+		}, 8, ["aria-label"])) : c("", !0)])) : c("", !0), d(i, {
+			ref_key: "scrollbarRef",
+			ref: k,
+			class: "bing-code-block__scroll",
+			height: V.value,
+			"max-height": f.maxHeight,
+			smooth: f.smoothScroll,
+			horizontal: "",
+			always: "",
+			"aria-label": f.ariaLabel
+		}, {
+			default: y(() => [u("pre", {
+				class: "bing-code-block__pre",
+				style: m(z.value)
+			}, [u("code", Ce, [(h(!0), l(a, null, _(E.value, (e) => (h(), l("span", {
+				key: e.number,
+				class: p(Y(e.number))
+			}, [f.lineNumbers ? (h(), l("span", we, v(e.number), 1)) : c("", !0), u("span", Te, [(h(!0), l(a, null, _(e.tokens, (t, n) => (h(), l("span", {
+				key: `${e.number}-${n}`,
+				class: "bing-code-block__token",
+				style: m(X(t))
+			}, v(t.content || "​"), 5))), 128))])], 2))), 128))])], 4)]),
+			_: 1
+		}, 8, [
+			"height",
+			"max-height",
+			"smooth",
+			"aria-label"
+		])], 46, _e));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/BingColorPicker/BingColorPicker.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./BingColorPicker.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                */
+//#region src/components/BingColorPicker/BingColorPicker.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-52bb4f48"]]);
+//#endregion
+export { n as default };

package/dist/components/BingColorPicker/BingColorPicker.utils.d.ts

@@ -0,0 +1,70 @@
+import { BingColorPickerFormat, BingColorPickerHslValue, BingColorPickerPreset, BingColorPickerPresetInput, BingColorPickerRgbValue } from './BingColorPicker.types';
+export interface FormatEntry {
+    format: BingColorPickerFormat;
+    label: string;
+    value: string;
+}
+export interface NormalizedPreset {
+    label: string;
+    value: string;
+}
+export interface HsvColor {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+}
+export interface ParsedColor {
+    alpha: number;
+    hex: string;
+}
+export type ColorValue = ReturnType<typeof createColorValue>;
+export declare const defaultColor = "#ec4899";
+export declare const defaultPresets: BingColorPickerPreset[];
+export declare function normalizeCssLength(value: string | number): string;
+export declare function parseCssSize(value: string | number | undefined, fallback: number): number;
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function normalizeHue(value: number): number;
+export declare function normalizeChannel(value: number): number;
+export declare function normalizeAlpha(value: number): number;
+export declare function formatAlpha(value: number): string;
+export declare function componentToHex(value: number): string;
+export declare function alphaToHex(value: number): string;
+export declare function rgbToHex(rgb: Pick<BingColorPickerRgbValue, 'r' | 'g' | 'b'>): string;
+export declare function rgbToHexAlpha(rgb: Pick<BingColorPickerRgbValue, 'r' | 'g' | 'b'>, alpha?: number): string;
+export declare function parseAlphaChannel(value: string | undefined, fallback?: number): number;
+export declare function parseRgbChannel(value: string | undefined): number | undefined;
+export declare function parsePercentChannel(value: string | undefined): number | undefined;
+export declare function parseFunctionColorParts(value: string): {
+    alphaPart: string;
+    channels: string[];
+};
+export declare function parseColorInput(value: string | null | undefined): {
+    alpha: number;
+    hex: string;
+} | undefined;
+export declare function normalizeHex(value: string | null | undefined): string | undefined;
+export declare function resolveColor(value: string | null | undefined): string;
+export declare function resolveAlpha(value: string | null | undefined): number;
+export declare function hexToRgb(hex: string): BingColorPickerRgbValue;
+export declare function getHueFromHex(hex: string, fallback: number): number;
+export declare function rgbToHsl(rgb: Pick<BingColorPickerRgbValue, 'r' | 'g' | 'b'>): BingColorPickerHslValue;
+export declare function rgbToHsv(rgb: Pick<BingColorPickerRgbValue, 'r' | 'g' | 'b'>): HsvColor;
+export declare function hsvToRgb(hsv: Pick<HsvColor, 'h' | 's' | 'v'>): BingColorPickerRgbValue;
+export declare function hslToRgb(hsl: Pick<BingColorPickerHslValue, 'h' | 's' | 'l'>): BingColorPickerRgbValue;
+export declare function createColorValue(hex: string, alpha?: number): {
+    hex: string;
+    hexAlpha: string;
+    rgba: string;
+    hsl: string;
+    rgb: {
+        a: number;
+        r: number;
+        g: number;
+        b: number;
+    };
+    hslParts: BingColorPickerHslValue;
+};
+export declare function getFormatLabel(format: BingColorPickerFormat): "HEX" | "RGBA" | "HSL";
+export declare function getColorFormatValue(color: ReturnType<typeof createColorValue>, format: BingColorPickerFormat): string;
+export declare function normalizePreset(preset: BingColorPickerPresetInput): NormalizedPreset | undefined;

package/dist/components/BingColorPicker/BingColorPicker.utils.js

@@ -0,0 +1,265 @@
+//#region src/components/BingColorPicker/BingColorPicker.utils.ts
+var e = "#ec4899", t = [
+	{
+		label: "冰粉",
+		value: "#ec4899"
+	},
+	{
+		label: "玫瑰红",
+		value: "#f43f5e"
+	},
+	{
+		label: "琥珀橙",
+		value: "#f59e0b"
+	},
+	{
+		label: "柔金",
+		value: "#eab308"
+	},
+	{
+		label: "青柠绿",
+		value: "#84cc16"
+	},
+	{
+		label: "翡翠绿",
+		value: "#10b981"
+	},
+	{
+		label: "青色",
+		value: "#06b6d4"
+	},
+	{
+		label: "天蓝",
+		value: "#0ea5e9"
+	},
+	{
+		label: "亮蓝",
+		value: "#3b82f6"
+	},
+	{
+		label: "靛蓝",
+		value: "#6366f1"
+	},
+	{
+		label: "紫罗兰",
+		value: "#8b5cf6"
+	},
+	{
+		label: "品红",
+		value: "#d946ef"
+	},
+	{
+		label: "蓝灰",
+		value: "#334155"
+	},
+	{
+		label: "石墨黑",
+		value: "#111827"
+	},
+	{
+		label: "瓷白",
+		value: "#f8fafc"
+	},
+	{
+		label: "浅粉",
+		value: "#fdf2f8"
+	}
+];
+function n(e) {
+	if (typeof e == "number") return `${e}px`;
+	let t = e.trim();
+	return /^-?\d+(\.\d)?\d*$/.test(t) ? `${t}px` : e;
+}
+function r(e, t) {
+	if (typeof e == "number") return Math.max(0, e);
+	if (typeof e == "string") {
+		let n = Number.parseFloat(e);
+		return Number.isFinite(n) ? Math.max(0, n) : t;
+	}
+	return t;
+}
+function i(e, t, n) {
+	return n < t ? t : Math.min(n, Math.max(t, e));
+}
+function a(e) {
+	return (Math.round(e) % 360 + 360) % 360;
+}
+function o(e) {
+	return i(Math.round(e), 0, 255);
+}
+function s(e) {
+	return Math.round(i(e, 0, 1) * 100) / 100;
+}
+function c(e) {
+	return `${s(e)}`;
+}
+function l(e) {
+	return o(e).toString(16).padStart(2, "0");
+}
+function u(e) {
+	return l(s(e) * 255);
+}
+function d(e) {
+	return `#${l(e.r)}${l(e.g)}${l(e.b)}`;
+}
+function f(e, t = 1) {
+	return `${d(e)}${u(t)}`;
+}
+function p(e, t = 1) {
+	if (e === void 0 || e.trim() === "") return t;
+	let n = e.trim(), r = Number.parseFloat(n);
+	return Number.isFinite(r) ? s(n.endsWith("%") ? r / 100 : r) : t;
+}
+function m(e) {
+	if (e === void 0 || e.trim() === "") return;
+	let t = e.trim(), n = Number.parseFloat(t);
+	if (Number.isFinite(n)) return o(t.endsWith("%") ? n / 100 * 255 : n);
+}
+function h(e) {
+	if (e === void 0 || e.trim() === "") return;
+	let t = e.trim(), n = Number.parseFloat(t);
+	if (Number.isFinite(n)) return i(n, 0, 100);
+}
+function g(e) {
+	let [t, n] = e.split("/"), r = t.trim().split(/[\s,]+/).filter(Boolean);
+	return {
+		alphaPart: n?.trim(),
+		channels: r
+	};
+}
+function _(e) {
+	if (!e) return;
+	let t = e.trim().toLowerCase(), n = t.replace(/^#/, "");
+	if (/^[\da-f]{3}$/.test(n)) return {
+		alpha: 1,
+		hex: `#${n.split("").map((e) => `${e}${e}`).join("")}`
+	};
+	if (/^[\da-f]{4}$/.test(n)) {
+		let e = n.split("");
+		return {
+			alpha: s(Number.parseInt(`${e[3]}${e[3]}`, 16) / 255),
+			hex: `#${e.slice(0, 3).map((e) => `${e}${e}`).join("")}`
+		};
+	}
+	if (/^[\da-f]{6}$/.test(n)) return {
+		alpha: 1,
+		hex: `#${n}`
+	};
+	if (/^[\da-f]{8}$/.test(n)) return {
+		alpha: s(Number.parseInt(n.slice(6), 16) / 255),
+		hex: `#${n.slice(0, 6)}`
+	};
+	let r = t.match(/^rgba?\((.+)\)$/);
+	if (r) {
+		let { alphaPart: e, channels: t } = g(r[1]), [n, i, a] = t.map(m), o = p(e ?? t[3], 1);
+		if (n !== void 0 && i !== void 0 && a !== void 0) return {
+			alpha: o,
+			hex: d({
+				r: n,
+				g: i,
+				b: a
+			})
+		};
+	}
+	let i = t.match(/^hsla?\((.+)\)$/);
+	if (i) {
+		let { alphaPart: e, channels: t } = g(i[1]), n = Number.parseFloat(t[0] ?? ""), r = h(t[1]), a = h(t[2]), o = p(e ?? t[3], 1);
+		if (Number.isFinite(n) && r !== void 0 && a !== void 0) return {
+			alpha: o,
+			hex: d(E({
+				h: n,
+				s: r,
+				l: a
+			}))
+		};
+	}
+}
+function v(e) {
+	return _(e)?.hex;
+}
+function y(e) {
+	return v(e) ?? "#ec4899";
+}
+function b(e) {
+	return _(e)?.alpha ?? 1;
+}
+function x(e) {
+	let t = y(e).slice(1), n = Number.parseInt(t, 16);
+	return {
+		r: n >> 16 & 255,
+		g: n >> 8 & 255,
+		b: n & 255,
+		a: 1
+	};
+}
+function S(e, t) {
+	let n = w(x(e));
+	return n.s > 0 && n.v > 0 ? n.h : t;
+}
+function C(e) {
+	let t = e.r / 255, n = e.g / 255, r = e.b / 255, i = Math.max(t, n, r), o = Math.min(t, n, r), s = i - o, c = (i + o) / 2, l = 0, u = 0;
+	return s !== 0 && (u = s / (1 - Math.abs(2 * c - 1)), l = i === t ? 60 * ((n - r) / s % 6) : i === n ? 60 * ((r - t) / s + 2) : 60 * ((t - n) / s + 4)), {
+		h: a(l),
+		s: Math.round(u * 100),
+		l: Math.round(c * 100),
+		a: 1
+	};
+}
+function w(e) {
+	let t = e.r / 255, n = e.g / 255, r = e.b / 255, i = Math.max(t, n, r), o = i - Math.min(t, n, r), s = 0;
+	return o !== 0 && (s = i === t ? 60 * ((n - r) / o % 6) : i === n ? 60 * ((r - t) / o + 2) : 60 * ((t - n) / o + 4)), {
+		h: a(s),
+		s: i === 0 ? 0 : Math.round(o / i * 100),
+		v: Math.round(i * 100),
+		a: 1
+	};
+}
+function T(e) {
+	let t = a(e.h), n = i(e.s, 0, 100) / 100, r = i(e.v, 0, 100) / 100, s = r * n, c = s * (1 - Math.abs(t / 60 % 2 - 1)), l = r - s, u = 0, d = 0, f = 0;
+	return t < 60 ? (u = s, d = c) : t < 120 ? (u = c, d = s) : t < 180 ? (d = s, f = c) : t < 240 ? (d = c, f = s) : t < 300 ? (u = c, f = s) : (u = s, f = c), {
+		r: o((u + l) * 255),
+		g: o((d + l) * 255),
+		b: o((f + l) * 255),
+		a: 1
+	};
+}
+function E(e) {
+	let t = a(e.h), n = i(e.s, 0, 100) / 100, r = i(e.l, 0, 100) / 100, s = (1 - Math.abs(2 * r - 1)) * n, c = s * (1 - Math.abs(t / 60 % 2 - 1)), l = r - s / 2, u = 0, d = 0, f = 0;
+	return t < 60 ? (u = s, d = c) : t < 120 ? (u = c, d = s) : t < 180 ? (d = s, f = c) : t < 240 ? (d = c, f = s) : t < 300 ? (u = c, f = s) : (u = s, f = c), {
+		r: o((u + l) * 255),
+		g: o((d + l) * 255),
+		b: o((f + l) * 255),
+		a: 1
+	};
+}
+function D(e, t = 1) {
+	let n = s(t), r = {
+		...x(e),
+		a: n
+	}, i = C(r);
+	i.a = n;
+	let a = d(r), o = c(n);
+	return {
+		hex: a,
+		hexAlpha: f(r, n),
+		rgba: `rgba(${r.r}, ${r.g}, ${r.b}, ${o})`,
+		hsl: n >= 1 ? `hsl(${i.h}, ${i.s}%, ${i.l}%)` : `hsla(${i.h}, ${i.s}%, ${i.l}%, ${o})`,
+		rgb: r,
+		hslParts: i
+	};
+}
+function O(e) {
+	return e === "hex" ? "HEX" : e === "rgba" ? "RGBA" : "HSL";
+}
+function k(e, t) {
+	return t === "hex" ? e.hexAlpha : t === "rgba" ? e.rgba : e.hsl;
+}
+function A(e) {
+	let t = v(typeof e == "string" ? e : e.value);
+	if (t) return {
+		label: typeof e == "string" ? t : e.label ?? t,
+		value: t
+	};
+}
+//#endregion
+export { i as clamp, D as createColorValue, e as defaultColor, t as defaultPresets, k as getColorFormatValue, O as getFormatLabel, S as getHueFromHex, x as hexToRgb, T as hsvToRgb, s as normalizeAlpha, n as normalizeCssLength, v as normalizeHex, a as normalizeHue, A as normalizePreset, _ as parseColorInput, r as parseCssSize, b as resolveAlpha, y as resolveColor, d as rgbToHex, w as rgbToHsv };