@multiplatform.one/keycloak-theme 7.83.0 → 7.83.2

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildSpringboardCss","glyphColors","glyphHue","glyphMark","glyphMonogram","stableHash","resolveMark","SpringboardStyles","houseThemeName","isSpringboardTheme","springboardThemeName","accent","caption","field","fontFamily","icon","ink","plate","status","trigger","wallpaperColors","wallpaperLayers"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,mBAAA,QAAuD;AAChE,SAAAC,WAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,aAAA,EAAAC,UAAA;AAAA,SACEC,WAAA,EAAAC,iBAAA;AAAA,SACAC,cAAA,EAAAC,kBAAA,EAAAC,oBAAA;AAAA,SACAC,MAAA,EAAAC,OAAA,EAAAC,KAAA,EAAAC,UAAA,EAAAC,IAAA,EAAAC,GAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,OAAA,EAAAC,eAAA,EAAAC,eAAA;AAAA,SAEAd,iBAAA,EAAAI,MAGK,EACPX,mBAAA,EACEY,OAAA,EACAC,KAAA,EAAAC,UAGK,EACPb,WAAS,EACTC,QAAA,EACEC,SAAA,EACAC,aAAA,EACAI,cAAA,EACAO,IAAA,EACAC,GAAA,EACAP,kBAAA,EACAQ,KAAA,EACAX,WAAA,EACAI,oBAAA,EACAL,UAAA,EACAa,MAAA,EAAAC,OACK,E","ignoreList":[]}

package/dist/esm/themeName.mjs

@@ -0,0 +1,15 @@
+const springboardThemeName = "shc-springboard";
+const houseThemeName = "platform-keycloak";
+function lastSegment(resourcesPath) {
+  const trimmed = resourcesPath.replace(/[?#].*$/, "").replace(/\/+$/, "");
+  const slash = trimmed.lastIndexOf("/");
+  return slash === -1 ? trimmed : trimmed.slice(slash + 1);
+}
+function isSpringboardTheme(kcContext) {
+  if (!kcContext) return false;
+  const resourcesPath = "url" in kcContext && kcContext.url ? kcContext.url.resourcesPath : "resourcesPath" in kcContext ? kcContext.resourcesPath : void 0;
+  if (typeof resourcesPath !== "string" || resourcesPath === "") return false;
+  return lastSegment(resourcesPath) === springboardThemeName;
+}
+export { houseThemeName, isSpringboardTheme, springboardThemeName };
+//# sourceMappingURL=themeName.mjs.map

package/dist/esm/themeName.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["springboardThemeName","houseThemeName","lastSegment","resourcesPath","trimmed","replace","slash","lastIndexOf","slice","isSpringboardTheme","kcContext","url"],"sources":["../../src/themeName.ts"],"sourcesContent":[null],"mappings":"AAoCO,MAAMA,oBAAA,GAAuB;AAG7B,MAAMC,cAAA,GAAiB;AAG9B,SAASC,YAAYC,aAAA,EAA+B;EAClD,MAAMC,OAAA,GAAUD,aAAA,CAAcE,OAAA,CAAQ,WAAW,EAAE,EAAEA,OAAA,CAAQ,QAAQ,EAAE;EACvE,MAAMC,KAAA,GAAQF,OAAA,CAAQG,WAAA,CAAY,GAAG;EACrC,OAAOD,KAAA,KAAU,KAAKF,OAAA,GAAUA,OAAA,CAAQI,KAAA,CAAMF,KAAA,GAAQ,CAAC;AACzD;AAUO,SAASG,mBACdC,SAAA,EACS;EACT,IAAI,CAACA,SAAA,EAAW,OAAO;EACvB,MAAMP,aAAA,GACJ,SAASO,SAAA,IAAaA,SAAA,CAAUC,GAAA,GAC5BD,SAAA,CAAUC,GAAA,CAAIR,aAAA,GACd,mBAAmBO,SAAA,GACjBA,SAAA,CAAUP,aAAA,GACV;EACR,IAAI,OAAOA,aAAA,KAAkB,YAAYA,aAAA,KAAkB,IAAI,OAAO;EACtE,OAAOD,WAAA,CAAYC,aAAa,MAAMH,oBAAA;AACxC","ignoreList":[]}

package/dist/esm/themeName.native.js

@@ -0,0 +1,15 @@
+var springboardThemeName = "shc-springboard";
+var houseThemeName = "platform-keycloak";
+function lastSegment(resourcesPath) {
+  var trimmed = resourcesPath.replace(/[?#].*$/, "").replace(/\/+$/, "");
+  var slash = trimmed.lastIndexOf("/");
+  return slash === -1 ? trimmed : trimmed.slice(slash + 1);
+}
+function isSpringboardTheme(kcContext) {
+  if (!kcContext) return false;
+  var resourcesPath = "url" in kcContext && kcContext.url ? kcContext.url.resourcesPath : "resourcesPath" in kcContext ? kcContext.resourcesPath : void 0;
+  if (typeof resourcesPath !== "string" || resourcesPath === "") return false;
+  return lastSegment(resourcesPath) === springboardThemeName;
+}
+export { houseThemeName, isSpringboardTheme, springboardThemeName };
+//# sourceMappingURL=themeName.native.js.map

package/dist/esm/themeName.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["springboardThemeName","houseThemeName","lastSegment","resourcesPath","trimmed","replace","slash","lastIndexOf","slice","isSpringboardTheme","kcContext","url"],"sources":["../../src/themeName.ts"],"sourcesContent":[null],"mappings":"AAoCO,IAAAA,oBAAM,oBAAuB;AAG7B,IAAAC,cAAM,sBAAiB;AAG9B,SAASC,YAAYC,aAAA,EAA+B;EAClD,IAAAC,OAAM,GAAAD,aAAU,CAAAE,OAAc,UAAQ,IAAW,EAAEA,OAAE,OAAQ,IAAQ;EACrE,IAAAC,KAAM,GAAAF,OAAQ,CAAAG,WAAQ,IAAY;EAClC,OAAOD,KAAA,KAAU,KAAKF,OAAA,GAAUA,OAAA,CAAQI,KAAA,CAAMF,KAAA,GAAQ,CAAC;AACzD;AAUO,SAASG,mBACdC,SAAA,EACS;EACT,IAAI,CAACA,SAAA,EAAW,OAAO;EACvB,IAAAP,aAAM,QACJ,IAAAO,SAAS,IAAAA,SAAa,CAAAC,GAAU,GAAAD,SAC5B,CAAAC,GAAU,CAAAR,aAAI,kBACd,IAAAO,SAAmB,GAAAA,SACjB,CAAAP,aAAU,QACV;EACR,IAAI,OAAOA,aAAA,KAAkB,YAAYA,aAAA,KAAkB,IAAI,OAAO;EACtE,OAAOD,WAAA,CAAYC,aAAa,MAAMH,oBAAA;AACxC","ignoreList":[]}

package/dist/esm/tokens.mjs

@@ -0,0 +1,98 @@
+const wallpaperLayers = ["radial-gradient(ellipse at 18% 110%, rgba(56,189,248,.24), transparent 56%)", "radial-gradient(ellipse at 90% 0, rgba(99,102,241,.26), transparent 50%)", "linear-gradient(170deg, #071018, #152544 46%, #1a1544 76%, #080e18)"].join(", ");
+const wallpaperColors = {
+  /** Flat base beneath the gradient stack. `WALLPAPER_BASE`. */
+  base: "#0b1220",
+  /** Indigo glow, top-right. `WALLPAPER_GLOW_A`. */
+  glowA: "rgba(99,102,241,0.26)",
+  /** Sky glow, bottom-left. `WALLPAPER_GLOW_B`. */
+  glowB: "rgba(56,189,248,0.24)",
+  /** Text drawn directly on the wallpaper. `ON_WALLPAPER_TEXT`. */
+  text: "#ffffff",
+  /** The halo that keeps that text legible over either glow. `ON_WALLPAPER_SHADOW`. */
+  textShadow: "#000000"
+};
+const plate = {
+  /** `DOCK_SHELF_FILL` — the translucent slab. */
+  fill: "rgba(16,20,32,0.48)",
+  /** `DOCK_SHELF_HIGHLIGHT` — the 1px inner highlight along the top edge. */
+  highlight: "rgba(255,255,255,0.27)",
+  /** `launcherDock.radius`. */
+  radius: 26,
+  /** `launcherDock.paddingVertical` / `.paddingHorizontal`. */
+  paddingVertical: 12,
+  paddingHorizontal: 16,
+  /** `launcherDock.gap`. */
+  gap: 18
+};
+const icon = {
+  /** `launcherIcon.size` — applied to the squircle AND the art inside it. */
+  size: 60,
+  /** `launcherIcon.radius` — 0.2333 of the box, not tamagui's 0.22. */
+  radius: 14,
+  /** `launcherIcon.shadowOffsetY` / `.shadowBlur` — `0 3px 8px #0006`. */
+  shadowOffsetY: 3,
+  shadowBlur: 8,
+  shadowColor: "#0006"
+};
+const caption = {
+  /** `launcherCaption.fontSize`. */
+  fontSize: 11,
+  /** `launcherCaption.lineHeight`. */
+  lineHeight: 15,
+  /** `launcherCaption.marginTop` — squircle to label. */
+  marginTop: 6,
+  /** StackTile.tsx: `textShadowOffset={{ width: 0, height: 1 }}`, radius 3. */
+  shadowOffsetY: 1,
+  shadowBlur: 3,
+  /** StackTile.tsx: `fontWeight="600"`. */
+  fontWeight: 600
+};
+const trigger = {
+  size: 52,
+  radius: 16,
+  inset: 16,
+  shadowOffsetY: 6,
+  shadowBlur: 20
+};
+const accent = {
+  /** Opaque `wallpaperColors.glowA`. Primary buttons. */
+  indigo: "#6366f1",
+  /** One step down for :hover — the same hue, 8% darker. */
+  indigoHover: "#5457dd",
+  /** One step further for :active. */
+  indigoPress: "#484bc4",
+  /** Opaque `wallpaperColors.glowB`. Links and the focus ring. */
+  sky: "#38bdf8"
+};
+const ink = {
+  /** Headings and input values. `wallpaperColors.text`. */
+  primary: "#ffffff",
+  /** Labels. */
+  secondary: "rgba(255,255,255,0.82)",
+  /** Helper text, captions, the muted half of a row. */
+  muted: "rgba(255,255,255,0.62)",
+  /** Placeholders and disabled labels. */
+  faint: "rgba(255,255,255,0.42)"
+};
+const field = {
+  /** Input fill: the plate darkened, so a field sits INTO the slab. */
+  background: "rgba(8,11,20,0.55)",
+  /** Resting hairline — `plate.highlight` at half strength. */
+  border: "rgba(255,255,255,0.14)",
+  borderHover: "rgba(255,255,255,0.24)",
+  borderFocus: accent.sky,
+  /** Divider rules (the social-provider separator). */
+  divider: "rgba(255,255,255,0.12)",
+  /** Secondary/ghost button fill. */
+  ghost: "rgba(255,255,255,0.08)",
+  ghostHover: "rgba(255,255,255,0.14)"
+};
+const status = {
+  error: "#f87171",
+  warning: "#fbbf24",
+  success: "#34d399",
+  info: accent.sky
+};
+const fontFamily = 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+export { accent, caption, field, fontFamily, icon, ink, plate, status, trigger, wallpaperColors, wallpaperLayers };
+//# sourceMappingURL=tokens.mjs.map

package/dist/esm/tokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["wallpaperLayers","join","wallpaperColors","base","glowA","glowB","text","textShadow","plate","fill","highlight","radius","paddingVertical","paddingHorizontal","gap","icon","size","shadowOffsetY","shadowBlur","shadowColor","caption","fontSize","lineHeight","marginTop","fontWeight","trigger","inset","accent","indigo","indigoHover","indigoPress","sky","ink","primary","secondary","muted","faint","field","background","border","borderHover","borderFocus","divider","ghost","ghostHover","status","error","warning","success","info","fontFamily"],"sources":["../../src/tokens.ts"],"sourcesContent":[null],"mappings":"AA0CO,MAAMA,eAAA,GAAkB,CAC7B,+EACA,4EACA,sEACF,CAAEC,IAAA,CAAK,IAAI;AAkBJ,MAAMC,eAAA,GAAkB;EAAA;EAE7BC,IAAA,EAAM;EAAA;EAENC,KAAA,EAAO;EAAA;EAEPC,KAAA,EAAO;EAAA;EAEPC,IAAA,EAAM;EAAA;EAENC,UAAA,EAAY;AACd;AAiBO,MAAMC,KAAA,GAAQ;EAAA;EAEnBC,IAAA,EAAM;EAAA;EAENC,SAAA,EAAW;EAAA;EAEXC,MAAA,EAAQ;EAAA;EAERC,eAAA,EAAiB;EACjBC,iBAAA,EAAmB;EAAA;EAEnBC,GAAA,EAAK;AACP;AAWO,MAAMC,IAAA,GAAO;EAAA;EAElBC,IAAA,EAAM;EAAA;EAENL,MAAA,EAAQ;EAAA;EAERM,aAAA,EAAe;EACfC,UAAA,EAAY;EACZC,WAAA,EAAa;AACf;AAaO,MAAMC,OAAA,GAAU;EAAA;EAErBC,QAAA,EAAU;EAAA;EAEVC,UAAA,EAAY;EAAA;EAEZC,SAAA,EAAW;EAAA;EAEXN,aAAA,EAAe;EACfC,UAAA,EAAY;EAAA;EAEZM,UAAA,EAAY;AACd;AAcO,MAAMC,OAAA,GAAU;EACrBT,IAAA,EAAM;EACNL,MAAA,EAAQ;EACRe,KAAA,EAAO;EACPT,aAAA,EAAe;EACfC,UAAA,EAAY;AACd;AAiBO,MAAMS,MAAA,GAAS;EAAA;EAEpBC,MAAA,EAAQ;EAAA;EAERC,WAAA,EAAa;EAAA;EAEbC,WAAA,EAAa;EAAA;EAEbC,GAAA,EAAK;AACP;AAcO,MAAMC,GAAA,GAAM;EAAA;EAEjBC,OAAA,EAAS;EAAA;EAETC,SAAA,EAAW;EAAA;EAEXC,KAAA,EAAO;EAAA;EAEPC,KAAA,EAAO;AACT;AAOO,MAAMC,KAAA,GAAQ;EAAA;EAEnBC,UAAA,EAAY;EAAA;EAEZC,MAAA,EAAQ;EACRC,WAAA,EAAa;EACbC,WAAA,EAAad,MAAA,CAAOI,GAAA;EAAA;EAEpBW,OAAA,EAAS;EAAA;EAETC,KAAA,EAAO;EACPC,UAAA,EAAY;AACd;AAGO,MAAMC,MAAA,GAAS;EACpBC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,OAAA,EAAS;EACTC,IAAA,EAAMtB,MAAA,CAAOI;AACf;AAaO,MAAMmB,UAAA,GACX","ignoreList":[]}

package/dist/esm/tokens.native.js

@@ -0,0 +1,98 @@
+var wallpaperLayers = ["radial-gradient(ellipse at 18% 110%, rgba(56,189,248,.24), transparent 56%)", "radial-gradient(ellipse at 90% 0, rgba(99,102,241,.26), transparent 50%)", "linear-gradient(170deg, #071018, #152544 46%, #1a1544 76%, #080e18)"].join(", ");
+var wallpaperColors = {
+  /** Flat base beneath the gradient stack. `WALLPAPER_BASE`. */
+  base: "#0b1220",
+  /** Indigo glow, top-right. `WALLPAPER_GLOW_A`. */
+  glowA: "rgba(99,102,241,0.26)",
+  /** Sky glow, bottom-left. `WALLPAPER_GLOW_B`. */
+  glowB: "rgba(56,189,248,0.24)",
+  /** Text drawn directly on the wallpaper. `ON_WALLPAPER_TEXT`. */
+  text: "#ffffff",
+  /** The halo that keeps that text legible over either glow. `ON_WALLPAPER_SHADOW`. */
+  textShadow: "#000000"
+};
+var plate = {
+  /** `DOCK_SHELF_FILL` — the translucent slab. */
+  fill: "rgba(16,20,32,0.48)",
+  /** `DOCK_SHELF_HIGHLIGHT` — the 1px inner highlight along the top edge. */
+  highlight: "rgba(255,255,255,0.27)",
+  /** `launcherDock.radius`. */
+  radius: 26,
+  /** `launcherDock.paddingVertical` / `.paddingHorizontal`. */
+  paddingVertical: 12,
+  paddingHorizontal: 16,
+  /** `launcherDock.gap`. */
+  gap: 18
+};
+var icon = {
+  /** `launcherIcon.size` — applied to the squircle AND the art inside it. */
+  size: 60,
+  /** `launcherIcon.radius` — 0.2333 of the box, not tamagui's 0.22. */
+  radius: 14,
+  /** `launcherIcon.shadowOffsetY` / `.shadowBlur` — `0 3px 8px #0006`. */
+  shadowOffsetY: 3,
+  shadowBlur: 8,
+  shadowColor: "#0006"
+};
+var caption = {
+  /** `launcherCaption.fontSize`. */
+  fontSize: 11,
+  /** `launcherCaption.lineHeight`. */
+  lineHeight: 15,
+  /** `launcherCaption.marginTop` — squircle to label. */
+  marginTop: 6,
+  /** StackTile.tsx: `textShadowOffset={{ width: 0, height: 1 }}`, radius 3. */
+  shadowOffsetY: 1,
+  shadowBlur: 3,
+  /** StackTile.tsx: `fontWeight="600"`. */
+  fontWeight: 600
+};
+var trigger = {
+  size: 52,
+  radius: 16,
+  inset: 16,
+  shadowOffsetY: 6,
+  shadowBlur: 20
+};
+var accent = {
+  /** Opaque `wallpaperColors.glowA`. Primary buttons. */
+  indigo: "#6366f1",
+  /** One step down for :hover — the same hue, 8% darker. */
+  indigoHover: "#5457dd",
+  /** One step further for :active. */
+  indigoPress: "#484bc4",
+  /** Opaque `wallpaperColors.glowB`. Links and the focus ring. */
+  sky: "#38bdf8"
+};
+var ink = {
+  /** Headings and input values. `wallpaperColors.text`. */
+  primary: "#ffffff",
+  /** Labels. */
+  secondary: "rgba(255,255,255,0.82)",
+  /** Helper text, captions, the muted half of a row. */
+  muted: "rgba(255,255,255,0.62)",
+  /** Placeholders and disabled labels. */
+  faint: "rgba(255,255,255,0.42)"
+};
+var field = {
+  /** Input fill: the plate darkened, so a field sits INTO the slab. */
+  background: "rgba(8,11,20,0.55)",
+  /** Resting hairline — `plate.highlight` at half strength. */
+  border: "rgba(255,255,255,0.14)",
+  borderHover: "rgba(255,255,255,0.24)",
+  borderFocus: accent.sky,
+  /** Divider rules (the social-provider separator). */
+  divider: "rgba(255,255,255,0.12)",
+  /** Secondary/ghost button fill. */
+  ghost: "rgba(255,255,255,0.08)",
+  ghostHover: "rgba(255,255,255,0.14)"
+};
+var status = {
+  error: "#f87171",
+  warning: "#fbbf24",
+  success: "#34d399",
+  info: accent.sky
+};
+var fontFamily = 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+export { accent, caption, field, fontFamily, icon, ink, plate, status, trigger, wallpaperColors, wallpaperLayers };
+//# sourceMappingURL=tokens.native.js.map

package/dist/esm/tokens.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["wallpaperLayers","join","wallpaperColors","base","glowA","glowB","text","textShadow","plate","fill","highlight","radius","paddingVertical","paddingHorizontal","gap","icon","size","shadowOffsetY","shadowBlur","shadowColor","caption","fontSize","lineHeight","marginTop","fontWeight","trigger","inset","accent","indigo","indigoHover","indigoPress","sky","ink","primary","secondary","muted","faint","field","background","border","borderHover","borderFocus","divider","ghost","ghostHover","status","error","warning","success","info","fontFamily"],"sources":["../../src/tokens.ts"],"sourcesContent":[null],"mappings":"AA0CO,IAAAA,eAAM,IACX,+EACA,4EACA,sEACF,CAAEC,IAAA,CAAK,IAAI;AAkBJ,IAAAC,eAAM;EAAkB;EAE7BC,IAAA,EAAM;EAAA;EAENC,KAAA,EAAO;EAAA;EAEPC,KAAA,EAAO;EAAA;EAEPC,IAAA,EAAM;EAAA;EAENC,UAAA,EAAY;AACd;AAiBO,IAAAC,KAAM;EAAQ;EAEnBC,IAAA,EAAM;EAAA;EAENC,SAAA,EAAW;EAAA;EAEXC,MAAA,EAAQ;EAAA;EAERC,eAAA,EAAiB;EACjBC,iBAAA,EAAmB;EAAA;EAEnBC,GAAA,EAAK;AACP;AAWO,IAAAC,IAAM;EAAO;EAElBC,IAAA,EAAM;EAAA;EAENL,MAAA,EAAQ;EAAA;EAERM,aAAA,EAAe;EACfC,UAAA,EAAY;EACZC,WAAA,EAAa;AACf;AAaO,IAAAC,OAAM;EAAU;EAErBC,QAAA,EAAU;EAAA;EAEVC,UAAA,EAAY;EAAA;EAEZC,SAAA,EAAW;EAAA;EAEXN,aAAA,EAAe;EACfC,UAAA,EAAY;EAAA;EAEZM,UAAA,EAAY;AACd;AAcO,IAAAC,OAAM;EACXT,IAAA,EAAM;EACNL,MAAA,EAAQ;EACRe,KAAA,EAAO;EACPT,aAAA,EAAe;EACfC,UAAA,EAAY;AACd;AAiBO,IAAAS,MAAM;EAAS;EAEpBC,MAAA,EAAQ;EAAA;EAERC,WAAA,EAAa;EAAA;EAEbC,WAAA,EAAa;EAAA;EAEbC,GAAA,EAAK;AACP;AAcO,IAAAC,GAAM;EAAM;EAEjBC,OAAA,EAAS;EAAA;EAETC,SAAA,EAAW;EAAA;EAEXC,KAAA,EAAO;EAAA;EAEPC,KAAA,EAAO;AACT;AAOO,IAAAC,KAAM;EAAQ;EAEnBC,UAAA,EAAY;EAAA;EAEZC,MAAA,EAAQ;EACRC,WAAA,EAAa;EACbC,WAAA,EAAad,MAAA,CAAOI,GAAA;EAAA;EAEpBW,OAAA,EAAS;EAAA;EAETC,KAAA,EAAO;EACPC,UAAA,EAAY;AACd;AAGO,IAAAC,MAAM;EACXC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,OAAA,EAAS;EACTC,IAAA,EAAMtB,MAAA,CAAOI;AACf;AAaO,IAAAmB,UAAM,iHACX","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/keycloak-theme",
-  "version": "7.83.0",
+  "version": "7.83.2",
   "description": "The SHC springboard design language as a Keycloakify login skin",
   "keywords": [
     "keycloak",
@@ -20,6 +20,7 @@
   },
   "source": "src/index.ts",
   "files": [
+    "dist",
     "src",
     "!src/**/*.spec.ts",
     "!src/**/*.spec.tsx",
@@ -36,13 +37,21 @@
     ".": {
       "source": "./src/index.ts",
       "types": "./types/index.d.ts",
-      "default": "./src/index.ts"
+      "react-native": {
+        "types": "./types/index.d.ts",
+        "import": "./dist/esm/index.native.js",
+        "require": "./dist/cjs/index.native.js"
+      },
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
+    "@tamagui/build": "2.7.6",
     "@testing-library/react": "^16.3.3",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.1.2",
@@ -57,7 +66,7 @@
     "react": "^19.1.0"
   },
   "scripts": {
-    "build": "rm -rf types 2>/dev/null && tsc -p tsconfig.build.json",
+    "build": "rm -rf dist types 2>/dev/null && tamagui-build --ts-project ./tsconfig.build.json --exclude '\\.spec\\.|\\.test\\.|\\.stories\\.'",
     "test": "vitest run --coverage --coverage.provider=v8 --coverage.reporter=text --coverage.reporter=lcov --coverage.reporter=html",
     "typecheck": "tsgo --noEmit"
   }