@outs-tand-ing/ui 0.0.6 → 0.2.4

package/README.md

@@ -0,0 +1,7 @@
+# @outs-tand-ing/ui
+
+Shared UI components and CSS for the outs ecosystem.
+
+## Bundle Logs
+
+- [Bundle Size Log](./docs/BUNDLE_SIZE.md)

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

@@ -0,0 +1,23 @@
+import type { LogoData } from '../utils/svg-parse';
+type __VLS_Props = {
+    logoData?: LogoData | null;
+    imageSrc?: string;
+};
+declare var __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=AccessWrapper.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccessWrapper.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccessWrapper.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAIlD,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;AA4HF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,43 @@
+import type { LogoData } from '../utils/svg-parse';
+type __VLS_Props = {
+    logoData?: LogoData;
+    shape?: string;
+    strokeWidth?: number;
+    strokeClass?: string;
+    imageSrc?: string;
+    videoSrc?: string;
+    posterSrc?: string;
+    fit?: 'width' | 'height' | 'responsive';
+    filled?: boolean;
+    fillColor?: string;
+    overlayColor?: string;
+    ariaLabel?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "load-video": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onLoad-video"?: (() => any) | undefined;
+}>, {
+    strokeWidth: number;
+    strokeClass: string;
+    imageSrc: string;
+    videoSrc: string;
+    posterSrc: string;
+    fit: "width" | "height" | "responsive";
+    filled: boolean;
+    fillColor: string;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=SVGShape.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVGShape.vue.d.ts","sourceRoot":"","sources":["../../src/components/SVGShape.vue"],"names":[],"mappings":"AA+RA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAIlD,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAmTJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;iBAtUE,MAAM;iBACN,MAAM;cACT,MAAM;cACN,MAAM;eACL,MAAM;SACZ,OAAO,GAAG,QAAQ,GAAG,YAAY;YAC9B,OAAO;eACJ,MAAM;eAEN,MAAM;6EAiUpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    axis?: 'x' | 'y' | 'both';
+    fadeColor?: string;
+    wrapperClass?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    axis: "x" | "y" | "both";
+    fadeColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScrollableArea.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableArea.vue.d.ts","sourceRoot":"","sources":["../../src/components/ScrollableArea.vue"],"names":[],"mappings":"AA0FA,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;AAoJJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;UAhKL,GAAG,GAAG,GAAG,GAAG,MAAM;eACb,MAAM;6EAkKpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,10 @@
-export { default as PinkBox } from './components/PinkBox.vue';
 export { default as BrandLogo } from './components/BrandLogo.vue';
+export { default as AccessWrapper } from './components/AccessWrapper.vue';
+export { default as ScrollableArea } from './components/ScrollableArea.vue';
+export { default as SVGShape } from './components/SVGShape.vue';
+export { parseLogoSvg } from './utils/svg-parse';
+export type { LogoData, LogoPath } from './utils/svg-parse';
+export { shapes } from './utils/shape-data';
+export type { ShapeData } from './utils/shape-data';
+export { CDN_BASE, seasonSlugMap, seasonAssetUrl } from './utils/cdn';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}

package/dist/index.js

@@ -1,53 +1,455 @@
-import { defineComponent as r, openBlock as _, createElementBlock as i, toDisplayString as p, normalizeClass as u } from "vue";
-const l = /* @__PURE__ */ r({
-  __name: "PinkBox",
-  props: {
-    label: { type: String, required: !1 }
-  },
-  setup(n, { expose: t }) {
-    t();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-}), a = (n, t) => {
-  const e = n.__vccOpts || n;
-  for (const [s, o] of t)
-    e[s] = o;
-  return e;
-}, d = { class: "bg-pink-500 text-white rounded-lg p-4 font-medium" };
-function f(n, t, e, s, o, c) {
-  return _(), i(
-    "div",
-    d,
-    p(e.label ?? "PinkBox"),
-    1
-    /* TEXT */
-  );
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, useAttrs as v, useSlots as y, watch as b } from "vue";
+//#region src/components/BrandLogo.vue?vue&type=script&setup=true&lang.ts
+var x = /* @__PURE__ */ s({
+	__name: "BrandLogo",
+	props: { size: {
+		type: String,
+		required: !1
+	} },
+	setup(e, { expose: t }) {
+		t();
+		let n = {};
+		return Object.defineProperty(n, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), n;
+	}
+}), S = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+//#region src/components/BrandLogo.vue
+function C(e, t, n, r, a, o) {
+	return m(), i("span", { class: u(["font-posterama", {
+		"text-base": n.size === "xs",
+		"text-xl": n.size === "sm",
+		"text-3xl": !n.size || n.size === "md",
+		"text-5xl": n.size === "lg"
+	}]) }, "OUTSTANDING", 2);
+}
+var w = /* @__PURE__ */ S(x, [["render", C], ["__file", "/Users/kemal/Desktop/Kite/_Code/outs/ui/src/components/BrandLogo.vue"]]), T = {
+	squircle: {
+		width: 100,
+		height: 100,
+		viewBox: "0 0 100 100",
+		paths: [{
+			d: "M50,0 C10,0 0,10 0,50 0,90 10,100 50,100 90,100 100,90 100,50 100,10 90,0 50,0 Z",
+			fill: "#ffffff"
+		}]
+	},
+	circle: {
+		width: 100,
+		height: 100,
+		viewBox: "0 0 100 100",
+		paths: [{
+			d: "M100,50 C100,77.6 77.6,100 50,100 C22.4,100 0,77.6 0,50 C0,22.4 22.4,0 50,0 C77.6,0 100,22.4 100,50 Z",
+			fill: "#ffffff"
+		}]
+	}
+}, E = "var(--logo-outer-stroke-color, currentColor)", D = "var(--logo-stroke-color, currentColor)", O = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "SVGShape",
+	props: {
+		logoData: {
+			type: Object,
+			required: !1
+		},
+		shape: {
+			type: String,
+			required: !1
+		},
+		strokeWidth: {
+			type: Number,
+			required: !1,
+			default: 12
+		},
+		strokeClass: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		imageSrc: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		videoSrc: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		posterSrc: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		fit: {
+			type: String,
+			required: !1,
+			default: "height"
+		},
+		filled: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		fillColor: {
+			type: String,
+			required: !1,
+			default: "var(--color-season)"
+		},
+		overlayColor: {
+			type: String,
+			required: !1
+		},
+		ariaLabel: {
+			type: String,
+			required: !1,
+			default: "SVG shape"
+		}
+	},
+	emits: ["load-video"],
+	setup(e, { expose: n, emit: r }) {
+		n();
+		let i = e, a = y(), o = v(), s = t(() => {
+			let { style: e, ...t } = o;
+			return t;
+		}), c = t(() => o.style), u = t(() => i.logoData ? i.logoData : i.shape ? T[i.shape] ?? null : null), d = t(() => i.strokeWidth * 2), f = t(() => i.strokeWidth), p = t(() => d.value / 2), m = t(() => u.value?.width ?? 100), g = t(() => u.value?.height ?? 100), _ = t(() => m.value + p.value * 2), x = t(() => g.value + p.value * 2), S = t(() => `${-p.value} ${-p.value} ${_.value} ${x.value}`), C = t(() => `${_.value} / ${x.value}`), w = t(() => {
+			if (!u.value) return "";
+			let e = u.value.paths.map((e) => `<path d="${e.d}" fill="white"/>`).join(""), t = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${u.value.viewBox}">${e}</svg>`;
+			return `url("data:image/svg+xml,${encodeURIComponent(t)}")`;
+		}), O = t(() => ({
+			position: "absolute",
+			left: `${p.value / _.value * 100}%`,
+			top: `${p.value / x.value * 100}%`,
+			width: `${m.value / _.value * 100}%`,
+			height: `${g.value / x.value * 100}%`,
+			WebkitMaskImage: w.value,
+			maskImage: w.value,
+			WebkitMaskSize: "100% 100%",
+			maskSize: "100% 100%",
+			WebkitMaskRepeat: "no-repeat",
+			maskRepeat: "no-repeat"
+		})), k = t(() => !!i.imageSrc || !!i.videoSrc), A = h(null), j = h(!1), M = r;
+		b(() => i.videoSrc, (e) => {
+			e && l(() => {
+				let e = A.value;
+				e && (e.load(), e.play());
+			});
+		});
+		function N() {
+			if (!i.videoSrc) {
+				M("load-video");
+				return;
+			}
+			let e = A.value;
+			if (e) {
+				if (e.paused) {
+					e.ended && (e.currentTime = 0), e.load(), e.play();
+					return;
+				}
+				e.pause();
+			}
+		}
+		let P = {
+			props: i,
+			slots: a,
+			attrs: o,
+			rootAttrs: s,
+			passedStyle: c,
+			pathData: u,
+			outerSW: d,
+			innerSW: f,
+			outerColor: E,
+			innerColor: D,
+			strokePad: p,
+			pw: m,
+			ph: g,
+			totalW: _,
+			totalH: x,
+			paddedViewBox: S,
+			aspectRatio: C,
+			maskUri: w,
+			innerLayerBase: O,
+			hasMedia: k,
+			videoEl: A,
+			isVideoPlaying: j,
+			emit: M,
+			toggleVideoPlayback: N
+		};
+		return Object.defineProperty(P, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), P;
+	}
+}), k = ["aria-label"], A = ["viewBox"], j = ["d", "fill"], M = ["src"], N = ["src", "poster"], P = ["viewBox"], F = ["d", "stroke-width"], I = ["d", "stroke-width"];
+function L(t, n, o, s, l, f) {
+	return m(), i("div", c({ class: "svg-shape" }, s.rootAttrs), [s.pathData ? (m(), i("div", {
+		key: 0,
+		class: u(["svg-shape-artboard", `fit-${o.fit}`]),
+		style: d({ aspectRatio: s.aspectRatio }),
+		role: "img",
+		"aria-label": o.ariaLabel
+	}, [
+		r(" Layer 0: Shape fill (opaque backing behind content) "),
+		o.filled ? (m(), i("svg", {
+			key: 0,
+			xmlns: "http://www.w3.org/2000/svg",
+			class: "fill-layer",
+			viewBox: s.paddedViewBox,
+			fill: "none"
+		}, [(m(!0), i(e, null, g(s.pathData.paths, (e, t) => (m(), i("path", {
+			key: `fill-${t}`,
+			d: e.d,
+			fill: o.fillColor,
+			stroke: "none"
+		}, null, 8, j))), 128))], 8, A)) : r("v-if", !0),
+		r(" Layer 1: Slot content (background + text, masked to shape) "),
+		s.slots.default ? (m(), i("div", {
+			key: 1,
+			class: "content-layer",
+			style: d([s.innerLayerBase, s.passedStyle])
+		}, [_(t.$slots, "default", {}, void 0, !0)], 4)) : r("v-if", !0),
+		r(" Layer 2: Media (image/video, masked to shape) "),
+		s.hasMedia ? (m(), i("div", {
+			key: 2,
+			class: "media-layer",
+			style: d(s.innerLayerBase),
+			onClick: s.toggleVideoPlayback
+		}, [o.imageSrc ? (m(), i("img", {
+			key: 0,
+			src: o.imageSrc,
+			class: "masked-media"
+		}, null, 8, M)) : r("v-if", !0), o.videoSrc ? (m(), i("video", {
+			key: 1,
+			ref: "videoEl",
+			class: "masked-media",
+			src: o.videoSrc,
+			poster: o.posterSrc || o.imageSrc,
+			muted: "",
+			loop: "",
+			playsinline: "",
+			preload: "none",
+			onPlay: n[0] ||= (e) => s.isVideoPlaying = !0,
+			onPause: n[1] ||= (e) => s.isVideoPlaying = !1,
+			onEnded: n[2] ||= (e) => s.isVideoPlaying = !1
+		}, null, 40, N)) : r("v-if", !0)], 4)) : r("v-if", !0),
+		r(" Layer 2.5: Color overlay (masked to shape, above media, below strokes) "),
+		o.overlayColor ? (m(), i("div", {
+			key: 3,
+			class: "overlay-layer",
+			style: d([s.innerLayerBase, { backgroundColor: o.overlayColor }])
+		}, null, 4)) : r("v-if", !0),
+		r(" Layer 3: SVG strokes (always on top) "),
+		(m(), i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			class: "stroke-overlay",
+			viewBox: s.paddedViewBox,
+			fill: "none"
+		}, [a("g", null, [(m(!0), i(e, null, g(s.pathData.paths, (e, t) => (m(), i("path", {
+			key: `outer-${t}`,
+			d: e.d,
+			fill: "none",
+			stroke: s.outerColor,
+			class: u(o.strokeClass),
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": s.outerSW,
+			opacity: "0.95",
+			"pointer-events": "none"
+		}, null, 10, F))), 128))]), a("g", null, [(m(!0), i(e, null, g(s.pathData.paths, (e, t) => (m(), i("path", {
+			key: `inner-${t}`,
+			d: e.d,
+			fill: "none",
+			stroke: s.innerColor,
+			class: u(o.strokeClass),
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": s.innerSW,
+			"pointer-events": "none"
+		}, null, 10, I))), 128))])], 8, P))
+	], 14, k)) : r("v-if", !0)], 16);
 }
-const g = /* @__PURE__ */ a(l, [["render", f], ["__file", "/Users/kemal/Desktop/Kite/_Code/outs/ui/src/components/PinkBox.vue"]]), m = /* @__PURE__ */ r({
-  __name: "BrandLogo",
-  props: {
-    size: { type: String, required: !1 }
-  },
-  setup(n, { expose: t }) {
-    t();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
+var R = /* @__PURE__ */ S(O, [
+	["render", L],
+	["__scopeId", "data-v-00a84a8e"],
+	["__file", "/Users/kemal/Desktop/Kite/_Code/outs/ui/src/components/SVGShape.vue"]
+]), z = /* @__PURE__ */ s({
+	__name: "AccessWrapper",
+	props: {
+		logoData: {
+			type: [Object, null],
+			required: !1
+		},
+		imageSrc: {
+			type: String,
+			required: !1
+		}
+	},
+	setup(e, { expose: t }) {
+		t();
+		let n = h(null), r = h(!0), i = () => r.value = document.documentElement.scrollHeight > window.innerHeight + 2;
+		f(() => {
+			if (i(), window.addEventListener("scroll", i, { passive: !0 }), window.addEventListener("resize", i, { passive: !0 }), n.value) {
+				let e = n.value.offsetHeight;
+				document.documentElement.style.setProperty("--access-footer-h", `${e}px`);
+			}
+		}), p(() => {
+			window.removeEventListener("scroll", i), window.removeEventListener("resize", i);
+		});
+		let a = {
+			footerRef: n,
+			canScroll: r,
+			update: i,
+			BrandLogo: w,
+			SVGShape: R
+		};
+		return Object.defineProperty(a, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), a;
+	}
+}), B = { class: "min-h-screen bg-gray-50 flex flex-col" }, V = { class: "pt-[var(--access-pt)] pb-4 flex flex-col items-center gap-4" }, H = { href: "/" }, U = { class: "flex-1 flex items-center justify-center p-4 pb-[var(--access-footer-h)]" }, W = {
+	ref: "footerRef",
+	class: "fixed bottom-0 left-0 right-0 z-10"
+}, G = { class: "bg-gray-50" };
+function K(e, t, s, c, l, d) {
+	return m(), i("div", B, [
+		a("div", V, [
+			a("a", H, [o(c.BrandLogo, { class: "text-gray-900" })]),
+			s.logoData ? (m(), n(c.SVGShape, {
+				key: 0,
+				"logo-data": s.logoData,
+				"image-src": s.imageSrc,
+				"stroke-width": 32,
+				class: "h-16 w-16"
+			}, null, 8, ["logo-data", "image-src"])) : r("v-if", !0),
+			_(e.$slots, "header")
+		]),
+		a("div", U, [_(e.$slots, "default")]),
+		a("div", W, [a("div", {
+			class: u(["pointer-events-none h-10 transition-opacity duration-200", c.canScroll ? "opacity-100" : "opacity-0"]),
+			style: { background: "linear-gradient(to top, var(--color-surface, #f9fafb), transparent)" }
+		}, null, 2), a("div", G, [_(e.$slots, "footer")])], 512)
+	]);
+}
+var q = /* @__PURE__ */ S(z, [["render", K], ["__file", "/Users/kemal/Desktop/Kite/_Code/outs/ui/src/components/AccessWrapper.vue"]]), J = /* @__PURE__ */ s({
+	__name: "ScrollableArea",
+	props: {
+		axis: {
+			type: String,
+			required: !1,
+			default: "y"
+		},
+		fadeColor: {
+			type: String,
+			required: !1,
+			default: "white"
+		},
+		wrapperClass: {
+			type: String,
+			required: !1
+		}
+	},
+	setup(e, { expose: n }) {
+		n();
+		let r = e, i = t(() => r.axis === "x" ? "overflow-x-auto overflow-y-hidden" : r.axis === "both" ? "overflow-auto" : "overflow-y-auto overflow-x-hidden"), a = (e) => ({ background: `linear-gradient(${e}, ${r.fadeColor}, transparent)` }), o = h(null), s = h(!1), c = h(!1), l = h(!1), u = h(!1), d = () => {
+			let e = o.value;
+			e && (r.axis !== "x" && (s.value = e.scrollTop > 2, c.value = e.scrollTop + e.clientHeight < e.scrollHeight - 2), r.axis !== "y" && (l.value = e.scrollLeft > 2, u.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 2));
+		}, m = d, g = null;
+		f(() => {
+			d(), o.value && (g = new ResizeObserver(d), g.observe(o.value));
+		}), p(() => g?.disconnect());
+		let _ = {
+			props: r,
+			scrollerClass: i,
+			fadeStyle: a,
+			scroller: o,
+			canScrollUp: s,
+			canScrollDown: c,
+			canScrollLeft: l,
+			canScrollRight: u,
+			update: d,
+			onScroll: m,
+			get ro() {
+				return g;
+			},
+			set ro(e) {
+				g = e;
+			}
+		};
+		return Object.defineProperty(_, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), _;
+	}
 });
-function x(n, t, e, s, o, c) {
-  return _(), i(
-    "span",
-    {
-      class: u(["font-posterama", { "text-base": e.size === "xs", "text-xl": e.size === "sm", "text-3xl": !e.size || e.size === "md", "text-5xl": e.size === "lg" }])
-    },
-    "OUTSTANDING",
-    2
-    /* CLASS */
-  );
+//#endregion
+//#region src/components/ScrollableArea.vue
+function Y(e, t, n, o, s, c) {
+	return m(), i("div", { class: u(["relative overflow-hidden", n.wrapperClass]) }, [
+		a("div", {
+			ref: "scroller",
+			class: u(["size-full hide-scroll", o.scrollerClass]),
+			onScroll: t[0] ||= (...e) => o.onScroll && o.onScroll(...e)
+		}, [_(e.$slots, "default")], 34),
+		n.axis === "x" ? r("v-if", !0) : (m(), i("div", {
+			key: 0,
+			class: u(["pointer-events-none absolute left-0 right-0 top-0 h-10 transition-opacity duration-200", o.canScrollUp ? "opacity-100" : "opacity-0"]),
+			style: d(o.fadeStyle("to bottom"))
+		}, null, 6)),
+		n.axis === "x" ? r("v-if", !0) : (m(), i("div", {
+			key: 1,
+			class: u(["pointer-events-none absolute left-0 right-0 bottom-0 h-10 transition-opacity duration-200", o.canScrollDown ? "opacity-100" : "opacity-0"]),
+			style: d(o.fadeStyle("to top"))
+		}, null, 6)),
+		n.axis === "y" ? r("v-if", !0) : (m(), i("div", {
+			key: 2,
+			class: u(["pointer-events-none absolute top-0 bottom-0 left-0 w-10 transition-opacity duration-200", o.canScrollLeft ? "opacity-100" : "opacity-0"]),
+			style: d(o.fadeStyle("to right"))
+		}, null, 6)),
+		n.axis === "y" ? r("v-if", !0) : (m(), i("div", {
+			key: 3,
+			class: u(["pointer-events-none absolute top-0 bottom-0 right-0 w-10 transition-opacity duration-200", o.canScrollRight ? "opacity-100" : "opacity-0"]),
+			style: d(o.fadeStyle("to left"))
+		}, null, 6))
+	], 2);
+}
+var X = /* @__PURE__ */ S(J, [["render", Y], ["__file", "/Users/kemal/Desktop/Kite/_Code/outs/ui/src/components/ScrollableArea.vue"]]);
+//#endregion
+//#region src/utils/svg-parse.ts
+function Z(e) {
+	let t = new DOMParser().parseFromString(e, "image/svg+xml").querySelector("svg");
+	if (!t) return {
+		viewBox: "0 0 3000 400",
+		width: 3e3,
+		height: 400,
+		paths: []
+	};
+	let n = t.getAttribute("viewBox") || `0 0 ${t.getAttribute("width") || 3e3} ${t.getAttribute("height") || 400}`, r = n.split(/\s+/).map((e) => Number(e)), i = r[2] ?? 0, a = r[3] ?? 0;
+	return {
+		viewBox: n,
+		width: Number.isFinite(i) && i > 0 ? i : 3e3,
+		height: Number.isFinite(a) && a > 0 ? a : 400,
+		paths: [...t.querySelectorAll("path")].map((e) => ({
+			d: e.getAttribute("d") || "",
+			fill: e.getAttribute("fill") || "#ffffff"
+		})).filter((e) => !!e.d)
+	};
 }
-const B = /* @__PURE__ */ a(m, [["render", x], ["__file", "/Users/kemal/Desktop/Kite/_Code/outs/ui/src/components/BrandLogo.vue"]]);
-export {
-  B as BrandLogo,
-  g as PinkBox
+//#endregion
+//#region src/utils/cdn.ts
+var Q = "https://cdn.tand.ing/seasons", $ = {
+	24: "season/24",
+	25: "season/25",
+	26: "season/26",
+	wc26: "worldcup26",
+	27: "season/27"
+}, ee = (e, t) => {
+	let n = $[e];
+	return n ? `${Q}/${n}/${t}` : "";
 };
+//#endregion
+export { q as AccessWrapper, w as BrandLogo, Q as CDN_BASE, R as SVGShape, X as ScrollableArea, Z as parseLogoSvg, ee as seasonAssetUrl, $ as seasonSlugMap, T as shapes };

package/dist/seasons/24.js

@@ -0,0 +1,4 @@
+//#region src/seasons/season24/logo.svg?raw
+var e = "<svg width=\"3000\" height=\"400\" viewBox=\"0 0 3000 400\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M306.281 288.022C297.668 328.578 278.29 357.47 248.146 374.697C218.362 391.566 182.118 400 139.414 400C87.3806 400 42.1652 382.234 3.76795 346.703C1.25598 344.549 0 341.857 0 338.627C0 336.115 0.897131 333.782 2.69139 331.629L50.0599 271.332C52.213 268.102 54.9044 266.487 58.1341 266.487C60.2872 266.487 62.7992 267.564 65.67 269.717C80.0241 281.561 94.0193 290.175 107.656 295.559C121.292 300.942 136.184 303.634 152.333 303.634C182.476 303.634 198.804 295.02 201.316 277.793C202.393 269.897 198.984 263.616 191.089 258.95C183.553 253.926 168.84 248.362 146.95 242.261C114.653 233.288 88.9954 219.65 69.9762 201.346C50.957 182.683 41.4475 159.175 41.4475 130.821C41.4475 124.361 41.9857 117.362 43.0623 109.825C49.1628 72.14 66.2083 44.5043 94.1988 26.9179C122.548 8.97263 157.357 0 198.625 0C248.864 0 292.644 13.2795 329.965 39.8385C333.194 41.9919 334.809 44.6837 334.809 47.9139C334.809 50.0673 333.912 52.4002 332.118 54.9125L279.905 117.362C277.034 120.233 274.163 121.669 271.292 121.669C270.216 121.669 267.883 120.951 264.295 119.515C239.534 103.365 213.697 95.2894 186.783 95.2894C174.223 95.2894 164.893 97.0839 158.792 100.673C152.692 103.903 149.103 109.287 148.027 116.824C146.95 124.002 150.18 129.924 157.716 134.589C165.61 139.255 178.708 144.459 197.01 150.202C217.823 157.021 235.945 164.199 251.376 171.736C266.807 179.273 280.264 190.399 291.747 205.114C303.589 219.471 309.51 237.775 309.51 260.027C309.51 268.282 308.434 277.613 306.281 288.022Z\" fill=\"#0D4243\"/>\n<path d=\"M688.73 90.9825C687.653 97.4428 683.706 100.673 676.888 100.673H540.703L531.014 152.355H645.668C649.615 152.355 652.306 153.432 653.742 155.585C655.536 157.739 656.254 160.61 655.895 164.199L642.976 233.109C641.9 239.569 638.132 242.799 631.672 242.799H514.866L504.639 298.789H648.359C651.948 298.789 654.639 299.865 656.433 302.019C658.228 304.172 658.766 307.044 658.048 310.633L646.206 382.773C645.129 389.233 641.361 392.463 634.902 392.463H396.983C393.394 392.463 390.703 391.386 388.909 389.233C387.115 387.079 386.576 384.208 387.294 380.619L451.887 17.2275C452.964 10.7672 456.732 7.53701 463.191 7.53701H691.421C695.01 7.53701 697.701 8.61372 699.496 10.7671C701.29 12.9206 701.828 15.7918 701.11 19.3809L688.73 90.9825Z\" fill=\"#0D4243\"/>\n<path d=\"M972.002 392.463C964.825 392.463 961.057 389.053 960.698 382.234L956.392 334.859H848.736L828.281 384.388C826.487 389.771 822.36 392.463 815.901 392.463H726.547C723.676 392.463 721.523 391.745 720.087 390.31C718.293 388.874 717.396 387.079 717.396 384.926C717.396 382.773 717.755 380.978 718.472 379.542L892.336 15.6124C894.848 10.2288 899.155 7.53701 905.255 7.53701H998.377C1005.55 7.53701 1009.68 10.7672 1010.76 17.2275L1064.59 381.157V383.311C1064.59 389.412 1061.18 392.463 1054.36 392.463H972.002ZM936.475 121.131C928.222 144.459 912.073 184.836 888.03 242.261H947.779C942.396 184.836 939.346 144.459 938.628 121.131H936.475Z\" fill=\"#0D4243\"/>\n<path d=\"M1438.12 288.022C1429.51 328.578 1410.13 357.47 1379.99 374.697C1350.2 391.566 1313.96 400 1271.25 400C1219.22 400 1174 382.234 1135.61 346.703C1133.1 344.549 1131.84 341.857 1131.84 338.627C1131.84 336.115 1132.74 333.782 1134.53 331.629L1181.9 271.332C1184.05 268.102 1186.74 266.487 1189.97 266.487C1192.13 266.487 1194.64 267.564 1197.51 269.717C1211.86 281.561 1225.86 290.175 1239.49 295.559C1253.13 300.942 1268.02 303.634 1284.17 303.634C1314.32 303.634 1330.64 295.02 1333.16 277.793C1334.23 269.897 1330.82 263.616 1322.93 258.95C1315.39 253.926 1300.68 248.362 1278.79 242.261C1246.49 233.288 1220.83 219.65 1201.82 201.346C1182.8 182.683 1173.29 159.175 1173.29 130.821C1173.29 124.361 1173.82 117.362 1174.9 109.825C1181 72.14 1198.05 44.5043 1226.04 26.9179C1254.39 8.97263 1289.2 0 1330.46 0C1380.7 0 1424.48 13.2795 1461.8 39.8385C1465.03 41.9919 1466.65 44.6837 1466.65 47.9139C1466.65 50.0673 1465.75 52.4002 1463.96 54.9125L1411.74 117.362C1408.87 120.233 1406 121.669 1403.13 121.669C1402.06 121.669 1399.72 120.951 1396.13 119.515C1371.37 103.365 1345.54 95.2894 1318.62 95.2894C1306.06 95.2894 1296.73 97.0839 1290.63 100.673C1284.53 103.903 1280.94 109.287 1279.87 116.824C1278.79 124.002 1282.02 129.924 1289.55 134.589C1297.45 139.255 1310.55 144.459 1328.85 150.202C1349.66 157.021 1367.78 164.199 1383.22 171.736C1398.65 179.273 1412.1 190.399 1423.59 205.114C1435.43 219.471 1441.35 237.775 1441.35 260.027C1441.35 268.282 1440.27 277.613 1438.12 288.022Z\" fill=\"#0D4243\"/>\n<path d=\"M1838.87 253.567C1830.62 300.583 1811.06 336.833 1780.2 362.315C1749.34 387.438 1708.97 400 1659.09 400C1632.89 400 1610.1 394.796 1590.72 384.388C1571.35 373.62 1556.45 358.546 1546.05 339.166C1535.64 319.426 1530.44 296.635 1530.44 270.794C1530.44 258.591 1531.51 246.03 1533.67 233.109L1549.82 142.665C1557.71 97.8017 1577.09 62.8084 1607.95 37.6851C1639.17 12.5617 1679 0 1727.45 0C1767.28 0 1798.86 11.1261 1822.18 33.3782C1845.87 55.6303 1857.71 86.6756 1857.71 126.514C1857.71 136.205 1856.45 148.946 1853.94 164.738L1838.87 253.567ZM1637.55 245.491C1636.48 251.952 1635.94 258.053 1635.94 263.795C1635.94 276.716 1639.17 286.765 1645.63 293.943C1652.09 300.763 1661.96 304.172 1675.23 304.172C1691.02 304.172 1703.94 299.148 1713.99 289.098C1724.04 279.049 1730.5 265.231 1733.37 247.645L1749.52 153.97C1750.59 147.51 1751.13 141.409 1751.13 135.666C1751.13 109.107 1738.39 95.8277 1712.91 95.8277C1697.12 95.8277 1684.21 100.673 1674.16 110.363C1664.47 120.054 1658.01 133.692 1654.78 151.279L1637.55 245.491Z\" fill=\"#0D4243\"/>\n<path d=\"M1932.74 392.463C1929.15 392.463 1926.46 391.386 1924.66 389.233C1922.87 387.079 1922.33 384.208 1923.05 380.619L1987.1 17.2275C1988.18 10.7672 1991.95 7.53701 1998.41 7.53701H2082.92C2090.09 7.53701 2094.4 10.5877 2095.83 16.6891L2118.44 97.4428C2124.9 117.9 2131.54 141.409 2138.36 167.968C2145.54 194.168 2150.38 213.728 2152.89 226.649L2155.04 225.572C2159.35 185.733 2166.35 136.922 2176.04 79.1386L2187.34 17.2275C2188.42 10.7672 2192.19 7.53701 2198.65 7.53701H2278.85C2282.44 7.53701 2285.13 8.61372 2286.92 10.7671C2288.72 12.9206 2289.26 15.7918 2288.54 19.3809L2224.48 382.773C2223.41 389.233 2219.64 392.463 2213.18 392.463H2128.67C2122.57 392.463 2118.44 389.592 2116.29 383.849L2092.07 313.863C2084.53 293.405 2076.81 268.641 2068.92 239.569C2061.03 210.498 2055.64 187.707 2052.77 171.198L2050.62 172.275C2045.59 243.338 2039.67 297.712 2032.86 335.397L2024.78 382.773C2023.7 389.233 2019.94 392.463 2013.48 392.463H1932.74Z\" fill=\"#0D4243\"/>\n<path d=\"M2335.18 392.463C2331.59 392.463 2328.9 391.386 2327.11 389.233C2324.95 387.079 2324.24 384.208 2324.95 380.619L2336.26 317.631C2337.33 312.607 2339.67 308.479 2343.26 305.249L2429.38 232.571C2458.45 207.806 2480.16 188.784 2494.51 175.505C2509.22 161.866 2519.45 150.92 2525.19 142.665C2530.94 134.41 2534.34 126.335 2535.42 118.439C2535.78 117.003 2535.96 115.029 2535.96 112.517C2535.96 106.057 2533.63 101.391 2528.96 98.5195C2524.3 95.2894 2516.58 93.6743 2505.82 93.6743C2482.85 93.6743 2459.7 103.903 2436.38 124.361C2433.15 126.873 2430.64 128.129 2428.84 128.129C2425.97 128.129 2423.46 126.155 2421.31 122.207L2389.01 65.6797C2387.57 62.0906 2386.86 59.7577 2386.86 58.681C2386.86 56.1687 2388.29 53.4769 2391.16 50.6056C2409.1 35.1727 2429.38 22.9699 2451.99 13.9973C2474.6 4.66577 2497.92 0 2521.96 0C2557.13 0 2584.94 8.79319 2605.4 26.3796C2625.85 43.607 2636.08 66.5769 2636.08 95.2894C2636.08 103.185 2635.36 110.543 2633.93 117.362C2631.06 136.384 2624.42 154.329 2614.01 171.198C2603.6 187.707 2586.38 208.524 2562.33 233.647C2530.4 263.437 2503.3 285.868 2481.05 300.942H2598.4C2601.99 300.942 2604.5 302.019 2605.94 304.172C2607.73 306.326 2608.45 309.197 2608.09 312.786L2595.71 382.773C2594.63 389.233 2590.68 392.463 2583.87 392.463H2335.18Z\" fill=\"#0D4243\"/>\n<path d=\"M2850.09 392.463C2846.5 392.463 2843.81 391.386 2842.02 389.233C2840.22 387.079 2839.68 384.208 2840.4 380.619L2847.94 334.32H2693.99C2690.4 334.32 2687.71 333.244 2685.91 331.09C2684.48 328.937 2683.94 326.065 2684.3 322.476L2694.53 265.949C2695.6 260.206 2697.22 255.9 2699.37 253.028L2856.55 14.5357C2859.78 9.8699 2864.26 7.53701 2870.01 7.53701H2953.98C2960.08 7.53701 2963.13 9.8699 2963.13 14.5357C2963.13 16.6891 2962.41 18.6631 2960.97 20.4576L2814.56 244.953H2864.08L2886.69 180.888C2888.85 175.146 2892.97 172.275 2899.07 172.275H2963.13C2966.72 172.275 2969.41 173.351 2971.2 175.505C2973 177.658 2973.71 180.529 2973.36 184.118L2962.59 244.953H2989.5C2993.09 244.953 2995.78 246.209 2997.58 248.721C2999.73 250.875 3000.45 253.746 2999.73 257.335L2987.35 324.63C2986.27 331.09 2982.51 334.32 2976.05 334.32H2946.44L2938.37 382.773C2937.29 389.233 2933.34 392.463 2926.53 392.463H2850.09Z\" fill=\"#0D4243\"/>\n</svg>\n", t = "<svg width=\"688\" height=\"400\" viewBox=\"0 0 688 400\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.6934 400C7.03742 400 4.29568 398.903 2.46772 396.708C0.274162 394.513 -0.456985 391.587 0.274201 387.929L11.79 323.731C12.8868 318.61 15.2633 314.403 18.9192 311.111L106.661 237.037C136.275 211.797 158.393 192.41 173.017 178.875C188.006 164.975 198.425 153.818 204.275 145.405C210.124 136.991 213.597 128.761 214.694 120.713C215.06 119.25 215.243 117.238 215.243 114.678C215.243 108.093 212.866 103.338 208.114 100.412C203.361 97.1193 195.501 95.4733 184.533 95.4733C161.135 95.4733 137.554 105.898 113.79 126.749C110.5 129.31 107.941 130.59 106.113 130.59C103.189 130.59 100.629 128.578 98.4358 124.554L65.5323 66.941C64.0699 63.283 63.3388 60.9053 63.3388 59.808C63.3388 57.2474 64.8011 54.5039 67.7258 51.5775C86.0055 35.8482 106.661 23.4111 129.694 14.2661C152.726 4.75538 176.49 0 200.985 0C236.813 0 265.146 8.96205 285.985 26.8862C306.824 44.4444 317.243 67.8555 317.243 97.1193C317.243 105.167 316.512 112.666 315.049 119.616C312.125 139.003 305.361 157.293 294.759 174.486C284.157 191.312 266.608 212.529 242.114 238.134C209.576 268.496 181.974 291.358 159.307 306.722H278.856C282.512 306.722 285.071 307.819 286.533 310.014C288.361 312.208 289.092 315.135 288.727 318.793L276.114 390.123C275.017 396.708 270.995 400 264.049 400H10.6934Z\" fill=\"#0D4243\"/>\n<path d=\"M535.273 400C531.618 400 528.876 398.903 527.048 396.708C525.22 394.513 524.671 391.587 525.402 387.929L533.08 340.741H376.24C372.585 340.741 369.843 339.643 368.015 337.449C366.552 335.254 366.004 332.327 366.369 328.669L376.789 271.056C377.886 265.203 379.531 260.814 381.724 257.888L541.854 14.8148C545.145 10.0594 549.715 7.68175 555.564 7.68175H641.113C647.328 7.68175 650.435 10.0594 650.435 14.8148C650.435 17.0096 649.704 19.0215 648.242 20.8505L499.08 249.657H549.532L572.564 184.362C574.758 178.509 578.962 175.583 585.177 175.583H650.435C654.091 175.583 656.833 176.68 658.661 178.875C660.489 181.07 661.22 183.996 660.855 187.654L649.887 249.657H677.306C680.962 249.657 683.704 250.937 685.532 253.498C687.726 255.693 688.457 258.619 687.726 262.277L675.113 330.864C674.016 337.449 670.177 340.741 663.596 340.741H633.435L625.209 390.123C624.112 396.708 620.091 400 613.145 400H535.273Z\" fill=\"#0D4243\"/>\n</svg>\n";
+//#endregion
+export { t as iconRaw, e as logoRaw };