@texturehq/edges 0.1.8 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,97 @@
1
1
  {
2
- "version": "0.1.8",
3
- "generatedAt": "2025-09-05T21:46:26.803Z",
2
+ "version": "1.0.1",
3
+ "generatedAt": "2025-09-26T18:58:56.540Z",
4
4
  "components": [
5
+ {
6
+ "name": "ActionCell",
7
+ "importRoot": "@texturehq/edges",
8
+ "importPath": "@texturehq/edges/components/ActionCell",
9
+ "description": "",
10
+ "props": []
11
+ },
12
+ {
13
+ "name": "ActionMenu",
14
+ "importRoot": "@texturehq/edges",
15
+ "importPath": "@texturehq/edges/components/ActionMenu",
16
+ "description": "ActionMenu A dropdown menu for actions, typically triggered by a button. Supports icons, destructive actions, and flexible alignment.",
17
+ "props": [
18
+ {
19
+ "name": "items",
20
+ "type": "ActionItem[]"
21
+ },
22
+ {
23
+ "name": "children",
24
+ "type": "ReactNode"
25
+ },
26
+ {
27
+ "name": "align",
28
+ "type": "\"left\" | \"right\""
29
+ },
30
+ {
31
+ "name": "size",
32
+ "type": "\"sm\" | \"md\""
33
+ },
34
+ {
35
+ "name": "textAlign",
36
+ "type": "\"left\" | \"right\""
37
+ },
38
+ {
39
+ "name": "className",
40
+ "type": "string"
41
+ },
42
+ {
43
+ "name": "onAction",
44
+ "type": "(item: ActionItem) => void"
45
+ }
46
+ ]
47
+ },
48
+ {
49
+ "name": "AppShell",
50
+ "importRoot": "@texturehq/edges",
51
+ "importPath": "@texturehq/edges/components/AppShell",
52
+ "description": "Isomorphic AppShell component that works as both server and client component Uses CSS-only interactions by default for full SSR compatibility Can be progressively enhanced with JavaScript when enableJsEnhancements is true",
53
+ "props": [
54
+ {
55
+ "name": "sideNav",
56
+ "type": "Omit<SideNavProps, \"mobileMenuId\" | \"sidebarCollapseId\">"
57
+ },
58
+ {
59
+ "name": "topNav",
60
+ "type": "Pick<"
61
+ },
62
+ {
63
+ "name": "children",
64
+ "type": "React.ReactNode"
65
+ },
66
+ {
67
+ "name": "contentPaddingX",
68
+ "type": "string"
69
+ },
70
+ {
71
+ "name": "contentPaddingY",
72
+ "type": "string"
73
+ },
74
+ {
75
+ "name": "showSidebarBorder",
76
+ "type": "boolean"
77
+ },
78
+ {
79
+ "name": "mainClassName",
80
+ "type": "string"
81
+ },
82
+ {
83
+ "name": "enableJsEnhancements",
84
+ "type": "boolean"
85
+ }
86
+ ]
87
+ },
88
+ {
89
+ "name": "AreaSeries",
90
+ "importRoot": "@texturehq/edges",
91
+ "importPath": "@texturehq/edges/components/AreaSeries",
92
+ "description": "",
93
+ "props": []
94
+ },
5
95
  {
6
96
  "name": "Autocomplete",
7
97
  "importRoot": "@texturehq/edges",
@@ -99,15 +189,134 @@
99
189
  ]
100
190
  },
101
191
  {
102
- "name": "Button",
192
+ "name": "AutoMobileRenderer",
103
193
  "importRoot": "@texturehq/edges",
104
- "importPath": "@texturehq/edges/components/Button",
105
- "description": "Renders an Edges Button. When `href` is provided, renders a link-styled button using the same visual system.",
194
+ "importPath": "@texturehq/edges/components/AutoMobileRenderer",
195
+ "description": "",
196
+ "props": []
197
+ },
198
+ {
199
+ "name": "Avatar",
200
+ "importRoot": "@texturehq/edges",
201
+ "importPath": "@texturehq/edges/components/Avatar",
202
+ "description": "Avatar Display user, team, or organization avatars with support for images, initials, and fallback icons. Includes optional status indicators.",
106
203
  "props": [
204
+ {
205
+ "name": "src",
206
+ "type": "string"
207
+ },
208
+ {
209
+ "name": "alt",
210
+ "type": "string"
211
+ },
212
+ {
213
+ "name": "firstName",
214
+ "type": "string"
215
+ },
216
+ {
217
+ "name": "lastName",
218
+ "type": "string"
219
+ },
220
+ {
221
+ "name": "fullName",
222
+ "type": "string"
223
+ },
224
+ {
225
+ "name": "onClick",
226
+ "type": "() => void"
227
+ },
228
+ {
229
+ "name": "size",
230
+ "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
231
+ },
232
+ {
233
+ "name": "shape",
234
+ "type": "\"circle\" | \"square\""
235
+ },
107
236
  {
108
237
  "name": "variant",
109
- "type": "\"default\" | \"primary\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\""
238
+ "type": "\"user\" | \"team\" | \"organization\""
239
+ },
240
+ {
241
+ "name": "className",
242
+ "type": "string"
243
+ },
244
+ {
245
+ "name": "status",
246
+ "type": "\"online\" | \"offline\" | \"away\" | \"busy\""
110
247
  },
248
+ {
249
+ "name": "bordered",
250
+ "type": "boolean"
251
+ }
252
+ ]
253
+ },
254
+ {
255
+ "name": "Badge",
256
+ "importRoot": "@texturehq/edges",
257
+ "importPath": "@texturehq/edges/components/Badge",
258
+ "description": "Badge A non-interactive label for displaying status, counts, or categories. Use for read-only indicators. For interactive elements, use Chip instead.",
259
+ "props": [
260
+ {
261
+ "name": "children",
262
+ "type": "React.ReactNode"
263
+ },
264
+ {
265
+ "name": "size",
266
+ "type": "\"sm\" | \"md\" | \"lg\""
267
+ },
268
+ {
269
+ "name": "shape",
270
+ "type": "\"pill\" | \"rounded\" | \"square\""
271
+ },
272
+ {
273
+ "name": "dot",
274
+ "type": "boolean"
275
+ },
276
+ {
277
+ "name": "dotPosition",
278
+ "type": "\"left\" | \"right\""
279
+ },
280
+ {
281
+ "name": "className",
282
+ "type": "string"
283
+ }
284
+ ]
285
+ },
286
+ {
287
+ "name": "BarSeries",
288
+ "importRoot": "@texturehq/edges",
289
+ "importPath": "@texturehq/edges/components/BarSeries",
290
+ "description": "",
291
+ "props": []
292
+ },
293
+ {
294
+ "name": "BooleanCell",
295
+ "importRoot": "@texturehq/edges",
296
+ "importPath": "@texturehq/edges/components/BooleanCell",
297
+ "description": "",
298
+ "props": []
299
+ },
300
+ {
301
+ "name": "Breadcrumb",
302
+ "importRoot": "@texturehq/edges",
303
+ "importPath": "@texturehq/edges/components/Breadcrumb",
304
+ "description": "Breadcrumbs Navigation breadcrumbs that show the user's current location in the hierarchy",
305
+ "props": []
306
+ },
307
+ {
308
+ "name": "Breadcrumbs",
309
+ "importRoot": "@texturehq/edges",
310
+ "importPath": "@texturehq/edges/components/Breadcrumbs",
311
+ "description": "Breadcrumbs Navigation breadcrumbs that show the user's current location in the hierarchy",
312
+ "props": []
313
+ },
314
+ {
315
+ "name": "Button",
316
+ "importRoot": "@texturehq/edges",
317
+ "importPath": "@texturehq/edges/components/Button",
318
+ "description": "Renders an Edges Button. When `href` is provided, renders a link-styled button using the same visual system.",
319
+ "props": [
111
320
  {
112
321
  "name": "size",
113
322
  "type": "Size"
@@ -217,6 +426,41 @@
217
426
  }
218
427
  ]
219
428
  },
429
+ {
430
+ "name": "CardMobileRenderer",
431
+ "importRoot": "@texturehq/edges",
432
+ "importPath": "@texturehq/edges/components/CardMobileRenderer",
433
+ "description": "",
434
+ "props": []
435
+ },
436
+ {
437
+ "name": "ChartAxis",
438
+ "importRoot": "@texturehq/edges",
439
+ "importPath": "@texturehq/edges/components/ChartAxis",
440
+ "description": "",
441
+ "props": []
442
+ },
443
+ {
444
+ "name": "ChartBottomBar",
445
+ "importRoot": "@texturehq/edges",
446
+ "importPath": "@texturehq/edges/components/ChartBottomBar",
447
+ "description": "",
448
+ "props": []
449
+ },
450
+ {
451
+ "name": "ChartContainer",
452
+ "importRoot": "@texturehq/edges",
453
+ "importPath": "@texturehq/edges/components/ChartContainer",
454
+ "description": "",
455
+ "props": []
456
+ },
457
+ {
458
+ "name": "ChartTooltip",
459
+ "importRoot": "@texturehq/edges",
460
+ "importPath": "@texturehq/edges/components/ChartTooltip",
461
+ "description": "",
462
+ "props": []
463
+ },
220
464
  {
221
465
  "name": "Checkbox",
222
466
  "importRoot": "@texturehq/edges",
@@ -229,6 +473,30 @@
229
473
  }
230
474
  ]
231
475
  },
476
+ {
477
+ "name": "CheckboxGroup",
478
+ "importRoot": "@texturehq/edges",
479
+ "importPath": "@texturehq/edges/components/CheckboxGroup",
480
+ "description": "Checkbox Single checkbox with Edges visuals.",
481
+ "props": [
482
+ {
483
+ "name": "label",
484
+ "type": "string"
485
+ },
486
+ {
487
+ "name": "children",
488
+ "type": "ReactNode"
489
+ },
490
+ {
491
+ "name": "description",
492
+ "type": "string"
493
+ },
494
+ {
495
+ "name": "errorMessage",
496
+ "type": "string | ((validation: ValidationResult) => string)"
497
+ }
498
+ ]
499
+ },
232
500
  {
233
501
  "name": "Chip",
234
502
  "importRoot": "@texturehq/edges",
@@ -269,11 +537,117 @@
269
537
  }
270
538
  ]
271
539
  },
540
+ {
541
+ "name": "CodeEditor",
542
+ "importRoot": "@texturehq/edges",
543
+ "importPath": "@texturehq/edges/components/CodeEditor",
544
+ "description": "CodeEditor A code editor component with syntax highlighting and various language support. Built on top of Ace Editor.",
545
+ "props": [
546
+ {
547
+ "name": "value",
548
+ "type": "string"
549
+ },
550
+ {
551
+ "name": "readOnly",
552
+ "type": "boolean"
553
+ },
554
+ {
555
+ "name": "onChange",
556
+ "type": "(value: string) => void"
557
+ },
558
+ {
559
+ "name": "language",
560
+ "type": "CodeLanguage"
561
+ },
562
+ {
563
+ "name": "theme",
564
+ "type": "CodeTheme"
565
+ },
566
+ {
567
+ "name": "height",
568
+ "type": "string"
569
+ },
570
+ {
571
+ "name": "width",
572
+ "type": "string"
573
+ },
574
+ {
575
+ "name": "className",
576
+ "type": "string"
577
+ },
578
+ {
579
+ "name": "lineHeight",
580
+ "type": "number"
581
+ },
582
+ {
583
+ "name": "minLines",
584
+ "type": "number"
585
+ },
586
+ {
587
+ "name": "maxLines",
588
+ "type": "number"
589
+ },
590
+ {
591
+ "name": "showLineNumbers",
592
+ "type": "boolean"
593
+ },
594
+ {
595
+ "name": "showGutter",
596
+ "type": "boolean"
597
+ },
598
+ {
599
+ "name": "fontSize",
600
+ "type": "number"
601
+ },
602
+ {
603
+ "name": "wrapEnabled",
604
+ "type": "boolean"
605
+ }
606
+ ]
607
+ },
608
+ {
609
+ "name": "CopyToClipboard",
610
+ "importRoot": "@texturehq/edges",
611
+ "importPath": "@texturehq/edges/components/CopyToClipboard",
612
+ "description": "Size of the copy button, defaults to \"sm\"",
613
+ "props": [
614
+ {
615
+ "name": "value",
616
+ "type": "string"
617
+ },
618
+ {
619
+ "name": "children",
620
+ "type": "React.ReactNode"
621
+ },
622
+ {
623
+ "name": "className",
624
+ "type": "string"
625
+ },
626
+ {
627
+ "name": "size",
628
+ "type": "\"sm\" | \"md\""
629
+ }
630
+ ]
631
+ },
632
+ {
633
+ "name": "DataTable",
634
+ "importRoot": "@texturehq/edges",
635
+ "importPath": "@texturehq/edges/components/DataTable",
636
+ "description": "",
637
+ "props": []
638
+ },
639
+ {
640
+ "name": "DateCell",
641
+ "importRoot": "@texturehq/edges",
642
+ "importPath": "@texturehq/edges/components/DateCell",
643
+ "description": "",
644
+ "props": []
645
+ },
272
646
  {
273
647
  "name": "DateField",
274
648
  "importRoot": "@texturehq/edges",
275
649
  "importPath": "@texturehq/edges/components/DateField",
276
- "description": "DateField Segmented date input with Edges styling.",
650
+ "description": "Whether to show a calendar button for date selection @default false",
277
651
  "props": []
278
652
  },
279
653
  {
@@ -340,88 +714,269 @@
340
714
  "type": "DrawerAction"
341
715
  },
342
716
  {
343
- "name": "secondaryAction",
344
- "type": "DrawerAction"
717
+ "name": "secondaryAction",
718
+ "type": "DrawerAction"
719
+ },
720
+ {
721
+ "name": "footerContent",
722
+ "type": "React.ReactNode"
723
+ },
724
+ {
725
+ "name": "contentPadding",
726
+ "type": "boolean"
727
+ },
728
+ {
729
+ "name": "maxWidth",
730
+ "type": "string"
731
+ }
732
+ ]
733
+ },
734
+ {
735
+ "name": "ErrorBoundary",
736
+ "importRoot": "@texturehq/edges",
737
+ "importPath": "@texturehq/edges/components/ErrorBoundary",
738
+ "description": "",
739
+ "props": []
740
+ },
741
+ {
742
+ "name": "FileUpload",
743
+ "importRoot": "@texturehq/edges",
744
+ "importPath": "@texturehq/edges/components/FileUpload",
745
+ "description": "FileUpload A file upload component with drag-and-drop support. Supports image preview, custom upload handlers, and file validation.",
746
+ "props": [
747
+ {
748
+ "name": "value",
749
+ "type": "string"
750
+ },
751
+ {
752
+ "name": "onChange",
753
+ "type": "(file: File | null, url?: string) => void"
754
+ },
755
+ {
756
+ "name": "onUrlChange",
757
+ "type": "(url: string) => void"
758
+ },
759
+ {
760
+ "name": "accept",
761
+ "type": "string"
762
+ },
763
+ {
764
+ "name": "maxSize",
765
+ "type": "number"
766
+ },
767
+ {
768
+ "name": "isDisabled",
769
+ "type": "boolean"
770
+ },
771
+ {
772
+ "name": "onUpload",
773
+ "type": "(file: File) => Promise<string>"
774
+ },
775
+ {
776
+ "name": "className",
777
+ "type": "string"
778
+ },
779
+ {
780
+ "name": "showPreview",
781
+ "type": "boolean"
782
+ },
783
+ {
784
+ "name": "placeholder",
785
+ "type": "string"
786
+ }
787
+ ]
788
+ },
789
+ {
790
+ "name": "Form",
791
+ "importRoot": "@texturehq/edges",
792
+ "importPath": "@texturehq/edges/components/Form",
793
+ "description": "Form Accessibility-first form wrapper with consistent spacing.",
794
+ "props": []
795
+ },
796
+ {
797
+ "name": "Heading",
798
+ "importRoot": "@texturehq/edges",
799
+ "importPath": "@texturehq/edges/components/Heading",
800
+ "description": "Heading Typography component for page/section headings with size and height options.",
801
+ "props": [
802
+ {
803
+ "name": "tag",
804
+ "type": "keyof JSX.IntrinsicElements"
805
+ },
806
+ {
807
+ "name": "size",
808
+ "type": "HeadingSize"
809
+ },
810
+ {
811
+ "name": "height",
812
+ "type": "HeadingHeight"
813
+ },
814
+ {
815
+ "name": "className",
816
+ "type": "string"
817
+ },
818
+ {
819
+ "name": "children",
820
+ "type": "React.ReactNode"
821
+ }
822
+ ]
823
+ },
824
+ {
825
+ "name": "Icon",
826
+ "importRoot": "@texturehq/edges",
827
+ "importPath": "@texturehq/edges/components/Icon",
828
+ "description": "",
829
+ "props": []
830
+ },
831
+ {
832
+ "name": "InteractiveMap",
833
+ "importRoot": "@texturehq/edges",
834
+ "importPath": "@texturehq/edges/components/InteractiveMap",
835
+ "description": "",
836
+ "props": []
837
+ },
838
+ {
839
+ "name": "LineSeries",
840
+ "importRoot": "@texturehq/edges",
841
+ "importPath": "@texturehq/edges/components/LineSeries",
842
+ "description": "",
843
+ "props": []
844
+ },
845
+ {
846
+ "name": "ListBox",
847
+ "importRoot": "@texturehq/edges",
848
+ "importPath": "@texturehq/edges/components/ListBox",
849
+ "description": "ListBox Styled wrapper around `react-aria-components` ListBox and related parts used in dropdowns and menus.",
850
+ "props": []
851
+ },
852
+ {
853
+ "name": "ListBoxItem",
854
+ "importRoot": "@texturehq/edges",
855
+ "importPath": "@texturehq/edges/components/ListBoxItem",
856
+ "description": "ListBoxItem A styled wrapper around `react-aria-components` ListBoxItem with size variants that align with Edges typography.",
857
+ "props": [
858
+ {
859
+ "name": "size",
860
+ "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
861
+ },
862
+ {
863
+ "name": "className",
864
+ "type": "string"
865
+ }
866
+ ]
867
+ },
868
+ {
869
+ "name": "Loader",
870
+ "importRoot": "@texturehq/edges",
871
+ "importPath": "@texturehq/edges/components/Loader",
872
+ "description": "",
873
+ "props": [
874
+ {
875
+ "name": "className",
876
+ "type": "string"
877
+ },
878
+ {
879
+ "name": "size",
880
+ "type": "number"
881
+ },
882
+ {
883
+ "name": "color",
884
+ "type": "string"
885
+ }
886
+ ]
887
+ },
888
+ {
889
+ "name": "Logo",
890
+ "importRoot": "@texturehq/edges",
891
+ "importPath": "@texturehq/edges/components/Logo",
892
+ "description": "",
893
+ "props": [
894
+ {
895
+ "name": "className",
896
+ "type": "string"
345
897
  },
346
898
  {
347
- "name": "footerContent",
348
- "type": "React.ReactNode"
899
+ "name": "showWordmark",
900
+ "type": "boolean"
349
901
  },
350
902
  {
351
- "name": "contentPadding",
352
- "type": "boolean"
903
+ "name": "width",
904
+ "type": "number"
353
905
  },
354
906
  {
355
- "name": "maxWidth",
907
+ "name": "fill",
356
908
  "type": "string"
357
909
  }
358
910
  ]
359
911
  },
360
912
  {
361
- "name": "ErrorBoundary",
913
+ "name": "MAPBOX_THEMES",
362
914
  "importRoot": "@texturehq/edges",
363
- "importPath": "@texturehq/edges/components/ErrorBoundary",
915
+ "importPath": "@texturehq/edges/components/MAPBOX_THEMES",
364
916
  "description": "",
365
917
  "props": []
366
918
  },
367
919
  {
368
- "name": "Form",
369
- "importRoot": "@texturehq/edges",
370
- "importPath": "@texturehq/edges/components/Form",
371
- "description": "Form Accessibility-first form wrapper with consistent spacing.",
372
- "props": []
373
- },
374
- {
375
- "name": "Heading",
920
+ "name": "Meter",
376
921
  "importRoot": "@texturehq/edges",
377
- "importPath": "@texturehq/edges/components/Heading",
378
- "description": "Heading Typography component for page/section headings with size and height options.",
922
+ "importPath": "@texturehq/edges/components/Meter",
923
+ "description": "Meter Displays a measurement within a known range, with visual indicators for different value ranges. Perfect for showing capacity, usage levels, scores, or any bounded measurement.",
379
924
  "props": [
380
925
  {
381
- "name": "tag",
382
- "type": "keyof JSX.IntrinsicElements"
926
+ "name": "label",
927
+ "type": "string"
383
928
  },
384
929
  {
385
930
  "name": "size",
386
- "type": "HeadingSize"
931
+ "type": "\"sm\" | \"md\" | \"lg\""
387
932
  },
388
933
  {
389
- "name": "height",
390
- "type": "HeadingHeight"
934
+ "name": "variant",
935
+ "type": "\"default\" | \"success\" | \"warning\" | \"error\" | \"info\""
391
936
  },
392
937
  {
393
- "name": "className",
394
- "type": "string"
938
+ "name": "showWarningIndicator",
939
+ "type": "boolean"
395
940
  },
396
941
  {
397
- "name": "children",
398
- "type": "React.ReactNode"
942
+ "name": "warningThreshold",
943
+ "type": "number"
944
+ },
945
+ {
946
+ "name": "className",
947
+ "type": "string"
399
948
  }
400
949
  ]
401
950
  },
402
951
  {
403
- "name": "Icon",
404
- "importRoot": "@texturehq/edges",
405
- "importPath": "@texturehq/edges/components/Icon",
406
- "description": "",
407
- "props": []
408
- },
409
- {
410
- "name": "ListBox",
411
- "importRoot": "@texturehq/edges",
412
- "importPath": "@texturehq/edges/components/ListBox",
413
- "description": "ListBox Styled wrapper around `react-aria-components` ListBox and related parts used in dropdowns and menus.",
414
- "props": []
415
- },
416
- {
417
- "name": "ListBoxItem",
952
+ "name": "Notice",
418
953
  "importRoot": "@texturehq/edges",
419
- "importPath": "@texturehq/edges/components/ListBoxItem",
420
- "description": "ListBoxItem A styled wrapper around `react-aria-components` ListBoxItem with size variants that align with Edges typography.",
954
+ "importPath": "@texturehq/edges/components/Notice",
955
+ "description": "Notice Individual notification component that displays a message with an icon. Typically used within a NoticeProvider for managing multiple notifications.",
421
956
  "props": [
422
957
  {
423
- "name": "size",
424
- "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
958
+ "name": "id",
959
+ "type": "string"
960
+ },
961
+ {
962
+ "name": "message",
963
+ "type": "string"
964
+ },
965
+ {
966
+ "name": "variant",
967
+ "type": "NoticeVariant"
968
+ },
969
+ {
970
+ "name": "duration",
971
+ "type": "number"
972
+ },
973
+ {
974
+ "name": "dismissible",
975
+ "type": "boolean"
976
+ },
977
+ {
978
+ "name": "onDismiss",
979
+ "type": "() => void"
425
980
  },
426
981
  {
427
982
  "name": "className",
@@ -430,41 +985,84 @@
430
985
  ]
431
986
  },
432
987
  {
433
- "name": "Loader",
988
+ "name": "NoticeContainer",
434
989
  "importRoot": "@texturehq/edges",
435
- "importPath": "@texturehq/edges/components/Loader",
990
+ "importPath": "@texturehq/edges/components/NoticeContainer",
436
991
  "description": "",
437
992
  "props": [
438
993
  {
439
- "name": "className",
994
+ "name": "id",
440
995
  "type": "string"
441
996
  },
442
997
  {
443
- "name": "size",
998
+ "name": "message",
999
+ "type": "string"
1000
+ },
1001
+ {
1002
+ "name": "variant",
1003
+ "type": "NoticeVariant"
1004
+ },
1005
+ {
1006
+ "name": "duration",
444
1007
  "type": "number"
445
1008
  },
446
1009
  {
447
- "name": "color",
1010
+ "name": "dismissible",
1011
+ "type": "boolean"
1012
+ },
1013
+ {
1014
+ "name": "onDismiss",
1015
+ "type": "() => void"
1016
+ },
1017
+ {
1018
+ "name": "className",
448
1019
  "type": "string"
449
1020
  }
450
1021
  ]
451
1022
  },
452
1023
  {
453
- "name": "Logo",
1024
+ "name": "NoticeProvider",
454
1025
  "importRoot": "@texturehq/edges",
455
- "importPath": "@texturehq/edges/components/Logo",
1026
+ "importPath": "@texturehq/edges/components/NoticeProvider",
456
1027
  "description": "",
457
1028
  "props": [
458
1029
  {
459
- "name": "className",
1030
+ "name": "id",
460
1031
  "type": "string"
461
1032
  },
462
1033
  {
463
- "name": "showWordmark",
1034
+ "name": "message",
1035
+ "type": "string"
1036
+ },
1037
+ {
1038
+ "name": "variant",
1039
+ "type": "NoticeVariant"
1040
+ },
1041
+ {
1042
+ "name": "duration",
1043
+ "type": "number"
1044
+ },
1045
+ {
1046
+ "name": "dismissible",
464
1047
  "type": "boolean"
1048
+ },
1049
+ {
1050
+ "name": "onDismiss",
1051
+ "type": "() => void"
1052
+ },
1053
+ {
1054
+ "name": "className",
1055
+ "type": "string"
465
1056
  }
466
1057
  ]
467
1058
  },
1059
+ {
1060
+ "name": "NumberCell",
1061
+ "importRoot": "@texturehq/edges",
1062
+ "importPath": "@texturehq/edges/components/NumberCell",
1063
+ "description": "",
1064
+ "props": []
1065
+ },
468
1066
  {
469
1067
  "name": "NumberField",
470
1068
  "importRoot": "@texturehq/edges",
@@ -720,6 +1318,66 @@
720
1318
  "description": "RangeCalendar Calendar allowing selection of a date range.",
721
1319
  "props": []
722
1320
  },
1321
+ {
1322
+ "name": "RichTextEditor",
1323
+ "importRoot": "@texturehq/edges",
1324
+ "importPath": "@texturehq/edges/components/RichTextEditor",
1325
+ "description": "RichTextEditor A rich text editor with formatting capabilities including headings, bold, italic, lists, and links. Built on top of TipTap/ProseMirror.",
1326
+ "props": [
1327
+ {
1328
+ "name": "initialContent",
1329
+ "type": "string"
1330
+ },
1331
+ {
1332
+ "name": "onChange",
1333
+ "type": "(html: string) => void"
1334
+ },
1335
+ {
1336
+ "name": "className",
1337
+ "type": "string"
1338
+ },
1339
+ {
1340
+ "name": "isDisabled",
1341
+ "type": "boolean"
1342
+ },
1343
+ {
1344
+ "name": "placeholder",
1345
+ "type": "string"
1346
+ }
1347
+ ]
1348
+ },
1349
+ {
1350
+ "name": "SegmentedControl",
1351
+ "importRoot": "@texturehq/edges",
1352
+ "importPath": "@texturehq/edges/components/SegmentedControl",
1353
+ "description": "SegmentedControl A segmented control component for selecting between multiple options. Similar to a radio group but with a more compact, button-like appearance.",
1354
+ "props": [
1355
+ {
1356
+ "name": "options",
1357
+ "type": "SegmentOption[]"
1358
+ },
1359
+ {
1360
+ "name": "value",
1361
+ "type": "string"
1362
+ },
1363
+ {
1364
+ "name": "onChange",
1365
+ "type": "(value: string) => void"
1366
+ },
1367
+ {
1368
+ "name": "size",
1369
+ "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
1370
+ },
1371
+ {
1372
+ "name": "className",
1373
+ "type": "string"
1374
+ },
1375
+ {
1376
+ "name": "isDisabled",
1377
+ "type": "boolean"
1378
+ }
1379
+ ]
1380
+ },
723
1381
  {
724
1382
  "name": "Select",
725
1383
  "importRoot": "@texturehq/edges",
@@ -727,6 +1385,53 @@
727
1385
  "description": "Whether to use transparent background",
728
1386
  "props": []
729
1387
  },
1388
+ {
1389
+ "name": "SelectCell",
1390
+ "importRoot": "@texturehq/edges",
1391
+ "importPath": "@texturehq/edges/components/SelectCell",
1392
+ "description": "",
1393
+ "props": []
1394
+ },
1395
+ {
1396
+ "name": "SideNav",
1397
+ "importRoot": "@texturehq/edges",
1398
+ "importPath": "@texturehq/edges/components/SideNav",
1399
+ "description": "",
1400
+ "props": [
1401
+ {
1402
+ "name": "topItems",
1403
+ "type": "SideNavItem[]"
1404
+ },
1405
+ {
1406
+ "name": "bottomItems",
1407
+ "type": "SideNavItem[]"
1408
+ },
1409
+ {
1410
+ "name": "logo",
1411
+ "type": "React.ReactNode"
1412
+ },
1413
+ {
1414
+ "name": "showLogo",
1415
+ "type": "boolean"
1416
+ },
1417
+ {
1418
+ "name": "linkComponent",
1419
+ "type": "React.ElementType"
1420
+ },
1421
+ {
1422
+ "name": "className",
1423
+ "type": "string"
1424
+ },
1425
+ {
1426
+ "name": "mobileMenuId",
1427
+ "type": "string"
1428
+ },
1429
+ {
1430
+ "name": "sidebarCollapseId",
1431
+ "type": "string"
1432
+ }
1433
+ ]
1434
+ },
730
1435
  {
731
1436
  "name": "Skeleton",
732
1437
  "importRoot": "@texturehq/edges",
@@ -734,6 +1439,13 @@
734
1439
  "description": "",
735
1440
  "props": []
736
1441
  },
1442
+ {
1443
+ "name": "SKELETON_SIZES",
1444
+ "importRoot": "@texturehq/edges",
1445
+ "importPath": "@texturehq/edges/components/SKELETON_SIZES",
1446
+ "description": "",
1447
+ "props": []
1448
+ },
737
1449
  {
738
1450
  "name": "Slider",
739
1451
  "importRoot": "@texturehq/edges",
@@ -798,6 +1510,13 @@
798
1510
  }
799
1511
  ]
800
1512
  },
1513
+ {
1514
+ "name": "StaticMap",
1515
+ "importRoot": "@texturehq/edges",
1516
+ "importPath": "@texturehq/edges/components/StaticMap",
1517
+ "description": "",
1518
+ "props": []
1519
+ },
801
1520
  {
802
1521
  "name": "Switch",
803
1522
  "importRoot": "@texturehq/edges",
@@ -958,6 +1677,13 @@
958
1677
  }
959
1678
  ]
960
1679
  },
1680
+ {
1681
+ "name": "TextCell",
1682
+ "importRoot": "@texturehq/edges",
1683
+ "importPath": "@texturehq/edges/components/TextCell",
1684
+ "description": "",
1685
+ "props": []
1686
+ },
961
1687
  {
962
1688
  "name": "TextField",
963
1689
  "importRoot": "@texturehq/edges",
@@ -1193,6 +1919,50 @@
1193
1919
  "type": "React.ReactNode"
1194
1920
  }
1195
1921
  ]
1922
+ },
1923
+ {
1924
+ "name": "TopNav",
1925
+ "importRoot": "@texturehq/edges",
1926
+ "importPath": "@texturehq/edges/components/TopNav",
1927
+ "description": "",
1928
+ "props": [
1929
+ {
1930
+ "name": "rightContent",
1931
+ "type": "React.ReactNode"
1932
+ },
1933
+ {
1934
+ "name": "showMobileMenu",
1935
+ "type": "boolean"
1936
+ },
1937
+ {
1938
+ "name": "avatar",
1939
+ "type": "React.ReactNode"
1940
+ },
1941
+ {
1942
+ "name": "showColorModeSwitcher",
1943
+ "type": "boolean"
1944
+ },
1945
+ {
1946
+ "name": "toggleTheme",
1947
+ "type": "() => void"
1948
+ },
1949
+ {
1950
+ "name": "isDarkThemeEnabled",
1951
+ "type": "boolean"
1952
+ },
1953
+ {
1954
+ "name": "actions",
1955
+ "type": "React.ReactNode"
1956
+ },
1957
+ {
1958
+ "name": "className",
1959
+ "type": "string"
1960
+ },
1961
+ {
1962
+ "name": "mobileMenuId",
1963
+ "type": "string"
1964
+ }
1965
+ ]
1196
1966
  }
1197
1967
  ]
1198
1968
  }