@bravotango/circadian-current-conditions 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import type { CircadianTokens } from "@bravotango/circadian-ui";
+export declare const applyCircadianSkin: (tokens: CircadianTokens) => void;

package/dist/index.js

@@ -0,0 +1,4 @@
+import { currentConditionsSkin } from "./skin/";
+export const applyCircadianSkin = (tokens) => {
+    currentConditionsSkin.apply(tokens);
+};

package/dist/maps/ambient.d.ts

@@ -0,0 +1,2 @@
+import { CircadianTokens } from "@bravotango/circadian-ui";
+export declare function mapAmbient(tokens: CircadianTokens): Record<string, string>;

package/dist/maps/ambient.js

@@ -0,0 +1,25 @@
+import { windSpeedToDuration } from "../utils/wind";
+import { getTimeOfDayColor, getConditionImage } from "../utils/timeOfDay";
+import { getWeatherColor } from "../utils/weatherColor";
+export function mapAmbient(tokens) {
+    const cssVars = {};
+    // Base weather image
+    cssVars["--circadian-condition-img"] =
+        `url("/circadian-assets/weather/ambient/${tokens.current.condition}.png")`;
+    // Time-of-day color
+    cssVars["--circadian-current-condition-time-of-day-color"] =
+        getTimeOfDayColor(tokens.timeOfDay, tokens.current.condition);
+    // Night clear special image
+    const nightImg = getConditionImage(tokens.timeOfDay, tokens.current.condition);
+    if (nightImg)
+        cssVars["--circadian-condition-img"] = `url("${nightImg}")`;
+    // Weather color
+    cssVars["--circadian-current-condition-color"] = getWeatherColor(tokens.current.condition);
+    // OpenWeather icon
+    cssVars["--circadian-current-condition-icon"] =
+        `url('https://openweathermap.org/img/wn/${tokens.current.icon}@2x.png')`;
+    // Wind
+    cssVars["--circadian-wind-speed"] = windSpeedToDuration(tokens.wind.speed);
+    cssVars["--circadian-wind-speed-text"] = tokens.wind.speed.toString();
+    return cssVars;
+}

package/dist/maps/current-conditions.d.ts

@@ -0,0 +1,2 @@
+import { CircadianTokens } from "@bravotango/circadian-ui";
+export declare const currentConditions: (tokens: CircadianTokens) => Record<string, string>;

package/dist/maps/current-conditions.js

@@ -0,0 +1,23 @@
+import { getTimeOfDayColor, getConditionImage, getWeatherColor, windSpeedToDuration, } from "../utils";
+export const currentConditions = (tokens) => {
+    const cssVars = {};
+    const cssPrefix = "--circadian-current-condition";
+    // Base weather image
+    cssVars[`${cssPrefix}-img`] =
+        `url("/circadian-assets/weather/${tokens.current.condition}.png")`;
+    // Time-of-day color
+    cssVars[`${cssPrefix}-time-of-day-color`] = getTimeOfDayColor(tokens.timeOfDay, tokens.current.condition);
+    // Current condition image
+    const currentConditionImage = getConditionImage(tokens.timeOfDay, tokens.current.condition);
+    if (currentConditionImage)
+        cssVars[`${cssPrefix}-img`] = `url("${currentConditionImage}")`;
+    // Weather color
+    cssVars[`${cssPrefix}-color`] = getWeatherColor(tokens.current.condition);
+    // OpenWeather icon
+    cssVars[`${cssPrefix}-icon`] =
+        `url('https://openweathermap.org/img/wn/${tokens.current.icon}@2x.png')`;
+    // Wind
+    cssVars[`${cssPrefix}-wind-speed`] = windSpeedToDuration(tokens.wind.speed);
+    cssVars[`${cssPrefix}-wind-speed-text`] = tokens.wind.speed.toString();
+    return cssVars;
+};

package/dist/skin/index.d.ts

@@ -0,0 +1,2 @@
+import type { CircadianSkin } from "../types";
+export declare const currentConditionsSkin: CircadianSkin;

package/dist/skin/index.js

@@ -0,0 +1,9 @@
+import { currentConditions } from "../maps/current-conditions";
+export const currentConditionsSkin = {
+    apply(tokens) {
+        const vars = currentConditions(tokens);
+        Object.entries(vars).forEach(([key, value]) => {
+            document.documentElement.style.setProperty(key, value);
+        });
+    },
+};

package/dist/skins/ambient/index.d.ts

@@ -0,0 +1,2 @@
+import type { CircadianSkin } from "../../types";
+export declare const ambientSkin: CircadianSkin;

package/dist/skins/ambient/index.js

@@ -0,0 +1,9 @@
+import { mapAmbient } from "../../maps/ambient";
+export const ambientSkin = {
+    apply(tokens) {
+        const vars = mapAmbient(tokens);
+        Object.entries(vars).forEach(([key, value]) => {
+            document.documentElement.style.setProperty(key, value);
+        });
+    },
+};

package/dist/skins/ambient/maps.d.ts

@@ -0,0 +1,2 @@
+import { CircadianTokens } from "@bravotango/circadian-ui";
+export declare function mapAmbient(tokens: CircadianTokens): Record<string, string>;

package/dist/skins/ambient/maps.js

@@ -0,0 +1,87 @@
+// circadian-skins/src/skins/ambient/maps.ts
+export function mapAmbient(tokens) {
+    const cssVars = {};
+    cssVars["--circadian-condition-img"] =
+        `url("/circadian-assets/weather/ambient/${tokens.current.condition}.png")`;
+    // Time of day mapping
+    switch (tokens.timeOfDay) {
+        case "day":
+            if (tokens.current.condition === "clear") {
+                cssVars["--circadian-current-condition-time-of-day-color"] = "#3987fc";
+                break;
+            }
+            cssVars["--circadian-current-condition-time-of-day-color"] = "#a5a5a5";
+            break;
+        case "night":
+            if (tokens.current.condition === "clear") {
+                cssVars["--circadian-current-condition-time-of-day-color"] = "#0a2b4d";
+                cssVars["--circadian-condition-img"] =
+                    `url("/circadian-assets/weather/ambient/${tokens.current.condition}-night.png")`;
+                break;
+            }
+            cssVars["--circadian-current-condition-time-of-day-color"] = "#141414";
+            break;
+        case "sunrise":
+            if (tokens.current.condition === "clear") {
+                cssVars["--circadian-current-condition-time-of-day-color"] = "#d64400";
+                break;
+            }
+            cssVars["--circadian-current-condition-time-of-day-color"] = "#818181";
+            break;
+        case "sunset":
+            if (tokens.current.condition === "clear") {
+                cssVars["--circadian-current-condition-time-of-day-color"] = "#6f00d6";
+                break;
+            }
+            cssVars["--circadian-current-condition-time-of-day-color"] = "#222222";
+            break;
+    }
+    // Weather color
+    switch (tokens.current.condition.toLowerCase()) {
+        case "clouds":
+            cssVars["--circadian-current-condition-color"] = "gray";
+            break;
+        default:
+            cssVars["--circadian-current-condition-color"] = "gray";
+    }
+    // In your JS/TS mapping function
+    cssVars["--circadian-current-condition-icon"] =
+        `url('https://openweathermap.org/img/wn/${tokens.current.icon}@2x.png')`;
+    // Wind speed category using switch(true)
+    switch (true) {
+        case tokens.wind.speed > 50:
+            cssVars["--circadian-wind-speed"] = "2s";
+            break;
+        case tokens.wind.speed > 30:
+            cssVars["--circadian-wind-speed"] = "10s";
+            break;
+        case tokens.wind.speed > 20:
+            cssVars["--circadian-wind-speed"] = "15s";
+            break;
+        case tokens.wind.speed > 15:
+            cssVars["--circadian-wind-speed"] = "30s";
+            break;
+        case tokens.wind.speed > 10:
+            cssVars["--circadian-wind-speed"] = "100s";
+            break;
+        case tokens.wind.speed > 7:
+            cssVars["--circadian-wind-speed"] = "120s";
+            break;
+        case tokens.wind.speed > 5.5:
+            cssVars["--circadian-wind-speed"] = "175s";
+            break;
+        case tokens.wind.speed > 4:
+            cssVars["--circadian-wind-speed"] = "200s";
+            break;
+        case tokens.wind.speed > 2:
+            cssVars["--circadian-wind-speed"] = "250s";
+            break;
+        case tokens.wind.speed > 1:
+            cssVars["--circadian-wind-speed"] = "300s";
+            break;
+        default:
+            cssVars["--circadian-wind-speed"] = "0s";
+    }
+    cssVars["--circadian-wind-speed-text"] = tokens.wind.speed.toString();
+    return cssVars;
+}

package/dist/skins/types.d.ts

@@ -0,0 +1,4 @@
+import { CircadianTokens } from "@bravotango/circadian-ui";
+export type CircadianSkin = {
+    apply(tokens: CircadianTokens): void;
+};

package/dist/skins/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+import { CircadianTokens } from "@bravotango/circadian-ui";
+export type CircadianSkin = {
+    apply(tokens: CircadianTokens): void;
+};

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./time-of-day";
+export * from "./weather-color";
+export * from "./wind";

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+export * from "./time-of-day";
+export * from "./weather-color";
+export * from "./wind";

package/dist/utils/time-of-day.d.ts

@@ -0,0 +1,7 @@
+import { Condition, TimeOfDay } from "@bravotango/circadian-ui";
+export declare const TIME_OF_DAY_COLOR_MAP: Record<TimeOfDay, {
+    clear: string;
+    default: string;
+}>;
+export declare const getTimeOfDayColor: (timeOfDay: TimeOfDay, condition: Condition) => string;
+export declare const getConditionImage: (timeOfDay: TimeOfDay, condition: Condition) => string;

package/dist/utils/time-of-day.js

@@ -0,0 +1,18 @@
+export const TIME_OF_DAY_COLOR_MAP = {
+    day: { clear: "#3987fc", default: "#a5a5a5" },
+    night: { clear: "#0a2b4d", default: "#141414" },
+    sunrise: { clear: "#d64400", default: "#818181" },
+    sunset: { clear: "#6f00d6", default: "#222222" },
+};
+export const getTimeOfDayColor = (timeOfDay, condition) => {
+    const entry = TIME_OF_DAY_COLOR_MAP[timeOfDay];
+    if (!entry)
+        return "#000000"; // defensive fallback
+    return condition === "clear" ? entry.clear : entry.default;
+};
+export const getConditionImage = (timeOfDay, condition) => {
+    if (timeOfDay === "night") {
+        return `/circadian-assets/weather/${condition}-night.png`;
+    }
+    return `/circadian-assets/weather/${condition}.png`;
+};

package/dist/utils/timeOfDay.d.ts

@@ -0,0 +1,7 @@
+import type { TimeOfDay, Condition } from "../types";
+export declare const TIME_OF_DAY_COLOR_MAP: Record<TimeOfDay, {
+    clear: string;
+    default: string;
+}>;
+export declare function getTimeOfDayColor(timeOfDay: TimeOfDay, condition: Condition): string;
+export declare function getConditionImage(timeOfDay: TimeOfDay, condition: Condition): string;

package/dist/utils/timeOfDay.js

@@ -0,0 +1,18 @@
+export const TIME_OF_DAY_COLOR_MAP = {
+    day: { clear: "#3987fc", default: "#a5a5a5" },
+    night: { clear: "#0a2b4d", default: "#141414" },
+    sunrise: { clear: "#d64400", default: "#818181" },
+    sunset: { clear: "#6f00d6", default: "#222222" },
+};
+export function getTimeOfDayColor(timeOfDay, condition) {
+    const entry = TIME_OF_DAY_COLOR_MAP[timeOfDay];
+    if (!entry)
+        return "#000000"; // defensive fallback
+    return condition === "clear" ? entry.clear : entry.default;
+}
+export function getConditionImage(timeOfDay, condition) {
+    if (timeOfDay === "night") {
+        return `/circadian-assets/weather/ambient/${condition}-night.png`;
+    }
+    return `/circadian-assets/weather/ambient/${condition}.png`;
+}

package/dist/utils/weather-color.d.ts

@@ -0,0 +1,2 @@
+import { Condition } from "@bravotango/circadian-ui";
+export declare const getWeatherColor: (condition: Condition) => string;

package/dist/utils/weather-color.js

@@ -0,0 +1,22 @@
+const weatherColors = {
+    clear: "#FFD93D",
+    clouds: "#B0C4DE",
+    rain: "#4A90E2",
+    snow: "#E0F7FA",
+    thunderstorm: "#616161",
+    drizzle: "#76B5C5",
+    mist: "#CFCFCF",
+    smoke: "#A9A9A9",
+    haze: "#D3D3D3",
+    dust: "#D2B48C",
+    fog: "#BEBEBE",
+    sand: "#F4E1A1",
+    ash: "#B2B2B2",
+    squall: "#5A5A5A",
+    tornado: "#4B4B4B",
+};
+export const getWeatherColor = (condition) => {
+    var _a;
+    const key = condition.toLowerCase();
+    return (_a = weatherColors[key]) !== null && _a !== void 0 ? _a : "#B0C4DE"; // fallback gray for unknown
+};

package/dist/utils/weatherColor.d.ts

@@ -0,0 +1,2 @@
+import type { Condition } from "../types";
+export declare function getWeatherColor(condition: Condition): string;

package/dist/utils/weatherColor.js

@@ -0,0 +1,8 @@
+export function getWeatherColor(condition) {
+    switch (condition.toLowerCase()) {
+        case "clouds":
+            return "gray";
+        default:
+            return "gray";
+    }
+}

package/dist/utils/wind.d.ts

@@ -0,0 +1 @@
+export declare const windSpeedToDuration: (speed: number) => string;

package/dist/utils/wind.js

@@ -0,0 +1,23 @@
+export const windSpeedToDuration = (speed) => {
+    if (speed >= 50)
+        return ".5s";
+    if (speed >= 30)
+        return "1s";
+    if (speed >= 20)
+        return "1.5s";
+    if (speed >= 15)
+        return "3s";
+    if (speed >= 10)
+        return "10s";
+    if (speed >= 7)
+        return "12s";
+    if (speed >= 5.5)
+        return "17.5s";
+    if (speed >= 4)
+        return "20s";
+    if (speed >= 2)
+        return "25s";
+    if (speed >= 1)
+        return "30s";
+    return "0s";
+};

package/jest.config.ts

@@ -0,0 +1,14 @@
+import type { Config } from "jest";
+
+const config: Config = {
+  preset: "ts-jest",
+  testEnvironment: "node",
+  roots: ["<rootDir>/src", "<rootDir>/tests"],
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
+  testRegex: "(/tests/.*|(\\.|/)(test|spec))\\.(ts|tsx|js)$",
+  collectCoverage: true,
+  coverageDirectory: "coverage",
+  verbose: true
+};
+
+export default config;

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@bravotango/circadian-current-conditions",
+  "version": "0.1.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "description": "",
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@bravotango/circadian-ui": "0.1.1"
+  },
+  "devDependencies": {
+    "@types/jest": "^30.0.0",
+    "jest": "^30.2.0",
+    "ts-jest": "^29.4.6"
+  },
+  "scripts": {
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "build": "tsc"
+  }
+}

package/src/index.ts

@@ -0,0 +1,6 @@
+// circadian-skins/src/index.ts
+import type { CircadianTokens } from "@bravotango/circadian-ui";
+import { currentConditionsSkin } from "./skin/";
+export const applyCircadianSkin = (tokens: CircadianTokens) => {
+  currentConditionsSkin.apply(tokens);
+};

package/src/maps/current-conditions.ts

@@ -0,0 +1,45 @@
+import { CircadianTokens } from "@bravotango/circadian-ui";
+import {
+  getTimeOfDayColor,
+  getConditionImage,
+  getWeatherColor,
+  windSpeedToDuration,
+} from "../utils";
+
+export const currentConditions = (
+  tokens: CircadianTokens,
+): Record<string, string> => {
+  const cssVars: Record<string, string> = {};
+  const cssPrefix = "--circadian-current-condition";
+
+  // Base weather image
+  cssVars[`${cssPrefix}-img`] =
+    `url("/circadian-assets/weather/${tokens.current.condition}.png")`;
+
+  // Time-of-day color
+  cssVars[`${cssPrefix}-time-of-day-color`] = getTimeOfDayColor(
+    tokens.timeOfDay,
+    tokens.current.condition,
+  );
+
+  // Current condition image
+  const currentConditionImage = getConditionImage(
+    tokens.timeOfDay,
+    tokens.current.condition,
+  );
+  if (currentConditionImage)
+    cssVars[`${cssPrefix}-img`] = `url("${currentConditionImage}")`;
+
+  // Weather color
+  cssVars[`${cssPrefix}-color`] = getWeatherColor(tokens.current.condition);
+
+  // OpenWeather icon
+  cssVars[`${cssPrefix}-icon`] =
+    `url('https://openweathermap.org/img/wn/${tokens.current.icon}@2x.png')`;
+
+  // Wind
+  cssVars[`${cssPrefix}-wind-speed`] = windSpeedToDuration(tokens.wind.speed);
+  cssVars[`${cssPrefix}-wind-speed-text`] = tokens.wind.speed.toString();
+
+  return cssVars;
+};

package/src/skin/index.ts

@@ -0,0 +1,11 @@
+import { currentConditions } from "../maps/current-conditions";
+import type { CircadianSkin } from "../types";
+
+export const currentConditionsSkin: CircadianSkin = {
+  apply(tokens) {
+    const vars = currentConditions(tokens);
+    Object.entries(vars).forEach(([key, value]) => {
+      document.documentElement.style.setProperty(key, value);
+    });
+  },
+};

package/src/types/index.ts

@@ -0,0 +1,5 @@
+import { CircadianTokens } from "@bravotango/circadian-ui";
+
+export type CircadianSkin = {
+  apply(tokens: CircadianTokens): void;
+};

package/src/utils/index.ts

@@ -0,0 +1,3 @@
+export * from "./time-of-day";
+export * from "./weather-color";
+export * from "./wind";

package/src/utils/time-of-day.ts

@@ -0,0 +1,30 @@
+import { Condition, TimeOfDay } from "@bravotango/circadian-ui";
+
+export const TIME_OF_DAY_COLOR_MAP: Record<
+  TimeOfDay,
+  { clear: string; default: string }
+> = {
+  day: { clear: "#3987fc", default: "#a5a5a5" },
+  night: { clear: "#0a2b4d", default: "#141414" },
+  sunrise: { clear: "#d64400", default: "#818181" },
+  sunset: { clear: "#6f00d6", default: "#222222" },
+};
+
+export const getTimeOfDayColor = (
+  timeOfDay: TimeOfDay,
+  condition: Condition,
+): string => {
+  const entry = TIME_OF_DAY_COLOR_MAP[timeOfDay];
+  if (!entry) return "#000000"; // defensive fallback
+  return condition === "clear" ? entry.clear : entry.default;
+};
+
+export const getConditionImage = (
+  timeOfDay: TimeOfDay,
+  condition: Condition,
+): string => {
+  if (timeOfDay === "night") {
+    return `/circadian-assets/weather/${condition}-night.png`;
+  }
+  return `/circadian-assets/weather/${condition}.png`;
+};

package/src/utils/weather-color.ts

@@ -0,0 +1,24 @@
+import { Condition } from "@bravotango/circadian-ui";
+
+const weatherColors: Record<string, string> = {
+  clear: "#FFD93D",
+  clouds: "#B0C4DE",
+  rain: "#4A90E2",
+  snow: "#E0F7FA",
+  thunderstorm: "#616161",
+  drizzle: "#76B5C5",
+  mist: "#CFCFCF",
+  smoke: "#A9A9A9",
+  haze: "#D3D3D3",
+  dust: "#D2B48C",
+  fog: "#BEBEBE",
+  sand: "#F4E1A1",
+  ash: "#B2B2B2",
+  squall: "#5A5A5A",
+  tornado: "#4B4B4B",
+};
+
+export const getWeatherColor = (condition: Condition): string => {
+  const key = condition.toLowerCase();
+  return weatherColors[key] ?? "#B0C4DE"; // fallback gray for unknown
+};

package/src/utils/wind.ts

@@ -0,0 +1,13 @@
+export const windSpeedToDuration = (speed: number): string => {
+  if (speed >= 50) return ".5s";
+  if (speed >= 30) return "1s";
+  if (speed >= 20) return "1.5s";
+  if (speed >= 15) return "3s";
+  if (speed >= 10) return "10s";
+  if (speed >= 7) return "12s";
+  if (speed >= 5.5) return "17.5s";
+  if (speed >= 4) return "20s";
+  if (speed >= 2) return "25s";
+  if (speed >= 1) return "30s";
+  return "0s";
+};

package/tests/maps/current-conditions.ts

@@ -0,0 +1,80 @@
+import type { CircadianTokens } from "@bravotango/circadian-ui";
+import { currentConditions } from "../../src/maps/current-conditions";
+
+const baseTokens: CircadianTokens = {
+  timeOfDay: "night",
+  season: "summer",
+  location: {
+    locationId: 1,
+    name: "Seattle",
+    coordinates: {
+      lat: 47.6062,
+      lon: -122.3321,
+    },
+    timezone: {
+      offsetSeconds: -28800,
+      offsetHours: -8,
+    },
+  },
+  current: {
+    id: 800,
+    condition: "clear",
+    description: "clear sky",
+    icon: "01n",
+    temperature: 55,
+  },
+  wind: {
+    speed: 12,
+    directionFrom: "N",
+    degrees: 0,
+    precipitationDegree: 0,
+    gusts: 15,
+  },
+};
+
+describe("currentConditions", () => {
+  it("produces correct CSS vars for night clear", () => {
+    const cssVars = currentConditions(baseTokens);
+
+    expect(cssVars["--circadian-current-condition-time-of-day-color"]).toBe(
+      "#0a2b4d",
+    );
+    expect(cssVars["--circadian-current-condition-img"]).toBe(
+      'url("/circadian-assets/weather/clear-night.png")',
+    );
+    expect(cssVars["--circadian-current-condition-color"]).toBe("#FFD93D");
+    expect(cssVars["--circadian-current-condition-icon"]).toBe(
+      "url('https://openweathermap.org/img/wn/01n@2x.png')",
+    );
+    expect(cssVars["--circadian-current-condition-wind-speed"]).toBe("10s"); // 12 mph → 100s
+    expect(cssVars["--circadian-current-condition-wind-speed-text"]).toBe("12");
+  });
+
+  it("produces default image for day clear", () => {
+    const tokens: CircadianTokens = { ...baseTokens, timeOfDay: "day" };
+    const cssVars = currentConditions(tokens);
+
+    expect(cssVars["--circadian-current-condition-img"]).toBe(
+      'url("/circadian-assets/weather/clear.png")',
+    );
+    expect(cssVars["--circadian-current-condition-time-of-day-color"]).toBe(
+      "#3987fc",
+    );
+  });
+
+  it("produces default color for non-clear conditions", () => {
+    const tokens: CircadianTokens = {
+      ...baseTokens,
+      current: { ...baseTokens.current, condition: "clouds" },
+    };
+    const cssVars = currentConditions(tokens);
+
+    expect(cssVars["--circadian-current-condition-time-of-day-color"]).toBe(
+      "#141414",
+    ); // night default
+    expect(cssVars["--circadian-current-condition-color"]).toBe("#B0C4DE");
+    expect(cssVars["--circadian-current-condition-img"]).toBe(
+      'url("/circadian-assets/weather/clouds-night.png")',
+    );
+  });
+});

package/tests/utils/time-of-day.test.ts

@@ -0,0 +1,44 @@
+import {
+  getTimeOfDayColor,
+  getConditionImage,
+  TIME_OF_DAY_COLOR_MAP,
+} from "../../src/utils";
+
+describe("getTimeOfDayColor", () => {
+  it("returns correct clear color for each time of day", () => {
+    expect(getTimeOfDayColor("day", "clear")).toBe(
+      TIME_OF_DAY_COLOR_MAP.day.clear,
+    );
+    expect(getTimeOfDayColor("night", "clear")).toBe(
+      TIME_OF_DAY_COLOR_MAP.night.clear,
+    );
+    expect(getTimeOfDayColor("sunrise", "clear")).toBe(
+      TIME_OF_DAY_COLOR_MAP.sunrise.clear,
+    );
+    expect(getTimeOfDayColor("sunset", "clear")).toBe(
+      TIME_OF_DAY_COLOR_MAP.sunset.clear,
+    );
+  });
+
+  it("returns default color for non-clear conditions", () => {
+    expect(getTimeOfDayColor("day", "clouds")).toBe(
+      TIME_OF_DAY_COLOR_MAP.day.default,
+    );
+    expect(getTimeOfDayColor("night", "rain")).toBe(
+      TIME_OF_DAY_COLOR_MAP.night.default,
+    );
+  });
+
+  it("returns fallback for invalid timeOfDay", () => {
+    // @ts-ignore
+    expect(getTimeOfDayColor("midnight", "clear")).toBe("#000000");
+  });
+});
+
+describe("getConditionImage", () => {
+  it("returns night clear image", () => {
+    expect(getConditionImage("night", "clear")).toBe(
+      "/circadian-assets/weather/clear-night.png",
+    );
+  });
+});

package/tests/utils/weather-color.test.ts

@@ -0,0 +1,28 @@
+import { Condition } from "@bravotango/circadian-ui";
+import { getWeatherColor } from "../../src/utils";
+
+describe("getWeatherColor", () => {
+  const WEATHER_COLOR_MAP: Record<Condition, string> = {
+    clear: "#FFD93D",
+    clouds: "#B0C4DE",
+    rain: "#4A90E2",
+    snow: "#E0F7FA",
+    thunderstorm: "#616161",
+    drizzle: "#76B5C5",
+    mist: "#CFCFCF",
+    smoke: "#A9A9A9",
+    haze: "#D3D3D3",
+    dust: "#D2B48C",
+    fog: "#BEBEBE",
+    sand: "#F4E1A1",
+    ash: "#B2B2B2",
+    squall: "#5A5A5A",
+    tornado: "#4B4B4B",
+  };
+
+  it("returns correct color for each condition", () => {
+    Object.entries(WEATHER_COLOR_MAP).forEach(([condition, expectedColor]) => {
+      expect(getWeatherColor(condition as Condition)).toBe(expectedColor);
+    });
+  });
+});

package/tests/utils/wind.test.ts

@@ -0,0 +1,8 @@
+import { windSpeedToDuration } from "../../src/utils";
+
+describe("windSpeedToDuration", () => {
+  it("returns 0s for calm wind", () =>
+    expect(windSpeedToDuration(0)).toBe("0s"));
+  it("returns correct duration for 12 mph", () =>
+    expect(windSpeedToDuration(12)).toBe("10s"));
+});

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2019",
+    "module": "ESNext",
+    "declaration": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "moduleResolution": "Node",
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}