haze-ui 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/Button/Button.js +11 -6
  2. package/dist/components/Icon/Icon.js +16 -9
  3. package/dist/haze-ui.css +1 -1
  4. package/dist/index.js +53 -52
  5. package/dist/tokens/registry.js +878 -0
  6. package/dist/types/components/Button/Button.d.ts +2 -1
  7. package/dist/types/components/Icon/Icon.d.ts +4 -3
  8. package/dist/types/index.d.ts +2 -0
  9. package/dist/types/tokens/registry.d.ts +12 -0
  10. package/package.json +2 -1
package/dist/components/Button/Button.js CHANGED
@@ -10,18 +10,23 @@ var n = "btwn6q9", r = {
10
10
  sm: "svizdgc",
11
11
  md: "m5okc3b",
12
12
  lg: "lqx8j9d"
13
+ }, a = {
14
+ sm: "suufezf",
15
+ md: "mrc88qd",
16
+ lg: "l1i6iwg2"
13
17
  };
14
- function a({ variant: a = "solid", size: o = "md", className: s, ...c }) {
18
+ function o({ variant: o = "solid", size: s = "md", square: c = !1, className: l, ...u }) {
19
+ let d = c ? a[s] : i[s];
15
20
  return /* @__PURE__ */ t("button", {
16
21
  type: "button",
17
- ...c,
22
+ ...u,
18
23
  className: e([
19
24
  n,
20
- r[a],
21
- i[o],
22
- s
25
+ r[o],
26
+ d,
27
+ l
23
28
  ])
24
29
  });
25
30
  }
26
31
  //#endregion
27
- export { a as default };
32
+ export { o as default };
package/dist/components/Icon/Icon.js CHANGED
@@ -2,21 +2,28 @@
2
2
  import { classnames as e } from "babel-runtime-jsx-plus";
3
3
  import { jsx as t } from "react/jsx-runtime";
4
4
  //#region src/lib/components/Icon/Icon.tsx
5
- var n = "b1din3i3", r = {
6
- sm: "smrq8s4",
7
- md: "mwqgfs4",
8
- lg: "l1gcmjlm"
5
+ var n = "b1din3i3", r = "smrq8s4", i = {
6
+ sm: "swqgfs4",
7
+ md: "m1gcmjlm",
8
+ lg: "ly5zzma"
9
9
  };
10
- function i({ size: i = "md", className: a, children: o }) {
10
+ function a(e) {
11
+ if (typeof e != "object" || !e || !("props" in e)) return !1;
12
+ let t = e.props;
13
+ return !!(t.stroke || t.strokeWidth || t.fill === "none");
14
+ }
15
+ function o({ icon: o, size: s = "md", className: c, children: l }) {
16
+ let u = o ? /* @__PURE__ */ t(o, {}) : l, d = o ? !0 : a(u);
11
17
  return /* @__PURE__ */ t("span", {
12
18
  "aria-hidden": "true",
13
19
  className: e([
14
20
  n,
15
- r[i],
16
- a
21
+ d && r,
22
+ i[s],
23
+ c
17
24
  ]),
18
- children: o
25
+ children: u
19
26
  });
20
27
  }
21
28
  //#endregion
22
- export { i as default };
29
+ export { o as default };
package/dist/haze-ui.css CHANGED
@@ -1,2 +1,2 @@
1
- .b1oalqve{width:100%}.i1sazm4o{border-bottom:1px solid var(--haze-color-border)}.i1sazm4o:first-of-type{border-top:1px solid var(--haze-color-border)}.s15fkg36{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;list-style:none;transition:background .15s;display:flex}.s15fkg36:hover{background:var(--haze-color-bg-subtle)}.s15fkg36:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring);outline:none}.s15fkg36::marker{display:none}.s15fkg36::-webkit-details-marker{display:none}.s15fkg36:after{content:"";border-right:2px solid var(--haze-color-text-muted);border-bottom:2px solid var(--haze-color-text-muted);-webkit-transition:-webkit-transform .2s;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}details[open]>.s15fkg36:after{transform:rotate(45deg)}.cvrhx3b{padding:0 var(--haze-space-4) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}.b1mir2ye{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);display:flex}.iszr7j7{background:color-mix(in srgb, var(--haze-color-info) 10%, transparent);color:var(--haze-color-info);border:1px solid color-mix(in srgb, var(--haze-color-info) 25%, transparent)}.s1p0rp69{background:color-mix(in srgb, var(--haze-color-success) 10%, transparent);color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.w1dv8644{background:color-mix(in srgb, var(--haze-color-warning) 10%, transparent);color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.d13e6k4w{background:color-mix(in srgb, var(--haze-color-danger) 10%, transparent);color:var(--haze-color-danger);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.c1rnnssd{flex:1}.cf33uyw{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;padding:0;line-height:1;transition:opacity .15s}.cf33uyw:hover{opacity:1}.cf33uyw:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}.b4666vo{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.sag18gw{width:32px;height:32px;font-size:var(--haze-text-xs)}.m7cr8e2{width:40px;height:40px;font-size:var(--haze-text-sm)}.lmhruty{width:56px;height:56px;font-size:var(--haze-text-lg)}.imhjc6a{object-fit:cover;width:100%;height:100%}.b48ijb1{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.dnq0o02{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.syuh2ol{background:color-mix(in srgb, var(--haze-color-success) 15%, transparent);color:var(--haze-color-success)}.w8jmk6n{background:color-mix(in srgb, var(--haze-color-warning) 15%, transparent);color:var(--haze-color-warning)}.d6m6v51{background:color-mix(in srgb, var(--haze-color-danger) 15%, transparent);color:var(--haze-color-danger)}.i58ehqk{background:color-mix(in srgb, var(--haze-color-info) 15%, transparent);color:var(--haze-color-info)}.s1m88y0u{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.miqan6{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.n10d0fjb{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.l727nxp{align-items:center;gap:var(--haze-space-2);margin:0;padding:0;list-style:none;display:flex}.sjewi7s{color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none}.lr0896i{color:var(--haze-color-primary);-webkit-text-decoration:none;text-decoration:none;transition:color .15s}.lr0896i:hover{color:var(--haze-color-primary-hover);-webkit-text-decoration:underline;text-decoration:underline}.lr0896i:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}.cpuhw6u{color:var(--haze-color-text);font-weight:var(--haze-weight-medium)}.btwn6q9{justify-content:center;align-items:center;gap:var(--haze-space-2);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btwn6q9:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.btwn6q9:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sfzq9n9{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.sfzq9n9:hover{background:var(--haze-color-primary-hover)}.sfzq9n9:active{background:var(--haze-color-primary-active)}.o1dhij4n{border-color:var(--haze-color-border);color:var(--haze-color-text);background:0 0}.o1dhij4n:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.o1dhij4n:active{background:var(--haze-color-bg-muted)}.ga83b1x{color:var(--haze-color-text);background:0 0}.ga83b1x:hover{background:var(--haze-color-bg-subtle)}.ga83b1x:active{background:var(--haze-color-bg-muted)}.svizdgc{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.m5okc3b{padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-text-sm)}.lqx8j9d{padding:var(--haze-space-3) var(--haze-space-6);font-size:var(--haze-text-base)}.b1r9ra2q{border-radius:var(--haze-radius-lg);padding:var(--haze-space-5);font-family:var(--haze-font-sans);color:var(--haze-color-text)}.eiercmf{background:var(--haze-color-bg);box-shadow:var(--haze-shadow-md)}.omgotjy{background:var(--haze-color-bg);border:1px solid var(--haze-color-border)}.f10uuhch{background:var(--haze-color-bg-subtle)}.w1vgcode{border-radius:var(--haze-radius-lg);position:relative;overflow:hidden}.t1gm45fg{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.t1gm45fg::-webkit-scrollbar{display:none}.nit1xjh{z-index:1;appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg);width:36px;height:36px;color:var(--haze-color-text);font-size:var(--haze-text-lg);cursor:pointer;box-shadow:var(--haze-shadow-md);border:none;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nit1xjh:hover{background:var(--haze-color-bg-subtle)}.nit1xjh:focus-visible{box-shadow:var(--haze-shadow-md),0 0 0 3px var(--haze-color-focus-ring);outline:none}.pabcbhr{left:var(--haze-space-2)}.nc7ezkr{right:var(--haze-space-2)}.i1o6048a{justify-content:center;gap:var(--haze-space-1);padding:var(--haze-space-2) 0;display:flex}.dhf6lgj{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;border:none;width:8px;height:8px;padding:0;transition:background .15s}.dooaa69{background:var(--haze-color-primary)}.s10j4fk7{scroll-snap-snap-align:start;scroll-snap-align:start;flex:0 0 100%;min-width:0}.b187lfi8{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.b187lfi8:hover{border-color:var(--haze-color-border-hover)}.b187lfi8:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.b187lfi8:checked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.b187lfi8:checked:after{content:"";border:solid var(--haze-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.b187lfi8:disabled{opacity:.5;cursor:not-allowed}.w1hbn1o4{width:100%;display:inline-block;position:relative}.i4sk2nn{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.i4sk2nn:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.luqji2p{z-index:1000;margin-top:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.h1poubj5{display:none}.o1jce0x2{padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;align-items:center;transition:background .1s;display:flex}.o1jce0x2:hover,.h1rwzud7{background:var(--haze-color-bg-subtle)}.s10s5833{font-weight:var(--haze-weight-medium);color:var(--haze-color-primary)}.c1f9h0hb{padding:var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.hrefchg{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;margin-bottom:var(--haze-space-2);justify-content:space-between;display:flex}.h144mm7c{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);background:0 0;border:none;line-height:1}.h144mm7c:hover{background:var(--haze-color-bg-subtle)}.h144mm7c:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.hmmnmao{font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.g1f8zgbo{display:-ms-grid;-ms-grid-columns:repeat(7, 1fr);text-align:center;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.w1onmyfp{padding:var(--haze-space-1);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.d1om8hws{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);background:0 0;border:none;line-height:1.5;transition:background .1s}.d1om8hws:hover{background:var(--haze-color-bg-subtle)}.d1om8hws:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.d1om8hws:disabled{opacity:.3;cursor:not-allowed}.dxg97in{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.dxg97in:hover{background:var(--haze-color-primary-hover)}.dum096m{color:var(--haze-color-text-muted)}.w1m20gol{display:inline-block;position:relative}.i1ydf3w1{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);cursor:pointer;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.i1ydf3w1:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.d1flfxon{z-index:1000;margin-top:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0}.hhbkpj1{display:none}.oxnde4s{border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-xl);border:none;width:100%;max-width:480px}.oxnde4s::backdrop{background:#0006}.oxnde4s:focus-visible{box-shadow:var(--haze-shadow-xl),0 0 0 3px var(--haze-color-focus-ring);outline:none}.d191itnz{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.s1kaiz9e{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;list-style:none;transition:background .15s;display:flex}.s1kaiz9e:hover{background:var(--haze-color-bg-subtle)}.s1kaiz9e:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring);outline:none}.s1kaiz9e::marker{display:none}.s1kaiz9e::-webkit-details-marker{display:none}.s1kaiz9e:after{content:"";border-right:2px solid var(--haze-color-text-muted);border-bottom:2px solid var(--haze-color-text-muted);-webkit-transition:-webkit-transform .2s;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}details[open]>.s1kaiz9e:after{transform:rotate(45deg)}.cz931n3{padding:var(--haze-space-3) var(--haze-space-4);border-top:1px solid var(--haze-color-border);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}.h17p0ep7{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.t1nmk3to{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-4);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex}.t1nmk3to:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.t1nmk3to:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.b9t8w6f{display:flex}.b1din3i3{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.b1din3i3>svg{fill:currentColor;width:100%;height:100%}.smrq8s4{width:16px;height:16px}.mwqgfs4{width:20px;height:20px}.l1gcmjlm{width:24px;height:24px}.w184eiu0{display:block;position:relative;overflow:hidden}.ifikscv{width:100%;height:100%;display:block}.f1rrks2c{background:var(--haze-color-bg-muted);width:100%;height:100%;color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);justify-content:center;align-items:center;display:flex}.b18dr76j{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);transition:border-color .15s,box-shadow .15s;display:block}.b18dr76j:hover{border-color:var(--haze-color-border-hover)}.b18dr76j:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.b18dr76j:disabled{opacity:.5;cursor:not-allowed}.b18dr76j::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.b18dr76j::placeholder{color:var(--haze-color-text-muted)}.b18dr76j:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.b18dr76j::placeholder{color:var(--haze-color-text-muted)}.s1lt2bv9{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.m1aucp4h{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.lxj3cju{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.b6y76mu{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-normal);padding-left:var(--haze-space-5);margin:0}.u31hqp2{list-style-type:disc}.o1ubwy3d{list-style-type:decimal}.ngsxhlv{padding-left:0;list-style-type:none}.inunl6n{padding:var(--haze-space-1) 0}.czio6g9{display:inline-flex;position:relative}.p2k9teu{z-index:1000;margin-top:var(--haze-space-1);min-width:160px;padding:var(--haze-space-1) 0;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0}.hn79qla{display:none}.d1sgpkj8{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}.iuktz9j{width:100%;padding:var(--haze-space-2) var(--haze-space-3);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;transition:background .1s;display:flex}.iuktz9j:hover{background:var(--haze-color-bg-subtle)}.iuktz9j:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.iuktz9j:disabled{opacity:.5;cursor:not-allowed}.wcynu9m{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.wcynu9m:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.ii249dk{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);text-align:center;-moz-appearance:textfield;border:none;outline:none;width:60px}.ii249dk::-webkit-inner-spin-button{appearance:none;margin:0}.ii249dk::-webkit-outer-spin-button{appearance:none;margin:0}.sbzqw1p{appearance:none;background:var(--haze-color-bg-subtle);color:var(--haze-color-text);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;transition:background .1s;display:flex}.sbzqw1p:hover{background:var(--haze-color-bg-muted)}.sbzqw1p:active{background:var(--haze-color-border)}.sbzqw1p:disabled{opacity:.5;cursor:not-allowed}.s6lc5ic{padding:var(--haze-space-1);font-size:var(--haze-text-sm)}.m128ncgb{padding:var(--haze-space-2);font-size:var(--haze-text-sm)}.lb15a7r{padding:var(--haze-space-3);font-size:var(--haze-text-base)}.sib90v8{padding:0 var(--haze-space-2);font-size:var(--haze-text-sm)}.m1w4o2c9{padding:0 var(--haze-space-3);font-size:var(--haze-text-sm)}.lx2lopi{padding:0 var(--haze-space-3);font-size:var(--haze-text-base)}.cpz20zo{display:inline-flex;position:relative}.p1og1db{z-index:1000;margin-top:var(--haze-space-1);padding:var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);box-shadow:var(--haze-shadow-lg);min-width:200px;position:absolute;top:100%;left:0}.h12vxtuf{display:none}.r1wb1f2i{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-full);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.r1wb1f2i:hover{border-color:var(--haze-color-border-hover)}.r1wb1f2i:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.r1wb1f2i:checked{border-color:var(--haze-color-primary)}.r1wb1f2i:checked:after{content:"";border-radius:var(--haze-radius-full);background:var(--haze-color-primary);width:10px;height:10px;position:absolute;top:3px;left:3px}.r1wb1f2i:disabled{opacity:.5;cursor:not-allowed}.l1avex36{align-items:center;gap:var(--haze-space-2);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;display:inline-flex}.b1bmwkyg{gap:var(--haze-space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.b1peearv{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;-webkit-background-position:right var(--haze-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--haze-space-3) center;padding-right:var(--haze-space-8);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:block}.b1peearv:hover{border-color:var(--haze-color-border-hover)}.b1peearv:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.b1peearv:disabled{opacity:.5;cursor:not-allowed}.sjwza0y{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.mzar2ws{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.lhyvvui{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.bpjjm1p{background:var(--haze-color-bg-muted);animation:1.5s ease-in-out infinite shimmer-bpjjm1p;display:block}@keyframes shimmer-bpjjm1p{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.t1ji0c5a{border-radius:var(--haze-radius-sm);height:1em}.c15uxer9{border-radius:var(--haze-radius-full)}.rkzquqq{border-radius:var(--haze-radius-md)}.bfgou5l{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;outline:none;width:100%;height:6px;transition:background .15s}.bfgou5l::-webkit-slider-thumb{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:18px;height:18px;box-shadow:var(--haze-shadow-sm);cursor:pointer;transition:background .15s,box-shadow .15s}.bfgou5l::-moz-range-thumb{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:18px;height:18px;box-shadow:var(--haze-shadow-sm);cursor:pointer}.bfgou5l:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.bfgou5l:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.bfgou5l:disabled{opacity:.5;cursor:not-allowed}.t1js4uxc{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;border:none;align-items:center;padding:2px;transition:background .2s;display:inline-flex;position:relative}.t1js4uxc:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.t1js4uxc:disabled{opacity:.5;cursor:not-allowed}.t1qb79fu{background:var(--haze-color-primary)}.t1ixneoj{border-radius:var(--haze-radius-full);-webkit-transition:-webkit-transform .2s;box-shadow:var(--haze-shadow-sm);background:#fff;transition:transform .2s;display:block}.so54z1g{width:32px;height:18px}.m9yt5eh{width:40px;height:22px}.lh99aoz{width:48px;height:26px}.s3tnk0a{width:14px;height:14px}.mf3ptdg{width:18px;height:18px}.l11o9w2z{width:22px;height:22px}.sew2awa{transform:translate(14px)}.m1dvw2o9{transform:translate(18px)}.l19clm6f{transform:translate(22px)}.b9fntfg{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.sy1ks6b tbody tr:nth-child(2n){background:var(--haze-color-bg-subtle)}.b45kaep th,.b45kaep td{border:1px solid var(--haze-color-border)}.b7tlpbs td{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);color:var(--haze-color-text-secondary)}.h188mbkb{border-bottom:2px solid var(--haze-color-border)}.h188mbkb th{text-align:left;padding:var(--haze-space-2) var(--haze-space-3);font-weight:var(--haze-weight-semibold);color:var(--haze-color-text)}.bgf9674{padding:var(--haze-space-2) var(--haze-space-4);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;transition:color .15s,border-color .15s}.bgf9674:hover{color:var(--haze-color-text)}.bgf9674:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.a1prfgev{color:var(--haze-color-primary);border-bottom-color:var(--haze-color-primary)}.b1dqiroo{border-bottom:1px solid var(--haze-color-border);gap:0;display:flex}.bp1375a{padding:var(--haze-space-4) 0}.h1gs31v1{display:none}.b1cu6oqd{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.b1t44wwy{align-items:center;gap:var(--haze-space-1);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;display:inline-flex}.d14l1xxm{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.py5mbql{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.s1rwhzzg{background:color-mix(in srgb, var(--haze-color-success) 15%, transparent);color:var(--haze-color-success)}.wgefhgi{background:color-mix(in srgb, var(--haze-color-warning) 15%, transparent);color:var(--haze-color-warning)}.d141dsor{background:color-mix(in srgb, var(--haze-color-danger) 15%, transparent);color:var(--haze-color-danger)}.sp149c6{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.m10vceca{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.ciauw5q{appearance:none;color:inherit;cursor:pointer;font-size:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;line-height:1;transition:opacity .15s;display:inline-flex}.ciauw5q:hover{opacity:1}.ciauw5q:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}.b1n6cdld{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);resize:vertical;transition:border-color .15s,box-shadow .15s;display:block}.b1n6cdld:hover{border-color:var(--haze-color-border-hover)}.b1n6cdld:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.b1n6cdld:disabled{opacity:.5;cursor:not-allowed}.b1n6cdld::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.b1n6cdld::placeholder{color:var(--haze-color-text-muted)}.b1n6cdld:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.b1n6cdld::placeholder{color:var(--haze-color-text-muted)}.svhqg3y{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.m1lnui41{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.l1ogff54{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.blmvb4r{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);box-shadow:var(--haze-shadow-lg);pointer-events:auto;animation:.2s ease-out toastIn-blmvb4r;display:flex}@keyframes toastIn-blmvb4r{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.iy49nz2{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.swaipoh{background:color-mix(in srgb, var(--haze-color-success) 10%, var(--haze-color-bg));color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.wxi28ov{background:color-mix(in srgb, var(--haze-color-warning) 10%, var(--haze-color-bg));color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.dl2596s{background:color-mix(in srgb, var(--haze-color-danger) 10%, var(--haze-color-bg));color:var(--haze-color-danger);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.cyr6umc{flex:1}.c19whxes{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;padding:0;line-height:1;transition:opacity .15s}.c19whxes:hover{opacity:1}.czbjunm{bottom:var(--haze-space-4);right:var(--haze-space-4);z-index:9999;gap:var(--haze-space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.wojk2bk{display:inline-flex;position:relative}.b1pzhi26{z-index:1000;padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);background:var(--haze-color-text);color:var(--haze-color-text-inverse);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);line-height:var(--haze-leading-normal);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;position:absolute}.t1eufnsf{margin-bottom:var(--haze-space-1);bottom:100%;left:50%;transform:translate(-50%)}.b17ctpvp{margin-top:var(--haze-space-1);top:100%;left:50%;transform:translate(-50%)}.l1fci34k{margin-right:var(--haze-space-1);top:50%;right:100%;transform:translateY(-50%)}.rtkbbwq{margin-left:var(--haze-space-1);top:50%;left:100%;transform:translateY(-50%)}.s16ged4s:hover>[role=tooltip],.s16ged4s:focus-within>[role=tooltip]{opacity:1}.l677mhi{--haze-color-primary:#06f;--haze-color-primary-hover:#0052cc;--haze-color-primary-active:#003d99;--haze-color-primary-subtle:#e6f0ff;--haze-color-bg:#fff;--haze-color-bg-subtle:#f7f8fa;--haze-color-bg-muted:#eef0f4;--haze-color-text:#1a1a1a;--haze-color-text-secondary:#4a4a4a;--haze-color-text-muted:#8a8a8a;--haze-color-text-inverse:#fff;--haze-color-border:#e0e0e0;--haze-color-border-hover:silver;--haze-color-success:#16a34a;--haze-color-warning:#f59e0b;--haze-color-danger:#dc2626;--haze-color-info:#2563eb;--haze-color-focus-ring:#06f6}.dves5ff{--haze-color-primary:#4d94ff;--haze-color-primary-hover:#6aa6ff;--haze-color-primary-active:#80b3ff;--haze-color-primary-subtle:#1a2e4a;--haze-color-bg:#121212;--haze-color-bg-subtle:#1e1e1e;--haze-color-bg-muted:#2a2a2a;--haze-color-text:#e8e8e8;--haze-color-text-secondary:#b0b0b0;--haze-color-text-muted:#707070;--haze-color-text-inverse:#1a1a1a;--haze-color-border:#333;--haze-color-border-hover:#4a4a4a;--haze-color-success:#22c55e;--haze-color-warning:#fbbf24;--haze-color-danger:#ef4444;--haze-color-info:#3b82f6;--haze-color-focus-ring:#4d94ff66}.s413e2t{--haze-space-0:0;--haze-space-1:4px;--haze-space-2:8px;--haze-space-3:12px;--haze-space-4:16px;--haze-space-5:20px;--haze-space-6:24px;--haze-space-8:32px;--haze-space-10:40px;--haze-space-12:48px;--haze-space-16:64px;--haze-radius-none:0;--haze-radius-sm:4px;--haze-radius-md:6px;--haze-radius-lg:8px;--haze-radius-xl:12px;--haze-radius-2xl:16px;--haze-radius-full:9999px;--haze-shadow-sm:0 1px 2px #0000000d;--haze-shadow-md:0 4px 6px #00000012;--haze-shadow-lg:0 10px 15px #0000001a;--haze-shadow-xl:0 20px 25px #0000001a}.tjcr6l1{--haze-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--haze-font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--haze-text-xs:12px;--haze-text-sm:14px;--haze-text-base:16px;--haze-text-lg:18px;--haze-text-xl:20px;--haze-text-2xl:24px;--haze-text-3xl:30px;--haze-leading-tight:1.25;--haze-leading-normal:1.5;--haze-leading-relaxed:1.75;--haze-weight-normal:400;--haze-weight-medium:500;--haze-weight-semibold:600;--haze-weight-bold:700}
1
+ .b1oalqve{width:100%}.i1sazm4o{border-bottom:1px solid var(--haze-color-border)}.i1sazm4o:first-of-type{border-top:1px solid var(--haze-color-border)}.s15fkg36{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;list-style:none;transition:background .15s;display:flex}.s15fkg36:hover{background:var(--haze-color-bg-subtle)}.s15fkg36:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring);outline:none}.s15fkg36::marker{display:none}.s15fkg36::-webkit-details-marker{display:none}.s15fkg36:after{content:"";border-right:2px solid var(--haze-color-text-muted);border-bottom:2px solid var(--haze-color-text-muted);-webkit-transition:-webkit-transform .2s;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}details[open]>.s15fkg36:after{transform:rotate(45deg)}.cvrhx3b{padding:0 var(--haze-space-4) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}.b1mir2ye{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);display:flex}.iszr7j7{background:color-mix(in srgb, var(--haze-color-info) 10%, transparent);color:var(--haze-color-info);border:1px solid color-mix(in srgb, var(--haze-color-info) 25%, transparent)}.s1p0rp69{background:color-mix(in srgb, var(--haze-color-success) 10%, transparent);color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.w1dv8644{background:color-mix(in srgb, var(--haze-color-warning) 10%, transparent);color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.d13e6k4w{background:color-mix(in srgb, var(--haze-color-danger) 10%, transparent);color:var(--haze-color-danger);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.c1rnnssd{flex:1}.cf33uyw{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;padding:0;line-height:1;transition:opacity .15s}.cf33uyw:hover{opacity:1}.cf33uyw:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}.b4666vo{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.sag18gw{width:32px;height:32px;font-size:var(--haze-text-xs)}.m7cr8e2{width:40px;height:40px;font-size:var(--haze-text-sm)}.lmhruty{width:56px;height:56px;font-size:var(--haze-text-lg)}.imhjc6a{object-fit:cover;width:100%;height:100%}.b48ijb1{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.dnq0o02{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.syuh2ol{background:color-mix(in srgb, var(--haze-color-success) 15%, transparent);color:var(--haze-color-success)}.w8jmk6n{background:color-mix(in srgb, var(--haze-color-warning) 15%, transparent);color:var(--haze-color-warning)}.d6m6v51{background:color-mix(in srgb, var(--haze-color-danger) 15%, transparent);color:var(--haze-color-danger)}.i58ehqk{background:color-mix(in srgb, var(--haze-color-info) 15%, transparent);color:var(--haze-color-info)}.s1m88y0u{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.miqan6{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.n10d0fjb{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.l727nxp{align-items:center;gap:var(--haze-space-2);margin:0;padding:0;list-style:none;display:flex}.sjewi7s{color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none}.lr0896i{color:var(--haze-color-primary);-webkit-text-decoration:none;text-decoration:none;transition:color .15s}.lr0896i:hover{color:var(--haze-color-primary-hover);-webkit-text-decoration:underline;text-decoration:underline}.lr0896i:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}.cpuhw6u{color:var(--haze-color-text);font-weight:var(--haze-weight-medium)}.btwn6q9{justify-content:center;align-items:center;gap:var(--haze-space-2);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btwn6q9:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.btwn6q9:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sfzq9n9{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.sfzq9n9:hover{background:var(--haze-color-primary-hover)}.sfzq9n9:active{background:var(--haze-color-primary-active)}.o1dhij4n{border-color:var(--haze-color-border);color:var(--haze-color-text);background:0 0}.o1dhij4n:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.o1dhij4n:active{background:var(--haze-color-bg-muted)}.ga83b1x{color:var(--haze-color-text);background:0 0}.ga83b1x:hover{background:var(--haze-color-bg-subtle)}.ga83b1x:active{background:var(--haze-color-bg-muted)}.svizdgc{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.m5okc3b{padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-text-sm)}.lqx8j9d{padding:var(--haze-space-3) var(--haze-space-6);font-size:var(--haze-text-base)}.suufezf{padding:var(--haze-space-1);font-size:var(--haze-text-sm)}.mrc88qd{padding:var(--haze-space-2);font-size:var(--haze-text-sm)}.l1i6iwg2{padding:var(--haze-space-3);font-size:var(--haze-text-base)}.b1r9ra2q{border-radius:var(--haze-radius-lg);padding:var(--haze-space-5);font-family:var(--haze-font-sans);color:var(--haze-color-text)}.eiercmf{background:var(--haze-color-bg);box-shadow:var(--haze-shadow-md)}.omgotjy{background:var(--haze-color-bg);border:1px solid var(--haze-color-border)}.f10uuhch{background:var(--haze-color-bg-subtle)}.w1vgcode{border-radius:var(--haze-radius-lg);position:relative;overflow:hidden}.t1gm45fg{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.t1gm45fg::-webkit-scrollbar{display:none}.nit1xjh{z-index:1;appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg);width:36px;height:36px;color:var(--haze-color-text);font-size:var(--haze-text-lg);cursor:pointer;box-shadow:var(--haze-shadow-md);border:none;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nit1xjh:hover{background:var(--haze-color-bg-subtle)}.nit1xjh:focus-visible{box-shadow:var(--haze-shadow-md),0 0 0 3px var(--haze-color-focus-ring);outline:none}.pabcbhr{left:var(--haze-space-2)}.nc7ezkr{right:var(--haze-space-2)}.i1o6048a{justify-content:center;gap:var(--haze-space-1);padding:var(--haze-space-2) 0;display:flex}.dhf6lgj{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;border:none;width:8px;height:8px;padding:0;transition:background .15s}.dooaa69{background:var(--haze-color-primary)}.s10j4fk7{scroll-snap-snap-align:start;scroll-snap-align:start;flex:0 0 100%;min-width:0}.b187lfi8{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.b187lfi8:hover{border-color:var(--haze-color-border-hover)}.b187lfi8:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.b187lfi8:checked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.b187lfi8:checked:after{content:"";border:solid var(--haze-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.b187lfi8:disabled{opacity:.5;cursor:not-allowed}.w1hbn1o4{width:100%;display:inline-block;position:relative}.i4sk2nn{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.i4sk2nn:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.luqji2p{z-index:1000;margin-top:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.h1poubj5{display:none}.o1jce0x2{padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;align-items:center;transition:background .1s;display:flex}.o1jce0x2:hover,.h1rwzud7{background:var(--haze-color-bg-subtle)}.s10s5833{font-weight:var(--haze-weight-medium);color:var(--haze-color-primary)}.c1f9h0hb{padding:var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.hrefchg{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;margin-bottom:var(--haze-space-2);justify-content:space-between;display:flex}.h144mm7c{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);background:0 0;border:none;line-height:1}.h144mm7c:hover{background:var(--haze-color-bg-subtle)}.h144mm7c:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.hmmnmao{font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.g1f8zgbo{display:-ms-grid;-ms-grid-columns:repeat(7, 1fr);text-align:center;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.w1onmyfp{padding:var(--haze-space-1);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.d1om8hws{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);background:0 0;border:none;line-height:1.5;transition:background .1s}.d1om8hws:hover{background:var(--haze-color-bg-subtle)}.d1om8hws:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.d1om8hws:disabled{opacity:.3;cursor:not-allowed}.dxg97in{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.dxg97in:hover{background:var(--haze-color-primary-hover)}.dum096m{color:var(--haze-color-text-muted)}.w1m20gol{display:inline-block;position:relative}.i1ydf3w1{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);cursor:pointer;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.i1ydf3w1:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.d1flfxon{z-index:1000;margin-top:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0}.hhbkpj1{display:none}.oxnde4s{border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-xl);border:none;width:100%;max-width:480px}.oxnde4s::backdrop{background:#0006}.oxnde4s:focus-visible{box-shadow:var(--haze-shadow-xl),0 0 0 3px var(--haze-color-focus-ring);outline:none}.d191itnz{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.s1kaiz9e{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;list-style:none;transition:background .15s;display:flex}.s1kaiz9e:hover{background:var(--haze-color-bg-subtle)}.s1kaiz9e:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring);outline:none}.s1kaiz9e::marker{display:none}.s1kaiz9e::-webkit-details-marker{display:none}.s1kaiz9e:after{content:"";border-right:2px solid var(--haze-color-text-muted);border-bottom:2px solid var(--haze-color-text-muted);-webkit-transition:-webkit-transform .2s;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}details[open]>.s1kaiz9e:after{transform:rotate(45deg)}.cz931n3{padding:var(--haze-space-3) var(--haze-space-4);border-top:1px solid var(--haze-color-border);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}.h17p0ep7{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.t1nmk3to{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-4);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex}.t1nmk3to:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.t1nmk3to:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.b9t8w6f{display:flex}.b1din3i3{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.b1din3i3>svg{fill:currentColor;stroke:currentColor;width:100%;height:100%}.smrq8s4>svg{fill:none}.swqgfs4{width:16px;height:16px}.m1gcmjlm{width:20px;height:20px}.ly5zzma{width:24px;height:24px}.w184eiu0{display:block;position:relative;overflow:hidden}.ifikscv{width:100%;height:100%;display:block}.f1rrks2c{background:var(--haze-color-bg-muted);width:100%;height:100%;color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);justify-content:center;align-items:center;display:flex}.b18dr76j{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);transition:border-color .15s,box-shadow .15s;display:block}.b18dr76j:hover{border-color:var(--haze-color-border-hover)}.b18dr76j:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.b18dr76j:disabled{opacity:.5;cursor:not-allowed}.b18dr76j::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.b18dr76j::placeholder{color:var(--haze-color-text-muted)}.b18dr76j:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.b18dr76j::placeholder{color:var(--haze-color-text-muted)}.s1lt2bv9{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.m1aucp4h{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.lxj3cju{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.b6y76mu{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-normal);padding-left:var(--haze-space-5);margin:0}.u31hqp2{list-style-type:disc}.o1ubwy3d{list-style-type:decimal}.ngsxhlv{padding-left:0;list-style-type:none}.inunl6n{padding:var(--haze-space-1) 0}.czio6g9{display:inline-flex;position:relative}.p2k9teu{z-index:1000;margin-top:var(--haze-space-1);min-width:160px;padding:var(--haze-space-1) 0;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0}.hn79qla{display:none}.d1sgpkj8{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}.iuktz9j{width:100%;padding:var(--haze-space-2) var(--haze-space-3);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;transition:background .1s;display:flex}.iuktz9j:hover{background:var(--haze-color-bg-subtle)}.iuktz9j:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.iuktz9j:disabled{opacity:.5;cursor:not-allowed}.wcynu9m{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.wcynu9m:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.ii249dk{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);text-align:center;-moz-appearance:textfield;border:none;outline:none;width:60px}.ii249dk::-webkit-inner-spin-button{appearance:none;margin:0}.ii249dk::-webkit-outer-spin-button{appearance:none;margin:0}.sbzqw1p{appearance:none;background:var(--haze-color-bg-subtle);color:var(--haze-color-text);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;transition:background .1s;display:flex}.sbzqw1p:hover{background:var(--haze-color-bg-muted)}.sbzqw1p:active{background:var(--haze-color-border)}.sbzqw1p:disabled{opacity:.5;cursor:not-allowed}.s6lc5ic{padding:var(--haze-space-1);font-size:var(--haze-text-sm)}.m128ncgb{padding:var(--haze-space-2);font-size:var(--haze-text-sm)}.lb15a7r{padding:var(--haze-space-3);font-size:var(--haze-text-base)}.sib90v8{padding:0 var(--haze-space-2);font-size:var(--haze-text-sm)}.m1w4o2c9{padding:0 var(--haze-space-3);font-size:var(--haze-text-sm)}.lx2lopi{padding:0 var(--haze-space-3);font-size:var(--haze-text-base)}.cpz20zo{display:inline-flex;position:relative}.p1og1db{z-index:1000;margin-top:var(--haze-space-1);padding:var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);box-shadow:var(--haze-shadow-lg);min-width:200px;position:absolute;top:100%;left:0}.h12vxtuf{display:none}.r1wb1f2i{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-full);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.r1wb1f2i:hover{border-color:var(--haze-color-border-hover)}.r1wb1f2i:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.r1wb1f2i:checked{border-color:var(--haze-color-primary)}.r1wb1f2i:checked:after{content:"";border-radius:var(--haze-radius-full);background:var(--haze-color-primary);width:10px;height:10px;position:absolute;top:3px;left:3px}.r1wb1f2i:disabled{opacity:.5;cursor:not-allowed}.l1avex36{align-items:center;gap:var(--haze-space-2);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;display:inline-flex}.b1bmwkyg{gap:var(--haze-space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.b1peearv{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;-webkit-background-position:right var(--haze-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--haze-space-3) center;padding-right:var(--haze-space-8);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:block}.b1peearv:hover{border-color:var(--haze-color-border-hover)}.b1peearv:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.b1peearv:disabled{opacity:.5;cursor:not-allowed}.sjwza0y{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.mzar2ws{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.lhyvvui{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.bpjjm1p{background:var(--haze-color-bg-muted);animation:1.5s ease-in-out infinite shimmer-bpjjm1p;display:block}@keyframes shimmer-bpjjm1p{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.t1ji0c5a{border-radius:var(--haze-radius-sm);height:1em}.c15uxer9{border-radius:var(--haze-radius-full)}.rkzquqq{border-radius:var(--haze-radius-md)}.bfgou5l{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;outline:none;width:100%;height:6px;transition:background .15s}.bfgou5l::-webkit-slider-thumb{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:18px;height:18px;box-shadow:var(--haze-shadow-sm);cursor:pointer;transition:background .15s,box-shadow .15s}.bfgou5l::-moz-range-thumb{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:18px;height:18px;box-shadow:var(--haze-shadow-sm);cursor:pointer}.bfgou5l:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.bfgou5l:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.bfgou5l:disabled{opacity:.5;cursor:not-allowed}.t1js4uxc{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;border:none;align-items:center;padding:2px;transition:background .2s;display:inline-flex;position:relative}.t1js4uxc:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.t1js4uxc:disabled{opacity:.5;cursor:not-allowed}.t1qb79fu{background:var(--haze-color-primary)}.t1ixneoj{border-radius:var(--haze-radius-full);-webkit-transition:-webkit-transform .2s;box-shadow:var(--haze-shadow-sm);background:#fff;transition:transform .2s;display:block}.so54z1g{width:32px;height:18px}.m9yt5eh{width:40px;height:22px}.lh99aoz{width:48px;height:26px}.s3tnk0a{width:14px;height:14px}.mf3ptdg{width:18px;height:18px}.l11o9w2z{width:22px;height:22px}.sew2awa{transform:translate(14px)}.m1dvw2o9{transform:translate(18px)}.l19clm6f{transform:translate(22px)}.b9fntfg{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.sy1ks6b tbody tr:nth-child(2n){background:var(--haze-color-bg-subtle)}.b45kaep th,.b45kaep td{border:1px solid var(--haze-color-border)}.b7tlpbs td{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);color:var(--haze-color-text-secondary)}.h188mbkb{border-bottom:2px solid var(--haze-color-border)}.h188mbkb th{text-align:left;padding:var(--haze-space-2) var(--haze-space-3);font-weight:var(--haze-weight-semibold);color:var(--haze-color-text)}.bgf9674{padding:var(--haze-space-2) var(--haze-space-4);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;transition:color .15s,border-color .15s}.bgf9674:hover{color:var(--haze-color-text)}.bgf9674:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.a1prfgev{color:var(--haze-color-primary);border-bottom-color:var(--haze-color-primary)}.b1dqiroo{border-bottom:1px solid var(--haze-color-border);gap:0;display:flex}.bp1375a{padding:var(--haze-space-4) 0}.h1gs31v1{display:none}.b1cu6oqd{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.b1t44wwy{align-items:center;gap:var(--haze-space-1);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;display:inline-flex}.d14l1xxm{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.py5mbql{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.s1rwhzzg{background:color-mix(in srgb, var(--haze-color-success) 15%, transparent);color:var(--haze-color-success)}.wgefhgi{background:color-mix(in srgb, var(--haze-color-warning) 15%, transparent);color:var(--haze-color-warning)}.d141dsor{background:color-mix(in srgb, var(--haze-color-danger) 15%, transparent);color:var(--haze-color-danger)}.sp149c6{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.m10vceca{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.ciauw5q{appearance:none;color:inherit;cursor:pointer;font-size:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;line-height:1;transition:opacity .15s;display:inline-flex}.ciauw5q:hover{opacity:1}.ciauw5q:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}.b1n6cdld{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);resize:vertical;transition:border-color .15s,box-shadow .15s;display:block}.b1n6cdld:hover{border-color:var(--haze-color-border-hover)}.b1n6cdld:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.b1n6cdld:disabled{opacity:.5;cursor:not-allowed}.b1n6cdld::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.b1n6cdld::placeholder{color:var(--haze-color-text-muted)}.b1n6cdld:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.b1n6cdld::placeholder{color:var(--haze-color-text-muted)}.svhqg3y{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.m1lnui41{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.l1ogff54{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.blmvb4r{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);box-shadow:var(--haze-shadow-lg);pointer-events:auto;animation:.2s ease-out toastIn-blmvb4r;display:flex}@keyframes toastIn-blmvb4r{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.iy49nz2{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.swaipoh{background:color-mix(in srgb, var(--haze-color-success) 10%, var(--haze-color-bg));color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.wxi28ov{background:color-mix(in srgb, var(--haze-color-warning) 10%, var(--haze-color-bg));color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.dl2596s{background:color-mix(in srgb, var(--haze-color-danger) 10%, var(--haze-color-bg));color:var(--haze-color-danger);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.cyr6umc{flex:1}.c19whxes{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;padding:0;line-height:1;transition:opacity .15s}.c19whxes:hover{opacity:1}.czbjunm{bottom:var(--haze-space-4);right:var(--haze-space-4);z-index:9999;gap:var(--haze-space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.wojk2bk{display:inline-flex;position:relative}.b1pzhi26{z-index:1000;padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);background:var(--haze-color-text);color:var(--haze-color-text-inverse);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);line-height:var(--haze-leading-normal);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;position:absolute}.t1eufnsf{margin-bottom:var(--haze-space-1);bottom:100%;left:50%;transform:translate(-50%)}.b17ctpvp{margin-top:var(--haze-space-1);top:100%;left:50%;transform:translate(-50%)}.l1fci34k{margin-right:var(--haze-space-1);top:50%;right:100%;transform:translateY(-50%)}.rtkbbwq{margin-left:var(--haze-space-1);top:50%;left:100%;transform:translateY(-50%)}.s16ged4s:hover>[role=tooltip],.s16ged4s:focus-within>[role=tooltip]{opacity:1}.l677mhi{--haze-color-primary:#06f;--haze-color-primary-hover:#0052cc;--haze-color-primary-active:#003d99;--haze-color-primary-subtle:#e6f0ff;--haze-color-bg:#fff;--haze-color-bg-subtle:#f7f8fa;--haze-color-bg-muted:#eef0f4;--haze-color-text:#1a1a1a;--haze-color-text-secondary:#4a4a4a;--haze-color-text-muted:#8a8a8a;--haze-color-text-inverse:#fff;--haze-color-border:#e0e0e0;--haze-color-border-hover:silver;--haze-color-success:#16a34a;--haze-color-warning:#f59e0b;--haze-color-danger:#dc2626;--haze-color-info:#2563eb;--haze-color-focus-ring:#06f6}.dves5ff{--haze-color-primary:#4d94ff;--haze-color-primary-hover:#6aa6ff;--haze-color-primary-active:#80b3ff;--haze-color-primary-subtle:#1a2e4a;--haze-color-bg:#121212;--haze-color-bg-subtle:#1e1e1e;--haze-color-bg-muted:#2a2a2a;--haze-color-text:#e8e8e8;--haze-color-text-secondary:#b0b0b0;--haze-color-text-muted:#707070;--haze-color-text-inverse:#1a1a1a;--haze-color-border:#333;--haze-color-border-hover:#4a4a4a;--haze-color-success:#22c55e;--haze-color-warning:#fbbf24;--haze-color-danger:#ef4444;--haze-color-info:#3b82f6;--haze-color-focus-ring:#4d94ff66}.s413e2t{--haze-space-0:0;--haze-space-1:4px;--haze-space-2:8px;--haze-space-3:12px;--haze-space-4:16px;--haze-space-5:20px;--haze-space-6:24px;--haze-space-8:32px;--haze-space-10:40px;--haze-space-12:48px;--haze-space-16:64px;--haze-radius-none:0;--haze-radius-sm:4px;--haze-radius-md:6px;--haze-radius-lg:8px;--haze-radius-xl:12px;--haze-radius-2xl:16px;--haze-radius-full:9999px;--haze-shadow-sm:0 1px 2px #0000000d;--haze-shadow-md:0 4px 6px #00000012;--haze-shadow-lg:0 10px 15px #0000001a;--haze-shadow-xl:0 20px 25px #0000001a}.tjcr6l1{--haze-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--haze-font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--haze-text-xs:12px;--haze-text-sm:14px;--haze-text-base:16px;--haze-text-lg:18px;--haze-text-xl:20px;--haze-text-2xl:24px;--haze-text-3xl:30px;--haze-leading-tight:1.25;--haze-leading-normal:1.5;--haze-leading-relaxed:1.75;--haze-weight-normal:400;--haze-weight-medium:500;--haze-weight-semibold:600;--haze-weight-bold:700}
2
2
  /*$vite$:1*/
package/dist/index.js CHANGED
@@ -1,55 +1,56 @@
1
1
  import { darkTheme as e, lightTheme as t } from "./tokens/colors.js";
2
2
  import { spacing as n } from "./tokens/spacing.js";
3
3
  import { typography as r } from "./tokens/typography.js";
4
- import i from "./components/Button/Button.js";
5
- import a from "./components/Input/Input.js";
6
- import o from "./components/Select/Select.js";
7
- import s from "./components/Select/Option.js";
8
- import c from "./components/Checkbox/Checkbox.js";
9
- import l from "./components/Switch/Switch.js";
10
- import u from "./components/Badge/Badge.js";
11
- import d from "./components/Dialog/Dialog.js";
12
- import f from "./components/Tooltip/Tooltip.js";
13
- import p from "./components/Popover/Popover.js";
14
- import m from "./components/Card/Card.js";
15
- import h from "./components/Radio/Radio.js";
16
- import g from "./components/Radio/RadioGroup.js";
17
- import _ from "./components/Textarea/Textarea.js";
18
- import v from "./components/Slider/Slider.js";
19
- import y from "./components/Tabs/Tabs.js";
20
- import b from "./components/Tabs/TabList.js";
21
- import x from "./components/Tabs/Tab.js";
22
- import S from "./components/Tabs/TabPanel.js";
23
- import C from "./components/Accordion/Accordion.js";
24
- import w from "./components/Accordion/AccordionItem.js";
25
- import T from "./components/Alert/Alert.js";
26
- import E from "./components/Avatar/Avatar.js";
27
- import D from "./components/Tag/Tag.js";
28
- import O from "./components/Skeleton/Skeleton.js";
29
- import k from "./components/Icon/Icon.js";
30
- import A from "./components/Image/Image.js";
31
- import j from "./components/Flex/Flex.js";
32
- import M from "./components/Breadcrumb/Breadcrumb.js";
33
- import N from "./components/Breadcrumb/BreadcrumbItem.js";
34
- import P from "./components/Disclosure/Disclosure.js";
35
- import F from "./components/Menu/Menu.js";
36
- import I from "./components/Menu/MenuItem.js";
37
- import L from "./components/Menu/MenuDivider.js";
38
- import R from "./components/NumberInput/NumberInput.js";
39
- import z from "./components/FileInput/FileInput.js";
40
- import B from "./components/Toast/Toast.js";
41
- import V from "./components/Toast/ToastContainer.js";
42
- import H from "./components/Toast/useToast.js";
43
- import U from "./components/List/List.js";
44
- import W from "./components/List/ListItem.js";
45
- import G from "./components/Combobox/Combobox.js";
46
- import K from "./components/Table/Table.js";
47
- import q from "./components/Table/TableHead.js";
48
- import J from "./components/Table/TableBody.js";
49
- import Y from "./components/Table/TableRow.js";
50
- import X from "./components/Table/TableCell.js";
51
- import Z from "./components/Carousel/Carousel.js";
52
- import Q from "./components/Carousel/CarouselSlide.js";
53
- import $ from "./components/Datepicker/Datepicker.js";
54
- import { controlEqual as ee, useControl as te } from "react-use-control";
55
- export { C as Accordion, w as AccordionItem, T as Alert, E as Avatar, u as Badge, M as Breadcrumb, N as BreadcrumbItem, i as Button, m as Card, Z as Carousel, Q as CarouselSlide, c as Checkbox, G as Combobox, $ as Datepicker, d as Dialog, P as Disclosure, z as FileInput, j as Flex, k as Icon, A as Image, a as Input, U as List, W as ListItem, F as Menu, L as MenuDivider, I as MenuItem, R as NumberInput, s as Option, p as Popover, h as Radio, g as RadioGroup, o as Select, O as Skeleton, v as Slider, l as Switch, x as Tab, b as TabList, S as TabPanel, K as Table, J as TableBody, X as TableCell, q as TableHead, Y as TableRow, y as Tabs, D as Tag, _ as Textarea, B as Toast, V as ToastContainer, f as Tooltip, ee as controlEqual, e as darkTheme, t as lightTheme, n as spacing, r as typography, te as useControl, H as useToast };
4
+ import { COMPONENT_TOKENS as i, TOKEN_REGISTRY as a } from "./tokens/registry.js";
5
+ import o from "./components/Button/Button.js";
6
+ import s from "./components/Input/Input.js";
7
+ import c from "./components/Select/Select.js";
8
+ import l from "./components/Select/Option.js";
9
+ import u from "./components/Checkbox/Checkbox.js";
10
+ import d from "./components/Switch/Switch.js";
11
+ import f from "./components/Badge/Badge.js";
12
+ import p from "./components/Dialog/Dialog.js";
13
+ import m from "./components/Tooltip/Tooltip.js";
14
+ import h from "./components/Popover/Popover.js";
15
+ import g from "./components/Card/Card.js";
16
+ import _ from "./components/Radio/Radio.js";
17
+ import v from "./components/Radio/RadioGroup.js";
18
+ import y from "./components/Textarea/Textarea.js";
19
+ import b from "./components/Slider/Slider.js";
20
+ import x from "./components/Tabs/Tabs.js";
21
+ import S from "./components/Tabs/TabList.js";
22
+ import C from "./components/Tabs/Tab.js";
23
+ import w from "./components/Tabs/TabPanel.js";
24
+ import T from "./components/Accordion/Accordion.js";
25
+ import E from "./components/Accordion/AccordionItem.js";
26
+ import D from "./components/Alert/Alert.js";
27
+ import O from "./components/Avatar/Avatar.js";
28
+ import k from "./components/Tag/Tag.js";
29
+ import A from "./components/Skeleton/Skeleton.js";
30
+ import j from "./components/Icon/Icon.js";
31
+ import M from "./components/Image/Image.js";
32
+ import N from "./components/Flex/Flex.js";
33
+ import P from "./components/Breadcrumb/Breadcrumb.js";
34
+ import F from "./components/Breadcrumb/BreadcrumbItem.js";
35
+ import I from "./components/Disclosure/Disclosure.js";
36
+ import L from "./components/Menu/Menu.js";
37
+ import R from "./components/Menu/MenuItem.js";
38
+ import z from "./components/Menu/MenuDivider.js";
39
+ import B from "./components/NumberInput/NumberInput.js";
40
+ import V from "./components/FileInput/FileInput.js";
41
+ import H from "./components/Toast/Toast.js";
42
+ import U from "./components/Toast/ToastContainer.js";
43
+ import W from "./components/Toast/useToast.js";
44
+ import G from "./components/List/List.js";
45
+ import K from "./components/List/ListItem.js";
46
+ import q from "./components/Combobox/Combobox.js";
47
+ import J from "./components/Table/Table.js";
48
+ import Y from "./components/Table/TableHead.js";
49
+ import X from "./components/Table/TableBody.js";
50
+ import Z from "./components/Table/TableRow.js";
51
+ import Q from "./components/Table/TableCell.js";
52
+ import $ from "./components/Carousel/Carousel.js";
53
+ import ee from "./components/Carousel/CarouselSlide.js";
54
+ import te from "./components/Datepicker/Datepicker.js";
55
+ import { controlEqual as ne, useControl as re } from "react-use-control";
56
+ export { T as Accordion, E as AccordionItem, D as Alert, O as Avatar, f as Badge, P as Breadcrumb, F as BreadcrumbItem, o as Button, i as COMPONENT_TOKENS, g as Card, $ as Carousel, ee as CarouselSlide, u as Checkbox, q as Combobox, te as Datepicker, p as Dialog, I as Disclosure, V as FileInput, N as Flex, j as Icon, M as Image, s as Input, G as List, K as ListItem, L as Menu, z as MenuDivider, R as MenuItem, B as NumberInput, l as Option, h as Popover, _ as Radio, v as RadioGroup, c as Select, A as Skeleton, b as Slider, d as Switch, a as TOKEN_REGISTRY, C as Tab, S as TabList, w as TabPanel, J as Table, X as TableBody, Q as TableCell, Y as TableHead, Z as TableRow, x as Tabs, k as Tag, y as Textarea, H as Toast, U as ToastContainer, m as Tooltip, ne as controlEqual, e as darkTheme, t as lightTheme, n as spacing, r as typography, re as useControl, W as useToast };
package/dist/tokens/registry.js ADDED
@@ -0,0 +1,878 @@
1
+ //#region src/lib/tokens/registry.ts
2
+ var e = [
3
+ {
4
+ name: "--haze-color-primary",
5
+ category: "color",
6
+ label: "Primary",
7
+ type: "color",
8
+ light: "#0066ff",
9
+ dark: "#4d94ff"
10
+ },
11
+ {
12
+ name: "--haze-color-primary-hover",
13
+ category: "color",
14
+ label: "Primary Hover",
15
+ type: "color",
16
+ light: "#0052cc",
17
+ dark: "#6aa6ff"
18
+ },
19
+ {
20
+ name: "--haze-color-primary-active",
21
+ category: "color",
22
+ label: "Primary Active",
23
+ type: "color",
24
+ light: "#003d99",
25
+ dark: "#80b3ff"
26
+ },
27
+ {
28
+ name: "--haze-color-primary-subtle",
29
+ category: "color",
30
+ label: "Primary Subtle",
31
+ type: "color",
32
+ light: "#e6f0ff",
33
+ dark: "#1a2e4a"
34
+ },
35
+ {
36
+ name: "--haze-color-bg",
37
+ category: "color",
38
+ label: "Background",
39
+ type: "color",
40
+ light: "#ffffff",
41
+ dark: "#121212"
42
+ },
43
+ {
44
+ name: "--haze-color-bg-subtle",
45
+ category: "color",
46
+ label: "Background Subtle",
47
+ type: "color",
48
+ light: "#f7f8fa",
49
+ dark: "#1e1e1e"
50
+ },
51
+ {
52
+ name: "--haze-color-bg-muted",
53
+ category: "color",
54
+ label: "Background Muted",
55
+ type: "color",
56
+ light: "#eef0f4",
57
+ dark: "#2a2a2a"
58
+ },
59
+ {
60
+ name: "--haze-color-text",
61
+ category: "color",
62
+ label: "Text",
63
+ type: "color",
64
+ light: "#1a1a1a",
65
+ dark: "#e8e8e8"
66
+ },
67
+ {
68
+ name: "--haze-color-text-secondary",
69
+ category: "color",
70
+ label: "Text Secondary",
71
+ type: "color",
72
+ light: "#4a4a4a",
73
+ dark: "#b0b0b0"
74
+ },
75
+ {
76
+ name: "--haze-color-text-muted",
77
+ category: "color",
78
+ label: "Text Muted",
79
+ type: "color",
80
+ light: "#8a8a8a",
81
+ dark: "#707070"
82
+ },
83
+ {
84
+ name: "--haze-color-text-inverse",
85
+ category: "color",
86
+ label: "Text Inverse",
87
+ type: "color",
88
+ light: "#ffffff",
89
+ dark: "#1a1a1a"
90
+ },
91
+ {
92
+ name: "--haze-color-border",
93
+ category: "color",
94
+ label: "Border",
95
+ type: "color",
96
+ light: "#e0e0e0",
97
+ dark: "#333333"
98
+ },
99
+ {
100
+ name: "--haze-color-border-hover",
101
+ category: "color",
102
+ label: "Border Hover",
103
+ type: "color",
104
+ light: "#c0c0c0",
105
+ dark: "#4a4a4a"
106
+ },
107
+ {
108
+ name: "--haze-color-success",
109
+ category: "color",
110
+ label: "Success",
111
+ type: "color",
112
+ light: "#16a34a",
113
+ dark: "#22c55e"
114
+ },
115
+ {
116
+ name: "--haze-color-warning",
117
+ category: "color",
118
+ label: "Warning",
119
+ type: "color",
120
+ light: "#f59e0b",
121
+ dark: "#fbbf24"
122
+ },
123
+ {
124
+ name: "--haze-color-danger",
125
+ category: "color",
126
+ label: "Danger",
127
+ type: "color",
128
+ light: "#dc2626",
129
+ dark: "#ef4444"
130
+ },
131
+ {
132
+ name: "--haze-color-info",
133
+ category: "color",
134
+ label: "Info",
135
+ type: "color",
136
+ light: "#2563eb",
137
+ dark: "#3b82f6"
138
+ },
139
+ {
140
+ name: "--haze-color-focus-ring",
141
+ category: "color",
142
+ label: "Focus Ring",
143
+ type: "color",
144
+ light: "rgba(0, 102, 255, 0.4)",
145
+ dark: "rgba(77, 148, 255, 0.4)"
146
+ },
147
+ {
148
+ name: "--haze-font-sans",
149
+ category: "typography",
150
+ label: "Font Sans",
151
+ type: "font",
152
+ light: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
153
+ dark: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
154
+ },
155
+ {
156
+ name: "--haze-font-mono",
157
+ category: "typography",
158
+ label: "Font Mono",
159
+ type: "font",
160
+ light: "'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace",
161
+ dark: "'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace"
162
+ },
163
+ {
164
+ name: "--haze-text-xs",
165
+ category: "typography",
166
+ label: "Text XS",
167
+ type: "size",
168
+ light: "12px",
169
+ dark: "12px"
170
+ },
171
+ {
172
+ name: "--haze-text-sm",
173
+ category: "typography",
174
+ label: "Text SM",
175
+ type: "size",
176
+ light: "14px",
177
+ dark: "14px"
178
+ },
179
+ {
180
+ name: "--haze-text-base",
181
+ category: "typography",
182
+ label: "Text Base",
183
+ type: "size",
184
+ light: "16px",
185
+ dark: "16px"
186
+ },
187
+ {
188
+ name: "--haze-text-lg",
189
+ category: "typography",
190
+ label: "Text LG",
191
+ type: "size",
192
+ light: "18px",
193
+ dark: "18px"
194
+ },
195
+ {
196
+ name: "--haze-text-xl",
197
+ category: "typography",
198
+ label: "Text XL",
199
+ type: "size",
200
+ light: "20px",
201
+ dark: "20px"
202
+ },
203
+ {
204
+ name: "--haze-text-2xl",
205
+ category: "typography",
206
+ label: "Text 2XL",
207
+ type: "size",
208
+ light: "24px",
209
+ dark: "24px"
210
+ },
211
+ {
212
+ name: "--haze-text-3xl",
213
+ category: "typography",
214
+ label: "Text 3XL",
215
+ type: "size",
216
+ light: "30px",
217
+ dark: "30px"
218
+ },
219
+ {
220
+ name: "--haze-leading-tight",
221
+ category: "typography",
222
+ label: "Leading Tight",
223
+ type: "number",
224
+ light: "1.25",
225
+ dark: "1.25"
226
+ },
227
+ {
228
+ name: "--haze-leading-normal",
229
+ category: "typography",
230
+ label: "Leading Normal",
231
+ type: "number",
232
+ light: "1.5",
233
+ dark: "1.5"
234
+ },
235
+ {
236
+ name: "--haze-leading-relaxed",
237
+ category: "typography",
238
+ label: "Leading Relaxed",
239
+ type: "number",
240
+ light: "1.75",
241
+ dark: "1.75"
242
+ },
243
+ {
244
+ name: "--haze-weight-normal",
245
+ category: "typography",
246
+ label: "Weight Normal",
247
+ type: "number",
248
+ light: "400",
249
+ dark: "400"
250
+ },
251
+ {
252
+ name: "--haze-weight-medium",
253
+ category: "typography",
254
+ label: "Weight Medium",
255
+ type: "number",
256
+ light: "500",
257
+ dark: "500"
258
+ },
259
+ {
260
+ name: "--haze-weight-semibold",
261
+ category: "typography",
262
+ label: "Weight Semibold",
263
+ type: "number",
264
+ light: "600",
265
+ dark: "600"
266
+ },
267
+ {
268
+ name: "--haze-weight-bold",
269
+ category: "typography",
270
+ label: "Weight Bold",
271
+ type: "number",
272
+ light: "700",
273
+ dark: "700"
274
+ },
275
+ {
276
+ name: "--haze-space-0",
277
+ category: "spacing",
278
+ label: "Space 0",
279
+ type: "size",
280
+ light: "0",
281
+ dark: "0"
282
+ },
283
+ {
284
+ name: "--haze-space-1",
285
+ category: "spacing",
286
+ label: "Space 1",
287
+ type: "size",
288
+ light: "4px",
289
+ dark: "4px"
290
+ },
291
+ {
292
+ name: "--haze-space-2",
293
+ category: "spacing",
294
+ label: "Space 2",
295
+ type: "size",
296
+ light: "8px",
297
+ dark: "8px"
298
+ },
299
+ {
300
+ name: "--haze-space-3",
301
+ category: "spacing",
302
+ label: "Space 3",
303
+ type: "size",
304
+ light: "12px",
305
+ dark: "12px"
306
+ },
307
+ {
308
+ name: "--haze-space-4",
309
+ category: "spacing",
310
+ label: "Space 4",
311
+ type: "size",
312
+ light: "16px",
313
+ dark: "16px"
314
+ },
315
+ {
316
+ name: "--haze-space-5",
317
+ category: "spacing",
318
+ label: "Space 5",
319
+ type: "size",
320
+ light: "20px",
321
+ dark: "20px"
322
+ },
323
+ {
324
+ name: "--haze-space-6",
325
+ category: "spacing",
326
+ label: "Space 6",
327
+ type: "size",
328
+ light: "24px",
329
+ dark: "24px"
330
+ },
331
+ {
332
+ name: "--haze-space-8",
333
+ category: "spacing",
334
+ label: "Space 8",
335
+ type: "size",
336
+ light: "32px",
337
+ dark: "32px"
338
+ },
339
+ {
340
+ name: "--haze-space-10",
341
+ category: "spacing",
342
+ label: "Space 10",
343
+ type: "size",
344
+ light: "40px",
345
+ dark: "40px"
346
+ },
347
+ {
348
+ name: "--haze-space-12",
349
+ category: "spacing",
350
+ label: "Space 12",
351
+ type: "size",
352
+ light: "48px",
353
+ dark: "48px"
354
+ },
355
+ {
356
+ name: "--haze-space-16",
357
+ category: "spacing",
358
+ label: "Space 16",
359
+ type: "size",
360
+ light: "64px",
361
+ dark: "64px"
362
+ },
363
+ {
364
+ name: "--haze-radius-none",
365
+ category: "radius",
366
+ label: "Radius None",
367
+ type: "size",
368
+ light: "0",
369
+ dark: "0"
370
+ },
371
+ {
372
+ name: "--haze-radius-sm",
373
+ category: "radius",
374
+ label: "Radius SM",
375
+ type: "size",
376
+ light: "4px",
377
+ dark: "4px"
378
+ },
379
+ {
380
+ name: "--haze-radius-md",
381
+ category: "radius",
382
+ label: "Radius MD",
383
+ type: "size",
384
+ light: "6px",
385
+ dark: "6px"
386
+ },
387
+ {
388
+ name: "--haze-radius-lg",
389
+ category: "radius",
390
+ label: "Radius LG",
391
+ type: "size",
392
+ light: "8px",
393
+ dark: "8px"
394
+ },
395
+ {
396
+ name: "--haze-radius-xl",
397
+ category: "radius",
398
+ label: "Radius XL",
399
+ type: "size",
400
+ light: "12px",
401
+ dark: "12px"
402
+ },
403
+ {
404
+ name: "--haze-radius-2xl",
405
+ category: "radius",
406
+ label: "Radius 2XL",
407
+ type: "size",
408
+ light: "16px",
409
+ dark: "16px"
410
+ },
411
+ {
412
+ name: "--haze-radius-full",
413
+ category: "radius",
414
+ label: "Radius Full",
415
+ type: "size",
416
+ light: "9999px",
417
+ dark: "9999px"
418
+ },
419
+ {
420
+ name: "--haze-shadow-sm",
421
+ category: "shadow",
422
+ label: "Shadow SM",
423
+ type: "shadow",
424
+ light: "0 1px 2px rgba(0, 0, 0, 0.05)",
425
+ dark: "0 1px 2px rgba(0, 0, 0, 0.05)"
426
+ },
427
+ {
428
+ name: "--haze-shadow-md",
429
+ category: "shadow",
430
+ label: "Shadow MD",
431
+ type: "shadow",
432
+ light: "0 4px 6px rgba(0, 0, 0, 0.07)",
433
+ dark: "0 4px 6px rgba(0, 0, 0, 0.07)"
434
+ },
435
+ {
436
+ name: "--haze-shadow-lg",
437
+ category: "shadow",
438
+ label: "Shadow LG",
439
+ type: "shadow",
440
+ light: "0 10px 15px rgba(0, 0, 0, 0.1)",
441
+ dark: "0 10px 15px rgba(0, 0, 0, 0.1)"
442
+ },
443
+ {
444
+ name: "--haze-shadow-xl",
445
+ category: "shadow",
446
+ label: "Shadow XL",
447
+ type: "shadow",
448
+ light: "0 20px 25px rgba(0, 0, 0, 0.1)",
449
+ dark: "0 20px 25px rgba(0, 0, 0, 0.1)"
450
+ }
451
+ ], t = {
452
+ accordion: [
453
+ "--haze-color-border",
454
+ "--haze-color-bg-subtle",
455
+ "--haze-color-focus-ring",
456
+ "--haze-color-text",
457
+ "--haze-color-text-muted",
458
+ "--haze-color-text-secondary",
459
+ "--haze-font-sans",
460
+ "--haze-leading-normal",
461
+ "--haze-radius-md",
462
+ "--haze-space-3",
463
+ "--haze-space-4",
464
+ "--haze-text-sm",
465
+ "--haze-weight-medium"
466
+ ],
467
+ alert: [
468
+ "--haze-color-danger",
469
+ "--haze-color-focus-ring",
470
+ "--haze-color-info",
471
+ "--haze-color-success",
472
+ "--haze-color-warning",
473
+ "--haze-font-sans",
474
+ "--haze-leading-normal",
475
+ "--haze-radius-md",
476
+ "--haze-radius-sm",
477
+ "--haze-space-3",
478
+ "--haze-space-4",
479
+ "--haze-text-lg",
480
+ "--haze-text-sm"
481
+ ],
482
+ avatar: [
483
+ "--haze-color-bg-muted",
484
+ "--haze-color-text-secondary",
485
+ "--haze-font-sans",
486
+ "--haze-radius-full",
487
+ "--haze-text-lg",
488
+ "--haze-text-sm",
489
+ "--haze-text-xs",
490
+ "--haze-weight-medium"
491
+ ],
492
+ badge: [
493
+ "--haze-color-bg-muted",
494
+ "--haze-color-danger",
495
+ "--haze-color-info",
496
+ "--haze-color-success",
497
+ "--haze-color-text-secondary",
498
+ "--haze-color-warning",
499
+ "--haze-font-sans",
500
+ "--haze-leading-tight",
501
+ "--haze-radius-full",
502
+ "--haze-space-0",
503
+ "--haze-space-1",
504
+ "--haze-space-2",
505
+ "--haze-space-3",
506
+ "--haze-text-sm",
507
+ "--haze-text-xs",
508
+ "--haze-weight-medium"
509
+ ],
510
+ breadcrumb: [
511
+ "--haze-color-primary",
512
+ "--haze-color-primary-hover",
513
+ "--haze-color-text",
514
+ "--haze-color-text-muted",
515
+ "--haze-color-focus-ring",
516
+ "--haze-font-sans",
517
+ "--haze-radius-sm",
518
+ "--haze-space-2",
519
+ "--haze-text-sm",
520
+ "--haze-weight-medium"
521
+ ],
522
+ button: [
523
+ "--haze-color-primary",
524
+ "--haze-color-primary-hover",
525
+ "--haze-color-primary-active",
526
+ "--haze-color-text",
527
+ "--haze-color-text-inverse",
528
+ "--haze-color-border",
529
+ "--haze-color-border-hover",
530
+ "--haze-color-bg-subtle",
531
+ "--haze-color-bg-muted",
532
+ "--haze-color-focus-ring",
533
+ "--haze-font-sans",
534
+ "--haze-leading-tight",
535
+ "--haze-radius-md",
536
+ "--haze-space-1",
537
+ "--haze-space-2",
538
+ "--haze-space-3",
539
+ "--haze-space-4",
540
+ "--haze-space-6",
541
+ "--haze-text-sm",
542
+ "--haze-text-base",
543
+ "--haze-weight-medium"
544
+ ],
545
+ card: [
546
+ "--haze-color-bg",
547
+ "--haze-color-border",
548
+ "--haze-color-text",
549
+ "--haze-color-bg-subtle",
550
+ "--haze-font-sans",
551
+ "--haze-radius-lg",
552
+ "--haze-shadow-md",
553
+ "--haze-space-5"
554
+ ],
555
+ carousel: [
556
+ "--haze-color-bg",
557
+ "--haze-color-bg-muted",
558
+ "--haze-color-bg-subtle",
559
+ "--haze-color-primary",
560
+ "--haze-color-text",
561
+ "--haze-color-focus-ring",
562
+ "--haze-radius-full",
563
+ "--haze-radius-lg",
564
+ "--haze-shadow-md",
565
+ "--haze-space-1",
566
+ "--haze-space-2",
567
+ "--haze-text-lg"
568
+ ],
569
+ checkbox: [
570
+ "--haze-color-bg",
571
+ "--haze-color-border",
572
+ "--haze-color-border-hover",
573
+ "--haze-color-focus-ring",
574
+ "--haze-color-primary",
575
+ "--haze-color-text-inverse",
576
+ "--haze-radius-sm",
577
+ "--haze-font-sans",
578
+ "--haze-text-sm",
579
+ "--haze-weight-medium"
580
+ ],
581
+ combobox: [
582
+ "--haze-color-bg",
583
+ "--haze-color-border",
584
+ "--haze-color-text",
585
+ "--haze-color-primary",
586
+ "--haze-color-focus-ring",
587
+ "--haze-color-bg-subtle",
588
+ "--haze-font-sans",
589
+ "--haze-leading-normal",
590
+ "--haze-radius-md",
591
+ "--haze-shadow-lg",
592
+ "--haze-space-1",
593
+ "--haze-space-2",
594
+ "--haze-space-3",
595
+ "--haze-text-sm",
596
+ "--haze-weight-medium"
597
+ ],
598
+ datepicker: [
599
+ "--haze-color-bg",
600
+ "--haze-color-border",
601
+ "--haze-color-text",
602
+ "--haze-color-primary",
603
+ "--haze-color-primary-hover",
604
+ "--haze-color-focus-ring",
605
+ "--haze-color-bg-subtle",
606
+ "--haze-color-text-muted",
607
+ "--haze-color-text-inverse",
608
+ "--haze-font-sans",
609
+ "--haze-leading-normal",
610
+ "--haze-radius-md",
611
+ "--haze-radius-lg",
612
+ "--haze-radius-sm",
613
+ "--haze-shadow-lg",
614
+ "--haze-space-1",
615
+ "--haze-space-2",
616
+ "--haze-space-3",
617
+ "--haze-text-sm",
618
+ "--haze-text-xs",
619
+ "--haze-weight-medium"
620
+ ],
621
+ dialog: [
622
+ "--haze-color-bg",
623
+ "--haze-color-text",
624
+ "--haze-color-focus-ring",
625
+ "--haze-font-sans",
626
+ "--haze-radius-xl",
627
+ "--haze-shadow-xl",
628
+ "--haze-space-6"
629
+ ],
630
+ disclosure: [
631
+ "--haze-color-bg-subtle",
632
+ "--haze-color-border",
633
+ "--haze-color-text",
634
+ "--haze-color-text-muted",
635
+ "--haze-color-text-secondary",
636
+ "--haze-color-focus-ring",
637
+ "--haze-font-sans",
638
+ "--haze-radius-md",
639
+ "--haze-space-3",
640
+ "--haze-space-4",
641
+ "--haze-text-sm",
642
+ "--haze-weight-medium",
643
+ "--haze-leading-normal"
644
+ ],
645
+ fileinput: [
646
+ "--haze-color-bg",
647
+ "--haze-color-border",
648
+ "--haze-color-text",
649
+ "--haze-color-border-hover",
650
+ "--haze-color-bg-subtle",
651
+ "--haze-color-primary",
652
+ "--haze-color-focus-ring",
653
+ "--haze-font-sans",
654
+ "--haze-radius-md",
655
+ "--haze-space-2",
656
+ "--haze-space-4",
657
+ "--haze-text-sm",
658
+ "--haze-weight-medium"
659
+ ],
660
+ flex: [],
661
+ icon: [],
662
+ image: [
663
+ "--haze-color-bg-muted",
664
+ "--haze-color-text-muted",
665
+ "--haze-font-sans",
666
+ "--haze-text-sm"
667
+ ],
668
+ input: [
669
+ "--haze-color-bg",
670
+ "--haze-color-border",
671
+ "--haze-color-text",
672
+ "--haze-color-text-muted",
673
+ "--haze-color-border-hover",
674
+ "--haze-color-primary",
675
+ "--haze-color-focus-ring",
676
+ "--haze-font-sans",
677
+ "--haze-leading-normal",
678
+ "--haze-radius-md",
679
+ "--haze-space-1",
680
+ "--haze-space-2",
681
+ "--haze-space-3",
682
+ "--haze-space-4",
683
+ "--haze-text-sm",
684
+ "--haze-text-base"
685
+ ],
686
+ list: [
687
+ "--haze-color-text",
688
+ "--haze-font-sans",
689
+ "--haze-leading-normal",
690
+ "--haze-space-1",
691
+ "--haze-space-5",
692
+ "--haze-text-sm"
693
+ ],
694
+ menu: [
695
+ "--haze-color-bg",
696
+ "--haze-color-border",
697
+ "--haze-color-text",
698
+ "--haze-color-bg-subtle",
699
+ "--haze-color-focus-ring",
700
+ "--haze-font-sans",
701
+ "--haze-radius-lg",
702
+ "--haze-shadow-lg",
703
+ "--haze-space-1",
704
+ "--haze-space-2",
705
+ "--haze-space-3",
706
+ "--haze-text-sm"
707
+ ],
708
+ numberinput: [
709
+ "--haze-color-bg",
710
+ "--haze-color-border",
711
+ "--haze-color-bg-subtle",
712
+ "--haze-color-bg-muted",
713
+ "--haze-color-text",
714
+ "--haze-color-primary",
715
+ "--haze-color-focus-ring",
716
+ "--haze-font-sans",
717
+ "--haze-radius-md",
718
+ "--haze-space-1",
719
+ "--haze-space-2",
720
+ "--haze-space-3",
721
+ "--haze-text-sm",
722
+ "--haze-text-base",
723
+ "--haze-weight-medium"
724
+ ],
725
+ popover: [
726
+ "--haze-color-bg",
727
+ "--haze-color-border",
728
+ "--haze-color-text",
729
+ "--haze-font-sans",
730
+ "--haze-radius-lg",
731
+ "--haze-shadow-lg",
732
+ "--haze-space-1",
733
+ "--haze-space-3",
734
+ "--haze-text-sm"
735
+ ],
736
+ radio: [
737
+ "--haze-color-bg",
738
+ "--haze-color-border",
739
+ "--haze-color-border-hover",
740
+ "--haze-color-text",
741
+ "--haze-color-primary",
742
+ "--haze-color-focus-ring",
743
+ "--haze-font-sans",
744
+ "--haze-radius-full",
745
+ "--haze-space-2",
746
+ "--haze-text-sm"
747
+ ],
748
+ select: [
749
+ "--haze-color-bg",
750
+ "--haze-color-border",
751
+ "--haze-color-text",
752
+ "--haze-color-border-hover",
753
+ "--haze-color-primary",
754
+ "--haze-color-focus-ring",
755
+ "--haze-font-sans",
756
+ "--haze-leading-normal",
757
+ "--haze-radius-md",
758
+ "--haze-space-1",
759
+ "--haze-space-2",
760
+ "--haze-space-3",
761
+ "--haze-space-4",
762
+ "--haze-space-8",
763
+ "--haze-text-sm",
764
+ "--haze-text-base"
765
+ ],
766
+ skeleton: [
767
+ "--haze-color-bg-muted",
768
+ "--haze-radius-full",
769
+ "--haze-radius-md",
770
+ "--haze-radius-sm"
771
+ ],
772
+ slider: [
773
+ "--haze-color-bg",
774
+ "--haze-color-bg-muted",
775
+ "--haze-color-primary",
776
+ "--haze-color-focus-ring",
777
+ "--haze-radius-full",
778
+ "--haze-shadow-sm"
779
+ ],
780
+ switch: [
781
+ "--haze-color-bg-muted",
782
+ "--haze-color-primary",
783
+ "--haze-color-focus-ring",
784
+ "--haze-radius-full",
785
+ "--haze-shadow-sm"
786
+ ],
787
+ table: [
788
+ "--haze-color-bg-subtle",
789
+ "--haze-color-border",
790
+ "--haze-color-text",
791
+ "--haze-color-text-secondary",
792
+ "--haze-font-sans",
793
+ "--haze-space-2",
794
+ "--haze-space-3",
795
+ "--haze-text-sm",
796
+ "--haze-weight-semibold"
797
+ ],
798
+ tabs: [
799
+ "--haze-color-border",
800
+ "--haze-color-text",
801
+ "--haze-color-text-muted",
802
+ "--haze-color-primary",
803
+ "--haze-color-focus-ring",
804
+ "--haze-font-sans",
805
+ "--haze-space-2",
806
+ "--haze-space-4",
807
+ "--haze-text-sm",
808
+ "--haze-weight-medium"
809
+ ],
810
+ tag: [
811
+ "--haze-color-bg-muted",
812
+ "--haze-color-text-secondary",
813
+ "--haze-color-primary",
814
+ "--haze-color-primary-subtle",
815
+ "--haze-color-success",
816
+ "--haze-color-warning",
817
+ "--haze-color-danger",
818
+ "--haze-color-focus-ring",
819
+ "--haze-font-sans",
820
+ "--haze-radius-md",
821
+ "--haze-radius-sm",
822
+ "--haze-space-0",
823
+ "--haze-space-1",
824
+ "--haze-space-2",
825
+ "--haze-space-3",
826
+ "--haze-text-xs",
827
+ "--haze-text-sm",
828
+ "--haze-weight-medium",
829
+ "--haze-leading-tight"
830
+ ],
831
+ textarea: [
832
+ "--haze-color-bg",
833
+ "--haze-color-border",
834
+ "--haze-color-text",
835
+ "--haze-color-text-muted",
836
+ "--haze-color-border-hover",
837
+ "--haze-color-primary",
838
+ "--haze-color-focus-ring",
839
+ "--haze-font-sans",
840
+ "--haze-leading-normal",
841
+ "--haze-radius-md",
842
+ "--haze-space-1",
843
+ "--haze-space-2",
844
+ "--haze-space-3",
845
+ "--haze-space-4",
846
+ "--haze-text-sm",
847
+ "--haze-text-base"
848
+ ],
849
+ toast: [
850
+ "--haze-color-bg",
851
+ "--haze-color-border",
852
+ "--haze-color-text",
853
+ "--haze-color-success",
854
+ "--haze-color-warning",
855
+ "--haze-color-danger",
856
+ "--haze-font-sans",
857
+ "--haze-leading-normal",
858
+ "--haze-radius-md",
859
+ "--haze-shadow-lg",
860
+ "--haze-space-2",
861
+ "--haze-space-3",
862
+ "--haze-space-4",
863
+ "--haze-text-sm",
864
+ "--haze-text-lg"
865
+ ],
866
+ tooltip: [
867
+ "--haze-color-text",
868
+ "--haze-color-text-inverse",
869
+ "--haze-font-sans",
870
+ "--haze-radius-md",
871
+ "--haze-space-1",
872
+ "--haze-space-2",
873
+ "--haze-leading-normal",
874
+ "--haze-text-xs"
875
+ ]
876
+ };
877
+ //#endregion
878
+ export { t as COMPONENT_TOKENS, e as TOKEN_REGISTRY };
package/dist/types/components/Button/Button.d.ts CHANGED
@@ -2,6 +2,7 @@ import type { ComponentPropsWithoutRef } from 'react';
2
2
  type ButtonProps = {
3
3
  variant?: 'solid' | 'outline' | 'ghost';
4
4
  size?: 'sm' | 'md' | 'lg';
5
+ square?: boolean;
5
6
  } & Omit<ComponentPropsWithoutRef<'button'>, 'type'>;
6
- export default function Button({ variant, size, className, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
7
+ export default function Button({ variant, size, square, className, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
7
8
  export type { ButtonProps };
package/dist/types/components/Icon/Icon.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import type { ReactNode } from 'react';
1
+ import type { ComponentType, ReactNode, SVGProps } from 'react';
2
2
  type IconProps = {
3
+ icon?: ComponentType<SVGProps<SVGSVGElement>>;
3
4
  size?: 'sm' | 'md' | 'lg';
4
5
  className?: string;
5
- children: ReactNode;
6
+ children?: ReactNode;
6
7
  };
7
- export default function Icon({ size, className, children, }: IconProps): import("react/jsx-runtime").JSX.Element;
8
+ export default function Icon({ icon: IconComponent, size, className, children, }: IconProps): import("react/jsx-runtime").JSX.Element;
8
9
  export type { IconProps };
package/dist/types/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  export { lightTheme, darkTheme } from './tokens/colors';
2
2
  export { spacing } from './tokens/spacing';
3
3
  export { typography } from './tokens/typography';
4
+ export { TOKEN_REGISTRY, COMPONENT_TOKENS } from './tokens/registry';
5
+ export type { TokenDef } from './tokens/registry';
4
6
  export { Button } from './components/Button';
5
7
  export type { ButtonProps } from './components/Button';
6
8
  export { Input } from './components/Input';
package/dist/types/tokens/registry.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ type TokenDef = {
2
+ name: string;
3
+ category: 'color' | 'typography' | 'spacing' | 'radius' | 'shadow';
4
+ label: string;
5
+ type: 'color' | 'size' | 'font' | 'number' | 'shadow';
6
+ light: string;
7
+ dark: string;
8
+ };
9
+ declare const TOKEN_REGISTRY: TokenDef[];
10
+ declare const COMPONENT_TOKENS: Record<string, string[]>;
11
+ export { TOKEN_REGISTRY, COMPONENT_TOKENS };
12
+ export type { TokenDef };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "haze-ui",
3
- "version": "1.1.0",
3
+ "version": "1.2.0",
4
4
  "type": "module",
5
5
  "description": "A React UI component library powered by react-use-control and Linaria",
6
6
  "main": "./dist/index.js",
@@ -85,6 +85,7 @@
85
85
  "jsdom": "^29.0.0",
86
86
  "json-schema-faker": "^0.6.0",
87
87
  "lint-staged": "^16.4.0",
88
+ "lucide-react": "^0.563.0",
88
89
  "prettier": "^3.8.1",
89
90
  "qss": "^3.0.0",
90
91
  "ramda": "^0.32.0",