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

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 (43) hide show
  1. package/out/ui/packages/autocomplete/components/Autocomplete.luau +8 -0
  2. package/out/ui/packages/chip/components/Chip.d.ts +1 -0
  3. package/out/ui/packages/chip/components/Chip.luau +37 -2
  4. package/out/ui/packages/chip/components/Chip.styles.d.ts +1 -0
  5. package/out/ui/packages/chip/components/Chip.styles.luau +29 -1
  6. package/out/ui/packages/formText/components/FormHelperText.d.ts +8 -0
  7. package/out/ui/packages/formText/components/FormHelperText.luau +44 -0
  8. package/out/ui/packages/formText/components/FormLabel.d.ts +9 -0
  9. package/out/ui/packages/formText/components/FormLabel.luau +46 -0
  10. package/out/ui/packages/formText/components/FormText.styles.d.ts +5 -0
  11. package/out/ui/packages/formText/components/FormText.styles.luau +33 -0
  12. package/out/ui/packages/formText/index.d.ts +4 -0
  13. package/out/ui/packages/formText/init.luau +6 -0
  14. package/out/ui/packages/index.d.ts +2 -0
  15. package/out/ui/packages/init.luau +6 -0
  16. package/out/ui/packages/layout/components/Stack.d.ts +12 -0
  17. package/out/ui/packages/layout/components/Stack.luau +49 -0
  18. package/out/ui/packages/layout/components/Stack.styles.d.ts +8 -0
  19. package/out/ui/packages/layout/components/Stack.styles.luau +72 -0
  20. package/out/ui/packages/layout/components/stackAlign.d.ts +8 -0
  21. package/out/ui/packages/layout/components/stackAlign.luau +29 -0
  22. package/out/ui/packages/layout/index.d.ts +3 -0
  23. package/out/ui/packages/layout/init.luau +1 -0
  24. package/out/ui/packages/menu/components/Menu.d.ts +3 -0
  25. package/out/ui/packages/menu/components/Menu.luau +48 -23
  26. package/out/ui/packages/menu/components/Menu.styles.luau +5 -1
  27. package/out/ui/packages/select/components/Select.d.ts +5 -0
  28. package/out/ui/packages/select/components/Select.luau +48 -24
  29. package/out/ui/packages/select/components/Select.styles.luau +1 -1
  30. package/out/ui/packages/speedDial/components/SpeedDial.d.ts +17 -0
  31. package/out/ui/packages/speedDial/components/SpeedDial.luau +92 -0
  32. package/out/ui/packages/speedDial/components/SpeedDial.styles.d.ts +2 -0
  33. package/out/ui/packages/speedDial/components/SpeedDial.styles.luau +26 -0
  34. package/out/ui/packages/speedDial/index.d.ts +2 -0
  35. package/out/ui/packages/speedDial/init.luau +5 -0
  36. package/out/ui/packages/stateMatrix.luau +193 -75
  37. package/out/ui/packages/virtualList/components/EmptyListHint.d.ts +6 -0
  38. package/out/ui/packages/virtualList/components/EmptyListHint.luau +32 -0
  39. package/out/ui/packages/virtualList/components/EmptyListHint.styles.d.ts +5 -0
  40. package/out/ui/packages/virtualList/components/EmptyListHint.styles.luau +26 -0
  41. package/out/ui/packages/virtualList/index.d.ts +2 -0
  42. package/out/ui/packages/virtualList/init.luau +1 -0
  43. package/package.json +2 -2
@@ -883,130 +883,147 @@ local function compositeRows()
883
883
  local _Length_16 = #_array_17
884
884
  table.move(_array_17, 1, _Length_16, _length + 1, _array)
885
885
  _length += _Length_16
886
- local _array_18 = pair("Tabs", "default", {
887
- value = "Continue",
888
- options = { "Continue", "Docs", "Actions" },
886
+ local _array_18 = pair("Select", "empty", {
887
+ value = "",
888
+ options = {},
889
+ open = true,
889
890
  })
890
891
  local _Length_17 = #_array_18
891
892
  table.move(_array_18, 1, _Length_17, _length + 1, _array)
892
893
  _length += _Length_17
893
- local _array_19 = pair("Tabs", "disabled", {
894
+ local _array_19 = pair("Select", "no-results", {
894
895
  value = "Continue",
895
- options = { "Continue", "Docs", "Actions" },
896
- disabled = true,
896
+ options = { "Continue", "Other" },
897
+ open = true,
898
+ filter = "zzz",
897
899
  })
898
900
  local _Length_18 = #_array_19
899
901
  table.move(_array_19, 1, _Length_18, _length + 1, _array)
900
902
  _length += _Length_18
901
- local _array_20 = pair("Tabs", "hover", {
903
+ local _array_20 = pair("Tabs", "default", {
902
904
  value = "Continue",
903
905
  options = { "Continue", "Docs", "Actions" },
904
- pointer = "hover",
905
906
  })
906
907
  local _Length_19 = #_array_20
907
908
  table.move(_array_20, 1, _Length_19, _length + 1, _array)
908
909
  _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,
910
+ local _array_21 = pair("Tabs", "disabled", {
911
+ value = "Continue",
912
+ options = { "Continue", "Docs", "Actions" },
913
+ disabled = true,
914
914
  })
915
915
  local _Length_20 = #_array_21
916
916
  table.move(_array_21, 1, _Length_20, _length + 1, _array)
917
917
  _length += _Length_20
918
- local _array_22 = pair("SplitPane", "default", {
919
- value = 160,
918
+ local _array_22 = pair("Tabs", "hover", {
919
+ value = "Continue",
920
+ options = { "Continue", "Docs", "Actions" },
921
+ pointer = "hover",
920
922
  })
921
923
  local _Length_21 = #_array_22
922
924
  table.move(_array_22, 1, _Length_21, _length + 1, _array)
923
925
  _length += _Length_21
924
- local _array_23 = pair("SplitPane", "disabled", {
925
- value = 160,
926
- disabled = true,
926
+ local _array_23 = pair("Tabs", "long", {
927
+ value = LONG,
928
+ options = { LONG, "Docs", "Actions", "Source", "Settings" },
929
+ text = LONG,
930
+ width = NARROW,
927
931
  })
928
932
  local _Length_22 = #_array_23
929
933
  table.move(_array_23, 1, _Length_22, _length + 1, _array)
930
934
  _length += _Length_22
931
- local _array_24 = pair("SplitPane", "hover", {
935
+ local _array_24 = pair("SplitPane", "default", {
932
936
  value = 160,
933
- pointer = "hover",
934
937
  })
935
938
  local _Length_23 = #_array_24
936
939
  table.move(_array_24, 1, _Length_23, _length + 1, _array)
937
940
  _length += _Length_23
938
- local _array_25 = pair("SplitPane", "drag", {
941
+ local _array_25 = pair("SplitPane", "disabled", {
939
942
  value = 160,
940
- pointer = "press",
943
+ disabled = true,
941
944
  })
942
945
  local _Length_24 = #_array_25
943
946
  table.move(_array_25, 1, _Length_24, _length + 1, _array)
944
947
  _length += _Length_24
945
- local _array_26 = pair("SplitPane", "long", {
946
- value = 80,
947
- text = LONG,
948
- width = NARROW,
948
+ local _array_26 = pair("SplitPane", "hover", {
949
+ value = 160,
950
+ pointer = "hover",
949
951
  })
950
952
  local _Length_25 = #_array_26
951
953
  table.move(_array_26, 1, _Length_25, _length + 1, _array)
952
954
  _length += _Length_25
953
- local _array_27 = pair("Tooltip", "hidden")
955
+ local _array_27 = pair("SplitPane", "drag", {
956
+ value = 160,
957
+ pointer = "press",
958
+ })
954
959
  local _Length_26 = #_array_27
955
960
  table.move(_array_27, 1, _Length_26, _length + 1, _array)
956
961
  _length += _Length_26
957
- local _array_28 = pair("Tooltip", "shown", {
958
- pointer = "hover",
962
+ local _array_28 = pair("SplitPane", "long", {
963
+ value = 80,
964
+ text = LONG,
965
+ width = NARROW,
959
966
  })
960
967
  local _Length_27 = #_array_28
961
968
  table.move(_array_28, 1, _Length_27, _length + 1, _array)
962
969
  _length += _Length_27
963
- local _array_29 = pair("Tooltip", "long", {
964
- text = LONG,
965
- width = NARROW,
966
- pointer = "hover",
967
- })
970
+ local _array_29 = pair("Tooltip", "hidden")
968
971
  local _Length_28 = #_array_29
969
972
  table.move(_array_29, 1, _Length_28, _length + 1, _array)
970
973
  _length += _Length_28
971
- local _array_30 = pair("TreeView", "default", {
972
- selected = "Fixture/Styled",
974
+ local _array_30 = pair("Tooltip", "shown", {
975
+ pointer = "hover",
973
976
  })
974
977
  local _Length_29 = #_array_30
975
978
  table.move(_array_30, 1, _Length_29, _length + 1, _array)
976
979
  _length += _Length_29
977
- local _array_31 = pair("TreeView", "hover", {
978
- selected = "Fixture/Styled",
980
+ local _array_31 = pair("Tooltip", "long", {
981
+ text = LONG,
982
+ width = NARROW,
979
983
  pointer = "hover",
980
984
  })
981
985
  local _Length_30 = #_array_31
982
986
  table.move(_array_31, 1, _Length_30, _length + 1, _array)
983
987
  _length += _Length_30
984
- local _array_32 = pair("TreeView", "filter", {
988
+ local _array_32 = pair("TreeView", "default", {
985
989
  selected = "Fixture/Styled",
986
- filter = "sty",
987
990
  })
988
991
  local _Length_31 = #_array_32
989
992
  table.move(_array_32, 1, _Length_31, _length + 1, _array)
990
993
  _length += _Length_31
991
- local _array_33 = pair("TreeView", "long", {
992
- selected = `Fixture/{LONG}`,
993
- text = LONG,
994
- width = NARROW,
994
+ local _array_33 = pair("TreeView", "hover", {
995
+ selected = "Fixture/Styled",
996
+ pointer = "hover",
995
997
  })
996
998
  local _Length_32 = #_array_33
997
999
  table.move(_array_33, 1, _Length_32, _length + 1, _array)
998
1000
  _length += _Length_32
999
- local _array_34 = pair("IconButton", "loading", {
1000
- loading = true,
1001
+ local _array_34 = pair("TreeView", "filter", {
1002
+ selected = "Fixture/Styled",
1003
+ filter = "sty",
1001
1004
  })
1002
1005
  local _Length_33 = #_array_34
1003
1006
  table.move(_array_34, 1, _Length_33, _length + 1, _array)
1004
1007
  _length += _Length_33
1005
- local _array_35 = pair("IconButton", "loading-disabled", {
1008
+ local _array_35 = pair("TreeView", "long", {
1009
+ selected = `Fixture/{LONG}`,
1010
+ text = LONG,
1011
+ width = NARROW,
1012
+ })
1013
+ local _Length_34 = #_array_35
1014
+ table.move(_array_35, 1, _Length_34, _length + 1, _array)
1015
+ _length += _Length_34
1016
+ local _array_36 = pair("IconButton", "loading", {
1017
+ loading = true,
1018
+ })
1019
+ local _Length_35 = #_array_36
1020
+ table.move(_array_36, 1, _Length_35, _length + 1, _array)
1021
+ _length += _Length_35
1022
+ local _array_37 = pair("IconButton", "loading-disabled", {
1006
1023
  loading = true,
1007
1024
  disabled = true,
1008
1025
  })
1009
- table.move(_array_35, 1, #_array_35, _length + 1, _array)
1026
+ table.move(_array_37, 1, #_array_37, _length + 1, _array)
1010
1027
  return _array
1011
1028
  end
1012
1029
  local function surfacesRows()
@@ -1219,16 +1236,22 @@ local function surfacesRows()
1219
1236
  local _Length_32 = #_array_33
1220
1237
  table.move(_array_33, 1, _Length_32, _length + 1, _array)
1221
1238
  _length += _Length_32
1222
- local _array_34 = pair("Badge", "count", {
1223
- value = 3,
1239
+ local _array_34 = pair("Chip", "deletable", {
1240
+ text = "Tag",
1224
1241
  })
1225
1242
  local _Length_33 = #_array_34
1226
1243
  table.move(_array_34, 1, _Length_33, _length + 1, _array)
1227
1244
  _length += _Length_33
1228
- local _array_35 = pair("Badge", "max", {
1245
+ local _array_35 = pair("Badge", "count", {
1246
+ value = 3,
1247
+ })
1248
+ local _Length_34 = #_array_35
1249
+ table.move(_array_35, 1, _Length_34, _length + 1, _array)
1250
+ _length += _Length_34
1251
+ local _array_36 = pair("Badge", "max", {
1229
1252
  value = 100,
1230
1253
  })
1231
- table.move(_array_35, 1, #_array_35, _length + 1, _array)
1254
+ table.move(_array_36, 1, #_array_36, _length + 1, _array)
1232
1255
  return _array
1233
1256
  end
1234
1257
  local function chromeRows()
@@ -1401,59 +1424,76 @@ local function chromeRows()
1401
1424
  local _Length_25 = #_array_26
1402
1425
  table.move(_array_26, 1, _Length_25, _length + 1, _array)
1403
1426
  _length += _Length_25
1404
- local _array_27 = pair("Fab", "default")
1427
+ local _array_27 = pair("Autocomplete", "empty", {
1428
+ value = "",
1429
+ options = {},
1430
+ open = true,
1431
+ })
1405
1432
  local _Length_26 = #_array_27
1406
1433
  table.move(_array_27, 1, _Length_26, _length + 1, _array)
1407
1434
  _length += _Length_26
1408
- local _array_28 = pair("Fab", "small", {
1409
- size = "small",
1435
+ local _array_28 = pair("Autocomplete", "no-results", {
1436
+ value = "Continue",
1437
+ options = { "Continue", "Other" },
1438
+ open = true,
1439
+ filter = "zzz",
1410
1440
  })
1411
1441
  local _Length_27 = #_array_28
1412
1442
  table.move(_array_28, 1, _Length_27, _length + 1, _array)
1413
1443
  _length += _Length_27
1414
- local _array_29 = pair("Fab", "large", {
1415
- size = "large",
1416
- })
1444
+ local _array_29 = pair("Fab", "default")
1417
1445
  local _Length_28 = #_array_29
1418
1446
  table.move(_array_29, 1, _Length_28, _length + 1, _array)
1419
1447
  _length += _Length_28
1420
- local _array_30 = pair("Fab", "disabled", {
1421
- disabled = true,
1448
+ local _array_30 = pair("Fab", "small", {
1449
+ size = "small",
1422
1450
  })
1423
1451
  local _Length_29 = #_array_30
1424
1452
  table.move(_array_30, 1, _Length_29, _length + 1, _array)
1425
1453
  _length += _Length_29
1426
- local _array_31 = pair("Fab", "loading", {
1427
- loading = true,
1454
+ local _array_31 = pair("Fab", "large", {
1455
+ size = "large",
1428
1456
  })
1429
1457
  local _Length_30 = #_array_31
1430
1458
  table.move(_array_31, 1, _Length_30, _length + 1, _array)
1431
1459
  _length += _Length_30
1432
- local _array_32 = pair("AppBar", "default", {
1433
- text = "Storyblox",
1460
+ local _array_32 = pair("Fab", "disabled", {
1461
+ disabled = true,
1434
1462
  })
1435
1463
  local _Length_31 = #_array_32
1436
1464
  table.move(_array_32, 1, _Length_31, _length + 1, _array)
1437
1465
  _length += _Length_31
1438
- local _array_33 = pair("AppBar", "flat", {
1439
- text = "Storyblox",
1440
- variant = "flat",
1466
+ local _array_33 = pair("Fab", "loading", {
1467
+ loading = true,
1441
1468
  })
1442
1469
  local _Length_32 = #_array_33
1443
1470
  table.move(_array_33, 1, _Length_32, _length + 1, _array)
1444
1471
  _length += _Length_32
1445
- local _array_34 = pair("AppBar", "raised", {
1472
+ local _array_34 = pair("AppBar", "default", {
1446
1473
  text = "Storyblox",
1447
- variant = "raised",
1448
1474
  })
1449
1475
  local _Length_33 = #_array_34
1450
1476
  table.move(_array_34, 1, _Length_33, _length + 1, _array)
1451
1477
  _length += _Length_33
1452
- local _array_35 = pair("BottomNavigation", "default", {
1478
+ local _array_35 = pair("AppBar", "flat", {
1479
+ text = "Storyblox",
1480
+ variant = "flat",
1481
+ })
1482
+ local _Length_34 = #_array_35
1483
+ table.move(_array_35, 1, _Length_34, _length + 1, _array)
1484
+ _length += _Length_34
1485
+ local _array_36 = pair("AppBar", "raised", {
1486
+ text = "Storyblox",
1487
+ variant = "raised",
1488
+ })
1489
+ local _Length_35 = #_array_36
1490
+ table.move(_array_36, 1, _Length_35, _length + 1, _array)
1491
+ _length += _Length_35
1492
+ local _array_37 = pair("BottomNavigation", "default", {
1453
1493
  value = "Home",
1454
1494
  options = { "Home", "Search", "Profile" },
1455
1495
  })
1456
- table.move(_array_35, 1, #_array_35, _length + 1, _array)
1496
+ table.move(_array_37, 1, #_array_37, _length + 1, _array)
1457
1497
  return _array
1458
1498
  end
1459
1499
  local function miscRows()
@@ -1579,16 +1619,94 @@ local function miscRows()
1579
1619
  local _Length_17 = #_array_18
1580
1620
  table.move(_array_18, 1, _Length_17, _length + 1, _array)
1581
1621
  _length += _Length_17
1582
- local _array_19 = pair("Menu", "closed", {
1583
- open = false,
1622
+ local _array_19 = pair("Stack", "column", {
1623
+ variant = "column",
1584
1624
  })
1585
1625
  local _Length_18 = #_array_19
1586
1626
  table.move(_array_19, 1, _Length_18, _length + 1, _array)
1587
1627
  _length += _Length_18
1588
- local _array_20 = pair("Menu", "open", {
1628
+ local _array_20 = pair("Stack", "row", {
1629
+ variant = "row",
1630
+ })
1631
+ local _Length_19 = #_array_20
1632
+ table.move(_array_20, 1, _Length_19, _length + 1, _array)
1633
+ _length += _Length_19
1634
+ local _array_21 = pair("Stack", "spaced", {
1635
+ variant = "column",
1636
+ size = "large",
1637
+ })
1638
+ local _Length_20 = #_array_21
1639
+ table.move(_array_21, 1, _Length_20, _length + 1, _array)
1640
+ _length += _Length_20
1641
+ local _array_22 = pair("SpeedDial", "closed", {
1642
+ open = false,
1643
+ })
1644
+ local _Length_21 = #_array_22
1645
+ table.move(_array_22, 1, _Length_21, _length + 1, _array)
1646
+ _length += _Length_21
1647
+ local _array_23 = pair("SpeedDial", "open", {
1648
+ open = true,
1649
+ })
1650
+ local _Length_22 = #_array_23
1651
+ table.move(_array_23, 1, _Length_22, _length + 1, _array)
1652
+ _length += _Length_22
1653
+ local _array_24 = pair("SpeedDial", "disabled", {
1654
+ open = false,
1655
+ disabled = true,
1656
+ })
1657
+ local _Length_23 = #_array_24
1658
+ table.move(_array_24, 1, _Length_23, _length + 1, _array)
1659
+ _length += _Length_23
1660
+ local _array_25 = pair("FormLabel", "default", {
1661
+ text = "Email",
1662
+ })
1663
+ local _Length_24 = #_array_25
1664
+ table.move(_array_25, 1, _Length_24, _length + 1, _array)
1665
+ _length += _Length_24
1666
+ local _array_26 = pair("FormLabel", "required", {
1667
+ text = "Email",
1668
+ value = true,
1669
+ })
1670
+ local _Length_25 = #_array_26
1671
+ table.move(_array_26, 1, _Length_25, _length + 1, _array)
1672
+ _length += _Length_25
1673
+ local _array_27 = pair("FormLabel", "error", {
1674
+ text = "Email",
1675
+ hasError = true,
1676
+ })
1677
+ local _Length_26 = #_array_27
1678
+ table.move(_array_27, 1, _Length_26, _length + 1, _array)
1679
+ _length += _Length_26
1680
+ local _array_28 = pair("FormHelperText", "default", {
1681
+ text = "We never share this",
1682
+ })
1683
+ local _Length_27 = #_array_28
1684
+ table.move(_array_28, 1, _Length_27, _length + 1, _array)
1685
+ _length += _Length_27
1686
+ local _array_29 = pair("FormHelperText", "error", {
1687
+ text = "Required",
1688
+ hasError = 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("Menu", "closed", {
1694
+ open = false,
1695
+ })
1696
+ local _Length_29 = #_array_30
1697
+ table.move(_array_30, 1, _Length_29, _length + 1, _array)
1698
+ _length += _Length_29
1699
+ local _array_31 = pair("Menu", "open", {
1700
+ open = true,
1701
+ })
1702
+ local _Length_30 = #_array_31
1703
+ table.move(_array_31, 1, _Length_30, _length + 1, _array)
1704
+ _length += _Length_30
1705
+ local _array_32 = pair("Menu", "empty", {
1589
1706
  open = true,
1707
+ options = {},
1590
1708
  })
1591
- table.move(_array_20, 1, #_array_20, _length + 1, _array)
1709
+ table.move(_array_32, 1, #_array_32, _length + 1, _array)
1592
1710
  return _array
1593
1711
  end
1594
1712
  local function concatRows(...)
@@ -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.5",
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/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": [