@rbxts/uiblox 0.2.0-alpha.4 → 0.2.0-alpha.6

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 (76) hide show
  1. package/out/ui/packages/alert/components/Alert.luau +34 -27
  2. package/out/ui/packages/alert/components/Alert.styles.d.ts +1 -0
  3. package/out/ui/packages/alert/components/Alert.styles.luau +10 -2
  4. package/out/ui/packages/autocomplete/components/Autocomplete.luau +8 -0
  5. package/out/ui/packages/checkbox/components/checkboxLook.d.ts +1 -1
  6. package/out/ui/packages/chip/components/Chip.d.ts +1 -0
  7. package/out/ui/packages/chip/components/Chip.luau +37 -2
  8. package/out/ui/packages/chip/components/Chip.styles.d.ts +1 -0
  9. package/out/ui/packages/chip/components/Chip.styles.luau +29 -1
  10. package/out/ui/packages/circularProgress/components/CircularProgress.luau +13 -2
  11. package/out/ui/packages/formText/components/FormHelperText.d.ts +8 -0
  12. package/out/ui/packages/formText/components/FormHelperText.luau +44 -0
  13. package/out/ui/packages/formText/components/FormLabel.d.ts +9 -0
  14. package/out/ui/packages/formText/components/FormLabel.luau +46 -0
  15. package/out/ui/packages/formText/components/FormText.styles.d.ts +5 -0
  16. package/out/ui/packages/formText/components/FormText.styles.luau +33 -0
  17. package/out/ui/packages/formText/index.d.ts +4 -0
  18. package/out/ui/packages/formText/init.luau +6 -0
  19. package/out/ui/packages/imageList/components/ImageList.d.ts +14 -0
  20. package/out/ui/packages/imageList/components/ImageList.luau +84 -0
  21. package/out/ui/packages/imageList/components/ImageList.styles.d.ts +6 -0
  22. package/out/ui/packages/imageList/components/ImageList.styles.luau +54 -0
  23. package/out/ui/packages/imageList/components/imageListLayout.d.ts +3 -0
  24. package/out/ui/packages/imageList/components/imageListLayout.luau +24 -0
  25. package/out/ui/packages/imageList/index.d.ts +2 -0
  26. package/out/ui/packages/imageList/init.luau +5 -0
  27. package/out/ui/packages/index.d.ts +3 -0
  28. package/out/ui/packages/init.luau +9 -0
  29. package/out/ui/packages/layout/components/Box.d.ts +11 -0
  30. package/out/ui/packages/layout/components/Box.luau +49 -0
  31. package/out/ui/packages/layout/components/Box.styles.d.ts +7 -0
  32. package/out/ui/packages/layout/components/Box.styles.luau +34 -0
  33. package/out/ui/packages/layout/components/Stack.d.ts +12 -0
  34. package/out/ui/packages/layout/components/Stack.luau +49 -0
  35. package/out/ui/packages/layout/components/Stack.styles.d.ts +8 -0
  36. package/out/ui/packages/layout/components/Stack.styles.luau +72 -0
  37. package/out/ui/packages/layout/components/boxPad.d.ts +14 -0
  38. package/out/ui/packages/layout/components/boxPad.luau +59 -0
  39. package/out/ui/packages/layout/components/stackAlign.d.ts +8 -0
  40. package/out/ui/packages/layout/components/stackAlign.luau +29 -0
  41. package/out/ui/packages/layout/index.d.ts +7 -0
  42. package/out/ui/packages/layout/init.luau +2 -0
  43. package/out/ui/packages/menu/components/Menu.d.ts +3 -0
  44. package/out/ui/packages/menu/components/Menu.luau +48 -23
  45. package/out/ui/packages/menu/components/Menu.styles.luau +5 -1
  46. package/out/ui/packages/motion/index.d.ts +1 -1
  47. package/out/ui/packages/motion/init.luau +1 -0
  48. package/out/ui/packages/motion/unit.d.ts +5 -0
  49. package/out/ui/packages/motion/unit.luau +23 -0
  50. package/out/ui/packages/radioGroup/components/RadioGroup.d.ts +1 -0
  51. package/out/ui/packages/radioGroup/components/RadioGroup.luau +4 -2
  52. package/out/ui/packages/radioGroup/components/RadioGroup.styles.d.ts +1 -0
  53. package/out/ui/packages/radioGroup/components/RadioGroup.styles.luau +4 -1
  54. package/out/ui/packages/select/components/Select.d.ts +5 -0
  55. package/out/ui/packages/select/components/Select.luau +48 -24
  56. package/out/ui/packages/select/components/Select.styles.luau +1 -1
  57. package/out/ui/packages/skeleton/components/Skeleton.styles.luau +7 -3
  58. package/out/ui/packages/skeleton/components/skeletonTone.d.ts +20 -0
  59. package/out/ui/packages/skeleton/components/skeletonTone.luau +14 -0
  60. package/out/ui/packages/speedDial/components/SpeedDial.d.ts +17 -0
  61. package/out/ui/packages/speedDial/components/SpeedDial.luau +92 -0
  62. package/out/ui/packages/speedDial/components/SpeedDial.styles.d.ts +2 -0
  63. package/out/ui/packages/speedDial/components/SpeedDial.styles.luau +26 -0
  64. package/out/ui/packages/speedDial/index.d.ts +2 -0
  65. package/out/ui/packages/speedDial/init.luau +5 -0
  66. package/out/ui/packages/splitPane/components/splitLook.d.ts +1 -1
  67. package/out/ui/packages/stateMatrix.d.ts +1 -0
  68. package/out/ui/packages/stateMatrix.luau +239 -81
  69. package/out/ui/packages/switch/components/switchLook.d.ts +1 -1
  70. package/out/ui/packages/virtualList/components/EmptyListHint.d.ts +6 -0
  71. package/out/ui/packages/virtualList/components/EmptyListHint.luau +32 -0
  72. package/out/ui/packages/virtualList/components/EmptyListHint.styles.d.ts +5 -0
  73. package/out/ui/packages/virtualList/components/EmptyListHint.styles.luau +26 -0
  74. package/out/ui/packages/virtualList/index.d.ts +2 -0
  75. package/out/ui/packages/virtualList/init.luau +1 -0
  76. package/package.json +2 -2
@@ -713,29 +713,37 @@ local function togglesRows()
713
713
  local _Length_31 = #_array_32
714
714
  table.move(_array_32, 1, _Length_31, _length + 1, _array)
715
715
  _length += _Length_31
716
- local _array_33 = pair("RadioGroup", "size-small", {
716
+ local _array_33 = pair("RadioGroup", "row", {
717
717
  value = "Continue",
718
718
  options = { "Continue", "Other" },
719
- size = "small",
719
+ row = true,
720
720
  })
721
721
  local _Length_32 = #_array_33
722
722
  table.move(_array_33, 1, _Length_32, _length + 1, _array)
723
723
  _length += _Length_32
724
- local _array_34 = pair("RadioGroup", "size-large", {
724
+ local _array_34 = pair("RadioGroup", "size-small", {
725
725
  value = "Continue",
726
726
  options = { "Continue", "Other" },
727
- size = "large",
727
+ size = "small",
728
728
  })
729
729
  local _Length_33 = #_array_34
730
730
  table.move(_array_34, 1, _Length_33, _length + 1, _array)
731
731
  _length += _Length_33
732
- local _array_35 = pair("RadioGroup", "density-compact", {
732
+ local _array_35 = pair("RadioGroup", "size-large", {
733
+ value = "Continue",
734
+ options = { "Continue", "Other" },
735
+ size = "large",
736
+ })
737
+ local _Length_34 = #_array_35
738
+ table.move(_array_35, 1, _Length_34, _length + 1, _array)
739
+ _length += _Length_34
740
+ local _array_36 = pair("RadioGroup", "density-compact", {
733
741
  value = "Continue",
734
742
  options = { "Continue", "Other" },
735
743
  density = "compact",
736
744
  size = "small",
737
745
  })
738
- table.move(_array_35, 1, #_array_35, _length + 1, _array)
746
+ table.move(_array_36, 1, #_array_36, _length + 1, _array)
739
747
  return _array
740
748
  end
741
749
  local function compositeRows()
@@ -883,130 +891,147 @@ local function compositeRows()
883
891
  local _Length_16 = #_array_17
884
892
  table.move(_array_17, 1, _Length_16, _length + 1, _array)
885
893
  _length += _Length_16
886
- local _array_18 = pair("Tabs", "default", {
887
- value = "Continue",
888
- options = { "Continue", "Docs", "Actions" },
894
+ local _array_18 = pair("Select", "empty", {
895
+ value = "",
896
+ options = {},
897
+ open = true,
889
898
  })
890
899
  local _Length_17 = #_array_18
891
900
  table.move(_array_18, 1, _Length_17, _length + 1, _array)
892
901
  _length += _Length_17
893
- local _array_19 = pair("Tabs", "disabled", {
902
+ local _array_19 = pair("Select", "no-results", {
894
903
  value = "Continue",
895
- options = { "Continue", "Docs", "Actions" },
896
- disabled = true,
904
+ options = { "Continue", "Other" },
905
+ open = true,
906
+ filter = "zzz",
897
907
  })
898
908
  local _Length_18 = #_array_19
899
909
  table.move(_array_19, 1, _Length_18, _length + 1, _array)
900
910
  _length += _Length_18
901
- local _array_20 = pair("Tabs", "hover", {
911
+ local _array_20 = pair("Tabs", "default", {
902
912
  value = "Continue",
903
913
  options = { "Continue", "Docs", "Actions" },
904
- pointer = "hover",
905
914
  })
906
915
  local _Length_19 = #_array_20
907
916
  table.move(_array_20, 1, _Length_19, _length + 1, _array)
908
917
  _length += _Length_19
909
- local _array_21 = pair("Tabs", "long", {
910
- value = LONG,
911
- options = { LONG, "Docs", "Actions", "Source", "Settings" },
912
- text = LONG,
913
- width = NARROW,
918
+ local _array_21 = pair("Tabs", "disabled", {
919
+ value = "Continue",
920
+ options = { "Continue", "Docs", "Actions" },
921
+ disabled = true,
914
922
  })
915
923
  local _Length_20 = #_array_21
916
924
  table.move(_array_21, 1, _Length_20, _length + 1, _array)
917
925
  _length += _Length_20
918
- local _array_22 = pair("SplitPane", "default", {
919
- value = 160,
926
+ local _array_22 = pair("Tabs", "hover", {
927
+ value = "Continue",
928
+ options = { "Continue", "Docs", "Actions" },
929
+ pointer = "hover",
920
930
  })
921
931
  local _Length_21 = #_array_22
922
932
  table.move(_array_22, 1, _Length_21, _length + 1, _array)
923
933
  _length += _Length_21
924
- local _array_23 = pair("SplitPane", "disabled", {
925
- value = 160,
926
- disabled = true,
934
+ local _array_23 = pair("Tabs", "long", {
935
+ value = LONG,
936
+ options = { LONG, "Docs", "Actions", "Source", "Settings" },
937
+ text = LONG,
938
+ width = NARROW,
927
939
  })
928
940
  local _Length_22 = #_array_23
929
941
  table.move(_array_23, 1, _Length_22, _length + 1, _array)
930
942
  _length += _Length_22
931
- local _array_24 = pair("SplitPane", "hover", {
943
+ local _array_24 = pair("SplitPane", "default", {
932
944
  value = 160,
933
- pointer = "hover",
934
945
  })
935
946
  local _Length_23 = #_array_24
936
947
  table.move(_array_24, 1, _Length_23, _length + 1, _array)
937
948
  _length += _Length_23
938
- local _array_25 = pair("SplitPane", "drag", {
949
+ local _array_25 = pair("SplitPane", "disabled", {
939
950
  value = 160,
940
- pointer = "press",
951
+ disabled = true,
941
952
  })
942
953
  local _Length_24 = #_array_25
943
954
  table.move(_array_25, 1, _Length_24, _length + 1, _array)
944
955
  _length += _Length_24
945
- local _array_26 = pair("SplitPane", "long", {
946
- value = 80,
947
- text = LONG,
948
- width = NARROW,
956
+ local _array_26 = pair("SplitPane", "hover", {
957
+ value = 160,
958
+ pointer = "hover",
949
959
  })
950
960
  local _Length_25 = #_array_26
951
961
  table.move(_array_26, 1, _Length_25, _length + 1, _array)
952
962
  _length += _Length_25
953
- local _array_27 = pair("Tooltip", "hidden")
963
+ local _array_27 = pair("SplitPane", "drag", {
964
+ value = 160,
965
+ pointer = "press",
966
+ })
954
967
  local _Length_26 = #_array_27
955
968
  table.move(_array_27, 1, _Length_26, _length + 1, _array)
956
969
  _length += _Length_26
957
- local _array_28 = pair("Tooltip", "shown", {
958
- pointer = "hover",
970
+ local _array_28 = pair("SplitPane", "long", {
971
+ value = 80,
972
+ text = LONG,
973
+ width = NARROW,
959
974
  })
960
975
  local _Length_27 = #_array_28
961
976
  table.move(_array_28, 1, _Length_27, _length + 1, _array)
962
977
  _length += _Length_27
963
- local _array_29 = pair("Tooltip", "long", {
964
- text = LONG,
965
- width = NARROW,
966
- pointer = "hover",
967
- })
978
+ local _array_29 = pair("Tooltip", "hidden")
968
979
  local _Length_28 = #_array_29
969
980
  table.move(_array_29, 1, _Length_28, _length + 1, _array)
970
981
  _length += _Length_28
971
- local _array_30 = pair("TreeView", "default", {
972
- selected = "Fixture/Styled",
982
+ local _array_30 = pair("Tooltip", "shown", {
983
+ pointer = "hover",
973
984
  })
974
985
  local _Length_29 = #_array_30
975
986
  table.move(_array_30, 1, _Length_29, _length + 1, _array)
976
987
  _length += _Length_29
977
- local _array_31 = pair("TreeView", "hover", {
978
- selected = "Fixture/Styled",
988
+ local _array_31 = pair("Tooltip", "long", {
989
+ text = LONG,
990
+ width = NARROW,
979
991
  pointer = "hover",
980
992
  })
981
993
  local _Length_30 = #_array_31
982
994
  table.move(_array_31, 1, _Length_30, _length + 1, _array)
983
995
  _length += _Length_30
984
- local _array_32 = pair("TreeView", "filter", {
996
+ local _array_32 = pair("TreeView", "default", {
985
997
  selected = "Fixture/Styled",
986
- filter = "sty",
987
998
  })
988
999
  local _Length_31 = #_array_32
989
1000
  table.move(_array_32, 1, _Length_31, _length + 1, _array)
990
1001
  _length += _Length_31
991
- local _array_33 = pair("TreeView", "long", {
992
- selected = `Fixture/{LONG}`,
993
- text = LONG,
994
- width = NARROW,
1002
+ local _array_33 = pair("TreeView", "hover", {
1003
+ selected = "Fixture/Styled",
1004
+ pointer = "hover",
995
1005
  })
996
1006
  local _Length_32 = #_array_33
997
1007
  table.move(_array_33, 1, _Length_32, _length + 1, _array)
998
1008
  _length += _Length_32
999
- local _array_34 = pair("IconButton", "loading", {
1000
- loading = true,
1009
+ local _array_34 = pair("TreeView", "filter", {
1010
+ selected = "Fixture/Styled",
1011
+ filter = "sty",
1001
1012
  })
1002
1013
  local _Length_33 = #_array_34
1003
1014
  table.move(_array_34, 1, _Length_33, _length + 1, _array)
1004
1015
  _length += _Length_33
1005
- local _array_35 = pair("IconButton", "loading-disabled", {
1016
+ local _array_35 = pair("TreeView", "long", {
1017
+ selected = `Fixture/{LONG}`,
1018
+ text = LONG,
1019
+ width = NARROW,
1020
+ })
1021
+ local _Length_34 = #_array_35
1022
+ table.move(_array_35, 1, _Length_34, _length + 1, _array)
1023
+ _length += _Length_34
1024
+ local _array_36 = pair("IconButton", "loading", {
1025
+ loading = true,
1026
+ })
1027
+ local _Length_35 = #_array_36
1028
+ table.move(_array_36, 1, _Length_35, _length + 1, _array)
1029
+ _length += _Length_35
1030
+ local _array_37 = pair("IconButton", "loading-disabled", {
1006
1031
  loading = true,
1007
1032
  disabled = true,
1008
1033
  })
1009
- table.move(_array_35, 1, #_array_35, _length + 1, _array)
1034
+ table.move(_array_37, 1, #_array_37, _length + 1, _array)
1010
1035
  return _array
1011
1036
  end
1012
1037
  local function surfacesRows()
@@ -1219,16 +1244,22 @@ local function surfacesRows()
1219
1244
  local _Length_32 = #_array_33
1220
1245
  table.move(_array_33, 1, _Length_32, _length + 1, _array)
1221
1246
  _length += _Length_32
1222
- local _array_34 = pair("Badge", "count", {
1223
- value = 3,
1247
+ local _array_34 = pair("Chip", "deletable", {
1248
+ text = "Tag",
1224
1249
  })
1225
1250
  local _Length_33 = #_array_34
1226
1251
  table.move(_array_34, 1, _Length_33, _length + 1, _array)
1227
1252
  _length += _Length_33
1228
- local _array_35 = pair("Badge", "max", {
1253
+ local _array_35 = pair("Badge", "count", {
1254
+ value = 3,
1255
+ })
1256
+ local _Length_34 = #_array_35
1257
+ table.move(_array_35, 1, _Length_34, _length + 1, _array)
1258
+ _length += _Length_34
1259
+ local _array_36 = pair("Badge", "max", {
1229
1260
  value = 100,
1230
1261
  })
1231
- table.move(_array_35, 1, #_array_35, _length + 1, _array)
1262
+ table.move(_array_36, 1, #_array_36, _length + 1, _array)
1232
1263
  return _array
1233
1264
  end
1234
1265
  local function chromeRows()
@@ -1401,59 +1432,76 @@ local function chromeRows()
1401
1432
  local _Length_25 = #_array_26
1402
1433
  table.move(_array_26, 1, _Length_25, _length + 1, _array)
1403
1434
  _length += _Length_25
1404
- local _array_27 = pair("Fab", "default")
1435
+ local _array_27 = pair("Autocomplete", "empty", {
1436
+ value = "",
1437
+ options = {},
1438
+ open = true,
1439
+ })
1405
1440
  local _Length_26 = #_array_27
1406
1441
  table.move(_array_27, 1, _Length_26, _length + 1, _array)
1407
1442
  _length += _Length_26
1408
- local _array_28 = pair("Fab", "small", {
1409
- size = "small",
1443
+ local _array_28 = pair("Autocomplete", "no-results", {
1444
+ value = "Continue",
1445
+ options = { "Continue", "Other" },
1446
+ open = true,
1447
+ filter = "zzz",
1410
1448
  })
1411
1449
  local _Length_27 = #_array_28
1412
1450
  table.move(_array_28, 1, _Length_27, _length + 1, _array)
1413
1451
  _length += _Length_27
1414
- local _array_29 = pair("Fab", "large", {
1415
- size = "large",
1416
- })
1452
+ local _array_29 = pair("Fab", "default")
1417
1453
  local _Length_28 = #_array_29
1418
1454
  table.move(_array_29, 1, _Length_28, _length + 1, _array)
1419
1455
  _length += _Length_28
1420
- local _array_30 = pair("Fab", "disabled", {
1421
- disabled = true,
1456
+ local _array_30 = pair("Fab", "small", {
1457
+ size = "small",
1422
1458
  })
1423
1459
  local _Length_29 = #_array_30
1424
1460
  table.move(_array_30, 1, _Length_29, _length + 1, _array)
1425
1461
  _length += _Length_29
1426
- local _array_31 = pair("Fab", "loading", {
1427
- loading = true,
1462
+ local _array_31 = pair("Fab", "large", {
1463
+ size = "large",
1428
1464
  })
1429
1465
  local _Length_30 = #_array_31
1430
1466
  table.move(_array_31, 1, _Length_30, _length + 1, _array)
1431
1467
  _length += _Length_30
1432
- local _array_32 = pair("AppBar", "default", {
1433
- text = "Storyblox",
1468
+ local _array_32 = pair("Fab", "disabled", {
1469
+ disabled = true,
1434
1470
  })
1435
1471
  local _Length_31 = #_array_32
1436
1472
  table.move(_array_32, 1, _Length_31, _length + 1, _array)
1437
1473
  _length += _Length_31
1438
- local _array_33 = pair("AppBar", "flat", {
1439
- text = "Storyblox",
1440
- variant = "flat",
1474
+ local _array_33 = pair("Fab", "loading", {
1475
+ loading = true,
1441
1476
  })
1442
1477
  local _Length_32 = #_array_33
1443
1478
  table.move(_array_33, 1, _Length_32, _length + 1, _array)
1444
1479
  _length += _Length_32
1445
- local _array_34 = pair("AppBar", "raised", {
1480
+ local _array_34 = pair("AppBar", "default", {
1446
1481
  text = "Storyblox",
1447
- variant = "raised",
1448
1482
  })
1449
1483
  local _Length_33 = #_array_34
1450
1484
  table.move(_array_34, 1, _Length_33, _length + 1, _array)
1451
1485
  _length += _Length_33
1452
- local _array_35 = pair("BottomNavigation", "default", {
1486
+ local _array_35 = pair("AppBar", "flat", {
1487
+ text = "Storyblox",
1488
+ variant = "flat",
1489
+ })
1490
+ local _Length_34 = #_array_35
1491
+ table.move(_array_35, 1, _Length_34, _length + 1, _array)
1492
+ _length += _Length_34
1493
+ local _array_36 = pair("AppBar", "raised", {
1494
+ text = "Storyblox",
1495
+ variant = "raised",
1496
+ })
1497
+ local _Length_35 = #_array_36
1498
+ table.move(_array_36, 1, _Length_35, _length + 1, _array)
1499
+ _length += _Length_35
1500
+ local _array_37 = pair("BottomNavigation", "default", {
1453
1501
  value = "Home",
1454
1502
  options = { "Home", "Search", "Profile" },
1455
1503
  })
1456
- table.move(_array_35, 1, #_array_35, _length + 1, _array)
1504
+ table.move(_array_37, 1, #_array_37, _length + 1, _array)
1457
1505
  return _array
1458
1506
  end
1459
1507
  local function miscRows()
@@ -1579,16 +1627,126 @@ local function miscRows()
1579
1627
  local _Length_17 = #_array_18
1580
1628
  table.move(_array_18, 1, _Length_17, _length + 1, _array)
1581
1629
  _length += _Length_17
1582
- local _array_19 = pair("Menu", "closed", {
1583
- open = false,
1630
+ local _array_19 = pair("Stack", "column", {
1631
+ variant = "column",
1584
1632
  })
1585
1633
  local _Length_18 = #_array_19
1586
1634
  table.move(_array_19, 1, _Length_18, _length + 1, _array)
1587
1635
  _length += _Length_18
1588
- local _array_20 = pair("Menu", "open", {
1636
+ local _array_20 = pair("Stack", "row", {
1637
+ variant = "row",
1638
+ })
1639
+ local _Length_19 = #_array_20
1640
+ table.move(_array_20, 1, _Length_19, _length + 1, _array)
1641
+ _length += _Length_19
1642
+ local _array_21 = pair("Stack", "spaced", {
1643
+ variant = "column",
1644
+ size = "large",
1645
+ })
1646
+ local _Length_20 = #_array_21
1647
+ table.move(_array_21, 1, _Length_20, _length + 1, _array)
1648
+ _length += _Length_20
1649
+ local _array_22 = pair("Box", "plain")
1650
+ local _Length_21 = #_array_22
1651
+ table.move(_array_22, 1, _Length_21, _length + 1, _array)
1652
+ _length += _Length_21
1653
+ local _array_23 = pair("Box", "padded", {
1654
+ size = "medium",
1655
+ })
1656
+ local _Length_22 = #_array_23
1657
+ table.move(_array_23, 1, _Length_22, _length + 1, _array)
1658
+ _length += _Length_22
1659
+ local _array_24 = pair("Box", "paper", {
1660
+ variant = "paper",
1661
+ })
1662
+ local _Length_23 = #_array_24
1663
+ table.move(_array_24, 1, _Length_23, _length + 1, _array)
1664
+ _length += _Length_23
1665
+ local _array_25 = pair("ImageList", "default")
1666
+ local _Length_24 = #_array_25
1667
+ table.move(_array_25, 1, _Length_24, _length + 1, _array)
1668
+ _length += _Length_24
1669
+ local _array_26 = pair("ImageList", "dense", {
1670
+ size = "small",
1671
+ })
1672
+ local _Length_25 = #_array_26
1673
+ table.move(_array_26, 1, _Length_25, _length + 1, _array)
1674
+ _length += _Length_25
1675
+ local _array_27 = pair("ImageList", "wide", {
1676
+ size = "large",
1677
+ })
1678
+ local _Length_26 = #_array_27
1679
+ table.move(_array_27, 1, _Length_26, _length + 1, _array)
1680
+ _length += _Length_26
1681
+ local _array_28 = pair("SpeedDial", "closed", {
1682
+ open = false,
1683
+ })
1684
+ local _Length_27 = #_array_28
1685
+ table.move(_array_28, 1, _Length_27, _length + 1, _array)
1686
+ _length += _Length_27
1687
+ local _array_29 = pair("SpeedDial", "open", {
1688
+ open = true,
1689
+ })
1690
+ local _Length_28 = #_array_29
1691
+ table.move(_array_29, 1, _Length_28, _length + 1, _array)
1692
+ _length += _Length_28
1693
+ local _array_30 = pair("SpeedDial", "disabled", {
1694
+ open = false,
1695
+ disabled = true,
1696
+ })
1697
+ local _Length_29 = #_array_30
1698
+ table.move(_array_30, 1, _Length_29, _length + 1, _array)
1699
+ _length += _Length_29
1700
+ local _array_31 = pair("FormLabel", "default", {
1701
+ text = "Email",
1702
+ })
1703
+ local _Length_30 = #_array_31
1704
+ table.move(_array_31, 1, _Length_30, _length + 1, _array)
1705
+ _length += _Length_30
1706
+ local _array_32 = pair("FormLabel", "required", {
1707
+ text = "Email",
1708
+ value = true,
1709
+ })
1710
+ local _Length_31 = #_array_32
1711
+ table.move(_array_32, 1, _Length_31, _length + 1, _array)
1712
+ _length += _Length_31
1713
+ local _array_33 = pair("FormLabel", "error", {
1714
+ text = "Email",
1715
+ hasError = true,
1716
+ })
1717
+ local _Length_32 = #_array_33
1718
+ table.move(_array_33, 1, _Length_32, _length + 1, _array)
1719
+ _length += _Length_32
1720
+ local _array_34 = pair("FormHelperText", "default", {
1721
+ text = "We never share this",
1722
+ })
1723
+ local _Length_33 = #_array_34
1724
+ table.move(_array_34, 1, _Length_33, _length + 1, _array)
1725
+ _length += _Length_33
1726
+ local _array_35 = pair("FormHelperText", "error", {
1727
+ text = "Required",
1728
+ hasError = true,
1729
+ })
1730
+ local _Length_34 = #_array_35
1731
+ table.move(_array_35, 1, _Length_34, _length + 1, _array)
1732
+ _length += _Length_34
1733
+ local _array_36 = pair("Menu", "closed", {
1734
+ open = false,
1735
+ })
1736
+ local _Length_35 = #_array_36
1737
+ table.move(_array_36, 1, _Length_35, _length + 1, _array)
1738
+ _length += _Length_35
1739
+ local _array_37 = pair("Menu", "open", {
1740
+ open = true,
1741
+ })
1742
+ local _Length_36 = #_array_37
1743
+ table.move(_array_37, 1, _Length_36, _length + 1, _array)
1744
+ _length += _Length_36
1745
+ local _array_38 = pair("Menu", "empty", {
1589
1746
  open = true,
1747
+ options = {},
1590
1748
  })
1591
- table.move(_array_20, 1, #_array_20, _length + 1, _array)
1749
+ table.move(_array_38, 1, #_array_38, _length + 1, _array)
1592
1750
  return _array
1593
1751
  end
1594
1752
  local function concatRows(...)
@@ -1,6 +1,6 @@
1
1
  export type SwitchPointer = "rest" | "hover" | "press" | "focus";
2
2
  export declare function switchPointer(hovering: boolean, pressed: boolean, focused: boolean): SwitchPointer;
3
- export declare function switchTrackTransparency(on: boolean, disabled: boolean, pointer: SwitchPointer): 0 | 0.25 | 0.35 | 0.65 | 0.55 | 0.15 | 0.08;
3
+ export declare function switchTrackTransparency(on: boolean, disabled: boolean, pointer: SwitchPointer): 0 | 0.25 | 0.55 | 0.35 | 0.15 | 0.65 | 0.08;
4
4
  export declare function switchThumbTransparency(disabled: boolean): 0 | 0.35;
5
5
  export declare function switchStrokeTransparency(disabled: boolean, pointer: SwitchPointer): 1 | 0 | 0.35;
6
6
  export declare function switchThumbPlacement(on: boolean, inset: number): {
@@ -0,0 +1,6 @@
1
+ export interface EmptyListHintProps {
2
+ text: string;
3
+ height?: number;
4
+ }
5
+ declare function EmptyListHint(props: EmptyListHintProps): JSX.Element;
6
+ export default EmptyListHint;
@@ -0,0 +1,32 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
+ local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
5
+ local useEmptyListHintStyles = TS.import(script, script.Parent, "EmptyListHint.styles").default
6
+ local function EmptyListHint(props)
7
+ local _binding = props
8
+ local text = _binding.text
9
+ local height = _binding.height
10
+ local _binding_1 = useTheme()
11
+ local theme = _binding_1.theme
12
+ local _object = {}
13
+ local _left = "height"
14
+ local _condition = height
15
+ if _condition == nil then
16
+ _condition = theme.spacing.calc(4)
17
+ end
18
+ _object[_left] = _condition
19
+ local styles = useEmptyListHintStyles(_object)
20
+ local _attributes = {
21
+ key = "EmptyListHint",
22
+ }
23
+ for _k, _v in styles.root do
24
+ _attributes[_k] = _v
25
+ end
26
+ _attributes.Text = text
27
+ return React.createElement("textlabel", _attributes)
28
+ end
29
+ local default = EmptyListHint
30
+ return {
31
+ default = default,
32
+ }
@@ -0,0 +1,5 @@
1
+ export interface EmptyListHintStyleProps {
2
+ height: number;
3
+ }
4
+ declare const useEmptyListHintStyles: (props: EmptyListHintStyleProps) => import("../../../../theme/index").ClassNameMap<string>;
5
+ export default useEmptyListHintStyles;
@@ -0,0 +1,26 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
+ local createStyles = _theme.createStyles
5
+ local componentStyles = _theme.componentStyles
6
+ local useEmptyListHintStyles = componentStyles("EmptyListHint", function(theme, _param)
7
+ local height = _param.height
8
+ return createStyles({
9
+ root = {
10
+ Size = UDim2.new(1, 0, 0, height),
11
+ BackgroundTransparency = 1,
12
+ BorderSizePixel = 0,
13
+ TextColor3 = theme.palette.text.secondary,
14
+ Font = theme.typography.fontFamilies.default,
15
+ TextSize = theme.typography.fontSizes.body,
16
+ TextXAlignment = Enum.TextXAlignment.Center,
17
+ TextYAlignment = Enum.TextYAlignment.Center,
18
+ TextTruncate = Enum.TextTruncate.AtEnd,
19
+ ZIndex = 20002,
20
+ },
21
+ })
22
+ end)
23
+ local default = useEmptyListHintStyles
24
+ return {
25
+ default = default,
26
+ }
@@ -1,2 +1,4 @@
1
1
  export { default as VirtualList } from "./components/VirtualList";
2
2
  export { VirtualListProps, VirtualListHandle, VirtualListItemState, VirtualListAlign, } from "./components/VirtualList";
3
+ export { default as EmptyListHint } from "./components/EmptyListHint";
4
+ export { EmptyListHintProps } from "./components/EmptyListHint";
@@ -2,4 +2,5 @@
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.VirtualList = TS.import(script, script, "components", "VirtualList").default
5
+ exports.EmptyListHint = TS.import(script, script, "components", "EmptyListHint").default
5
6
  return exports
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rbxts/uiblox",
3
- "version": "0.2.0-alpha.4",
3
+ "version": "0.2.0-alpha.6",
4
4
  "description": "UI Library and theming for roblox-ts projects",
5
5
  "main": "out/init.luau",
6
6
  "packageManager": "pnpm@11.3.0",
@@ -8,7 +8,7 @@
8
8
  "build": "rbxtsc",
9
9
  "watch": "rbxtsc -w",
10
10
  "pack:check": "node scripts/pack-check.mjs",
11
- "test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-motion.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
11
+ "test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-motion.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/stack.check.mjs && node --experimental-strip-types scripts/speed-dial.check.mjs && node --experimental-strip-types scripts/form-text.check.mjs && node --experimental-strip-types scripts/box.check.mjs && node --experimental-strip-types scripts/image-list.check.mjs && node --experimental-strip-types scripts/radio-group.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
12
12
  "prepublishOnly": "pnpm build"
13
13
  },
14
14
  "keywords": [