@inkeep/agents-ui 0.0.0-dev-20260313222128

package/dist/styled/utils.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("clsx"),r=require("tailwind-merge");function n(...t){return r.twMerge(e.clsx(t))}const c=t=>t?"":void 0;exports.cn=n;exports.dataAttr=c;

package/dist/styled/utils.d.ts

@@ -0,0 +1,4 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export type Booleanish = boolean | 'true' | 'false';
+export declare const dataAttr: (guard: boolean | undefined) => Booleanish;

package/dist/styled/utils.js

@@ -0,0 +1,11 @@
+"use client";
+import { clsx as r } from "clsx";
+import { twMerge as o } from "tailwind-merge";
+function c(...t) {
+  return o(r(t));
+}
+const i = (t) => t ? "" : void 0;
+export {
+  c as cn,
+  i as dataAttr
+};

package/dist/theme/color-utils.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(t){return Number.parseInt(t,16)||0}function u(t){return s(t)/255<=.03928?s(t)/255/12.92:((s(t)/255+.055)/1.055)**2.4}function c(t){return .2126*u(t.slice(1,3))+.7152*u(t.slice(3,5))+.0722*u(t.slice(-2))}function i(t,e){const n=c(t),r=c(e);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}function a(t,e,n){const r=i(t,e),o=i(t,n);return r>o?e:n}exports.getTextColorBasedOnBgColor=a;

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

@@ -0,0 +1 @@
+export declare function getTextColorBasedOnBgColor(bgColor: string, lightColor: string, darkColor: string): string;

package/dist/theme/color-utils.js

@@ -0,0 +1,21 @@
+"use client";
+function c(t) {
+  return Number.parseInt(t, 16) || 0;
+}
+function u(t) {
+  return c(t) / 255 <= 0.03928 ? c(t) / 255 / 12.92 : ((c(t) / 255 + 0.055) / 1.055) ** 2.4;
+}
+function r(t) {
+  return 0.2126 * u(t.slice(1, 3)) + 0.7152 * u(t.slice(3, 5)) + 0.0722 * u(t.slice(-2));
+}
+function i(t, e) {
+  const n = r(t), s = r(e);
+  return (Math.max(n, s) + 0.05) / (Math.min(n, s) + 0.05);
+}
+function o(t, e, n) {
+  const s = i(t, e), a = i(t, n);
+  return s > a ? e : n;
+}
+export {
+  o as getTextColorBasedOnBgColor
+};

package/dist/theme/colors.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("colorjs.io"),C=require("./color-utils.cjs"),m="#000000",w={whiteAlpha:{50:"rgba(255, 255, 255, 0.05)",100:"rgba(255, 255, 255, 0.1)",200:"rgba(255, 255, 255, 0.15)",300:"rgba(255, 255, 255, 0.2)",400:"rgba(255, 255, 255, 0.3)",500:"rgba(255, 255, 255, 0.4)",600:"rgba(255, 255, 255, 0.5)",700:"rgba(255, 255, 255, 0.6)",800:"rgba(255, 255, 255, 0.7)",900:"rgba(255, 255, 255, 0.8)",950:"rgba(255, 255, 255, 0.9)",1e3:"rgba(255, 255, 255, 0.95)"},blackAlpha:{50:"rgba(0, 0, 0, 0.05)",100:"rgba(0, 0, 0, 0.1)",200:"rgba(0, 0, 0, 0.15)",300:"rgba(0, 0, 0, 0.2)",400:"rgba(0, 0, 0, 0.3)",500:"rgba(0, 0, 0, 0.4)",600:"rgba(0, 0, 0, 0.5)",700:"rgba(0, 0, 0, 0.6)",800:"rgba(0, 0, 0, 0.7)",900:"rgba(0, 0, 0, 0.8)",950:"rgba(0, 0, 0, 0.9)",1e3:"rgba(0, 0, 0, 0.95)"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#eaecf1",300:"#d8dce2",400:"#c4c9d2",500:"#9ca3af",600:"#6b7280",700:"#4b5563",800:"#374151",900:"#1f2937",950:"#111827",1e3:"#030712"},grayDark:{1e3:"#111111",950:"#191919",900:"#222222",800:"#2a2a2a",700:"#313131",600:"#3a3a3a",500:"#484848",400:"#606060",300:"#6e6e6e",200:"#7b7b7b",100:"#b4b4b4",50:"#eeeeee"},overlay:{light:"rgba(104, 112, 118, 0.5)",dark:"rgba(136, 144, 150, 0.5)"}};function o(n){return n.to("srgb").toString({format:"hex"})}function g(n,t,e){const c=n.lch,a=t.lch,s=c.l+(a.l-c.l)*e,b=c.c+(a.c-c.c)*e,h=c.h+(a.h-c.h)*e;return new r("lch",[s,b,h])}function l(n){return n.to("srgb")}const S=new r(m),i=n=>{const t=n instanceof r?n:new r(n),e=t.lch.c<3?t.lch.c:3,c=t.lch.c<10?t.lch.c:10,a=t.lch.c<5?t.lch.c:5;return{textBold:new r("lch",[10,a,t.lch.h]),textSubtle:new r("lch",[30,c,t.lch.h]),lighter:new r("lch",[98,t.lch.c*1.2,t.lch.h*.96]),light:new r("lch",[89,t.lch.c*1.2,t.lch.h*.96]),lightSubtle:new r("lch",[98,e,t.lch.h*.98]),medium:t,mediumSubtle:new r("lch",[t.lch.l*.5,t.lch.c,t.lch.h],.3),strongerLight:new r("lch",[70,c,t.lch.h]),strong:new r("lch",[t.lch.l*.85,t.lch.c,t.lch.h]),stronger:new r("lch",[t.lch.l*.5,t.lch.c,t.lch.h])}},f=i(S),d=(n,t)=>{const e=Object.assign({},t?i(t):f,n);for(const h of Object.keys(e))e[h]instanceof r||(e[h]=new r(e[h]));const c=Object.keys(e).reduce((h,u)=>(h[u]=e[u].toGamut({space:"srgb",method:"lch.c"}).to("srgb").toString({format:"hex"}),h),{}),a={50:o(l(e.lighter)),100:o(l(g(e.lighter,e.light,.5))),200:o(l(e.light)),300:o(l(g(e.light,e.medium,.5))),400:o(l(g(e.light,e.medium,.75))),500:o(l(e.medium)),600:o(l(g(e.medium,e.strong,.75))),700:o(l(e.strong)),800:o(l(g(e.strong,e.stronger,.5))),900:o(l(e.stronger)),950:o(l(g(e.stronger,e.textBold,.5))),1e3:o(l(g(e.stronger,e.textBold,.75)))},s=c.textColorOnPrimary||C.getTextColorBasedOnBgColor(c.medium,"#ffffff",c.textBold);return{inkeepPrimary:{...c,textColorOnPrimary:s},inkeepExpandedPrimary:a}},x=d(f),y={...x,...w};exports.DEFAULT_PRIMARY_BRAND_COLOR=m;exports.colors=y;exports.createColorDict=i;exports.createColorScheme=d;

package/dist/theme/colors.d.ts

@@ -0,0 +1,104 @@
+import { default as Color } from 'colorjs.io';
+import { UserProvidedColorScheme } from '../types/index.ts';
+export declare const DEFAULT_PRIMARY_BRAND_COLOR = "#000000";
+export type ColorDict = Record<string, Color>;
+export declare const createColorDict: (color: Color | string) => Record<string, Color>;
+export declare const createColorScheme: (userScheme?: UserProvidedColorScheme, primaryColor?: Color | string) => InkeepColorScheme;
+export interface InkeepColorScheme {
+    inkeepPrimary: {
+        textColorOnPrimary: string;
+    };
+    inkeepExpandedPrimary: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+        '1000': string;
+    };
+}
+export declare const colors: {
+    whiteAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+        1000: string;
+    };
+    blackAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+        1000: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+        1000: string;
+    };
+    grayDark: {
+        1000: string;
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    overlay: {
+        light: string;
+        dark: string;
+    };
+    inkeepPrimary: {
+        textColorOnPrimary: string;
+    };
+    inkeepExpandedPrimary: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+        "1000": string;
+    };
+};

package/dist/theme/colors.js

@@ -0,0 +1,143 @@
+"use client";
+import e from "colorjs.io";
+import { getTextColorBasedOnBgColor as u } from "./color-utils.js";
+const d = "#000000", C = {
+  whiteAlpha: {
+    50: "rgba(255, 255, 255, 0.05)",
+    100: "rgba(255, 255, 255, 0.1)",
+    200: "rgba(255, 255, 255, 0.15)",
+    300: "rgba(255, 255, 255, 0.2)",
+    400: "rgba(255, 255, 255, 0.3)",
+    500: "rgba(255, 255, 255, 0.4)",
+    600: "rgba(255, 255, 255, 0.5)",
+    700: "rgba(255, 255, 255, 0.6)",
+    800: "rgba(255, 255, 255, 0.7)",
+    900: "rgba(255, 255, 255, 0.8)",
+    950: "rgba(255, 255, 255, 0.9)",
+    1e3: "rgba(255, 255, 255, 0.95)"
+  },
+  blackAlpha: {
+    50: "rgba(0, 0, 0, 0.05)",
+    100: "rgba(0, 0, 0, 0.1)",
+    200: "rgba(0, 0, 0, 0.15)",
+    300: "rgba(0, 0, 0, 0.2)",
+    400: "rgba(0, 0, 0, 0.3)",
+    500: "rgba(0, 0, 0, 0.4)",
+    600: "rgba(0, 0, 0, 0.5)",
+    700: "rgba(0, 0, 0, 0.6)",
+    800: "rgba(0, 0, 0, 0.7)",
+    900: "rgba(0, 0, 0, 0.8)",
+    950: "rgba(0, 0, 0, 0.9)",
+    1e3: "rgba(0, 0, 0, 0.95)"
+  },
+  gray: {
+    // tailwind modified gray scheme
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#eaecf1",
+    // Slightly lightened
+    300: "#d8dce2",
+    // Slightly lightened
+    400: "#c4c9d2",
+    // New color (the rest of the colors are shifted accordingly)
+    500: "#9ca3af",
+    600: "#6b7280",
+    700: "#4b5563",
+    800: "#374151",
+    900: "#1f2937",
+    950: "#111827",
+    1e3: "#030712"
+  },
+  // radix neutral gray for dark mode ('grayDark')
+  grayDark: {
+    1e3: "#111111",
+    950: "#191919",
+    900: "#222222",
+    800: "#2a2a2a",
+    700: "#313131",
+    600: "#3a3a3a",
+    500: "#484848",
+    400: "#606060",
+    300: "#6e6e6e",
+    200: "#7b7b7b",
+    100: "#b4b4b4",
+    50: "#eeeeee"
+  },
+  overlay: {
+    light: "rgba(104, 112, 118, 0.5)",
+    dark: "rgba(136, 144, 150, 0.5)"
+  }
+};
+function o(n) {
+  return n.to("srgb").toString({ format: "hex" });
+}
+function g(n, r, t) {
+  const c = n.lch, a = r.lch, s = c.l + (a.l - c.l) * t, b = c.c + (a.c - c.c) * t, h = c.h + (a.h - c.h) * t;
+  return new e("lch", [s, b, h]);
+}
+function l(n) {
+  return n.to("srgb");
+}
+const w = new e(d), m = (n) => {
+  const r = n instanceof e ? n : new e(n), t = r.lch.c < 3 ? r.lch.c : 3, c = r.lch.c < 10 ? r.lch.c : 10, a = r.lch.c < 5 ? r.lch.c : 5;
+  return {
+    textBold: new e("lch", [10, a, r.lch.h]),
+    textSubtle: new e("lch", [30, c, r.lch.h]),
+    lighter: new e("lch", [98, r.lch.c * 1.2, r.lch.h * 0.96]),
+    light: new e("lch", [89, r.lch.c * 1.2, r.lch.h * 0.96]),
+    lightSubtle: new e("lch", [98, t, r.lch.h * 0.98]),
+    medium: r,
+    mediumSubtle: new e(
+      "lch",
+      [r.lch.l * 0.5, r.lch.c, r.lch.h],
+      0.3
+    ),
+    strongerLight: new e("lch", [70, c, r.lch.h]),
+    strong: new e("lch", [r.lch.l * 0.85, r.lch.c, r.lch.h]),
+    stronger: new e("lch", [r.lch.l * 0.5, r.lch.c, r.lch.h])
+  };
+}, f = m(w), x = (n, r) => {
+  const t = Object.assign(
+    {},
+    r ? m(r) : f,
+    n
+  );
+  for (const h of Object.keys(t))
+    t[h] instanceof e || (t[h] = new e(t[h]));
+  const c = Object.keys(t).reduce((h, i) => (h[i] = t[i].toGamut({ space: "srgb", method: "lch.c" }).to("srgb").toString({ format: "hex" }), h), {}), a = {
+    50: o(l(t.lighter)),
+    100: o(l(g(t.lighter, t.light, 0.5))),
+    200: o(l(t.light)),
+    300: o(l(g(t.light, t.medium, 0.5))),
+    400: o(l(g(t.light, t.medium, 0.75))),
+    500: o(l(t.medium)),
+    600: o(l(g(t.medium, t.strong, 0.75))),
+    700: o(l(t.strong)),
+    800: o(l(g(t.strong, t.stronger, 0.5))),
+    900: o(l(t.stronger)),
+    950: o(l(g(t.stronger, t.textBold, 0.5))),
+    1e3: o(
+      l(g(t.stronger, t.textBold, 0.75))
+    )
+  }, s = c.textColorOnPrimary || u(
+    c.medium,
+    "#ffffff",
+    c.textBold
+  );
+  return {
+    inkeepPrimary: {
+      ...c,
+      textColorOnPrimary: s
+    },
+    inkeepExpandedPrimary: a
+  };
+}, S = x(f), B = {
+  ...S,
+  ...C
+};
+export {
+  d as DEFAULT_PRIMARY_BRAND_COLOR,
+  B as colors,
+  m as createColorDict,
+  x as createColorScheme
+};

package/dist/theme/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./colors.cjs"),r=require("./utils/create-css-variables.cjs"),o=require("./utils/generate-theme-variables.cjs"),a={heading:'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',body:'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',mono:'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},s={"3xs":"0.45rem","2xs":"0.625rem","1xs":"0.6875rem",xs:"0.75rem","1sm":"0.8125rem",sm:"0.875rem","2sm":"0.9375rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},t={hide:-1,auto:"auto",base:0,start:1,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800},l={colors:e.colors,fontFamily:a,fontSize:s,zIndex:t};exports.DEFAULT_PRIMARY_BRAND_COLOR=e.DEFAULT_PRIMARY_BRAND_COLOR;exports.colors=e.colors;exports.createColorDict=e.createColorDict;exports.createColorScheme=e.createColorScheme;exports.createCSSVariables=r.createCSSVariables;exports.generateThemeVariables=o.generateThemeVariables;exports.themeMappings=o.themeMappings;exports.theme=l;

package/dist/theme/index.d.ts

@@ -0,0 +1,125 @@
+export declare const theme: {
+    colors: {
+        whiteAlpha: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+            1000: string;
+        };
+        blackAlpha: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+            1000: string;
+        };
+        gray: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+            1000: string;
+        };
+        grayDark: {
+            1000: string;
+            950: string;
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        overlay: {
+            light: string;
+            dark: string;
+        };
+        inkeepPrimary: {
+            textColorOnPrimary: string;
+        };
+        inkeepExpandedPrimary: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "950": string;
+            "1000": string;
+        };
+    };
+    fontFamily: {
+        heading: string;
+        body: string;
+        mono: string;
+    };
+    fontSize: {
+        '3xs': string;
+        '2xs': string;
+        '1xs': string;
+        xs: string;
+        '1sm': string;
+        sm: string;
+        '2sm': string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+    };
+    zIndex: {
+        hide: number;
+        auto: string;
+        base: number;
+        start: number;
+        docked: number;
+        dropdown: number;
+        sticky: number;
+        banner: number;
+        overlay: number;
+        modal: number;
+        popover: number;
+        skipLink: number;
+        toast: number;
+        tooltip: number;
+    };
+};
+export * from './utils/create-css-variables';
+export * from './utils/generate-theme-variables';
+export * from './colors';

package/dist/theme/index.js

@@ -0,0 +1,58 @@
+import { colors as e } from "./colors.js";
+import { DEFAULT_PRIMARY_BRAND_COLOR as n, createColorDict as i, createColorScheme as p } from "./colors.js";
+import { createCSSVariables as x } from "./utils/create-css-variables.js";
+import { generateThemeVariables as g, themeMappings as d } from "./utils/generate-theme-variables.js";
+const o = {
+  heading: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+  body: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+  mono: 'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'
+}, r = {
+  "3xs": "0.45rem",
+  "2xs": "0.625rem",
+  "1xs": "0.6875rem",
+  xs: "0.75rem",
+  "1sm": "0.8125rem",
+  sm: "0.875rem",
+  "2sm": "0.9375rem",
+  md: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "3xl": "1.875rem",
+  "4xl": "2.25rem",
+  "5xl": "3rem",
+  "6xl": "3.75rem",
+  "7xl": "4.5rem",
+  "8xl": "6rem",
+  "9xl": "8rem"
+}, m = {
+  hide: -1,
+  auto: "auto",
+  base: 0,
+  start: 1,
+  docked: 10,
+  dropdown: 1e3,
+  sticky: 1100,
+  banner: 1200,
+  overlay: 1300,
+  modal: 1400,
+  popover: 1500,
+  skipLink: 1600,
+  toast: 1700,
+  tooltip: 1800
+}, l = {
+  colors: e,
+  fontFamily: o,
+  fontSize: r,
+  zIndex: m
+};
+export {
+  n as DEFAULT_PRIMARY_BRAND_COLOR,
+  e as colors,
+  x as createCSSVariables,
+  i as createColorDict,
+  p as createColorScheme,
+  g as generateThemeVariables,
+  l as theme,
+  d as themeMappings
+};

package/dist/theme/utils/create-css-variables.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./generate-theme-variables.cjs"),g="ikp";function S(c){const t={};for(const[r,a]of Object.entries(c)){const n=y.themeMappings[r]||r,o=(i,l=[])=>{for(const[u,e]of Object.entries(i)){const s=[...l,u];if(typeof e=="object"&&e!==null)o(e,s);else{const b=s.map(p=>p.replace(/([A-Z])/g,"-$1").toLowerCase()).join("-"),f=`--${g}-${n}-${b}`;t[f]=e}}};o(a)}return t}exports.createCSSVariables=S;

package/dist/theme/utils/create-css-variables.d.ts

@@ -0,0 +1,2 @@
+import { IkpTheme } from '../../types/index.ts';
+export declare function createCSSVariables(theme: IkpTheme): Record<string, any>;

package/dist/theme/utils/create-css-variables.js

@@ -0,0 +1,24 @@
+"use client";
+import { themeMappings as b } from "./generate-theme-variables.js";
+const g = "ikp";
+function j(s) {
+  const t = {};
+  for (const [o, n] of Object.entries(s)) {
+    const a = b[o] || o, r = (i, f = []) => {
+      for (const [l, e] of Object.entries(i)) {
+        const c = [...f, l];
+        if (typeof e == "object" && e !== null)
+          r(e, c);
+        else {
+          const p = c.map((y) => y.replace(/([A-Z])/g, "-$1").toLowerCase()).join("-"), u = `--${g}-${a}-${p}`;
+          t[u] = e;
+        }
+      }
+    };
+    r(n);
+  }
+  return t;
+}
+export {
+  j as createCSSVariables
+};

package/dist/theme/utils/generate-theme-variables.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p="ikp",l={colors:"color",fontFamily:"font-family",fontSize:"font-size",zIndex:"z-index"};function r(t){return t.replace(/([A-Z])/g,"-$1").toLowerCase()}function y(t){const s={};for(const[o,f]of Object.entries(t)){const u=r(l[o]||o),c=(n,a=[])=>{if(typeof n!="object"||n===null){const e=a.map(r).join("-");return`var(--${p}-${u}-${e})`}const i={};for(const[e,g]of Object.entries(n))i[r(e)]=c(g,[...a,e]);return i};s[o]=c(f)}return s}exports.generateThemeVariables=y;exports.themeMappings=l;

package/dist/theme/utils/generate-theme-variables.d.ts

@@ -0,0 +1,3 @@
+import { IkpTheme, IkpThemeCategory } from '../../types/index.ts';
+export declare const themeMappings: Record<IkpThemeCategory, string>;
+export declare function generateThemeVariables(theme: IkpTheme): Record<string, any>;

package/dist/theme/utils/generate-theme-variables.js

@@ -0,0 +1,34 @@
+"use client";
+const p = "ikp", y = {
+  colors: "color",
+  fontFamily: "font-family",
+  fontSize: "font-size",
+  zIndex: "z-index"
+};
+function r(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function g(t) {
+  const c = {};
+  for (const [o, f] of Object.entries(t)) {
+    const l = r(y[o] || o), s = (n, a = []) => {
+      if (typeof n != "object" || n === null) {
+        const e = a.map(r).join("-");
+        return `var(--${p}-${l}-${e})`;
+      }
+      const i = {};
+      for (const [e, u] of Object.entries(n))
+        i[r(e)] = s(u, [
+          ...a,
+          e
+        ]);
+      return i;
+    };
+    c[o] = s(f);
+  }
+  return c;
+}
+export {
+  g as generateThemeVariables,
+  y as themeMappings
+};

package/dist/types/color-mode.d.ts

@@ -0,0 +1,44 @@
+/** Adapted from https://github.com/pacocoursey/next-theme/blob/a385b8d865bbb317ff73a5b6c1319ae566f7d6f1/src/types.ts */
+interface ValueObject {
+    [colorModeName: string]: string;
+}
+export interface UseColorModeProps {
+    /** List of all available colorMode names */
+    colorModes: string[];
+    /** Forced colorMode name for the current page */
+    forcedColorMode?: string;
+    /** Update the colorMode */
+    setColorMode: (colorMode: string) => void;
+    /** Active colorMode name */
+    colorMode?: string;
+    /** If `enableSystem` is true and the active colorMode is "system", this returns whether the system preference resolved to "dark" or "light". Otherwise, identical to `colorMode` */
+    resolvedColorMode?: string;
+    /** If enableSystem is true, returns the System colorMode preference ("dark" or "light"), regardless what the active colorMode is */
+    systemColorMode?: 'dark' | 'light';
+}
+export interface ColorModeProviderProps {
+    /** List of all available colorMode names */
+    colorModes?: string[];
+    /** Forced colorMode name for the current page */
+    forcedColorMode?: string;
+    /** Whether to switch between dark and light colorModes based on prefers-color-scheme */
+    enableSystem?: boolean;
+    /** Disable all CSS transitions when switching colorModes */
+    disableTransitionOnChange?: boolean;
+    /** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */
+    enableColorScheme?: boolean;
+    /** Key used to store colorMode setting in localStorage */
+    storageKey?: string;
+    /** Default colorMode name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default colorMode is light */
+    defaultColorMode?: string;
+    /** HTML attribute modified based on the active colorMode. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) */
+    attribute?: 'class' | (string & {});
+    /** Mapping of colorMode name to HTML attribute value. Object where key is the colorMode name and value is the attribute value */
+    value?: ValueObject;
+    /** Nonce string to pass to the inline script for CSP headers */
+    nonce?: string;
+    shadowHostId?: string;
+    rootId?: string;
+    children?: React.ReactNode;
+}
+export {};