@pollinations/ui 0.0.2 → 0.1.0-alpha.0

package/dist/modality/index.cjs

@@ -25,42 +25,45 @@ __export(modality_exports, {
 module.exports = __toCommonJS(modality_exports);
 
 // src/modules/modality/colors.ts
+var filled = "polli:bg-theme-bg-active polli:text-theme-text-strong";
+var hover = "polli:hover:bg-theme-bg-subtle polli:hover:text-theme-text-strong";
+var text = "polli:text-theme-text-strong";
 var MODALITY_COLORS = {
   text: {
     theme: "blue",
-    filled: "polli:bg-blue-200 polli:text-blue-900",
-    hover: "polli:hover:bg-blue-100 polli:hover:text-blue-900",
-    text: "polli:text-blue-800"
+    filled,
+    hover,
+    text
   },
   image: {
     theme: "pink",
-    filled: "polli:bg-pink-200 polli:text-pink-900",
-    hover: "polli:hover:bg-pink-100 polli:hover:text-pink-900",
-    text: "polli:text-pink-800"
+    filled,
+    hover,
+    text
   },
   video: {
     theme: "teal",
-    filled: "polli:bg-teal-200 polli:text-teal-900",
-    hover: "polli:hover:bg-teal-100 polli:hover:text-teal-900",
-    text: "polli:text-teal-800"
+    filled,
+    hover,
+    text
   },
   audio: {
     theme: "violet",
-    filled: "polli:bg-violet-200 polli:text-violet-900",
-    hover: "polli:hover:bg-violet-100 polli:hover:text-violet-900",
-    text: "polli:text-violet-800"
+    filled,
+    hover,
+    text
   },
   realtime: {
     theme: "green",
-    filled: "polli:bg-green-200 polli:text-green-900",
-    hover: "polli:hover:bg-green-100 polli:hover:text-green-900",
-    text: "polli:text-green-800"
+    filled,
+    hover,
+    text
   },
   embedding: {
     theme: "amber",
-    filled: "polli:bg-amber-200 polli:text-amber-900",
-    hover: "polli:hover:bg-amber-100 polli:hover:text-amber-900",
-    text: "polli:text-amber-800"
+    filled,
+    hover,
+    text
   }
 };
 function normalize(category) {

package/dist/modality/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/modules/modality/index.ts","../../src/modules/modality/colors.ts"],"sourcesContent":["export {\n    getModalityColors,\n    type Modality,\n    type ModalityColorSet,\n} from \"./colors.ts\";\n","/**\n * Single source of truth for modality colors.\n *\n * Each modality (text/image/video/audio/realtime/embedding) gets one\n * page-theme hue, applied at the soft `-200/-900/-400` chip recipe.\n * Used by apps to compose model-selection buttons and static modality chips.\n * This module only owns modality color data; primitives own shape and behavior.\n */\nimport type { ThemeName } from \"../../theme.ts\";\n\nexport type Modality =\n    | \"text\"\n    | \"image\"\n    | \"video\"\n    | \"audio\"\n    | \"realtime\"\n    | \"embedding\";\n\nexport type ModalityColorSet = {\n    /** Matching package theme for surfaces/chips that should inherit this hue. */\n    theme: ThemeName;\n    /** Selected/filled state: `bg + text + border` classes. */\n    filled: string;\n    /** Hover hint shown on the unselected button (subtle tint). */\n    hover: string;\n    /** Heading text colour for the category label. */\n    text: string;\n};\n\n// No borders — chips and buttons in this system are borderless.\nexport const MODALITY_COLORS: Record<Modality, ModalityColorSet> = {\n    text: {\n        theme: \"blue\",\n        filled: \"polli:bg-blue-200 polli:text-blue-900\",\n        hover: \"polli:hover:bg-blue-100 polli:hover:text-blue-900\",\n        text: \"polli:text-blue-800\",\n    },\n    image: {\n        theme: \"pink\",\n        filled: \"polli:bg-pink-200 polli:text-pink-900\",\n        hover: \"polli:hover:bg-pink-100 polli:hover:text-pink-900\",\n        text: \"polli:text-pink-800\",\n    },\n    video: {\n        theme: \"teal\",\n        filled: \"polli:bg-teal-200 polli:text-teal-900\",\n        hover: \"polli:hover:bg-teal-100 polli:hover:text-teal-900\",\n        text: \"polli:text-teal-800\",\n    },\n    audio: {\n        theme: \"violet\",\n        filled: \"polli:bg-violet-200 polli:text-violet-900\",\n        hover: \"polli:hover:bg-violet-100 polli:hover:text-violet-900\",\n        text: \"polli:text-violet-800\",\n    },\n    realtime: {\n        theme: \"green\",\n        filled: \"polli:bg-green-200 polli:text-green-900\",\n        hover: \"polli:hover:bg-green-100 polli:hover:text-green-900\",\n        text: \"polli:text-green-800\",\n    },\n    embedding: {\n        theme: \"amber\",\n        filled: \"polli:bg-amber-200 polli:text-amber-900\",\n        hover: \"polli:hover:bg-amber-100 polli:hover:text-amber-900\",\n        text: \"polli:text-amber-800\",\n    },\n};\n\n/** Map any human-typed category string to the canonical `Modality` key. */\nfunction normalize(category: string): Modality | null {\n    const lower = category.toLowerCase();\n    if (lower === \"images\") return \"image\";\n    if (lower === \"embeddings\") return \"embedding\";\n    if (\n        lower === \"text\" ||\n        lower === \"image\" ||\n        lower === \"video\" ||\n        lower === \"audio\" ||\n        lower === \"realtime\" ||\n        lower === \"embedding\"\n    ) {\n        return lower;\n    }\n    return null;\n}\n\nexport function getModalityColors(category: string): ModalityColorSet | null {\n    const key = normalize(category);\n    return key ? MODALITY_COLORS[key] : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC8BO,IAAM,kBAAsD;AAAA,EAC/D,MAAM;AAAA,IACF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AACJ;AAGA,SAAS,UAAU,UAAmC;AAClD,QAAM,QAAQ,SAAS,YAAY;AACnC,MAAI,UAAU,SAAU,QAAO;AAC/B,MAAI,UAAU,aAAc,QAAO;AACnC,MACI,UAAU,UACV,UAAU,WACV,UAAU,WACV,UAAU,WACV,UAAU,cACV,UAAU,aACZ;AACE,WAAO;AAAA,EACX;AACA,SAAO;AACX;AAEO,SAAS,kBAAkB,UAA2C;AACzE,QAAM,MAAM,UAAU,QAAQ;AAC9B,SAAO,MAAM,gBAAgB,GAAG,IAAI;AACxC;","names":[]}
+{"version":3,"sources":["../../src/modules/modality/index.ts","../../src/modules/modality/colors.ts"],"sourcesContent":["export {\n    getModalityColors,\n    type Modality,\n    type ModalityColorSet,\n} from \"./colors.ts\";\n","/**\n * Single source of truth for modality colors.\n *\n * Each modality (text/image/video/audio/realtime/embedding) maps to one\n * package theme. Class recipes are token-based, so callers should pass the\n * returned `theme` to the primitive or set `data-theme` on an ancestor.\n * Used by apps to compose model-selection buttons and static modality chips.\n * This module only owns modality color data; primitives own shape and behavior.\n */\nimport type { ThemeName } from \"../../theme.ts\";\n\nexport type Modality =\n    | \"text\"\n    | \"image\"\n    | \"video\"\n    | \"audio\"\n    | \"realtime\"\n    | \"embedding\";\n\nexport type ModalityColorSet = {\n    /** Matching package theme for surfaces/chips that should inherit this hue. */\n    theme: ThemeName;\n    /** Selected/filled state using the active theme tokens. */\n    filled: string;\n    /** Hover hint shown on the unselected button using the active theme. */\n    hover: string;\n    /** Heading text colour using the active theme. */\n    text: string;\n};\n\nconst filled = \"polli:bg-theme-bg-active polli:text-theme-text-strong\";\nconst hover =\n    \"polli:hover:bg-theme-bg-subtle polli:hover:text-theme-text-strong\";\nconst text = \"polli:text-theme-text-strong\";\n\n// No borders — chips and buttons in this system are borderless.\nexport const MODALITY_COLORS: Record<Modality, ModalityColorSet> = {\n    text: {\n        theme: \"blue\",\n        filled,\n        hover,\n        text,\n    },\n    image: {\n        theme: \"pink\",\n        filled,\n        hover,\n        text,\n    },\n    video: {\n        theme: \"teal\",\n        filled,\n        hover,\n        text,\n    },\n    audio: {\n        theme: \"violet\",\n        filled,\n        hover,\n        text,\n    },\n    realtime: {\n        theme: \"green\",\n        filled,\n        hover,\n        text,\n    },\n    embedding: {\n        theme: \"amber\",\n        filled,\n        hover,\n        text,\n    },\n};\n\n/** Map any human-typed category string to the canonical `Modality` key. */\nfunction normalize(category: string): Modality | null {\n    const lower = category.toLowerCase();\n    if (lower === \"images\") return \"image\";\n    if (lower === \"embeddings\") return \"embedding\";\n    if (\n        lower === \"text\" ||\n        lower === \"image\" ||\n        lower === \"video\" ||\n        lower === \"audio\" ||\n        lower === \"realtime\" ||\n        lower === \"embedding\"\n    ) {\n        return lower;\n    }\n    return null;\n}\n\nexport function getModalityColors(category: string): ModalityColorSet | null {\n    const key = normalize(category);\n    return key ? MODALITY_COLORS[key] : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC8BA,IAAM,SAAS;AACf,IAAM,QACF;AACJ,IAAM,OAAO;AAGN,IAAM,kBAAsD;AAAA,EAC/D,MAAM;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;AAGA,SAAS,UAAU,UAAmC;AAClD,QAAM,QAAQ,SAAS,YAAY;AACnC,MAAI,UAAU,SAAU,QAAO;AAC/B,MAAI,UAAU,aAAc,QAAO;AACnC,MACI,UAAU,UACV,UAAU,WACV,UAAU,WACV,UAAU,WACV,UAAU,cACV,UAAU,aACZ;AACE,WAAO;AAAA,EACX;AACA,SAAO;AACX;AAEO,SAAS,kBAAkB,UAA2C;AACzE,QAAM,MAAM,UAAU,QAAQ;AAC9B,SAAO,MAAM,gBAAgB,GAAG,IAAI;AACxC;","names":[]}

package/dist/modality/index.d.cts

@@ -3,8 +3,9 @@ import { T as ThemeName } from '../theme-VMRlhqST.cjs';
 /**
  * Single source of truth for modality colors.
  *
- * Each modality (text/image/video/audio/realtime/embedding) gets one
- * page-theme hue, applied at the soft `-200/-900/-400` chip recipe.
+ * Each modality (text/image/video/audio/realtime/embedding) maps to one
+ * package theme. Class recipes are token-based, so callers should pass the
+ * returned `theme` to the primitive or set `data-theme` on an ancestor.
  * Used by apps to compose model-selection buttons and static modality chips.
  * This module only owns modality color data; primitives own shape and behavior.
  */
@@ -13,11 +14,11 @@ type Modality = "text" | "image" | "video" | "audio" | "realtime" | "embedding";
 type ModalityColorSet = {
     /** Matching package theme for surfaces/chips that should inherit this hue. */
     theme: ThemeName;
-    /** Selected/filled state: `bg + text + border` classes. */
+    /** Selected/filled state using the active theme tokens. */
     filled: string;
-    /** Hover hint shown on the unselected button (subtle tint). */
+    /** Hover hint shown on the unselected button using the active theme. */
     hover: string;
-    /** Heading text colour for the category label. */
+    /** Heading text colour using the active theme. */
     text: string;
 };
 declare function getModalityColors(category: string): ModalityColorSet | null;

package/dist/modality/index.d.ts

@@ -3,8 +3,9 @@ import { T as ThemeName } from '../theme-VMRlhqST.js';
 /**
  * Single source of truth for modality colors.
  *
- * Each modality (text/image/video/audio/realtime/embedding) gets one
- * page-theme hue, applied at the soft `-200/-900/-400` chip recipe.
+ * Each modality (text/image/video/audio/realtime/embedding) maps to one
+ * package theme. Class recipes are token-based, so callers should pass the
+ * returned `theme` to the primitive or set `data-theme` on an ancestor.
  * Used by apps to compose model-selection buttons and static modality chips.
  * This module only owns modality color data; primitives own shape and behavior.
  */
@@ -13,11 +14,11 @@ type Modality = "text" | "image" | "video" | "audio" | "realtime" | "embedding";
 type ModalityColorSet = {
     /** Matching package theme for surfaces/chips that should inherit this hue. */
     theme: ThemeName;
-    /** Selected/filled state: `bg + text + border` classes. */
+    /** Selected/filled state using the active theme tokens. */
     filled: string;
-    /** Hover hint shown on the unselected button (subtle tint). */
+    /** Hover hint shown on the unselected button using the active theme. */
     hover: string;
-    /** Heading text colour for the category label. */
+    /** Heading text colour using the active theme. */
     text: string;
 };
 declare function getModalityColors(category: string): ModalityColorSet | null;

package/dist/modality/index.js

@@ -1,40 +1,43 @@
 // src/modules/modality/colors.ts
+var filled = "polli:bg-theme-bg-active polli:text-theme-text-strong";
+var hover = "polli:hover:bg-theme-bg-subtle polli:hover:text-theme-text-strong";
+var text = "polli:text-theme-text-strong";
 var MODALITY_COLORS = {
   text: {
     theme: "blue",
-    filled: "polli:bg-blue-200 polli:text-blue-900",
-    hover: "polli:hover:bg-blue-100 polli:hover:text-blue-900",
-    text: "polli:text-blue-800"
+    filled,
+    hover,
+    text
   },
   image: {
     theme: "pink",
-    filled: "polli:bg-pink-200 polli:text-pink-900",
-    hover: "polli:hover:bg-pink-100 polli:hover:text-pink-900",
-    text: "polli:text-pink-800"
+    filled,
+    hover,
+    text
   },
   video: {
     theme: "teal",
-    filled: "polli:bg-teal-200 polli:text-teal-900",
-    hover: "polli:hover:bg-teal-100 polli:hover:text-teal-900",
-    text: "polli:text-teal-800"
+    filled,
+    hover,
+    text
   },
   audio: {
     theme: "violet",
-    filled: "polli:bg-violet-200 polli:text-violet-900",
-    hover: "polli:hover:bg-violet-100 polli:hover:text-violet-900",
-    text: "polli:text-violet-800"
+    filled,
+    hover,
+    text
   },
   realtime: {
     theme: "green",
-    filled: "polli:bg-green-200 polli:text-green-900",
-    hover: "polli:hover:bg-green-100 polli:hover:text-green-900",
-    text: "polli:text-green-800"
+    filled,
+    hover,
+    text
   },
   embedding: {
     theme: "amber",
-    filled: "polli:bg-amber-200 polli:text-amber-900",
-    hover: "polli:hover:bg-amber-100 polli:hover:text-amber-900",
-    text: "polli:text-amber-800"
+    filled,
+    hover,
+    text
   }
 };
 function normalize(category) {

package/dist/modality/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/modules/modality/colors.ts"],"sourcesContent":["/**\n * Single source of truth for modality colors.\n *\n * Each modality (text/image/video/audio/realtime/embedding) gets one\n * page-theme hue, applied at the soft `-200/-900/-400` chip recipe.\n * Used by apps to compose model-selection buttons and static modality chips.\n * This module only owns modality color data; primitives own shape and behavior.\n */\nimport type { ThemeName } from \"../../theme.ts\";\n\nexport type Modality =\n    | \"text\"\n    | \"image\"\n    | \"video\"\n    | \"audio\"\n    | \"realtime\"\n    | \"embedding\";\n\nexport type ModalityColorSet = {\n    /** Matching package theme for surfaces/chips that should inherit this hue. */\n    theme: ThemeName;\n    /** Selected/filled state: `bg + text + border` classes. */\n    filled: string;\n    /** Hover hint shown on the unselected button (subtle tint). */\n    hover: string;\n    /** Heading text colour for the category label. */\n    text: string;\n};\n\n// No borders — chips and buttons in this system are borderless.\nexport const MODALITY_COLORS: Record<Modality, ModalityColorSet> = {\n    text: {\n        theme: \"blue\",\n        filled: \"polli:bg-blue-200 polli:text-blue-900\",\n        hover: \"polli:hover:bg-blue-100 polli:hover:text-blue-900\",\n        text: \"polli:text-blue-800\",\n    },\n    image: {\n        theme: \"pink\",\n        filled: \"polli:bg-pink-200 polli:text-pink-900\",\n        hover: \"polli:hover:bg-pink-100 polli:hover:text-pink-900\",\n        text: \"polli:text-pink-800\",\n    },\n    video: {\n        theme: \"teal\",\n        filled: \"polli:bg-teal-200 polli:text-teal-900\",\n        hover: \"polli:hover:bg-teal-100 polli:hover:text-teal-900\",\n        text: \"polli:text-teal-800\",\n    },\n    audio: {\n        theme: \"violet\",\n        filled: \"polli:bg-violet-200 polli:text-violet-900\",\n        hover: \"polli:hover:bg-violet-100 polli:hover:text-violet-900\",\n        text: \"polli:text-violet-800\",\n    },\n    realtime: {\n        theme: \"green\",\n        filled: \"polli:bg-green-200 polli:text-green-900\",\n        hover: \"polli:hover:bg-green-100 polli:hover:text-green-900\",\n        text: \"polli:text-green-800\",\n    },\n    embedding: {\n        theme: \"amber\",\n        filled: \"polli:bg-amber-200 polli:text-amber-900\",\n        hover: \"polli:hover:bg-amber-100 polli:hover:text-amber-900\",\n        text: \"polli:text-amber-800\",\n    },\n};\n\n/** Map any human-typed category string to the canonical `Modality` key. */\nfunction normalize(category: string): Modality | null {\n    const lower = category.toLowerCase();\n    if (lower === \"images\") return \"image\";\n    if (lower === \"embeddings\") return \"embedding\";\n    if (\n        lower === \"text\" ||\n        lower === \"image\" ||\n        lower === \"video\" ||\n        lower === \"audio\" ||\n        lower === \"realtime\" ||\n        lower === \"embedding\"\n    ) {\n        return lower;\n    }\n    return null;\n}\n\nexport function getModalityColors(category: string): ModalityColorSet | null {\n    const key = normalize(category);\n    return key ? MODALITY_COLORS[key] : null;\n}\n"],"mappings":";AA8BO,IAAM,kBAAsD;AAAA,EAC/D,MAAM;AAAA,IACF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AACJ;AAGA,SAAS,UAAU,UAAmC;AAClD,QAAM,QAAQ,SAAS,YAAY;AACnC,MAAI,UAAU,SAAU,QAAO;AAC/B,MAAI,UAAU,aAAc,QAAO;AACnC,MACI,UAAU,UACV,UAAU,WACV,UAAU,WACV,UAAU,WACV,UAAU,cACV,UAAU,aACZ;AACE,WAAO;AAAA,EACX;AACA,SAAO;AACX;AAEO,SAAS,kBAAkB,UAA2C;AACzE,QAAM,MAAM,UAAU,QAAQ;AAC9B,SAAO,MAAM,gBAAgB,GAAG,IAAI;AACxC;","names":[]}
+{"version":3,"sources":["../../src/modules/modality/colors.ts"],"sourcesContent":["/**\n * Single source of truth for modality colors.\n *\n * Each modality (text/image/video/audio/realtime/embedding) maps to one\n * package theme. Class recipes are token-based, so callers should pass the\n * returned `theme` to the primitive or set `data-theme` on an ancestor.\n * Used by apps to compose model-selection buttons and static modality chips.\n * This module only owns modality color data; primitives own shape and behavior.\n */\nimport type { ThemeName } from \"../../theme.ts\";\n\nexport type Modality =\n    | \"text\"\n    | \"image\"\n    | \"video\"\n    | \"audio\"\n    | \"realtime\"\n    | \"embedding\";\n\nexport type ModalityColorSet = {\n    /** Matching package theme for surfaces/chips that should inherit this hue. */\n    theme: ThemeName;\n    /** Selected/filled state using the active theme tokens. */\n    filled: string;\n    /** Hover hint shown on the unselected button using the active theme. */\n    hover: string;\n    /** Heading text colour using the active theme. */\n    text: string;\n};\n\nconst filled = \"polli:bg-theme-bg-active polli:text-theme-text-strong\";\nconst hover =\n    \"polli:hover:bg-theme-bg-subtle polli:hover:text-theme-text-strong\";\nconst text = \"polli:text-theme-text-strong\";\n\n// No borders — chips and buttons in this system are borderless.\nexport const MODALITY_COLORS: Record<Modality, ModalityColorSet> = {\n    text: {\n        theme: \"blue\",\n        filled,\n        hover,\n        text,\n    },\n    image: {\n        theme: \"pink\",\n        filled,\n        hover,\n        text,\n    },\n    video: {\n        theme: \"teal\",\n        filled,\n        hover,\n        text,\n    },\n    audio: {\n        theme: \"violet\",\n        filled,\n        hover,\n        text,\n    },\n    realtime: {\n        theme: \"green\",\n        filled,\n        hover,\n        text,\n    },\n    embedding: {\n        theme: \"amber\",\n        filled,\n        hover,\n        text,\n    },\n};\n\n/** Map any human-typed category string to the canonical `Modality` key. */\nfunction normalize(category: string): Modality | null {\n    const lower = category.toLowerCase();\n    if (lower === \"images\") return \"image\";\n    if (lower === \"embeddings\") return \"embedding\";\n    if (\n        lower === \"text\" ||\n        lower === \"image\" ||\n        lower === \"video\" ||\n        lower === \"audio\" ||\n        lower === \"realtime\" ||\n        lower === \"embedding\"\n    ) {\n        return lower;\n    }\n    return null;\n}\n\nexport function getModalityColors(category: string): ModalityColorSet | null {\n    const key = normalize(category);\n    return key ? MODALITY_COLORS[key] : null;\n}\n"],"mappings":";AA8BA,IAAM,SAAS;AACf,IAAM,QACF;AACJ,IAAM,OAAO;AAGN,IAAM,kBAAsD;AAAA,EAC/D,MAAM;AAAA,IACF,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACH,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAAA,EACA,WAAW;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;AAGA,SAAS,UAAU,UAAmC;AAClD,QAAM,QAAQ,SAAS,YAAY;AACnC,MAAI,UAAU,SAAU,QAAO;AAC/B,MAAI,UAAU,aAAc,QAAO;AACnC,MACI,UAAU,UACV,UAAU,WACV,UAAU,WACV,UAAU,WACV,UAAU,cACV,UAAU,aACZ;AACE,WAAO;AAAA,EACX;AACA,SAAO;AACX;AAEO,SAAS,kBAAkB,UAA2C;AACzE,QAAM,MAAM,UAAU,QAAQ;AAC9B,SAAO,MAAM,gBAAgB,GAAG,IAAI;AACxC;","names":[]}