@muibook/components 8.0.1 → 9.0.0

package/dist/esm/tokens/js/index.js

@@ -0,0 +1,140 @@
+const c = 'system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"', o = "1.1rem", t = "1.2rem", n = "1.4rem", e = "1.6rem", s = "1.8rem", h = "2.1rem", l = "2.4rem", i = "3.6rem", k = "4.8rem", a = "6rem", r = "7.2rem", p = "8.4rem", S = "9.6rem", y = 400, O = 500, g = 600, m = 700, d = 1.63636364, B = 1.5, G = 1.5, u = 1.5, F = 1.33333333, z = 1.14285714, R = 1.5, W = 1.33333333, x = 1.25, H = 1.2, L = 1.16666667, f = 1.14285714, j = 1.125, E = "black", b = "oklch(0% 0 0 / 0)", A = "oklch(0% 0 0 / 0.1)", C = "oklch(0% 0 0 / 0.2)", I = "oklch(0% 0 0 / 0.3)", U = "oklch(0% 0 0 / 0.4)", q = "oklch(0% 0 0 / 0.5)", v = "oklch(0% 0 0 / 0.6)", w = "oklch(0% 0 0 / 0.7)", D = "oklch(0% 0 0 / 0.8)", J = "oklch(0% 0 0 / 0.9)", K = "oklch(0% 0 0)", M = "#ffffff", N = "oklch(100% 0.00011 271.152 / 0)", P = "oklch(100% 0.00011 271.152 / 0.1)", Q = "oklch(100% 0.00011 271.152 / 0.2)", T = "oklch(100% 0.00011 271.152 / 0.3)", V = "oklch(100% 0.00011 271.152 / 0.4)", X = "oklch(100% 0.00011 271.152 / 0.5)", Y = "oklch(100% 0.00011 271.152 / 0.6)", Z = "oklch(100% 0.00011 271.152 / 0.7)", _ = "oklch(100% 0.00011 271.152 / 0.8)", $ = "oklch(100% 0.00011 271.152 / 0.9)", c0 = "oklch(100% 0.00011 271.152)", o0 = "oklch(97.015% 0.00011 271.152)", t0 = "oklch(92.191% 0.0001 271.152)", n0 = "oklch(84.522% 0.0001 271.152)", e0 = "oklch(73.802% 0.00008 271.152)", s0 = "oklch(62.675% 0.00007 271.152)", h0 = "oklch(51.028% 0.00006 271.152)", l0 = "oklch(44.953% 0.00005 271.152)", i0 = "oklch(38.666% 0.00004 271.152)", k0 = "oklch(32.109% 0.00004 271.152)", a0 = "oklch(25.197% 0.00003 271.152)", r0 = "oklch(17.764% 0.00002 271.152)", p0 = "oklch(11.492% 0.00001 271.152)", S0 = "oklch(98% 0.03 25.0)", y0 = "oklch(95% 0.10 25.0)", O0 = "oklch(82% 0.14 25.0)", g0 = "oklch(72% 0.17 25.0)", m0 = "oklch(62% 0.19 25.0)", d0 = "oklch(52% 0.19 25.0)", B0 = "oklch(46% 0.19 25.0)", G0 = "oklch(40% 0.19 25.0)", u0 = "oklch(34% 0.19 25.0)", F0 = "oklch(28% 0.19 25.0)", z0 = "oklch(98% 0.03 71)", R0 = "oklch(94% 0.07 71)", W0 = "oklch(90% 0.11 71)", x0 = "oklch(85% 0.14 71)", H0 = "oklch(78% 0.16 71)", L0 = "oklch(70% 0.16 71)", f0 = "oklch(64% 0.16 71)", j0 = "oklch(57% 0.16 71)", E0 = "oklch(51% 0.16 71)", b0 = "oklch(45% 0.16 71)", A0 = "oklch(96.2% 0.034 145)", C0 = "oklch(92% 0.075 145)", I0 = "oklch(88% 0.120 145)", U0 = "oklch(84.5% 0.160 145)", q0 = "oklch(70% 0.220 145)", v0 = "oklch(63% 0.200 145)", w0 = "oklch(57% 0.180 145)", D0 = "oklch(52% 0.160 145)", J0 = "oklch(46% 0.140 145)", K0 = "oklch(42% 0.120 145)", M0 = "oklch(95.6% 0.022 250)", N0 = "oklch(91% 0.045 250)", P0 = "oklch(82% 0.091 250)", Q0 = "oklch(78.8% 0.105 250)", T0 = "oklch(73% 0.130 245)", V0 = "oklch(67% 0.150 249)", X0 = "oklch(63% 0.155 249)", Y0 = "oklch(57% 0.167 251)", Z0 = "oklch(52% 0.178 253)", _0 = "oklch(48% 0.151 253)", $0 = "4px", cc = "6px", oc = "8px", tc = "16px", nc = "24px", ec = "36px", sc = "48px", hc = "0", lc = "0.6rem", ic = "0.8rem", kc = "1.2rem", ac = "1.6rem", rc = "2.4rem", pc = "3.6rem", Sc = "4.8rem", yc = "6rem", Oc = "0", gc = "0.2rem", mc = "0.4rem", dc = "1px", Bc = "2px", Gc = "3px", uc = "4px", Fc = "5px", zc = "solid", Rc = "outset", Wc = "0.1s", xc = "0.2s", Hc = "0.3s", Lc = "0.4s";
+export {
+  E as Black,
+  b as BlackOpacity0,
+  A as BlackOpacity10,
+  K as BlackOpacity100,
+  C as BlackOpacity20,
+  I as BlackOpacity30,
+  U as BlackOpacity40,
+  q as BlackOpacity50,
+  v as BlackOpacity60,
+  w as BlackOpacity70,
+  D as BlackOpacity80,
+  J as BlackOpacity90,
+  M0 as Blue100,
+  _0 as Blue1000,
+  N0 as Blue200,
+  P0 as Blue300,
+  Q0 as Blue400,
+  T0 as Blue500,
+  V0 as Blue600,
+  X0 as Blue700,
+  Y0 as Blue800,
+  Z0 as Blue900,
+  c as FontFamily,
+  e as FontSize100,
+  S as FontSize1000,
+  o as FontSize15,
+  s as FontSize200,
+  t as FontSize25,
+  h as FontSize300,
+  l as FontSize400,
+  n as FontSize50,
+  i as FontSize500,
+  k as FontSize600,
+  a as FontSize700,
+  r as FontSize800,
+  p as FontSize900,
+  y as FontWeight400,
+  O as FontWeight500,
+  g as FontWeight600,
+  m as FontWeight700,
+  A0 as Green100,
+  K0 as Green1000,
+  C0 as Green200,
+  I0 as Green300,
+  U0 as Green400,
+  q0 as Green500,
+  v0 as Green600,
+  w0 as Green700,
+  D0 as Green800,
+  J0 as Green900,
+  o0 as Grey100,
+  a0 as Grey1000,
+  r0 as Grey1100,
+  p0 as Grey1200,
+  t0 as Grey200,
+  n0 as Grey300,
+  e0 as Grey400,
+  s0 as Grey500,
+  h0 as Grey600,
+  l0 as Grey700,
+  i0 as Grey800,
+  k0 as Grey900,
+  u as LineHeight100,
+  j as LineHeight1000,
+  d as LineHeight15,
+  F as LineHeight200,
+  B as LineHeight25,
+  z as LineHeight300,
+  R as LineHeight400,
+  G as LineHeight50,
+  W as LineHeight500,
+  x as LineHeight600,
+  H as LineHeight700,
+  L as LineHeight800,
+  f as LineHeight900,
+  z0 as Orange100,
+  b0 as Orange1000,
+  R0 as Orange200,
+  W0 as Orange300,
+  x0 as Orange400,
+  H0 as Orange500,
+  L0 as Orange600,
+  f0 as Orange700,
+  j0 as Orange800,
+  E0 as Orange900,
+  hc as Radius000,
+  $0 as Radius100,
+  cc as Radius150,
+  oc as Radius200,
+  tc as Radius300,
+  nc as Radius400,
+  ec as Radius500,
+  sc as Radius600,
+  S0 as Red100,
+  F0 as Red1000,
+  y0 as Red200,
+  O0 as Red300,
+  g0 as Red400,
+  m0 as Red500,
+  d0 as Red600,
+  B0 as Red700,
+  G0 as Red800,
+  u0 as Red900,
+  Oc as Space000,
+  gc as Space025,
+  mc as Space050,
+  lc as Space100,
+  ic as Space200,
+  kc as Space300,
+  ac as Space400,
+  rc as Space500,
+  pc as Space600,
+  Sc as Space700,
+  yc as Space800,
+  Wc as Speed100,
+  xc as Speed200,
+  Hc as Speed300,
+  Lc as Speed400,
+  Rc as StrokeOutset,
+  dc as StrokeSize100,
+  Bc as StrokeSize200,
+  Gc as StrokeSize300,
+  uc as StrokeSize400,
+  Fc as StrokeSize500,
+  zc as StrokeSolid,
+  M as White,
+  N as WhiteOpacity0,
+  P as WhiteOpacity10,
+  c0 as WhiteOpacity100,
+  Q as WhiteOpacity20,
+  T as WhiteOpacity30,
+  V as WhiteOpacity40,
+  X as WhiteOpacity50,
+  Y as WhiteOpacity60,
+  Z as WhiteOpacity70,
+  _ as WhiteOpacity80,
+  $ as WhiteOpacity90
+};

package/dist/types/tokens/js/index.d.ts

@@ -0,0 +1,140 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const FontFamily = "system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"";
+export declare const FontSize15 = "1.1rem";
+export declare const FontSize25 = "1.2rem";
+export declare const FontSize50 = "1.4rem";
+export declare const FontSize100 = "1.6rem";
+export declare const FontSize200 = "1.8rem";
+export declare const FontSize300 = "2.1rem";
+export declare const FontSize400 = "2.4rem";
+export declare const FontSize500 = "3.6rem";
+export declare const FontSize600 = "4.8rem";
+export declare const FontSize700 = "6rem";
+export declare const FontSize800 = "7.2rem";
+export declare const FontSize900 = "8.4rem";
+export declare const FontSize1000 = "9.6rem";
+export declare const FontWeight400 = 400;
+export declare const FontWeight500 = 500;
+export declare const FontWeight600 = 600;
+export declare const FontWeight700 = 700;
+export declare const LineHeight15 = 1.63636364;
+export declare const LineHeight25 = 1.5;
+export declare const LineHeight50 = 1.5;
+export declare const LineHeight100 = 1.5;
+export declare const LineHeight200 = 1.33333333;
+export declare const LineHeight300 = 1.14285714;
+export declare const LineHeight400 = 1.5;
+export declare const LineHeight500 = 1.33333333;
+export declare const LineHeight600 = 1.25;
+export declare const LineHeight700 = 1.2;
+export declare const LineHeight800 = 1.16666667;
+export declare const LineHeight900 = 1.14285714;
+export declare const LineHeight1000 = 1.125;
+export declare const Black = "black";
+export declare const BlackOpacity0 = "oklch(0% 0 0 / 0)";
+export declare const BlackOpacity10 = "oklch(0% 0 0 / 0.1)";
+export declare const BlackOpacity20 = "oklch(0% 0 0 / 0.2)";
+export declare const BlackOpacity30 = "oklch(0% 0 0 / 0.3)";
+export declare const BlackOpacity40 = "oklch(0% 0 0 / 0.4)";
+export declare const BlackOpacity50 = "oklch(0% 0 0 / 0.5)";
+export declare const BlackOpacity60 = "oklch(0% 0 0 / 0.6)";
+export declare const BlackOpacity70 = "oklch(0% 0 0 / 0.7)";
+export declare const BlackOpacity80 = "oklch(0% 0 0 / 0.8)";
+export declare const BlackOpacity90 = "oklch(0% 0 0 / 0.9)";
+export declare const BlackOpacity100 = "oklch(0% 0 0)";
+export declare const White = "#ffffff";
+export declare const WhiteOpacity0 = "oklch(100% 0.00011 271.152 / 0)";
+export declare const WhiteOpacity10 = "oklch(100% 0.00011 271.152 / 0.1)";
+export declare const WhiteOpacity20 = "oklch(100% 0.00011 271.152 / 0.2)";
+export declare const WhiteOpacity30 = "oklch(100% 0.00011 271.152 / 0.3)";
+export declare const WhiteOpacity40 = "oklch(100% 0.00011 271.152 / 0.4)";
+export declare const WhiteOpacity50 = "oklch(100% 0.00011 271.152 / 0.5)";
+export declare const WhiteOpacity60 = "oklch(100% 0.00011 271.152 / 0.6)";
+export declare const WhiteOpacity70 = "oklch(100% 0.00011 271.152 / 0.7)";
+export declare const WhiteOpacity80 = "oklch(100% 0.00011 271.152 / 0.8)";
+export declare const WhiteOpacity90 = "oklch(100% 0.00011 271.152 / 0.9)";
+export declare const WhiteOpacity100 = "oklch(100% 0.00011 271.152)";
+export declare const Grey100 = "oklch(97.015% 0.00011 271.152)";
+export declare const Grey200 = "oklch(92.191% 0.0001 271.152)";
+export declare const Grey300 = "oklch(84.522% 0.0001 271.152)";
+export declare const Grey400 = "oklch(73.802% 0.00008 271.152)";
+export declare const Grey500 = "oklch(62.675% 0.00007 271.152)";
+export declare const Grey600 = "oklch(51.028% 0.00006 271.152)";
+export declare const Grey700 = "oklch(44.953% 0.00005 271.152)";
+export declare const Grey800 = "oklch(38.666% 0.00004 271.152)";
+export declare const Grey900 = "oklch(32.109% 0.00004 271.152)";
+export declare const Grey1000 = "oklch(25.197% 0.00003 271.152)";
+export declare const Grey1100 = "oklch(17.764% 0.00002 271.152)";
+export declare const Grey1200 = "oklch(11.492% 0.00001 271.152)";
+export declare const Red100 = "oklch(98% 0.03 25.0)";
+export declare const Red200 = "oklch(95% 0.10 25.0)";
+export declare const Red300 = "oklch(82% 0.14 25.0)";
+export declare const Red400 = "oklch(72% 0.17 25.0)";
+export declare const Red500 = "oklch(62% 0.19 25.0)";
+export declare const Red600 = "oklch(52% 0.19 25.0)";
+export declare const Red700 = "oklch(46% 0.19 25.0)";
+export declare const Red800 = "oklch(40% 0.19 25.0)";
+export declare const Red900 = "oklch(34% 0.19 25.0)";
+export declare const Red1000 = "oklch(28% 0.19 25.0)";
+export declare const Orange100 = "oklch(98% 0.03 71)";
+export declare const Orange200 = "oklch(94% 0.07 71)";
+export declare const Orange300 = "oklch(90% 0.11 71)";
+export declare const Orange400 = "oklch(85% 0.14 71)";
+export declare const Orange500 = "oklch(78% 0.16 71)";
+export declare const Orange600 = "oklch(70% 0.16 71)";
+export declare const Orange700 = "oklch(64% 0.16 71)";
+export declare const Orange800 = "oklch(57% 0.16 71)";
+export declare const Orange900 = "oklch(51% 0.16 71)";
+export declare const Orange1000 = "oklch(45% 0.16 71)";
+export declare const Green100 = "oklch(96.2% 0.034 145)";
+export declare const Green200 = "oklch(92% 0.075 145)";
+export declare const Green300 = "oklch(88% 0.120 145)";
+export declare const Green400 = "oklch(84.5% 0.160 145)";
+export declare const Green500 = "oklch(70% 0.220 145)";
+export declare const Green600 = "oklch(63% 0.200 145)";
+export declare const Green700 = "oklch(57% 0.180 145)";
+export declare const Green800 = "oklch(52% 0.160 145)";
+export declare const Green900 = "oklch(46% 0.140 145)";
+export declare const Green1000 = "oklch(42% 0.120 145)";
+export declare const Blue100 = "oklch(95.6% 0.022 250)";
+export declare const Blue200 = "oklch(91% 0.045 250)";
+export declare const Blue300 = "oklch(82% 0.091 250)";
+export declare const Blue400 = "oklch(78.8% 0.105 250)";
+export declare const Blue500 = "oklch(73% 0.130 245)";
+export declare const Blue600 = "oklch(67% 0.150 249)";
+export declare const Blue700 = "oklch(63% 0.155 249)";
+export declare const Blue800 = "oklch(57% 0.167 251)";
+export declare const Blue900 = "oklch(52% 0.178 253)";
+export declare const Blue1000 = "oklch(48% 0.151 253)";
+export declare const Radius100 = "4px";
+export declare const Radius150 = "6px";
+export declare const Radius200 = "8px";
+export declare const Radius300 = "16px";
+export declare const Radius400 = "24px";
+export declare const Radius500 = "36px";
+export declare const Radius600 = "48px";
+export declare const Radius000 = "0";
+export declare const Space100 = "0.6rem";
+export declare const Space200 = "0.8rem";
+export declare const Space300 = "1.2rem";
+export declare const Space400 = "1.6rem";
+export declare const Space500 = "2.4rem";
+export declare const Space600 = "3.6rem";
+export declare const Space700 = "4.8rem";
+export declare const Space800 = "6rem";
+export declare const Space000 = "0";
+export declare const Space025 = "0.2rem";
+export declare const Space050 = "0.4rem";
+export declare const StrokeSize100 = "1px";
+export declare const StrokeSize200 = "2px";
+export declare const StrokeSize300 = "3px";
+export declare const StrokeSize400 = "4px";
+export declare const StrokeSize500 = "5px";
+export declare const StrokeSolid = "solid";
+export declare const StrokeOutset = "outset";
+export declare const Speed100 = "0.1s";
+export declare const Speed200 = "0.2s";
+export declare const Speed300 = "0.3s";
+export declare const Speed400 = "0.4s";

package/dist/types/tokens/js/mui-brand.d.ts

@@ -0,0 +1,140 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const FontFamily = "system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"";
+export declare const FontSize15 = "1.1rem";
+export declare const FontSize25 = "1.2rem";
+export declare const FontSize50 = "1.4rem";
+export declare const FontSize100 = "1.6rem";
+export declare const FontSize200 = "1.8rem";
+export declare const FontSize300 = "2.1rem";
+export declare const FontSize400 = "2.4rem";
+export declare const FontSize500 = "3.6rem";
+export declare const FontSize600 = "4.8rem";
+export declare const FontSize700 = "6rem";
+export declare const FontSize800 = "7.2rem";
+export declare const FontSize900 = "8.4rem";
+export declare const FontSize1000 = "9.6rem";
+export declare const FontWeight400 = 400;
+export declare const FontWeight500 = 500;
+export declare const FontWeight600 = 600;
+export declare const FontWeight700 = 700;
+export declare const LineHeight15 = 1.63636364;
+export declare const LineHeight25 = 1.5;
+export declare const LineHeight50 = 1.5;
+export declare const LineHeight100 = 1.5;
+export declare const LineHeight200 = 1.33333333;
+export declare const LineHeight300 = 1.14285714;
+export declare const LineHeight400 = 1.5;
+export declare const LineHeight500 = 1.33333333;
+export declare const LineHeight600 = 1.25;
+export declare const LineHeight700 = 1.2;
+export declare const LineHeight800 = 1.16666667;
+export declare const LineHeight900 = 1.14285714;
+export declare const LineHeight1000 = 1.125;
+export declare const Black = "black";
+export declare const BlackOpacity0 = "oklch(0% 0 0 / 0)";
+export declare const BlackOpacity10 = "oklch(0% 0 0 / 0.1)";
+export declare const BlackOpacity20 = "oklch(0% 0 0 / 0.2)";
+export declare const BlackOpacity30 = "oklch(0% 0 0 / 0.3)";
+export declare const BlackOpacity40 = "oklch(0% 0 0 / 0.4)";
+export declare const BlackOpacity50 = "oklch(0% 0 0 / 0.5)";
+export declare const BlackOpacity60 = "oklch(0% 0 0 / 0.6)";
+export declare const BlackOpacity70 = "oklch(0% 0 0 / 0.7)";
+export declare const BlackOpacity80 = "oklch(0% 0 0 / 0.8)";
+export declare const BlackOpacity90 = "oklch(0% 0 0 / 0.9)";
+export declare const BlackOpacity100 = "oklch(0% 0 0)";
+export declare const White = "#ffffff";
+export declare const WhiteOpacity0 = "oklch(100% 0.00011 271.152 / 0)";
+export declare const WhiteOpacity10 = "oklch(100% 0.00011 271.152 / 0.1)";
+export declare const WhiteOpacity20 = "oklch(100% 0.00011 271.152 / 0.2)";
+export declare const WhiteOpacity30 = "oklch(100% 0.00011 271.152 / 0.3)";
+export declare const WhiteOpacity40 = "oklch(100% 0.00011 271.152 / 0.4)";
+export declare const WhiteOpacity50 = "oklch(100% 0.00011 271.152 / 0.5)";
+export declare const WhiteOpacity60 = "oklch(100% 0.00011 271.152 / 0.6)";
+export declare const WhiteOpacity70 = "oklch(100% 0.00011 271.152 / 0.7)";
+export declare const WhiteOpacity80 = "oklch(100% 0.00011 271.152 / 0.8)";
+export declare const WhiteOpacity90 = "oklch(100% 0.00011 271.152 / 0.9)";
+export declare const WhiteOpacity100 = "oklch(100% 0.00011 271.152)";
+export declare const Grey100 = "oklch(97.015% 0.00011 271.152)";
+export declare const Grey200 = "oklch(92.191% 0.0001 271.152)";
+export declare const Grey300 = "oklch(84.522% 0.0001 271.152)";
+export declare const Grey400 = "oklch(73.802% 0.00008 271.152)";
+export declare const Grey500 = "oklch(62.675% 0.00007 271.152)";
+export declare const Grey600 = "oklch(51.028% 0.00006 271.152)";
+export declare const Grey700 = "oklch(44.953% 0.00005 271.152)";
+export declare const Grey800 = "oklch(38.666% 0.00004 271.152)";
+export declare const Grey900 = "oklch(32.109% 0.00004 271.152)";
+export declare const Grey1000 = "oklch(25.197% 0.00003 271.152)";
+export declare const Grey1100 = "oklch(17.764% 0.00002 271.152)";
+export declare const Grey1200 = "oklch(11.492% 0.00001 271.152)";
+export declare const Red100 = "oklch(94.298% 0.02856 17.464)";
+export declare const Red200 = "oklch(85.257% 0.073 18.621)";
+export declare const Red300 = "oklch(76.955% 0.11971 20.149)";
+export declare const Red400 = "oklch(69.42% 0.16807 22.436)";
+export declare const Red500 = "oklch(66.109% 0.20567 24.731)";
+export declare const Red600 = "oklch(61.071% 0.19405 24.981)";
+export declare const Red700 = "oklch(55.216% 0.17078 24.663)";
+export declare const Red800 = "oklch(49.227% 0.14654 24.242)";
+export declare const Red900 = "oklch(43.091% 0.12105 23.663)";
+export declare const Red1000 = "oklch(36.492% 0.10188 23.605)";
+export declare const Orange100 = "oklch(96.185% 0.05114 91.378)";
+export declare const Orange200 = "oklch(91.836% 0.08462 83.908)";
+export declare const Orange300 = "oklch(87.407% 0.11015 76.468)";
+export declare const Orange400 = "oklch(83.05% 0.14525 74.174)";
+export declare const Orange500 = "oklch(79.268% 0.17097 70.665)";
+export declare const Orange600 = "oklch(73.132% 0.15757 70.839)";
+export declare const Orange700 = "oklch(66.987% 0.14451 70.626)";
+export declare const Orange800 = "oklch(60.887% 0.131 71.081)";
+export declare const Orange900 = "oklch(54.307% 0.11663 71.398)";
+export declare const Orange1000 = "oklch(47.653% 0.10248 71.169)";
+export declare const Green100 = "oklch(96.2% 0.03372 145.458)";
+export declare const Green200 = "oklch(92.081% 0.07615 144.989)";
+export declare const Green300 = "oklch(88.132% 0.1196 144.516)";
+export declare const Green400 = "oklch(84.505% 0.16079 144.017)";
+export declare const Green500 = "oklch(69.175% 0.23537 142.511)";
+export declare const Green600 = "oklch(63.389% 0.21568 142.511)";
+export declare const Green700 = "oklch(57.753% 0.1965 142.511)";
+export declare const Green800 = "oklch(51.683% 0.17585 142.511)";
+export declare const Green900 = "oklch(45.731% 0.1556 142.511)";
+export declare const Green1000 = "oklch(39.578% 0.13466 142.511)";
+export declare const Blue100 = "oklch(95.602% 0.0218 250.322)";
+export declare const Blue200 = "oklch(90.972% 0.04516 251.46)";
+export declare const Blue300 = "oklch(82.385% 0.0912 250.939)";
+export declare const Blue400 = "oklch(78.78% 0.1052 250.12)";
+export declare const Blue500 = "oklch(75.415% 0.12865 244.876)";
+export declare const Blue600 = "oklch(63.51% 0.14875 249.18)";
+export declare const Blue700 = "oklch(65.713% 0.15534 248.849)";
+export declare const Blue800 = "oklch(61.155% 0.16718 250.868)";
+export declare const Blue900 = "oklch(56.802% 0.17759 253.446)";
+export declare const Blue1000 = "oklch(48.635% 0.15054 253.129)";
+export declare const Radius100 = "4px";
+export declare const Radius150 = "6px";
+export declare const Radius200 = "8px";
+export declare const Radius300 = "16px";
+export declare const Radius400 = "24px";
+export declare const Radius500 = "36px";
+export declare const Radius600 = "48px";
+export declare const Radius000 = "0";
+export declare const Space100 = "0.6rem";
+export declare const Space200 = "0.8rem";
+export declare const Space300 = "1.2rem";
+export declare const Space400 = "1.6rem";
+export declare const Space500 = "2.4rem";
+export declare const Space600 = "3.6rem";
+export declare const Space700 = "4.8rem";
+export declare const Space800 = "6rem";
+export declare const Space000 = "0";
+export declare const Space025 = "0.2rem";
+export declare const Space050 = "0.4rem";
+export declare const StrokeSize100 = "1px";
+export declare const StrokeSize200 = "2px";
+export declare const StrokeSize300 = "3px";
+export declare const StrokeSize400 = "4px";
+export declare const StrokeSize500 = "5px";
+export declare const StrokeSolid = "solid";
+export declare const StrokeOutset = "outset";
+export declare const Speed100 = "0.1s";
+export declare const Speed200 = "0.2s";
+export declare const Speed300 = "0.3s";
+export declare const Speed400 = "0.4s";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muibook/components",
-  "version": "8.0.1",
+  "version": "9.0.0",
   "type": "module",
   "description": "A library of MUI-based design system components.",
   "author": "Michael Trilford",
@@ -453,9 +453,14 @@
       "types": "./dist/types/agent/keywords/index.d.ts"
     },
     "./custom-elements.json": "./dist/esm/custom-elements.json",
+    "./css/mui-brand.css": "./dist/esm/css/mui-brand.css",
     "./css/mui-tokens.css": "./dist/esm/css/mui-tokens.css",
     "./css/mui-reset.css": "./dist/esm/css/mui-reset.css",
-    "./css/mui-base.css": "./dist/esm/css/mui-base.css"
+    "./css/mui-base.css": "./dist/esm/css/mui-base.css",
+    "./tokens/js": {
+      "import": "./dist/esm/tokens/js/index.js",
+      "types": "./dist/types/tokens/js/index.d.ts"
+    }
   },
   "scripts": {
     "dev": "vite",
@@ -466,7 +471,10 @@
     "build:create-mui-app": "vite build --config vite.create-mui-app.config.ts",
     "preview:create-mui-app": "vite preview --config vite.create-mui-app.config.ts",
     "cem": "cem analyze --outdir public",
-    "copy-cem": "cp public/custom-elements.json dist/esm/custom-elements.json"
+    "copy-cem": "cp public/custom-elements.json dist/esm/custom-elements.json",
+    "token-build": "node token-build/index.js",
+    "token-build:watch": "nodemon --watch token-build --ext json --exec \"npm run token-build\"",
+    "prebuild": "npm run token-build"
   },
   "files": [
     "dist/esm/index.js",
@@ -474,15 +482,18 @@
     "dist/esm/utils",
     "dist/esm/agent",
     "dist/esm/css",
+    "dist/esm/tokens",
     "dist/types/index.d.ts",
     "dist/types/components",
     "dist/types/utils",
     "dist/types/agent",
+    "dist/types/tokens",
     "dist/esm/custom-elements.json"
   ],
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
     "@types/node": "^22.15.24",
+    "style-dictionary": "^4.4.0",
     "typescript": "~5.8.3",
     "vite": "^6.3.5"
   },