@reopt-ai/opt-ui 1.8.0 → 1.9.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 (61) hide show
  1. package/COMPONENT_CATALOG.md +222 -34
  2. package/README.md +70 -6
  3. package/dist/core/index.cjs +170 -155
  4. package/dist/core/index.d.cts +3 -2
  5. package/dist/core/index.d.ts +3 -2
  6. package/dist/core/index.js +3 -3
  7. package/dist/docs/02-components/01-core.md +223 -18
  8. package/dist/docs/02-components/02-visuals.md +1 -1
  9. package/dist/docs/02-components/03-shells.md +17 -16
  10. package/dist/docs/02-components/04-surfaces.md +1 -1
  11. package/dist/docs/02-components/index.md +4 -4
  12. package/dist/{field-sidebar-BP0iWkoV.d.cts → field-sidebar-B5vk3luQ.d.cts} +20 -3
  13. package/dist/{field-sidebar-BP0iWkoV.d.cts.map → field-sidebar-B5vk3luQ.d.cts.map} +1 -1
  14. package/dist/{field-sidebar-BYD_UIjG.js → field-sidebar-B7QkWvMG.js} +16 -8
  15. package/dist/{field-sidebar-BYD_UIjG.js.map → field-sidebar-B7QkWvMG.js.map} +1 -1
  16. package/dist/{field-sidebar-5KYVlpSs.d.ts → field-sidebar-Dk9gJGA_.d.ts} +20 -3
  17. package/dist/{field-sidebar-5KYVlpSs.d.ts.map → field-sidebar-Dk9gJGA_.d.ts.map} +1 -1
  18. package/dist/{field-sidebar-Bqfp6dgg.cjs → field-sidebar-mFHemxBz.cjs} +296 -288
  19. package/dist/{types-D0FlcYnM.d.ts → field-token-CSOrU5gl.d.cts} +66 -2
  20. package/dist/field-token-CSOrU5gl.d.cts.map +1 -0
  21. package/dist/{types-D0FlcYnM.d.cts → field-token-CSOrU5gl.d.ts} +66 -2
  22. package/dist/field-token-CSOrU5gl.d.ts.map +1 -0
  23. package/dist/{pagination-DWbvACuN.js → highlight-C2sfnJN8.js} +263 -11
  24. package/dist/highlight-C2sfnJN8.js.map +1 -0
  25. package/dist/{pagination-DjfxBcjX.cjs → highlight-CGcrYGMC.cjs} +284 -8
  26. package/dist/id-registry.cjs +98 -2
  27. package/dist/id-registry.d.cts.map +1 -1
  28. package/dist/id-registry.d.ts.map +1 -1
  29. package/dist/id-registry.js +98 -2
  30. package/dist/id-registry.js.map +1 -1
  31. package/dist/id-registry.json +202 -4
  32. package/dist/index.cjs +664 -643
  33. package/dist/index.d.cts +5 -4
  34. package/dist/index.d.cts.map +1 -1
  35. package/dist/index.d.ts +5 -4
  36. package/dist/index.d.ts.map +1 -1
  37. package/dist/index.js +10 -4
  38. package/dist/index.js.map +1 -1
  39. package/dist/{shader-surface-BUPZ0P-n.js → key-pad-menu-BFd79JoS.js} +855 -19
  40. package/dist/key-pad-menu-BFd79JoS.js.map +1 -0
  41. package/dist/{shader-surface-DRrcLrWf.d.cts → key-pad-menu-D8OS_VCT.d.cts} +459 -3
  42. package/dist/key-pad-menu-D8OS_VCT.d.cts.map +1 -0
  43. package/dist/{shader-surface-Fav5K9UC.cjs → key-pad-menu-DoGskWbp.cjs} +1103 -201
  44. package/dist/{shader-surface-BfTP9c1Q.d.ts → key-pad-menu-EEb6Ho5h.d.ts} +459 -3
  45. package/dist/key-pad-menu-EEb6Ho5h.d.ts.map +1 -0
  46. package/dist/meta.cjs +641 -0
  47. package/dist/meta.d.cts.map +1 -1
  48. package/dist/meta.d.ts.map +1 -1
  49. package/dist/meta.js +641 -0
  50. package/dist/meta.js.map +1 -1
  51. package/dist/shells/index.cjs +1 -1
  52. package/dist/shells/index.d.cts +1 -1
  53. package/dist/shells/index.d.ts +1 -1
  54. package/dist/shells/index.js +1 -1
  55. package/package.json +2 -2
  56. package/dist/pagination-DWbvACuN.js.map +0 -1
  57. package/dist/shader-surface-BUPZ0P-n.js.map +0 -1
  58. package/dist/shader-surface-BfTP9c1Q.d.ts.map +0 -1
  59. package/dist/shader-surface-DRrcLrWf.d.cts.map +0 -1
  60. package/dist/types-D0FlcYnM.d.cts.map +0 -1
  61. package/dist/types-D0FlcYnM.d.ts.map +0 -1
package/dist/id-registry.js CHANGED
@@ -203,6 +203,18 @@ const ID_REGISTRY = Object.freeze({
203
203
  layer: "shells",
204
204
  metaName: "CodeSnippetViewer"
205
205
  },
206
+ E7T89: {
207
+ slug: "color-palette",
208
+ exportName: "ColorPaletteDisplay",
209
+ layer: "core",
210
+ metaName: "ColorPalette"
211
+ },
212
+ "5R0PG": {
213
+ slug: "color-palette",
214
+ exportName: "ColorPalettePicker",
215
+ layer: "core",
216
+ metaName: "ColorPalette"
217
+ },
206
218
  V2CSG: {
207
219
  slug: "color-picker",
208
220
  exportName: "ColorPicker",
@@ -563,6 +575,30 @@ const ID_REGISTRY = Object.freeze({
563
575
  layer: "shells",
564
576
  metaName: "ExportButton"
565
577
  },
578
+ TXGA8: {
579
+ slug: "expression",
580
+ exportName: "Expression",
581
+ layer: "core",
582
+ metaName: "Expression"
583
+ },
584
+ F78CE: {
585
+ slug: "expression",
586
+ exportName: "ExpressionGroup",
587
+ layer: "core",
588
+ metaName: "Expression"
589
+ },
590
+ E9H18: {
591
+ slug: "facet",
592
+ exportName: "Facet",
593
+ layer: "core",
594
+ metaName: "Facet"
595
+ },
596
+ G1RNN: {
597
+ slug: "facet",
598
+ exportName: "FacetGroup",
599
+ layer: "core",
600
+ metaName: "Facet"
601
+ },
566
602
  ZAM3R: {
567
603
  slug: "failure-list",
568
604
  exportName: "FailureList",
@@ -587,6 +623,12 @@ const ID_REGISTRY = Object.freeze({
587
623
  layer: "shells",
588
624
  metaName: "FieldSidebar"
589
625
  },
626
+ V3AJ4: {
627
+ slug: "field-token",
628
+ exportName: "FieldToken",
629
+ layer: "core",
630
+ metaName: "FieldToken"
631
+ },
590
632
  BS5N0: {
591
633
  slug: "filter-bar",
592
634
  exportName: "FilterBar",
@@ -803,6 +845,12 @@ const ID_REGISTRY = Object.freeze({
803
845
  layer: "core",
804
846
  metaName: "Heading"
805
847
  },
848
+ "448TR": {
849
+ slug: "highlight",
850
+ exportName: "Highlight",
851
+ layer: "core",
852
+ metaName: "Highlight"
853
+ },
806
854
  "0DRGP": {
807
855
  slug: "icon-picker",
808
856
  exportName: "IconPicker",
@@ -815,6 +863,12 @@ const ID_REGISTRY = Object.freeze({
815
863
  layer: "shells",
816
864
  metaName: "InlineEditTable"
817
865
  },
866
+ RQ0H2: {
867
+ slug: "inline-edit",
868
+ exportName: "InlineEdit",
869
+ layer: "core",
870
+ metaName: "InlineEdit"
871
+ },
818
872
  "7BY1Q": {
819
873
  slug: "input",
820
874
  exportName: "Input",
@@ -839,19 +893,31 @@ const ID_REGISTRY = Object.freeze({
839
893
  layer: "core",
840
894
  metaName: "Kbd"
841
895
  },
896
+ ZZG2R: {
897
+ slug: "key-pad-menu",
898
+ exportName: "KeyPadMenu",
899
+ layer: "core",
900
+ metaName: "KeyPadMenu"
901
+ },
842
902
  NCBWA: {
843
903
  slug: "key-value-editor",
844
904
  exportName: "KeyValueEditor",
845
905
  layer: "shells",
846
906
  metaName: "KeyValueEditor"
847
907
  },
908
+ "0CFGR": {
909
+ slug: "live-region",
910
+ exportName: "LiveRegion",
911
+ layer: "core",
912
+ metaName: "LiveRegion"
913
+ },
848
914
  "380ZR": {
849
915
  slug: "loading-overlay",
850
916
  exportName: "LoadingOverlay",
851
917
  layer: "core",
852
918
  metaName: "LoadingOverlay"
853
919
  },
854
- NJ4N9: {
920
+ "3ZR82": {
855
921
  slug: "log-table",
856
922
  exportName: "LogTable",
857
923
  layer: "shells",
@@ -1319,6 +1385,12 @@ const ID_REGISTRY = Object.freeze({
1319
1385
  layer: "shells",
1320
1386
  metaName: "TemplatePicker"
1321
1387
  },
1388
+ Y6BGX: {
1389
+ slug: "text-truncate",
1390
+ exportName: "TextTruncate",
1391
+ layer: "core",
1392
+ metaName: "TextTruncate"
1393
+ },
1322
1394
  NFKP2: {
1323
1395
  slug: "text",
1324
1396
  exportName: "Text",
@@ -1484,6 +1556,8 @@ const SLUG_TO_ID = Object.freeze({
1484
1556
  "checkbox.CheckboxGroup": "V6NSW",
1485
1557
  "code-diff-viewer.CodeDiffViewer": "GSDVD",
1486
1558
  "code-snippet-viewer.CodeSnippetViewer": "9GDXY",
1559
+ "color-palette.ColorPaletteDisplay": "E7T89",
1560
+ "color-palette.ColorPalettePicker": "5R0PG",
1487
1561
  "color-picker.ColorPicker": "V2CSG",
1488
1562
  "column-toggler.ColumnToggler": "PPN5M",
1489
1563
  "combobox.ComboboxEmpty": "RZ06M",
@@ -1544,10 +1618,15 @@ const SLUG_TO_ID = Object.freeze({
1544
1618
  "event-icon.EventIcon": "ZNSD9",
1545
1619
  "event-meta-editor.EventMetaEditor": "EZR35",
1546
1620
  "export-button.ExportButton": "MGP2B",
1621
+ "expression.Expression": "TXGA8",
1622
+ "expression.ExpressionGroup": "F78CE",
1623
+ "facet.Facet": "E9H18",
1624
+ "facet.FacetGroup": "G1RNN",
1547
1625
  "failure-list.FailureList": "ZAM3R",
1548
1626
  "faq-accordion.FaqAccordion": "QRBHV",
1549
1627
  "feature-flag-panel.FeatureFlagPanel": "JW164",
1550
1628
  "field-sidebar.FieldSidebar": "17D4Y",
1629
+ "field-token.FieldToken": "V3AJ4",
1551
1630
  "filter-bar.FilterBar": "BS5N0",
1552
1631
  "floating-action-bar.FloatingActionBar": "S390B",
1553
1632
  "form-dynamic.DynamicFieldForm": "8RYG7",
@@ -1584,15 +1663,19 @@ const SLUG_TO_ID = Object.freeze({
1584
1663
  "form.FormTagInput": "W05M1",
1585
1664
  "form.FormTextarea": "Q8G2A",
1586
1665
  "heading.Heading": "NF0BT",
1666
+ "highlight.Highlight": "448TR",
1587
1667
  "icon-picker.IconPicker": "0DRGP",
1588
1668
  "inline-edit-table.InlineEditTable": "5W3J1",
1669
+ "inline-edit.InlineEdit": "RQ0H2",
1589
1670
  "input.Input": "7BY1Q",
1590
1671
  "insights-panel.InsightsPanel": "HCYZV",
1591
1672
  "kanban-board.KanbanBoard": "T6JWY",
1592
1673
  "kbd.Kbd": "NPHB8",
1674
+ "key-pad-menu.KeyPadMenu": "ZZG2R",
1593
1675
  "key-value-editor.KeyValueEditor": "NCBWA",
1676
+ "live-region.LiveRegion": "0CFGR",
1594
1677
  "loading-overlay.LoadingOverlay": "380ZR",
1595
- "log-table.LogTable": "NJ4N9",
1678
+ "log-table.LogTable": "3ZR82",
1596
1679
  "logo.Logo": "R906A",
1597
1680
  "mega-menu.MegaMenu": "42177",
1598
1681
  "menu.MenuButtonArrow": "J1AQH",
@@ -1670,6 +1753,7 @@ const SLUG_TO_ID = Object.freeze({
1670
1753
  "task-list.TaskList": "0DK79",
1671
1754
  "team-member-list.TeamMemberList": "6FTC5",
1672
1755
  "template-picker.TemplatePicker": "PVFJP",
1756
+ "text-truncate.TextTruncate": "Y6BGX",
1673
1757
  "text.Text": "NFKP2",
1674
1758
  "textarea.Textarea": "6T58H",
1675
1759
  "theme-switcher.ThemeSwitcher": "8JX0N",
@@ -1727,6 +1811,8 @@ const ALL_SLUGS = Object.freeze([
1727
1811
  "checkbox.CheckboxGroup",
1728
1812
  "code-diff-viewer.CodeDiffViewer",
1729
1813
  "code-snippet-viewer.CodeSnippetViewer",
1814
+ "color-palette.ColorPaletteDisplay",
1815
+ "color-palette.ColorPalettePicker",
1730
1816
  "color-picker.ColorPicker",
1731
1817
  "column-toggler.ColumnToggler",
1732
1818
  "combobox.ComboboxEmpty",
@@ -1787,10 +1873,15 @@ const ALL_SLUGS = Object.freeze([
1787
1873
  "event-icon.EventIcon",
1788
1874
  "event-meta-editor.EventMetaEditor",
1789
1875
  "export-button.ExportButton",
1876
+ "expression.Expression",
1877
+ "expression.ExpressionGroup",
1878
+ "facet.Facet",
1879
+ "facet.FacetGroup",
1790
1880
  "failure-list.FailureList",
1791
1881
  "faq-accordion.FaqAccordion",
1792
1882
  "feature-flag-panel.FeatureFlagPanel",
1793
1883
  "field-sidebar.FieldSidebar",
1884
+ "field-token.FieldToken",
1794
1885
  "filter-bar.FilterBar",
1795
1886
  "floating-action-bar.FloatingActionBar",
1796
1887
  "form-dynamic.DynamicFieldForm",
@@ -1827,13 +1918,17 @@ const ALL_SLUGS = Object.freeze([
1827
1918
  "form.FormTagInput",
1828
1919
  "form.FormTextarea",
1829
1920
  "heading.Heading",
1921
+ "highlight.Highlight",
1830
1922
  "icon-picker.IconPicker",
1831
1923
  "inline-edit-table.InlineEditTable",
1924
+ "inline-edit.InlineEdit",
1832
1925
  "input.Input",
1833
1926
  "insights-panel.InsightsPanel",
1834
1927
  "kanban-board.KanbanBoard",
1835
1928
  "kbd.Kbd",
1929
+ "key-pad-menu.KeyPadMenu",
1836
1930
  "key-value-editor.KeyValueEditor",
1931
+ "live-region.LiveRegion",
1837
1932
  "loading-overlay.LoadingOverlay",
1838
1933
  "log-table.LogTable",
1839
1934
  "logo.Logo",
@@ -1913,6 +2008,7 @@ const ALL_SLUGS = Object.freeze([
1913
2008
  "task-list.TaskList",
1914
2009
  "team-member-list.TeamMemberList",
1915
2010
  "template-picker.TemplatePicker",
2011
+ "text-truncate.TextTruncate",
1916
2012
  "text.Text",
1917
2013
  "textarea.Textarea",
1918
2014
  "theme-switcher.ThemeSwitcher",