@outs-tand-ing/ui 0.2.25 → 0.2.28

package/dist/brand/app-icon/palette.d.ts

@@ -0,0 +1,7 @@
+export declare const iconPalette: {
+    background: string;
+    fallback: string;
+    dev: string;
+    prod: string;
+};
+//# sourceMappingURL=palette.d.ts.map

package/dist/brand/app-icon/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../../src/brand/app-icon/palette.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA"}

package/dist/index.js

@@ -1,6 +1,6 @@
 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({
+var x = /*@__PURE__*/ s({
 	__name: "BrandLogo",
 	props: { size: {
 		type: String,
@@ -29,7 +29,7 @@ function C(e, t, n, r, a, o) {
 		"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 = {
+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,
@@ -48,7 +48,7 @@ var w = /* @__PURE__ */ S(x, [["render", C], ["__file", "/Users/kemal/Desktop/Ki
 			fill: "#ffffff"
 		}]
 	}
-}, E = "var(--logo-outer-stroke-color, currentColor)", D = "var(--logo-stroke-color, currentColor)", O = /* @__PURE__ */ s({
+}, E = "var(--logo-outer-stroke-color, currentColor)", D = "var(--logo-stroke-color, currentColor)", O = /*@__PURE__*/ s({
 	inheritAttrs: !1,
 	__name: "SVGShape",
 	props: {
@@ -272,11 +272,11 @@ function L(t, n, o, s, l, f) {
 		}, null, 10, I))), 128))])], 8, P))
 	], 14, k)) : r("v-if", !0)], 16);
 }
-var R = /* @__PURE__ */ S(O, [
+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({
+]), z = /*@__PURE__*/ s({
 	__name: "AccessWrapper",
 	props: {
 		logoData: {
@@ -331,7 +331,7 @@ function K(e, t, s, c, l, u) {
 		}, null, -1), 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({
+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: {
@@ -413,7 +413,7 @@ function Y(e, t, n, o, s, c) {
 		}, null, 6))
 	], 2);
 }
-var X = /* @__PURE__ */ S(J, [["render", Y], ["__file", "/Users/kemal/Desktop/Kite/_Code/outs/ui/src/components/ScrollableArea.vue"]]);
+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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@outs-tand-ing/ui",
-  "version": "0.2.25",
+  "version": "0.2.28",
   "description": "Shared Vue components, icons, and design tokens for Outs",
   "type": "module",
   "sideEffects": [
@@ -64,21 +64,22 @@
     "release:major": "bun scripts/release.ts major",
     "palette": "bun scripts/generate-palette.ts",
     "generate:android": "bun scripts/generate-android-colors.ts",
-    "generate:ios": "bun scripts/generate-ios-colors.ts"
+    "generate:ios": "bun scripts/generate-ios-colors.ts",
+    "generate:android:icon": "bun scripts/generate-android-icon.ts"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.6",
-    "bun-types": "^1.3.13",
-    "eslint": "^10.2.1",
-    "eslint-plugin-vue": "^10.9.0",
-    "sharp": "^0.34.5",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "bun-types": "^1.3.14",
+    "eslint": "^10.4.1",
+    "eslint-plugin-vue": "^10.9.2",
+    "sharp": "^0.35.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.0",
-    "vite": "^8.0.9",
-    "vue": "^3.5.33",
-    "vue-tsc": "^3.2.7"
+    "typescript-eslint": "^8.61.0",
+    "vite": "^8.0.16",
+    "vue": "^3.5.37",
+    "vue-tsc": "^3.3.4"
   }
 }

package/src/brand/app-icon/README.md

@@ -0,0 +1,34 @@
+# App icon — single source
+
+The brand mark (two overlapping rounded triangles, placeholder) lives here and is the **only**
+editable source for both platforms. The triangle SVGs are not duplicated into the iOS or Android
+trees — those hold generated/authored artifacts only.
+
+| Source | What it drives |
+|---|---|
+| `triangle-back.svg`, `triangle-front.svg` | the mark geometry (1024 canvas, neutral fill — colour is applied per platform) |
+| `palette.ts` | channel colours (dev red / prod green) + background |
+
+## Android — generated
+
+From `ui/`:
+
+```sh
+bun run generate:android:icon
+```
+
+`scripts/generate-android-icon.ts` writes the `ic_launcher_foreground` / `ic_launcher_monochrome`
+/ `splash_icon` drawables + per-flavour `colors.xml` into the app tree (each `AUTO-GENERATED`).
+Structural files (adaptive-icon XML, themes, manifest) stay hand-authored.
+
+## iOS — Icon Composer (manual, GUI)
+
+iOS has no generation step — the layered Liquid Glass `.icon` is authored in **Icon Composer**:
+
+1. Import `triangle-back.svg` then `triangle-front.svg` from **this folder** as two layers.
+2. Set the channel fill (green prod / red dev) and tune Liquid Glass.
+3. Save over the project's `.icon` files at `ios/outstanding/AppIcon.icon` / `AppIconDev.icon`.
+
+The `.icon` is the build artifact (it stays in the iOS tree); these SVGs are only its inputs.
+A future enhancement can stamp the channel colour straight into the `.icon` layers to skip the GUI
+for colour-only changes.

package/src/brand/app-icon/palette.ts

@@ -0,0 +1,8 @@
+// Launcher-icon colour tokens — the single source for the Android icon generator.
+// `dev`/`prod` are the build-channel signal (red dev / green prod), independent of season.
+export const iconPalette = {
+  background: '#EDEDED',
+  fallback: '#888888',
+  dev: '#FF3B30',
+  prod: '#34C759',
+}

package/src/brand/app-icon/triangle-back.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
+  <path fill="#9AA0A6" d="M407.5,382 Q445,317 482.5,382 L632.7,642 Q670.2,707 595.2,707 L294.8,707 Q219.8,707 257.3,642 L407.5,382 Z" />
+</svg>

package/src/brand/app-icon/triangle-front.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
+  <path fill="#9AA0A6" d="M540.5,382 Q578,317 615.5,382 L765.7,642 Q803.2,707 728.2,707 L427.8,707 Q352.8,707 390.3,642 L540.5,382 Z" />
+</svg>