@boost33/ui 0.4.0 → 0.4.1

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 (9) hide show
  1. package/dist/components/AppShell/AppShell.module.css.js +10 -10
  2. package/dist/components/AppSwitcher/AppSwitcher.module.css.js +33 -33
  3. package/dist/components/NavItem/NavItem.module.css.js +4 -4
  4. package/dist/components/TopBar/TopBar.module.css.js +4 -4
  5. package/dist/components/WalletChip/WalletChip.module.css.js +20 -20
  6. package/dist/index.js +40 -39
  7. package/dist/index.js.map +1 -1
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
package/dist/components/AppShell/AppShell.module.css.js CHANGED
@@ -1,20 +1,20 @@
1
- const o = "_shell_19o9q_10", t = "_wordmark_19o9q_20", _ = "_switcher_19o9q_26", n = "_foot_19o9q_33", s = "_nav_19o9q_45", c = "_main_19o9q_54", e = "_content_19o9q_65", a = {
2
- shell: o,
1
+ const n = "_shell_1iynb_10", t = "_wordmark_1iynb_20", o = "_switcher_1iynb_26", _ = "_foot_1iynb_33", s = "_nav_1iynb_45", c = "_main_1iynb_54", i = "_content_1iynb_65", e = {
2
+ shell: n,
3
3
  wordmark: t,
4
- switcher: _,
5
- foot: n,
4
+ switcher: o,
5
+ foot: _,
6
6
  nav: s,
7
7
  main: c,
8
- content: e
8
+ content: i
9
9
  };
10
10
  export {
11
- e as content,
12
- a as default,
13
- n as foot,
11
+ i as content,
12
+ e as default,
13
+ _ as foot,
14
14
  c as main,
15
15
  s as nav,
16
- o as shell,
17
- _ as switcher,
16
+ n as shell,
17
+ o as switcher,
18
18
  t as wordmark
19
19
  };
20
20
  //# sourceMappingURL=AppShell.module.css.js.map
package/dist/components/AppSwitcher/AppSwitcher.module.css.js CHANGED
@@ -1,44 +1,44 @@
1
- const o = "_root_1ih3v_8", _ = "_trigger_1ih3v_17", r = "_railTrigger_1ih3v_46", t = "_triggerName_1ih3v_56", c = "_chevron_1ih3v_67", i = "_panel_1ih3v_109", h = "_hubRow_1ih3v_135", e = "_productRow_1ih3v_136", a = "_accountRow_1ih3v_137", n = "_products_1ih3v_144", v = "_rowName_1ih3v_193", s = "_rowSub_1ih3v_213", g = "_rowText_1ih3v_217", u = "_hubMark_1ih3v_260", w = "_tag_1ih3v_276", d = "_check_1ih3v_287", R = "_avatar_1ih3v_300", p = "_chevronRight_1ih3v_313", b = "_divider_1ih3v_334", l = {
2
- root: o,
3
- trigger: _,
4
- railTrigger: r,
5
- triggerName: t,
6
- chevron: c,
7
- panel: i,
8
- hubRow: h,
9
- productRow: e,
10
- accountRow: a,
11
- products: n,
12
- rowName: v,
13
- rowSub: s,
14
- rowText: g,
15
- hubMark: u,
16
- tag: w,
17
- check: d,
1
+ const c = "_root_24c25_8", o = "_trigger_24c25_17", _ = "_railTrigger_24c25_46", r = "_triggerName_24c25_56", t = "_chevron_24c25_67", e = "_panel_24c25_109", a = "_hubRow_24c25_135", n = "_productRow_24c25_136", s = "_accountRow_24c25_137", g = "_products_24c25_144", i = "_rowName_24c25_193", u = "_rowSub_24c25_213", h = "_rowText_24c25_217", w = "_hubMark_24c25_260", d = "_tag_24c25_276", v = "_check_24c25_287", R = "_avatar_24c25_300", p = "_chevronRight_24c25_313", b = "_divider_24c25_334", l = {
2
+ root: c,
3
+ trigger: o,
4
+ railTrigger: _,
5
+ triggerName: r,
6
+ chevron: t,
7
+ panel: e,
8
+ hubRow: a,
9
+ productRow: n,
10
+ accountRow: s,
11
+ products: g,
12
+ rowName: i,
13
+ rowSub: u,
14
+ rowText: h,
15
+ hubMark: w,
16
+ tag: d,
17
+ check: v,
18
18
  avatar: R,
19
19
  chevronRight: p,
20
20
  divider: b
21
21
  };
22
22
  export {
23
- a as accountRow,
23
+ s as accountRow,
24
24
  R as avatar,
25
- d as check,
26
- c as chevron,
25
+ v as check,
26
+ t as chevron,
27
27
  p as chevronRight,
28
28
  l as default,
29
29
  b as divider,
30
- u as hubMark,
31
- h as hubRow,
32
- i as panel,
33
- e as productRow,
34
- n as products,
35
- r as railTrigger,
36
- o as root,
37
- v as rowName,
38
- s as rowSub,
39
- g as rowText,
40
- w as tag,
41
- _ as trigger,
42
- t as triggerName
30
+ w as hubMark,
31
+ a as hubRow,
32
+ e as panel,
33
+ n as productRow,
34
+ g as products,
35
+ _ as railTrigger,
36
+ c as root,
37
+ i as rowName,
38
+ u as rowSub,
39
+ h as rowText,
40
+ d as tag,
41
+ o as trigger,
42
+ r as triggerName
43
43
  };
44
44
  //# sourceMappingURL=AppSwitcher.module.css.js.map
package/dist/components/NavItem/NavItem.module.css.js CHANGED
@@ -1,15 +1,15 @@
1
- const t = "_row_16hr7_4", o = "_icon_16hr7_41", n = "_label_16hr7_66", _ = "_trailingSlot_16hr7_92", c = "_count_16hr7_106", r = "_countUrgent_16hr7_110", l = {
1
+ const t = "_row_w21mf_4", o = "_icon_w21mf_41", n = "_label_w21mf_66", _ = "_trailingSlot_w21mf_92", c = "_count_w21mf_106", l = "_countUrgent_w21mf_110", r = {
2
2
  row: t,
3
3
  icon: o,
4
4
  label: n,
5
5
  trailingSlot: _,
6
6
  count: c,
7
- countUrgent: r
7
+ countUrgent: l
8
8
  };
9
9
  export {
10
10
  c as count,
11
- r as countUrgent,
12
- l as default,
11
+ l as countUrgent,
12
+ r as default,
13
13
  o as icon,
14
14
  n as label,
15
15
  t as row,
package/dist/components/TopBar/TopBar.module.css.js CHANGED
@@ -1,12 +1,12 @@
1
- const r = "_bar_r1jjn_6", a = "_breadcrumb_r1jjn_19", c = "_actions_r1jjn_32", n = {
2
- bar: r,
1
+ const b = "_bar_194bx_7", a = "_breadcrumb_194bx_20", c = "_actions_194bx_33", r = {
2
+ bar: b,
3
3
  breadcrumb: a,
4
4
  actions: c
5
5
  };
6
6
  export {
7
7
  c as actions,
8
- r as bar,
8
+ b as bar,
9
9
  a as breadcrumb,
10
- n as default
10
+ r as default
11
11
  };
12
12
  //# sourceMappingURL=TopBar.module.css.js.map
package/dist/components/WalletChip/WalletChip.module.css.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = "_chip_xyt7t_37", _ = "_header_xyt7t_74", n = "_name_xyt7t_83", s = "_pill_xyt7t_162", e = "_figure_xyt7t_171", o = "_amount_xyt7t_186", r = "_unit_xyt7t_195", a = "_retry_xyt7t_200", i = "_bar_xyt7t_209", c = "_segmentGranted_xyt7t_230", l = "_segmentPurchased_xyt7t_231", y = "_details_xyt7t_251", x = "_split_xyt7t_260", d = "_splitRow_xyt7t_267", p = "_splitLabel_xyt7t_273", u = "_splitAmount_xyt7t_281", m = "_dotGranted_xyt7t_289", g = "_dotPurchased_xyt7t_290", h = "_footer_xyt7t_304", b = "_burnNote_xyt7t_312", f = "_topUp_xyt7t_87", G = "_rail_xyt7t_378", P = "_railIcon_xyt7t_392", w = "_railFigure_xyt7t_398", A = "_srOnly_xyt7t_411", F = {
1
+ const t = "_chip_1th8y_37", _ = "_header_1th8y_74", n = "_name_1th8y_83", s = "_pill_1th8y_162", e = "_figure_1th8y_171", o = "_amount_1th8y_186", r = "_unit_1th8y_195", a = "_retry_1th8y_200", i = "_bar_1th8y_209", c = "_segmentGranted_1th8y_230", l = "_segmentPurchased_1th8y_231", h = "_details_1th8y_251", y = "_split_1th8y_260", d = "_splitRow_1th8y_267", p = "_splitLabel_1th8y_273", u = "_splitAmount_1th8y_281", m = "_dotGranted_1th8y_289", g = "_dotPurchased_1th8y_290", b = "_footer_1th8y_304", f = "_burnNote_1th8y_312", G = "_topUp_1th8y_87", P = "_rail_1th8y_378", w = "_railIcon_1th8y_392", A = "_railFigure_1th8y_398", F = "_srOnly_1th8y_411", I = {
2
2
  chip: t,
3
3
  header: _,
4
4
  name: n,
@@ -10,47 +10,47 @@ const t = "_chip_xyt7t_37", _ = "_header_xyt7t_74", n = "_name_xyt7t_83", s = "_
10
10
  bar: i,
11
11
  segmentGranted: c,
12
12
  segmentPurchased: l,
13
- details: y,
14
- split: x,
13
+ details: h,
14
+ split: y,
15
15
  splitRow: d,
16
16
  splitLabel: p,
17
17
  splitAmount: u,
18
18
  dotGranted: m,
19
19
  dotPurchased: g,
20
- footer: h,
21
- burnNote: b,
22
- topUp: f,
23
- rail: G,
24
- railIcon: P,
25
- railFigure: w,
26
- srOnly: A
20
+ footer: b,
21
+ burnNote: f,
22
+ topUp: G,
23
+ rail: P,
24
+ railIcon: w,
25
+ railFigure: A,
26
+ srOnly: F
27
27
  };
28
28
  export {
29
29
  o as amount,
30
30
  i as bar,
31
- b as burnNote,
31
+ f as burnNote,
32
32
  t as chip,
33
- F as default,
34
- y as details,
33
+ I as default,
34
+ h as details,
35
35
  m as dotGranted,
36
36
  g as dotPurchased,
37
37
  e as figure,
38
- h as footer,
38
+ b as footer,
39
39
  _ as header,
40
40
  n as name,
41
41
  s as pill,
42
- G as rail,
43
- w as railFigure,
44
- P as railIcon,
42
+ P as rail,
43
+ A as railFigure,
44
+ w as railIcon,
45
45
  a as retry,
46
46
  c as segmentGranted,
47
47
  l as segmentPurchased,
48
- x as split,
48
+ y as split,
49
49
  u as splitAmount,
50
50
  p as splitLabel,
51
51
  d as splitRow,
52
- A as srOnly,
53
- f as topUp,
52
+ F as srOnly,
53
+ G as topUp,
54
54
  r as unit
55
55
  };
56
56
  //# sourceMappingURL=WalletChip.module.css.js.map
package/dist/index.js CHANGED
@@ -1,44 +1,45 @@
1
- import { Sidebar as o } from "./components/Sidebar/Sidebar.js";
2
- import { NavSection as _ } from "./components/NavSection/NavSection.js";
3
- import { Wordmark as a } from "./components/Wordmark/Wordmark.js";
4
- import { BOOST33_MARK_MIN_LEGIBLE_PX as E, Boost33Mark as S } from "./components/Boost33Mark/Boost33Mark.js";
5
- import { PRODUCT_SLUGS as A, ProductMark as N } from "./components/ProductMark/ProductMark.js";
6
- import { NavItem as P } from "./components/NavItem/NavItem.js";
1
+ /* empty css */
2
+ import { Sidebar as t } from "./components/Sidebar/Sidebar.js";
3
+ import { NavSection as p } from "./components/NavSection/NavSection.js";
4
+ import { Wordmark as m } from "./components/Wordmark/Wordmark.js";
5
+ import { BOOST33_MARK_MIN_LEGIBLE_PX as S, Boost33Mark as f } from "./components/Boost33Mark/Boost33Mark.js";
6
+ import { PRODUCT_SLUGS as N, ProductMark as x } from "./components/ProductMark/ProductMark.js";
7
+ import { NavItem as L } from "./components/NavItem/NavItem.js";
7
8
  import { WalletChip as T } from "./components/WalletChip/WalletChip.js";
8
- import { defaultWalletChipLabels as i } from "./components/WalletChip/labels.js";
9
- import { TopBar as H } from "./components/TopBar/TopBar.js";
10
- import { PageHeader as C } from "./components/PageHeader/PageHeader.js";
11
- import { AppShell as V } from "./components/AppShell/AppShell.js";
12
- import { AppSwitcher as O } from "./components/AppSwitcher/AppSwitcher.js";
13
- import { defaultAppSwitcherLabels as G } from "./components/AppSwitcher/labels.js";
14
- import { NAV_FOCUS_GUTTER_PX as g, NAV_HEIGHT_BUDGET_PX as u, NAV_ITEM_PX as v, NAV_SECTION_GAP_PX as M, NAV_SECTION_HEADER_PX as U, NAV_SHELL_CONSUMER_SLOTS_PX as n, NAV_SHELL_FIXED_PX as D, NAV_SHELL_PACKAGE_FIXED_PX as R, checkNavHeightBudget as k, measureNavHeight as s, navBudgetForViewport as F, navContentHeight as b } from "./nav-height-budget.js";
9
+ import { defaultWalletChipLabels as l } from "./components/WalletChip/labels.js";
10
+ import { TopBar as h } from "./components/TopBar/TopBar.js";
11
+ import { PageHeader as I } from "./components/PageHeader/PageHeader.js";
12
+ import { AppShell as d } from "./components/AppShell/AppShell.js";
13
+ import { AppSwitcher as B } from "./components/AppSwitcher/AppSwitcher.js";
14
+ import { defaultAppSwitcherLabels as c } from "./components/AppSwitcher/labels.js";
15
+ import { NAV_FOCUS_GUTTER_PX as u, NAV_HEIGHT_BUDGET_PX as v, NAV_ITEM_PX as M, NAV_SECTION_GAP_PX as U, NAV_SECTION_HEADER_PX as n, NAV_SHELL_CONSUMER_SLOTS_PX as D, NAV_SHELL_FIXED_PX as R, NAV_SHELL_PACKAGE_FIXED_PX as k, checkNavHeightBudget as s, measureNavHeight as F, navBudgetForViewport as b, navContentHeight as w } from "./nav-height-budget.js";
15
16
  export {
16
- V as AppShell,
17
- O as AppSwitcher,
18
- E as BOOST33_MARK_MIN_LEGIBLE_PX,
19
- S as Boost33Mark,
20
- g as NAV_FOCUS_GUTTER_PX,
21
- u as NAV_HEIGHT_BUDGET_PX,
22
- v as NAV_ITEM_PX,
23
- M as NAV_SECTION_GAP_PX,
24
- U as NAV_SECTION_HEADER_PX,
25
- n as NAV_SHELL_CONSUMER_SLOTS_PX,
26
- D as NAV_SHELL_FIXED_PX,
27
- R as NAV_SHELL_PACKAGE_FIXED_PX,
28
- P as NavItem,
29
- _ as NavSection,
30
- A as PRODUCT_SLUGS,
31
- C as PageHeader,
32
- N as ProductMark,
33
- o as Sidebar,
34
- H as TopBar,
17
+ d as AppShell,
18
+ B as AppSwitcher,
19
+ S as BOOST33_MARK_MIN_LEGIBLE_PX,
20
+ f as Boost33Mark,
21
+ u as NAV_FOCUS_GUTTER_PX,
22
+ v as NAV_HEIGHT_BUDGET_PX,
23
+ M as NAV_ITEM_PX,
24
+ U as NAV_SECTION_GAP_PX,
25
+ n as NAV_SECTION_HEADER_PX,
26
+ D as NAV_SHELL_CONSUMER_SLOTS_PX,
27
+ R as NAV_SHELL_FIXED_PX,
28
+ k as NAV_SHELL_PACKAGE_FIXED_PX,
29
+ L as NavItem,
30
+ p as NavSection,
31
+ N as PRODUCT_SLUGS,
32
+ I as PageHeader,
33
+ x as ProductMark,
34
+ t as Sidebar,
35
+ h as TopBar,
35
36
  T as WalletChip,
36
- a as Wordmark,
37
- k as checkNavHeightBudget,
38
- G as defaultAppSwitcherLabels,
39
- i as defaultWalletChipLabels,
40
- s as measureNavHeight,
41
- F as navBudgetForViewport,
42
- b as navContentHeight
37
+ m as Wordmark,
38
+ s as checkNavHeightBudget,
39
+ c as defaultAppSwitcherLabels,
40
+ l as defaultWalletChipLabels,
41
+ F as measureNavHeight,
42
+ b as navBudgetForViewport,
43
+ w as navContentHeight
43
44
  };
44
45
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- ._sidebar_17kel_7{display:flex;flex-direction:column;box-sizing:border-box;width:var(--container-sidebar);height:100%;padding-inline:var(--spacing-3);border-right:1px solid var(--color-border);background:var(--color-background);font-family:var(--font-sans)}._sidebar_17kel_7[data-collapsed=true]{width:var(--container-sidebar-rail)}._sidebar_17kel_7>nav{flex-shrink:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:calc(-1 * var(--spacing-1));padding:var(--spacing-1);scroll-padding:var(--spacing-1)}@media(prefers-reduced-motion:reduce){._sidebar_17kel_7>nav{scroll-behavior:auto}}._section_3sxsg_5{display:flex;flex-direction:column}._header_3sxsg_13{margin:0;padding:var(--spacing-2) var(--spacing-2_5);color:var(--color-foreground-muted);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}._wordmark_1k88r_4{display:flex;align-items:center;gap:var(--spacing-2_5);font-family:var(--font-display)}._mark_1k88r_17{display:inline-flex;flex:0 0 var(--spacing-6);align-items:center;justify-content:center;width:var(--spacing-6);height:var(--spacing-6)}._mark_1k88r_17 svg{width:100%;height:100%}._name_1k88r_35{color:var(--color-foreground);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}._wordmark_1k88r_4[data-collapsed=true] ._name_1k88r_35{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}._wordmark_1k88r_4[data-collapsed=true]{justify-content:center}._tile_5vhrh_12{fill:var(--color-neutral-950)}._ring_5vhrh_16{fill:var(--color-primary)}._mark_5vhrh_24{display:block}._mark_1jt5g_6{display:block}._ground_1jt5g_17{rx:var(--radius-product-tile)}._row_16hr7_4{display:flex;align-items:center;width:100%;gap:var(--spacing-2_5);padding:var(--spacing-2) var(--spacing-2_5);border:none;border-radius:var(--radius-lg);background:transparent;font-family:var(--font-sans);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard)}._row_16hr7_4:hover{background:var(--color-surface-muted)}._row_16hr7_4[data-active=true]{background:var(--color-surface)}._row_16hr7_4:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._icon_16hr7_41{display:inline-flex;flex:0 0 var(--spacing-4);align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);color:var(--color-foreground-secondary)}._icon_16hr7_41 svg{width:100%;height:100%}._row_16hr7_4[data-active=true] ._icon_16hr7_41{color:var(--color-foreground)}._row_16hr7_4[data-collapsed=true]{justify-content:center}._label_16hr7_66{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--color-foreground-secondary);font-size:var(--text-nav-label);font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}._row_16hr7_4[data-active=true] ._label_16hr7_66{color:var(--color-foreground);font-weight:var(--font-weight-semibold)}._row_16hr7_4[data-collapsed=true] ._label_16hr7_66{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}._trailingSlot_16hr7_92{display:flex;flex:0 0 var(--spacing-5_5);align-items:center;justify-content:center;width:var(--spacing-5_5);font-family:var(--font-sans);font-size:var(--text-nav-label)}._row_16hr7_4[data-collapsed=true] ._trailingSlot_16hr7_92{display:none}._count_16hr7_106{color:var(--color-foreground-muted)}._countUrgent_16hr7_110{color:var(--color-primary)}@media(prefers-reduced-motion:reduce){._row_16hr7_4{transition:none}}._chip_xyt7t_37{--chip-lift: 0px;position:relative;box-sizing:border-box;width:100%;padding:calc(var(--spacing-3) + var(--chip-lift));border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:transparent;font-family:var(--font-sans)}._chip_xyt7t_37:not([data-unknown]):hover,._chip_xyt7t_37:not([data-unknown]):focus-within,._chip_xyt7t_37[data-threshold]{--chip-lift: var(--spacing-0_5);box-shadow:var(--shadow-overlay)}._chip_xyt7t_37:not([data-threshold]):not([data-unknown]):hover,._chip_xyt7t_37:not([data-threshold]):not([data-unknown]):focus-within{background:var(--color-surface)}._chip_xyt7t_37:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._header_xyt7t_74{display:flex;align-items:center;gap:var(--spacing-2)}._chip_xyt7t_37:not([data-threshold]):not([data-unknown]) ._header_xyt7t_74{padding-right:var(--spacing-topup-reserve)}._name_xyt7t_83{min-width:0;overflow:hidden;color:var(--color-foreground-muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}._pill_xyt7t_162{padding:var(--spacing-0_5) var(--spacing-2);border-radius:var(--radius-full);background:var(--color-warning-subtle);color:var(--color-warning);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold)}._figure_xyt7t_171{display:flex;align-items:baseline;gap:var(--spacing-1_5);margin-top:calc(var(--spacing-2_5) + var(--chip-lift))}._amount_xyt7t_186{color:var(--color-foreground);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-none)}._unit_xyt7t_195{color:var(--color-foreground-muted);font-size:var(--text-xs)}._retry_xyt7t_200{width:var(--spacing-3);height:var(--spacing-3);color:var(--color-foreground-muted)}._bar_xyt7t_209{display:flex;overflow:hidden;width:100%;height:calc(var(--spacing-1_25) + var(--chip-lift));margin-top:calc(var(--spacing-2_5) + var(--chip-lift));border-radius:var(--radius-full)}._bar_xyt7t_209[data-tone=rest]{background:var(--color-surface-muted)}._bar_xyt7t_209[data-tone=threshold]{background:var(--color-warning-subtle)}._bar_xyt7t_209[data-tone=unknown]{background:var(--color-surface-muted)}._segmentGranted_xyt7t_230,._segmentPurchased_xyt7t_231{height:100%;transition:width var(--duration-fast) var(--easing-standard)}._segmentGranted_xyt7t_230{background:var(--color-grant)}._segmentPurchased_xyt7t_231{background:var(--color-purchased)}._details_xyt7t_251{display:none}._chip_xyt7t_37:hover ._details_xyt7t_251,._chip_xyt7t_37:focus-within ._details_xyt7t_251{display:block}._split_xyt7t_260{display:flex;flex-direction:column;gap:var(--spacing-1);margin:var(--spacing-2_5) 0 0}._splitRow_xyt7t_267{display:flex;align-items:center;justify-content:space-between}._splitLabel_xyt7t_273{display:flex;align-items:center;gap:var(--spacing-1_5);color:var(--color-foreground);font-size:var(--text-xs)}._splitAmount_xyt7t_281{margin:0;color:var(--color-foreground);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}._dotGranted_xyt7t_289,._dotPurchased_xyt7t_290{width:var(--spacing-1_5);height:var(--spacing-1_5);border-radius:var(--radius-full)}._dotGranted_xyt7t_289{background:var(--color-grant)}._dotPurchased_xyt7t_290{background:var(--color-purchased)}._footer_xyt7t_304{margin:var(--spacing-3) 0 0;padding-top:var(--spacing-1);border-top:1px solid var(--color-border);color:var(--color-foreground-muted);font-size:var(--text-2xs)}._burnNote_xyt7t_312{margin:var(--spacing-2_5) 0 0;color:var(--color-foreground-secondary);font-size:var(--text-2xs);line-height:var(--leading-snug)}._topUp_xyt7t_87{position:absolute;top:calc(var(--spacing-3) + var(--chip-lift));right:calc(var(--spacing-3) + var(--chip-lift));padding:0;border:none;background:transparent;color:var(--color-primary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);opacity:0;cursor:pointer;transition:opacity var(--duration-fast) var(--easing-standard)}._chip_xyt7t_37:hover ._topUp_xyt7t_87,._chip_xyt7t_37:focus-within ._topUp_xyt7t_87,._topUp_xyt7t_87:focus-visible{opacity:1}._topUp_xyt7t_87:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._topUp_xyt7t_87[data-grown=true]{position:static;width:100%;margin-top:var(--spacing-2_5);padding:var(--spacing-2);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-primary-foreground);font-size:var(--text-sm);opacity:1}._topUp_xyt7t_87[data-grown=true]:hover{background:var(--color-primary-hover)}._rail_xyt7t_378{--chip-lift: 0px;position:relative;display:flex;box-sizing:border-box;width:100%;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);font-family:var(--font-sans)}._railIcon_xyt7t_392{width:var(--spacing-6);height:var(--spacing-6);color:var(--color-foreground-secondary)}._railFigure_xyt7t_398{color:var(--color-foreground);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}._rail_xyt7t_378 ._bar_xyt7t_209{height:var(--spacing-0_5);margin-top:0}._srOnly_xyt7t_411{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}@media(prefers-reduced-motion:reduce){._segmentGranted_xyt7t_230,._segmentPurchased_xyt7t_231,._topUp_xyt7t_87{transition:none}}._bar_r1jjn_6{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);box-sizing:border-box;height:var(--spacing-12);padding:0 var(--spacing-8);border-bottom:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans)}._breadcrumb_r1jjn_19{display:flex;min-width:0;align-items:center;gap:var(--spacing-2);overflow:hidden;color:var(--color-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}._actions_r1jjn_32{display:flex;flex:0 0 auto;align-items:center;gap:var(--spacing-2)}._header_i17td_42{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8);padding:var(--spacing-4_5) var(--spacing-8) var(--spacing-4);background:var(--color-surface);font-family:var(--font-sans)}._headings_i17td_52{display:flex;min-width:0;flex-direction:column;gap:var(--spacing-1)}._title_i17td_33{margin:0;color:var(--color-foreground);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}._subtitle_i17td_74{margin:0;color:var(--color-foreground-secondary);font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--leading-snug)}._actions_i17td_82{display:flex;flex:0 0 auto;align-items:center;gap:var(--spacing-2)}._shell_19o9q_10{display:flex;height:100%;background:var(--color-surface);font-family:var(--font-sans)}._wordmark_19o9q_20{padding:var(--spacing-3) var(--spacing-2_5) var(--spacing-5)}._switcher_19o9q_26{padding-bottom:var(--spacing-4)}._foot_19o9q_33{display:flex;flex-direction:column;gap:var(--spacing-4);margin-block-start:auto;padding-block-start:var(--spacing-4)}._nav_19o9q_45{display:flex;flex-direction:column;gap:var(--spacing-4)}._main_19o9q_54{display:flex;min-width:0;flex:1;flex-direction:column}._content_19o9q_65{flex:1;min-height:0;overflow-y:auto;background:var(--color-surface)}:root{--color-neutral-0: #FFFFFF;--color-neutral-50: #F7F7F8;--color-neutral-100: #EFEFF1;--color-neutral-200: #E5E5EA;--color-neutral-300: #D9D9D9;--color-neutral-400: #C1C1C2;--color-neutral-500: #8E8E93;--color-neutral-600: #6B6B6B;--color-neutral-700: #525252;--color-neutral-800: #3A3A3C;--color-neutral-900: #292929;--color-neutral-950: #1D1D1B;--color-neutral-1000: #000000;--color-orange-50: #FDF3EE;--color-orange-100: #FBE2D5;--color-orange-200: #F7C3A8;--color-orange-300: #F0A173;--color-orange-400: #EB7147;--color-orange-500: #E9521E;--color-orange-600: #C2410C;--color-orange-700: #9A3412;--color-sand-100: #FBF3E4;--color-sand-300: #F3D6AC;--color-sand-600: #8A6510;--color-green-100: #DDF0E4;--color-green-600: #157F3D;--color-crimson-100: #F7DEE1;--color-crimson-600: #A3182B;--color-blue-100: #DEE6FA;--color-blue-600: #2A5BD7;--color-background: var(--color-neutral-50);--color-surface: var(--color-neutral-0);--color-surface-muted: var(--color-neutral-100);--color-border: var(--color-neutral-200);--color-border-strong: var(--color-neutral-300);--color-foreground: var(--color-neutral-950);--color-foreground-secondary: var(--color-neutral-700);--color-foreground-muted: var(--color-neutral-600);--color-foreground-disabled: var(--color-neutral-400);--color-primary: var(--color-orange-500);--color-primary-hover: var(--color-orange-600);--color-primary-foreground: var(--color-neutral-0);--color-primary-subtle: var(--color-orange-50);--color-primary-border: var(--color-orange-200);--color-success: var(--color-green-600);--color-success-subtle: var(--color-green-100);--color-warning: var(--color-sand-600);--color-warning-subtle: var(--color-sand-300);--color-danger: var(--color-crimson-600);--color-danger-subtle: var(--color-crimson-100);--color-info: var(--color-blue-600);--color-info-subtle: var(--color-blue-100);--color-grant: var(--color-sand-600);--color-purchased: var(--color-neutral-950);--shadow-overlay-color: rgb(29 29 27 / 20%);--font-display: var(--boost33-font-display, Outfit), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans: var(--boost33-font-sans, Inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: var(--boost33-font-mono, "Geist Mono"), ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-3xs: 9px;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 46px;--text-6xl: 60px;--text-7xl: 78px;--text-nav-label: 14px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .09em;--tracking-caps: .05em;--leading-none: 100%;--leading-tight: 120%;--leading-snug: 135%;--leading-normal: 150%;--leading-relaxed: 170%;--breakpoint-mobile: 390px;--breakpoint-desktop: 1440px;--container-sidebar: 264px;--container-sidebar-rail: 56px;--container-content: 1440px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-4_5: 18px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-2_5: 10px;--spacing-5_5: 22px;--spacing-1_5: 6px;--spacing-1_25: 5px;--spacing-0_5: 2px;--spacing-2_25: 9px;--spacing-topup-reserve: 68px;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 9999px;--radius-product-tile: 25%}:root{--duration-fast: .12s;--easing-standard: cubic-bezier(.2, 0, 0, 1)}:root{--shadow-overlay: 0px 16px 40px -10px var(--shadow-overlay-color)}._root_1ih3v_8{position:relative;font-family:var(--font-sans)}._trigger_1ih3v_17{display:flex;box-sizing:border-box;width:100%;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_25) var(--spacing-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:transparent;font-family:var(--font-sans);cursor:pointer}._trigger_1ih3v_17[aria-expanded=true]{background:var(--color-surface-muted)}._trigger_1ih3v_17:focus-visible,._railTrigger_1ih3v_46:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._triggerName_1ih3v_56{overflow:hidden;flex:1;color:var(--color-foreground);font-size:var(--text-nav-label);font-weight:var(--font-weight-semibold);text-align:left;text-overflow:ellipsis;white-space:nowrap}._chevron_1ih3v_67{width:var(--spacing-3);height:var(--spacing-3);flex-shrink:0;color:var(--color-foreground-muted);transition:transform var(--duration-fast) var(--easing-standard)}._trigger_1ih3v_17[aria-expanded=true] ._chevron_1ih3v_67{transform:rotate(180deg)}._railTrigger_1ih3v_46{display:flex;box-sizing:border-box;width:100%;min-height:var(--spacing-6);align-items:flex-start;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer}._panel_1ih3v_109{position:absolute;z-index:1;top:100%;left:0;width:var(--container-sidebar);box-sizing:border-box;margin-top:var(--spacing-0_5);padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-overlay)}._hubRow_1ih3v_135,._productRow_1ih3v_136,._accountRow_1ih3v_137{display:flex;box-sizing:border-box;width:100%;align-items:center;gap:var(--spacing-2_5);padding:var(--spacing-2);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--color-foreground);font-family:var(--font-sans);text-align:left;text-decoration:none;cursor:pointer}._hubRow_1ih3v_135:hover,._productRow_1ih3v_136:hover,._accountRow_1ih3v_137:hover{background:var(--color-surface-muted)}._hubRow_1ih3v_135:focus-visible,._productRow_1ih3v_136:focus-visible,._accountRow_1ih3v_137:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}._products_1ih3v_144{display:flex;flex-direction:column;gap:var(--spacing-0_5);margin:0;padding:0;list-style:none}._productRow_1ih3v_136[data-current=true]{background:var(--color-surface-muted)}._productRow_1ih3v_136[data-entitled=false] ._rowName_1ih3v_193{color:var(--color-foreground-muted)}._accountRow_1ih3v_137{padding-inline:var(--spacing-3)}._accountRow_1ih3v_137 ._rowName_1ih3v_193{font-size:var(--text-sm)}._accountRow_1ih3v_137 ._rowSub_1ih3v_213{font-size:var(--text-2xs)}._rowText_1ih3v_217{display:flex;min-width:0;flex-direction:column}._hubRow_1ih3v_135 ._rowText_1ih3v_217{gap:var(--spacing-0_5)}._rowName_1ih3v_193{overflow:hidden;color:var(--color-foreground);font-size:var(--text-nav-label);font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}._productRow_1ih3v_136 ._rowName_1ih3v_193{flex:1}._rowSub_1ih3v_213{overflow:hidden;color:var(--color-foreground-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}._hubMark_1ih3v_260{width:var(--spacing-5);height:var(--spacing-5);flex-shrink:0;color:var(--color-foreground)}._tag_1ih3v_276{flex-shrink:0;margin-left:auto;padding:var(--spacing-0_5) var(--spacing-1_5);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-foreground-muted);font-size:var(--text-2xs);font-weight:var(--font-weight-medium)}._check_1ih3v_287{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;margin-left:auto;color:var(--color-foreground)}._avatar_1ih3v_300{display:grid;width:var(--spacing-6);height:var(--spacing-6);flex-shrink:0;border-radius:var(--radius-lg);background:var(--color-surface-muted);color:var(--color-foreground-secondary);font-size:var(--text-3xs);font-weight:var(--font-weight-semibold);place-items:center}._chevronRight_1ih3v_313{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;margin-left:auto;color:var(--color-foreground-muted)}._divider_1ih3v_334{margin:var(--spacing-2_25) 0 var(--spacing-2);border:none;border-top:1px solid var(--color-border)}._products_1ih3v_144+._divider_1ih3v_334{margin:var(--spacing-1_5) 0 var(--spacing-1)}@media(prefers-reduced-motion:reduce){._chevron_1ih3v_67{transition:none}}
1
+ .btn-primary,.btn-quiet,.btn-danger{cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.btn-primary{border:none;background:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-quiet{background:transparent;color:var(--color-foreground-secondary)}.btn-quiet:hover:not(:disabled){background:var(--color-surface-muted)}.btn-danger{border:1px solid var(--color-danger);background:var(--color-danger);color:var(--color-neutral-0)}.btn-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-danger) 85%,var(--color-neutral-950));background:color-mix(in srgb,var(--color-danger) 85%,var(--color-neutral-950))}.btn-primary:disabled,.btn-quiet:disabled,.btn-danger:disabled{opacity:.55;cursor:not-allowed}.spinner{box-sizing:border-box;width:var(--spacing-4_5);height:var(--spacing-4_5);border:2px solid var(--color-neutral-0);border-right-color:transparent;border-radius:var(--radius-full);animation:boost33-spin var(--dur-spin) linear infinite}.spinner--sm{width:var(--spacing-3_5);height:var(--spacing-3_5)}.spinner--primary{border-color:var(--color-primary);border-right-color:transparent}@keyframes boost33-spin{to{transform:rotate(360deg)}}.sk{display:block;border-radius:var(--radius-md);background:var(--color-surface-muted);animation:boost33-pulse var(--dur-pulse) ease-in-out infinite}.sk-group{animation:boost33-appear var(--dur-base) var(--ease-out) var(--dur-fast) both}.reveal{animation:boost33-appear var(--dur-base) var(--ease-out) both}@keyframes boost33-pulse{50%{opacity:.55}}@keyframes boost33-appear{0%{opacity:0}}@media(prefers-reduced-motion:no-preference){.btn-primary:active:not(:disabled),.btn-quiet:active:not(:disabled),.btn-danger:active:not(:disabled){transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.sk,.sk-group,.reveal,.spinner{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}._sidebar_17kel_7{display:flex;flex-direction:column;box-sizing:border-box;width:var(--container-sidebar);height:100%;padding-inline:var(--spacing-3);border-right:1px solid var(--color-border);background:var(--color-background);font-family:var(--font-sans)}._sidebar_17kel_7[data-collapsed=true]{width:var(--container-sidebar-rail)}._sidebar_17kel_7>nav{flex-shrink:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:calc(-1 * var(--spacing-1));padding:var(--spacing-1);scroll-padding:var(--spacing-1)}@media(prefers-reduced-motion:reduce){._sidebar_17kel_7>nav{scroll-behavior:auto}}._section_3sxsg_5{display:flex;flex-direction:column}._header_3sxsg_13{margin:0;padding:var(--spacing-2) var(--spacing-2_5);color:var(--color-foreground-muted);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}._wordmark_1k88r_4{display:flex;align-items:center;gap:var(--spacing-2_5);font-family:var(--font-display)}._mark_1k88r_17{display:inline-flex;flex:0 0 var(--spacing-6);align-items:center;justify-content:center;width:var(--spacing-6);height:var(--spacing-6)}._mark_1k88r_17 svg{width:100%;height:100%}._name_1k88r_35{color:var(--color-foreground);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}._wordmark_1k88r_4[data-collapsed=true] ._name_1k88r_35{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}._wordmark_1k88r_4[data-collapsed=true]{justify-content:center}._tile_5vhrh_12{fill:var(--color-neutral-950)}._ring_5vhrh_16{fill:var(--color-primary)}._mark_5vhrh_24{display:block}._mark_1jt5g_6{display:block}._ground_1jt5g_17{rx:var(--radius-product-tile)}._row_w21mf_4{display:flex;align-items:center;width:100%;gap:var(--spacing-2_5);padding:var(--spacing-2) var(--spacing-2_5);border:none;border-radius:var(--radius-lg);background:transparent;font-family:var(--font-sans);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}._row_w21mf_4:hover{background:var(--color-surface-muted)}._row_w21mf_4[data-active=true]{background:var(--color-surface)}._row_w21mf_4:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._icon_w21mf_41{display:inline-flex;flex:0 0 var(--spacing-4);align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);color:var(--color-foreground-secondary)}._icon_w21mf_41 svg{width:100%;height:100%}._row_w21mf_4[data-active=true] ._icon_w21mf_41{color:var(--color-foreground)}._row_w21mf_4[data-collapsed=true]{justify-content:center}._label_w21mf_66{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--color-foreground-secondary);font-size:var(--text-nav-label);font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}._row_w21mf_4[data-active=true] ._label_w21mf_66{color:var(--color-foreground);font-weight:var(--font-weight-semibold)}._row_w21mf_4[data-collapsed=true] ._label_w21mf_66{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}._trailingSlot_w21mf_92{display:flex;flex:0 0 var(--spacing-5_5);align-items:center;justify-content:center;width:var(--spacing-5_5);font-family:var(--font-sans);font-size:var(--text-nav-label)}._row_w21mf_4[data-collapsed=true] ._trailingSlot_w21mf_92{display:none}._count_w21mf_106{color:var(--color-foreground-muted)}._countUrgent_w21mf_110{color:var(--color-primary)}@media(prefers-reduced-motion:reduce){._row_w21mf_4{transition:none}}._chip_1th8y_37{--chip-lift: 0px;position:relative;box-sizing:border-box;width:100%;padding:calc(var(--spacing-3) + var(--chip-lift));border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:transparent;font-family:var(--font-sans)}._chip_1th8y_37:not([data-unknown]):hover,._chip_1th8y_37:not([data-unknown]):focus-within,._chip_1th8y_37[data-threshold]{--chip-lift: var(--spacing-0_5);box-shadow:var(--shadow-overlay)}._chip_1th8y_37:not([data-threshold]):not([data-unknown]):hover,._chip_1th8y_37:not([data-threshold]):not([data-unknown]):focus-within{background:var(--color-surface)}._chip_1th8y_37:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._header_1th8y_74{display:flex;align-items:center;gap:var(--spacing-2)}._chip_1th8y_37:not([data-threshold]):not([data-unknown]) ._header_1th8y_74{padding-right:var(--spacing-topup-reserve)}._name_1th8y_83{min-width:0;overflow:hidden;color:var(--color-foreground-muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}._pill_1th8y_162{padding:var(--spacing-0_5) var(--spacing-2);border-radius:var(--radius-full);background:var(--color-warning-subtle);color:var(--color-warning);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold)}._figure_1th8y_171{display:flex;align-items:baseline;gap:var(--spacing-1_5);margin-top:calc(var(--spacing-2_5) + var(--chip-lift))}._amount_1th8y_186{color:var(--color-foreground);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-none)}._unit_1th8y_195{color:var(--color-foreground-muted);font-size:var(--text-xs)}._retry_1th8y_200{width:var(--spacing-3);height:var(--spacing-3);color:var(--color-foreground-muted)}._bar_1th8y_209{display:flex;overflow:hidden;width:100%;height:calc(var(--spacing-1_25) + var(--chip-lift));margin-top:calc(var(--spacing-2_5) + var(--chip-lift));border-radius:var(--radius-full)}._bar_1th8y_209[data-tone=rest]{background:var(--color-surface-muted)}._bar_1th8y_209[data-tone=threshold]{background:var(--color-warning-subtle)}._bar_1th8y_209[data-tone=unknown]{background:var(--color-surface-muted)}._segmentGranted_1th8y_230,._segmentPurchased_1th8y_231{height:100%;transition:width var(--dur-fast) var(--ease-out)}._segmentGranted_1th8y_230{background:var(--color-grant)}._segmentPurchased_1th8y_231{background:var(--color-purchased)}._details_1th8y_251{display:none}._chip_1th8y_37:hover ._details_1th8y_251,._chip_1th8y_37:focus-within ._details_1th8y_251{display:block}._split_1th8y_260{display:flex;flex-direction:column;gap:var(--spacing-1);margin:var(--spacing-2_5) 0 0}._splitRow_1th8y_267{display:flex;align-items:center;justify-content:space-between}._splitLabel_1th8y_273{display:flex;align-items:center;gap:var(--spacing-1_5);color:var(--color-foreground);font-size:var(--text-xs)}._splitAmount_1th8y_281{margin:0;color:var(--color-foreground);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}._dotGranted_1th8y_289,._dotPurchased_1th8y_290{width:var(--spacing-1_5);height:var(--spacing-1_5);border-radius:var(--radius-full)}._dotGranted_1th8y_289{background:var(--color-grant)}._dotPurchased_1th8y_290{background:var(--color-purchased)}._footer_1th8y_304{margin:var(--spacing-3) 0 0;padding-top:var(--spacing-1);border-top:1px solid var(--color-border);color:var(--color-foreground-muted);font-size:var(--text-2xs)}._burnNote_1th8y_312{margin:var(--spacing-2_5) 0 0;color:var(--color-foreground-secondary);font-size:var(--text-2xs);line-height:var(--leading-snug)}._topUp_1th8y_87{position:absolute;top:calc(var(--spacing-3) + var(--chip-lift));right:calc(var(--spacing-3) + var(--chip-lift));padding:0;border:none;background:transparent;color:var(--color-primary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);opacity:0;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out)}._chip_1th8y_37:hover ._topUp_1th8y_87,._chip_1th8y_37:focus-within ._topUp_1th8y_87,._topUp_1th8y_87:focus-visible{opacity:1}._topUp_1th8y_87:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._topUp_1th8y_87[data-grown=true]{position:static;width:100%;margin-top:var(--spacing-2_5);padding:var(--spacing-2);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-primary-foreground);font-size:var(--text-sm);opacity:1}._topUp_1th8y_87[data-grown=true]:hover{background:var(--color-primary-hover)}._rail_1th8y_378{--chip-lift: 0px;position:relative;display:flex;box-sizing:border-box;width:100%;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);font-family:var(--font-sans)}._railIcon_1th8y_392{width:var(--spacing-6);height:var(--spacing-6);color:var(--color-foreground-secondary)}._railFigure_1th8y_398{color:var(--color-foreground);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}._rail_1th8y_378 ._bar_1th8y_209{height:var(--spacing-0_5);margin-top:0}._srOnly_1th8y_411{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}@media(prefers-reduced-motion:reduce){._segmentGranted_1th8y_230,._segmentPurchased_1th8y_231,._topUp_1th8y_87{transition:none}}._bar_194bx_7{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);box-sizing:border-box;height:var(--spacing-12);padding:0 var(--spacing-8);border-bottom:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans)}._breadcrumb_194bx_20{display:flex;min-width:0;align-items:center;gap:var(--spacing-2);overflow:hidden;color:var(--color-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}._actions_194bx_33{display:flex;flex:0 0 auto;align-items:center;gap:var(--spacing-2)}@supports (animation-timeline: --a) and (timeline-scope: --a){@container style(--boost33-shell-timeline: on){._bar_194bx_7{position:relative;z-index:1;animation:_scrolled_194bx_1 linear both;animation-timeline:--boost33-shell-scroll;animation-range:0 var(--spacing-10)}}}@keyframes _scrolled_194bx_1{to{box-shadow:var(--shadow-scrolled)}}._header_i17td_42{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8);padding:var(--spacing-4_5) var(--spacing-8) var(--spacing-4);background:var(--color-surface);font-family:var(--font-sans)}._headings_i17td_52{display:flex;min-width:0;flex-direction:column;gap:var(--spacing-1)}._title_i17td_33{margin:0;color:var(--color-foreground);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}._subtitle_i17td_74{margin:0;color:var(--color-foreground-secondary);font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--leading-snug)}._actions_i17td_82{display:flex;flex:0 0 auto;align-items:center;gap:var(--spacing-2)}._shell_1iynb_10{display:flex;height:100%;background:var(--color-surface);font-family:var(--font-sans)}._wordmark_1iynb_20{padding:var(--spacing-3) var(--spacing-2_5) var(--spacing-5)}._switcher_1iynb_26{padding-bottom:var(--spacing-4)}._foot_1iynb_33{display:flex;flex-direction:column;gap:var(--spacing-4);margin-block-start:auto;padding-block-start:var(--spacing-4)}._nav_1iynb_45{display:flex;flex-direction:column;gap:var(--spacing-4)}._main_1iynb_54{display:flex;min-width:0;flex:1;flex-direction:column}._content_1iynb_65{flex:1;min-height:0;overflow-y:auto;background:var(--color-surface)}@supports (animation-timeline: --a) and (timeline-scope: --a){._main_1iynb_54{timeline-scope:--boost33-shell-scroll;--boost33-shell-timeline: on}._content_1iynb_65{scroll-timeline:--boost33-shell-scroll block}}:root{--color-neutral-0: #FFFFFF;--color-neutral-50: #F7F7F8;--color-neutral-100: #EFEFF1;--color-neutral-200: #E5E5EA;--color-neutral-300: #D9D9D9;--color-neutral-400: #C1C1C2;--color-neutral-500: #8E8E93;--color-neutral-600: #6B6B6B;--color-neutral-700: #525252;--color-neutral-800: #3A3A3C;--color-neutral-900: #292929;--color-neutral-950: #1D1D1B;--color-neutral-1000: #000000;--color-orange-50: #FDF3EE;--color-orange-100: #FBE2D5;--color-orange-200: #F7C3A8;--color-orange-300: #F0A173;--color-orange-400: #EB7147;--color-orange-500: #E9521E;--color-orange-600: #C2410C;--color-orange-700: #9A3412;--color-sand-100: #FBF3E4;--color-sand-300: #F3D6AC;--color-sand-600: #8A6510;--color-green-100: #DDF0E4;--color-green-600: #157F3D;--color-crimson-100: #F7DEE1;--color-crimson-600: #A3182B;--color-blue-100: #DEE6FA;--color-blue-600: #2A5BD7;--color-background: var(--color-neutral-50);--color-surface: var(--color-neutral-0);--color-surface-muted: var(--color-neutral-100);--color-border: var(--color-neutral-200);--color-border-strong: var(--color-neutral-300);--color-foreground: var(--color-neutral-950);--color-foreground-secondary: var(--color-neutral-700);--color-foreground-muted: var(--color-neutral-600);--color-foreground-disabled: var(--color-neutral-400);--color-primary: var(--color-orange-500);--color-primary-hover: var(--color-orange-600);--color-primary-foreground: var(--color-neutral-0);--color-primary-subtle: var(--color-orange-50);--color-primary-border: var(--color-orange-200);--color-success: var(--color-green-600);--color-success-subtle: var(--color-green-100);--color-warning: var(--color-sand-600);--color-warning-subtle: var(--color-sand-300);--color-danger: var(--color-crimson-600);--color-danger-subtle: var(--color-crimson-100);--color-info: var(--color-blue-600);--color-info-subtle: var(--color-blue-100);--color-grant: var(--color-sand-600);--color-purchased: var(--color-neutral-950);--shadow-overlay-color: rgb(29 29 27 / 20%);--font-display: var(--boost33-font-display, Outfit), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans: var(--boost33-font-sans, Inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: var(--boost33-font-mono, "Geist Mono"), ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-3xs: 9px;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 46px;--text-6xl: 60px;--text-7xl: 78px;--text-nav-label: 14px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .09em;--tracking-caps: .05em;--leading-none: 100%;--leading-tight: 120%;--leading-snug: 135%;--leading-normal: 150%;--leading-relaxed: 170%;--breakpoint-mobile: 390px;--breakpoint-desktop: 1440px;--container-sidebar: 264px;--container-sidebar-rail: 56px;--container-content: 1440px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-4_5: 18px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-2_5: 10px;--spacing-5_5: 22px;--spacing-1_5: 6px;--spacing-1_25: 5px;--spacing-0_5: 2px;--spacing-2_25: 9px;--spacing-topup-reserve: 68px;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 9999px;--radius-product-tile: 25%}:root{--dur-instant: 80ms;--dur-fast: .15s;--dur-base: .22s;--dur-slow: .32s;--dur-bold: .7s;--dur-hero: .9s;--dur-spin: .7s;--dur-pulse: 1.6s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--lift-sm: -1px;--lift-md: -2px;--rise: 8px;--stagger: 40ms;--duration-fast: var(--dur-fast);--easing-standard: var(--ease-out)}:root{--shadow-overlay: 0px 16px 40px -10px var(--shadow-overlay-color);--shadow-lift: 0px 10px 24px -14px color-mix(in srgb, var(--color-neutral-950) 28%, transparent);--shadow-scrolled: 0px 6px 16px -12px color-mix(in srgb, var(--color-neutral-950) 35%, transparent)}._root_24c25_8{position:relative;font-family:var(--font-sans)}._trigger_24c25_17{display:flex;box-sizing:border-box;width:100%;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_25) var(--spacing-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:transparent;font-family:var(--font-sans);cursor:pointer}._trigger_24c25_17[aria-expanded=true]{background:var(--color-surface-muted)}._trigger_24c25_17:focus-visible,._railTrigger_24c25_46:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._triggerName_24c25_56{overflow:hidden;flex:1;color:var(--color-foreground);font-size:var(--text-nav-label);font-weight:var(--font-weight-semibold);text-align:left;text-overflow:ellipsis;white-space:nowrap}._chevron_24c25_67{width:var(--spacing-3);height:var(--spacing-3);flex-shrink:0;color:var(--color-foreground-muted);transition:transform var(--dur-fast) var(--ease-out)}._trigger_24c25_17[aria-expanded=true] ._chevron_24c25_67{transform:rotate(180deg)}._railTrigger_24c25_46{display:flex;box-sizing:border-box;width:100%;min-height:var(--spacing-6);align-items:flex-start;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer}._panel_24c25_109{position:absolute;z-index:1;top:100%;left:0;width:var(--container-sidebar);box-sizing:border-box;margin-top:var(--spacing-0_5);padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-overlay)}._hubRow_24c25_135,._productRow_24c25_136,._accountRow_24c25_137{display:flex;box-sizing:border-box;width:100%;align-items:center;gap:var(--spacing-2_5);padding:var(--spacing-2);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--color-foreground);font-family:var(--font-sans);text-align:left;text-decoration:none;cursor:pointer}._hubRow_24c25_135:hover,._productRow_24c25_136:hover,._accountRow_24c25_137:hover{background:var(--color-surface-muted)}._hubRow_24c25_135:focus-visible,._productRow_24c25_136:focus-visible,._accountRow_24c25_137:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}._products_24c25_144{display:flex;flex-direction:column;gap:var(--spacing-0_5);margin:0;padding:0;list-style:none}._productRow_24c25_136[data-current=true]{background:var(--color-surface-muted)}._productRow_24c25_136[data-entitled=false] ._rowName_24c25_193{color:var(--color-foreground-muted)}._accountRow_24c25_137{padding-inline:var(--spacing-3)}._accountRow_24c25_137 ._rowName_24c25_193{font-size:var(--text-sm)}._accountRow_24c25_137 ._rowSub_24c25_213{font-size:var(--text-2xs)}._rowText_24c25_217{display:flex;min-width:0;flex-direction:column}._hubRow_24c25_135 ._rowText_24c25_217{gap:var(--spacing-0_5)}._rowName_24c25_193{overflow:hidden;color:var(--color-foreground);font-size:var(--text-nav-label);font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}._productRow_24c25_136 ._rowName_24c25_193{flex:1}._rowSub_24c25_213{overflow:hidden;color:var(--color-foreground-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}._hubMark_24c25_260{width:var(--spacing-5);height:var(--spacing-5);flex-shrink:0;color:var(--color-foreground)}._tag_24c25_276{flex-shrink:0;margin-left:auto;padding:var(--spacing-0_5) var(--spacing-1_5);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-foreground-muted);font-size:var(--text-2xs);font-weight:var(--font-weight-medium)}._check_24c25_287{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;margin-left:auto;color:var(--color-foreground)}._avatar_24c25_300{display:grid;width:var(--spacing-6);height:var(--spacing-6);flex-shrink:0;border-radius:var(--radius-lg);background:var(--color-surface-muted);color:var(--color-foreground-secondary);font-size:var(--text-3xs);font-weight:var(--font-weight-semibold);place-items:center}._chevronRight_24c25_313{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;margin-left:auto;color:var(--color-foreground-muted)}._divider_24c25_334{margin:var(--spacing-2_25) 0 var(--spacing-2);border:none;border-top:1px solid var(--color-border)}._products_24c25_144+._divider_24c25_334{margin:var(--spacing-1_5) 0 var(--spacing-1)}@media(prefers-reduced-motion:reduce){._chevron_24c25_67{transition:none}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@boost33/ui",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "The app shell every Boost33 product renders inside.",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",