@duro-app/ui 5.7.0 → 5.8.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 (127) hide show
  1. package/dist/{Table-Dj7PXqO_.js → Table-CAjPFgTX.js} +397 -394
  2. package/dist/Table-CAjPFgTX.js.map +1 -0
  3. package/dist/{compiler-runtime-B2IcI8_O.js → compiler-runtime-BuugS4D0.js} +67 -59
  4. package/dist/{compiler-runtime-B2IcI8_O.js.map → compiler-runtime-BuugS4D0.js.map} +1 -1
  5. package/dist/components/AppShell/AppShell.d.ts +74 -0
  6. package/dist/components/AppShell/AppShell.d.ts.map +1 -0
  7. package/dist/components/AppShell/AppShell.meta.d.ts +3 -0
  8. package/dist/components/AppShell/AppShell.meta.d.ts.map +1 -0
  9. package/dist/components/AppShell/AppShell.stories.d.ts +186 -0
  10. package/dist/components/AppShell/AppShell.stories.d.ts.map +1 -0
  11. package/dist/components/AppShell/styles.css.d.ts +187 -0
  12. package/dist/components/AppShell/styles.css.d.ts.map +1 -0
  13. package/dist/components/Aside/Aside.d.ts +23 -0
  14. package/dist/components/Aside/Aside.d.ts.map +1 -0
  15. package/dist/components/Aside/Aside.meta.d.ts +3 -0
  16. package/dist/components/Aside/Aside.meta.d.ts.map +1 -0
  17. package/dist/components/Aside/Aside.stories.d.ts +45 -0
  18. package/dist/components/Aside/Aside.stories.d.ts.map +1 -0
  19. package/dist/components/Aside/styles.css.d.ts +44 -0
  20. package/dist/components/Aside/styles.css.d.ts.map +1 -0
  21. package/dist/components/Button/styles.css.d.ts +2 -0
  22. package/dist/components/Button/styles.css.d.ts.map +1 -1
  23. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +3 -3
  24. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts.map +1 -1
  25. package/dist/components/CodeBlock/CodeBlock.d.ts +29 -0
  26. package/dist/components/CodeBlock/CodeBlock.d.ts.map +1 -0
  27. package/dist/components/CodeBlock/CodeBlock.meta.d.ts +3 -0
  28. package/dist/components/CodeBlock/CodeBlock.meta.d.ts.map +1 -0
  29. package/dist/components/CodeBlock/CodeBlock.stories.d.ts +67 -0
  30. package/dist/components/CodeBlock/CodeBlock.stories.d.ts.map +1 -0
  31. package/dist/components/CodeBlock/styles.css.d.ts +32 -0
  32. package/dist/components/CodeBlock/styles.css.d.ts.map +1 -0
  33. package/dist/components/Grid/Grid.d.ts +13 -4
  34. package/dist/components/Grid/Grid.d.ts.map +1 -1
  35. package/dist/components/Grid/Grid.meta.d.ts.map +1 -1
  36. package/dist/components/Grid/Grid.stories.d.ts +28 -0
  37. package/dist/components/Grid/Grid.stories.d.ts.map +1 -1
  38. package/dist/components/Grid/styles.css.d.ts +3 -0
  39. package/dist/components/Grid/styles.css.d.ts.map +1 -1
  40. package/dist/components/Heading/Heading.d.ts +3 -1
  41. package/dist/components/Heading/Heading.d.ts.map +1 -1
  42. package/dist/components/Heading/Heading.stories.d.ts +9 -0
  43. package/dist/components/Heading/Heading.stories.d.ts.map +1 -0
  44. package/dist/components/LinkButton/LinkButton.stories.d.ts +7 -0
  45. package/dist/components/LinkButton/LinkButton.stories.d.ts.map +1 -1
  46. package/dist/components/LinkButton/styles.css.d.ts +2 -0
  47. package/dist/components/LinkButton/styles.css.d.ts.map +1 -1
  48. package/dist/components/LiveRegion/LiveRegion.d.ts +28 -0
  49. package/dist/components/LiveRegion/LiveRegion.d.ts.map +1 -0
  50. package/dist/components/LiveRegion/LiveRegion.meta.d.ts +3 -0
  51. package/dist/components/LiveRegion/LiveRegion.meta.d.ts.map +1 -0
  52. package/dist/components/LiveRegion/LiveRegion.stories.d.ts +66 -0
  53. package/dist/components/LiveRegion/LiveRegion.stories.d.ts.map +1 -0
  54. package/dist/components/Menu/Menu.stories.d.ts +7 -0
  55. package/dist/components/Menu/Menu.stories.d.ts.map +1 -1
  56. package/dist/components/Menu/styles.css.d.ts +2 -0
  57. package/dist/components/Menu/styles.css.d.ts.map +1 -1
  58. package/dist/components/PageNav/styles.css.d.ts +1 -1
  59. package/dist/components/Prose/Prose.d.ts +17 -0
  60. package/dist/components/Prose/Prose.d.ts.map +1 -0
  61. package/dist/components/Prose/Prose.meta.d.ts +3 -0
  62. package/dist/components/Prose/Prose.meta.d.ts.map +1 -0
  63. package/dist/components/Prose/Prose.stories.d.ts +63 -0
  64. package/dist/components/Prose/Prose.stories.d.ts.map +1 -0
  65. package/dist/components/SideNav/SideNav.d.ts +7 -1
  66. package/dist/components/SideNav/SideNav.d.ts.map +1 -1
  67. package/dist/components/SideNav/SideNav.stories.d.ts +3 -0
  68. package/dist/components/SideNav/SideNav.stories.d.ts.map +1 -1
  69. package/dist/components/Time/Time.d.ts +26 -0
  70. package/dist/components/Time/Time.d.ts.map +1 -0
  71. package/dist/components/Time/Time.meta.d.ts +3 -0
  72. package/dist/components/Time/Time.meta.d.ts.map +1 -0
  73. package/dist/components/Time/Time.stories.d.ts +77 -0
  74. package/dist/components/Time/Time.stories.d.ts.map +1 -0
  75. package/dist/components/Time/relative.d.ts +27 -0
  76. package/dist/components/Time/relative.d.ts.map +1 -0
  77. package/dist/form.js +1 -1
  78. package/dist/hooks/useContainerBelow.d.ts +18 -0
  79. package/dist/hooks/useContainerBelow.d.ts.map +1 -0
  80. package/dist/index.css +1 -1
  81. package/dist/index.d.ts +9 -1
  82. package/dist/index.d.ts.map +1 -1
  83. package/dist/index.js +4766 -4088
  84. package/dist/index.js.map +1 -1
  85. package/dist/table.js +2 -2
  86. package/package.json +2 -2
  87. package/src/components/AppShell/AppShell.meta.ts +62 -0
  88. package/src/components/AppShell/AppShell.stories.tsx +770 -0
  89. package/src/components/AppShell/AppShell.tsx +346 -0
  90. package/src/components/AppShell/styles.css.ts +219 -0
  91. package/src/components/Aside/Aside.meta.ts +33 -0
  92. package/src/components/Aside/Aside.stories.tsx +106 -0
  93. package/src/components/Aside/Aside.tsx +42 -0
  94. package/src/components/Aside/styles.css.ts +60 -0
  95. package/src/components/Button/styles.css.ts +7 -2
  96. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +4 -5
  97. package/src/components/CodeBlock/CodeBlock.meta.ts +29 -0
  98. package/src/components/CodeBlock/CodeBlock.stories.tsx +162 -0
  99. package/src/components/CodeBlock/CodeBlock.tsx +99 -0
  100. package/src/components/CodeBlock/styles.css.ts +36 -0
  101. package/src/components/Grid/Grid.meta.ts +2 -1
  102. package/src/components/Grid/Grid.stories.tsx +202 -3
  103. package/src/components/Grid/Grid.tsx +35 -6
  104. package/src/components/Grid/styles.css.ts +11 -0
  105. package/src/components/Heading/Heading.stories.tsx +51 -0
  106. package/src/components/Heading/Heading.tsx +38 -7
  107. package/src/components/LinkButton/LinkButton.stories.tsx +41 -1
  108. package/src/components/LinkButton/styles.css.ts +6 -2
  109. package/src/components/LiveRegion/LiveRegion.meta.ts +29 -0
  110. package/src/components/LiveRegion/LiveRegion.stories.tsx +139 -0
  111. package/src/components/LiveRegion/LiveRegion.tsx +48 -0
  112. package/src/components/Menu/Menu.stories.tsx +62 -0
  113. package/src/components/Menu/styles.css.ts +6 -3
  114. package/src/components/Prose/Prose.meta.ts +32 -0
  115. package/src/components/Prose/Prose.stories.tsx +233 -0
  116. package/src/components/Prose/Prose.tsx +25 -0
  117. package/src/components/Prose/prose.css +177 -0
  118. package/src/components/SideNav/SideNav.stories.tsx +29 -0
  119. package/src/components/SideNav/SideNav.tsx +14 -2
  120. package/src/components/Time/Time.meta.ts +17 -0
  121. package/src/components/Time/Time.stories.tsx +173 -0
  122. package/src/components/Time/Time.tsx +33 -0
  123. package/src/components/Time/relative.ts +89 -0
  124. package/src/hooks/useContainerBelow.ts +39 -0
  125. package/src/index.ts +13 -1
  126. package/src/strict.css +4 -1
  127. package/dist/Table-Dj7PXqO_.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import E from "react";
1
+ import A from "react";
2
2
  /**
3
3
  * @license react-strict-dom
4
4
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -10,52 +10,52 @@ var q = {};
10
10
  Object.defineProperty(q, "__esModule", {
11
11
  value: !0
12
12
  });
13
- var D = q.styleq = void 0, C = /* @__PURE__ */ new WeakMap(), U = "$$css";
14
- function z(t) {
13
+ var D = q.styleq = void 0, C = /* @__PURE__ */ new WeakMap(), H = "$$css";
14
+ function E(t) {
15
15
  var i, l, d;
16
16
  return t != null && (i = t.disableCache === !0, l = t.disableMix === !0, d = t.transform), function() {
17
- for (var s = [], o = "", n = null, c = "", r = i ? null : C, u = new Array(arguments.length), k = 0; k < arguments.length; k++)
18
- u[k] = arguments[k];
17
+ for (var s = [], o = "", n = null, c = "", r = i ? null : C, u = new Array(arguments.length), x = 0; x < arguments.length; x++)
18
+ u[x] = arguments[x];
19
19
  for (; u.length > 0; ) {
20
20
  var m = u.pop();
21
21
  if (!(m == null || m === !1)) {
22
22
  if (Array.isArray(m)) {
23
- for (var $ = 0; $ < m.length; $++)
24
- u.push(m[$]);
23
+ for (var _ = 0; _ < m.length; _++)
24
+ u.push(m[_]);
25
25
  continue;
26
26
  }
27
27
  var a = d != null ? d(m) : m;
28
28
  if (a.$$css != null) {
29
29
  var f = "";
30
30
  if (r != null && r.has(a)) {
31
- var b = r.get(a);
32
- b != null && (f = b[0], c = b[2], s.push.apply(s, b[1]), r = b[3]);
31
+ var g = r.get(a);
32
+ g != null && (f = g[0], c = g[2], s.push.apply(s, g[1]), r = g[3]);
33
33
  } else {
34
- var N = [];
34
+ var M = [];
35
35
  for (var p in a) {
36
36
  var v = a[p];
37
- if (p === U) {
38
- var j = a[p];
39
- j !== !0 && (c = c ? j + "; " + c : j);
37
+ if (p === H) {
38
+ var y = a[p];
39
+ y !== !0 && (c = c ? y + "; " + c : y);
40
40
  continue;
41
41
  }
42
- typeof v == "string" || v === null ? s.includes(p) || (s.push(p), r != null && N.push(p), typeof v == "string" && (f += f ? " " + v : v)) : console.error("styleq: ".concat(p, " typeof ").concat(String(v), ' is not "string" or "null".'));
42
+ typeof v == "string" || v === null ? s.includes(p) || (s.push(p), r != null && M.push(p), typeof v == "string" && (f += f ? " " + v : v)) : console.error("styleq: ".concat(p, " typeof ").concat(String(v), ' is not "string" or "null".'));
43
43
  }
44
44
  if (r != null) {
45
- var O = /* @__PURE__ */ new WeakMap();
46
- r.set(a, [f, N, c, O]), r = O;
45
+ var N = /* @__PURE__ */ new WeakMap();
46
+ r.set(a, [f, M, c, N]), r = N;
47
47
  }
48
48
  }
49
49
  f && (o = o ? f + " " + o : f);
50
50
  } else if (l)
51
51
  n == null && (n = {}), n = Object.assign({}, a, n);
52
52
  else {
53
- var x = null;
53
+ var k = null;
54
54
  for (var R in a) {
55
- var y = a[R];
56
- y !== void 0 && (s.includes(R) || (y != null && (n == null && (n = {}), x == null && (x = {}), x[R] = y), s.push(R), r = null));
55
+ var j = a[R];
56
+ j !== void 0 && (s.includes(R) || (j != null && (n == null && (n = {}), k == null && (k = {}), k[R] = j), s.push(R), r = null));
57
57
  }
58
- x != null && (n = Object.assign(x, n));
58
+ k != null && (n = Object.assign(k, n));
59
59
  }
60
60
  }
61
61
  }
@@ -63,22 +63,22 @@ function z(t) {
63
63
  return T;
64
64
  };
65
65
  }
66
- var H = D = q.styleq = z();
67
- H.factory = z;
68
- const I = D.factory({
66
+ var P = D = q.styleq = E();
67
+ P.factory = E;
68
+ const U = D.factory({
69
69
  disableMix: !0
70
70
  });
71
- function ae(...t) {
72
- const [i, l, d] = I(t), g = {};
73
- if (i != null && i !== "" && (g.className = i), l != null && (g.style = l), d != null && d !== "") {
71
+ function se(...t) {
72
+ const [i, l, d] = U(t), b = {};
73
+ if (i != null && i !== "" && (b.className = i), l != null && (b.style = l), d != null && d !== "") {
74
74
  const s = d.split(";"), o = {};
75
75
  for (const n of s) {
76
76
  const c = n.trim(), [r, u] = c.split(":");
77
77
  u != null && (o[r] = o[r] != null ? `${o[r]},${u}` : u);
78
78
  }
79
- g["data-style-src"] = Object.keys(o).map((n) => `${n}:${o[n]}`).join("; ");
79
+ b["data-style-src"] = Object.keys(o).map((n) => `${n}:${o[n]}`).join("; ");
80
80
  }
81
- return g;
81
+ return b;
82
82
  }
83
83
  const e = {
84
84
  block: {
@@ -104,6 +104,12 @@ const e = {
104
104
  "borderWidth-kMzoRj": "borderWidth-xmkeg23",
105
105
  $$css: ".pnpm:web/runtime.js:178"
106
106
  },
107
+ codePre: {
108
+ "fontFamily-kMv6JI": "fontFamily-x1lxnp44",
109
+ "fontSize-kGuDYH": "fontSize-xrv4cvt",
110
+ "overflow-kVQacm": "overflow-xysyzu8",
111
+ $$css: ".pnpm:web/runtime.js:181"
112
+ },
107
113
  heading: {
108
114
  "fontSize-kGuDYH": "fontSize-xngnso2",
109
115
  "wordWrap-kD5eJx": "wordWrap-x1vvkbs",
@@ -124,29 +130,31 @@ const e = {
124
130
  "resize-kHenm0": "resize-x288g5",
125
131
  $$css: ".pnpm:web/runtime.js:212"
126
132
  }
127
- }, P = e.inline, Y = [e.inlineblock, e.button], G = e.block, L = e.block, h = [e.block, e.heading], V = e.block, X = [e.inlineblock, e.input], J = e.inline, B = e.block, F = e.block, Q = e.block, Z = e.block, K = e.inline, ee = [e.inlineblock, e.textarea], ne = [e.list, e.block], le = {
128
- a: P,
129
- button: Y,
130
- div: G,
131
- form: L,
133
+ }, I = e.inline, Y = e.block, G = [e.inlineblock, e.button], L = e.block, V = e.block, h = [e.block, e.heading], J = e.block, X = [e.inlineblock, e.input], F = e.inline, B = e.block, Q = e.block, Z = e.block, K = e.block, ee = [e.block, e.codePre], ne = e.inline, re = [e.inlineblock, e.textarea], te = [e.list, e.block], ce = {
134
+ a: I,
135
+ aside: Y,
136
+ button: G,
137
+ div: L,
138
+ form: V,
132
139
  h1: h,
133
140
  h2: h,
134
141
  h3: h,
135
142
  h4: h,
136
143
  h5: h,
137
144
  h6: h,
138
- header: V,
145
+ header: J,
139
146
  input: X,
140
- label: J,
147
+ label: F,
141
148
  li: B,
142
- main: F,
143
- nav: Q,
144
- p: Z,
145
- span: K,
146
- textarea: ee,
147
- ul: ne
149
+ main: Q,
150
+ nav: Z,
151
+ p: K,
152
+ pre: ee,
153
+ span: ne,
154
+ textarea: re,
155
+ ul: te
148
156
  };
149
- var _ = { exports: {} }, S = {};
157
+ var $ = { exports: {} }, S = {};
150
158
  /**
151
159
  * @license React
152
160
  * react-compiler-runtime.production.js
@@ -156,11 +164,11 @@ var _ = { exports: {} }, S = {};
156
164
  * This source code is licensed under the MIT license found in the
157
165
  * LICENSE file in the root directory of this source tree.
158
166
  */
159
- var W;
160
- function re() {
161
- if (W) return S;
162
- W = 1;
163
- var t = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
167
+ var O;
168
+ function ie() {
169
+ if (O) return S;
170
+ O = 1;
171
+ var t = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
164
172
  return S.c = function(i) {
165
173
  return t.H.useMemoCache(i);
166
174
  }, S;
@@ -175,10 +183,10 @@ var w = {};
175
183
  * This source code is licensed under the MIT license found in the
176
184
  * LICENSE file in the root directory of this source tree.
177
185
  */
178
- var M;
179
- function te() {
180
- return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
181
- var t = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
186
+ var W;
187
+ function oe() {
188
+ return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
189
+ var t = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
182
190
  w.c = function(i) {
183
191
  var l = t.H;
184
192
  return l === null && console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
@@ -189,14 +197,14 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
189
197
  };
190
198
  })()), w;
191
199
  }
192
- var A;
193
- function ie() {
194
- return A || (A = 1, process.env.NODE_ENV === "production" ? _.exports = re() : _.exports = te()), _.exports;
200
+ var z;
201
+ function ae() {
202
+ return z || (z = 1, process.env.NODE_ENV === "production" ? $.exports = ie() : $.exports = oe()), $.exports;
195
203
  }
196
- var se = ie();
204
+ var ue = ae();
197
205
  export {
198
- se as c,
199
- le as d,
200
- ae as m
206
+ ue as c,
207
+ ce as d,
208
+ se as m
201
209
  };
202
- //# sourceMappingURL=compiler-runtime-B2IcI8_O.js.map
210
+ //# sourceMappingURL=compiler-runtime-BuugS4D0.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"compiler-runtime-B2IcI8_O.js","sources":["../../../node_modules/.pnpm/react-strict-dom@0.0.55_postcss@8.5.28_react-dom@19.2.4_react@19.2.4__react-native@0.84_0ade363cd0c4e49834b1d723f1f3430e/node_modules/react-strict-dom/dist/web/runtime.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-compiler-runtime.production.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-compiler-runtime.development.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/compiler-runtime.js"],"sourcesContent":["/**\n * @license react-strict-dom\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\nimport * as stylex from '@stylexjs/stylex';\n\nvar styleq$1 = {};\n\nObject.defineProperty(styleq$1, \"__esModule\", {\n value: true\n});\nvar styleq_2 = styleq$1.styleq = void 0;\nvar cache = new WeakMap();\nvar compiledKey = '$$css';\nfunction createStyleq(options) {\n var disableCache;\n var disableMix;\n var transform;\n if (options != null) {\n disableCache = options.disableCache === true;\n disableMix = options.disableMix === true;\n transform = options.transform;\n }\n return function styleq() {\n var definedProperties = [];\n var className = '';\n var inlineStyle = null;\n var debugString = '';\n var nextCache = disableCache ? null : cache;\n var styles = new Array(arguments.length);\n for (var i = 0; i < arguments.length; i++) {\n styles[i] = arguments[i];\n }\n while (styles.length > 0) {\n var possibleStyle = styles.pop();\n if (possibleStyle == null || possibleStyle === false) {\n continue;\n }\n if (Array.isArray(possibleStyle)) {\n for (var _i = 0; _i < possibleStyle.length; _i++) {\n styles.push(possibleStyle[_i]);\n }\n continue;\n }\n var style = transform != null ? transform(possibleStyle) : possibleStyle;\n if (style.$$css != null) {\n var classNameChunk = '';\n if (nextCache != null && nextCache.has(style)) {\n var cacheEntry = nextCache.get(style);\n if (cacheEntry != null) {\n classNameChunk = cacheEntry[0];\n debugString = cacheEntry[2];\n definedProperties.push.apply(definedProperties, cacheEntry[1]);\n nextCache = cacheEntry[3];\n }\n } else {\n var definedPropertiesChunk = [];\n for (var prop in style) {\n var value = style[prop];\n if (prop === compiledKey) {\n var compiledKeyValue = style[prop];\n if (compiledKeyValue !== true) {\n debugString = debugString ? compiledKeyValue + '; ' + debugString : compiledKeyValue;\n }\n continue;\n }\n if (typeof value === 'string' || value === null) {\n if (!definedProperties.includes(prop)) {\n definedProperties.push(prop);\n if (nextCache != null) {\n definedPropertiesChunk.push(prop);\n }\n if (typeof value === 'string') {\n classNameChunk += classNameChunk ? ' ' + value : value;\n }\n }\n } else {\n console.error(\"styleq: \".concat(prop, \" typeof \").concat(String(value), \" is not \\\"string\\\" or \\\"null\\\".\"));\n }\n }\n if (nextCache != null) {\n var weakMap = new WeakMap();\n nextCache.set(style, [classNameChunk, definedPropertiesChunk, debugString, weakMap]);\n nextCache = weakMap;\n }\n }\n if (classNameChunk) {\n className = className ? classNameChunk + ' ' + className : classNameChunk;\n }\n } else {\n if (disableMix) {\n if (inlineStyle == null) {\n inlineStyle = {};\n }\n inlineStyle = Object.assign({}, style, inlineStyle);\n } else {\n var subStyle = null;\n for (var _prop in style) {\n var _value = style[_prop];\n if (_value !== undefined) {\n if (!definedProperties.includes(_prop)) {\n if (_value != null) {\n if (inlineStyle == null) {\n inlineStyle = {};\n }\n if (subStyle == null) {\n subStyle = {};\n }\n subStyle[_prop] = _value;\n }\n definedProperties.push(_prop);\n nextCache = null;\n }\n }\n }\n if (subStyle != null) {\n inlineStyle = Object.assign(subStyle, inlineStyle);\n }\n }\n }\n }\n var styleProps = [className, inlineStyle, debugString];\n return styleProps;\n };\n}\nvar styleq = styleq_2 = styleq$1.styleq = createStyleq();\nstyleq.factory = createStyleq;\n\nconst optimizedStyleq = styleq_2.factory({\n disableMix: true\n});\nfunction merge(...styles) {\n const [className, style, dataStyleSrc] = optimizedStyleq(styles);\n const result = {};\n if (className != null && className !== '') {\n result.className = className;\n }\n if (style != null) {\n result.style = style;\n }\n if (dataStyleSrc != null && dataStyleSrc !== '') {\n const chunks = dataStyleSrc.split(';');\n const pathsMap = {};\n for (const chunk of chunks) {\n const trimmed = chunk.trim();\n const [path, line] = trimmed.split(':');\n if (line != null) {\n pathsMap[path] = pathsMap[path] != null ? `${pathsMap[path]},${line}` : line;\n }\n }\n result['data-style-src'] = Object.keys(pathsMap).map(path => `${path}:${pathsMap[path]}`).join('; ');\n }\n return result;\n}\n\nconst styles = stylex.create({\n block: {\n margin: 0,\n padding: 0\n },\n inline: {\n margin: 0,\n padding: 0,\n textDecoration: 'none',\n textAlign: 'inherit',\n wordWrap: 'break-word'\n },\n inlineblock: {\n borderStyle: 'solid',\n margin: 0,\n padding: 0\n },\n button: {\n borderWidth: 1\n },\n codePre: {\n fontFamily: 'monospace, \"monospace\"',\n fontSize: '1em',\n overflow: 'auto'\n },\n heading: {\n fontSize: '1.5rem',\n wordWrap: 'break-word'\n },\n hr: {\n backgroundColor: 'black',\n borderStyle: 'none',\n borderWidth: 0,\n boxSizing: 'border-box',\n height: 1\n },\n img: {\n aspectRatio: 'attr(width) / attr(height)',\n height: 'auto',\n maxWidth: '100%'\n },\n input: {\n borderWidth: 1,\n borderStyle: 'solid'\n },\n list: {\n listStyle: 'none'\n },\n strong: {\n fontWeight: 'bold'\n },\n textarea: {\n borderWidth: 1,\n borderStyle: 'solid',\n resize: 'vertical'\n }\n});\nconst a = styles.inline;\nconst article = styles.block;\nconst aside = styles.block;\nconst b = styles.inline;\nconst bdi = styles.inline;\nconst bdo = styles.inline;\nconst blockquote = styles.block;\nconst br = null;\nconst button = [styles.inlineblock, styles.button];\nconst code = [styles.inline, styles.codePre];\nconst del = null;\nconst div = styles.block;\nconst em = styles.inline;\nconst fieldset = styles.block;\nconst footer = styles.block;\nconst form = styles.block;\nconst heading = [styles.block, styles.heading];\nconst header = styles.block;\nconst hr = [styles.block, styles.hr];\nconst i = styles.inline;\nconst img = styles.img;\nconst input = [styles.inlineblock, styles.input];\nconst ins = null;\nconst kbd = null;\nconst label = styles.inline;\nconst li = styles.block;\nconst main = styles.block;\nconst mark = styles.inline;\nconst nav = styles.block;\nconst ol = [styles.list, styles.block];\nconst optgroup = null;\nconst option = null;\nconst p = styles.block;\nconst pre = [styles.block, styles.codePre];\nconst s = null;\nconst section = styles.block;\nconst select = styles.inlineblock;\nconst span = styles.inline;\nconst strong = [styles.inline, styles.strong];\nconst sub = styles.inline;\nconst sup = styles.inline;\nconst textarea = [styles.inlineblock, styles.textarea];\nconst u = null;\nconst ul = [styles.list, styles.block];\nconst defaultStyles = {\n a: a,\n article: article,\n aside: aside,\n b: b,\n bdi: bdi,\n bdo: bdo,\n blockquote: blockquote,\n br: br,\n button: button,\n code: code,\n del: del,\n div: div,\n em: em,\n fieldset: fieldset,\n footer: footer,\n form: form,\n h1: heading,\n h2: heading,\n h3: heading,\n h4: heading,\n h5: heading,\n h6: heading,\n header: header,\n hr: hr,\n i: i,\n img: img,\n input: input,\n ins: ins,\n kbd: kbd,\n label: label,\n li: li,\n main: main,\n mark: mark,\n nav: nav,\n ol: ol,\n optgroup: optgroup,\n option: option,\n p: p,\n pre: pre,\n s: s,\n section: section,\n select: select,\n span: span,\n strong: strong,\n sub: sub,\n sup: sup,\n textarea: textarea,\n u: u,\n ul: ul\n};\n\nexport { defaultStyles, merge };\n","/**\n * @license React\n * react-compiler-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar ReactSharedInternals =\n require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\nexports.c = function (size) {\n return ReactSharedInternals.H.useMemoCache(size);\n};\n","/**\n * @license React\n * react-compiler-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n var ReactSharedInternals =\n require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n exports.c = function (size) {\n var dispatcher = ReactSharedInternals.H;\n null === dispatcher &&\n console.error(\n \"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\\n1. You might have mismatching versions of React and the renderer (such as React DOM)\\n2. You might be breaking the Rules of Hooks\\n3. You might have more than one copy of React in the same app\\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.\"\n );\n return dispatcher.useMemoCache(size);\n };\n })();\n","/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-compiler-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-compiler-runtime.development.js');\n}\n"],"names":["styleq$1","styleq_2","cache","compiledKey","createStyleq","options","disableCache","disableMix","transform","definedProperties","className","inlineStyle","debugString","nextCache","styles","i","possibleStyle","_i","style","classNameChunk","cacheEntry","definedPropertiesChunk","prop","value","compiledKeyValue","weakMap","subStyle","_prop","_value","styleProps","styleq","optimizedStyleq","merge","dataStyleSrc","result","chunks","pathsMap","chunk","trimmed","path","line","a","button","div","form","heading","header","input","label","li","main","nav","p","span","textarea","ul","defaultStyles","ReactSharedInternals","require$$0","reactCompilerRuntime_production","size","reactCompilerRuntime_development","dispatcher","compilerRuntimeModule","require$$1"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
1
+ {"version":3,"file":"compiler-runtime-BuugS4D0.js","sources":["../../../node_modules/.pnpm/react-strict-dom@0.0.55_postcss@8.5.28_react-dom@19.2.4_react@19.2.4__react-native@0.84_0ade363cd0c4e49834b1d723f1f3430e/node_modules/react-strict-dom/dist/web/runtime.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-compiler-runtime.production.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-compiler-runtime.development.js","../../../node_modules/.pnpm/react@19.2.4/node_modules/react/compiler-runtime.js"],"sourcesContent":["/**\n * @license react-strict-dom\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\nimport * as stylex from '@stylexjs/stylex';\n\nvar styleq$1 = {};\n\nObject.defineProperty(styleq$1, \"__esModule\", {\n value: true\n});\nvar styleq_2 = styleq$1.styleq = void 0;\nvar cache = new WeakMap();\nvar compiledKey = '$$css';\nfunction createStyleq(options) {\n var disableCache;\n var disableMix;\n var transform;\n if (options != null) {\n disableCache = options.disableCache === true;\n disableMix = options.disableMix === true;\n transform = options.transform;\n }\n return function styleq() {\n var definedProperties = [];\n var className = '';\n var inlineStyle = null;\n var debugString = '';\n var nextCache = disableCache ? null : cache;\n var styles = new Array(arguments.length);\n for (var i = 0; i < arguments.length; i++) {\n styles[i] = arguments[i];\n }\n while (styles.length > 0) {\n var possibleStyle = styles.pop();\n if (possibleStyle == null || possibleStyle === false) {\n continue;\n }\n if (Array.isArray(possibleStyle)) {\n for (var _i = 0; _i < possibleStyle.length; _i++) {\n styles.push(possibleStyle[_i]);\n }\n continue;\n }\n var style = transform != null ? transform(possibleStyle) : possibleStyle;\n if (style.$$css != null) {\n var classNameChunk = '';\n if (nextCache != null && nextCache.has(style)) {\n var cacheEntry = nextCache.get(style);\n if (cacheEntry != null) {\n classNameChunk = cacheEntry[0];\n debugString = cacheEntry[2];\n definedProperties.push.apply(definedProperties, cacheEntry[1]);\n nextCache = cacheEntry[3];\n }\n } else {\n var definedPropertiesChunk = [];\n for (var prop in style) {\n var value = style[prop];\n if (prop === compiledKey) {\n var compiledKeyValue = style[prop];\n if (compiledKeyValue !== true) {\n debugString = debugString ? compiledKeyValue + '; ' + debugString : compiledKeyValue;\n }\n continue;\n }\n if (typeof value === 'string' || value === null) {\n if (!definedProperties.includes(prop)) {\n definedProperties.push(prop);\n if (nextCache != null) {\n definedPropertiesChunk.push(prop);\n }\n if (typeof value === 'string') {\n classNameChunk += classNameChunk ? ' ' + value : value;\n }\n }\n } else {\n console.error(\"styleq: \".concat(prop, \" typeof \").concat(String(value), \" is not \\\"string\\\" or \\\"null\\\".\"));\n }\n }\n if (nextCache != null) {\n var weakMap = new WeakMap();\n nextCache.set(style, [classNameChunk, definedPropertiesChunk, debugString, weakMap]);\n nextCache = weakMap;\n }\n }\n if (classNameChunk) {\n className = className ? classNameChunk + ' ' + className : classNameChunk;\n }\n } else {\n if (disableMix) {\n if (inlineStyle == null) {\n inlineStyle = {};\n }\n inlineStyle = Object.assign({}, style, inlineStyle);\n } else {\n var subStyle = null;\n for (var _prop in style) {\n var _value = style[_prop];\n if (_value !== undefined) {\n if (!definedProperties.includes(_prop)) {\n if (_value != null) {\n if (inlineStyle == null) {\n inlineStyle = {};\n }\n if (subStyle == null) {\n subStyle = {};\n }\n subStyle[_prop] = _value;\n }\n definedProperties.push(_prop);\n nextCache = null;\n }\n }\n }\n if (subStyle != null) {\n inlineStyle = Object.assign(subStyle, inlineStyle);\n }\n }\n }\n }\n var styleProps = [className, inlineStyle, debugString];\n return styleProps;\n };\n}\nvar styleq = styleq_2 = styleq$1.styleq = createStyleq();\nstyleq.factory = createStyleq;\n\nconst optimizedStyleq = styleq_2.factory({\n disableMix: true\n});\nfunction merge(...styles) {\n const [className, style, dataStyleSrc] = optimizedStyleq(styles);\n const result = {};\n if (className != null && className !== '') {\n result.className = className;\n }\n if (style != null) {\n result.style = style;\n }\n if (dataStyleSrc != null && dataStyleSrc !== '') {\n const chunks = dataStyleSrc.split(';');\n const pathsMap = {};\n for (const chunk of chunks) {\n const trimmed = chunk.trim();\n const [path, line] = trimmed.split(':');\n if (line != null) {\n pathsMap[path] = pathsMap[path] != null ? `${pathsMap[path]},${line}` : line;\n }\n }\n result['data-style-src'] = Object.keys(pathsMap).map(path => `${path}:${pathsMap[path]}`).join('; ');\n }\n return result;\n}\n\nconst styles = stylex.create({\n block: {\n margin: 0,\n padding: 0\n },\n inline: {\n margin: 0,\n padding: 0,\n textDecoration: 'none',\n textAlign: 'inherit',\n wordWrap: 'break-word'\n },\n inlineblock: {\n borderStyle: 'solid',\n margin: 0,\n padding: 0\n },\n button: {\n borderWidth: 1\n },\n codePre: {\n fontFamily: 'monospace, \"monospace\"',\n fontSize: '1em',\n overflow: 'auto'\n },\n heading: {\n fontSize: '1.5rem',\n wordWrap: 'break-word'\n },\n hr: {\n backgroundColor: 'black',\n borderStyle: 'none',\n borderWidth: 0,\n boxSizing: 'border-box',\n height: 1\n },\n img: {\n aspectRatio: 'attr(width) / attr(height)',\n height: 'auto',\n maxWidth: '100%'\n },\n input: {\n borderWidth: 1,\n borderStyle: 'solid'\n },\n list: {\n listStyle: 'none'\n },\n strong: {\n fontWeight: 'bold'\n },\n textarea: {\n borderWidth: 1,\n borderStyle: 'solid',\n resize: 'vertical'\n }\n});\nconst a = styles.inline;\nconst article = styles.block;\nconst aside = styles.block;\nconst b = styles.inline;\nconst bdi = styles.inline;\nconst bdo = styles.inline;\nconst blockquote = styles.block;\nconst br = null;\nconst button = [styles.inlineblock, styles.button];\nconst code = [styles.inline, styles.codePre];\nconst del = null;\nconst div = styles.block;\nconst em = styles.inline;\nconst fieldset = styles.block;\nconst footer = styles.block;\nconst form = styles.block;\nconst heading = [styles.block, styles.heading];\nconst header = styles.block;\nconst hr = [styles.block, styles.hr];\nconst i = styles.inline;\nconst img = styles.img;\nconst input = [styles.inlineblock, styles.input];\nconst ins = null;\nconst kbd = null;\nconst label = styles.inline;\nconst li = styles.block;\nconst main = styles.block;\nconst mark = styles.inline;\nconst nav = styles.block;\nconst ol = [styles.list, styles.block];\nconst optgroup = null;\nconst option = null;\nconst p = styles.block;\nconst pre = [styles.block, styles.codePre];\nconst s = null;\nconst section = styles.block;\nconst select = styles.inlineblock;\nconst span = styles.inline;\nconst strong = [styles.inline, styles.strong];\nconst sub = styles.inline;\nconst sup = styles.inline;\nconst textarea = [styles.inlineblock, styles.textarea];\nconst u = null;\nconst ul = [styles.list, styles.block];\nconst defaultStyles = {\n a: a,\n article: article,\n aside: aside,\n b: b,\n bdi: bdi,\n bdo: bdo,\n blockquote: blockquote,\n br: br,\n button: button,\n code: code,\n del: del,\n div: div,\n em: em,\n fieldset: fieldset,\n footer: footer,\n form: form,\n h1: heading,\n h2: heading,\n h3: heading,\n h4: heading,\n h5: heading,\n h6: heading,\n header: header,\n hr: hr,\n i: i,\n img: img,\n input: input,\n ins: ins,\n kbd: kbd,\n label: label,\n li: li,\n main: main,\n mark: mark,\n nav: nav,\n ol: ol,\n optgroup: optgroup,\n option: option,\n p: p,\n pre: pre,\n s: s,\n section: section,\n select: select,\n span: span,\n strong: strong,\n sub: sub,\n sup: sup,\n textarea: textarea,\n u: u,\n ul: ul\n};\n\nexport { defaultStyles, merge };\n","/**\n * @license React\n * react-compiler-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar ReactSharedInternals =\n require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\nexports.c = function (size) {\n return ReactSharedInternals.H.useMemoCache(size);\n};\n","/**\n * @license React\n * react-compiler-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n (function () {\n var ReactSharedInternals =\n require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n exports.c = function (size) {\n var dispatcher = ReactSharedInternals.H;\n null === dispatcher &&\n console.error(\n \"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\\n1. You might have mismatching versions of React and the renderer (such as React DOM)\\n2. You might be breaking the Rules of Hooks\\n3. You might have more than one copy of React in the same app\\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.\"\n );\n return dispatcher.useMemoCache(size);\n };\n })();\n","/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-compiler-runtime.production.js');\n} else {\n module.exports = require('./cjs/react-compiler-runtime.development.js');\n}\n"],"names":["styleq$1","styleq_2","cache","compiledKey","createStyleq","options","disableCache","disableMix","transform","definedProperties","className","inlineStyle","debugString","nextCache","styles","i","possibleStyle","_i","style","classNameChunk","cacheEntry","definedPropertiesChunk","prop","value","compiledKeyValue","weakMap","subStyle","_prop","_value","styleProps","styleq","optimizedStyleq","merge","dataStyleSrc","result","chunks","pathsMap","chunk","trimmed","path","line","a","aside","button","div","form","heading","header","input","label","li","main","nav","p","pre","span","textarea","ul","defaultStyles","ReactSharedInternals","require$$0","reactCompilerRuntime_production","size","reactCompilerRuntime_development","dispatcher","compilerRuntimeModule","require$$1"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
@@ -0,0 +1,74 @@
1
+ import { ReactNode, Ref } from 'react';
2
+ export type AppShellCollapse = 'sm' | 'md' | 'lg';
3
+ interface RootProps {
4
+ /** The narrow-width button that opens the navigation ("Menu"), from your text catalog. */
5
+ menuLabel: string;
6
+ /** The accessible name of the drawer's close button ("Close navigation"). */
7
+ closeLabel: string;
8
+ /** The skip link's text ("Skip to content"): the first tab stop, it moves focus to Main. */
9
+ skipLabel: string;
10
+ /**
11
+ * The app's name or logo — usually a link home. Shown at the top of the
12
+ * rail and, below `collapseBelow`, in the bar beside the Menu button.
13
+ */
14
+ brand?: ReactNode;
15
+ /**
16
+ * Below this breakpoint, measured on the shell's own width, the rail
17
+ * becomes a Drawer behind the Menu button. Default `sm`.
18
+ */
19
+ collapseBelow?: AppShellCollapse;
20
+ /**
21
+ * `AppShell.Rail`, `AppShell.Main` and an optional `AppShell.Header`, as
22
+ * direct children (Root places the Header's content in its bar).
23
+ */
24
+ children: ReactNode;
25
+ }
26
+ declare function Root({ menuLabel, closeLabel, skipLabel, brand, collapseBelow, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
27
+ export interface AppShellRailState {
28
+ /**
29
+ * Closes the drawer. Call it after any selection in the navigation — the
30
+ * current page included, where no route change would close it.
31
+ */
32
+ close: () => void;
33
+ }
34
+ type RailContent = ReactNode | ((state: AppShellRailState) => ReactNode);
35
+ interface RailProps {
36
+ /** Names the navigation landmark and the drawer ("Navigation"); required. */
37
+ 'aria-label': string;
38
+ /**
39
+ * The navigation (a SideNav, a Tree). Rendered in the rail, or in the
40
+ * drawer while it is open (never both); a function receives `close`.
41
+ */
42
+ children: RailContent;
43
+ /**
44
+ * What sits at the rail's foot — the signed-in user, a licence line —
45
+ * and at the end of the drawer. A function receives `close`.
46
+ */
47
+ footer?: RailContent;
48
+ }
49
+ declare function Rail({ 'aria-label': ariaLabel, children, footer }: RailProps): import("react/jsx-runtime").JSX.Element;
50
+ interface HeaderProps {
51
+ /**
52
+ * The header's content: a search form, the account menu. Below
53
+ * `collapseBelow` it joins the Menu button and the brand in the sticky
54
+ * bar; above, it is a row over Main that scrolls with the page.
55
+ */
56
+ children?: ReactNode;
57
+ }
58
+ declare function Header({ children }: HeaderProps): import("react/jsx-runtime").JSX.Element;
59
+ interface MainProps {
60
+ children: ReactNode;
61
+ /** The skip link's target; Root makes one with `useId` when it is left out. */
62
+ id?: string;
63
+ /** The `main` element: the container to hand `useContainerBelow`. */
64
+ ref?: Ref<HTMLElement>;
65
+ }
66
+ declare function Main({ children, id, ref }: MainProps): import("react/jsx-runtime").JSX.Element;
67
+ export declare const AppShell: {
68
+ Root: typeof Root;
69
+ Rail: typeof Rail;
70
+ Header: typeof Header;
71
+ Main: typeof Main;
72
+ };
73
+ export {};
74
+ //# sourceMappingURL=AppShell.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,OAAO,CAAA;AAyBd,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAsDjD,UAAU,SAAS;IACjB,0FAA0F;IAC1F,SAAS,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EACL,aAAoB,EACpB,QAAQ,GACT,EAAE,SAAS,2CAqFX;AAID,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,KAAK,WAAW,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC,CAAA;AAExE,UAAU,SAAS;IACjB,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,WAAW,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAID,iBAAS,IAAI,CAAC,EAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,SAAS,2CA6CnE;AAID,UAAU,WAAW;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAQtC;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,+EAA+E;IAC/E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qEAAqE;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAC,EAAE,SAAS,2CAoB3C;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ComponentMeta } from '../component-meta';
2
+ export declare const meta: ComponentMeta;
3
+ //# sourceMappingURL=AppShell.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppShell.meta.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2DlB,CAAA"}
@@ -0,0 +1,186 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ import { AppShellCollapse } from './AppShell';
3
+ type FrameWidth = 'phone' | 'tablet' | 'desktop';
4
+ type HeaderContent = 'none' | 'search' | 'search-account';
5
+ interface ShellArgs {
6
+ /** The story's frame: the width the shell measures. */
7
+ width: FrameWidth;
8
+ /** What `AppShell.Header` holds; `none` leaves the Header out. */
9
+ header: HeaderContent;
10
+ /** The brand link's text; empty for no brand. */
11
+ brand: string;
12
+ /** The rail's footer text; empty for no footer. */
13
+ footer: string;
14
+ collapseBelow: AppShellCollapse;
15
+ menuLabel: string;
16
+ closeLabel: string;
17
+ skipLabel: string;
18
+ /** A pick in the navigation (SideNav `onValueChange`). */
19
+ onNavigate: (path: string) => void;
20
+ /** The search input's value, on every change. */
21
+ onSearchChange: (value: string) => void;
22
+ /** The search input's value, on Enter. */
23
+ onSearchSubmit: (value: string) => void;
24
+ /** An item of the account menu. */
25
+ onAccountAction: (action: string) => void;
26
+ }
27
+ declare const meta: {
28
+ title: string;
29
+ render: ({ width, ...args }: ShellArgs) => import("react/jsx-runtime").JSX.Element;
30
+ args: {
31
+ width: "desktop";
32
+ header: "search";
33
+ brand: string;
34
+ footer: string;
35
+ collapseBelow: "sm";
36
+ menuLabel: string;
37
+ closeLabel: string;
38
+ skipLabel: string;
39
+ onNavigate: import('storybook/test').Mock<(...args: any[]) => any>;
40
+ onSearchChange: import('storybook/test').Mock<(...args: any[]) => any>;
41
+ onSearchSubmit: import('storybook/test').Mock<(...args: any[]) => any>;
42
+ onAccountAction: import('storybook/test').Mock<(...args: any[]) => any>;
43
+ };
44
+ argTypes: {
45
+ width: {
46
+ control: {
47
+ type: "radio";
48
+ labels: {
49
+ phone: string;
50
+ tablet: string;
51
+ desktop: string;
52
+ };
53
+ };
54
+ options: string[];
55
+ };
56
+ header: {
57
+ control: {
58
+ type: "radio";
59
+ labels: {
60
+ none: string;
61
+ search: string;
62
+ 'search-account': string;
63
+ };
64
+ };
65
+ options: string[];
66
+ };
67
+ brand: {
68
+ control: "text";
69
+ };
70
+ footer: {
71
+ control: "text";
72
+ };
73
+ collapseBelow: {
74
+ control: "radio";
75
+ options: string[];
76
+ };
77
+ menuLabel: {
78
+ control: "text";
79
+ };
80
+ closeLabel: {
81
+ control: "text";
82
+ };
83
+ skipLabel: {
84
+ control: "text";
85
+ };
86
+ };
87
+ parameters: {
88
+ a11y: {
89
+ test: string;
90
+ options: {
91
+ rules: {
92
+ 'color-contrast-enhanced': {
93
+ enabled: boolean;
94
+ };
95
+ };
96
+ };
97
+ };
98
+ layout: string;
99
+ };
100
+ };
101
+ export default meta;
102
+ type Story = StoryObj<typeof meta>;
103
+ /**
104
+ * Every part of the shell, driven by Controls. Try: set `width` to phone and
105
+ * press Menu to open the rail in a drawer; set `collapseBelow` to lg at the
106
+ * tablet width; click in the canvas and press Tab for the skip link. A pick in
107
+ * the navigation, the search box and the account menu show up in Actions.
108
+ * The desktop frame is 1280px wide, but it shrinks to the canvas when the
109
+ * Controls panel takes room, so it can measure less there.
110
+ */
111
+ export declare const Playground: Story;
112
+ /**
113
+ * Phone: the rail is hidden; one sticky bar holds the Menu button, the brand
114
+ * and the Header's content.
115
+ */
116
+ export declare const Phone: Story;
117
+ /** No Header: the desktop shell is the rail and the page, nothing above Main. */
118
+ export declare const NoHeader: Story;
119
+ /** `footer` sits at the rail's foot: the signed-in user, a licence line. */
120
+ export declare const RailFooter: Story;
121
+ /** Phone's checks, kept off the visible story so a Control change cannot fail them. */
122
+ export declare const PhoneChecks: Story;
123
+ /** NoHeader's checks, kept off the visible story so a Control change cannot fail them. */
124
+ export declare const NoHeaderChecks: Story;
125
+ /** RailFooter's checks, kept off the visible story so a Control change cannot fail them. */
126
+ export declare const RailFooterChecks: Story;
127
+ /** Desktop: the brand and the rail beside the header and the page; no Menu button. */
128
+ export declare const DesktopLandmarks: Story;
129
+ /**
130
+ * The Menu button opens the rail in a Drawer. Focus moves into the drawer,
131
+ * and back to the Menu button when it closes — by Escape, and after a pick.
132
+ */
133
+ export declare const PhoneDrawer: Story;
134
+ /**
135
+ * The Playground's actions reach their args: a pick in the navigation, the
136
+ * search input's changes and Enter, an account menu item.
137
+ */
138
+ export declare const PlaygroundActions: Story;
139
+ /** No Header on a phone still gives the bar: the Menu button and the brand. */
140
+ export declare const NoHeaderPhone: Story;
141
+ /**
142
+ * The brand is in the server's HTML twice (the top of the rail, the bar) and
143
+ * CSS shows one: the accessibility tree holds exactly one link at a phone's
144
+ * width and at a desktop's, and only that one takes focus.
145
+ */
146
+ export declare const Brand: Story;
147
+ /** The footer comes along into the drawer, after the navigation. */
148
+ export declare const RailFooterInDrawer: Story;
149
+ /**
150
+ * `collapseBelow="md"`: at 680px (between sm and md) the shell already shows
151
+ * the Menu button, on its own width — the window does not change.
152
+ */
153
+ export declare const CollapseBelowMd: Story;
154
+ /** The skip link is the first tab stop and moves focus to Main. */
155
+ export declare const SkipLink: Story;
156
+ /** Without an id on Main, the skip link targets the one Root generates. */
157
+ export declare const SkipLinkGeneratedId: Story;
158
+ /** A Header Root cannot see (inside a fragment) fails loudly, not silently. */
159
+ export declare const WrappedHeaderThrows: Story;
160
+ /**
161
+ * Below the collapse point an Aside inside Main sticks below the bar, not
162
+ * under it; above, at its own offset: AppShell sets the bar's height on an
163
+ * element inside its query container, and Aside's top adds it to its offset.
164
+ */
165
+ export declare const AsideBelowBar: Story;
166
+ /**
167
+ * The server renders the shell once, for every width: CSS picks the rail or
168
+ * the Menu button before any script runs, and hydration reports nothing. The
169
+ * brand is in that HTML twice (rail and bar), one of them in the
170
+ * accessibility tree. It replaces the canvas's content with the server's
171
+ * HTML, then hydrates and unmounts it, so it runs as a test only.
172
+ */
173
+ export declare const ServerRender: Story;
174
+ /**
175
+ * At a phone's width nothing moves after hydration (layout shift 0), with a
176
+ * Header and without: the brand and the Menu button are in the server's HTML.
177
+ */
178
+ export declare const NoLayoutShift: Story;
179
+ /**
180
+ * A touch screen gets a 44px Menu button (the small Button's coarse-pointer
181
+ * target); a mouse keeps the compact control.
182
+ * It drives Chrome's touch emulation through Vitest's CDP session, so it runs
183
+ * as a test and stays out of the dev sidebar (there is no Vitest there).
184
+ */
185
+ export declare const MenuButtonTouchTarget: Story;
186
+ //# sourceMappingURL=AppShell.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AASpD,OAAO,EAAW,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;AAe1D,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAqChD,KAAK,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,gBAAgB,CAAA;AAEzD,UAAU,SAAS;IACjB,uDAAuD;IACvD,KAAK,EAAE,UAAU,CAAA;IACjB,kEAAkE;IAClE,MAAM,EAAE,aAAa,CAAA;IACrB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,gBAAgB,CAAA;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,0DAA0D;IAC1D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,iDAAiD;IACjD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0CAA0C;IAC1C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,mCAAmC;IACnC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAyFD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDiB,CAAA;AAE3B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAelC;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAA;AAED,iFAAiF;AACjF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AAED,4EAA4E;AAC5E,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAID,uFAAuF;AACvF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAA;AAED,0FAA0F;AAC1F,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAA;AAED,4FAA4F;AAC5F,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAA;AAED,sFAAsF;AACtF,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAgB/B,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,EAAE,KAqBnB,CAAA;AAED,oEAAoE;AACpE,eAAO,MAAM,kBAAkB,EAAE,KAYhC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KA2B7B,CAAA;AAED,mEAAmE;AACnE,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAA;AAYD,+EAA+E;AAC/E,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAA;AAID;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,KAmD3B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAiCD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA"}