@umbraco-ui/uui 2.0.0 → 2.0.1

package/dist/internal/utils/color.js

@@ -1,91 +1,122 @@
-import { parse, formatHex, formatHex8, converter } from "culori";
 import { clamp } from "./math.js";
-const toHsl = converter("hsl");
-const toRgb = converter("rgb");
-const toHsv = converter("hsv");
+import { converter, formatHex, formatHex8, parse } from "culori";
+//#region src/internal/utils/color.ts
+var toHsl = converter("hsl");
+var toRgb = converter("rgb");
+var toHsv = converter("hsv");
+/**
+* Parse any supported color value into an HslaColor.
+*
+* Accepts: hex (#rgb, #rgba, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(),
+* hsv(h, s%, v%) / hsva(h, s%, v%, a) (comma-separated), all CSS named colors
+* (including 'transparent'), and HslaColor objects (passed through unchanged).
+*
+* Returns null for unrecognised input.
+*/
 function parseColor(input) {
-  if (typeof input !== "string") return input;
-  const value = input.trim();
-  if (!value) return null;
-  if (/^hsva?/i.test(value)) return parseHsv(value);
-  const parsed = parse(value);
-  if (!parsed) return null;
-  const hsl = toHsl(parsed);
-  if (!hsl) return null;
-  return {
-    h: Math.round(hsl.h ?? 0) % 360,
-    s: Math.round((hsl.s ?? 0) * 100),
-    l: Math.round((hsl.l ?? 0) * 100),
-    a: hsl.alpha ?? 1
-  };
+	if (typeof input !== "string") return input;
+	const value = input.trim();
+	if (!value) return null;
+	if (/^hsva?/i.test(value)) return parseHsv(value);
+	const parsed = parse(value);
+	if (!parsed) return null;
+	const hsl = toHsl(parsed);
+	if (!hsl) return null;
+	return {
+		h: Math.round(hsl.h ?? 0) % 360,
+		s: Math.round((hsl.s ?? 0) * 100),
+		l: Math.round((hsl.l ?? 0) * 100),
+		a: hsl.alpha ?? 1
+	};
 }
+/** Parse comma-separated hsv(h, s%, v%) and hsva(h, s%, v%, a) strings. */
 function parseHsv(value) {
-  const m = /^hsva?\(\s*([\d.]+),\s*([\d.]+)%,\s*([\d.]+)%(?:,\s*([\d.]+))?\s*\)$/i.exec(
-    value
-  );
-  if (!m) return null;
-  const hsvColor = {
-    mode: "hsv",
-    h: Number.parseFloat(m[1]),
-    s: Number.parseFloat(m[2]) / 100,
-    v: Number.parseFloat(m[3]) / 100,
-    alpha: m[4] === void 0 ? 1 : Number.parseFloat(m[4])
-  };
-  const hsl = toHsl(hsvColor);
-  if (!hsl) return null;
-  return {
-    h: Math.round(hsl.h ?? 0) % 360,
-    s: Math.round((hsl.s ?? 0) * 100),
-    l: Math.round((hsl.l ?? 0) * 100),
-    a: hsl.alpha ?? 1
-  };
+	const m = /^hsva?\(\s*([\d.]+),\s*([\d.]+)%,\s*([\d.]+)%(?:,\s*([\d.]+))?\s*\)$/i.exec(value);
+	if (!m) return null;
+	const hsl = toHsl({
+		mode: "hsv",
+		h: Number.parseFloat(m[1]),
+		s: Number.parseFloat(m[2]) / 100,
+		v: Number.parseFloat(m[3]) / 100,
+		alpha: m[4] === void 0 ? 1 : Number.parseFloat(m[4])
+	});
+	if (!hsl) return null;
+	return {
+		h: Math.round(hsl.h ?? 0) % 360,
+		s: Math.round((hsl.s ?? 0) * 100),
+		l: Math.round((hsl.l ?? 0) * 100),
+		a: hsl.alpha ?? 1
+	};
 }
+/**
+* Convert HSL (h: 0–360, s: 0–100, l: 0–100) to RGB (r, g, b: 0–255).
+*/
 function hslaToRgb(h, s, l) {
-  const rgb = toRgb({ mode: "hsl", h, s: s / 100, l: l / 100 });
-  return {
-    r: Math.round((rgb?.r ?? 0) * 255),
-    g: Math.round((rgb?.g ?? 0) * 255),
-    b: Math.round((rgb?.b ?? 0) * 255)
-  };
+	const rgb = toRgb({
+		mode: "hsl",
+		h,
+		s: s / 100,
+		l: l / 100
+	});
+	return {
+		r: Math.round((rgb?.r ?? 0) * 255),
+		g: Math.round((rgb?.g ?? 0) * 255),
+		b: Math.round((rgb?.b ?? 0) * 255)
+	};
 }
+/**
+* Convert HSL (h: 0–360, s: 0–100, l: 0–100) to HSV.
+* Returns h (0–360), s (0–100), v (0–100).
+*/
 function hslaToHsv(h, s, l) {
-  const hsv = toHsv({ mode: "hsl", h, s: s / 100, l: l / 100 });
-  return {
-    h,
-    s: Math.round((hsv?.s ?? 0) * 100),
-    v: Math.round((hsv?.v ?? 0) * 100)
-  };
+	const hsv = toHsv({
+		mode: "hsl",
+		h,
+		s: s / 100,
+		l: l / 100
+	});
+	return {
+		h,
+		s: Math.round((hsv?.s ?? 0) * 100),
+		v: Math.round((hsv?.v ?? 0) * 100)
+	};
 }
+/**
+* Generate a hex string from HSLA values.
+* Hue: 0–360, saturation/lightness: 0–100, alpha: 0–100 (default 100).
+* Note: alpha uses 0–100 scale (matching the component's `alpha` property)
+* unlike `hslaToRgbString` which uses 0–1.
+* Returns 6-digit hex when fully opaque, 8-digit when alpha < 100.
+* Returns empty string on invalid input.
+*/
 function hslaToHex(hue, saturation, lightness, alpha = 100) {
-  if (Number.isNaN(hue) || Number.isNaN(saturation) || Number.isNaN(lightness) || Number.isNaN(alpha))
-    return "";
-  const color = {
-    mode: "hsl",
-    h: hue,
-    s: saturation / 100,
-    l: lightness / 100,
-    alpha: alpha / 100
-  };
-  if (alpha >= 100) return formatHex(color) ?? "";
-  return formatHex8(color) ?? "";
+	if (Number.isNaN(hue) || Number.isNaN(saturation) || Number.isNaN(lightness) || Number.isNaN(alpha)) return "";
+	const color = {
+		mode: "hsl",
+		h: hue,
+		s: saturation / 100,
+		l: lightness / 100,
+		alpha: alpha / 100
+	};
+	if (alpha >= 100) return formatHex(color) ?? "";
+	return formatHex8(color) ?? "";
 }
+/**
+* Format HSLA as a CSS rgb() string (modern space-separated syntax).
+*/
 function hslaToRgbString(h, s, l, a) {
-  const { r, g, b } = hslaToRgb(h, s, l);
-  return `rgb(${r} ${g} ${b} / ${a})`;
+	const { r, g, b } = hslaToRgb(h, s, l);
+	return `rgb(${r} ${g} ${b} / ${a})`;
 }
+/** Converts HSL lightness to HSB brightness given a saturation value. */
 function brightnessFromLightness(saturation, lightness) {
-  return clamp(-1 * (200 * lightness / (saturation - 200)), 0, 100);
+	return clamp(-1 * (200 * lightness / (saturation - 200)), 0, 100);
 }
+/** Converts HSB brightness to HSL lightness given a saturation value. */
 function lightnessFromBrightness(saturation, brightness) {
-  return clamp((200 - saturation) * brightness / 100 * 5 / 10, 0, 100);
+	return clamp((200 - saturation) * brightness / 100 * 5 / 10, 0, 100);
 }
-export {
-  brightnessFromLightness,
-  hslaToHex,
-  hslaToHsv,
-  hslaToRgb,
-  hslaToRgbString,
-  lightnessFromBrightness,
-  parseColor
-};
-//# sourceMappingURL=color.js.map
+//#endregion
+export { brightnessFromLightness, hslaToHex, hslaToHsv, hslaToRgb, hslaToRgbString, lightnessFromBrightness, parseColor };
+
+//# sourceMappingURL=color.js.map

package/dist/internal/utils/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../src/internal/utils/color.ts"],"sourcesContent":["import { parse, converter, formatHex, formatHex8 } from 'culori';\nimport { clamp } from './math.js';\n\n// ─── Culori converters (created once, reused) ─────────────────────────────────\n\nconst toHsl = converter('hsl');\nconst toRgb = converter('rgb');\nconst toHsv = converter('hsv');\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\n/**\n * Color expressed as hue (0–360), saturation (0–100), lightness (0–100),\n * alpha (0–1). Matches the convention used throughout the UUI color components.\n */\nexport type HslaColor = { h: number; s: number; l: number; a: number };\n\n// ─── Parsing ──────────────────────────────────────────────────────────────────\n\n/**\n * Parse any supported color value into an HslaColor.\n *\n * Accepts: hex (#rgb, #rgba, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(),\n * hsv(h, s%, v%) / hsva(h, s%, v%, a) (comma-separated), all CSS named colors\n * (including 'transparent'), and HslaColor objects (passed through unchanged).\n *\n * Returns null for unrecognised input.\n */\nexport function parseColor(input: string | HslaColor): HslaColor | null {\n  if (typeof input !== 'string') return input;\n\n  const value = input.trim();\n  if (!value) return null;\n\n  // culori understands hex, rgb, hsl, and all CSS named colors natively.\n  // It does not understand hsv/hsva — handle those separately.\n  if (/^hsva?/i.test(value)) return parseHsv(value);\n\n  const parsed = parse(value);\n  if (!parsed) return null;\n\n  const hsl = toHsl(parsed);\n  if (!hsl) return null;\n\n  return {\n    h: Math.round(hsl.h ?? 0) % 360,\n    s: Math.round((hsl.s ?? 0) * 100),\n    l: Math.round((hsl.l ?? 0) * 100),\n    a: hsl.alpha ?? 1,\n  };\n}\n\n/** Parse comma-separated hsv(h, s%, v%) and hsva(h, s%, v%, a) strings. */\nfunction parseHsv(value: string): HslaColor | null {\n  const m =\n    /^hsva?\\(\\s*([\\d.]+),\\s*([\\d.]+)%,\\s*([\\d.]+)%(?:,\\s*([\\d.]+))?\\s*\\)$/i.exec(\n      value,\n    );\n  if (!m) return null;\n\n  // Convert HSV → HSL via culori\n  const hsvColor = {\n    mode: 'hsv' as const,\n    h: Number.parseFloat(m[1]),\n    s: Number.parseFloat(m[2]) / 100,\n    v: Number.parseFloat(m[3]) / 100,\n    alpha: m[4] === undefined ? 1 : Number.parseFloat(m[4]),\n  };\n\n  const hsl = toHsl(hsvColor);\n  if (!hsl) return null;\n\n  return {\n    h: Math.round(hsl.h ?? 0) % 360,\n    s: Math.round((hsl.s ?? 0) * 100),\n    l: Math.round((hsl.l ?? 0) * 100),\n    a: hsl.alpha ?? 1,\n  };\n}\n\n// ─── Conversions ──────────────────────────────────────────────────────────────\n\n/**\n * Convert HSL (h: 0–360, s: 0–100, l: 0–100) to RGB (r, g, b: 0–255).\n */\nexport function hslaToRgb(\n  h: number,\n  s: number,\n  l: number,\n): { r: number; g: number; b: number } {\n  const rgb = toRgb({ mode: 'hsl', h, s: s / 100, l: l / 100 });\n  return {\n    r: Math.round((rgb?.r ?? 0) * 255),\n    g: Math.round((rgb?.g ?? 0) * 255),\n    b: Math.round((rgb?.b ?? 0) * 255),\n  };\n}\n\n/**\n * Convert HSL (h: 0–360, s: 0–100, l: 0–100) to HSV.\n * Returns h (0–360), s (0–100), v (0–100).\n */\nexport function hslaToHsv(\n  h: number,\n  s: number,\n  l: number,\n): { h: number; s: number; v: number } {\n  const hsv = toHsv({ mode: 'hsl', h, s: s / 100, l: l / 100 });\n  return {\n    h,\n    s: Math.round((hsv?.s ?? 0) * 100),\n    v: Math.round((hsv?.v ?? 0) * 100),\n  };\n}\n\n// ─── Formatting ───────────────────────────────────────────────────────────────\n\n/**\n * Generate a hex string from HSLA values.\n * Hue: 0–360, saturation/lightness: 0–100, alpha: 0–100 (default 100).\n * Note: alpha uses 0–100 scale (matching the component's `alpha` property)\n * unlike `hslaToRgbString` which uses 0–1.\n * Returns 6-digit hex when fully opaque, 8-digit when alpha < 100.\n * Returns empty string on invalid input.\n */\nexport function hslaToHex(\n  hue: number,\n  saturation: number,\n  lightness: number,\n  alpha = 100,\n): string {\n  if (\n    Number.isNaN(hue) ||\n    Number.isNaN(saturation) ||\n    Number.isNaN(lightness) ||\n    Number.isNaN(alpha)\n  )\n    return '';\n  const color = {\n    mode: 'hsl' as const,\n    h: hue,\n    s: saturation / 100,\n    l: lightness / 100,\n    alpha: alpha / 100,\n  };\n  if (alpha >= 100) return formatHex(color) ?? '';\n  return formatHex8(color) ?? '';\n}\n\n/**\n * Format HSLA as a CSS rgb() string (modern space-separated syntax).\n */\nexport function hslaToRgbString(\n  h: number,\n  s: number,\n  l: number,\n  a: number,\n): string {\n  const { r, g, b } = hslaToRgb(h, s, l);\n  return `rgb(${r} ${g} ${b} / ${a})`;\n}\n\n// ─── HSL/HSV math helpers ─────────────────────────────────────────────────────\n\n/** Converts HSL lightness to HSB brightness given a saturation value. */\nexport function brightnessFromLightness(\n  saturation: number,\n  lightness: number,\n): number {\n  return clamp(-1 * ((200 * lightness) / (saturation - 200)), 0, 100);\n}\n\n/** Converts HSB brightness to HSL lightness given a saturation value. */\nexport function lightnessFromBrightness(\n  saturation: number,\n  brightness: number,\n): number {\n  return clamp(((((200 - saturation) * brightness) / 100) * 5) / 10, 0, 100);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"color.js","names":[],"sources":["../../../src/internal/utils/color.ts"],"sourcesContent":["import { parse, converter, formatHex, formatHex8 } from 'culori';\nimport { clamp } from './math.js';\n\n// ─── Culori converters (created once, reused) ─────────────────────────────────\n\nconst toHsl = converter('hsl');\nconst toRgb = converter('rgb');\nconst toHsv = converter('hsv');\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\n/**\n * Color expressed as hue (0–360), saturation (0–100), lightness (0–100),\n * alpha (0–1). Matches the convention used throughout the UUI color components.\n */\nexport type HslaColor = { h: number; s: number; l: number; a: number };\n\n// ─── Parsing ──────────────────────────────────────────────────────────────────\n\n/**\n * Parse any supported color value into an HslaColor.\n *\n * Accepts: hex (#rgb, #rgba, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(),\n * hsv(h, s%, v%) / hsva(h, s%, v%, a) (comma-separated), all CSS named colors\n * (including 'transparent'), and HslaColor objects (passed through unchanged).\n *\n * Returns null for unrecognised input.\n */\nexport function parseColor(input: string | HslaColor): HslaColor | null {\n  if (typeof input !== 'string') return input;\n\n  const value = input.trim();\n  if (!value) return null;\n\n  // culori understands hex, rgb, hsl, and all CSS named colors natively.\n  // It does not understand hsv/hsva — handle those separately.\n  if (/^hsva?/i.test(value)) return parseHsv(value);\n\n  const parsed = parse(value);\n  if (!parsed) return null;\n\n  const hsl = toHsl(parsed);\n  if (!hsl) return null;\n\n  return {\n    h: Math.round(hsl.h ?? 0) % 360,\n    s: Math.round((hsl.s ?? 0) * 100),\n    l: Math.round((hsl.l ?? 0) * 100),\n    a: hsl.alpha ?? 1,\n  };\n}\n\n/** Parse comma-separated hsv(h, s%, v%) and hsva(h, s%, v%, a) strings. */\nfunction parseHsv(value: string): HslaColor | null {\n  const m =\n    /^hsva?\\(\\s*([\\d.]+),\\s*([\\d.]+)%,\\s*([\\d.]+)%(?:,\\s*([\\d.]+))?\\s*\\)$/i.exec(\n      value,\n    );\n  if (!m) return null;\n\n  // Convert HSV → HSL via culori\n  const hsvColor = {\n    mode: 'hsv' as const,\n    h: Number.parseFloat(m[1]),\n    s: Number.parseFloat(m[2]) / 100,\n    v: Number.parseFloat(m[3]) / 100,\n    alpha: m[4] === undefined ? 1 : Number.parseFloat(m[4]),\n  };\n\n  const hsl = toHsl(hsvColor);\n  if (!hsl) return null;\n\n  return {\n    h: Math.round(hsl.h ?? 0) % 360,\n    s: Math.round((hsl.s ?? 0) * 100),\n    l: Math.round((hsl.l ?? 0) * 100),\n    a: hsl.alpha ?? 1,\n  };\n}\n\n// ─── Conversions ──────────────────────────────────────────────────────────────\n\n/**\n * Convert HSL (h: 0–360, s: 0–100, l: 0–100) to RGB (r, g, b: 0–255).\n */\nexport function hslaToRgb(\n  h: number,\n  s: number,\n  l: number,\n): { r: number; g: number; b: number } {\n  const rgb = toRgb({ mode: 'hsl', h, s: s / 100, l: l / 100 });\n  return {\n    r: Math.round((rgb?.r ?? 0) * 255),\n    g: Math.round((rgb?.g ?? 0) * 255),\n    b: Math.round((rgb?.b ?? 0) * 255),\n  };\n}\n\n/**\n * Convert HSL (h: 0–360, s: 0–100, l: 0–100) to HSV.\n * Returns h (0–360), s (0–100), v (0–100).\n */\nexport function hslaToHsv(\n  h: number,\n  s: number,\n  l: number,\n): { h: number; s: number; v: number } {\n  const hsv = toHsv({ mode: 'hsl', h, s: s / 100, l: l / 100 });\n  return {\n    h,\n    s: Math.round((hsv?.s ?? 0) * 100),\n    v: Math.round((hsv?.v ?? 0) * 100),\n  };\n}\n\n// ─── Formatting ───────────────────────────────────────────────────────────────\n\n/**\n * Generate a hex string from HSLA values.\n * Hue: 0–360, saturation/lightness: 0–100, alpha: 0–100 (default 100).\n * Note: alpha uses 0–100 scale (matching the component's `alpha` property)\n * unlike `hslaToRgbString` which uses 0–1.\n * Returns 6-digit hex when fully opaque, 8-digit when alpha < 100.\n * Returns empty string on invalid input.\n */\nexport function hslaToHex(\n  hue: number,\n  saturation: number,\n  lightness: number,\n  alpha = 100,\n): string {\n  if (\n    Number.isNaN(hue) ||\n    Number.isNaN(saturation) ||\n    Number.isNaN(lightness) ||\n    Number.isNaN(alpha)\n  )\n    return '';\n  const color = {\n    mode: 'hsl' as const,\n    h: hue,\n    s: saturation / 100,\n    l: lightness / 100,\n    alpha: alpha / 100,\n  };\n  if (alpha >= 100) return formatHex(color) ?? '';\n  return formatHex8(color) ?? '';\n}\n\n/**\n * Format HSLA as a CSS rgb() string (modern space-separated syntax).\n */\nexport function hslaToRgbString(\n  h: number,\n  s: number,\n  l: number,\n  a: number,\n): string {\n  const { r, g, b } = hslaToRgb(h, s, l);\n  return `rgb(${r} ${g} ${b} / ${a})`;\n}\n\n// ─── HSL/HSV math helpers ─────────────────────────────────────────────────────\n\n/** Converts HSL lightness to HSB brightness given a saturation value. */\nexport function brightnessFromLightness(\n  saturation: number,\n  lightness: number,\n): number {\n  return clamp(-1 * ((200 * lightness) / (saturation - 200)), 0, 100);\n}\n\n/** Converts HSB brightness to HSL lightness given a saturation value. */\nexport function lightnessFromBrightness(\n  saturation: number,\n  brightness: number,\n): number {\n  return clamp(((((200 - saturation) * brightness) / 100) * 5) / 10, 0, 100);\n}\n"],"mappings":"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"}

package/dist/internal/utils/drag.js

@@ -1,37 +1,28 @@
-const drag = (container, options) => {
-  function move(event) {
-    const dims = container.getBoundingClientRect();
-    const defaultView = container.ownerDocument.defaultView;
-    const offsetX = dims.left + defaultView.scrollX;
-    const offsetY = dims.top + defaultView.scrollY;
-    let pointerEvent;
-    if ("TouchEvent" in window && event instanceof TouchEvent) {
-      pointerEvent = event.touches[0];
-    } else if (event instanceof MouseEvent) {
-      pointerEvent = event;
-    } else {
-      return;
-    }
-    const x = pointerEvent.pageX - offsetX;
-    const y = pointerEvent.pageY - offsetY;
-    if (options?.onMove) {
-      options.onMove(x, y);
-    }
-  }
-  function stop() {
-    document.removeEventListener("pointermove", move);
-    document.removeEventListener("pointerup", stop);
-    if (options?.onStop) {
-      options.onStop();
-    }
-  }
-  document.addEventListener("pointermove", move, { passive: true });
-  document.addEventListener("pointerup", stop);
-  if (options?.initialEvent) {
-    move(options.initialEvent);
-  }
+//#region src/internal/utils/drag.ts
+var drag = (container, options) => {
+	function move(event) {
+		const dims = container.getBoundingClientRect();
+		const defaultView = container.ownerDocument.defaultView;
+		const offsetX = dims.left + defaultView.scrollX;
+		const offsetY = dims.top + defaultView.scrollY;
+		let pointerEvent;
+		if ("TouchEvent" in window && event instanceof TouchEvent) pointerEvent = event.touches[0];
+		else if (event instanceof MouseEvent) pointerEvent = event;
+		else return;
+		const x = pointerEvent.pageX - offsetX;
+		const y = pointerEvent.pageY - offsetY;
+		if (options?.onMove) options.onMove(x, y);
+	}
+	function stop() {
+		document.removeEventListener("pointermove", move);
+		document.removeEventListener("pointerup", stop);
+		if (options?.onStop) options.onStop();
+	}
+	document.addEventListener("pointermove", move, { passive: true });
+	document.addEventListener("pointerup", stop);
+	if (options?.initialEvent) move(options.initialEvent);
 };
-export {
-  drag
-};
-//# sourceMappingURL=drag.js.map
+//#endregion
+export { drag };
+
+//# sourceMappingURL=drag.js.map

package/dist/internal/utils/drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag.js","sources":["../../../src/internal/utils/drag.ts"],"sourcesContent":["interface DragOptions {\n  /** Callback that runs as dragging occurs. */\n  onMove: (x: number, y: number) => void;\n  /** Callback that runs when dragging stops. */\n  onStop: () => void;\n  /**\n   * When an initial event is passed, the first drag will be triggered immediately using the coordinates therein. This\n   * is useful when the drag is initiated by a mousedown/touchstart event but you want the initial \"click\" to activate\n   * a drag (e.g. positioning a handle initially at the click target).\n   */\n  initialEvent: PointerEvent;\n}\n\nexport const drag = (\n  container: HTMLElement,\n  options?: Partial<DragOptions>,\n) => {\n  function move(event: PointerEvent | TouchEvent) {\n    const dims = container.getBoundingClientRect();\n    const defaultView = container.ownerDocument.defaultView!;\n    const offsetX = dims.left + defaultView.scrollX;\n    const offsetY = dims.top + defaultView.scrollY;\n\n    let pointerEvent: PointerEvent | Touch;\n    // TouchEvent is not available in Firefox\n    if ('TouchEvent' in window && event instanceof TouchEvent) {\n      pointerEvent = event.touches[0];\n    } else if (event instanceof MouseEvent) {\n      // Some browsers seem to return PointerEvent instead of MouseEvent for click event.\n      // We can use MouseEvent as PointerEvent inherits from MouseEvent.\n      // Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1675847\n      // Safari: https://bugs.webkit.org/show_bug.cgi?id=218665\n      pointerEvent = event;\n    } else {\n      return;\n    }\n\n    const x = pointerEvent.pageX - offsetX;\n    const y = pointerEvent.pageY - offsetY;\n\n    if (options?.onMove) {\n      options.onMove(x, y);\n    }\n  }\n\n  function stop() {\n    document.removeEventListener('pointermove', move);\n    document.removeEventListener('pointerup', stop);\n\n    if (options?.onStop) {\n      options.onStop();\n    }\n  }\n\n  document.addEventListener('pointermove', move, { passive: true });\n  document.addEventListener('pointerup', stop);\n\n  // If an initial event is set, trigger the first drag immediately\n  if (options?.initialEvent) {\n    move(options.initialEvent);\n  }\n};\n"],"names":[],"mappings":"AAaO,MAAM,OAAO,CAClB,WACA,YACG;AACH,WAAS,KAAK,OAAkC;AAC9C,UAAM,OAAO,UAAU,sBAAA;AACvB,UAAM,cAAc,UAAU,cAAc;AAC5C,UAAM,UAAU,KAAK,OAAO,YAAY;AACxC,UAAM,UAAU,KAAK,MAAM,YAAY;AAEvC,QAAI;AAEJ,QAAI,gBAAgB,UAAU,iBAAiB,YAAY;AACzD,qBAAe,MAAM,QAAQ,CAAC;AAAA,IAChC,WAAW,iBAAiB,YAAY;AAKtC,qBAAe;AAAA,IACjB,OAAO;AACL;AAAA,IACF;AAEA,UAAM,IAAI,aAAa,QAAQ;AAC/B,UAAM,IAAI,aAAa,QAAQ;AAE/B,QAAI,SAAS,QAAQ;AACnB,cAAQ,OAAO,GAAG,CAAC;AAAA,IACrB;AAAA,EACF;AAEA,WAAS,OAAO;AACd,aAAS,oBAAoB,eAAe,IAAI;AAChD,aAAS,oBAAoB,aAAa,IAAI;AAE9C,QAAI,SAAS,QAAQ;AACnB,cAAQ,OAAA;AAAA,IACV;AAAA,EACF;AAEA,WAAS,iBAAiB,eAAe,MAAM,EAAE,SAAS,MAAM;AAChE,WAAS,iBAAiB,aAAa,IAAI;AAG3C,MAAI,SAAS,cAAc;AACzB,SAAK,QAAQ,YAAY;AAAA,EAC3B;AACF;"}
+{"version":3,"file":"drag.js","names":[],"sources":["../../../src/internal/utils/drag.ts"],"sourcesContent":["interface DragOptions {\n  /** Callback that runs as dragging occurs. */\n  onMove: (x: number, y: number) => void;\n  /** Callback that runs when dragging stops. */\n  onStop: () => void;\n  /**\n   * When an initial event is passed, the first drag will be triggered immediately using the coordinates therein. This\n   * is useful when the drag is initiated by a mousedown/touchstart event but you want the initial \"click\" to activate\n   * a drag (e.g. positioning a handle initially at the click target).\n   */\n  initialEvent: PointerEvent;\n}\n\nexport const drag = (\n  container: HTMLElement,\n  options?: Partial<DragOptions>,\n) => {\n  function move(event: PointerEvent | TouchEvent) {\n    const dims = container.getBoundingClientRect();\n    const defaultView = container.ownerDocument.defaultView!;\n    const offsetX = dims.left + defaultView.scrollX;\n    const offsetY = dims.top + defaultView.scrollY;\n\n    let pointerEvent: PointerEvent | Touch;\n    // TouchEvent is not available in Firefox\n    if ('TouchEvent' in window && event instanceof TouchEvent) {\n      pointerEvent = event.touches[0];\n    } else if (event instanceof MouseEvent) {\n      // Some browsers seem to return PointerEvent instead of MouseEvent for click event.\n      // We can use MouseEvent as PointerEvent inherits from MouseEvent.\n      // Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1675847\n      // Safari: https://bugs.webkit.org/show_bug.cgi?id=218665\n      pointerEvent = event;\n    } else {\n      return;\n    }\n\n    const x = pointerEvent.pageX - offsetX;\n    const y = pointerEvent.pageY - offsetY;\n\n    if (options?.onMove) {\n      options.onMove(x, y);\n    }\n  }\n\n  function stop() {\n    document.removeEventListener('pointermove', move);\n    document.removeEventListener('pointerup', stop);\n\n    if (options?.onStop) {\n      options.onStop();\n    }\n  }\n\n  document.addEventListener('pointermove', move, { passive: true });\n  document.addEventListener('pointerup', stop);\n\n  // If an initial event is set, trigger the first drag immediately\n  if (options?.initialEvent) {\n    move(options.initialEvent);\n  }\n};\n"],"mappings":";AAaA,IAAa,QACX,WACA,YACG;CACH,SAAS,KAAK,OAAkC;EAC9C,MAAM,OAAO,UAAU,sBAAsB;EAC7C,MAAM,cAAc,UAAU,cAAc;EAC5C,MAAM,UAAU,KAAK,OAAO,YAAY;EACxC,MAAM,UAAU,KAAK,MAAM,YAAY;EAEvC,IAAI;EAEJ,IAAI,gBAAgB,UAAU,iBAAiB,YAC7C,eAAe,MAAM,QAAQ;OACxB,IAAI,iBAAiB,YAK1B,eAAe;OAEf;EAGF,MAAM,IAAI,aAAa,QAAQ;EAC/B,MAAM,IAAI,aAAa,QAAQ;EAE/B,IAAI,SAAS,QACX,QAAQ,OAAO,GAAG,CAAC;CAEvB;CAEA,SAAS,OAAO;EACd,SAAS,oBAAoB,eAAe,IAAI;EAChD,SAAS,oBAAoB,aAAa,IAAI;EAE9C,IAAI,SAAS,QACX,QAAQ,OAAO;CAEnB;CAEA,SAAS,iBAAiB,eAAe,MAAM,EAAE,SAAS,KAAK,CAAC;CAChE,SAAS,iBAAiB,aAAa,IAAI;CAG3C,IAAI,SAAS,cACX,KAAK,QAAQ,YAAY;AAE7B"}

package/dist/internal/utils/findAncestorByAttributeValue.js

@@ -1,20 +1,23 @@
-const findAncestorByAttributeValue = (startNode, attributeName, attributeValue) => {
-  let currentNode = startNode;
-  while (currentNode !== null) {
-    const elementHasAttribute = currentNode instanceof HTMLElement && currentNode.hasAttribute(attributeName) && currentNode.getAttribute(attributeName) === attributeValue;
-    const elementContainsAttribute = currentNode.querySelector(`[${attributeName}="${attributeValue}"]`) !== null;
-    if (elementHasAttribute) {
-      return currentNode;
-    } else if (elementContainsAttribute) {
-      return currentNode.querySelector(
-        `[${attributeName}="${attributeValue}"]`
-      );
-    }
-    currentNode = currentNode.parentElement || currentNode.parentNode || currentNode.host || null;
-  }
-  return null;
+//#region src/internal/utils/findAncestorByAttributeValue.ts
+/**
+* Recursively find an ancestor element by attribute name and value. This also checks children of the ancestor.
+* @func findAncestorByAttributeValue
+* @param {HTMLElement} startNode - Origin node of the search.
+* @param {string} attributeName - Name of the attribute to search for.
+* @param {string} attributeValue - Value of the attribute to search for.
+*/
+var findAncestorByAttributeValue = (startNode, attributeName, attributeValue) => {
+	let currentNode = startNode;
+	while (currentNode !== null) {
+		const elementHasAttribute = currentNode instanceof HTMLElement && currentNode.hasAttribute(attributeName) && currentNode.getAttribute(attributeName) === attributeValue;
+		const elementContainsAttribute = currentNode.querySelector(`[${attributeName}="${attributeValue}"]`) !== null;
+		if (elementHasAttribute) return currentNode;
+		else if (elementContainsAttribute) return currentNode.querySelector(`[${attributeName}="${attributeValue}"]`);
+		currentNode = currentNode.parentElement || currentNode.parentNode || currentNode.host || null;
+	}
+	return null;
 };
-export {
-  findAncestorByAttributeValue
-};
-//# sourceMappingURL=findAncestorByAttributeValue.js.map
+//#endregion
+export { findAncestorByAttributeValue };
+
+//# sourceMappingURL=findAncestorByAttributeValue.js.map

package/dist/internal/utils/findAncestorByAttributeValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"findAncestorByAttributeValue.js","sources":["../../../src/internal/utils/findAncestorByAttributeValue.ts"],"sourcesContent":["/**\n * Recursively find an ancestor element by attribute name and value. This also checks children of the ancestor.\n * @func findAncestorByAttributeValue\n * @param {HTMLElement} startNode - Origin node of the search.\n * @param {string} attributeName - Name of the attribute to search for.\n * @param {string} attributeValue - Value of the attribute to search for.\n */\nexport const findAncestorByAttributeValue = (\n  startNode: HTMLElement | ParentNode,\n  attributeName: string,\n  attributeValue: string,\n): HTMLElement | null => {\n  let currentNode: typeof startNode | null = startNode;\n\n  while (currentNode !== null) {\n    // Check if the current element has the specified attribute\n    const elementHasAttribute =\n      currentNode instanceof HTMLElement &&\n      currentNode.hasAttribute(attributeName) &&\n      currentNode.getAttribute(attributeName) === attributeValue;\n\n    // Check if the current element contains an element with the specified attribute\n    const elementContainsAttribute =\n      currentNode.querySelector(`[${attributeName}=\"${attributeValue}\"]`) !==\n      null;\n\n    if (elementHasAttribute) {\n      return currentNode as HTMLElement; // Found a matching ancestor\n    } else if (elementContainsAttribute) {\n      return currentNode.querySelector(\n        `[${attributeName}=\"${attributeValue}\"]`,\n      ) as HTMLElement; // Found a matching ancestor\n    }\n\n    // Move up the DOM tree to the parent or parentNode, whichever is available\n    currentNode =\n      currentNode.parentElement ||\n      currentNode.parentNode ||\n      (currentNode as ShadowRoot).host ||\n      null;\n  }\n\n  return null; // No matching ancestor found\n};\n"],"names":[],"mappings":"AAOO,MAAM,+BAA+B,CAC1C,WACA,eACA,mBACuB;AACvB,MAAI,cAAuC;AAE3C,SAAO,gBAAgB,MAAM;AAE3B,UAAM,sBACJ,uBAAuB,eACvB,YAAY,aAAa,aAAa,KACtC,YAAY,aAAa,aAAa,MAAM;AAG9C,UAAM,2BACJ,YAAY,cAAc,IAAI,aAAa,KAAK,cAAc,IAAI,MAClE;AAEF,QAAI,qBAAqB;AACvB,aAAO;AAAA,IACT,WAAW,0BAA0B;AACnC,aAAO,YAAY;AAAA,QACjB,IAAI,aAAa,KAAK,cAAc;AAAA,MAAA;AAAA,IAExC;AAGA,kBACE,YAAY,iBACZ,YAAY,cACX,YAA2B,QAC5B;AAAA,EACJ;AAEA,SAAO;AACT;"}
+{"version":3,"file":"findAncestorByAttributeValue.js","names":[],"sources":["../../../src/internal/utils/findAncestorByAttributeValue.ts"],"sourcesContent":["/**\n * Recursively find an ancestor element by attribute name and value. This also checks children of the ancestor.\n * @func findAncestorByAttributeValue\n * @param {HTMLElement} startNode - Origin node of the search.\n * @param {string} attributeName - Name of the attribute to search for.\n * @param {string} attributeValue - Value of the attribute to search for.\n */\nexport const findAncestorByAttributeValue = (\n  startNode: HTMLElement | ParentNode,\n  attributeName: string,\n  attributeValue: string,\n): HTMLElement | null => {\n  let currentNode: typeof startNode | null = startNode;\n\n  while (currentNode !== null) {\n    // Check if the current element has the specified attribute\n    const elementHasAttribute =\n      currentNode instanceof HTMLElement &&\n      currentNode.hasAttribute(attributeName) &&\n      currentNode.getAttribute(attributeName) === attributeValue;\n\n    // Check if the current element contains an element with the specified attribute\n    const elementContainsAttribute =\n      currentNode.querySelector(`[${attributeName}=\"${attributeValue}\"]`) !==\n      null;\n\n    if (elementHasAttribute) {\n      return currentNode as HTMLElement; // Found a matching ancestor\n    } else if (elementContainsAttribute) {\n      return currentNode.querySelector(\n        `[${attributeName}=\"${attributeValue}\"]`,\n      ) as HTMLElement; // Found a matching ancestor\n    }\n\n    // Move up the DOM tree to the parent or parentNode, whichever is available\n    currentNode =\n      currentNode.parentElement ||\n      currentNode.parentNode ||\n      (currentNode as ShadowRoot).host ||\n      null;\n  }\n\n  return null; // No matching ancestor found\n};\n"],"mappings":";;;;;;;;AAOA,IAAa,gCACX,WACA,eACA,mBACuB;CACvB,IAAI,cAAuC;CAE3C,OAAO,gBAAgB,MAAM;EAE3B,MAAM,sBACJ,uBAAuB,eACvB,YAAY,aAAa,aAAa,KACtC,YAAY,aAAa,aAAa,MAAM;EAG9C,MAAM,2BACJ,YAAY,cAAc,IAAI,cAAc,IAAI,eAAe,GAAG,MAClE;EAEF,IAAI,qBACF,OAAO;OACF,IAAI,0BACT,OAAO,YAAY,cACjB,IAAI,cAAc,IAAI,eAAe,GACvC;EAIF,cACE,YAAY,iBACZ,YAAY,cACX,YAA2B,QAC5B;CACJ;CAEA,OAAO;AACT"}

package/dist/internal/utils/math.js

@@ -1,16 +1,26 @@
-const clamp = (value, min, max) => {
-  return Math.min(Math.max(value, min), max);
+//#region src/internal/utils/math.ts
+var clamp = (value, min, max) => {
+	return Math.min(Math.max(value, min), max);
 };
-const reverseNumberInRange = (num, min, max) => {
-  return max + min - num;
+/**
+* Reverses a number within a range
+*
+* @param {number} num - number to reverse
+* @param {number} min
+* @param {number} max
+* @return {*}  {number}
+* @example
+* // returns 8
+* reverseNumberInRange (2, 0, 10)
+*/
+var reverseNumberInRange = (num, min, max) => {
+	return max + min - num;
 };
-const toHex = (value) => {
-  const hex = Math.round(value).toString(16);
-  return hex.length === 1 ? `0${hex}` : hex;
+var toHex = (value) => {
+	const hex = Math.round(value).toString(16);
+	return hex.length === 1 ? `0${hex}` : hex;
 };
-export {
-  clamp,
-  reverseNumberInRange,
-  toHex
-};
-//# sourceMappingURL=math.js.map
+//#endregion
+export { clamp, reverseNumberInRange, toHex };
+
+//# sourceMappingURL=math.js.map

package/dist/internal/utils/math.js.map

@@ -1 +1 @@
-{"version":3,"file":"math.js","sources":["../../../src/internal/utils/math.ts"],"sourcesContent":["//\n// Ensures a number stays within a minimum and maximum value\n//\nexport const clamp = (value: number, min: number, max: number) => {\n  return Math.min(Math.max(value, min), max);\n};\n\n/**\n * Reverses a number within a range\n *\n * @param {number} num - number to reverse\n * @param {number} min\n * @param {number} max\n * @return {*}  {number}\n * @example\n * // returns 8\n * reverseNumberInRange (2, 0, 10)\n */\nexport const reverseNumberInRange = (\n  num: number,\n  min: number,\n  max: number,\n): number => {\n  return max + min - num;\n};\n\nexport const toHex = (value: number) => {\n  const hex = Math.round(value).toString(16);\n  return hex.length === 1 ? `0${hex}` : hex;\n};\n"],"names":[],"mappings":"AAGO,MAAM,QAAQ,CAAC,OAAe,KAAa,QAAgB;AAChE,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAaO,MAAM,uBAAuB,CAClC,KACA,KACA,QACW;AACX,SAAO,MAAM,MAAM;AACrB;AAEO,MAAM,QAAQ,CAAC,UAAkB;AACtC,QAAM,MAAM,KAAK,MAAM,KAAK,EAAE,SAAS,EAAE;AACzC,SAAO,IAAI,WAAW,IAAI,IAAI,GAAG,KAAK;AACxC;"}
+{"version":3,"file":"math.js","names":[],"sources":["../../../src/internal/utils/math.ts"],"sourcesContent":["//\n// Ensures a number stays within a minimum and maximum value\n//\nexport const clamp = (value: number, min: number, max: number) => {\n  return Math.min(Math.max(value, min), max);\n};\n\n/**\n * Reverses a number within a range\n *\n * @param {number} num - number to reverse\n * @param {number} min\n * @param {number} max\n * @return {*}  {number}\n * @example\n * // returns 8\n * reverseNumberInRange (2, 0, 10)\n */\nexport const reverseNumberInRange = (\n  num: number,\n  min: number,\n  max: number,\n): number => {\n  return max + min - num;\n};\n\nexport const toHex = (value: number) => {\n  const hex = Math.round(value).toString(16);\n  return hex.length === 1 ? `0${hex}` : hex;\n};\n"],"mappings":";AAGA,IAAa,SAAS,OAAe,KAAa,QAAgB;CAChE,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;;;;;;;;;;;;AAaA,IAAa,wBACX,KACA,KACA,QACW;CACX,OAAO,MAAM,MAAM;AACrB;AAEA,IAAa,SAAS,UAAkB;CACtC,MAAM,MAAM,KAAK,MAAM,KAAK,CAAC,CAAC,SAAS,EAAE;CACzC,OAAO,IAAI,WAAW,IAAI,IAAI,QAAQ;AACxC"}

package/dist/internal/utils/slotHasContent.js

@@ -1,7 +1,8 @@
+//#region src/internal/utils/slotHasContent.ts
 function slotHasContent(target) {
-  return target ? target.assignedNodes({ flatten: true }).length > 0 : false;
+	return target ? target.assignedNodes({ flatten: true }).length > 0 : false;
 }
-export {
-  slotHasContent
-};
-//# sourceMappingURL=slotHasContent.js.map
+//#endregion
+export { slotHasContent };
+
+//# sourceMappingURL=slotHasContent.js.map

package/dist/internal/utils/slotHasContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"slotHasContent.js","sources":["../../../src/internal/utils/slotHasContent.ts"],"sourcesContent":["export function slotHasContent(target: EventTarget | null): boolean {\n  return target\n    ? (target as HTMLSlotElement).assignedNodes({ flatten: true }).length > 0\n    : false;\n}\n"],"names":[],"mappings":"AAAO,SAAS,eAAe,QAAqC;AAClE,SAAO,SACF,OAA2B,cAAc,EAAE,SAAS,MAAM,EAAE,SAAS,IACtE;AACN;"}
+{"version":3,"file":"slotHasContent.js","names":[],"sources":["../../../src/internal/utils/slotHasContent.ts"],"sourcesContent":["export function slotHasContent(target: EventTarget | null): boolean {\n  return target\n    ? (target as HTMLSlotElement).assignedNodes({ flatten: true }).length > 0\n    : false;\n}\n"],"mappings":";AAAA,SAAgB,eAAe,QAAqC;CAClE,OAAO,SACF,OAA2B,cAAc,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,SAAS,IACtE;AACN"}

package/dist/internal/version.js

@@ -1,21 +1,15 @@
 import { version } from "../package.json.js";
-const UUI_VERSION = version;
+//#region src/internal/version.ts
+var UUI_VERSION = version;
 globalThis.__uuiVersions ??= [];
 globalThis.__uuiVersions.push(UUI_VERSION);
-const versions = globalThis.__uuiVersions;
+var versions = globalThis.__uuiVersions;
 if (versions.length > 1) {
-  const unique = [...new Set(versions)];
-  if (unique.length > 1) {
-    console.warn(
-      `Multiple versions of Umbraco UI detected: ${unique.join(", ")}. This is not supported and may cause issues.`
-    );
-  } else {
-    console.warn(
-      `Multiple instances of Umbraco UI v${versions[0]} loaded. This may indicate duplicate bundles.`
-    );
-  }
+	const unique = [...new Set(versions)];
+	if (unique.length > 1) console.warn(`Multiple versions of Umbraco UI detected: ${unique.join(", ")}. This is not supported and may cause issues.`);
+	else console.warn(`Multiple instances of Umbraco UI v${versions[0]} loaded. This may indicate duplicate bundles.`);
 }
-export {
-  UUI_VERSION
-};
-//# sourceMappingURL=version.js.map
+//#endregion
+export { UUI_VERSION };
+
+//# sourceMappingURL=version.js.map

package/dist/internal/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../src/internal/version.ts"],"sourcesContent":["import { version } from '../../package.json';\n\ndeclare global {\n  var __uuiVersions: string[] | undefined;\n}\n\nexport const UUI_VERSION = version;\n\nglobalThis.__uuiVersions ??= [];\nglobalThis.__uuiVersions.push(UUI_VERSION);\n\nconst versions = globalThis.__uuiVersions;\nif (versions.length > 1) {\n  const unique = [...new Set(versions)];\n  if (unique.length > 1) {\n    console.warn(\n      `Multiple versions of Umbraco UI detected: ${unique.join(', ')}. This is not supported and may cause issues.`,\n    );\n  } else {\n    console.warn(\n      `Multiple instances of Umbraco UI v${versions[0]} loaded. This may indicate duplicate bundles.`,\n    );\n  }\n}\n"],"names":[],"mappings":";AAMO,MAAM,cAAc;AAE3B,WAAW,kBAAkB,CAAA;AAC7B,WAAW,cAAc,KAAK,WAAW;AAEzC,MAAM,WAAW,WAAW;AAC5B,IAAI,SAAS,SAAS,GAAG;AACvB,QAAM,SAAS,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;AACpC,MAAI,OAAO,SAAS,GAAG;AACrB,YAAQ;AAAA,MACN,6CAA6C,OAAO,KAAK,IAAI,CAAC;AAAA,IAAA;AAAA,EAElE,OAAO;AACL,YAAQ;AAAA,MACN,qCAAqC,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAEpD;AACF;"}
+{"version":3,"file":"version.js","names":[],"sources":["../../src/internal/version.ts"],"sourcesContent":["import { version } from '../../package.json';\n\ndeclare global {\n  var __uuiVersions: string[] | undefined;\n}\n\nexport const UUI_VERSION = version;\n\nglobalThis.__uuiVersions ??= [];\nglobalThis.__uuiVersions.push(UUI_VERSION);\n\nconst versions = globalThis.__uuiVersions;\nif (versions.length > 1) {\n  const unique = [...new Set(versions)];\n  if (unique.length > 1) {\n    console.warn(\n      `Multiple versions of Umbraco UI detected: ${unique.join(', ')}. This is not supported and may cause issues.`,\n    );\n  } else {\n    console.warn(\n      `Multiple instances of Umbraco UI v${versions[0]} loaded. This may indicate duplicate bundles.`,\n    );\n  }\n}\n"],"mappings":";;AAMA,IAAa,cAAc;AAE3B,WAAW,kBAAkB,CAAC;AAC9B,WAAW,cAAc,KAAK,WAAW;AAEzC,IAAM,WAAW,WAAW;AAC5B,IAAI,SAAS,SAAS,GAAG;CACvB,MAAM,SAAS,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;CACpC,IAAI,OAAO,SAAS,GAClB,QAAQ,KACN,6CAA6C,OAAO,KAAK,IAAI,EAAE,8CACjE;MAEA,QAAQ,KACN,qCAAqC,SAAS,GAAG,8CACnD;AAEJ"}

package/dist/package.json.js

@@ -1,5 +1,6 @@
-const version = "2.0.0";
-export {
-  version
-};
-//# sourceMappingURL=package.json.js.map
+//#region package.json
+var version = "2.0.1";
+//#endregion
+export { version };
+
+//# sourceMappingURL=package.json.js.map

package/dist/package.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"package.json.js","names":[],"sources":["../package.json"],"sourcesContent":["{\n  \"name\": \"@umbraco-ui/uui\",\n  \"version\": \"2.0.1\",\n  \"description\": \"The Umbraco UI Library - web components for the Umbraco backoffice.\",\n  \"license\": \"MIT\",\n  \"type\": \"module\",\n  \"main\": \"./dist/index.js\",\n  \"module\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/index.js\"\n    },\n    \"./components/*\": \"./dist/components/*\",\n    \"./internal/*\": \"./dist/internal/*\",\n    \"./themes/*\": \"./dist/themes/*\",\n    \"./styles/*\": \"./dist/styles/*\"\n  },\n  \"sideEffects\": [\n    \"dist/components/**/*.js\",\n    \"dist/index.js\",\n    \"dist/internal/version.js\",\n    \"src/components/**/*.ts\",\n    \"src/index.ts\",\n    \"src/internal/version.ts\"\n  ],\n  \"customElements\": \"custom-elements.json\",\n  \"files\": [\n    \"dist/**/*.js\",\n    \"dist/**/*.js.map\",\n    \"dist/**/*.d.ts\",\n    \"dist/**/*.css\",\n    \"dist/**/*.woff2\",\n    \"custom-elements.json\",\n    \"vscode.html-custom-data.json\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/umbraco/Umbraco.UI.git\"\n  },\n  \"bugs\": {\n    \"url\": \"https://github.com/umbraco/Umbraco.UI/issues\"\n  },\n  \"homepage\": \"https://github.com/umbraco/Umbraco.UI/#readme\",\n  \"keywords\": [\n    \"umbraco\",\n    \"backoffice\",\n    \"web-components\",\n    \"shadow-dom\",\n    \"custom-elements\"\n  ],\n  \"publishConfig\": {\n    \"access\": \"public\"\n  },\n  \"scripts\": {\n    \"lint:eslint\": \"eslint --cache\",\n    \"format:eslint\": \"eslint --fix\",\n    \"lint:prettier\": \"prettier \\\"**/*.js\\\" \\\"**/*.ts\\\" \\\"**/*.mjs\\\" --check --ignore-path .gitignore\",\n    \"format:prettier\": \"prettier \\\"**/*.js\\\" \\\"**/*.ts\\\" \\\"**/*.mjs\\\"  --write --ignore-path .gitignore\",\n    \"lint\": \"npm run lint:eslint\",\n    \"format\": \"npm run format:eslint\",\n    \"test\": \"vitest run\",\n    \"test:watch\": \"vitest\",\n    \"test:coverage-for\": \"node scripts/test-coverage-package.js\",\n    \"dev\": \"npm run clean && npm run storybook\",\n    \"build\": \"vite build && tsc -p tsconfig.build.json && npm run analyze\",\n    \"verify-build\": \"node scripts/verify-build.js\",\n    \"build:watch\": \"tsc -p tsconfig.build.json && vite build --watch --emptyOutDir false\",\n    \"clean\": \"rimraf dist custom-elements.json vscode.html-custom-data.json\",\n    \"analyze\": \"web-component-analyzer src/**/*.element.ts --outFile custom-elements.json && web-component-analyzer src/**/*.element.ts --format vscode --outFile vscode.html-custom-data.json\",\n    \"prepare\": \"husky\",\n    \"chromatic\": \"npx chromatic --build-script-name storybook:build\",\n    \"storybook\": \"npm run analyze && storybook dev -p 6006\",\n    \"storybook:build\": \"npm run analyze && storybook build\",\n    \"new-component\": \"plop\",\n    \"test:codemod\": \"node --test scripts/codemods/test.js\",\n    \"lerna:version\": \"lerna version --conventional-commits --sync-workspace-lock\",\n    \"lerna:version:rc\": \"npm run lerna:version -- --conventional-prerelease\"\n  },\n  \"engines\": {\n    \"node\": \">=24.13\",\n    \"npm\": \">=11\"\n  },\n  \"dependencies\": {\n    \"culori\": \"^4.0.2\",\n    \"lit\": \"^3.0.0\"\n  },\n  \"devDependencies\": {\n    \"@chromatic-com/storybook\": \"5.2.1\",\n    \"@eslint/compat\": \"^2.1.0\",\n    \"@eslint/js\": \"10.0.1\",\n    \"@lerna-lite/cli\": \"5.4.0\",\n    \"@lerna-lite/publish\": \"5.4.0\",\n    \"@lerna-lite/version\": \"5.4.0\",\n    \"@storybook/addon-a11y\": \"^10.4.6\",\n    \"@storybook/addon-docs\": \"^10.4.6\",\n    \"@storybook/addon-links\": \"^10.4.6\",\n    \"@storybook/web-components-vite\": \"^10.4.6\",\n    \"@testing-library/dom\": \"10.4.1\",\n    \"@types/culori\": \"^4.0.1\",\n    \"@types/react\": \"18.3.1\",\n    \"@types/react-dom\": \"18.3.1\",\n    \"@vitest/browser\": \"^4.1.10\",\n    \"@vitest/browser-playwright\": \"^4.1.10\",\n    \"axe-core\": \"^4.12.1\",\n    \"chromatic\": \"^18.0.1\",\n    \"eslint\": \"^10.6.0\",\n    \"eslint-config-prettier\": \"10.1.8\",\n    \"eslint-plugin-import\": \"^2.32.0\",\n    \"eslint-plugin-lit\": \"^2.3.1\",\n    \"eslint-plugin-local-rules\": \"3.0.2\",\n    \"eslint-plugin-prettier\": \"5.5.6\",\n    \"eslint-plugin-storybook\": \"10.4.6\",\n    \"eslint-plugin-wc\": \"3.1.0\",\n    \"github-markdown-css\": \"5.9.0\",\n    \"globals\": \"^17.7.0\",\n    \"husky\": \"9.1.7\",\n    \"jscodeshift\": \"^17.3.0\",\n    \"lint-staged\": \"17.0.8\",\n    \"playwright\": \"^1.61.1\",\n    \"plop\": \"4.0.5\",\n    \"prettier\": \"3.8.1\",\n    \"react\": \"18.3.1\",\n    \"react-dom\": \"18.3.1\",\n    \"react-markdown\": \"10.1.0\",\n    \"react-syntax-highlighter\": \"16.1.1\",\n    \"remark-gfm\": \"4.0.1\",\n    \"rimraf\": \"6.1.3\",\n    \"storybook\": \"^10.4.6\",\n    \"tsc-files\": \"1.1.4\",\n    \"typescript\": \"6.0.3\",\n    \"typescript-eslint\": \"8.62.1\",\n    \"vite\": \"8.1.3\",\n    \"vitest\": \"^4.1.10\",\n    \"vitest-browser-lit\": \"^1.0.1\",\n    \"web-component-analyzer\": \"2.0.0\"\n  },\n  \"lint-staged\": {\n    \"*.element.ts\": [\n      \"eslint --cache --fix\",\n      \"tsc-files --project tsconfig.lint-staged.json\"\n    ],\n    \"!(*.element).ts\": \"eslint --cache --fix\",\n    \"*\": \"prettier --ignore-unknown --write\"\n  },\n  \"storybook\": {\n    \"url\": \"https://uui.umbraco.com\"\n  },\n  \"packageManager\": \"npm@11.18.0\"\n}\n"],"mappings":""}

package/dist/styles/uui-font.css

@@ -1 +1 @@
-.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased}
+.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}

package/dist/styles/uui-text.css

@@ -1 +1 @@
-.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;-webkit-font-smoothing:antialiased}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);font-weight:400;margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);font-weight:400;margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);font-weight:400;margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);line-height:21px;font-weight:400;margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;font-weight:400;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{display:inline-block;font-size:var(--uui-type-small-size);line-height:18px}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;font-weight:400;font-style:italic;margin-top:0;margin-bottom:var(--uui-size-layout-1);margin-right:-.035em;max-width:16em;quotes:"“" "”" "‘" "’"}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;margin-left:-.4em;margin-right:.08em;vertical-align:bottom;font-weight:400;font-size:2em}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;margin-left:.04em;margin-right:-.4em;vertical-align:bottom;font-weight:400;font-size:2em;margin-bottom:-2px;display:inline-block}.uui-ul,.uui-text ul{list-style-type:square;padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}
+.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{-webkit-font-smoothing:antialiased;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400;line-height:21px}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0;font-weight:400}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{font-size:var(--uui-type-small-size);line-height:18px;display:inline-block}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;margin-top:0;margin-bottom:var(--uui-size-layout-1);quotes:"“" "”" "‘" "’";max-width:16em;margin-right:-.035em;font-style:italic;font-weight:400}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;vertical-align:bottom;margin-left:-.4em;margin-right:.08em;font-size:2em;font-weight:400}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;vertical-align:bottom;margin-bottom:-2px;margin-left:.04em;margin-right:-.4em;font-size:2em;font-weight:400;display:inline-block}.uui-ul,.uui-text ul{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);list-style-type:square}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}

package/dist/styles/uui-text.css.js

@@ -1,5 +1,6 @@
-const css = '.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;-webkit-font-smoothing:antialiased}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);font-weight:400;margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);font-weight:400;margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);font-weight:400;margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);line-height:21px;font-weight:400;margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;font-weight:400;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{display:inline-block;font-size:var(--uui-type-small-size);line-height:18px}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;font-weight:400;font-style:italic;margin-top:0;margin-bottom:var(--uui-size-layout-1);margin-right:-.035em;max-width:16em;quotes:"“" "”" "‘" "’"}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;margin-left:-.4em;margin-right:.08em;vertical-align:bottom;font-weight:400;font-size:2em}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;margin-left:.04em;margin-right:-.4em;vertical-align:bottom;font-weight:400;font-size:2em;margin-bottom:-2px;display:inline-block}.uui-ul,.uui-text ul{list-style-type:square;padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}';
-export {
-  css as default
-};
-//# sourceMappingURL=uui-text.css.js.map
+//#region src/styles/uui-text.css?inline
+var uui_text_default = ".uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{-webkit-font-smoothing:antialiased;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);font-weight:400;line-height:21px}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0;font-weight:400}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{font-size:var(--uui-type-small-size);line-height:18px;display:inline-block}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;margin-top:0;margin-bottom:var(--uui-size-layout-1);quotes:\"“\" \"”\" \"‘\" \"’\";max-width:16em;margin-right:-.035em;font-style:italic;font-weight:400}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;vertical-align:bottom;margin-left:-.4em;margin-right:.08em;font-size:2em;font-weight:400}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;vertical-align:bottom;margin-bottom:-2px;margin-left:.04em;margin-right:-.4em;font-size:2em;font-weight:400;display:inline-block}.uui-ul,.uui-text ul{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1);list-style-type:square}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}";
+//#endregion
+export { uui_text_default as default };
+
+//# sourceMappingURL=uui-text.css.js.map

package/dist/styles/uui-text.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"uui-text.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"uui-text.css.js","names":[],"sources":["../../src/styles/uui-text.css?inline"],"sourcesContent":[".uui-h1,\n.uui-h2,\n.uui-h3,\n.uui-h4,\n.uui-h5,\n.uui-a,\n.uui-p,\n.uui-p-lead,\n.uui-small,\n.uui-quoteblock,\n.uui-ul,\n.uui-ol,\n.uui-text {\n  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  line-height: 21px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.uui-text h1,\n.uui-h1.uui-h1 {\n  font-size: var(--uui-type-h1-size);\n  line-height: var(--uui-size-layout-4);\n  font-weight: 400;\n  margin-left: -5px;\n  margin-top: var(--uui-size-layout-1);\n  margin-bottom: var(--uui-size-layout-1);\n}\n.uui-text p + h1,\n.uui-text p + .uui-h1 {\n  margin-top: var(--uui-size-layout-4);\n}\n.uui-text h1.--no-top-margin,\n.uui-text h1:first-child,\n.uui-h1.--no-top-margin,\n.uui-h1:first-child {\n  margin-top: 0;\n}\n\n.uui-text h2,\n.uui-h2.uui-h2 {\n  font-size: var(--uui-type-h2-size);\n  line-height: var(--uui-size-layout-3);\n  font-weight: 400;\n  margin-left: -3px;\n  margin-top: var(--uui-size-layout-1);\n  margin-bottom: var(--uui-size-layout-1);\n}\n.uui-text p + h2,\n.uui-text p + .uui-h2 {\n  margin-top: var(--uui-size-layout-3);\n}\n.uui-text h2.--no-top-margin,\n.uui-text h2:first-child,\n.uui-h2.--no-top-margin,\n.uui-h2:first-child {\n  margin-top: 0;\n}\n\n.uui-text h3,\n.uui-h3.uui-h3 {\n  font-size: var(--uui-type-h3-size);\n  line-height: var(--uui-size-large);\n  font-weight: 400;\n  margin-left: -2px;\n  margin-top: var(--uui-size-layout-1);\n  margin-bottom: var(--uui-size-layout-1);\n}\n.uui-text h3.--no-top-margin,\n.uui-text h3:first-child,\n.uui-h3.--no-top-margin,\n.uui-h3:first-child {\n  margin-top: 0;\n}\n\n.uui-text h4,\n.uui-h4.uui-h4 {\n  font-size: var(--uui-type-h4-size);\n  line-height: 21px;\n  font-weight: 400;\n  margin-left: -1px;\n  margin-top: var(--uui-size-layout-1);\n  margin-bottom: var(--uui-size-layout-1);\n}\n.uui-text h4.--no-top-margin,\n.uui-text h4:first-child,\n.uui-h4.--no-top-margin,\n.uui-h4:first-child {\n  margin-top: 0;\n}\n\n.uui-text h5,\n.uui-h5.uui-h5 {\n  font-size: var(--uui-type-h5-size);\n  line-height: inherit;\n  font-weight: 400;\n  margin-left: 0;\n  margin-top: var(--uui-size-layout-1);\n  margin-bottom: 0;\n}\n\n.uui-text h5.--no-top-margin,\n.uui-text h5:first-child,\n.uui-h5.--no-top-margin,\n.uui-h5:first-child {\n  margin-top: 0;\n}\n\n.uui-p,\n.uui-text p {\n  margin-top: var(--uui-size-layout-1);\n  margin-bottom: var(--uui-size-layout-1);\n}\n.uui-p-lead,\n.uui-text p.uui-lead {\n  font-size: var(--uui-size-6);\n  line-height: var(--uui-size-8);\n}\n\n.uui-a,\n.uui-text a {\n  color: var(--uui-color-interactive);\n}\n\n.uui-a:link,\n.uui-a:active .uui-text a:link,\n.uui-text a:active {\n  color: var(--uui-color-interactive);\n}\n.uui-a:hover,\n.uui-text a:hover {\n  color: var(--uui-color-interactive-emphasis);\n}\n\n.uui-small,\n.uui-text small {\n  display: inline-block;\n  font-size: var(--uui-type-small-size);\n  line-height: 18px;\n}\n\n.uui-quoteblock,\n.uui-text blockquote {\n  float: right;\n  font-size: 14px;\n  line-height: inherit;\n  font-weight: 400;\n  font-style: italic;\n  margin-top: 0;\n  margin-bottom: var(--uui-size-layout-1);\n  margin-right: -0.035em;\n  max-width: 16em;\n  quotes: '“' '”' '‘' '’';\n}\n\n.uui-quoteblock:before,\n.uui-text blockquote:before {\n  content: open-quote;\n  margin-left: -0.4em;\n  margin-right: 0.08em;\n  vertical-align: bottom;\n  font-weight: 400;\n  font-size: 2em;\n}\n\n.uui-quoteblock:after,\n.uui-text blockquote:after {\n  content: close-quote;\n  margin-left: 0.04em;\n  margin-right: -0.4em;\n  vertical-align: bottom;\n  font-weight: 400;\n  font-size: 2em;\n  margin-bottom: -2px;\n  display: inline-block;\n}\n\n.uui-ul,\n.uui-text ul {\n  list-style-type: square;\n  padding-left: var(--uui-size-layout-1);\n  margin-top: var(--uui-size-layout-1);\n  margin-bottom: var(--uui-size-layout-1);\n}\n\n.uui-ol,\n.uui-text ol {\n  padding-left: var(--uui-size-layout-1);\n  margin-top: var(--uui-size-layout-1);\n  margin-bottom: var(--uui-size-layout-1);\n}\n"],"mappings":""}