basefn 1.1.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +61 -65
  2. package/package.json +3 -2
  3. package/rescript.json +0 -5
  4. package/src/Basefn.res +105 -35
  5. package/src/Basefn.res.mjs +70 -35
  6. package/src/Demo.res.mjs +199 -230
  7. package/src/Example.res.mjs +12 -17
  8. package/src/components/Basefn__Accordion.res +3 -1
  9. package/src/components/Basefn__Accordion.res.mjs +9 -0
  10. /package/src/{Basefn.css → basefn.css} +0 -0
package/src/Demo.res.mjs CHANGED
@@ -1,41 +1,10 @@
1
1
  // Generated by ReScript, PLEASE EDIT WITH CARE
2
2
 
3
3
  import * as Xote from "xote/src/Xote.res.mjs";
4
+ import * as Basefn from "./Basefn.res.mjs";
4
5
  import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
5
- import * as Basefn__Kbd from "./components/Basefn__Kbd.res.mjs";
6
6
  import * as Stdlib_Bool from "@rescript/runtime/lib/es6/Stdlib_Bool.js";
7
- import * as Basefn__Card from "./components/Basefn__Card.res.mjs";
8
- import * as Basefn__Grid from "./components/Basefn__Grid.res.mjs";
9
- import * as Basefn__Tabs from "./components/Basefn__Tabs.res.mjs";
10
- import * as Basefn__Alert from "./components/Basefn__Alert.res.mjs";
11
- import * as Basefn__Badge from "./components/Basefn__Badge.res.mjs";
12
- import * as Basefn__Input from "./components/Basefn__Input.res.mjs";
13
- import * as Basefn__Label from "./components/Basefn__Label.res.mjs";
14
- import * as Basefn__Modal from "./components/Basefn__Modal.res.mjs";
15
- import * as Basefn__Radio from "./components/Basefn__Radio.res.mjs";
16
- import * as Basefn__Toast from "./components/Basefn__Toast.res.mjs";
17
- import * as Basefn__Avatar from "./components/Basefn__Avatar.res.mjs";
18
- import * as Basefn__Button from "./components/Basefn__Button.res.mjs";
19
- import * as Basefn__Drawer from "./components/Basefn__Drawer.res.mjs";
20
- import * as Basefn__Select from "./components/Basefn__Select.res.mjs";
21
- import * as Basefn__Slider from "./components/Basefn__Slider.res.mjs";
22
- import * as Basefn__Switch from "./components/Basefn__Switch.res.mjs";
23
- import * as Basefn__Topbar from "./components/Basefn__Topbar.res.mjs";
24
- import * as Basefn__Sidebar from "./components/Basefn__Sidebar.res.mjs";
25
- import * as Basefn__Spinner from "./components/Basefn__Spinner.res.mjs";
26
- import * as Basefn__Stepper from "./components/Basefn__Stepper.res.mjs";
27
- import * as Basefn__Tooltip from "./components/Basefn__Tooltip.res.mjs";
28
- import * as Basefn__Checkbox from "./components/Basefn__Checkbox.res.mjs";
29
- import * as Basefn__Dropdown from "./components/Basefn__Dropdown.res.mjs";
30
- import * as Basefn__Progress from "./components/Basefn__Progress.res.mjs";
31
- import * as Basefn__Textarea from "./components/Basefn__Textarea.res.mjs";
32
- import * as Basefn__Timeline from "./components/Basefn__Timeline.res.mjs";
33
7
  import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
34
- import * as Basefn__Accordion from "./components/Basefn__Accordion.res.mjs";
35
- import * as Basefn__AppLayout from "./components/Basefn__AppLayout.res.mjs";
36
- import * as Basefn__Separator from "./components/Basefn__Separator.res.mjs";
37
- import * as Basefn__Breadcrumb from "./components/Basefn__Breadcrumb.res.mjs";
38
- import * as Basefn__Typography from "./components/Basefn__Typography.res.mjs";
39
8
 
40
9
  import './styles/variables.css'
41
10
  ;
@@ -142,16 +111,16 @@ function Demo$Demo(props) {
142
111
  style: "color: #6b7280; margin-bottom: 2rem;",
143
112
  children: Xote.Component.text("A demonstration of all form components with both static and reactive values.")
144
113
  }),
145
- Xote__JSX.jsxs(Basefn__Card.make, {
114
+ Xote__JSX.jsxs(Basefn.Card.make, {
146
115
  children: Xote__JSX.array([
147
- Xote__JSX.jsxs(Basefn__Grid.make, {
116
+ Xote__JSX.jsxs(Basefn.Grid.make, {
148
117
  children: Xote__JSX.array([
149
- Xote__JSX.jsx(Basefn__Avatar.make, {
118
+ Xote__JSX.jsx(Basefn.Avatar.make, {
150
119
  src: "https://upload.wikimedia.org/wikipedia/commons/a/ad/Schopfkarakara.jpg"
151
120
  }),
152
121
  Xote__JSX.Elements.jsxs("div", {
153
122
  children: Xote__JSX.array([
154
- Xote__JSX.jsx(Basefn__Typography.make, {
123
+ Xote__JSX.jsx(Basefn.Typography.make, {
155
124
  text: {
156
125
  TAG: "Static",
157
126
  _0: "Crested Caracara"
@@ -159,7 +128,7 @@ function Demo$Demo(props) {
159
128
  variant: "Unstyled",
160
129
  class: "bold"
161
130
  }),
162
- Xote__JSX.jsx(Basefn__Typography.make, {
131
+ Xote__JSX.jsx(Basefn.Typography.make, {
163
132
  text: {
164
133
  TAG: "Static",
165
134
  _0: "Bird of prey"
@@ -171,13 +140,13 @@ function Demo$Demo(props) {
171
140
  ])
172
141
  }),
173
142
  Xote__JSX.Elements.jsx("br", {}),
174
- Xote__JSX.jsxs(Basefn__Grid.make, {
143
+ Xote__JSX.jsxs(Basefn.Grid.make, {
175
144
  children: Xote__JSX.array([
176
- Xote__JSX.jsx(Basefn__Avatar.make, {
145
+ Xote__JSX.jsx(Basefn.Avatar.make, {
177
146
  src: "https://upload.wikimedia.org/wikipedia/commons/a/ad/Schopfkarakara.jpg"
178
147
  }),
179
148
  Xote__JSX.Elements.jsx("div", {
180
- children: Xote__JSX.jsx(Basefn__Typography.make, {
149
+ children: Xote__JSX.jsx(Basefn.Typography.make, {
181
150
  text: {
182
151
  TAG: "Static",
183
152
  _0: "Crested Caracara"
@@ -189,14 +158,14 @@ function Demo$Demo(props) {
189
158
  ])
190
159
  }),
191
160
  Xote__JSX.Elements.jsx("br", {}),
192
- Xote__JSX.jsxs(Basefn__Grid.make, {
161
+ Xote__JSX.jsxs(Basefn.Grid.make, {
193
162
  children: Xote__JSX.array([
194
- Xote__JSX.jsx(Basefn__Avatar.make, {
163
+ Xote__JSX.jsx(Basefn.Avatar.make, {
195
164
  src: "https://upload.wikimedia.org/wikipedia/commons/a/ad/Schopfkarakara.jpg",
196
165
  size: "Sm"
197
166
  }),
198
167
  Xote__JSX.Elements.jsx("div", {
199
- children: Xote__JSX.jsx(Basefn__Typography.make, {
168
+ children: Xote__JSX.jsx(Basefn.Typography.make, {
200
169
  text: {
201
170
  TAG: "Static",
202
171
  _0: "Crested Caracara"
@@ -207,23 +176,23 @@ function Demo$Demo(props) {
207
176
  ])
208
177
  }),
209
178
  Xote__JSX.Elements.jsx("br", {}),
210
- Xote__JSX.jsxs(Basefn__Grid.make, {
179
+ Xote__JSX.jsxs(Basefn.Grid.make, {
211
180
  gap: "1rem",
212
181
  children: Xote__JSX.array([
213
- Xote__JSX.jsx(Basefn__Avatar.make, {
182
+ Xote__JSX.jsx(Basefn.Avatar.make, {
214
183
  src: "https://upload.wikimedia.org/wikipedia/commons/a/ad/Schopfkarakara.jpg",
215
184
  size: "Lg"
216
185
  }),
217
186
  Xote__JSX.Elements.jsxs("div", {
218
187
  children: Xote__JSX.array([
219
- Xote__JSX.jsx(Basefn__Typography.make, {
188
+ Xote__JSX.jsx(Basefn.Typography.make, {
220
189
  text: {
221
190
  TAG: "Static",
222
191
  _0: "Crested Caracara"
223
192
  },
224
193
  variant: "H4"
225
194
  }),
226
- Xote__JSX.jsx(Basefn__Typography.make, {
195
+ Xote__JSX.jsx(Basefn.Typography.make, {
227
196
  text: {
228
197
  TAG: "Static",
229
198
  _0: "Bird of prey"
@@ -238,13 +207,13 @@ function Demo$Demo(props) {
238
207
  ]),
239
208
  style: "margin-bottom: 2rem;"
240
209
  }),
241
- Xote__JSX.jsxs(Basefn__Card.make, {
210
+ Xote__JSX.jsxs(Basefn.Card.make, {
242
211
  children: Xote__JSX.array([
243
- Xote__JSX.jsx(Basefn__Label.make, {
212
+ Xote__JSX.jsx(Basefn.Label.make, {
244
213
  text: "Full Name",
245
214
  required: true
246
215
  }),
247
- Xote__JSX.jsx(Basefn__Input.make, {
216
+ Xote__JSX.jsx(Basefn.Input.make, {
248
217
  value: {
249
218
  TAG: "Reactive",
250
219
  _0: name
@@ -254,11 +223,11 @@ function Demo$Demo(props) {
254
223
  placeholder: "John Doe"
255
224
  }),
256
225
  Xote__JSX.Elements.jsx("br", {}),
257
- Xote__JSX.jsx(Basefn__Label.make, {
226
+ Xote__JSX.jsx(Basefn.Label.make, {
258
227
  text: "Email Address",
259
228
  required: true
260
229
  }),
261
- Xote__JSX.jsx(Basefn__Input.make, {
230
+ Xote__JSX.jsx(Basefn.Input.make, {
262
231
  value: {
263
232
  TAG: "Reactive",
264
233
  _0: email
@@ -268,11 +237,11 @@ function Demo$Demo(props) {
268
237
  placeholder: "john@example.com"
269
238
  }),
270
239
  Xote__JSX.Elements.jsx("br", {}),
271
- Xote__JSX.jsx(Basefn__Label.make, {
240
+ Xote__JSX.jsx(Basefn.Label.make, {
272
241
  text: "Password",
273
242
  required: true
274
243
  }),
275
- Xote__JSX.jsx(Basefn__Input.make, {
244
+ Xote__JSX.jsx(Basefn.Input.make, {
276
245
  value: {
277
246
  TAG: "Reactive",
278
247
  _0: password
@@ -284,13 +253,13 @@ function Demo$Demo(props) {
284
253
  ])
285
254
  }),
286
255
  Xote__JSX.Elements.jsx("br", {}),
287
- Xote__JSX.jsxs(Basefn__Card.make, {
256
+ Xote__JSX.jsxs(Basefn.Card.make, {
288
257
  children: Xote__JSX.array([
289
- Xote__JSX.jsx(Basefn__Label.make, {
258
+ Xote__JSX.jsx(Basefn.Label.make, {
290
259
  text: "Area of Interest",
291
260
  required: false
292
261
  }),
293
- Xote__JSX.jsx(Basefn__Select.make, {
262
+ Xote__JSX.jsx(Basefn.Select.make, {
294
263
  value: selectedOption,
295
264
  onChange: e => {
296
265
  let target = e.target;
@@ -299,28 +268,28 @@ function Demo$Demo(props) {
299
268
  options: selectOptionsSignal
300
269
  }),
301
270
  Xote__JSX.Elements.jsx("br", {}),
302
- Xote__JSX.jsx(Basefn__Label.make, {
271
+ Xote__JSX.jsx(Basefn.Label.make, {
303
272
  text: "Favorite Color",
304
273
  required: false
305
274
  }),
306
275
  Xote__JSX.Elements.jsxs("div", {
307
276
  style: "display: flex; gap: 1rem; margin-top: 0.5rem;",
308
277
  children: Xote__JSX.array([
309
- Xote__JSX.jsx(Basefn__Radio.make, {
278
+ Xote__JSX.jsx(Basefn.Radio.make, {
310
279
  checked: Xote.Computed.make(() => Xote.Signal.get(selectedColor) === "blue", undefined),
311
280
  onChange: handleColorChange,
312
281
  value: "blue",
313
282
  label: "Blue",
314
283
  name: "radio"
315
284
  }),
316
- Xote__JSX.jsx(Basefn__Radio.make, {
285
+ Xote__JSX.jsx(Basefn.Radio.make, {
317
286
  checked: Xote.Computed.make(() => Xote.Signal.get(selectedColor) === "green", undefined),
318
287
  onChange: handleColorChange,
319
288
  value: "green",
320
289
  label: "Green",
321
290
  name: "radio"
322
291
  }),
323
- Xote__JSX.jsx(Basefn__Radio.make, {
292
+ Xote__JSX.jsx(Basefn.Radio.make, {
324
293
  checked: Xote.Computed.make(() => Xote.Signal.get(selectedColor) === "red", undefined),
325
294
  onChange: handleColorChange,
326
295
  value: "red",
@@ -332,13 +301,13 @@ function Demo$Demo(props) {
332
301
  ])
333
302
  }),
334
303
  Xote__JSX.Elements.jsx("br", {}),
335
- Xote__JSX.jsxs(Basefn__Card.make, {
304
+ Xote__JSX.jsxs(Basefn.Card.make, {
336
305
  children: Xote__JSX.array([
337
- Xote__JSX.jsx(Basefn__Label.make, {
306
+ Xote__JSX.jsx(Basefn.Label.make, {
338
307
  text: "Message",
339
308
  required: false
340
309
  }),
341
- Xote__JSX.jsx(Basefn__Textarea.make, {
310
+ Xote__JSX.jsx(Basefn.Textarea.make, {
342
311
  value: {
343
312
  TAG: "Reactive",
344
313
  _0: message
@@ -349,11 +318,11 @@ function Demo$Demo(props) {
349
318
  ])
350
319
  }),
351
320
  Xote__JSX.Elements.jsx("br", {}),
352
- Xote__JSX.jsxs(Basefn__Card.make, {
321
+ Xote__JSX.jsxs(Basefn.Card.make, {
353
322
  children: Xote__JSX.array([
354
323
  Xote__JSX.Elements.jsx("div", {
355
324
  style: "margin-bottom: 1.5rem;",
356
- children: Xote__JSX.jsx(Basefn__Checkbox.make, {
325
+ children: Xote__JSX.jsx(Basefn.Checkbox.make, {
357
326
  checked: agreeToTerms,
358
327
  onChange: handleTermsChange,
359
328
  label: "I agree to the terms and conditions"
@@ -361,7 +330,7 @@ function Demo$Demo(props) {
361
330
  }),
362
331
  Xote__JSX.Elements.jsx("div", {
363
332
  style: "margin-bottom: 2rem;",
364
- children: Xote__JSX.jsx(Basefn__Checkbox.make, {
333
+ children: Xote__JSX.jsx(Basefn.Checkbox.make, {
365
334
  checked: newsletter,
366
335
  onChange: handleNewsletterChange,
367
336
  label: "Subscribe to our newsletter"
@@ -372,7 +341,7 @@ function Demo$Demo(props) {
372
341
  children: Xote__JSX.array([
373
342
  {
374
343
  TAG: "SignalFragment",
375
- _0: Xote.Computed.make(() => [Xote__JSX.jsx(Basefn__Button.make, {
344
+ _0: Xote.Computed.make(() => [Xote__JSX.jsx(Basefn.Button.make, {
376
345
  disabled: {
377
346
  TAG: "Reactive",
378
347
  _0: isSubmitting
@@ -388,7 +357,7 @@ function Demo$Demo(props) {
388
357
  variant: "Primary"
389
358
  })], undefined)
390
359
  },
391
- Xote__JSX.jsx(Basefn__Button.make, {
360
+ Xote__JSX.jsx(Basefn.Button.make, {
392
361
  disabled: {
393
362
  TAG: "Reactive",
394
363
  _0: isSubmitting
@@ -400,7 +369,7 @@ function Demo$Demo(props) {
400
369
  onClick: handleReset,
401
370
  variant: "Secondary"
402
371
  }),
403
- Xote__JSX.jsx(Basefn__Button.make, {
372
+ Xote__JSX.jsx(Basefn.Button.make, {
404
373
  disabled: {
405
374
  TAG: "Reactive",
406
375
  _0: isSubmitting
@@ -418,7 +387,7 @@ function Demo$Demo(props) {
418
387
  Xote__JSX.Elements.jsxs("div", {
419
388
  style: "margin-top: 2rem;",
420
389
  children: Xote__JSX.array([
421
- Xote__JSX.jsx(Basefn__Typography.make, {
390
+ Xote__JSX.jsx(Basefn.Typography.make, {
422
391
  text: {
423
392
  TAG: "Static",
424
393
  _0: "Alerts"
@@ -432,27 +401,27 @@ function Demo$Demo(props) {
432
401
  Xote__JSX.Elements.jsxs("div", {
433
402
  style: "display: flex; flex-direction: column; gap: 1rem;",
434
403
  children: Xote__JSX.array([
435
- Xote__JSX.jsx(Basefn__Alert.make, {
404
+ Xote__JSX.jsx(Basefn.Alert.make, {
436
405
  title: "Information",
437
406
  message: Xote.Signal.make("This is an informational alert message.", undefined, undefined),
438
407
  variant: "Info"
439
408
  }),
440
- Xote__JSX.jsx(Basefn__Alert.make, {
409
+ Xote__JSX.jsx(Basefn.Alert.make, {
441
410
  title: "Success",
442
411
  message: Xote.Signal.make("Your changes have been saved successfully!", undefined, undefined),
443
412
  variant: "Success"
444
413
  }),
445
- Xote__JSX.jsx(Basefn__Alert.make, {
414
+ Xote__JSX.jsx(Basefn.Alert.make, {
446
415
  title: "Warning",
447
416
  message: Xote.Signal.make("Please review your input before proceeding.", undefined, undefined),
448
417
  variant: "Warning"
449
418
  }),
450
- Xote__JSX.jsx(Basefn__Alert.make, {
419
+ Xote__JSX.jsx(Basefn.Alert.make, {
451
420
  title: "Error",
452
421
  message: Xote.Signal.make("An error occurred while processing your request.", undefined, undefined),
453
422
  variant: "Error"
454
423
  }),
455
- Xote__JSX.jsx(Basefn__Alert.make, {
424
+ Xote__JSX.jsx(Basefn.Alert.make, {
456
425
  message: Xote.Signal.make("This is a dismissible alert. Click the X to close it.", undefined, undefined),
457
426
  variant: "Info",
458
427
  dismissible: true
@@ -464,7 +433,7 @@ function Demo$Demo(props) {
464
433
  Xote__JSX.Elements.jsxs("div", {
465
434
  style: "margin-top: 2rem;",
466
435
  children: Xote__JSX.array([
467
- Xote__JSX.jsx(Basefn__Typography.make, {
436
+ Xote__JSX.jsx(Basefn.Typography.make, {
468
437
  text: {
469
438
  TAG: "Static",
470
439
  _0: "Progress"
@@ -479,14 +448,14 @@ function Demo$Demo(props) {
479
448
  style: "display: flex; flex-direction: column; gap: 2rem;",
480
449
  children: Xote__JSX.array([
481
450
  Xote__JSX.Elements.jsx("div", {
482
- children: Xote__JSX.jsx(Basefn__Progress.make, {
451
+ children: Xote__JSX.jsx(Basefn.Progress.make, {
483
452
  value: Xote.Signal.make(25.0, undefined, undefined),
484
453
  variant: "Primary",
485
454
  showLabel: true
486
455
  })
487
456
  }),
488
457
  Xote__JSX.Elements.jsx("div", {
489
- children: Xote__JSX.jsx(Basefn__Progress.make, {
458
+ children: Xote__JSX.jsx(Basefn.Progress.make, {
490
459
  value: Xote.Signal.make(50.0, undefined, undefined),
491
460
  variant: "Success",
492
461
  showLabel: true,
@@ -494,7 +463,7 @@ function Demo$Demo(props) {
494
463
  })
495
464
  }),
496
465
  Xote__JSX.Elements.jsx("div", {
497
- children: Xote__JSX.jsx(Basefn__Progress.make, {
466
+ children: Xote__JSX.jsx(Basefn.Progress.make, {
498
467
  value: Xote.Signal.make(75.0, undefined, undefined),
499
468
  variant: "Warning",
500
469
  showLabel: true,
@@ -502,7 +471,7 @@ function Demo$Demo(props) {
502
471
  })
503
472
  }),
504
473
  Xote__JSX.Elements.jsx("div", {
505
- children: Xote__JSX.jsx(Basefn__Progress.make, {
474
+ children: Xote__JSX.jsx(Basefn.Progress.make, {
506
475
  value: Xote.Signal.make(100.0, undefined, undefined),
507
476
  variant: "Success",
508
477
  showLabel: true,
@@ -511,13 +480,13 @@ function Demo$Demo(props) {
511
480
  }),
512
481
  Xote__JSX.Elements.jsxs("div", {
513
482
  children: Xote__JSX.array([
514
- Xote__JSX.jsx(Basefn__Progress.make, {
483
+ Xote__JSX.jsx(Basefn.Progress.make, {
515
484
  value: downloadProgress,
516
485
  variant: "Primary",
517
486
  showLabel: true,
518
487
  label: "Dynamic Progress"
519
488
  }),
520
- Xote__JSX.jsx(Basefn__Button.make, {
489
+ Xote__JSX.jsx(Basefn.Button.make, {
521
490
  label: {
522
491
  TAG: "Static",
523
492
  _0: "Simulate Progress"
@@ -550,7 +519,7 @@ function Demo$Demo(props) {
550
519
  style: "color: #6b7280; margin-bottom: 0.5rem;",
551
520
  children: Xote.Component.text("Indeterminate progress:")
552
521
  }),
553
- Xote__JSX.jsx(Basefn__Progress.make, {
522
+ Xote__JSX.jsx(Basefn.Progress.make, {
554
523
  value: Xote.Signal.make(0.0, undefined, undefined),
555
524
  variant: "Primary",
556
525
  indeterminate: true
@@ -564,7 +533,7 @@ function Demo$Demo(props) {
564
533
  Xote__JSX.Elements.jsxs("div", {
565
534
  style: "margin-top: 2rem;",
566
535
  children: Xote__JSX.array([
567
- Xote__JSX.jsx(Basefn__Typography.make, {
536
+ Xote__JSX.jsx(Basefn.Typography.make, {
568
537
  text: {
569
538
  TAG: "Static",
570
539
  _0: "Tabs"
@@ -575,14 +544,14 @@ function Demo$Demo(props) {
575
544
  style: "color: #6b7280; margin: 0.5rem 0 1rem 0;",
576
545
  children: Xote.Component.text("Organize content into tabbed sections.")
577
546
  }),
578
- Xote__JSX.jsx(Basefn__Tabs.make, {
547
+ Xote__JSX.jsx(Basefn.Tabs.make, {
579
548
  tabs: [
580
549
  {
581
550
  value: "account",
582
551
  label: "Account",
583
552
  content: Xote__JSX.Elements.jsxs("div", {
584
553
  children: Xote__JSX.array([
585
- Xote__JSX.jsx(Basefn__Typography.make, {
554
+ Xote__JSX.jsx(Basefn.Typography.make, {
586
555
  text: {
587
556
  TAG: "Static",
588
557
  _0: "Account Settings"
@@ -601,7 +570,7 @@ function Demo$Demo(props) {
601
570
  label: "Security",
602
571
  content: Xote__JSX.Elements.jsxs("div", {
603
572
  children: Xote__JSX.array([
604
- Xote__JSX.jsx(Basefn__Typography.make, {
573
+ Xote__JSX.jsx(Basefn.Typography.make, {
605
574
  text: {
606
575
  TAG: "Static",
607
576
  _0: "Security Settings"
@@ -614,7 +583,7 @@ function Demo$Demo(props) {
614
583
  }),
615
584
  Xote__JSX.Elements.jsx("div", {
616
585
  style: "margin-top: 1rem;",
617
- children: Xote__JSX.jsx(Basefn__Checkbox.make, {
586
+ children: Xote__JSX.jsx(Basefn.Checkbox.make, {
618
587
  checked: Xote.Signal.make(true, undefined, undefined),
619
588
  onChange: param => {},
620
589
  label: "Enable two-factor authentication"
@@ -628,7 +597,7 @@ function Demo$Demo(props) {
628
597
  label: "Notifications",
629
598
  content: Xote__JSX.Elements.jsxs("div", {
630
599
  children: Xote__JSX.array([
631
- Xote__JSX.jsx(Basefn__Typography.make, {
600
+ Xote__JSX.jsx(Basefn.Typography.make, {
632
601
  text: {
633
602
  TAG: "Static",
634
603
  _0: "Notification Preferences"
@@ -642,17 +611,17 @@ function Demo$Demo(props) {
642
611
  Xote__JSX.Elements.jsxs("div", {
643
612
  style: "display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1rem;",
644
613
  children: Xote__JSX.array([
645
- Xote__JSX.jsx(Basefn__Checkbox.make, {
614
+ Xote__JSX.jsx(Basefn.Checkbox.make, {
646
615
  checked: Xote.Signal.make(true, undefined, undefined),
647
616
  onChange: param => {},
648
617
  label: "Email notifications"
649
618
  }),
650
- Xote__JSX.jsx(Basefn__Checkbox.make, {
619
+ Xote__JSX.jsx(Basefn.Checkbox.make, {
651
620
  checked: Xote.Signal.make(false, undefined, undefined),
652
621
  onChange: param => {},
653
622
  label: "SMS notifications"
654
623
  }),
655
- Xote__JSX.jsx(Basefn__Checkbox.make, {
624
+ Xote__JSX.jsx(Basefn.Checkbox.make, {
656
625
  checked: Xote.Signal.make(true, undefined, undefined),
657
626
  onChange: param => {},
658
627
  label: "Push notifications"
@@ -667,7 +636,7 @@ function Demo$Demo(props) {
667
636
  label: "Billing",
668
637
  content: Xote__JSX.Elements.jsxs("div", {
669
638
  children: Xote__JSX.array([
670
- Xote__JSX.jsx(Basefn__Typography.make, {
639
+ Xote__JSX.jsx(Basefn.Typography.make, {
671
640
  text: {
672
641
  TAG: "Static",
673
642
  _0: "Billing Information"
@@ -689,7 +658,7 @@ function Demo$Demo(props) {
689
658
  Xote__JSX.Elements.jsxs("div", {
690
659
  style: "margin-top: 2rem;",
691
660
  children: Xote__JSX.array([
692
- Xote__JSX.jsx(Basefn__Typography.make, {
661
+ Xote__JSX.jsx(Basefn.Typography.make, {
693
662
  text: {
694
663
  TAG: "Static",
695
664
  _0: "Accordion"
@@ -700,7 +669,7 @@ function Demo$Demo(props) {
700
669
  style: "color: #6b7280; margin: 0.5rem 0 1rem 0;",
701
670
  children: Xote.Component.text("Collapsible content sections with expand/collapse functionality.")
702
671
  }),
703
- Xote__JSX.jsx(Basefn__Accordion.make, {
672
+ Xote__JSX.jsx(Basefn.Accordion.make, {
704
673
  items: [
705
674
  {
706
675
  value: "faq1",
@@ -718,7 +687,7 @@ function Demo$Demo(props) {
718
687
  children: Xote.Component.text("You can install basefn-UI via npm or yarn. Here's how to get started:")
719
688
  }),
720
689
  Xote__JSX.Elements.jsx("br", {}),
721
- Xote__JSX.jsx(Basefn__Typography.make, {
690
+ Xote__JSX.jsx(Basefn.Typography.make, {
722
691
  text: {
723
692
  TAG: "Static",
724
693
  _0: "npm install basefn-ui"
@@ -751,7 +720,7 @@ function Demo$Demo(props) {
751
720
  Xote__JSX.Elements.jsxs("div", {
752
721
  style: "margin-top: 2rem;",
753
722
  children: Xote__JSX.array([
754
- Xote__JSX.jsx(Basefn__Typography.make, {
723
+ Xote__JSX.jsx(Basefn.Typography.make, {
755
724
  text: {
756
725
  TAG: "Static",
757
726
  _0: "Breadcrumb"
@@ -771,7 +740,7 @@ function Demo$Demo(props) {
771
740
  style: "color: #6b7280; margin-bottom: 0.5rem; font-size: 0.875rem;",
772
741
  children: Xote.Component.text("Default separator:")
773
742
  }),
774
- Xote__JSX.jsx(Basefn__Breadcrumb.make, {
743
+ Xote__JSX.jsx(Basefn.Breadcrumb.make, {
775
744
  items: [
776
745
  {
777
746
  label: "Home",
@@ -803,7 +772,7 @@ function Demo$Demo(props) {
803
772
  style: "color: #6b7280; margin-bottom: 0.5rem; font-size: 0.875rem;",
804
773
  children: Xote.Component.text("Custom separator:")
805
774
  }),
806
- Xote__JSX.jsx(Basefn__Breadcrumb.make, {
775
+ Xote__JSX.jsx(Basefn.Breadcrumb.make, {
807
776
  items: [
808
777
  {
809
778
  label: "Home",
@@ -831,7 +800,7 @@ function Demo$Demo(props) {
831
800
  style: "color: #6b7280; margin-bottom: 0.5rem; font-size: 0.875rem;",
832
801
  children: Xote.Component.text("With onClick handlers:")
833
802
  }),
834
- Xote__JSX.jsx(Basefn__Breadcrumb.make, {
803
+ Xote__JSX.jsx(Basefn.Breadcrumb.make, {
835
804
  items: [
836
805
  {
837
806
  label: "Dashboard",
@@ -861,7 +830,7 @@ function Demo$Demo(props) {
861
830
  })
862
831
  ])
863
832
  }),
864
- Xote__JSX.jsx(Basefn__Separator.make, {
833
+ Xote__JSX.jsx(Basefn.Separator.make, {
865
834
  orientation: "Horizontal",
866
835
  variant: "Solid",
867
836
  label: "Tier 3"
@@ -869,7 +838,7 @@ function Demo$Demo(props) {
869
838
  Xote__JSX.Elements.jsxs("div", {
870
839
  style: "margin-top: 3rem;",
871
840
  children: Xote__JSX.array([
872
- Xote__JSX.jsx(Basefn__Typography.make, {
841
+ Xote__JSX.jsx(Basefn.Typography.make, {
873
842
  text: {
874
843
  TAG: "Static",
875
844
  _0: "Interactive Components"
@@ -877,7 +846,7 @@ function Demo$Demo(props) {
877
846
  variant: "H2",
878
847
  align: "Left"
879
848
  }),
880
- Xote__JSX.jsx(Basefn__Typography.make, {
849
+ Xote__JSX.jsx(Basefn.Typography.make, {
881
850
  text: {
882
851
  TAG: "Static",
883
852
  _0: "Explore the Tier 3 advanced interactive components below."
@@ -889,7 +858,7 @@ function Demo$Demo(props) {
889
858
  Xote__JSX.Elements.jsxs("div", {
890
859
  style: "margin-top: 2rem;",
891
860
  children: Xote__JSX.array([
892
- Xote__JSX.jsx(Basefn__Typography.make, {
861
+ Xote__JSX.jsx(Basefn.Typography.make, {
893
862
  text: {
894
863
  TAG: "Static",
895
864
  _0: "Modal / Dialog"
@@ -900,7 +869,7 @@ function Demo$Demo(props) {
900
869
  style: "color: #6b7280; margin: 0.5rem 0 1rem 0;",
901
870
  children: Xote.Component.text("Display content in an overlay dialog.")
902
871
  }),
903
- Xote__JSX.jsx(Basefn__Button.make, {
872
+ Xote__JSX.jsx(Basefn.Button.make, {
904
873
  label: {
905
874
  TAG: "Static",
906
875
  _0: "Open Modal"
@@ -908,7 +877,7 @@ function Demo$Demo(props) {
908
877
  onClick: param => Xote.Signal.set(isModalOpen, true),
909
878
  variant: "Primary"
910
879
  }),
911
- Xote__JSX.jsxs(Basefn__Modal.make, {
880
+ Xote__JSX.jsxs(Basefn.Modal.make, {
912
881
  isOpen: isModalOpen,
913
882
  onClose: () => Xote.Signal.set(isModalOpen, false),
914
883
  title: "Example Modal",
@@ -925,7 +894,7 @@ function Demo$Demo(props) {
925
894
  footer: Xote__JSX.Elements.jsxs("div", {
926
895
  style: "display: flex; gap: 0.5rem;",
927
896
  children: Xote__JSX.array([
928
- Xote__JSX.jsx(Basefn__Button.make, {
897
+ Xote__JSX.jsx(Basefn.Button.make, {
929
898
  label: {
930
899
  TAG: "Static",
931
900
  _0: "Cancel"
@@ -933,7 +902,7 @@ function Demo$Demo(props) {
933
902
  onClick: param => Xote.Signal.set(isModalOpen, false),
934
903
  variant: "Ghost"
935
904
  }),
936
- Xote__JSX.jsx(Basefn__Button.make, {
905
+ Xote__JSX.jsx(Basefn.Button.make, {
937
906
  label: {
938
907
  TAG: "Static",
939
908
  _0: "Confirm"
@@ -952,7 +921,7 @@ function Demo$Demo(props) {
952
921
  Xote__JSX.Elements.jsxs("div", {
953
922
  style: "margin-top: 2rem;",
954
923
  children: Xote__JSX.array([
955
- Xote__JSX.jsx(Basefn__Typography.make, {
924
+ Xote__JSX.jsx(Basefn.Typography.make, {
956
925
  text: {
957
926
  TAG: "Static",
958
927
  _0: "Switch / Toggle"
@@ -966,21 +935,21 @@ function Demo$Demo(props) {
966
935
  Xote__JSX.Elements.jsxs("div", {
967
936
  style: "display: flex; flex-direction: column; gap: 1rem;",
968
937
  children: Xote__JSX.array([
969
- Xote__JSX.jsx(Basefn__Switch.make, {
938
+ Xote__JSX.jsx(Basefn.Switch.make, {
970
939
  checked: switchEnabled,
971
940
  label: "Enable feature"
972
941
  }),
973
- Xote__JSX.jsx(Basefn__Switch.make, {
942
+ Xote__JSX.jsx(Basefn.Switch.make, {
974
943
  checked: darkModeSwitch,
975
944
  label: "Dark mode",
976
945
  size: "Lg"
977
946
  }),
978
- Xote__JSX.jsx(Basefn__Switch.make, {
947
+ Xote__JSX.jsx(Basefn.Switch.make, {
979
948
  checked: notificationsSwitch,
980
949
  label: "Push notifications",
981
950
  size: "Sm"
982
951
  }),
983
- Xote__JSX.jsx(Basefn__Switch.make, {
952
+ Xote__JSX.jsx(Basefn.Switch.make, {
984
953
  checked: Xote.Signal.make(true, undefined, undefined),
985
954
  label: "Disabled switch",
986
955
  disabled: true,
@@ -993,7 +962,7 @@ function Demo$Demo(props) {
993
962
  Xote__JSX.Elements.jsxs("div", {
994
963
  style: "margin-top: 2rem;",
995
964
  children: Xote__JSX.array([
996
- Xote__JSX.jsx(Basefn__Typography.make, {
965
+ Xote__JSX.jsx(Basefn.Typography.make, {
997
966
  text: {
998
967
  TAG: "Static",
999
968
  _0: "Slider"
@@ -1007,12 +976,12 @@ function Demo$Demo(props) {
1007
976
  Xote__JSX.Elements.jsxs("div", {
1008
977
  style: "display: flex; flex-direction: column; gap: 2rem;",
1009
978
  children: Xote__JSX.array([
1010
- Xote__JSX.jsx(Basefn__Slider.make, {
979
+ Xote__JSX.jsx(Basefn.Slider.make, {
1011
980
  value: sliderValue,
1012
981
  label: "Volume",
1013
982
  showValue: true
1014
983
  }),
1015
- Xote__JSX.jsx(Basefn__Slider.make, {
984
+ Xote__JSX.jsx(Basefn.Slider.make, {
1016
985
  value: Xote.Signal.make(25.0, undefined, undefined),
1017
986
  min: 0.0,
1018
987
  max: 100.0,
@@ -1020,7 +989,7 @@ function Demo$Demo(props) {
1020
989
  label: "Brightness",
1021
990
  showValue: true
1022
991
  }),
1023
- Xote__JSX.jsx(Basefn__Slider.make, {
992
+ Xote__JSX.jsx(Basefn.Slider.make, {
1024
993
  value: Xote.Signal.make(3.0, undefined, undefined),
1025
994
  min: 0.0,
1026
995
  max: 5.0,
@@ -1043,7 +1012,7 @@ function Demo$Demo(props) {
1043
1012
  Xote__JSX.Elements.jsxs("div", {
1044
1013
  style: "margin-top: 2rem;",
1045
1014
  children: Xote__JSX.array([
1046
- Xote__JSX.jsx(Basefn__Typography.make, {
1015
+ Xote__JSX.jsx(Basefn.Typography.make, {
1047
1016
  text: {
1048
1017
  TAG: "Static",
1049
1018
  _0: "Tooltip"
@@ -1057,10 +1026,10 @@ function Demo$Demo(props) {
1057
1026
  Xote__JSX.Elements.jsxs("div", {
1058
1027
  style: "display: flex; gap: 1rem; flex-wrap: wrap;",
1059
1028
  children: Xote__JSX.array([
1060
- Xote__JSX.jsx(Basefn__Tooltip.make, {
1029
+ Xote__JSX.jsx(Basefn.Tooltip.make, {
1061
1030
  content: "This appears on top",
1062
1031
  position: "Top",
1063
- children: Xote__JSX.jsx(Basefn__Button.make, {
1032
+ children: Xote__JSX.jsx(Basefn.Button.make, {
1064
1033
  label: {
1065
1034
  TAG: "Static",
1066
1035
  _0: "Hover me )(top)"
@@ -1068,10 +1037,10 @@ function Demo$Demo(props) {
1068
1037
  variant: "Secondary"
1069
1038
  })
1070
1039
  }),
1071
- Xote__JSX.jsx(Basefn__Tooltip.make, {
1040
+ Xote__JSX.jsx(Basefn.Tooltip.make, {
1072
1041
  content: "This appears on bottom",
1073
1042
  position: "Bottom",
1074
- children: Xote__JSX.jsx(Basefn__Button.make, {
1043
+ children: Xote__JSX.jsx(Basefn.Button.make, {
1075
1044
  label: {
1076
1045
  TAG: "Static",
1077
1046
  _0: "Hover me )(bottom)"
@@ -1079,10 +1048,10 @@ function Demo$Demo(props) {
1079
1048
  variant: "Secondary"
1080
1049
  })
1081
1050
  }),
1082
- Xote__JSX.jsx(Basefn__Tooltip.make, {
1051
+ Xote__JSX.jsx(Basefn.Tooltip.make, {
1083
1052
  content: "This appears on left",
1084
1053
  position: "Left",
1085
- children: Xote__JSX.jsx(Basefn__Button.make, {
1054
+ children: Xote__JSX.jsx(Basefn.Button.make, {
1086
1055
  label: {
1087
1056
  TAG: "Static",
1088
1057
  _0: "Hover me )(left)"
@@ -1090,10 +1059,10 @@ function Demo$Demo(props) {
1090
1059
  variant: "Secondary"
1091
1060
  })
1092
1061
  }),
1093
- Xote__JSX.jsx(Basefn__Tooltip.make, {
1062
+ Xote__JSX.jsx(Basefn.Tooltip.make, {
1094
1063
  content: "This appears on right",
1095
1064
  position: "Right",
1096
- children: Xote__JSX.jsx(Basefn__Button.make, {
1065
+ children: Xote__JSX.jsx(Basefn.Button.make, {
1097
1066
  label: {
1098
1067
  TAG: "Static",
1099
1068
  _0: "Hover me )(right)"
@@ -1108,7 +1077,7 @@ function Demo$Demo(props) {
1108
1077
  Xote__JSX.Elements.jsxs("div", {
1109
1078
  style: "margin-top: 2rem;",
1110
1079
  children: Xote__JSX.array([
1111
- Xote__JSX.jsx(Basefn__Typography.make, {
1080
+ Xote__JSX.jsx(Basefn.Typography.make, {
1112
1081
  text: {
1113
1082
  TAG: "Static",
1114
1083
  _0: "Dropdown Menu"
@@ -1122,8 +1091,8 @@ function Demo$Demo(props) {
1122
1091
  Xote__JSX.Elements.jsxs("div", {
1123
1092
  style: "display: flex; gap: 1rem;",
1124
1093
  children: Xote__JSX.array([
1125
- Xote__JSX.jsx(Basefn__Dropdown.make, {
1126
- trigger: Xote__JSX.jsx(Basefn__Button.make, {
1094
+ Xote__JSX.jsx(Basefn.Dropdown.make, {
1095
+ trigger: Xote__JSX.jsx(Basefn.Button.make, {
1127
1096
  label: {
1128
1097
  TAG: "Static",
1129
1098
  _0: "Actions"
@@ -1171,8 +1140,8 @@ function Demo$Demo(props) {
1171
1140
  }
1172
1141
  ]
1173
1142
  }),
1174
- Xote__JSX.jsx(Basefn__Dropdown.make, {
1175
- trigger: Xote__JSX.jsx(Basefn__Button.make, {
1143
+ Xote__JSX.jsx(Basefn.Dropdown.make, {
1144
+ trigger: Xote__JSX.jsx(Basefn.Button.make, {
1176
1145
  label: {
1177
1146
  TAG: "Static",
1178
1147
  _0: "More options"
@@ -1219,7 +1188,7 @@ function Demo$Demo(props) {
1219
1188
  Xote__JSX.Elements.jsxs("div", {
1220
1189
  style: "margin-top: 2rem;",
1221
1190
  children: Xote__JSX.array([
1222
- Xote__JSX.jsx(Basefn__Typography.make, {
1191
+ Xote__JSX.jsx(Basefn.Typography.make, {
1223
1192
  text: {
1224
1193
  TAG: "Static",
1225
1194
  _0: "Toast / Notification"
@@ -1232,7 +1201,7 @@ function Demo$Demo(props) {
1232
1201
  }),
1233
1202
  Xote__JSX.Elements.jsx("div", {
1234
1203
  style: "display: flex; gap: 0.75rem; flex-wrap: wrap;",
1235
- children: Xote__JSX.jsx(Basefn__Button.make, {
1204
+ children: Xote__JSX.jsx(Basefn.Button.make, {
1236
1205
  label: {
1237
1206
  TAG: "Static",
1238
1207
  _0: "Show Toast"
@@ -1241,7 +1210,7 @@ function Demo$Demo(props) {
1241
1210
  variant: "Primary"
1242
1211
  })
1243
1212
  }),
1244
- Xote__JSX.jsx(Basefn__Toast.make, {
1213
+ Xote__JSX.jsx(Basefn.Toast.make, {
1245
1214
  title: "Success!",
1246
1215
  message: "Your changes have been saved successfully.",
1247
1216
  variant: "Success",
@@ -1252,7 +1221,7 @@ function Demo$Demo(props) {
1252
1221
  })
1253
1222
  ])
1254
1223
  }),
1255
- Xote__JSX.jsx(Basefn__Separator.make, {
1224
+ Xote__JSX.jsx(Basefn.Separator.make, {
1256
1225
  orientation: "Horizontal",
1257
1226
  variant: "Solid",
1258
1227
  label: "Tier 4"
@@ -1260,7 +1229,7 @@ function Demo$Demo(props) {
1260
1229
  Xote__JSX.Elements.jsxs("div", {
1261
1230
  style: "margin-top: 3rem;",
1262
1231
  children: Xote__JSX.array([
1263
- Xote__JSX.jsx(Basefn__Typography.make, {
1232
+ Xote__JSX.jsx(Basefn.Typography.make, {
1264
1233
  text: {
1265
1234
  TAG: "Static",
1266
1235
  _0: "Navigation & Layout"
@@ -1268,7 +1237,7 @@ function Demo$Demo(props) {
1268
1237
  variant: "H2",
1269
1238
  align: "Left"
1270
1239
  }),
1271
- Xote__JSX.jsx(Basefn__Typography.make, {
1240
+ Xote__JSX.jsx(Basefn.Typography.make, {
1272
1241
  text: {
1273
1242
  TAG: "Static",
1274
1243
  _0: "Explore the Tier 4 navigation and layout components below."
@@ -1280,7 +1249,7 @@ function Demo$Demo(props) {
1280
1249
  Xote__JSX.Elements.jsxs("div", {
1281
1250
  style: "margin-top: 2rem;",
1282
1251
  children: Xote__JSX.array([
1283
- Xote__JSX.jsx(Basefn__Typography.make, {
1252
+ Xote__JSX.jsx(Basefn.Typography.make, {
1284
1253
  text: {
1285
1254
  TAG: "Static",
1286
1255
  _0: "Stepper"
@@ -1300,7 +1269,7 @@ function Demo$Demo(props) {
1300
1269
  style: "color: #6b7280; margin-bottom: 1rem; font-size: 0.875rem;",
1301
1270
  children: Xote.Component.text("Horizontal stepper:")
1302
1271
  }),
1303
- Xote__JSX.jsx(Basefn__Stepper.make, {
1272
+ Xote__JSX.jsx(Basefn.Stepper.make, {
1304
1273
  steps: [
1305
1274
  {
1306
1275
  title: "Account Info",
@@ -1338,7 +1307,7 @@ function Demo$Demo(props) {
1338
1307
  style: "color: #6b7280; margin-bottom: 1rem; font-size: 0.875rem;",
1339
1308
  children: Xote.Component.text("Vertical stepper:")
1340
1309
  }),
1341
- Xote__JSX.jsx(Basefn__Stepper.make, {
1310
+ Xote__JSX.jsx(Basefn.Stepper.make, {
1342
1311
  steps: [
1343
1312
  {
1344
1313
  title: "Order Placed",
@@ -1373,7 +1342,7 @@ function Demo$Demo(props) {
1373
1342
  Xote__JSX.Elements.jsxs("div", {
1374
1343
  style: "margin-top: 2rem;",
1375
1344
  children: Xote__JSX.array([
1376
- Xote__JSX.jsx(Basefn__Typography.make, {
1345
+ Xote__JSX.jsx(Basefn.Typography.make, {
1377
1346
  text: {
1378
1347
  TAG: "Static",
1379
1348
  _0: "Drawer / Sidebar"
@@ -1386,7 +1355,7 @@ function Demo$Demo(props) {
1386
1355
  }),
1387
1356
  Xote__JSX.Elements.jsx("div", {
1388
1357
  style: "display: flex; gap: 0.75rem; flex-wrap: wrap;",
1389
- children: Xote__JSX.jsx(Basefn__Button.make, {
1358
+ children: Xote__JSX.jsx(Basefn.Button.make, {
1390
1359
  label: {
1391
1360
  TAG: "Static",
1392
1361
  _0: "Open Drawer"
@@ -1395,7 +1364,7 @@ function Demo$Demo(props) {
1395
1364
  variant: "Primary"
1396
1365
  })
1397
1366
  }),
1398
- Xote__JSX.jsx(Basefn__Drawer.make, {
1367
+ Xote__JSX.jsx(Basefn.Drawer.make, {
1399
1368
  isOpen: isDrawerOpen,
1400
1369
  onClose: () => Xote.Signal.set(isDrawerOpen, false),
1401
1370
  position: "Right",
@@ -1403,7 +1372,7 @@ function Demo$Demo(props) {
1403
1372
  title: "Drawer Panel",
1404
1373
  children: Xote__JSX.Elements.jsxs("div", {
1405
1374
  children: Xote__JSX.array([
1406
- Xote__JSX.jsx(Basefn__Typography.make, {
1375
+ Xote__JSX.jsx(Basefn.Typography.make, {
1407
1376
  text: {
1408
1377
  TAG: "Static",
1409
1378
  _0: "Drawer Content"
@@ -1417,10 +1386,10 @@ function Demo$Demo(props) {
1417
1386
  Xote__JSX.Elements.jsxs("div", {
1418
1387
  style: "margin-top: 1.5rem;",
1419
1388
  children: Xote__JSX.array([
1420
- Xote__JSX.jsx(Basefn__Label.make, {
1389
+ Xote__JSX.jsx(Basefn.Label.make, {
1421
1390
  text: "Name"
1422
1391
  }),
1423
- Xote__JSX.jsx(Basefn__Input.make, {
1392
+ Xote__JSX.jsx(Basefn.Input.make, {
1424
1393
  value: {
1425
1394
  TAG: "Static",
1426
1395
  _0: ""
@@ -1433,10 +1402,10 @@ function Demo$Demo(props) {
1433
1402
  Xote__JSX.Elements.jsxs("div", {
1434
1403
  style: "margin-top: 1rem;",
1435
1404
  children: Xote__JSX.array([
1436
- Xote__JSX.jsx(Basefn__Label.make, {
1405
+ Xote__JSX.jsx(Basefn.Label.make, {
1437
1406
  text: "Email"
1438
1407
  }),
1439
- Xote__JSX.jsx(Basefn__Input.make, {
1408
+ Xote__JSX.jsx(Basefn.Input.make, {
1440
1409
  value: {
1441
1410
  TAG: "Static",
1442
1411
  _0: ""
@@ -1449,10 +1418,10 @@ function Demo$Demo(props) {
1449
1418
  Xote__JSX.Elements.jsxs("div", {
1450
1419
  style: "margin-top: 1rem;",
1451
1420
  children: Xote__JSX.array([
1452
- Xote__JSX.jsx(Basefn__Label.make, {
1421
+ Xote__JSX.jsx(Basefn.Label.make, {
1453
1422
  text: "Message"
1454
1423
  }),
1455
- Xote__JSX.jsx(Basefn__Textarea.make, {
1424
+ Xote__JSX.jsx(Basefn.Textarea.make, {
1456
1425
  value: {
1457
1426
  TAG: "Static",
1458
1427
  _0: ""
@@ -1466,7 +1435,7 @@ function Demo$Demo(props) {
1466
1435
  footer: Xote__JSX.Elements.jsxs("div", {
1467
1436
  style: "display: flex; gap: 0.5rem; justify-content: flex-end;",
1468
1437
  children: Xote__JSX.array([
1469
- Xote__JSX.jsx(Basefn__Button.make, {
1438
+ Xote__JSX.jsx(Basefn.Button.make, {
1470
1439
  label: {
1471
1440
  TAG: "Static",
1472
1441
  _0: "Cancel"
@@ -1474,7 +1443,7 @@ function Demo$Demo(props) {
1474
1443
  onClick: param => Xote.Signal.set(isDrawerOpen, false),
1475
1444
  variant: "Ghost"
1476
1445
  }),
1477
- Xote__JSX.jsx(Basefn__Button.make, {
1446
+ Xote__JSX.jsx(Basefn.Button.make, {
1478
1447
  label: {
1479
1448
  TAG: "Static",
1480
1449
  _0: "Save"
@@ -1493,7 +1462,7 @@ function Demo$Demo(props) {
1493
1462
  Xote__JSX.Elements.jsxs("div", {
1494
1463
  style: "margin-top: 2rem;",
1495
1464
  children: Xote__JSX.array([
1496
- Xote__JSX.jsx(Basefn__Typography.make, {
1465
+ Xote__JSX.jsx(Basefn.Typography.make, {
1497
1466
  text: {
1498
1467
  TAG: "Static",
1499
1468
  _0: "Timeline"
@@ -1513,7 +1482,7 @@ function Demo$Demo(props) {
1513
1482
  style: "color: #6b7280; margin-bottom: 1rem; font-size: 0.875rem;",
1514
1483
  children: Xote.Component.text("Vertical timeline:")
1515
1484
  }),
1516
- Xote__JSX.jsx(Basefn__Timeline.make, {
1485
+ Xote__JSX.jsx(Basefn.Timeline.make, {
1517
1486
  items: [
1518
1487
  {
1519
1488
  title: "Project Created",
@@ -1554,7 +1523,7 @@ function Demo$Demo(props) {
1554
1523
  style: "color: #6b7280; margin-bottom: 1rem; font-size: 0.875rem;",
1555
1524
  children: Xote.Component.text("With different variants:")
1556
1525
  }),
1557
- Xote__JSX.jsx(Basefn__Timeline.make, {
1526
+ Xote__JSX.jsx(Basefn.Timeline.make, {
1558
1527
  items: [
1559
1528
  {
1560
1529
  title: "Success Event",
@@ -1586,7 +1555,7 @@ function Demo$Demo(props) {
1586
1555
  })
1587
1556
  ])
1588
1557
  }),
1589
- Xote__JSX.jsx(Basefn__Separator.make, {
1558
+ Xote__JSX.jsx(Basefn.Separator.make, {
1590
1559
  orientation: "Horizontal",
1591
1560
  variant: "Solid",
1592
1561
  label: "App Layouts"
@@ -1594,7 +1563,7 @@ function Demo$Demo(props) {
1594
1563
  Xote__JSX.Elements.jsxs("div", {
1595
1564
  style: "margin-top: 3rem;",
1596
1565
  children: Xote__JSX.array([
1597
- Xote__JSX.jsx(Basefn__Typography.make, {
1566
+ Xote__JSX.jsx(Basefn.Typography.make, {
1598
1567
  text: {
1599
1568
  TAG: "Static",
1600
1569
  _0: "Application Layouts"
@@ -1602,7 +1571,7 @@ function Demo$Demo(props) {
1602
1571
  variant: "H2",
1603
1572
  align: "Left"
1604
1573
  }),
1605
- Xote__JSX.jsx(Basefn__Typography.make, {
1574
+ Xote__JSX.jsx(Basefn.Typography.make, {
1606
1575
  text: {
1607
1576
  TAG: "Static",
1608
1577
  _0: "Complete application layout structures with sidebar and topbar combinations."
@@ -1614,7 +1583,7 @@ function Demo$Demo(props) {
1614
1583
  Xote__JSX.Elements.jsxs("div", {
1615
1584
  style: "margin-top: 2rem;",
1616
1585
  children: Xote__JSX.array([
1617
- Xote__JSX.jsx(Basefn__Typography.make, {
1586
+ Xote__JSX.jsx(Basefn.Typography.make, {
1618
1587
  text: {
1619
1588
  TAG: "Static",
1620
1589
  _0: "Layout Variants"
@@ -1630,7 +1599,7 @@ function Demo$Demo(props) {
1630
1599
  children: Xote__JSX.array([
1631
1600
  Xote__JSX.Elements.jsxs("div", {
1632
1601
  children: Xote__JSX.array([
1633
- Xote__JSX.jsx(Basefn__Typography.make, {
1602
+ Xote__JSX.jsx(Basefn.Typography.make, {
1634
1603
  text: {
1635
1604
  TAG: "Static",
1636
1605
  _0: "Sidebar Only Layout"
@@ -1643,8 +1612,8 @@ function Demo$Demo(props) {
1643
1612
  }),
1644
1613
  Xote__JSX.Elements.jsx("div", {
1645
1614
  style: "border: 2px solid #e5e7eb; border-radius: 0.5rem; overflow: hidden; height: 400px;",
1646
- children: Xote__JSX.jsx(Basefn__AppLayout.make, {
1647
- sidebar: Xote__JSX.jsx(Basefn__Sidebar.make, {
1615
+ children: Xote__JSX.jsx(Basefn.AppLayout.make, {
1616
+ sidebar: Xote__JSX.jsx(Basefn.Sidebar.make, {
1648
1617
  logo: Xote.Component.text("eita UI"),
1649
1618
  sections: [
1650
1619
  {
@@ -1687,7 +1656,7 @@ function Demo$Demo(props) {
1687
1656
  children: Xote__JSX.Elements.jsxs("div", {
1688
1657
  style: "padding: 2rem;",
1689
1658
  children: Xote__JSX.array([
1690
- Xote__JSX.jsx(Basefn__Typography.make, {
1659
+ Xote__JSX.jsx(Basefn.Typography.make, {
1691
1660
  text: {
1692
1661
  TAG: "Static",
1693
1662
  _0: "Main Content Area"
@@ -1706,7 +1675,7 @@ function Demo$Demo(props) {
1706
1675
  }),
1707
1676
  Xote__JSX.Elements.jsxs("div", {
1708
1677
  children: Xote__JSX.array([
1709
- Xote__JSX.jsx(Basefn__Typography.make, {
1678
+ Xote__JSX.jsx(Basefn.Typography.make, {
1710
1679
  text: {
1711
1680
  TAG: "Static",
1712
1681
  _0: "Topbar Only Layout"
@@ -1719,8 +1688,8 @@ function Demo$Demo(props) {
1719
1688
  }),
1720
1689
  Xote__JSX.Elements.jsx("div", {
1721
1690
  style: "border: 2px solid #e5e7eb; border-radius: 0.5rem; overflow: hidden; height: 300px;",
1722
- children: Xote__JSX.jsx(Basefn__AppLayout.make, {
1723
- topbar: Xote__JSX.jsx(Basefn__Topbar.make, {
1691
+ children: Xote__JSX.jsx(Basefn.AppLayout.make, {
1692
+ topbar: Xote__JSX.jsx(Basefn.Topbar.make, {
1724
1693
  logo: Xote.Component.text("eita UI"),
1725
1694
  navItems: [
1726
1695
  {
@@ -1742,14 +1711,14 @@ function Demo$Demo(props) {
1742
1711
  rightContent: Xote__JSX.Elements.jsxs("div", {
1743
1712
  style: "display: flex; gap: 0.5rem;",
1744
1713
  children: Xote__JSX.array([
1745
- Xote__JSX.jsx(Basefn__Button.make, {
1714
+ Xote__JSX.jsx(Basefn.Button.make, {
1746
1715
  label: {
1747
1716
  TAG: "Static",
1748
1717
  _0: "Sign In"
1749
1718
  },
1750
1719
  variant: "Ghost"
1751
1720
  }),
1752
- Xote__JSX.jsx(Basefn__Button.make, {
1721
+ Xote__JSX.jsx(Basefn.Button.make, {
1753
1722
  label: {
1754
1723
  TAG: "Static",
1755
1724
  _0: "Sign Up"
@@ -1762,7 +1731,7 @@ function Demo$Demo(props) {
1762
1731
  children: Xote__JSX.Elements.jsxs("div", {
1763
1732
  style: "padding: 2rem;",
1764
1733
  children: Xote__JSX.array([
1765
- Xote__JSX.jsx(Basefn__Typography.make, {
1734
+ Xote__JSX.jsx(Basefn.Typography.make, {
1766
1735
  text: {
1767
1736
  TAG: "Static",
1768
1737
  _0: "Main Content Area"
@@ -1781,7 +1750,7 @@ function Demo$Demo(props) {
1781
1750
  }),
1782
1751
  Xote__JSX.Elements.jsxs("div", {
1783
1752
  children: Xote__JSX.array([
1784
- Xote__JSX.jsx(Basefn__Typography.make, {
1753
+ Xote__JSX.jsx(Basefn.Typography.make, {
1785
1754
  text: {
1786
1755
  TAG: "Static",
1787
1756
  _0: "Sidebar + Topbar Layout"
@@ -1794,8 +1763,8 @@ function Demo$Demo(props) {
1794
1763
  }),
1795
1764
  Xote__JSX.Elements.jsx("div", {
1796
1765
  style: "border: 2px solid #e5e7eb; border-radius: 0.5rem; overflow: hidden; height: 500px;",
1797
- children: Xote__JSX.jsx(Basefn__AppLayout.make, {
1798
- sidebar: Xote__JSX.jsx(Basefn__Sidebar.make, {
1766
+ children: Xote__JSX.jsx(Basefn.AppLayout.make, {
1767
+ sidebar: Xote__JSX.jsx(Basefn.Sidebar.make, {
1799
1768
  logo: Xote.Component.text("basefn"),
1800
1769
  sections: [{
1801
1770
  title: "Navigation",
@@ -1823,15 +1792,15 @@ function Demo$Demo(props) {
1823
1792
  size: "Md",
1824
1793
  collapsed: Xote.Signal.get(sidebarCollapsed)
1825
1794
  }),
1826
- topbar: Xote__JSX.jsx(Basefn__Topbar.make, {
1795
+ topbar: Xote__JSX.jsx(Basefn.Topbar.make, {
1827
1796
  rightContent: Xote__JSX.Elements.jsxs("div", {
1828
1797
  style: "display: flex; align-items: center; gap: 1rem;",
1829
1798
  children: Xote__JSX.array([
1830
- Xote__JSX.jsx(Basefn__Badge.make, {
1799
+ Xote__JSX.jsx(Basefn.Badge.make, {
1831
1800
  label: Xote.Signal.make("3", undefined, undefined),
1832
1801
  variant: "Primary"
1833
1802
  }),
1834
- Xote__JSX.jsx(Basefn__Avatar.make, {
1803
+ Xote__JSX.jsx(Basefn.Avatar.make, {
1835
1804
  src: "https://ui-avatars.com/api/?name=John+Doe",
1836
1805
  size: "Sm"
1837
1806
  })
@@ -1842,7 +1811,7 @@ function Demo$Demo(props) {
1842
1811
  children: Xote__JSX.Elements.jsxs("div", {
1843
1812
  style: "padding: 2rem;",
1844
1813
  children: Xote__JSX.array([
1845
- Xote__JSX.jsx(Basefn__Typography.make, {
1814
+ Xote__JSX.jsx(Basefn.Typography.make, {
1846
1815
  text: {
1847
1816
  TAG: "Static",
1848
1817
  _0: "Dashboard"
@@ -1856,16 +1825,16 @@ function Demo$Demo(props) {
1856
1825
  Xote__JSX.Elements.jsxs("div", {
1857
1826
  style: "margin-top: 2rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem;",
1858
1827
  children: Xote__JSX.array([
1859
- Xote__JSX.jsxs(Basefn__Card.make, {
1828
+ Xote__JSX.jsxs(Basefn.Card.make, {
1860
1829
  children: Xote__JSX.array([
1861
- Xote__JSX.jsx(Basefn__Typography.make, {
1830
+ Xote__JSX.jsx(Basefn.Typography.make, {
1862
1831
  text: {
1863
1832
  TAG: "Static",
1864
1833
  _0: "Total Users"
1865
1834
  },
1866
1835
  variant: "H6"
1867
1836
  }),
1868
- Xote__JSX.jsx(Basefn__Typography.make, {
1837
+ Xote__JSX.jsx(Basefn.Typography.make, {
1869
1838
  text: {
1870
1839
  TAG: "Static",
1871
1840
  _0: "1,234"
@@ -1875,16 +1844,16 @@ function Demo$Demo(props) {
1875
1844
  })
1876
1845
  ])
1877
1846
  }),
1878
- Xote__JSX.jsxs(Basefn__Card.make, {
1847
+ Xote__JSX.jsxs(Basefn.Card.make, {
1879
1848
  children: Xote__JSX.array([
1880
- Xote__JSX.jsx(Basefn__Typography.make, {
1849
+ Xote__JSX.jsx(Basefn.Typography.make, {
1881
1850
  text: {
1882
1851
  TAG: "Static",
1883
1852
  _0: "Active Projects"
1884
1853
  },
1885
1854
  variant: "H6"
1886
1855
  }),
1887
- Xote__JSX.jsx(Basefn__Typography.make, {
1856
+ Xote__JSX.jsx(Basefn.Typography.make, {
1888
1857
  text: {
1889
1858
  TAG: "Static",
1890
1859
  _0: "45"
@@ -1893,16 +1862,16 @@ function Demo$Demo(props) {
1893
1862
  })
1894
1863
  ])
1895
1864
  }),
1896
- Xote__JSX.jsxs(Basefn__Card.make, {
1865
+ Xote__JSX.jsxs(Basefn.Card.make, {
1897
1866
  children: Xote__JSX.array([
1898
- Xote__JSX.jsx(Basefn__Typography.make, {
1867
+ Xote__JSX.jsx(Basefn.Typography.make, {
1899
1868
  text: {
1900
1869
  TAG: "Static",
1901
1870
  _0: "Completed Tasks"
1902
1871
  },
1903
1872
  variant: "H6"
1904
1873
  }),
1905
- Xote__JSX.jsx(Basefn__Typography.make, {
1874
+ Xote__JSX.jsx(Basefn.Typography.make, {
1906
1875
  text: {
1907
1876
  TAG: "Static",
1908
1877
  _0: "892"
@@ -1925,7 +1894,7 @@ function Demo$Demo(props) {
1925
1894
  })
1926
1895
  ])
1927
1896
  }),
1928
- Xote__JSX.jsx(Basefn__Separator.make, {
1897
+ Xote__JSX.jsx(Basefn.Separator.make, {
1929
1898
  orientation: "Horizontal",
1930
1899
  variant: "Dashed",
1931
1900
  label: "Foundational"
@@ -1933,7 +1902,7 @@ function Demo$Demo(props) {
1933
1902
  Xote__JSX.Elements.jsxs("div", {
1934
1903
  style: "margin-top: 3rem;",
1935
1904
  children: Xote__JSX.array([
1936
- Xote__JSX.jsx(Basefn__Typography.make, {
1905
+ Xote__JSX.jsx(Basefn.Typography.make, {
1937
1906
  text: {
1938
1907
  TAG: "Static",
1939
1908
  _0: "Foundation Components"
@@ -1941,7 +1910,7 @@ function Demo$Demo(props) {
1941
1910
  variant: "H2",
1942
1911
  align: "Left"
1943
1912
  }),
1944
- Xote__JSX.jsx(Basefn__Typography.make, {
1913
+ Xote__JSX.jsx(Basefn.Typography.make, {
1945
1914
  text: {
1946
1915
  TAG: "Static",
1947
1916
  _0: "Explore the Tier 1 foundation components below."
@@ -1953,7 +1922,7 @@ function Demo$Demo(props) {
1953
1922
  Xote__JSX.Elements.jsxs("div", {
1954
1923
  style: "margin-top: 2rem;",
1955
1924
  children: Xote__JSX.array([
1956
- Xote__JSX.jsx(Basefn__Typography.make, {
1925
+ Xote__JSX.jsx(Basefn.Typography.make, {
1957
1926
  text: {
1958
1927
  TAG: "Static",
1959
1928
  _0: "Badges"
@@ -1967,27 +1936,27 @@ function Demo$Demo(props) {
1967
1936
  Xote__JSX.Elements.jsxs("div", {
1968
1937
  style: "display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center;",
1969
1938
  children: Xote__JSX.array([
1970
- Xote__JSX.jsx(Basefn__Badge.make, {
1939
+ Xote__JSX.jsx(Basefn.Badge.make, {
1971
1940
  label: Xote.Signal.make("Default", undefined, undefined),
1972
1941
  variant: "Default"
1973
1942
  }),
1974
- Xote__JSX.jsx(Basefn__Badge.make, {
1943
+ Xote__JSX.jsx(Basefn.Badge.make, {
1975
1944
  label: Xote.Signal.make("Primary", undefined, undefined),
1976
1945
  variant: "Primary"
1977
1946
  }),
1978
- Xote__JSX.jsx(Basefn__Badge.make, {
1947
+ Xote__JSX.jsx(Basefn.Badge.make, {
1979
1948
  label: Xote.Signal.make("Secondary", undefined, undefined),
1980
1949
  variant: "Secondary"
1981
1950
  }),
1982
- Xote__JSX.jsx(Basefn__Badge.make, {
1951
+ Xote__JSX.jsx(Basefn.Badge.make, {
1983
1952
  label: Xote.Signal.make("Success", undefined, undefined),
1984
1953
  variant: "Success"
1985
1954
  }),
1986
- Xote__JSX.jsx(Basefn__Badge.make, {
1955
+ Xote__JSX.jsx(Basefn.Badge.make, {
1987
1956
  label: Xote.Signal.make("Warning", undefined, undefined),
1988
1957
  variant: "Warning"
1989
1958
  }),
1990
- Xote__JSX.jsx(Basefn__Badge.make, {
1959
+ Xote__JSX.jsx(Basefn.Badge.make, {
1991
1960
  label: Xote.Signal.make("Error", undefined, undefined),
1992
1961
  variant: "Error"
1993
1962
  })
@@ -1996,27 +1965,27 @@ function Demo$Demo(props) {
1996
1965
  Xote__JSX.Elements.jsxs("div", {
1997
1966
  style: "display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center; margin-top: 1rem;",
1998
1967
  children: Xote__JSX.array([
1999
- Xote__JSX.jsx(Basefn__Badge.make, {
1968
+ Xote__JSX.jsx(Basefn.Badge.make, {
2000
1969
  label: Xote.Signal.make("Small", undefined, undefined),
2001
1970
  variant: "Primary",
2002
1971
  size: "Sm"
2003
1972
  }),
2004
- Xote__JSX.jsx(Basefn__Badge.make, {
1973
+ Xote__JSX.jsx(Basefn.Badge.make, {
2005
1974
  label: Xote.Signal.make("Medium", undefined, undefined),
2006
1975
  variant: "Primary",
2007
1976
  size: "Md"
2008
1977
  }),
2009
- Xote__JSX.jsx(Basefn__Badge.make, {
1978
+ Xote__JSX.jsx(Basefn.Badge.make, {
2010
1979
  label: Xote.Signal.make("Large", undefined, undefined),
2011
1980
  variant: "Primary",
2012
1981
  size: "Lg"
2013
1982
  }),
2014
- Xote__JSX.jsx(Basefn__Badge.make, {
1983
+ Xote__JSX.jsx(Basefn.Badge.make, {
2015
1984
  label: Xote.Signal.make("Online", undefined, undefined),
2016
1985
  variant: "Success",
2017
1986
  dot: true
2018
1987
  }),
2019
- Xote__JSX.jsx(Basefn__Badge.make, {
1988
+ Xote__JSX.jsx(Basefn.Badge.make, {
2020
1989
  label: Xote.Signal.make("Away", undefined, undefined),
2021
1990
  variant: "Warning",
2022
1991
  dot: true
@@ -2025,7 +1994,7 @@ function Demo$Demo(props) {
2025
1994
  })
2026
1995
  ])
2027
1996
  }),
2028
- Xote__JSX.jsx(Basefn__Separator.make, {
1997
+ Xote__JSX.jsx(Basefn.Separator.make, {
2029
1998
  orientation: "Horizontal",
2030
1999
  variant: "Dashed",
2031
2000
  label: "Spinners"
@@ -2033,7 +2002,7 @@ function Demo$Demo(props) {
2033
2002
  Xote__JSX.Elements.jsxs("div", {
2034
2003
  style: "margin-top: 2rem;",
2035
2004
  children: Xote__JSX.array([
2036
- Xote__JSX.jsx(Basefn__Typography.make, {
2005
+ Xote__JSX.jsx(Basefn.Typography.make, {
2037
2006
  text: {
2038
2007
  TAG: "Static",
2039
2008
  _0: "Spinners"
@@ -2047,19 +2016,19 @@ function Demo$Demo(props) {
2047
2016
  Xote__JSX.Elements.jsxs("div", {
2048
2017
  style: "display: flex; gap: 2rem; flex-wrap: wrap; align-items: center;",
2049
2018
  children: Xote__JSX.array([
2050
- Xote__JSX.jsx(Basefn__Spinner.make, {
2019
+ Xote__JSX.jsx(Basefn.Spinner.make, {
2051
2020
  size: "Sm",
2052
2021
  variant: "Default"
2053
2022
  }),
2054
- Xote__JSX.jsx(Basefn__Spinner.make, {
2023
+ Xote__JSX.jsx(Basefn.Spinner.make, {
2055
2024
  size: "Md",
2056
2025
  variant: "Primary"
2057
2026
  }),
2058
- Xote__JSX.jsx(Basefn__Spinner.make, {
2027
+ Xote__JSX.jsx(Basefn.Spinner.make, {
2059
2028
  size: "Lg",
2060
2029
  variant: "Secondary"
2061
2030
  }),
2062
- Xote__JSX.jsx(Basefn__Spinner.make, {
2031
+ Xote__JSX.jsx(Basefn.Spinner.make, {
2063
2032
  size: "Xl",
2064
2033
  variant: "Primary"
2065
2034
  })
@@ -2068,12 +2037,12 @@ function Demo$Demo(props) {
2068
2037
  Xote__JSX.Elements.jsxs("div", {
2069
2038
  style: "display: flex; gap: 2rem; flex-wrap: wrap; margin-top: 1.5rem;",
2070
2039
  children: Xote__JSX.array([
2071
- Xote__JSX.jsx(Basefn__Spinner.make, {
2040
+ Xote__JSX.jsx(Basefn.Spinner.make, {
2072
2041
  size: "Md",
2073
2042
  variant: "Primary",
2074
2043
  label: "Loading..."
2075
2044
  }),
2076
- Xote__JSX.jsx(Basefn__Spinner.make, {
2045
+ Xote__JSX.jsx(Basefn.Spinner.make, {
2077
2046
  size: "Lg",
2078
2047
  variant: "Default",
2079
2048
  label: Xote.Signal.get(isSubmitting) ? "Submitting..." : "Ready"
@@ -2082,14 +2051,14 @@ function Demo$Demo(props) {
2082
2051
  })
2083
2052
  ])
2084
2053
  }),
2085
- Xote__JSX.jsx(Basefn__Separator.make, {
2054
+ Xote__JSX.jsx(Basefn.Separator.make, {
2086
2055
  orientation: "Horizontal",
2087
2056
  variant: "Dotted"
2088
2057
  }),
2089
2058
  Xote__JSX.Elements.jsxs("div", {
2090
2059
  style: "margin-top: 2rem;",
2091
2060
  children: Xote__JSX.array([
2092
- Xote__JSX.jsx(Basefn__Typography.make, {
2061
+ Xote__JSX.jsx(Basefn.Typography.make, {
2093
2062
  text: {
2094
2063
  TAG: "Static",
2095
2064
  _0: "Keyboard Shortcuts"
@@ -2109,7 +2078,7 @@ function Demo$Demo(props) {
2109
2078
  style: "color: #6b7280; margin-right: 0.5rem;",
2110
2079
  children: Xote.Component.text("Copy:")
2111
2080
  }),
2112
- Xote__JSX.jsx(Basefn__Kbd.make, {
2081
+ Xote__JSX.jsx(Basefn.Kbd.make, {
2113
2082
  keys: Xote.Signal.make([
2114
2083
  "Ctrl",
2115
2084
  "C"
@@ -2124,7 +2093,7 @@ function Demo$Demo(props) {
2124
2093
  style: "color: #6b7280; margin-right: 0.5rem;",
2125
2094
  children: Xote.Component.text("Paste:")
2126
2095
  }),
2127
- Xote__JSX.jsx(Basefn__Kbd.make, {
2096
+ Xote__JSX.jsx(Basefn.Kbd.make, {
2128
2097
  keys: Xote.Signal.make([
2129
2098
  "Ctrl",
2130
2099
  "V"
@@ -2139,7 +2108,7 @@ function Demo$Demo(props) {
2139
2108
  style: "color: #6b7280; margin-right: 0.5rem;",
2140
2109
  children: Xote.Component.text("Save:")
2141
2110
  }),
2142
- Xote__JSX.jsx(Basefn__Kbd.make, {
2111
+ Xote__JSX.jsx(Basefn.Kbd.make, {
2143
2112
  keys: Xote.Signal.make([
2144
2113
  "Ctrl",
2145
2114
  "S"
@@ -2154,7 +2123,7 @@ function Demo$Demo(props) {
2154
2123
  style: "color: #6b7280; margin-right: 0.5rem;",
2155
2124
  children: Xote.Component.text("Select All:")
2156
2125
  }),
2157
- Xote__JSX.jsx(Basefn__Kbd.make, {
2126
+ Xote__JSX.jsx(Basefn.Kbd.make, {
2158
2127
  keys: Xote.Signal.make([
2159
2128
  "Ctrl",
2160
2129
  "A"
@@ -2168,7 +2137,7 @@ function Demo$Demo(props) {
2168
2137
  Xote__JSX.Elements.jsxs("div", {
2169
2138
  style: "margin-top: 1rem;",
2170
2139
  children: Xote__JSX.array([
2171
- Xote__JSX.jsx(Basefn__Kbd.make, {
2140
+ Xote__JSX.jsx(Basefn.Kbd.make, {
2172
2141
  keys: Xote.Signal.make([
2173
2142
  "Shift",
2174
2143
  "Alt",
@@ -2184,14 +2153,14 @@ function Demo$Demo(props) {
2184
2153
  })
2185
2154
  ])
2186
2155
  }),
2187
- Xote__JSX.jsx(Basefn__Separator.make, {
2156
+ Xote__JSX.jsx(Basefn.Separator.make, {
2188
2157
  orientation: "Horizontal",
2189
2158
  variant: "Solid"
2190
2159
  }),
2191
2160
  Xote__JSX.Elements.jsxs("div", {
2192
2161
  style: "margin-top: 2rem;",
2193
2162
  children: Xote__JSX.array([
2194
- Xote__JSX.jsx(Basefn__Typography.make, {
2163
+ Xote__JSX.jsx(Basefn.Typography.make, {
2195
2164
  text: {
2196
2165
  TAG: "Static",
2197
2166
  _0: "Typography"
@@ -2205,81 +2174,81 @@ function Demo$Demo(props) {
2205
2174
  Xote__JSX.Elements.jsxs("div", {
2206
2175
  style: "display: flex; flex-direction: column; gap: 1rem;",
2207
2176
  children: Xote__JSX.array([
2208
- Xote__JSX.jsx(Basefn__Typography.make, {
2177
+ Xote__JSX.jsx(Basefn.Typography.make, {
2209
2178
  text: {
2210
2179
  TAG: "Static",
2211
2180
  _0: "Heading 1"
2212
2181
  },
2213
2182
  variant: "H1"
2214
2183
  }),
2215
- Xote__JSX.jsx(Basefn__Typography.make, {
2184
+ Xote__JSX.jsx(Basefn.Typography.make, {
2216
2185
  text: {
2217
2186
  TAG: "Static",
2218
2187
  _0: "Heading 2"
2219
2188
  },
2220
2189
  variant: "H2"
2221
2190
  }),
2222
- Xote__JSX.jsx(Basefn__Typography.make, {
2191
+ Xote__JSX.jsx(Basefn.Typography.make, {
2223
2192
  text: {
2224
2193
  TAG: "Static",
2225
2194
  _0: "Heading 3"
2226
2195
  },
2227
2196
  variant: "H3"
2228
2197
  }),
2229
- Xote__JSX.jsx(Basefn__Typography.make, {
2198
+ Xote__JSX.jsx(Basefn.Typography.make, {
2230
2199
  text: {
2231
2200
  TAG: "Static",
2232
2201
  _0: "Heading 4"
2233
2202
  },
2234
2203
  variant: "H4"
2235
2204
  }),
2236
- Xote__JSX.jsx(Basefn__Typography.make, {
2205
+ Xote__JSX.jsx(Basefn.Typography.make, {
2237
2206
  text: {
2238
2207
  TAG: "Static",
2239
2208
  _0: "Heading 5"
2240
2209
  },
2241
2210
  variant: "H5"
2242
2211
  }),
2243
- Xote__JSX.jsx(Basefn__Typography.make, {
2212
+ Xote__JSX.jsx(Basefn.Typography.make, {
2244
2213
  text: {
2245
2214
  TAG: "Static",
2246
2215
  _0: "Heading 6"
2247
2216
  },
2248
2217
  variant: "H6"
2249
2218
  }),
2250
- Xote__JSX.jsx(Basefn__Separator.make, {
2219
+ Xote__JSX.jsx(Basefn.Separator.make, {
2251
2220
  orientation: "Horizontal",
2252
2221
  variant: "Dashed"
2253
2222
  }),
2254
- Xote__JSX.jsx(Basefn__Typography.make, {
2223
+ Xote__JSX.jsx(Basefn.Typography.make, {
2255
2224
  text: {
2256
2225
  TAG: "Static",
2257
2226
  _0: "This is a regular paragraph with normal text styling and comfortable line height."
2258
2227
  },
2259
2228
  variant: "P"
2260
2229
  }),
2261
- Xote__JSX.jsx(Basefn__Typography.make, {
2230
+ Xote__JSX.jsx(Basefn.Typography.make, {
2262
2231
  text: {
2263
2232
  TAG: "Static",
2264
2233
  _0: "This is a lead paragraph that stands out with larger text and is perfect for introductions."
2265
2234
  },
2266
2235
  variant: "Lead"
2267
2236
  }),
2268
- Xote__JSX.jsx(Basefn__Typography.make, {
2237
+ Xote__JSX.jsx(Basefn.Typography.make, {
2269
2238
  text: {
2270
2239
  TAG: "Static",
2271
2240
  _0: "This is small text, useful for captions and helper text."
2272
2241
  },
2273
2242
  variant: "Small"
2274
2243
  }),
2275
- Xote__JSX.jsx(Basefn__Typography.make, {
2244
+ Xote__JSX.jsx(Basefn.Typography.make, {
2276
2245
  text: {
2277
2246
  TAG: "Static",
2278
2247
  _0: "This is muted text with reduced emphasis."
2279
2248
  },
2280
2249
  variant: "Muted"
2281
2250
  }),
2282
- Xote__JSX.jsx(Basefn__Typography.make, {
2251
+ Xote__JSX.jsx(Basefn.Typography.make, {
2283
2252
  text: {
2284
2253
  TAG: "Static",
2285
2254
  _0: "const hello = 'world'"