@dxos/react-ui 0.3.11-main.ec7a2b3 → 0.3.11-main.ed96468

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 (37) hide show
  1. package/dist/lib/browser/index.mjs +10 -10
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
  5. package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
  6. package/dist/types/src/components/List/List.d.ts.map +1 -0
  7. package/dist/types/src/components/{Lists → List}/List.stories.d.ts +3 -1
  8. package/dist/types/src/components/List/List.stories.d.ts.map +1 -0
  9. package/dist/types/src/components/List/Tree.d.ts.map +1 -0
  10. package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -0
  11. package/dist/types/src/components/List/index.d.ts.map +1 -0
  12. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  13. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
  14. package/dist/types/src/components/index.d.ts +1 -1
  15. package/dist/types/src/components/index.d.ts.map +1 -1
  16. package/package.json +10 -8
  17. package/src/components/Avatars/Avatar.tsx +2 -1
  18. package/src/components/Buttons/Button.stories.tsx +2 -2
  19. package/src/components/Input/Input.stories.tsx +2 -2
  20. package/src/components/{Lists → List}/List.stories.tsx +43 -2
  21. package/src/components/ThemeProvider/ThemeProvider.tsx +1 -0
  22. package/src/components/ThemeProvider/TranslationsProvider.tsx +2 -0
  23. package/src/components/index.ts +1 -1
  24. package/src/playground/Surfaces.stories.tsx +4 -4
  25. package/dist/types/src/components/Lists/List.d.ts.map +0 -1
  26. package/dist/types/src/components/Lists/List.stories.d.ts.map +0 -1
  27. package/dist/types/src/components/Lists/Tree.d.ts.map +0 -1
  28. package/dist/types/src/components/Lists/Tree.stories.d.ts.map +0 -1
  29. package/dist/types/src/components/Lists/index.d.ts.map +0 -1
  30. package/dist/types/src/components/{Lists → List}/List.d.ts +0 -0
  31. package/dist/types/src/components/{Lists → List}/Tree.d.ts +0 -0
  32. package/dist/types/src/components/{Lists → List}/Tree.stories.d.ts +0 -0
  33. package/dist/types/src/components/{Lists → List}/index.d.ts +0 -0
  34. package/src/components/{Lists → List}/List.tsx +0 -0
  35. package/src/components/{Lists → List}/Tree.stories.tsx +0 -0
  36. package/src/components/{Lists → List}/Tree.tsx +1 -1
  37. /package/src/components/{Lists → List}/index.ts +0 -0
@@ -1088,7 +1088,7 @@ var Input = {
1088
1088
  DescriptionAndValidation
1089
1089
  };
1090
1090
 
1091
- // packages/ui/react-ui/src/components/Lists/List.tsx
1091
+ // packages/ui/react-ui/src/components/List/List.tsx
1092
1092
  import { CaretDown, CaretRight } from "@phosphor-icons/react";
1093
1093
  import { Slot as Slot8 } from "@radix-ui/react-slot";
1094
1094
  import React17, { forwardRef as forwardRef14 } from "react";
@@ -1105,7 +1105,7 @@ var DensityProvider = ({ density, children }) => /* @__PURE__ */ React16.createE
1105
1105
  }
1106
1106
  }, children);
1107
1107
 
1108
- // packages/ui/react-ui/src/components/Lists/List.tsx
1108
+ // packages/ui/react-ui/src/components/List/List.tsx
1109
1109
  var List = /* @__PURE__ */ forwardRef14(({ classNames, children, ...props }, forwardedRef) => {
1110
1110
  const { tx } = useThemeContext();
1111
1111
  const density = useDensityContext(props.density);
@@ -1191,7 +1191,7 @@ var ListItem = {
1191
1191
  MockOpenTrigger: MockListItemOpenTrigger
1192
1192
  };
1193
1193
 
1194
- // packages/ui/react-ui/src/components/Lists/Tree.tsx
1194
+ // packages/ui/react-ui/src/components/List/Tree.tsx
1195
1195
  import React18, { forwardRef as forwardRef15 } from "react";
1196
1196
  var TreeRoot = /* @__PURE__ */ forwardRef15((props, forwardedRef) => {
1197
1197
  return /* @__PURE__ */ React18.createElement(List, {
@@ -1255,24 +1255,24 @@ var useSwipeToDismiss = (ref, {
1255
1255
  /* side = 'inline-start' */
1256
1256
  }) => {
1257
1257
  const $root = ref.current;
1258
- const [motionState, setMotionState] = useState3(MotionState.IDLE);
1258
+ const [motionState, setMotionState] = useState3(0);
1259
1259
  const [gestureStartX, setGestureStartX] = useState3(0);
1260
1260
  const setIdle = useCallback2(() => {
1261
- setMotionState(MotionState.IDLE);
1261
+ setMotionState(0);
1262
1262
  $root?.style.removeProperty("inset-inline-start");
1263
1263
  $root?.style.setProperty("transition-duration", "200ms");
1264
1264
  }, [
1265
1265
  $root
1266
1266
  ]);
1267
1267
  const setFollowing = useCallback2(() => {
1268
- setMotionState(MotionState.FOLLOWING);
1268
+ setMotionState(2);
1269
1269
  $root?.style.setProperty("transition-duration", "0ms");
1270
1270
  }, [
1271
1271
  $root
1272
1272
  ]);
1273
1273
  const handlePointerDown = useCallback2(({ screenX }) => {
1274
- if (motionState === MotionState.IDLE) {
1275
- setMotionState(MotionState.DEBOUNCING);
1274
+ if (motionState === 0) {
1275
+ setMotionState(1);
1276
1276
  setGestureStartX(screenX);
1277
1277
  }
1278
1278
  }, [
@@ -1282,7 +1282,7 @@ var useSwipeToDismiss = (ref, {
1282
1282
  if ($root) {
1283
1283
  const delta = Math.min(screenX - gestureStartX, 0);
1284
1284
  switch (motionState) {
1285
- case MotionState.FOLLOWING:
1285
+ case 2:
1286
1286
  if (Math.abs(delta) > dismissThreshold) {
1287
1287
  setIdle();
1288
1288
  onDismiss?.();
@@ -1290,7 +1290,7 @@ var useSwipeToDismiss = (ref, {
1290
1290
  $root.style.setProperty("inset-inline-start", `${offset + delta}px`);
1291
1291
  }
1292
1292
  break;
1293
- case MotionState.DEBOUNCING:
1293
+ case 1:
1294
1294
  if (Math.abs(delta) > debounceThreshold) {
1295
1295
  setFollowing();
1296
1296
  }